@gravitee/gamma-lib-observability 1.18.0 → 1.19.0

package/dist/index.js

@@ -1,12 +1,12 @@
 import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./filter-providers-context.js";
 import { Component as y, Fragment as b, Suspense as x, createContext as S, createElement as ee, forwardRef as te, lazy as ne, memo as re, useCallback as C, useContext as w, useEffect as T, useId as ie, useMemo as E, useRef as D, useState as O } from "react";
 import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { keepPreviousData as ae, useQueries as M, useQuery as N } from "@tanstack/react-query";
-import { Accordion as oe, AccordionContent as se, AccordionItem as ce, AccordionTrigger as le, Badge as P, Button as F, Calendar as ue, Card as de, Combobox as fe, ComboboxChip as pe, ComboboxChips as me, ComboboxChipsInput as he, ComboboxContent as ge, ComboboxEmpty as _e, ComboboxItem as ve, ComboboxList as ye, ComboboxValue as be, DataTable as xe, DataTablePagination as Se, Empty as Ce, EmptyDescription as we, EmptyHeader as Te, EmptyMedia as Ee, EmptyTitle as De, Field as Oe, FieldError as ke, FieldLabel as Ae, Input as je, Popover as Me, PopoverAnchor as Ne, PopoverContent as Pe, PopoverTrigger as Fe, ScrollArea as Ie, Select as Le, SelectContent as Re, SelectItem as ze, SelectTrigger as Be, SelectValue as Ve, Separator as He, Sheet as Ue, SheetContent as We, SheetDescription as Ge, SheetTitle as Ke, Skeleton as I, Spinner as qe, Tabs as Je, TabsContent as Ye, TabsList as Xe, TabsTrigger as Ze, ToggleGroup as Qe, ToggleGroupItem as $e, Tooltip as L, TooltipContent as R, TooltipProvider as z, TooltipTrigger as B, cn as V, toast as H, useComboboxAnchor as et } from "@gravitee/graphene-core";
+import { keepPreviousData as M, useQueries as ae, useQuery as N } from "@tanstack/react-query";
+import { Accordion as P, AccordionContent as F, AccordionItem as oe, AccordionTrigger as se, Badge as I, Button as L, Calendar as ce, Card as le, Combobox as ue, ComboboxChip as de, ComboboxChips as fe, ComboboxChipsInput as pe, ComboboxContent as me, ComboboxEmpty as he, ComboboxInput as ge, ComboboxItem as _e, ComboboxList as ve, ComboboxValue as ye, DataTable as be, DataTablePagination as xe, Empty as Se, EmptyDescription as Ce, EmptyHeader as we, EmptyMedia as Te, EmptyTitle as Ee, Field as De, FieldError as Oe, FieldLabel as ke, Input as Ae, Label as je, Popover as Me, PopoverAnchor as Ne, PopoverContent as Pe, PopoverTrigger as Fe, ScrollArea as Ie, Select as Le, SelectContent as Re, SelectItem as ze, SelectTrigger as Be, SelectValue as Ve, Separator as He, Sheet as Ue, SheetContent as We, SheetDescription as Ge, SheetTitle as Ke, Skeleton as R, Spinner as qe, Tabs as Je, TabsContent as Ye, TabsList as Xe, TabsTrigger as Ze, ToggleGroup as Qe, ToggleGroupItem as $e, Tooltip as z, TooltipContent as B, TooltipProvider as V, TooltipTrigger as H, cn as U, toast as W, useComboboxAnchor as et } from "@gravitee/graphene-core";
 import { AlertCircleIcon as tt, ArrowLeftIcon as nt, ArrowRightIcon as rt, BrainCircuitIcon as it, CableIcon as at, CalendarIcon as ot, ChartLineIcon as st, ChevronDownIcon as ct, ChevronRightIcon as lt, CircleHelpIcon as ut, CopyIcon as dt, ExpandIcon as ft, FileTextIcon as pt, FilterIcon as mt, FunnelXIcon as ht, GlobeIcon as gt, MessageSquareIcon as _t, PanelLeftIcon as vt, PlusIcon as yt, RefreshCwIcon as bt, SearchIcon as xt, WaypointsIcon as St, WebhookIcon as Ct, XIcon as wt } from "@gravitee/graphene-core/icons";
 import { DashboardGrid as Tt, DashboardWidget as Et } from "@gravitee/graphene-charts/dashboard-grid";
 import { AreaSeries as Dt, BarChart as Ot, BarSeries as kt, CartesianChart as At, ChartContainer as jt, ChartLegend as Mt, ChartLegendContent as Nt, ChartTooltip as Pt, ChartTooltipContent as Ft, DoughnutChart as It, Grid as Lt, LineSeries as Rt, Metric as zt, MetricGroup as Bt, ReferenceLine as Vt, TraceWaterfall as Ht, XAxis as Ut, YAxis as Wt } from "@gravitee/graphene-charts";
-import { Link as Gt, Navigate as Kt, Route as U, Routes as qt, useLocation as Jt, useNavigate as Yt, useParams as Xt, useSearchParams as Zt } from "react-router-dom";
+import { Link as Gt, Navigate as Kt, Route as G, Routes as qt, useLocation as Jt, useNavigate as Yt, useParams as Xt, useSearchParams as Zt } from "react-router-dom";
 //#region src/types/guards.ts
 function Qt(e) {
 	return e.type === "cartesian";
@@ -26,7 +26,7 @@ function nn(e) {
 //#endregion
 //#region src/types/widget-defaults.ts
 var rn = "COUNT";
-function W(e) {
+function K(e) {
 	return e ?? "COUNT";
 }
 //#endregion
@@ -84,7 +84,7 @@ function hn() {
 }
 //#endregion
 //#region src/hooks/constants.ts
-var G = 3e4;
+var q = 3e4;
 //#endregion
 //#region src/hooks/query-keys.ts
 function gn(e) {
@@ -97,7 +97,7 @@ function _n(e) {
 function vn(e) {
 	return !e || e.length === 0 ? e : e.slice().sort((e, t) => e.field.localeCompare(t.field) || e.operator.localeCompare(t.operator));
 }
-var K = {
+var J = {
 	all: ["observability"],
 	timeSeries: (e, t, n, r, i, a, o) => [
 		"observability",
@@ -165,6 +165,7 @@ var K = {
 			traceId: t
 		}
 	],
+	tracingApis: () => ["observability", "tracingApis"],
 	dashboard: (e) => [
 		"observability",
 		"dashboard",
@@ -178,7 +179,7 @@ var K = {
 };
 //#endregion
 //#region src/dashboards/merge-filters.ts
-function q(...e) {
+function Y(...e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) if (n) for (let e of n) t.set(e.field, e);
 	return Array.from(t.values());
@@ -193,7 +194,7 @@ function bn({ filters: e, children: t }) {
 		children: t
 	});
 }
-function J() {
+function X() {
 	return w(yn);
 }
 //#endregion
@@ -202,14 +203,14 @@ function xn(e) {
 	if (!e.metric) return;
 	let t = {
 		name: e.metric,
-		measures: [W(e.measure)]
+		measures: [K(e.measure)]
 	};
 	return e.sorts?.length && (t.sorts = e.sorts), [t];
 }
 function Sn(e, t) {
-	let r = n(), i = q(J(), e.filters), a = xn(e);
+	let r = n(), i = Y(X(), e.filters), a = xn(e);
 	return N({
-		queryKey: K.facets(e.by, e.timeRange, i, {
+		queryKey: J.facets(e.by, e.timeRange, i, {
 			metrics: a,
 			ranges: e.ranges,
 			limit: e.limit,
@@ -225,7 +226,7 @@ function Sn(e, t) {
 			search: e.search,
 			signal: t
 		}),
-		staleTime: G,
+		staleTime: q,
 		enabled: e.enabled,
 		...t
 	});
@@ -234,9 +235,9 @@ function Sn(e, t) {
 //#region src/hooks/use-log-detail-query.ts
 function Cn(e) {
 	let t = r(), n = typeof t.getById == "function", i = N({
-		queryKey: K.logDetail(e.id ?? ""),
+		queryKey: J.logDetail(e.id ?? ""),
 		queryFn: ({ signal: n }) => t.getById(e.id, n),
-		staleTime: G,
+		staleTime: q,
 		enabled: n && !!e.id && e.enabled !== !1
 	});
 	return {
@@ -252,16 +253,16 @@ function Cn(e) {
 //#endregion
 //#region src/hooks/use-logs-query.ts
 function wn(e, t) {
-	let n = r(), i = q(J(), e.filters);
+	let n = r(), i = Y(X(), e.filters);
 	return N({
-		queryKey: K.logs(e.timeRange, i, e.search),
+		queryKey: J.logs(e.timeRange, i, e.search),
 		queryFn: ({ signal: t }) => n.fetchLogs({
 			timeRange: e.timeRange,
 			filters: i,
 			search: e.search,
 			signal: t
 		}),
-		staleTime: G,
+		staleTime: q,
 		enabled: e.enabled,
 		...t
 	});
@@ -270,7 +271,7 @@ function wn(e, t) {
 //#region src/hooks/use-logs-paged-query.ts
 var Tn = 25, En = [];
 function Dn(e) {
-	let { timeRange: t, filters: n, search: i, pageSize: a = Tn, enabled: o } = e, s = r(), c = q(J(), n), [l, u] = O(1), [d, f] = O(a), p = K.logs(t, c, i), m = JSON.stringify(p), h = D(m);
+	let { timeRange: t, filters: n, search: i, pageSize: a = Tn, enabled: o } = e, s = r(), c = Y(X(), n), [l, u] = O(1), [d, f] = O(a), p = J.logs(t, c, i), m = JSON.stringify(p), h = D(m);
 	T(() => {
 		h.current !== m && (h.current = m, u(1));
 	}, [m]);
@@ -287,7 +288,7 @@ function Dn(e) {
 			perPage: d,
 			signal: e
 		}),
-		staleTime: G,
+		staleTime: q,
 		placeholderData: (e) => e,
 		enabled: o
 	}), _ = g.data?.totalCount ?? 0, v = g.data?.pageCount ?? (_ > 0 ? Math.ceil(_ / d) : 0), y = v > 0 ? Math.min(l, v) : l;
@@ -311,17 +312,17 @@ function Dn(e) {
 //#endregion
 //#region src/hooks/use-measures-query.ts
 function On(e, t) {
-	let r = n(), i = q(J(), e.filters);
+	let r = n(), i = Y(X(), e.filters);
 	return N({
-		queryKey: K.measures(e.metrics, e.timeRange, i),
+		queryKey: J.measures(e.metrics, e.timeRange, i),
 		queryFn: ({ signal: t }) => r.fetchMeasures({
 			metrics: e.metrics,
 			timeRange: e.timeRange,
 			filters: i,
 			signal: t
 		}),
-		staleTime: G,
-		placeholderData: ae,
+		staleTime: q,
+		placeholderData: M,
 		enabled: e.enabled,
 		...t
 	});
@@ -333,7 +334,7 @@ function kn(e, t) {
 		filterName: e.field,
 		ids: e.value
 	})), [n]), i = E(() => JSON.stringify(r), [r]), { data: a } = N({
-		queryKey: K.filterLabels(i),
+		queryKey: J.filterLabels(i),
 		queryFn: ({ signal: e }) => t.resolveLabels(r, e),
 		enabled: !!t && r.length > 0,
 		staleTime: 300 * 1e3
@@ -356,9 +357,9 @@ function kn(e, t) {
 //#endregion
 //#region src/hooks/use-time-series-query.ts
 function An(e, t) {
-	let r = n(), i = q(J(), e.filters);
+	let r = n(), i = Y(X(), e.filters);
 	return N({
-		queryKey: K.timeSeries(e.metrics, e.timeRange, e.interval, i, e.by, e.limit, e.ranges),
+		queryKey: J.timeSeries(e.metrics, e.timeRange, e.interval, i, e.by, e.limit, e.ranges),
 		queryFn: ({ signal: t }) => r.fetchTimeSeries({
 			metrics: e.metrics,
 			timeRange: e.timeRange,
@@ -369,8 +370,8 @@ function An(e, t) {
 			limit: e.limit,
 			signal: t
 		}),
-		staleTime: G,
-		placeholderData: ae,
+		staleTime: q,
+		placeholderData: M,
 		enabled: e.enabled,
 		...t
 	});
@@ -379,7 +380,7 @@ function An(e, t) {
 //#region src/hooks/use-trace-detail-query.ts
 function jn(e) {
 	let { apiId: t, traceId: n, enabled: r, keepPreviousData: i } = e, a = d(), o = N({
-		queryKey: K.traceDetail(t, n ?? ""),
+		queryKey: J.traceDetail(t, n ?? ""),
 		queryFn: ({ signal: e }) => {
 			if (!n) throw Error("traceId is required but was called with a falsy value");
 			return a.fetchTraceById({
@@ -388,9 +389,9 @@ function jn(e) {
 				signal: e
 			});
 		},
-		staleTime: G,
+		staleTime: q,
 		enabled: !!n && r !== !1,
-		placeholderData: i ? ae : void 0
+		placeholderData: i ? M : void 0
 	});
 	return {
 		data: o.data,
@@ -405,7 +406,7 @@ function jn(e) {
 //#region src/hooks/use-traces-paged-query.ts
 var Mn = 25, Nn = [];
 function Pn(e) {
-	let { apiId: t, timeRange: n, filters: r, pageSize: i = Mn, enabled: a } = e, o = d(), [s, c] = O(1), [l, u] = O(i), f = K.traces(t, n, r), p = JSON.stringify(f), m = D(p);
+	let { apiId: t, timeRange: n, filters: r, pageSize: i = Mn, enabled: a } = e, o = d(), [s, c] = O(1), [l, u] = O(i), f = J.traces(t, n, r), p = JSON.stringify(f), m = D(p);
 	T(() => {
 		m.current !== p && (m.current = p, c(1));
 	}, [p]);
@@ -422,7 +423,7 @@ function Pn(e) {
 			perPage: l,
 			signal: e
 		}),
-		staleTime: G,
+		staleTime: q,
 		placeholderData: (e) => e,
 		enabled: a
 	}), g = h.data?.totalCount ?? 0, _ = h.data?.pageCount ?? (g > 0 ? Math.ceil(g / l) : 0);
@@ -650,13 +651,13 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 		onOpenChange: S,
 		children: [/* @__PURE__ */ A(Fe, {
 			asChild: !0,
-			children: /* @__PURE__ */ j(F, {
+			children: /* @__PURE__ */ j(L, {
 				variant: "outline",
 				disabled: n,
 				"aria-label": "Time range picker",
 				"aria-haspopup": "dialog",
 				"aria-expanded": c,
-				className: V("justify-between gap-2 font-normal", i),
+				className: U("justify-between gap-2 font-normal", i),
 				children: [er(e, r), /* @__PURE__ */ A(ot, {
 					"aria-hidden": "true",
 					className: "size-4 shrink-0"
@@ -695,13 +696,13 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 							children: t.label
 						}), /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-3 gap-2",
-							children: t.periods.map((t) => /* @__PURE__ */ A(F, {
+							children: t.periods.map((t) => /* @__PURE__ */ A(L, {
 								variant: "outline",
 								size: "sm",
 								role: "option",
 								"aria-label": zn[t],
 								"aria-selected": e.type === "relative" && e.period === t,
-								className: V(e.type === "relative" && e.period === t && "bg-primary text-primary-foreground hover:bg-primary/90"),
+								className: U(e.type === "relative" && e.period === t && "bg-primary text-primary-foreground hover:bg-primary/90"),
 								disabled: n,
 								onClick: () => ee(t),
 								children: Rn[t]
@@ -712,7 +713,7 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 				u === "custom" && /* @__PURE__ */ j("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ A(ue, {
+						/* @__PURE__ */ A(ce, {
 							mode: "range",
 							selected: f,
 							onSelect: te,
@@ -724,18 +725,18 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 						/* @__PURE__ */ j("div", {
 							className: "flex items-end gap-2",
 							children: [
-								/* @__PURE__ */ j(Oe, {
+								/* @__PURE__ */ j(De, {
 									className: "flex-1",
-									children: [/* @__PURE__ */ A(Ae, {
+									children: [/* @__PURE__ */ A(ke, {
 										htmlFor: o,
 										children: tr(f?.from)
-									}), /* @__PURE__ */ A(je, {
+									}), /* @__PURE__ */ A(Ae, {
 										id: o,
 										type: "time",
 										value: m,
 										disabled: n,
 										"aria-invalid": b,
-										className: V("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
+										className: U("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
 										onChange: (e) => h(e.target.value)
 									})]
 								}),
@@ -743,18 +744,18 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 									className: "pb-2 text-muted-foreground",
 									children: "-"
 								}),
-								/* @__PURE__ */ j(Oe, {
+								/* @__PURE__ */ j(De, {
 									className: "flex-1",
-									children: [/* @__PURE__ */ A(Ae, {
+									children: [/* @__PURE__ */ A(ke, {
 										htmlFor: s,
 										children: tr(f?.to)
-									}), /* @__PURE__ */ A(je, {
+									}), /* @__PURE__ */ A(Ae, {
 										id: s,
 										type: "time",
 										value: g,
 										disabled: n,
 										"aria-invalid": b,
-										className: V("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
+										className: U("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
 										onChange: (e) => _(e.target.value)
 									})]
 								})
@@ -765,7 +766,7 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 							role: "alert",
 							children: "Start must be before end"
 						}),
-						/* @__PURE__ */ A(F, {
+						/* @__PURE__ */ A(L, {
 							size: "sm",
 							disabled: !x || n,
 							onClick: ne,
@@ -893,7 +894,7 @@ function fr(e) {
 //#endregion
 //#region src/filters/use-scoped-filter-providers.ts
 function pr(e) {
-	let t = p(), n = J();
+	let t = p(), n = X();
 	return E(() => {
 		if (!e) return t;
 		let r = n.find((t) => t.field === e);
@@ -952,24 +953,24 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 		...a && { filter: null },
 		...i && { onInputValueChange: (e) => i(String(e)) }
 	}, v = /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(_e, { children: s }),
-		/* @__PURE__ */ A(ye, { children: (e) => /* @__PURE__ */ A(ve, {
+		/* @__PURE__ */ A(he, { children: s }),
+		/* @__PURE__ */ A(ve, { children: (e) => /* @__PURE__ */ A(_e, {
 			value: e,
 			children: e.label
 		}, e.value) }),
 		c
-	] }), y = r ? /* @__PURE__ */ j(fe, {
+	] }), y = r ? /* @__PURE__ */ j(ue, {
 		..._,
 		multiple: !0,
 		autoHighlight: !0,
 		value: t,
 		onValueChange: (e) => n(Array.isArray(e) ? e : []),
-		children: [/* @__PURE__ */ A(me, {
+		children: [/* @__PURE__ */ A(fe, {
 			ref: u,
-			children: /* @__PURE__ */ A(be, { children: (e) => /* @__PURE__ */ j(b, { children: [e.map((e) => /* @__PURE__ */ A(pe, {
+			children: /* @__PURE__ */ A(ye, { children: (e) => /* @__PURE__ */ j(b, { children: [e.map((e) => /* @__PURE__ */ A(de, {
 				removeAriaLabel: `Remove ${e.label}`,
 				children: e.label
-			}, e.value)), /* @__PURE__ */ A(he, {
+			}, e.value)), /* @__PURE__ */ A(pe, {
 				"aria-label": "Filter values",
 				"aria-invalid": g || void 0,
 				"aria-describedby": g ? h : void 0,
@@ -977,18 +978,18 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 				onFocus: p,
 				onKeyDown: m
 			})] }) })
-		}), /* @__PURE__ */ A(ge, {
+		}), /* @__PURE__ */ A(me, {
 			anchor: u,
 			children: v
 		})]
-	}) : /* @__PURE__ */ j(fe, {
+	}) : /* @__PURE__ */ j(ue, {
 		..._,
 		value: t[0] ?? null,
 		onValueChange: (e) => n(e ? [e] : []),
 		openOnInputClick: !0,
-		children: [/* @__PURE__ */ A(me, {
+		children: [/* @__PURE__ */ A(fe, {
 			ref: u,
-			children: /* @__PURE__ */ A(he, {
+			children: /* @__PURE__ */ A(pe, {
 				"aria-label": "Filter values",
 				"aria-invalid": g || void 0,
 				"aria-describedby": g ? h : void 0,
@@ -996,12 +997,12 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 				onFocus: p,
 				onKeyDown: m
 			})
-		}), /* @__PURE__ */ A(ge, {
+		}), /* @__PURE__ */ A(me, {
 			anchor: u,
 			children: v
 		})]
 	});
-	return l ? /* @__PURE__ */ j(k, { children: [y, /* @__PURE__ */ A(ke, {
+	return l ? /* @__PURE__ */ j(k, { children: [y, /* @__PURE__ */ A(Oe, {
 		id: h,
 		children: l
 	})] }) : y;
@@ -1143,13 +1144,13 @@ function Or(e) {
 var kr = re(function({ provider: e, showScopes: t = !1, className: n }) {
 	let r = t && e.scopes && e.scopes.length > 0;
 	return /* @__PURE__ */ j("div", {
-		className: V("flex min-w-0 flex-1 items-center justify-between gap-3", n),
+		className: U("flex min-w-0 flex-1 items-center justify-between gap-3", n),
 		children: [/* @__PURE__ */ A("span", {
 			className: "truncate font-medium",
 			children: e.label
 		}), r ? /* @__PURE__ */ A("span", {
 			className: "flex shrink-0 flex-wrap items-center justify-end gap-1",
-			children: e.scopes?.map((e) => /* @__PURE__ */ A(P, {
+			children: e.scopes?.map((e) => /* @__PURE__ */ A(I, {
 				variant: "secondary",
 				className: "max-w-28 truncate text-xs font-normal",
 				children: Or(e)
@@ -1161,7 +1162,7 @@ var kr = re(function({ provider: e, showScopes: t = !1, className: n }) {
 //#region src/filters/FilterPropertyField.tsx
 function Ar({ providers: e, selectedField: t, onFieldChange: n, showScopes: r }) {
 	let i = et(), { open: a, handleOpenChange: o, handleInputFocus: s, handleInputKeyDown: c } = gr();
-	return /* @__PURE__ */ j(fe, {
+	return /* @__PURE__ */ j(ue, {
 		open: a,
 		onOpenChange: o,
 		items: e,
@@ -1170,17 +1171,17 @@ function Ar({ providers: e, selectedField: t, onFieldChange: n, showScopes: r })
 		itemToStringLabel: (e) => e.label,
 		itemToStringValue: (e) => e.field,
 		isItemEqualToValue: (e, t) => e.field === t.field,
-		children: [/* @__PURE__ */ A(me, {
+		children: [/* @__PURE__ */ A(fe, {
 			ref: i,
-			children: /* @__PURE__ */ A(he, {
+			children: /* @__PURE__ */ A(pe, {
 				"aria-label": "Filter property",
 				placeholder: "Search property…",
 				onFocus: s,
 				onKeyDown: c
 			})
-		}), /* @__PURE__ */ j(ge, {
+		}), /* @__PURE__ */ j(me, {
 			anchor: i,
-			children: [/* @__PURE__ */ A(_e, { children: "No results." }), /* @__PURE__ */ A(ye, { children: (e) => /* @__PURE__ */ A(ve, {
+			children: [/* @__PURE__ */ A(he, { children: "No results." }), /* @__PURE__ */ A(ve, { children: (e) => /* @__PURE__ */ A(_e, {
 				value: e,
 				children: /* @__PURE__ */ A(kr, {
 					provider: e,
@@ -1354,7 +1355,7 @@ function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 		}));
 	}
 	function ee() {
-		return !m || !s ? /* @__PURE__ */ A(je, {
+		return !m || !s ? /* @__PURE__ */ A(Ae, {
 			disabled: !0,
 			placeholder: "Search value…",
 			"aria-label": "Filter value"
@@ -1368,7 +1369,7 @@ function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 			selected: l,
 			onSelectedChange: x,
 			multiple: h
-		}, m.field) : m.allowFreeText ? /* @__PURE__ */ A(je, {
+		}, m.field) : m.allowFreeText ? /* @__PURE__ */ A(Ae, {
 			value: d,
 			onChange: (e) => f(e.target.value),
 			placeholder: "Enter value(s), comma-separated",
@@ -1381,13 +1382,13 @@ function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 	return /* @__PURE__ */ j("div", {
 		className: "flex w-[340px] flex-col gap-4 p-4",
 		children: [
-			/* @__PURE__ */ j(Oe, { children: [/* @__PURE__ */ A(Ae, { children: "Filter by" }), /* @__PURE__ */ A(Ar, {
+			/* @__PURE__ */ j(De, { children: [/* @__PURE__ */ A(ke, { children: "Filter by" }), /* @__PURE__ */ A(Ar, {
 				providers: i,
 				selectedField: a,
 				onFieldChange: y,
 				showScopes: r
 			})] }),
-			/* @__PURE__ */ j(Oe, { children: [/* @__PURE__ */ A(Ae, { children: "Choose operator" }), /* @__PURE__ */ j(Le, {
+			/* @__PURE__ */ j(De, { children: [/* @__PURE__ */ A(ke, { children: "Choose operator" }), /* @__PURE__ */ j(Le, {
 				value: s ?? void 0,
 				onValueChange: b,
 				disabled: !m,
@@ -1400,16 +1401,16 @@ function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 					children: Pr(e)
 				}, e)) })]
 			})] }),
-			_ ? /* @__PURE__ */ j(Oe, { children: [/* @__PURE__ */ A(Ae, { children: "Filter value" }), ee()] }) : null,
+			_ ? /* @__PURE__ */ j(De, { children: [/* @__PURE__ */ A(ke, { children: "Filter value" }), ee()] }) : null,
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center justify-end gap-2",
-				children: [/* @__PURE__ */ A(F, {
+				children: [/* @__PURE__ */ A(L, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
 					onClick: n,
 					children: "Cancel"
-				}), /* @__PURE__ */ A(F, {
+				}), /* @__PURE__ */ A(L, {
 					type: "button",
 					size: "sm",
 					disabled: !v,
@@ -1495,12 +1496,12 @@ var $r = re(te(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 		className: "truncate",
 		children: l.value
 	}) : null] });
-	return /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+	return /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 		asChild: !0,
 		children: /* @__PURE__ */ j("span", {
 			ref: c,
 			"data-chip-index": s,
-			className: V("inline-flex items-center gap-1.5", f && r && "border-dashed border-highlight/40", f && !r && "border-dashed", i && "pointer-events-none opacity-50", o),
+			className: U("inline-flex items-center gap-1.5", f && r && "border-dashed border-highlight/40", f && !r && "border-dashed", i && "pointer-events-none opacity-50", o),
 			"aria-label": Qr(r, i, u),
 			"aria-disabled": i || void 0,
 			"data-active": a || void 0,
@@ -1508,9 +1509,9 @@ var $r = re(te(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 			onMouseLeave: () => m(!1),
 			onFocus: () => d && m(!0),
 			onBlur: () => m(!1),
-			children: [/* @__PURE__ */ A(P, {
+			children: [/* @__PURE__ */ A(I, {
 				variant: r ? "highlight" : "secondary",
-				className: V("h-auto max-w-xs gap-1.5 py-1 font-normal transition-all", d ? "cursor-pointer hover:bg-highlight/20" : "pr-2", d && !p && "pr-2", d && p && "pr-1"),
+				className: U("h-auto max-w-xs gap-1.5 py-1 font-normal transition-all", d ? "cursor-pointer hover:bg-highlight/20" : "pr-2", d && !p && "pr-2", d && p && "pr-1"),
 				role: d ? "button" : void 0,
 				tabIndex: d ? 0 : void 0,
 				"aria-hidden": d ? void 0 : "true",
@@ -1519,7 +1520,7 @@ var $r = re(te(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 					d && ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), t?.()), (e.key === "Delete" || e.key === "Backspace") && (e.preventDefault(), n?.()));
 				},
 				children: g
-			}), d && n && p ? /* @__PURE__ */ A(F, {
+			}), d && n && p ? /* @__PURE__ */ A(L, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
@@ -1533,7 +1534,7 @@ var $r = re(te(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 				})
 			}) : null]
 		})
-	}), /* @__PURE__ */ A(R, { children: u })] });
+	}), /* @__PURE__ */ A(B, { children: u })] });
 }));
 $r.displayName = "FilterChip";
 //#endregion
@@ -1626,18 +1627,18 @@ function ci({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 			e && (e.querySelector("[data-autofocus]") ?? e.querySelector("input:not([disabled])"))?.focus();
 		});
 	}
-	return /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(Me, {
+	return /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(Me, {
 		open: m,
 		onOpenChange: x,
 		children: [
 			/* @__PURE__ */ j("div", {
-				className: V("flex flex-wrap items-center gap-2", a),
+				className: U("flex flex-wrap items-center gap-2", a),
 				children: [
 					/* @__PURE__ */ A("span", {
 						className: "shrink-0 text-sm font-medium text-muted-foreground",
 						children: "Filters:"
 					}),
-					n ? /* @__PURE__ */ j(F, {
+					n ? /* @__PURE__ */ j(L, {
 						ref: l,
 						type: "button",
 						variant: "outline",
@@ -1712,7 +1713,7 @@ function mi(e) {
 function hi(e) {
 	return Math.floor(Date.now() / e);
 }
-function Y(e) {
+function gi(e) {
 	let t = ln(), n = t?.intervalMs ?? 6e4, r = t?.isLive ?? !0, [i, a] = O(() => hi(n));
 	return T(() => {
 		if (e.type === "absolute" || !r) return;
@@ -1738,44 +1739,44 @@ function Y(e) {
 }
 //#endregion
 //#region src/dashboards/adapters/facets-adapter.ts
-var gi = 20;
-function _i(e) {
-	return e.length <= gi ? e : `${e.slice(0, gi - 1)}…`;
-}
+var _i = 20;
 function vi(e) {
+	return e.length <= _i ? e : `${e.slice(0, _i - 1)}…`;
+}
+function yi(e) {
 	return e.map((e) => ({
 		category: e.value,
 		value: e.count
 	}));
 }
-function yi(e) {
+function bi(e) {
 	return e.map((e) => ({
-		category: _i(e.label || e.value),
+		category: vi(e.label || e.value),
 		count: e.count
 	}));
 }
 //#endregion
 //#region src/dashboards/use-merged-widget-filters.ts
-function bi(e, t) {
-	return q(J(), t, e);
+function xi(e, t) {
+	return Y(X(), t, e);
 }
 //#endregion
 //#region src/dashboards/renderers/facet-value-format.ts
-var xi = new Intl.NumberFormat("en-US");
-function Si(e) {
-	return e.toLowerCase().split(/[_\s]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
-}
+var Si = new Intl.NumberFormat("en-US");
 function Ci(e) {
-	return e.valueLabel?.trim() || (e.metric ? Si(e.metric) : Si(W(e.measure)));
+	return e.toLowerCase().split(/[_\s]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
 function wi(e) {
-	return e.reduce((e, t) => e + (Number.isFinite(t) ? t : 0), 0);
+	return e.valueLabel?.trim() || (e.metric ? Ci(e.metric) : Ci(K(e.measure)));
 }
 function Ti(e) {
+	return e.reduce((e, t) => e + (Number.isFinite(t) ? t : 0), 0);
+}
+function Ei(e) {
 	return (t) => {
 		let n = typeof t == "number" ? t : Number(t);
 		if (!Number.isFinite(n)) return String(t);
-		let r = xi.format(n);
+		let r = Si.format(n);
 		if (e <= 0) return r;
 		let i = n / e * 100;
 		return `${r} (${i > 0 && i < .5 ? "<1" : Math.round(i)}%)`;
@@ -1783,17 +1784,17 @@ function Ti(e) {
 }
 //#endregion
 //#region src/dashboards/renderers/BarPresentation.tsx
-var Ei = 160, Di = 72, Oi = 7, ki = 20;
-function Ai({ data: e, config: t, state: n, layout: r = "vertical", showShare: i = !0, valueFormatter: a }) {
+var Di = 160, Oi = 72, ki = 7, Ai = 20;
+function ji({ data: e, config: t, state: n, layout: r = "vertical", showShare: i = !0, valueFormatter: a }) {
 	let o = E(() => {
 		if (a) return a;
-		if (i) return Ti(wi(e.map((e) => e.count)));
+		if (i) return Ei(Ti(e.map((e) => e.count)));
 	}, [
 		e,
 		i,
 		a
 	]), s = E(() => {
-		if (!(r !== "horizontal" || e.length === 0)) return { left: Math.min(Ei, Math.max(Di, e.reduce((e, t) => Math.max(e, t.category.length), 0) * Oi + ki)) };
+		if (!(r !== "horizontal" || e.length === 0)) return { left: Math.min(Di, Math.max(Oi, e.reduce((e, t) => Math.max(e, t.category.length), 0) * ki + Ai)) };
 	}, [e, r]);
 	return /* @__PURE__ */ A(jt, {
 		config: t,
@@ -1809,8 +1810,8 @@ function Ai({ data: e, config: t, state: n, layout: r = "vertical", showShare: i
 }
 //#endregion
 //#region src/dashboards/renderers/BarWidgetRenderer.tsx
-function ji({ widget: e, timeRange: t, filters: n }) {
-	let r = bi(e.filters, n), i = Y(t), { data: a, isLoading: o, isError: s } = Sn({
+function Mi({ widget: e, timeRange: t, filters: n }) {
+	let r = xi(e.filters, n), i = gi(t), { data: a, isLoading: o, isError: s } = Sn({
 		by: [...e.by],
 		metric: e.metric,
 		measure: e.measure,
@@ -1823,14 +1824,14 @@ function ji({ widget: e, timeRange: t, filters: n }) {
 	T(() => {
 		s && console.error(`[BarWidgetRenderer] Failed to fetch facets for widget "${e.title}"`);
 	}, [s, e.title]);
-	let c = Ci(e), { data: l, config: u } = E(() => a ? {
-		data: yi(a),
+	let c = wi(e), { data: l, config: u } = E(() => a ? {
+		data: bi(a),
 		config: { count: { label: c } }
 	} : {
 		data: [],
 		config: {}
 	}, [a, c]);
-	return /* @__PURE__ */ A(Ai, {
+	return /* @__PURE__ */ A(ji, {
 		data: l,
 		config: u,
 		state: o ? "loading" : s ? "empty" : "ready",
@@ -1839,36 +1840,36 @@ function ji({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/adapters/status-palette.ts
-var Mi = {
+var Ni = {
 	"1XX": "var(--chart-5)",
 	"2XX": "var(--success)",
 	"3XX": "var(--chart-4)",
 	"4XX": "var(--warning)",
 	"5XX": "var(--destructive)"
-}, Ni = new Set([
+}, Pi = new Set([
 	"HTTP_STATUS_CODE_GROUP",
 	"http_status_code_group",
 	"status_code_group"
 ]);
-function Pi(e, t, n) {
+function Fi(e, t, n) {
 	if (n?.[e]) return n[e];
-	if (t && Ni.has(t)) return Mi[e.toUpperCase()];
+	if (t && Pi.has(t)) return Ni[e.toUpperCase()];
 }
 //#endregion
 //#region src/dashboards/adapters/time-series-adapter.ts
-function Fi(e) {
+function Ii(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "_");
 }
-function Ii(e, t) {
+function Li(e, t) {
 	let n = [], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let t of e) i.set(t.metric, (i.get(t.metric) ?? 0) + 1);
 	return e.forEach((e, a) => {
-		let o = t[a] ?? [], s = W(e.measure), c = `${Fi(e.metric)}__${Fi(s)}__${Fi(e.representation)}`, l = e.by?.[0];
+		let o = t[a] ?? [], s = K(e.measure), c = `${Ii(e.metric)}__${Ii(s)}__${Ii(e.representation)}`, l = e.by?.[0];
 		if (l) {
 			for (let t of o) {
-				let i = `${c}__${Fi(t.key)}`;
+				let i = `${c}__${Ii(t.key)}`;
 				if (r.has(i)) continue;
-				let a = Pi(t.key, l, e.colorByGroup);
+				let a = Fi(t.key, l, e.colorByGroup);
 				n.push({
 					dataKey: i,
 					label: t.label,
@@ -1901,10 +1902,10 @@ function Ii(e, t) {
 		seriesMap: r
 	};
 }
-function Li(e) {
+function Ri(e) {
 	let t = /* @__PURE__ */ new Map(), n = Infinity, r = -Infinity;
 	for (let t of e.values()) for (let e of t) for (let t of e.points) t.timestamp < n && (n = t.timestamp), t.timestamp > r && (r = t.timestamp);
-	let i = r - n > Ri ? Vi : Bi;
+	let i = r - n > zi ? Hi : Vi;
 	for (let n of e.values()) for (let e of n) for (let n of e.points) {
 		let e = i(n.timestamp), r = t.get(e);
 		(r === void 0 || n.timestamp < r) && t.set(e, n.timestamp);
@@ -1920,7 +1921,7 @@ function Li(e) {
 	}
 	return o;
 }
-var Ri = 1440 * 6e4, zi = [
+var zi = 1440 * 6e4, Bi = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -1934,25 +1935,25 @@ var Ri = 1440 * 6e4, zi = [
 	"Nov",
 	"Dec"
 ];
-function Bi(e) {
+function Vi(e) {
 	let t = new Date(e);
 	return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
-function Vi(e) {
+function Hi(e) {
 	let t = new Date(e);
-	return `${zi[t.getMonth()]} ${String(t.getDate()).padStart(2, "0")} ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+	return `${Bi[t.getMonth()]} ${String(t.getDate()).padStart(2, "0")} ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/dashboards/compute-bucket-interval.ts
-var Hi = 6e4, Ui = 48;
-function Wi(e, t) {
-	if (t <= 0) return Hi;
+var Ui = 6e4, Wi = 48;
+function Gi(e, t) {
+	if (t <= 0) return Ui;
 	let n = e.to - e.from, r = Math.floor(n / t);
-	return Math.max(Hi, r);
+	return Math.max(Ui, r);
 }
 //#endregion
 //#region src/dashboards/renderers/CartesianPresentation.tsx
-function Gi({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal: a, totalLabel: o }) {
+function Ki({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal: a, totalLabel: o }) {
 	let s = Object.keys(t), c = n.some((e) => e.representation === "bar") ? "band" : "point";
 	return /* @__PURE__ */ A(jt, {
 		config: t,
@@ -1965,8 +1966,8 @@ function Gi({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal
 			children: [
 				/* @__PURE__ */ A(Lt, {}),
 				s.map((e) => {
-					let t = r?.[e] ?? Ki(e, n);
-					return t ? qi(e, t) : null;
+					let t = r?.[e] ?? qi(e, n);
+					return t ? Ji(e, t) : null;
 				}),
 				/* @__PURE__ */ A(Ut, {}),
 				/* @__PURE__ */ A(Wt, {}),
@@ -1979,10 +1980,10 @@ function Gi({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal
 		})
 	});
 }
-function Ki(e, t) {
+function qi(e, t) {
 	return t.find((t) => e === t.metric || e.startsWith(`${t.metric}_`));
 }
-function qi(e, t) {
+function Ji(e, t) {
 	switch (t.representation) {
 		case "line": return /* @__PURE__ */ A(Rt, {
 			dataKey: e,
@@ -2003,15 +2004,15 @@ function qi(e, t) {
 }
 //#endregion
 //#region src/dashboards/renderers/CartesianWidgetRenderer.tsx
-function Ji({ widget: e, timeRange: t, filters: r }) {
-	let i = bi(e.filters, r), a = n(), o = Y(t), s = E(() => Wi(o, 48), [o]), c = M({ queries: e.series.map((e) => {
-		let t = q(i, e.filters), n = [{
+function Yi({ widget: e, timeRange: t, filters: r }) {
+	let i = xi(e.filters, r), a = n(), o = gi(t), s = E(() => Gi(o, 48), [o]), c = ae({ queries: e.series.map((e) => {
+		let t = Y(i, e.filters), n = [{
 			name: e.metric,
-			measures: [W(e.measure)],
+			measures: [K(e.measure)],
 			...e.sorts?.length ? { sorts: [...e.sorts] } : {}
 		}], r = e.by?.length ? [...e.by] : void 0, c = e.ranges?.length ? [...e.ranges] : void 0;
 		return {
-			queryKey: K.timeSeries(n, o, s, t, r, e.limit, c),
+			queryKey: J.timeSeries(n, o, s, t, r, e.limit, c),
 			queryFn: ({ signal: i }) => a.fetchTimeSeries({
 				metrics: n,
 				timeRange: o,
@@ -2022,25 +2023,25 @@ function Ji({ widget: e, timeRange: t, filters: r }) {
 				limit: e.limit,
 				signal: i
 			}),
-			staleTime: G
+			staleTime: q
 		};
 	}) }), l = c.some((e) => e.isLoading), u = c.some((e) => e.isError);
 	T(() => {
 		u && console.error(`[CartesianWidgetRenderer] One or more series queries failed for widget "${e.title}"`);
 	}, [u, e.title]);
 	let d = c.map((e) => e.dataUpdatedAt).join(","), { data: f, config: p, seriesByKey: m } = E(() => {
-		let { elements: t, seriesMap: n } = Ii(e.series, c.map((e) => e?.data)), r = {}, i = {};
+		let { elements: t, seriesMap: n } = Li(e.series, c.map((e) => e?.data)), r = {}, i = {};
 		for (let e of t) {
 			let t = { label: e.label };
 			e.color && (t.color = e.color), r[e.dataKey] = t, i[e.dataKey] = e.series;
 		}
 		return {
-			data: Li(n),
+			data: Ri(n),
 			config: r,
 			seriesByKey: i
 		};
 	}, [e.series, d]), h = l ? "loading" : u ? "empty" : "ready";
-	return /* @__PURE__ */ A(Gi, {
+	return /* @__PURE__ */ A(Ki, {
 		data: f,
 		config: p,
 		series: [...e.series],
@@ -2052,10 +2053,10 @@ function Ji({ widget: e, timeRange: t, filters: r }) {
 }
 //#endregion
 //#region src/dashboards/renderers/DoughnutPresentation.tsx
-function Yi({ data: e, config: t, state: n, showShare: r = !0, valueFormatter: i }) {
+function Xi({ data: e, config: t, state: n, showShare: r = !0, valueFormatter: i }) {
 	let a = E(() => {
 		if (i) return i;
-		if (r) return Ti(wi(e.map((e) => e.value)));
+		if (r) return Ei(Ti(e.map((e) => e.value)));
 	}, [
 		e,
 		r,
@@ -2073,8 +2074,8 @@ function Yi({ data: e, config: t, state: n, showShare: r = !0, valueFormatter: i
 }
 //#endregion
 //#region src/dashboards/renderers/DoughnutWidgetRenderer.tsx
-function Xi({ widget: e, timeRange: t, filters: n }) {
-	let r = bi(e.filters, n), i = Y(t), { data: a, isLoading: o, isError: s } = Sn({
+function Zi({ widget: e, timeRange: t, filters: n }) {
+	let r = xi(e.filters, n), i = gi(t), { data: a, isLoading: o, isError: s } = Sn({
 		by: [...e.by],
 		metric: e.metric,
 		measure: e.measure,
@@ -2092,14 +2093,14 @@ function Xi({ widget: e, timeRange: t, filters: n }) {
 			data: [],
 			config: {}
 		};
-		let e = vi(a), t = {};
+		let e = yi(a), t = {};
 		for (let e of a) t[e.value] = { label: e.label || e.value };
 		return {
 			data: e,
 			config: t
 		};
 	}, [a]);
-	return /* @__PURE__ */ A(Yi, {
+	return /* @__PURE__ */ A(Xi, {
 		data: c,
 		config: l,
 		state: o ? "loading" : s ? "empty" : "ready"
@@ -2107,18 +2108,18 @@ function Xi({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/adapters/measures-adapter.ts
-function Zi(e, t) {
+function Qi(e, t) {
 	if (e.measures.length !== 0) return t ? e.measures.find((e) => e.name === t)?.value : e.measures[0].value;
 }
-function Qi(e, t) {
-	let n = Zi(e, t);
+function $i(e, t) {
+	let n = Qi(e, t);
 	return {
-		value: n === void 0 ? "—" : ia(n, e.unit),
+		value: n === void 0 ? "—" : aa(n, e.unit),
 		label: e.name,
 		unit: e.unit
 	};
 }
-function $i(e, t) {
+function ea(e, t) {
 	if (t === void 0) return;
 	if (t === 0) return {
 		value: 0,
@@ -2133,17 +2134,17 @@ function $i(e, t) {
 		direction: n > 0 ? "up" : "down"
 	};
 }
-function ea(e, t) {
+function ta(e, t) {
 	if (!e || e.length === 0) return;
 	let n = t ? e.find((e) => e.key === t) : e[0];
 	if (!(!n || n.points.length < 2)) return n.points.slice().sort((e, t) => e.timestamp - t.timestamp).map((e) => e.value);
 }
-var ta = new Set([
+var na = new Set([
 	"B",
 	"KB",
 	"MB",
 	"GB"
-]), na = {
+]), ra = {
 	PERCENT: { suffix: "%" },
 	MILLISECONDS: { suffix: "ms" },
 	SECONDS: { suffix: "s" },
@@ -2153,17 +2154,17 @@ var ta = new Set([
 	GIGABYTES: { suffix: "GB" },
 	COUNT: { suffix: "" },
 	COUNT_PER_SECOND: { suffix: "/s" }
-}, ra = /* @__PURE__ */ new Set();
-function ia(e, t) {
-	let n = t ? na[t] : void 0;
-	if (t && !n && !ra.has(t) && (ra.add(t), console.warn(`[formatMeasureValue] Unknown unit "${t}" — value will be displayed without unit`)), n?.suffix === "%") return `${(Math.round(e * 10) / 10).toLocaleString()}%`;
+}, ia = /* @__PURE__ */ new Set();
+function aa(e, t) {
+	let n = t ? ra[t] : void 0;
+	if (t && !n && !ia.has(t) && (ia.add(t), console.warn(`[formatMeasureValue] Unknown unit "${t}" — value will be displayed without unit`)), n?.suffix === "%") return `${(Math.round(e * 10) / 10).toLocaleString()}%`;
 	if (n?.suffix === "ms" && e >= 1e3) return `${(e / 1e3).toFixed(2)} s`;
-	let r = n !== void 0 && ta.has(n.suffix) ? e.toLocaleString() : e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : e.toLocaleString(), i = n?.suffix;
+	let r = n !== void 0 && na.has(n.suffix) ? e.toLocaleString() : e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : e.toLocaleString(), i = n?.suffix;
 	return i ? `${r}${i === "" ? "" : ` ${i}`}` : r;
 }
 //#endregion
 //#region src/dashboards/compute-previous-time-range.ts
-function aa(e) {
+function oa(e) {
 	let t = e.to - e.from;
 	return {
 		type: "absolute",
@@ -2173,7 +2174,7 @@ function aa(e) {
 }
 //#endregion
 //#region src/dashboards/renderers/MetricGroupPresentation.tsx
-function oa({ items: e, state: t, skeletonCount: n }) {
+function sa({ items: e, state: t, skeletonCount: n }) {
 	return /* @__PURE__ */ A(Bt, {
 		items: e,
 		state: t,
@@ -2182,14 +2183,14 @@ function oa({ items: e, state: t, skeletonCount: n }) {
 }
 //#endregion
 //#region src/dashboards/renderers/MetricGroupWidgetRenderer.tsx
-function sa(e) {
+function ca(e) {
 	let t = e.filters?.length ? e.filters.map((e) => `${e.field}:${e.operator}:${e.value.join(",")}`).sort().join("|") : "";
 	return `${e.name}::${t}`;
 }
-function ca(e) {
+function la(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = sa(n), r = t.get(e), i = n.measures ?? [];
+		let e = ca(n), r = t.get(e), i = n.measures ?? [];
 		if (r) for (let e of i) r.measures.add(e);
 		else t.set(e, {
 			name: n.name,
@@ -2203,15 +2204,15 @@ function ca(e) {
 		...n?.length ? { filters: n } : {}
 	}));
 }
-function la(e) {
+function ua(e) {
 	return {
 		name: e.metric,
-		measures: [W(e.measure)],
+		measures: [K(e.measure)],
 		...e.filters?.length ? { filters: [...e.filters] } : {}
 	};
 }
-function ua({ widget: e, timeRange: t, filters: n }) {
-	let r = bi(e.filters, n), i = e.items.some((e) => e.showTrend !== !1), a = Y(t), o = E(() => ca(e.items.map(la)), [e.items]), s = E(() => ca(e.items.filter((e) => e.showTrend !== !1).map(la)), [e.items]), c = E(() => aa(a), [a]), { data: l, isLoading: u, isError: d } = On({
+function da({ widget: e, timeRange: t, filters: n }) {
+	let r = xi(e.filters, n), i = e.items.some((e) => e.showTrend !== !1), a = gi(t), o = E(() => la(e.items.map(ua)), [e.items]), s = E(() => la(e.items.filter((e) => e.showTrend !== !1).map(ua)), [e.items]), c = E(() => oa(a), [a]), { data: l, isLoading: u, isError: d } = On({
 		metrics: o,
 		timeRange: a,
 		filters: r
@@ -2225,7 +2226,7 @@ function ua({ widget: e, timeRange: t, filters: n }) {
 		d && console.error(`[MetricGroupWidgetRenderer] Failed to fetch measures for "${e.title}"`);
 	}, [d, e.title]), T(() => {
 		p && console.error(`[MetricGroupWidgetRenderer] Failed to fetch previous-period measures for "${e.title}"`);
-	}, [p, e.title]), /* @__PURE__ */ A(oa, {
+	}, [p, e.title]), /* @__PURE__ */ A(sa, {
 		items: E(() => {
 			let t = new Map(l?.map((e) => [e.name, e]) ?? []), n = new Map(f?.map((e) => [e.name, e]) ?? []);
 			return e.items.map((e) => {
@@ -2234,11 +2235,11 @@ function ua({ widget: e, timeRange: t, filters: n }) {
 					value: "—",
 					label: e.label ?? e.metric
 				};
-				let i = W(e.measure), a = Qi(r, i), o = e.showTrend !== !1, s = Zi(r, i), c = n.get(e.metric), l = c ? Zi(c, i) : void 0;
+				let i = K(e.measure), a = $i(r, i), o = e.showTrend !== !1, s = Qi(r, i), c = n.get(e.metric), l = c ? Qi(c, i) : void 0;
 				return {
 					value: a.value,
 					label: e.label ?? r.name,
-					trend: o && s !== void 0 ? $i(s, l) : void 0,
+					trend: o && s !== void 0 ? ea(s, l) : void 0,
 					trendSentiment: e.sentiment
 				};
 			});
@@ -2253,7 +2254,7 @@ function ua({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/renderers/MetricPresentation.tsx
-function da({ value: e, label: t, state: n, trend: r, trendSentiment: i, sparklineData: a }) {
+function fa({ value: e, label: t, state: n, trend: r, trendSentiment: i, sparklineData: a }) {
 	return /* @__PURE__ */ A(zt, {
 		value: e,
 		label: t,
@@ -2265,11 +2266,11 @@ function da({ value: e, label: t, state: n, trend: r, trendSentiment: i, sparkli
 }
 //#endregion
 //#region src/dashboards/renderers/MetricWidgetRenderer.tsx
-function fa({ widget: e, timeRange: t, filters: n }) {
-	let r = bi(e.filters, n), i = e.showTrend === !0, a = e.showSparkline === !0, o = Y(t), s = W(e.measure), c = E(() => [{
+function pa({ widget: e, timeRange: t, filters: n }) {
+	let r = xi(e.filters, n), i = e.showTrend === !0, a = e.showSparkline === !0, o = gi(t), s = K(e.measure), c = E(() => [{
 		name: e.metric,
 		measures: [s]
-	}], [e.metric, s]), l = E(() => aa(o), [o]), u = E(() => Wi(o, 48), [o]), { data: d, isLoading: f, isError: p } = On({
+	}], [e.metric, s]), l = E(() => oa(o), [o]), u = E(() => Gi(o, 48), [o]), { data: d, isLoading: f, isError: p } = On({
 		metrics: c,
 		timeRange: o,
 		filters: r
@@ -2292,8 +2293,8 @@ function fa({ widget: e, timeRange: t, filters: n }) {
 	}, [h, e.metric]), T(() => {
 		_ && console.error(`[MetricWidgetRenderer] Failed to fetch sparkline data for "${e.metric}"`);
 	}, [_, e.metric]);
-	let v = d?.[0], y = m?.[0], b = v ? Qi(v, s) : void 0, x = v ? Zi(v, s) : void 0, S = y ? Zi(y, s) : void 0, ee = i && x !== void 0 ? $i(x, S) : void 0, te = a ? ea(g, e.metric) : void 0, ne = f ? "loading" : p || !f && !v ? "empty" : "ready";
-	return /* @__PURE__ */ A(da, {
+	let v = d?.[0], y = m?.[0], b = v ? $i(v, s) : void 0, x = v ? Qi(v, s) : void 0, S = y ? Qi(y, s) : void 0, ee = i && x !== void 0 ? ea(x, S) : void 0, te = a ? ta(g, e.metric) : void 0, ne = f ? "loading" : p || !f && !v ? "empty" : "ready";
+	return /* @__PURE__ */ A(fa, {
 		value: b?.value ?? "—",
 		label: e.title,
 		state: ne,
@@ -2304,25 +2305,25 @@ function fa({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/widget-renderer-registry.ts
-var pa = /* @__PURE__ */ new Map();
-function ma(e, t) {
-	pa.set(e, t);
+var ma = /* @__PURE__ */ new Map();
+function ha(e, t) {
+	ma.set(e, t);
 }
-function ha(e) {
-	return pa.get(e);
+function ga(e) {
+	return ma.get(e);
 }
-function ga() {
-	pa.clear();
+function _a() {
+	ma.clear();
 }
 //#endregion
 //#region src/dashboards/register-default-renderers.ts
-var _a = !1;
-function va() {
-	_a || (_a = !0, ma("cartesian", Ji), ma("doughnut", Xi), ma("bar", ji), ma("metric", fa), ma("metric-group", ua));
+var va = !1;
+function ya() {
+	va || (va = !0, ha("cartesian", Yi), ha("doughnut", Zi), ha("bar", Mi), ha("metric", pa), ha("metric-group", da));
 }
 //#endregion
 //#region src/dashboards/renderers/UnknownWidgetFallback.tsx
-function ya({ widget: e }) {
+function ba({ widget: e }) {
 	return /* @__PURE__ */ j("div", {
 		role: "alert",
 		className: "flex h-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-destructive/30 bg-destructive/5 p-4 text-center",
@@ -2341,28 +2342,28 @@ function ya({ widget: e }) {
 }
 //#endregion
 //#region src/dashboards/WidgetItem.tsx
-va();
-function ba(e) {
-	return e.data ? Sa(e.widget, e.data) : /* @__PURE__ */ A(xa, {
+ya();
+function xa(e) {
+	return e.data ? Ca(e.widget, e.data) : /* @__PURE__ */ A(Sa, {
 		widget: e.widget,
 		timeRange: e.timeRange,
 		filters: e.filters
 	});
 }
-function xa({ widget: e, timeRange: t, filters: n }) {
+function Sa({ widget: e, timeRange: t, filters: n }) {
 	let r = fi(), i = t ?? r?.timeRange, a = n ?? r?.filters ?? li;
 	if (!i) throw Error("[gamma-lib-observability] <WidgetItem> requires a timeRange. Provide it as a prop or wrap the component in a <WidgetGroup>.");
-	let o = ha(e.type);
+	let o = ga(e.type);
 	return o ? ee(o, {
 		widget: e,
 		timeRange: i,
 		filters: a
-	}) : /* @__PURE__ */ A(ya, { widget: e });
+	}) : /* @__PURE__ */ A(ba, { widget: e });
 }
-function Sa(e, t) {
+function Ca(e, t) {
 	if (t.type !== e.type) throw Error(`[gamma-lib-observability] <WidgetItem> data.type "${t.type}" does not match widget.type "${e.type}". The data.type must match the widget definition type.`);
 	switch (t.type) {
-		case "metric": return /* @__PURE__ */ A(da, {
+		case "metric": return /* @__PURE__ */ A(fa, {
 			value: t.value,
 			label: t.label,
 			state: t.state,
@@ -2370,12 +2371,12 @@ function Sa(e, t) {
 			trendSentiment: t.trendSentiment,
 			sparklineData: t.sparklineData
 		});
-		case "metric-group": return /* @__PURE__ */ A(oa, {
+		case "metric-group": return /* @__PURE__ */ A(sa, {
 			items: t.items,
 			state: t.state,
 			skeletonCount: t.skeletonCount
 		});
-		case "cartesian": return /* @__PURE__ */ A(Gi, {
+		case "cartesian": return /* @__PURE__ */ A(Ki, {
 			data: t.data,
 			config: t.config,
 			series: t.series,
@@ -2383,32 +2384,32 @@ function Sa(e, t) {
 			showTotal: t.showTotal,
 			totalLabel: t.totalLabel
 		});
-		case "bar": return /* @__PURE__ */ A(Ai, {
+		case "bar": return /* @__PURE__ */ A(ji, {
 			data: t.data,
 			config: t.config,
 			state: t.state,
 			layout: t.layout,
 			showShare: t.showShare
 		});
-		case "doughnut": return /* @__PURE__ */ A(Yi, {
+		case "doughnut": return /* @__PURE__ */ A(Xi, {
 			data: t.data,
 			config: t.config,
 			state: t.state,
 			showShare: t.showShare
 		});
-		default: return /* @__PURE__ */ A(ya, { widget: e });
+		default: return /* @__PURE__ */ A(ba, { widget: e });
 	}
 }
 //#endregion
 //#region src/dashboards/DashboardView.tsx
-var Ca = {
+var wa = {
 	lg: 12,
 	md: 12,
 	sm: 12,
 	xs: 12,
 	xxs: 12
 };
-function wa({ dashboard: t, timeRange: n, filters: r = li, editable: i = !1, rowHeight: a, breakpointCols: o = Ca, onLayoutChange: s }) {
+function Ta({ dashboard: t, timeRange: n, filters: r = li, editable: i = !1, rowHeight: a, breakpointCols: o = wa, onLayoutChange: s }) {
 	let c = e("observability.dashboards.write"), l = i && c, u = E(() => t.widgets.map((e) => ({
 		id: e.id,
 		x: e.layout.x,
@@ -2433,8 +2434,8 @@ function wa({ dashboard: t, timeRange: n, filters: r = li, editable: i = !1, row
 				return t ? /* @__PURE__ */ A(Et, {
 					title: t.title,
 					subtitle: t.description,
-					noPadding: Ta(t),
-					children: /* @__PURE__ */ A(ba, {
+					noPadding: Ea(t),
+					children: /* @__PURE__ */ A(xa, {
 						widget: t,
 						timeRange: n,
 						filters: r
@@ -2444,32 +2445,32 @@ function wa({ dashboard: t, timeRange: n, filters: r = li, editable: i = !1, row
 		})
 	});
 }
-function Ta(e) {
+function Ea(e) {
 	return e.type === "cartesian" || e.type === "doughnut" || e.type === "bar";
 }
 //#endregion
 //#region src/dashboards/WidgetGroup.tsx
-var Ea = {
+var Da = {
 	stretch: "items-stretch",
 	center: "items-center",
 	start: "items-start",
 	end: "items-end"
 };
-function Da({ timeRange: e, filters: t = li, align: n = "stretch", children: r }) {
+function Oa({ timeRange: e, filters: t = li, align: n = "stretch", children: r }) {
 	return /* @__PURE__ */ A(di, {
 		value: E(() => ({
 			timeRange: e,
 			filters: t
 		}), [e, t]),
 		children: /* @__PURE__ */ A("div", {
-			className: `flex flex-wrap gap-4 ${Ea[n]} *:min-w-48 *:flex-1`,
+			className: `flex flex-wrap gap-4 ${Da[n]} *:min-w-48 *:flex-1`,
 			children: r
 		})
 	});
 }
 //#endregion
 //#region src/dashboards/templates/dashboard-template.ts
-function Oa(e) {
+function ka(e) {
 	if (!e.id) throw Error("[gamma-lib-observability] DashboardTemplate must have a non-empty id.");
 	if (!e.label) throw Error(`[gamma-lib-observability] DashboardTemplate "${e.id}" must have a non-empty label.`);
 	if (!e.dashboard) throw Error(`[gamma-lib-observability] DashboardTemplate "${e.id}" must define a dashboard or a factory function.`);
@@ -2481,58 +2482,58 @@ function Oa(e) {
 		dashboard: e.dashboard
 	};
 }
-function ka(e, t) {
+function Aa(e, t) {
 	return typeof e.dashboard == "function" ? e.dashboard(t) : e.dashboard;
 }
-function Aa(e, t) {
+function ja(e, t) {
 	return e.filter((e) => e.requiredCapabilities?.length ? e.requiredCapabilities.every((e) => t[e]) : !0);
 }
 //#endregion
 //#region src/dashboards/templates/DashboardTemplatesProvider.tsx
-var ja = S(null);
-function Ma({ templates: e, children: t }) {
+var Ma = S(null);
+function Na({ templates: e, children: t }) {
 	let n = E(() => e, [e]);
-	return /* @__PURE__ */ A(ja.Provider, {
+	return /* @__PURE__ */ A(Ma.Provider, {
 		value: n,
 		children: t
 	});
 }
-function Na() {
-	let e = w(ja), t = a();
+function Pa() {
+	let e = w(Ma), t = a();
 	if (!e) throw Error("[gamma-lib-observability] useDashboardTemplates must be used within a <DashboardTemplatesProvider>. Wrap your component tree with <DashboardTemplatesProvider templates={[...]}>.");
-	return E(() => Aa(e, t), [e, t]);
+	return E(() => ja(e, t), [e, t]);
 }
-function Pa(e) {
-	return Na().find((t) => t.id === e);
+function Fa(e) {
+	return Pa().find((t) => t.id === e);
 }
 //#endregion
 //#region src/live/LiveIndicator.tsx
-function Fa(e) {
+function Ia(e) {
 	return e < 6e4 ? `${Math.round(e / 1e3)}s` : `${Math.round(e / 6e4)}min`;
 }
-function Ia({ isFetching: e, className: t }) {
-	let n = ln(), [r, i] = O(!0), a = C(() => i((e) => !e), []), o = n?.isLive ?? r, s = n?.intervalMs ?? 6e4, c = n?.toggle ?? a, l = e ?? n?.isFetching ?? !1, u = o ? `Live — refreshing every ${Fa(s)}` : "Paused — click to resume";
-	return /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+function La({ isFetching: e, className: t }) {
+	let n = ln(), [r, i] = O(!0), a = C(() => i((e) => !e), []), o = n?.isLive ?? r, s = n?.intervalMs ?? 6e4, c = n?.toggle ?? a, l = e ?? n?.isFetching ?? !1, u = o ? `Live — refreshing every ${Ia(s)}` : "Paused — click to resume";
+	return /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 		asChild: !0,
 		children: /* @__PURE__ */ j("button", {
 			type: "button",
 			onClick: c,
-			className: V("inline-flex cursor-pointer items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", o ? "border-success/30 bg-success/5 text-success hover:bg-success/10" : "border-border bg-muted text-muted-foreground hover:bg-accent", t),
+			className: U("inline-flex cursor-pointer items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", o ? "border-success/30 bg-success/5 text-success hover:bg-success/10" : "border-border bg-muted text-muted-foreground hover:bg-accent", t),
 			"aria-label": u,
 			"aria-pressed": o,
 			children: [/* @__PURE__ */ j("span", {
 				className: "relative flex size-2",
-				children: [o && /* @__PURE__ */ A("span", { className: V("absolute inset-0 rounded-full bg-success", l ? "animate-ping" : "animate-pulse") }), /* @__PURE__ */ A("span", { className: V("relative inline-flex size-2 rounded-full", o ? "bg-success" : "bg-muted-foreground/50") })]
+				children: [o && /* @__PURE__ */ A("span", { className: U("absolute inset-0 rounded-full bg-success", l ? "animate-ping" : "animate-pulse") }), /* @__PURE__ */ A("span", { className: U("relative inline-flex size-2 rounded-full", o ? "bg-success" : "bg-muted-foreground/50") })]
 			}), o ? "Live" : "Paused"]
 		})
-	}), /* @__PURE__ */ A(R, {
+	}), /* @__PURE__ */ A(B, {
 		side: "bottom",
 		children: /* @__PURE__ */ A("p", { children: u })
 	})] });
 }
 //#endregion
 //#region src/routing/use-observability-url-state.ts
-function La() {
+function Ra() {
 	let [e, t] = Zt(), n = E(() => Jn(e.get("q"), e.get("v")), [e]), r = C((e, n) => {
 		let r = qn({
 			conditions: n,
@@ -2552,7 +2553,7 @@ function La() {
 }
 //#endregion
 //#region src/logs/LogSeverityBadge.tsx
-var Ra = {
+var za = {
 	trace: "outline",
 	debug: "secondary",
 	info: "highlight",
@@ -2560,19 +2561,19 @@ var Ra = {
 	error: "destructive",
 	fatal: "destructive"
 };
-function za(e) {
-	return e in Ra;
+function Ba(e) {
+	return e in za;
 }
-function Ba({ level: e }) {
+function Va({ level: e }) {
 	let t = e.toLowerCase();
-	return /* @__PURE__ */ A(P, {
-		variant: za(t) ? Ra[t] : "secondary",
+	return /* @__PURE__ */ A(I, {
+		variant: Ba(t) ? za[t] : "secondary",
 		children: e.toUpperCase()
 	});
 }
 //#endregion
 //#region src/logs/map-log-columns.tsx
-var Va = {
+var Ha = {
 	GET: "success",
 	POST: "default",
 	PUT: "warning",
@@ -2581,7 +2582,7 @@ var Va = {
 	HEAD: "secondary",
 	OPTIONS: "secondary"
 };
-function Ha(e) {
+function Ua(e) {
 	let t = typeof e == "number" ? new Date(e) : new Date(String(e));
 	return Number.isNaN(t.getTime()) ? String(e) : new Intl.DateTimeFormat("en-US", {
 		year: "numeric",
@@ -2594,19 +2595,19 @@ function Ha(e) {
 		hour12: !1
 	}).format(t);
 }
-function Ua(e) {
+function Wa(e) {
 	let t = typeof e == "number" ? e : Number(e);
 	return Number.isNaN(t) ? String(e) : t < 1e3 ? `${Math.round(t)}ms` : `${(t / 1e3).toFixed(2)}s`;
 }
-var Wa = ["unknown"];
-function Ga(e, t) {
+var Ga = ["unknown"];
+function Ka(e, t) {
 	if (t.length === 0) return !1;
 	let n = String(e).trim().toLowerCase();
 	return t.some((e) => e.trim().toLowerCase() === n);
 }
-function Ka(e, t, n, r) {
+function qa(e, t, n, r) {
 	let i = e.href?.(t);
-	return !i || Ga(r, e.linkSentinels ?? Wa) ? n : /* @__PURE__ */ A("a", {
+	return !i || Ka(r, e.linkSentinels ?? Ga) ? n : /* @__PURE__ */ A("a", {
 		href: i,
 		target: "_blank",
 		rel: "noopener noreferrer",
@@ -2615,7 +2616,7 @@ function Ka(e, t, n, r) {
 		children: n
 	});
 }
-function qa(e, t) {
+function Ja(e, t) {
 	if (e.render) return e.render(t);
 	let n = e.value(t);
 	if (n == null) return /* @__PURE__ */ A("span", {
@@ -2624,17 +2625,17 @@ function qa(e, t) {
 	});
 	let r;
 	switch (e.variant) {
-		case "badge": return /* @__PURE__ */ A(Ba, { level: String(n) });
+		case "badge": return /* @__PURE__ */ A(Va, { level: String(n) });
 		case "datetime":
 			r = /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs",
-				children: Ha(n)
+				children: Ua(n)
 			});
 			break;
 		case "duration":
 			r = /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs",
-				children: Ua(n)
+				children: Wa(n)
 			});
 			break;
 		case "status-code": {
@@ -2647,8 +2648,8 @@ function qa(e, t) {
 		}
 		case "http-method": {
 			let e = String(n).toUpperCase();
-			r = /* @__PURE__ */ A(P, {
-				variant: Va[e] ?? "secondary",
+			r = /* @__PURE__ */ A(I, {
+				variant: Ha[e] ?? "secondary",
 				children: e
 			});
 			break;
@@ -2658,26 +2659,26 @@ function qa(e, t) {
 			children: String(n)
 		});
 	}
-	return Ka(e, t, r, n);
+	return qa(e, t, r, n);
 }
-function Ja(e) {
+function Ya(e) {
 	return e.map((e) => ({
 		id: e.key,
 		accessorFn: (t) => e.value(t),
 		header: e.label,
-		cell: ({ row: t }) => qa(e, t.original),
+		cell: ({ row: t }) => Ja(e, t.original),
 		enableSorting: !1,
 		enableHiding: !0
 	}));
 }
-function Ya(e) {
+function Xa(e) {
 	let t = {};
 	for (let n of e) n.defaultVisible === !1 && (t[n.key] = !1);
 	return t;
 }
 //#endregion
 //#region src/logs/LogTable.tsx
-function Xa(e, t) {
+function Za(e, t) {
 	try {
 		let n = localStorage.getItem(e);
 		return n ? {
@@ -2688,23 +2689,23 @@ function Xa(e, t) {
 		return typeof console < "u" && console.warn("[LogTable] Failed to read column visibility:", e), t;
 	}
 }
-function Za(e, t) {
+function Qa(e, t) {
 	try {
 		localStorage.setItem(e, JSON.stringify(t));
 	} catch (e) {
 		typeof console < "u" && console.warn("[LogTable] Failed to persist column visibility:", e);
 	}
 }
-function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize: a, onPageChange: o, onPageSizeChange: s, pageSizeOptions: c = [
+function $a({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize: a, onPageChange: o, onPageSizeChange: s, pageSizeOptions: c = [
 	10,
 	25,
 	50,
 	100
 ], onRowClick: l, toolbar: u, getRowId: d, columnVisibilityStorageKey: f }) {
-	let p = E(() => Ja(e), [e]), m = E(() => Ya(e), [e]), [h, g] = O(() => f ? Xa(f, m) : m), _ = C((e) => {
+	let p = E(() => Ya(e), [e]), m = E(() => Xa(e), [e]), [h, g] = O(() => f ? Za(f, m) : m), _ = C((e) => {
 		g((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return f && Za(f, n), n;
+			return f && Qa(f, n), n;
 		});
 	}, [f]), v = C((e) => {
 		if (!l) return;
@@ -2731,7 +2732,7 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 		onClick: v,
 		onKeyDown: y,
 		className: l ? "[&_tbody_tr]:cursor-pointer" : void 0,
-		children: /* @__PURE__ */ A(xe, {
+		children: /* @__PURE__ */ A(be, {
 			columns: p,
 			data: t,
 			loading: n,
@@ -2746,15 +2747,15 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 				state: { columnVisibility: h },
 				onColumnVisibilityChange: _
 			},
-			emptyMessage: /* @__PURE__ */ A(Ce, { children: /* @__PURE__ */ j(Te, { children: [
-				/* @__PURE__ */ A(Ee, {
+			emptyMessage: /* @__PURE__ */ A(Se, { children: /* @__PURE__ */ j(we, { children: [
+				/* @__PURE__ */ A(Te, {
 					variant: "icon",
 					children: /* @__PURE__ */ A(pt, {})
 				}),
-				/* @__PURE__ */ A(De, { children: "No logs found" }),
-				/* @__PURE__ */ A(we, { children: "Try adjusting your filters or time range to see log entries." })
+				/* @__PURE__ */ A(Ee, { children: "No logs found" }),
+				/* @__PURE__ */ A(Ce, { children: "Try adjusting your filters or time range to see log entries." })
 			] }) }),
-			footer: r > 0 ? /* @__PURE__ */ A(Se, {
+			footer: r > 0 ? /* @__PURE__ */ A(xe, {
 				page: i,
 				pageSize: a,
 				totalCount: r,
@@ -2767,7 +2768,7 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 }
 //#endregion
 //#region src/logs/analytics-filter-mapping.ts
-function $a(e, t) {
+function eo(e, t) {
 	if (!e?.length) return [];
 	if (!t) return e.slice();
 	let n = t.dropFields ? new Set(t.dropFields) : void 0, r = [];
@@ -2785,26 +2786,26 @@ function $a(e, t) {
 }
 //#endregion
 //#region src/hooks/use-logs-histogram-query.ts
-var eo = 40, to = "HTTP_REQUESTS", no = "COUNT", ro = {
+var to = 40, no = "HTTP_REQUESTS", ro = "COUNT", io = {
 	from: 100,
 	to: 399
-}, io = {
+}, ao = {
 	from: 400,
 	to: 499
-}, ao = {
+}, oo = {
 	from: 500,
 	to: 599
 };
-function oo(e) {
-	let { timeRange: t, filters: n, enabled: r = !0, analyticsFilterMapping: i } = e, a = c(), o = $a(q(J(), n), i), s = Y(t), l = E(() => Wi(s, eo), [s]), u = E(() => [{
-		name: to,
-		measures: [no]
+function so(e) {
+	let { timeRange: t, filters: n, enabled: r = !0, analyticsFilterMapping: i } = e, a = c(), o = eo(Y(X(), n), i), s = gi(t), l = E(() => Gi(s, to), [s]), u = E(() => [{
+		name: no,
+		measures: [ro]
 	}], []), d = E(() => ["HTTP_STATUS"], []), f = E(() => [
-		ro,
 		io,
-		ao
+		ao,
+		oo
 	], []), p = N({
-		queryKey: [...K.timeSeries(u, s, l, o, d), "histogram"],
+		queryKey: [...J.timeSeries(u, s, l, o, d), "histogram"],
 		queryFn: ({ signal: e }) => a.fetchTimeSeries({
 			metrics: u,
 			timeRange: s,
@@ -2814,8 +2815,8 @@ function oo(e) {
 			ranges: f,
 			signal: e
 		}),
-		staleTime: G,
-		placeholderData: ae,
+		staleTime: q,
+		placeholderData: M,
 		enabled: r && a !== null
 	});
 	return {
@@ -2830,7 +2831,7 @@ function oo(e) {
 }
 //#endregion
 //#region src/logs/LogsHistogram.tsx
-var so = {
+var co = {
 	"100-399": {
 		label: "1xx–3xx",
 		color: "var(--success)"
@@ -2843,9 +2844,9 @@ var so = {
 		label: "5xx",
 		color: "var(--destructive)"
 	}
-}, co = "100-399", lo = "400-499", uo = "500-599";
-function fo(e) {
-	let { data: t, isLoading: n, available: r } = oo(e), i = E(() => po(t), [t]);
+}, lo = "100-399", uo = "400-499", fo = "500-599";
+function po(e) {
+	let { data: t, isLoading: n, available: r } = so(e), i = E(() => mo(t), [t]);
 	if (!r) return null;
 	let a = !n && i.length === 0;
 	return /* @__PURE__ */ j("div", {
@@ -2855,7 +2856,7 @@ function fo(e) {
 			className: "mb-1 text-xs text-muted-foreground",
 			children: "Requests over time"
 		}), /* @__PURE__ */ A(jt, {
-			config: so,
+			config: co,
 			className: "h-[120px] w-full",
 			children: /* @__PURE__ */ j(At, {
 				data: i,
@@ -2865,15 +2866,15 @@ function fo(e) {
 				children: [
 					/* @__PURE__ */ A(Lt, { orientation: "horizontal" }),
 					/* @__PURE__ */ A(kt, {
-						dataKey: co,
+						dataKey: lo,
 						stackId: "volume"
 					}),
 					/* @__PURE__ */ A(kt, {
-						dataKey: lo,
+						dataKey: uo,
 						stackId: "volume"
 					}),
 					/* @__PURE__ */ A(kt, {
-						dataKey: uo,
+						dataKey: fo,
 						stackId: "volume"
 					}),
 					/* @__PURE__ */ A(Ut, {}),
@@ -2884,19 +2885,19 @@ function fo(e) {
 		})]
 	});
 }
-function po(e) {
+function mo(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.key, [n]);
-	return Li(t);
+	return Ri(t);
 }
 //#endregion
 //#region src/logs/LogsExplorerPage.tsx
-var mo = 300, ho = "observability-logs-columns";
-function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFilterField: i, columnVisibilityStorageKey: a = ho, analyticsFilterMapping: o, onPageDataChange: s }) {
-	let { timeRange: c, filters: l, setTimeRange: u, setFilters: d } = La(), f = kn(l, fn()), [p, m] = O(""), h = Dn({
+var ho = 300, go = "observability-logs-columns";
+function _o({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFilterField: i, columnVisibilityStorageKey: a = go, analyticsFilterMapping: o, onPageDataChange: s }) {
+	let { timeRange: c, filters: l, setTimeRange: u, setFilters: d } = Ra(), f = kn(l, fn()), [p, m] = O(""), h = Dn({
 		timeRange: c,
 		filters: l,
-		search: br(p, mo) || void 0,
+		search: br(p, ho) || void 0,
 		pageSize: n
 	}), g = D(s);
 	T(() => {
@@ -2906,7 +2907,7 @@ function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 	}, [h.data]);
 	let _ = /* @__PURE__ */ j("div", {
 		className: "relative flex-1",
-		children: [/* @__PURE__ */ A(xt, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ A(je, {
+		children: [/* @__PURE__ */ A(xt, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ A(Ae, {
 			type: "search",
 			placeholder: "Search logs…",
 			value: p,
@@ -2933,14 +2934,14 @@ function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 							scopeFilterField: i
 						})
 					}),
-					/* @__PURE__ */ A(z, { children: /* @__PURE__ */ A(Ia, { isFetching: h.isFetching }) }),
+					/* @__PURE__ */ A(V, { children: /* @__PURE__ */ A(La, { isFetching: h.isFetching }) }),
 					/* @__PURE__ */ A(rr, {
 						value: c,
 						onChange: u
 					})
 				]
 			}),
-			/* @__PURE__ */ A(fo, {
+			/* @__PURE__ */ A(po, {
 				timeRange: c,
 				filters: l,
 				analyticsFilterMapping: o
@@ -2953,7 +2954,7 @@ function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 						className: "flex-1 text-sm text-destructive",
 						children: h.error?.message ?? "Failed to load logs."
 					}),
-					/* @__PURE__ */ j(F, {
+					/* @__PURE__ */ j(L, {
 						variant: "outline",
 						size: "sm",
 						onClick: h.refetch,
@@ -2961,7 +2962,7 @@ function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 					})
 				]
 			}),
-			/* @__PURE__ */ A(Qa, {
+			/* @__PURE__ */ A($a, {
 				columns: e,
 				data: h.data,
 				loading: h.isLoading,
@@ -2980,7 +2981,7 @@ function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 }
 //#endregion
 //#region src/logs/build-logs-deep-link.ts
-function _o({ basePath: e, timeRange: t, filters: n = [] }) {
+function vo({ basePath: e, timeRange: t, filters: n = [] }) {
 	let r = qn({
 		conditions: n,
 		timeRange: t
@@ -2991,7 +2992,7 @@ function _o({ basePath: e, timeRange: t, filters: n = [] }) {
 }
 //#endregion
 //#region src/logs/default-connection-log-columns.tsx
-var vo = {
+var yo = {
 	HTTP_PROXY: {
 		icon: gt,
 		label: "HTTP"
@@ -3013,8 +3014,8 @@ var vo = {
 		label: "Webhook"
 	}
 };
-function yo(e) {
-	let t = vo[e.apiType];
+function bo(e) {
+	let t = yo[e.apiType];
 	if (t) {
 		let e = t.icon;
 		return /* @__PURE__ */ j("span", {
@@ -3027,11 +3028,11 @@ function yo(e) {
 		children: [/* @__PURE__ */ A(ut, { className: "size-3.5" }), e.apiType]
 	});
 }
-var bo = "apis";
-function xo(e, t, n) {
-	if (t.apiId) return `${e}/${n?.byApiType?.[t.apiType] ?? n?.defaultSegment ?? bo}/${t.apiId}`;
+var xo = "apis";
+function So(e, t, n) {
+	if (t.apiId) return `${e}/${n?.byApiType?.[t.apiType] ?? n?.defaultSegment ?? xo}/${t.apiId}`;
 }
-function So(e, t) {
+function Co(e, t) {
 	let n = e.replace(/\/$/, ""), r = t?.apiLink, i = [
 		{
 			key: "timestamp",
@@ -3058,7 +3059,7 @@ function So(e, t) {
 			key: "apiName",
 			label: "API",
 			value: (e) => e.apiName,
-			href: (e) => xo(n, e, r),
+			href: (e) => So(n, e, r),
 			defaultVisible: !0
 		},
 		{
@@ -3092,7 +3093,7 @@ function So(e, t) {
 			key: "apiType",
 			label: "API Type",
 			value: (e) => e.apiType,
-			render: yo,
+			render: bo,
 			defaultVisible: !1
 		},
 		{
@@ -3166,32 +3167,32 @@ function So(e, t) {
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailCodeBlock.tsx
-var Co = 240;
-function X({ code: e, language: t = "json", maxHeight: n = Co }) {
+var wo = 240;
+function Z({ code: e, language: t = "json", maxHeight: n = wo }) {
 	let [r, i] = O(!1);
 	if (!e) return /* @__PURE__ */ A("p", {
 		className: "text-xs text-muted-foreground/70 py-3 italic",
 		children: "No body captured"
 	});
-	let a = wo(e), o = a.split("\n").length > 12;
+	let a = To(e), o = a.split("\n").length > 12;
 	return /* @__PURE__ */ j("div", {
 		className: "relative rounded-lg border",
 		children: [
 			/* @__PURE__ */ A("div", {
 				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+				children: /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 					asChild: !0,
-					children: /* @__PURE__ */ A(F, {
+					children: /* @__PURE__ */ A(L, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-7",
 						onClick: () => {
-							navigator.clipboard.writeText(a).then(() => H.success("Copied to clipboard"), () => H.error("Failed to copy to clipboard"));
+							navigator.clipboard.writeText(a).then(() => W.success("Copied to clipboard"), () => W.error("Failed to copy to clipboard"));
 						},
 						"aria-label": "Copy body",
 						children: /* @__PURE__ */ A(dt, { className: "size-3.5" })
 					})
-				}), /* @__PURE__ */ A(R, { children: "Copy" })] }) })
+				}), /* @__PURE__ */ A(B, { children: "Copy" })] }) })
 			}),
 			/* @__PURE__ */ A("pre", {
 				className: "overflow-auto p-4 text-[13px] font-mono leading-relaxed text-foreground/90",
@@ -3206,7 +3207,7 @@ function X({ code: e, language: t = "json", maxHeight: n = Co }) {
 		]
 	});
 }
-function wo(e) {
+function To(e) {
 	try {
 		let t = JSON.parse(e);
 		return JSON.stringify(t, null, 2);
@@ -3216,7 +3217,7 @@ function wo(e) {
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailEmptyField.tsx
-function Z({ message: e = "Not captured" }) {
+function Eo({ message: e = "Not captured" }) {
 	return /* @__PURE__ */ A("p", {
 		className: "text-xs italic text-muted-foreground py-2",
 		children: e
@@ -3225,7 +3226,7 @@ function Z({ message: e = "Not captured" }) {
 //#endregion
 //#region src/logs/detail/components/LogDetailHeadersTable.tsx
 function Q({ headers: e }) {
-	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ A(Z, { message: "No headers captured" }) : /* @__PURE__ */ A("div", {
+	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ A(Eo, { message: "No headers captured" }) : /* @__PURE__ */ A("div", {
 		className: "rounded-lg border overflow-hidden",
 		children: /* @__PURE__ */ A("table", {
 			className: "w-full text-[13px]",
@@ -3247,12 +3248,12 @@ function Q({ headers: e }) {
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailJsonTree.tsx
-function To({ data: e, onCopyAll: t }) {
+function Do({ data: e, onCopyAll: t }) {
 	let n = D(null), r = () => {
 		let n = JSON.stringify(e, null, 2);
 		navigator.clipboard.writeText(n).then(() => {
-			H.success("Full JSON copied to clipboard"), t?.();
-		}, () => H.error("Failed to copy to clipboard"));
+			W.success("Full JSON copied to clipboard"), t?.();
+		}, () => W.error("Failed to copy to clipboard"));
 	}, i = C((e) => {
 		let t = e.target, r = n.current?.querySelectorAll("[role=\"treeitem\"]");
 		if (!r) return;
@@ -3270,9 +3271,9 @@ function To({ data: e, onCopyAll: t }) {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ A("div", {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+			children: /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 				asChild: !0,
-				children: /* @__PURE__ */ A(F, {
+				children: /* @__PURE__ */ A(L, {
 					variant: "ghost",
 					size: "icon",
 					className: "size-7",
@@ -3280,7 +3281,7 @@ function To({ data: e, onCopyAll: t }) {
 					"aria-label": "Copy JSON",
 					children: /* @__PURE__ */ A(dt, { className: "size-3.5" })
 				})
-			}), /* @__PURE__ */ A(R, { children: "Copy full JSON" })] }) })
+			}), /* @__PURE__ */ A(B, { children: "Copy full JSON" })] }) })
 		}), /* @__PURE__ */ A("div", {
 			ref: n,
 			role: "tree",
@@ -3288,7 +3289,7 @@ function To({ data: e, onCopyAll: t }) {
 			"aria-label": "Log attributes",
 			className: "rounded-md border p-3 text-xs font-mono",
 			onKeyDown: i,
-			children: /* @__PURE__ */ A(Eo, {
+			children: /* @__PURE__ */ A(Oo, {
 				value: e,
 				depth: 0,
 				isRoot: !0
@@ -3296,9 +3297,9 @@ function To({ data: e, onCopyAll: t }) {
 		})]
 	});
 }
-function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
+function Oo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
 	let [a, o] = O(n < 2);
-	if (t === null) return /* @__PURE__ */ A(Do, {
+	if (t === null) return /* @__PURE__ */ A(ko, {
 		name: e,
 		value: "null",
 		className: "text-muted-foreground",
@@ -3371,7 +3372,7 @@ function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
 				a && /* @__PURE__ */ A("div", {
 					className: "ml-4 border-l border-muted pl-2",
 					role: "group",
-					children: c.map(([e, t], r) => /* @__PURE__ */ A(Eo, {
+					children: c.map(([e, t], r) => /* @__PURE__ */ A(Oo, {
 						name: s ? void 0 : e,
 						value: t,
 						depth: n + 1,
@@ -3385,29 +3386,29 @@ function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
 			]
 		});
 	}
-	return typeof t == "string" ? /* @__PURE__ */ A(Do, {
+	return typeof t == "string" ? /* @__PURE__ */ A(ko, {
 		name: e,
 		value: `"${t}"`,
 		className: "text-green-600 dark:text-green-400",
 		isLast: i
-	}) : typeof t == "number" ? /* @__PURE__ */ A(Do, {
+	}) : typeof t == "number" ? /* @__PURE__ */ A(ko, {
 		name: e,
 		value: String(t),
 		className: "text-blue-600 dark:text-blue-400",
 		isLast: i
-	}) : typeof t == "boolean" ? /* @__PURE__ */ A(Do, {
+	}) : typeof t == "boolean" ? /* @__PURE__ */ A(ko, {
 		name: e,
 		value: String(t),
 		className: "text-amber-600 dark:text-amber-400",
 		isLast: i
-	}) : /* @__PURE__ */ A(Do, {
+	}) : /* @__PURE__ */ A(ko, {
 		name: e,
 		value: String(t),
 		className: "text-foreground",
 		isLast: i
 	});
 }
-function Do({ name: e, value: t, className: n, isLast: r }) {
+function ko({ name: e, value: t, className: n, isLast: r }) {
 	return /* @__PURE__ */ j("div", {
 		className: "flex items-center py-px",
 		role: "treeitem",
@@ -3439,14 +3440,14 @@ function $({ items: e, onFilter: t, wrap: n = !1 }) {
 	let r = e.filter((e) => e.value !== void 0 && e.value !== null && e.value !== "");
 	return r.length === 0 ? null : /* @__PURE__ */ A("dl", {
 		className: "space-y-0 divide-y divide-border/50",
-		children: r.map((e) => /* @__PURE__ */ A(Oo, {
+		children: r.map((e) => /* @__PURE__ */ A(Ao, {
 			item: e,
 			onFilter: t,
 			wrap: n
 		}, e.label))
 	});
 }
-function Oo({ item: e, onFilter: t, wrap: n }) {
+function Ao({ item: e, onFilter: t, wrap: n }) {
 	let r = String(e.value), i = n ? "break-words whitespace-pre-wrap" : "truncate";
 	return /* @__PURE__ */ j("div", {
 		className: "group flex items-baseline gap-4 py-2.5",
@@ -3464,21 +3465,21 @@ function Oo({ item: e, onFilter: t, wrap: n }) {
 				children: r
 			}), /* @__PURE__ */ j("span", {
 				className: "flex shrink-0 items-center gap-0.5 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-150",
-				children: [e.copyable !== !1 && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+				children: [e.copyable !== !1 && /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 					asChild: !0,
-					children: /* @__PURE__ */ A(F, {
+					children: /* @__PURE__ */ A(L, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-6",
 						onClick: () => {
-							navigator.clipboard.writeText(r).then(() => H.success("Copied to clipboard"), () => H.error("Failed to copy to clipboard"));
+							navigator.clipboard.writeText(r).then(() => W.success("Copied to clipboard"), () => W.error("Failed to copy to clipboard"));
 						},
 						"aria-label": "Copy value",
 						children: /* @__PURE__ */ A(dt, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ A(R, { children: "Copy" })] }) }), e.filterable && e.filterField && t && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+				}), /* @__PURE__ */ A(B, { children: "Copy" })] }) }), e.filterable && e.filterField && t && /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 					asChild: !0,
-					children: /* @__PURE__ */ A(F, {
+					children: /* @__PURE__ */ A(L, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-6",
@@ -3488,14 +3489,14 @@ function Oo({ item: e, onFilter: t, wrap: n }) {
 						"aria-label": "Filter by this value",
 						children: /* @__PURE__ */ A(mt, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ A(R, { children: "Filter" })] }) })]
+				}), /* @__PURE__ */ A(B, { children: "Filter" })] }) })]
 			})]
 		})]
 	});
 }
 //#endregion
 //#region src/logs/detail/presets/connection-log-preset.tsx
-function ko(e) {
+function jo(e) {
 	return {
 		type: "preset",
 		resolve: (t) => {
@@ -3529,7 +3530,7 @@ function ko(e) {
 				key: "overview",
 				title: "Overview",
 				defaultOpen: !0,
-				render: (t, r) => /* @__PURE__ */ A(Ao, {
+				render: (t, r) => /* @__PURE__ */ A(Mo, {
 					log: n,
 					basePath: e?.basePath,
 					extraFields: e?.extraFields,
@@ -3539,23 +3540,23 @@ function ko(e) {
 				key: "request",
 				title: "Request",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(jo, { log: n })
+				render: () => /* @__PURE__ */ A(No, { log: n })
 			}), i.has("response") || a.push({
 				key: "response",
 				title: "Response",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(Mo, { log: n })
+				render: () => /* @__PURE__ */ A(Po, { log: n })
 			}), !i.has("errors") && (n.errorKey || n.warnings && n.warnings.length > 0) && a.push({
 				key: "errors",
 				title: "Issues",
 				defaultOpen: !0,
 				badge: () => (n.warnings?.length ?? 0) + +!!n.errorKey,
-				render: () => /* @__PURE__ */ A(No, { log: n })
+				render: () => /* @__PURE__ */ A(Fo, { log: n })
 			}), i.has("raw") || a.push({
 				key: "raw",
 				title: "Raw JSON",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(To, { data: n })
+				render: () => /* @__PURE__ */ A(Do, { data: n })
 			}), {
 				header: {
 					method: () => n.method,
@@ -3569,7 +3570,7 @@ function ko(e) {
 		}
 	};
 }
-function Ao({ log: e, basePath: t, extraFields: n, onFilter: r }) {
+function Mo({ log: e, basePath: t, extraFields: n, onFilter: r }) {
 	let i = t?.replace(/\/$/, "") ?? "";
 	return /* @__PURE__ */ A($, {
 		items: [
@@ -3642,9 +3643,9 @@ function Ao({ log: e, basePath: t, extraFields: n, onFilter: r }) {
 		onFilter: r
 	});
 }
-function jo({ log: e }) {
+function No({ log: e }) {
 	let t = e.entrypointRequest, n = e.endpointRequest;
-	return !t && !n ? /* @__PURE__ */ A(Z, { message: "No request details captured" }) : /* @__PURE__ */ j("div", {
+	return !t && !n ? /* @__PURE__ */ A(Eo, { message: "No request details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-4",
 		children: [t && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
@@ -3661,7 +3662,7 @@ function jo({ log: e }) {
 					value: e.entrypointRequest.uri
 				}] : []] }),
 				/* @__PURE__ */ A(Q, { headers: e.entrypointRequest.headers }),
-				/* @__PURE__ */ A(X, { code: e.entrypointRequest.body })
+				/* @__PURE__ */ A(Z, { code: e.entrypointRequest.body })
 			]
 		}), n && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
@@ -3678,14 +3679,14 @@ function jo({ log: e }) {
 					value: e.endpointRequest.uri
 				}] : []] }),
 				/* @__PURE__ */ A(Q, { headers: e.endpointRequest.headers }),
-				/* @__PURE__ */ A(X, { code: e.endpointRequest.body })
+				/* @__PURE__ */ A(Z, { code: e.endpointRequest.body })
 			]
 		})]
 	});
 }
-function Mo({ log: e }) {
+function Po({ log: e }) {
 	let t = e.endpointResponse, n = e.entrypointResponse;
-	return !t && !n ? /* @__PURE__ */ A(Z, { message: "No response details captured" }) : /* @__PURE__ */ j("div", {
+	return !t && !n ? /* @__PURE__ */ A(Eo, { message: "No response details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-4",
 		children: [t && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
@@ -3699,7 +3700,7 @@ function Mo({ log: e }) {
 					value: e.endpointResponse.status
 				}] }),
 				/* @__PURE__ */ A(Q, { headers: e.endpointResponse.headers }),
-				/* @__PURE__ */ A(X, { code: e.endpointResponse.body })
+				/* @__PURE__ */ A(Z, { code: e.endpointResponse.body })
 			]
 		}), n && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
@@ -3713,12 +3714,12 @@ function Mo({ log: e }) {
 					value: e.entrypointResponse.status
 				}] }),
 				/* @__PURE__ */ A(Q, { headers: e.entrypointResponse.headers }),
-				/* @__PURE__ */ A(X, { code: e.entrypointResponse.body })
+				/* @__PURE__ */ A(Z, { code: e.entrypointResponse.body })
 			]
 		})]
 	});
 }
-function No({ log: e }) {
+function Fo({ log: e }) {
 	return /* @__PURE__ */ j("div", {
 		className: "space-y-3",
 		children: [e.errorKey && /* @__PURE__ */ j("div", {
@@ -3768,9 +3769,9 @@ function No({ log: e }) {
 }
 //#endregion
 //#region src/logs/detail/presets/message-log-preset.tsx
-var Po = 5;
-function Fo(e) {
-	let t = e?.messagesPageSize ?? Po;
+var Io = 5;
+function Lo(e) {
+	let t = e?.messagesPageSize ?? Io;
 	return {
 		type: "preset",
 		resolve: (e) => {
@@ -3778,7 +3779,7 @@ function Fo(e) {
 				key: "overview",
 				title: "Overview",
 				defaultOpen: !0,
-				render: (e, t) => /* @__PURE__ */ A(Io, {
+				render: (e, t) => /* @__PURE__ */ A(Ro, {
 					log: n,
 					onFilter: t
 				})
@@ -3786,14 +3787,14 @@ function Fo(e) {
 				key: "connection",
 				title: "Connection Logs",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(Lo, { log: n })
+				render: () => /* @__PURE__ */ A(zo, { log: n })
 			}];
 			return n.messages && n.messages.length > 0 && r.push({
 				key: "messages",
 				title: "Messages",
 				defaultOpen: !0,
 				badge: () => n.messages?.length,
-				render: () => /* @__PURE__ */ A(Ro, {
+				render: () => /* @__PURE__ */ A(Bo, {
 					messages: n.messages,
 					pageSize: t
 				})
@@ -3801,7 +3802,7 @@ function Fo(e) {
 				key: "raw",
 				title: "Raw JSON",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(To, { data: n })
+				render: () => /* @__PURE__ */ A(Do, { data: n })
 			}), {
 				header: {
 					method: () => void 0,
@@ -3815,7 +3816,7 @@ function Fo(e) {
 		}
 	};
 }
-function Io({ log: e, onFilter: t }) {
+function Ro({ log: e, onFilter: t }) {
 	return /* @__PURE__ */ A($, {
 		items: [
 			{
@@ -3860,7 +3861,7 @@ function Io({ log: e, onFilter: t }) {
 		onFilter: t
 	});
 }
-function Lo({ log: e }) {
+function zo({ log: e }) {
 	return e.entrypointRequest || e.endpointRequest || e.entrypointResponse || e.endpointResponse ? /* @__PURE__ */ j("div", {
 		className: "space-y-4",
 		children: [
@@ -3879,7 +3880,7 @@ function Lo({ log: e }) {
 						value: e.entrypointRequest.uri
 					}] : []] }),
 					/* @__PURE__ */ A(Q, { headers: e.entrypointRequest.headers }),
-					/* @__PURE__ */ A(X, { code: e.entrypointRequest.body })
+					/* @__PURE__ */ A(Z, { code: e.entrypointRequest.body })
 				]
 			}),
 			e.endpointRequest && /* @__PURE__ */ j("div", {
@@ -3897,7 +3898,7 @@ function Lo({ log: e }) {
 						value: e.endpointRequest.uri
 					}] : []] }),
 					/* @__PURE__ */ A(Q, { headers: e.endpointRequest.headers }),
-					/* @__PURE__ */ A(X, { code: e.endpointRequest.body })
+					/* @__PURE__ */ A(Z, { code: e.endpointRequest.body })
 				]
 			}),
 			e.endpointResponse && /* @__PURE__ */ j("div", {
@@ -3912,7 +3913,7 @@ function Lo({ log: e }) {
 						value: e.endpointResponse.status
 					}]] }),
 					/* @__PURE__ */ A(Q, { headers: e.endpointResponse.headers }),
-					/* @__PURE__ */ A(X, { code: e.endpointResponse.body })
+					/* @__PURE__ */ A(Z, { code: e.endpointResponse.body })
 				]
 			}),
 			e.entrypointResponse && /* @__PURE__ */ j("div", {
@@ -3927,17 +3928,17 @@ function Lo({ log: e }) {
 						value: e.entrypointResponse.status
 					}]] }),
 					/* @__PURE__ */ A(Q, { headers: e.entrypointResponse.headers }),
-					/* @__PURE__ */ A(X, { code: e.entrypointResponse.body })
+					/* @__PURE__ */ A(Z, { code: e.entrypointResponse.body })
 				]
 			})
 		]
-	}) : /* @__PURE__ */ A(Z, { message: "No connection log details captured" });
+	}) : /* @__PURE__ */ A(Eo, { message: "No connection log details captured" });
 }
-function Ro({ messages: e, pageSize: t }) {
+function Bo({ messages: e, pageSize: t }) {
 	let [n, r] = O(t), i = e.slice(0, n), a = n < e.length;
 	return /* @__PURE__ */ j("div", {
 		className: "space-y-3",
-		children: [i.map((e, t) => /* @__PURE__ */ A(zo, { message: e }, e.id ?? t)), a && /* @__PURE__ */ j("button", {
+		children: [i.map((e, t) => /* @__PURE__ */ A(Vo, { message: e }, e.id ?? t)), a && /* @__PURE__ */ j("button", {
 			onClick: () => r((e) => e + t),
 			className: "w-full rounded-md border py-2 text-xs text-muted-foreground hover:bg-muted/50 transition-colors",
 			children: [
@@ -3948,19 +3949,19 @@ function Ro({ messages: e, pageSize: t }) {
 		})]
 	});
 }
-function zo({ message: e }) {
+function Vo({ message: e }) {
 	return /* @__PURE__ */ j("div", {
 		className: "rounded-md border p-3 space-y-2",
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2 flex-wrap",
 				children: [
-					/* @__PURE__ */ A(P, {
+					/* @__PURE__ */ A(I, {
 						variant: "secondary",
 						className: "text-[10px]",
 						children: new Date(e.timestamp).toLocaleTimeString()
 					}),
-					/* @__PURE__ */ A(P, {
+					/* @__PURE__ */ A(I, {
 						variant: e.operation === "PUBLISH" ? "default" : "outline",
 						className: "text-[10px]",
 						children: e.operation
@@ -3976,7 +3977,7 @@ function zo({ message: e }) {
 				children: [/* @__PURE__ */ j("p", {
 					className: "text-[10px] uppercase tracking-wider text-muted-foreground",
 					children: ["Entrypoint", e.entrypoint.connectorId ? ` (${e.entrypoint.connectorId})` : ""]
-				}), e.entrypoint.payload && /* @__PURE__ */ A(X, {
+				}), e.entrypoint.payload && /* @__PURE__ */ A(Z, {
 					code: e.entrypoint.payload,
 					maxHeight: 100
 				})]
@@ -3986,7 +3987,7 @@ function zo({ message: e }) {
 				children: [/* @__PURE__ */ j("p", {
 					className: "text-[10px] uppercase tracking-wider text-muted-foreground",
 					children: ["Endpoint", e.endpoint.connectorId ? ` (${e.endpoint.connectorId})` : ""]
-				}), e.endpoint.payload && /* @__PURE__ */ A(X, {
+				}), e.endpoint.payload && /* @__PURE__ */ A(Z, {
 					code: e.endpoint.payload,
 					maxHeight: 100
 				})]
@@ -3996,7 +3997,7 @@ function zo({ message: e }) {
 }
 //#endregion
 //#region src/logs/detail/presets/webhook-log-preset.tsx
-function Bo(e) {
+function Ho(e) {
 	return {
 		type: "preset",
 		resolve: (t) => {
@@ -4021,7 +4022,7 @@ function Bo(e) {
 				key: "overview",
 				title: "Overview",
 				defaultOpen: !0,
-				render: () => /* @__PURE__ */ A(Vo, {
+				render: () => /* @__PURE__ */ A(Uo, {
 					log: n,
 					basePath: e?.basePath
 				})
@@ -4031,22 +4032,22 @@ function Bo(e) {
 				title: "Delivery Attempts",
 				defaultOpen: !0,
 				badge: () => n.retryTimeline?.length,
-				render: () => /* @__PURE__ */ A(Ho, { attempts: n.retryTimeline })
+				render: () => /* @__PURE__ */ A(Wo, { attempts: n.retryTimeline })
 			}), i.push({
 				key: "request",
 				title: "Request Sent by Gateway",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(Uo, { log: n })
+				render: () => /* @__PURE__ */ A(Go, { log: n })
 			}), i.push({
 				key: "response",
 				title: "Response from Callback",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(Wo, { log: n })
+				render: () => /* @__PURE__ */ A(Ko, { log: n })
 			}), i.push({
 				key: "raw",
 				title: "Raw JSON",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ A(To, { data: n })
+				render: () => /* @__PURE__ */ A(Do, { data: n })
 			}), {
 				header: {
 					method: () => n.method,
@@ -4060,7 +4061,7 @@ function Bo(e) {
 		}
 	};
 }
-function Vo({ log: e, basePath: t }) {
+function Uo({ log: e, basePath: t }) {
 	let n = t?.replace(/\/$/, "") ?? "";
 	return /* @__PURE__ */ A($, { items: [
 		{
@@ -4097,7 +4098,7 @@ function Vo({ log: e, basePath: t }) {
 		}] : []
 	] });
 }
-function Ho({ attempts: e }) {
+function Wo({ attempts: e }) {
 	return /* @__PURE__ */ A("div", {
 		className: "rounded-md border",
 		children: /* @__PURE__ */ j("table", {
@@ -4139,7 +4140,7 @@ function Ho({ attempts: e }) {
 					}),
 					/* @__PURE__ */ A("td", {
 						className: "px-3 py-2",
-						children: /* @__PURE__ */ A(P, {
+						children: /* @__PURE__ */ A(I, {
 							variant: e.status >= 200 && e.status < 300 ? "default" : "destructive",
 							children: e.status
 						})
@@ -4149,30 +4150,30 @@ function Ho({ attempts: e }) {
 		})
 	});
 }
-function Uo({ log: e }) {
-	return !e.requestHeaders && !e.requestBody ? /* @__PURE__ */ A(Z, { message: "No request details captured" }) : /* @__PURE__ */ j("div", {
+function Go({ log: e }) {
+	return !e.requestHeaders && !e.requestBody ? /* @__PURE__ */ A(Eo, { message: "No request details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ A(Q, { headers: e.requestHeaders }), /* @__PURE__ */ A(X, { code: e.requestBody })]
+		children: [/* @__PURE__ */ A(Q, { headers: e.requestHeaders }), /* @__PURE__ */ A(Z, { code: e.requestBody })]
 	});
 }
-function Wo({ log: e }) {
-	return !e.responseHeaders && !e.responseBody ? /* @__PURE__ */ A(Z, { message: "No response details captured" }) : /* @__PURE__ */ j("div", {
+function Ko({ log: e }) {
+	return !e.responseHeaders && !e.responseBody ? /* @__PURE__ */ A(Eo, { message: "No response details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ A(Q, { headers: e.responseHeaders }), /* @__PURE__ */ A(X, { code: e.responseBody })]
+		children: [/* @__PURE__ */ A(Q, { headers: e.responseHeaders }), /* @__PURE__ */ A(Z, { code: e.responseBody })]
 	});
 }
 //#endregion
 //#region src/logs/detail/types.ts
-function Go(e) {
+function qo(e) {
 	return "discriminant" in e;
 }
 //#endregion
 //#region src/logs/detail/define-log-detail.ts
-function Ko(e) {
+function Jo(e) {
 	return "preset" in e;
 }
-function qo(e) {
-	return Ko(e) ? {
+function Yo(e) {
+	return Jo(e) ? {
 		preset: e.preset,
 		contextChart: e.contextChart
 	} : {
@@ -4182,32 +4183,32 @@ function qo(e) {
 		contextChart: e.contextChart
 	};
 }
-function Jo(e, t) {
-	if (Go(e)) {
+function Xo(e, t) {
+	if (qo(e)) {
 		let n = e.discriminant(t);
 		return e.variants[n] ?? e.fallback ?? null;
 	}
 	return e.preset;
 }
-function Yo(e, t) {
+function Zo(e, t) {
 	return e.type === "preset" ? e.resolve(t) : null;
 }
-function Xo(e) {
-	let { basePath: t, connectionLog: n, messageLog: r, webhookLog: i, extraVariants: a, contextChart: o, fallback: s, discriminant: c } = e, l = t.replace(/\/$/, ""), u = ko({
+function Qo(e) {
+	let { basePath: t, connectionLog: n, messageLog: r, webhookLog: i, extraVariants: a, contextChart: o, fallback: s, discriminant: c } = e, l = t.replace(/\/$/, ""), u = jo({
 		...n,
 		basePath: l
-	}), d = Bo({
+	}), d = Ho({
 		...i,
 		basePath: l
 	}), f = {
 		HTTP_PROXY: u,
 		LLM_PROXY: u,
 		MCP_PROXY: u,
-		MESSAGE: Fo(r),
+		MESSAGE: Lo(r),
 		WEBHOOK: d,
 		...a
 	};
-	return qo({
+	return Yo({
 		discriminant: c ?? ((e) => e.apiType ?? ""),
 		variants: f,
 		fallback: s ?? u,
@@ -4220,16 +4221,16 @@ function Xo(e) {
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailContextChart.tsx
-var Zo = 900 * 1e3, Qo = "HTTP_GATEWAY_RESPONSE_TIME", $o = "AVG", es = "API";
-function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterField: i = es, analyticsFilterMapping: a }) {
+var $o = 900 * 1e3, es = "HTTP_GATEWAY_RESPONSE_TIME", ts = "AVG", ns = "API";
+function rs({ apiId: e, timestamp: t, metric: n = es, measure: r = ts, filterField: i = ns, analyticsFilterMapping: a }) {
 	let o = c(), s = E(() => {
 		let e = new Date(t).getTime();
 		return {
 			type: "absolute",
-			from: e - Zo,
-			to: e + Zo
+			from: e - $o,
+			to: e + $o
 		};
-	}, [t]), l = E(() => Wi(s, 30), [s]), u = E(() => $a([{
+	}, [t]), l = E(() => Gi(s, 30), [s]), u = E(() => eo([{
 		field: i,
 		operator: "eq",
 		value: [e],
@@ -4242,7 +4243,7 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 		name: n,
 		measures: [r]
 	}], [n, r]), { data: f, isLoading: p } = N({
-		queryKey: K.timeSeries(d, s, l, u),
+		queryKey: J.timeSeries(d, s, l, u),
 		queryFn: ({ signal: e }) => o.fetchTimeSeries({
 			metrics: d,
 			timeRange: s,
@@ -4250,7 +4251,7 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 			filters: u,
 			signal: e
 		}),
-		staleTime: G,
+		staleTime: q,
 		enabled: !!o
 	}), m = f?.[0]?.key ?? n, h = E(() => ({ [m]: {
 		label: "Response Time",
@@ -4258,7 +4259,7 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 	} }), [m]), g = E(() => {
 		if (!f) return [];
 		let e = /* @__PURE__ */ new Map();
-		return e.set(m, f), Li(e);
+		return e.set(m, f), Ri(e);
 	}, [f, m]), _ = E(() => {
 		let e = new Date(t).getTime(), n = f?.[0]?.points;
 		if (g.length === 0 || !n?.length) return;
@@ -4313,18 +4314,18 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailDrawerShell.tsx
-var ns = S({
+var is = S({
 	expanded: !1,
 	setExpanded: () => {}
 });
-function rs() {
-	return w(ns);
+function as() {
+	return w(is);
 }
-var is = "[role=\"tree\"], [role=\"treeitem\"], input, textarea, select, [contenteditable]";
-function as(e) {
-	return e === document.body ? !0 : e.closest(is) ? !1 : !!e.closest("[data-log-detail-shell]");
+var os = "[role=\"tree\"], [role=\"treeitem\"], input, textarea, select, [contenteditable]";
+function ss(e) {
+	return e === document.body ? !0 : e.closest(os) ? !1 : !!e.closest("[data-log-detail-shell]");
 }
-function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, children: i }) {
+function cs({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, children: i }) {
 	let [a, o] = O(!1), s = C(() => {
 		o(!1), t();
 	}, [t]), c = C((e) => {
@@ -4335,10 +4336,10 @@ function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, childre
 				t.preventDefault(), a ? o(!1) : s();
 				break;
 			case "ArrowUp":
-				as(t.target) && (t.preventDefault(), n?.());
+				ss(t.target) && (t.preventDefault(), n?.());
 				break;
 			case "ArrowDown":
-				as(t.target) && (t.preventDefault(), r?.());
+				ss(t.target) && (t.preventDefault(), r?.());
 				break;
 		}
 	}, [
@@ -4353,7 +4354,7 @@ function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, childre
 		expanded: a,
 		setExpanded: o
 	}), [a]);
-	return /* @__PURE__ */ A(ns.Provider, {
+	return /* @__PURE__ */ A(is.Provider, {
 		value: f,
 		children: /* @__PURE__ */ A(Ue, {
 			open: e,
@@ -4389,7 +4390,7 @@ function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, childre
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailHeader.tsx
-var ss = {
+var ls = {
 	GET: "success",
 	POST: "default",
 	PUT: "warning",
@@ -4398,10 +4399,10 @@ var ss = {
 	HEAD: "secondary",
 	OPTIONS: "secondary"
 };
-function cs(e) {
+function us(e) {
 	return e >= 500 ? "text-destructive" : e >= 400 ? "text-warning" : "text-success";
 }
-function ls(e) {
+function ds(e) {
 	let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 1e3), i;
 	i = r < 60 ? `${r}s ago` : r < 3600 ? `${Math.floor(r / 60)}m ago` : r < 86400 ? `${Math.floor(r / 3600)}h ago` : t.toLocaleDateString(void 0, {
 		month: "short",
@@ -4421,10 +4422,10 @@ function ls(e) {
 		full: a
 	};
 }
-function us({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigatePrev: a, onNavigateNext: o, onCopyJson: s, hasPrev: c = !0, hasNext: l = !0, showExpandToggle: u = !0 }) {
-	let { expanded: d, setExpanded: f } = rs(), p = C((e) => {
+function fs({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigatePrev: a, onNavigateNext: o, onCopyJson: s, hasPrev: c = !0, hasNext: l = !0, showExpandToggle: u = !0 }) {
+	let { expanded: d, setExpanded: f } = as(), p = C((e) => {
 		e.key === "Escape" && i?.();
-	}, [i]), m = r ? ls(r) : null;
+	}, [i]), m = r ? ds(r) : null;
 	return /* @__PURE__ */ j("div", {
 		className: "sticky top-0 z-10 border-b bg-background/95 backdrop-blur-sm",
 		role: "toolbar",
@@ -4434,14 +4435,14 @@ function us({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 			className: "flex items-center justify-between px-5 pt-4 pb-2",
 			children: [/* @__PURE__ */ A("div", {
 				className: "flex items-center gap-0.5",
-				children: (a ?? o) && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(F, {
+				children: (a ?? o) && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(L, {
 					variant: "ghost",
 					size: "icon",
 					onClick: a,
 					disabled: !c,
 					"aria-label": "Previous log",
 					children: /* @__PURE__ */ A(nt, { className: "size-4" })
-				}), /* @__PURE__ */ A(F, {
+				}), /* @__PURE__ */ A(L, {
 					variant: "ghost",
 					size: "icon",
 					onClick: o,
@@ -4452,30 +4453,30 @@ function us({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 			}), /* @__PURE__ */ j("div", {
 				className: "flex items-center gap-0.5",
 				children: [
-					s && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+					s && /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 						asChild: !0,
-						children: /* @__PURE__ */ A(F, {
+						children: /* @__PURE__ */ A(L, {
 							variant: "ghost",
 							size: "icon",
 							onClick: s,
 							"aria-label": "Copy JSON",
 							children: /* @__PURE__ */ A(dt, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ A(R, { children: "Copy as JSON" })] }) }),
-					u && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+					}), /* @__PURE__ */ A(B, { children: "Copy as JSON" })] }) }),
+					u && /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 						asChild: !0,
-						children: /* @__PURE__ */ A(F, {
+						children: /* @__PURE__ */ A(L, {
 							variant: "ghost",
 							size: "icon",
 							onClick: () => f(!d),
 							"aria-label": d ? "Exit full screen" : "Full screen",
 							children: A(d ? vt : ft, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ A(R, { children: d ? "Exit full screen" : "Full screen" })] }) }),
+					}), /* @__PURE__ */ A(B, { children: d ? "Exit full screen" : "Full screen" })] }) }),
 					i && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(He, {
 						orientation: "vertical",
 						className: "mx-1.5 h-4"
-					}), /* @__PURE__ */ A(F, {
+					}), /* @__PURE__ */ A(L, {
 						variant: "ghost",
 						size: "icon",
 						onClick: i,
@@ -4489,33 +4490,33 @@ function us({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 			children: [/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-3",
 				children: [
-					e && /* @__PURE__ */ A(P, {
-						variant: ss[e] ?? "secondary",
+					e && /* @__PURE__ */ A(I, {
+						variant: ls[e] ?? "secondary",
 						children: e
 					}),
 					t !== void 0 && /* @__PURE__ */ A("span", {
-						className: `font-mono text-sm font-semibold tabular-nums ${cs(t)}`,
+						className: `font-mono text-sm font-semibold tabular-nums ${us(t)}`,
 						children: t
 					}),
-					m && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+					m && /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 						asChild: !0,
 						children: /* @__PURE__ */ A("span", {
 							className: "ml-auto text-xs text-muted-foreground",
 							children: m.relative
 						})
-					}), /* @__PURE__ */ A(R, {
+					}), /* @__PURE__ */ A(B, {
 						side: "bottom",
 						className: "text-xs",
 						children: m.full
 					})] }) })
 				]
-			}), n && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
+			}), n && /* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
 				asChild: !0,
 				children: /* @__PURE__ */ A("p", {
 					className: "font-mono text-sm text-muted-foreground truncate leading-relaxed",
 					children: n
 				})
-			}), /* @__PURE__ */ A(R, {
+			}), /* @__PURE__ */ A(B, {
 				side: "bottom",
 				align: "start",
 				className: "max-w-[500px] break-all text-xs font-mono",
@@ -4526,9 +4527,9 @@ function us({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailMetrics.tsx
-function ds({ items: e }) {
+function ps({ items: e }) {
 	let t = e.filter((e) => e.value !== void 0 && e.value !== null), n = E(() => t.map((e) => ({
-		value: fs(e.value, e.unit),
+		value: ms(e.value, e.unit),
 		label: e.label
 	})), [t]);
 	return n.length === 0 ? null : /* @__PURE__ */ A("div", {
@@ -4541,14 +4542,14 @@ function ds({ items: e }) {
 		})
 	});
 }
-function fs(e, t) {
+function ms(e, t) {
 	return t === "ms" || !t ? e >= 1e4 ? `${(e / 1e3).toFixed(1)}s` : e >= 1e3 ? `${(e / 1e3).toFixed(2)}s` : `${Math.round(e)}ms` : t === "B" ? e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B` : t === "" ? String(e) : `${e}${t}`;
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailSection.tsx
-function ps({ children: e, defaultValue: t }) {
+function hs({ children: e, defaultValue: t }) {
 	let [n, r] = O(t ?? "");
-	return /* @__PURE__ */ A(oe, {
+	return /* @__PURE__ */ A(P, {
 		type: "single",
 		collapsible: !0,
 		value: n,
@@ -4556,21 +4557,21 @@ function ps({ children: e, defaultValue: t }) {
 		children: e
 	});
 }
-function ms({ title: e, badge: t, children: n }) {
-	return /* @__PURE__ */ j(ce, {
+function gs({ title: e, badge: t, children: n }) {
+	return /* @__PURE__ */ j(oe, {
 		value: e,
 		className: "border-b last:border-b-0",
-		children: [/* @__PURE__ */ A(le, {
+		children: [/* @__PURE__ */ A(se, {
 			className: "px-5 py-4 text-sm font-medium tracking-tight hover:bg-muted/30 transition-colors duration-150",
 			children: /* @__PURE__ */ j("span", {
 				className: "flex items-center gap-3",
-				children: [e, t != null && /* @__PURE__ */ A(P, {
+				children: [e, t != null && /* @__PURE__ */ A(I, {
 					variant: "secondary",
 					className: "text-[10px] font-semibold",
 					children: t
 				})]
 			})
-		}), /* @__PURE__ */ A(se, { children: /* @__PURE__ */ A("div", {
+		}), /* @__PURE__ */ A(F, { children: /* @__PURE__ */ A("div", {
 			className: "px-5 pb-5 pt-1",
 			children: n
 		}) })]
@@ -4578,26 +4579,26 @@ function ms({ title: e, badge: t, children: n }) {
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailContent.tsx
-var hs = {
-	Header: us,
-	Section: ms,
+var _s = {
+	Header: fs,
+	Section: gs,
 	KeyValueGrid: $,
 	HeadersTable: Q,
-	CodeBlock: X,
-	Metrics: ds
+	CodeBlock: Z,
+	Metrics: ps
 };
-function gs({ config: e, log: t, logId: n, onClose: r, onCopyJson: i, onNavigatePrev: a, onNavigateNext: o, onFilter: s, hasPrev: c, hasNext: l, showExpandToggle: u = !0, showNavigation: d = !0 }) {
-	let f = Jo(e, t);
+function vs({ config: e, log: t, logId: n, onClose: r, onCopyJson: i, onNavigatePrev: a, onNavigateNext: o, onFilter: s, hasPrev: c, hasNext: l, showExpandToggle: u = !0, showNavigation: d = !0 }) {
+	let f = Xo(e, t);
 	if (!f) return /* @__PURE__ */ A("div", {
 		className: "flex items-center justify-center p-8 text-sm text-muted-foreground",
 		children: "No detail view configured for this log type."
 	});
-	if (f.type === "custom") return /* @__PURE__ */ A(k, { children: f.render(t, hs) });
-	let p = Yo(f, t);
+	if (f.type === "custom") return /* @__PURE__ */ A(k, { children: f.render(t, _s) });
+	let p = Zo(f, t);
 	if (!p) return null;
 	let m = e.contextChart;
 	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(us, {
+		/* @__PURE__ */ A(fs, {
 			method: p.header.method(t),
 			status: p.header.status(t),
 			uri: p.header.uri(t),
@@ -4610,7 +4611,7 @@ function gs({ config: e, log: t, logId: n, onClose: r, onCopyJson: i, onNavigate
 			hasNext: d ? l : !1,
 			showExpandToggle: u
 		}),
-		m && /* @__PURE__ */ A(ts, {
+		m && /* @__PURE__ */ A(rs, {
 			apiId: m.extractApiId(t),
 			timestamp: m.extractTimestamp?.(t) ?? p.header.timestamp(t),
 			metric: m.metric,
@@ -4618,14 +4619,14 @@ function gs({ config: e, log: t, logId: n, onClose: r, onCopyJson: i, onNavigate
 			filterField: m.filterField,
 			analyticsFilterMapping: m.analyticsFilterMapping
 		}),
-		p.metrics && p.metrics.length > 0 && /* @__PURE__ */ A(ds, { items: p.metrics.map((e) => ({
+		p.metrics && p.metrics.length > 0 && /* @__PURE__ */ A(ps, { items: p.metrics.map((e) => ({
 			label: e.label,
 			value: e.value(t),
 			unit: e.unit
 		})) }),
-		/* @__PURE__ */ A(ps, {
+		/* @__PURE__ */ A(hs, {
 			defaultValue: p.sections.find((e) => e.defaultOpen)?.title,
-			children: p.sections.map((e) => /* @__PURE__ */ A(ms, {
+			children: p.sections.map((e) => /* @__PURE__ */ A(gs, {
 				title: e.title,
 				badge: e.badge?.(t),
 				children: e.render(t, s)
@@ -4635,20 +4636,20 @@ function gs({ config: e, log: t, logId: n, onClose: r, onCopyJson: i, onNavigate
 }
 //#endregion
 //#region src/logs/detail/utils/clipboard.ts
-function _s(e) {
-	navigator.clipboard.writeText(JSON.stringify(e, null, 2)).then(() => H.success("Full JSON copied to clipboard"), () => H.error("Failed to copy to clipboard"));
+function ys(e) {
+	navigator.clipboard.writeText(JSON.stringify(e, null, 2)).then(() => W.success("Full JSON copied to clipboard"), () => W.error("Failed to copy to clipboard"));
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailDrawer.tsx
-function vs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext: i, onFilter: a, hasPrev: o, hasNext: s }) {
+function bs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext: i, onFilter: a, hasPrev: o, hasNext: s }) {
 	let { data: c, isLoading: l, isError: u, isNotFound: d, isUnsupported: f, refetch: p } = Cn({ id: t });
-	return /* @__PURE__ */ j(os, {
+	return /* @__PURE__ */ j(cs, {
 		open: !!t,
 		onClose: n,
 		onNavigatePrev: r,
 		onNavigateNext: i,
 		children: [
-			l && /* @__PURE__ */ A(ys, {}),
+			l && /* @__PURE__ */ A(xs, {}),
 			f && /* @__PURE__ */ j("div", {
 				className: "flex flex-col items-center justify-center gap-2 p-8 text-center text-muted-foreground",
 				children: [/* @__PURE__ */ A("p", {
@@ -4677,7 +4678,7 @@ function vs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext
 						className: "text-sm text-destructive",
 						children: "Failed to load log details"
 					}),
-					/* @__PURE__ */ A(F, {
+					/* @__PURE__ */ A(L, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => p(),
@@ -4685,13 +4686,13 @@ function vs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext
 					})
 				]
 			}),
-			c != null && /* @__PURE__ */ A(gs, {
+			c != null && /* @__PURE__ */ A(vs, {
 				config: e,
 				log: c,
 				logId: t,
 				onClose: n,
 				onCopyJson: () => {
-					c && _s(c);
+					c && ys(c);
 				},
 				onNavigatePrev: r,
 				onNavigateNext: i,
@@ -4702,50 +4703,50 @@ function vs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext
 		]
 	});
 }
-function ys() {
+function xs() {
 	return /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-4",
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ A(I, { className: "h-6 w-12" }),
-					/* @__PURE__ */ A(I, { className: "h-6 w-10" }),
-					/* @__PURE__ */ A(I, { className: "h-6 w-48" })
+					/* @__PURE__ */ A(R, { className: "h-6 w-12" }),
+					/* @__PURE__ */ A(R, { className: "h-6 w-10" }),
+					/* @__PURE__ */ A(R, { className: "h-6 w-48" })
 				]
 			}),
-			/* @__PURE__ */ A(I, { className: "h-[80px] w-full" }),
+			/* @__PURE__ */ A(R, { className: "h-[80px] w-full" }),
 			/* @__PURE__ */ j("div", {
 				className: "flex gap-3",
 				children: [
-					/* @__PURE__ */ A(I, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ A(I, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ A(I, { className: "h-14 flex-1" })
+					/* @__PURE__ */ A(R, { className: "h-14 flex-1" }),
+					/* @__PURE__ */ A(R, { className: "h-14 flex-1" }),
+					/* @__PURE__ */ A(R, { className: "h-14 flex-1" })
 				]
 			}),
-			/* @__PURE__ */ A(I, { className: "h-8 w-full" }),
-			/* @__PURE__ */ A(I, { className: "h-32 w-full" })
+			/* @__PURE__ */ A(R, { className: "h-8 w-full" }),
+			/* @__PURE__ */ A(R, { className: "h-32 w-full" })
 		]
 	});
 }
 //#endregion
 //#region src/logs/detail/components/LogDetailPage.tsx
-function bs({ config: e, onFilter: t }) {
+function Ss({ config: e, onFilter: t }) {
 	let { logId: n } = Xt(), r = Yt(), { data: i, isLoading: a, isError: o, isNotFound: s, isUnsupported: c, refetch: l } = Cn({ id: n }), u = () => r(-1);
 	return a ? /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-6",
 		children: [
-			/* @__PURE__ */ A(I, { className: "h-8 w-48" }),
-			/* @__PURE__ */ A(I, { className: "h-[80px] w-full" }),
+			/* @__PURE__ */ A(R, { className: "h-8 w-48" }),
+			/* @__PURE__ */ A(R, { className: "h-[80px] w-full" }),
 			/* @__PURE__ */ j("div", {
 				className: "flex gap-3",
 				children: [
-					/* @__PURE__ */ A(I, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ A(I, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ A(I, { className: "h-14 flex-1" })
+					/* @__PURE__ */ A(R, { className: "h-14 flex-1" }),
+					/* @__PURE__ */ A(R, { className: "h-14 flex-1" }),
+					/* @__PURE__ */ A(R, { className: "h-14 flex-1" })
 				]
 			}),
-			/* @__PURE__ */ A(I, { className: "h-64 w-full" })
+			/* @__PURE__ */ A(R, { className: "h-64 w-full" })
 		]
 	}) : c ? /* @__PURE__ */ A("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-12 text-center text-muted-foreground",
@@ -4758,7 +4759,7 @@ function bs({ config: e, onFilter: t }) {
 		children: [/* @__PURE__ */ A("p", {
 			className: "text-sm font-medium text-muted-foreground",
 			children: "Log not found"
-		}), /* @__PURE__ */ j(F, {
+		}), /* @__PURE__ */ j(L, {
 			variant: "outline",
 			size: "sm",
 			onClick: u,
@@ -4772,7 +4773,7 @@ function bs({ config: e, onFilter: t }) {
 				className: "text-sm text-destructive",
 				children: "Failed to load log details"
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(L, {
 				variant: "outline",
 				size: "sm",
 				onClick: () => l(),
@@ -4783,21 +4784,21 @@ function bs({ config: e, onFilter: t }) {
 		className: "space-y-0",
 		children: [/* @__PURE__ */ A("div", {
 			className: "border-b px-6 py-3",
-			children: /* @__PURE__ */ j(F, {
+			children: /* @__PURE__ */ j(L, {
 				variant: "ghost",
 				size: "sm",
 				onClick: u,
 				children: [/* @__PURE__ */ A(nt, { className: "size-4 mr-1.5" }), "Back to logs"]
 			})
-		}), /* @__PURE__ */ A(de, {
+		}), /* @__PURE__ */ A(le, {
 			className: "mx-6 mt-4 overflow-hidden",
-			children: /* @__PURE__ */ A(gs, {
+			children: /* @__PURE__ */ A(vs, {
 				config: e,
 				log: i,
 				logId: n,
 				onClose: u,
 				onCopyJson: () => {
-					i && _s(i);
+					i && ys(i);
 				},
 				onFilter: t,
 				showExpandToggle: !1,
@@ -4808,7 +4809,7 @@ function bs({ config: e, onFilter: t }) {
 }
 //#endregion
 //#region src/traces/TraceStatusBadge.tsx
-var xs = {
+var Cs = {
 	ok: {
 		label: "OK",
 		variant: "success"
@@ -4822,16 +4823,16 @@ var xs = {
 		variant: "default"
 	}
 };
-function Ss({ status: e }) {
-	let t = xs[e];
-	return /* @__PURE__ */ A(P, {
+function ws({ status: e }) {
+	let t = Cs[e];
+	return /* @__PURE__ */ A(I, {
 		variant: t.variant,
 		children: t.label
 	});
 }
 //#endregion
 //#region src/traces/format-utils.ts
-function Cs(e) {
+function Ts(e) {
 	return new Date(e).toLocaleString(void 0, {
 		year: "numeric",
 		month: "2-digit",
@@ -4842,60 +4843,73 @@ function Cs(e) {
 		hour12: !1
 	});
 }
-function ws(e) {
+function Es(e) {
 	return e < 1 ? `${(e * 1e3).toFixed(0)} µs` : e < 1e3 ? `${e.toFixed(+(e < 10))} ms` : e < 6e4 ? `${(e / 1e3).toFixed(2)} s` : `${Math.floor(e / 6e4)}m ${(e % 6e4 / 1e3).toFixed(1)}s`;
 }
 //#endregion
 //#region src/traces/TraceTable.tsx
-var Ts = "observability-traces-columns", Es = {
+var Ds = {
+	"no-traces": {
+		title: "No traces found",
+		description: "No traces in this time range for this API."
+	},
+	"no-api-selected": {
+		title: "No API selected",
+		description: "Select an API above to view its traces."
+	},
+	"no-api-loader": {
+		title: "No API selected",
+		description: "Open tracing from an API to view its traces."
+	}
+}, Os = "observability-traces-columns", ks = {
 	startTime: !0,
 	rootServiceName: !0,
 	rootOperationName: !0,
 	duration: !0,
 	status: !0
 };
-function Ds(e) {
+function As(e) {
 	try {
 		let t = localStorage.getItem(e);
 		return t ? {
-			...Es,
+			...ks,
 			...JSON.parse(t)
-		} : Es;
+		} : ks;
 	} catch {
-		return Es;
+		return ks;
 	}
 }
-function Os(e, t) {
+function js(e, t) {
 	try {
 		localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
 }
-function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageChange: a, onPageSizeChange: o, pageSizeOptions: s = [
+function Ms({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageChange: a, onPageSizeChange: o, pageSizeOptions: s = [
 	10,
 	25,
 	50,
 	100
-], onRowClick: c, columnVisibilityStorageKey: l }) {
-	let u = l ?? Ts, [d, f] = O(() => Ds(u)), p = C((e) => {
-		f((t) => {
+], onRowClick: c, columnVisibilityStorageKey: l, emptyVariant: u = "no-traces" }) {
+	let d = l ?? Os, f = Ds[u], [p, m] = O(() => As(d)), h = C((e) => {
+		m((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return Os(u, n), n;
+			return js(d, n), n;
 		});
-	}, [u]), m = E(() => [
+	}, [d]), g = E(() => [
 		{
 			id: "startTime",
 			header: "Start Time",
 			accessorFn: (e) => e.startTime,
 			cell: ({ getValue: e }) => /* @__PURE__ */ A("span", {
 				className: "whitespace-nowrap text-sm tabular-nums",
-				children: Cs(e())
+				children: Ts(e())
 			})
 		},
 		{
 			id: "status",
 			header: "Status",
 			accessorFn: (e) => e.status,
-			cell: ({ row: e }) => /* @__PURE__ */ A(Ss, { status: e.original.status })
+			cell: ({ row: e }) => /* @__PURE__ */ A(ws, { status: e.original.status })
 		},
 		{
 			id: "rootServiceName",
@@ -4921,10 +4935,10 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 			accessorFn: (e) => e.duration,
 			cell: ({ getValue: e }) => /* @__PURE__ */ A("span", {
 				className: "whitespace-nowrap text-sm tabular-nums",
-				children: ws(e())
+				children: Es(e())
 			})
 		}
-	], []), h = C((n) => {
+	], []), _ = C((n) => {
 		if (!c || t) return;
 		let r = n.target;
 		if (r.closest("button, a, input, [role=\"checkbox\"]")) return;
@@ -4938,7 +4952,7 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 		c,
 		t,
 		e
-	]), g = C((n) => {
+	]), v = C((n) => {
 		if (!c || t || n.key !== "Enter" && n.key !== " ") return;
 		let r = n.target.closest("tbody tr");
 		if (!r) return;
@@ -4954,11 +4968,11 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 	]);
 	return /* @__PURE__ */ A("div", {
 		role: c ? "grid" : void 0,
-		onClick: h,
-		onKeyDown: g,
+		onClick: _,
+		onKeyDown: v,
 		className: c ? "[&_tbody_tr]:cursor-pointer" : void 0,
-		children: /* @__PURE__ */ A(xe, {
-			columns: m,
+		children: /* @__PURE__ */ A(be, {
+			columns: g,
 			data: e,
 			loading: t,
 			skeletonCount: i,
@@ -4968,18 +4982,18 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 			className: "**:data-[slot=table-container]:max-h-[calc(100vh-20rem)]",
 			tableOptions: {
 				getRowId: (e) => e.traceId,
-				state: { columnVisibility: d },
-				onColumnVisibilityChange: p
+				state: { columnVisibility: p },
+				onColumnVisibilityChange: h
 			},
-			emptyMessage: /* @__PURE__ */ A(Ce, { children: /* @__PURE__ */ j(Te, { children: [
-				/* @__PURE__ */ A(Ee, {
+			emptyMessage: /* @__PURE__ */ A(Se, { children: /* @__PURE__ */ j(we, { children: [
+				/* @__PURE__ */ A(Te, {
 					variant: "icon",
 					children: /* @__PURE__ */ A(St, {})
 				}),
-				/* @__PURE__ */ A(De, { children: "No traces found" }),
-				/* @__PURE__ */ A(we, { children: "Try adjusting your filters or time range to see traces." })
+				/* @__PURE__ */ A(Ee, { children: f.title }),
+				/* @__PURE__ */ A(Ce, { children: f.description })
 			] }) }),
-			footer: n > 0 ? /* @__PURE__ */ A(Se, {
+			footer: n > 0 ? /* @__PURE__ */ A(xe, {
 				page: r,
 				pageSize: i,
 				totalCount: n,
@@ -4992,62 +5006,66 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 }
 //#endregion
 //#region src/traces/TraceExplorerPage.tsx
-function As({ onRowClick: e, pageSize: t = 25, columnVisibilityStorageKey: n, onPageDataChange: r }) {
-	let { apiId: i } = Xt(), { timeRange: a, setTimeRange: o } = La(), s = Pn({
-		apiId: i ?? "",
-		timeRange: a,
+function Ns({ onRowClick: e, pageSize: t = 25, columnVisibilityStorageKey: n, onPageDataChange: r, toolbarStart: i, emptyVariant: a }) {
+	let { apiId: o } = Xt(), { timeRange: s, setTimeRange: c } = Ra(), l = Pn({
+		apiId: o ?? "",
+		timeRange: s,
 		pageSize: t,
-		enabled: !!i
+		enabled: !!o
 	});
-	return js(s.data, r), /* @__PURE__ */ j("div", {
+	return Ps(l.data, r), /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-4",
 		children: [
 			/* @__PURE__ */ A("h1", {
 				className: "text-lg font-semibold",
-				children: "Traces"
+				children: "Tracing"
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ A("div", { className: "flex-1" }),
-					/* @__PURE__ */ A(z, { children: /* @__PURE__ */ A(Ia, { isFetching: s.isFetching }) }),
+					/* @__PURE__ */ A("div", {
+						className: "flex flex-1 items-center gap-2",
+						children: i
+					}),
+					/* @__PURE__ */ A(V, { children: /* @__PURE__ */ A(La, { isFetching: l.isFetching }) }),
 					/* @__PURE__ */ A(rr, {
-						value: a,
-						onChange: o
+						value: s,
+						onChange: c
 					})
 				]
 			}),
-			s.isError && /* @__PURE__ */ j("div", {
+			l.isError && /* @__PURE__ */ j("div", {
 				className: "flex items-center gap-3 rounded-lg border border-destructive/20 bg-destructive/5 px-4 py-3",
 				children: [
 					/* @__PURE__ */ A(tt, { className: "size-5 shrink-0 text-destructive" }),
 					/* @__PURE__ */ A("p", {
 						className: "flex-1 text-sm text-destructive",
-						children: s.error?.message ?? "Failed to load traces."
+						children: l.error?.message ?? "Failed to load traces."
 					}),
-					/* @__PURE__ */ j(F, {
+					/* @__PURE__ */ j(L, {
 						variant: "outline",
 						size: "sm",
-						onClick: s.refetch,
+						onClick: l.refetch,
 						children: [/* @__PURE__ */ A(bt, { className: "size-3.5" }), "Retry"]
 					})
 				]
 			}),
-			/* @__PURE__ */ A(ks, {
-				data: s.data,
-				loading: s.isLoading,
-				totalCount: s.totalCount,
-				page: s.page,
-				pageSize: s.pageSize,
-				onPageChange: s.goToPage,
-				onPageSizeChange: s.setPageSize,
+			/* @__PURE__ */ A(Ms, {
+				data: l.data,
+				loading: l.isLoading,
+				totalCount: l.totalCount,
+				page: l.page,
+				pageSize: l.pageSize,
+				onPageChange: l.goToPage,
+				onPageSizeChange: l.setPageSize,
 				onRowClick: e,
-				columnVisibilityStorageKey: n
+				columnVisibilityStorageKey: n,
+				emptyVariant: a
 			})
 		]
 	});
 }
-function js(e, t) {
+function Ps(e, t) {
 	let n = D(t);
 	T(() => {
 		n.current = t;
@@ -5056,8 +5074,81 @@ function js(e, t) {
 	}, [e]);
 }
 //#endregion
+//#region src/traces/TracingApiSelector.tsx
+function Fs({ options: e, value: t, onSelect: n, loading: r, error: i, onRetry: a }) {
+	let { open: o, handleOpenChange: s, handleInputFocus: c, handleInputKeyDown: l } = gr(), u = ie(), d = E(() => e.find((e) => e.id === t) ?? null, [e, t]);
+	return i ? /* @__PURE__ */ j("div", {
+		className: "flex flex-1 items-center gap-3 rounded-lg border border-destructive/20 bg-destructive/5 px-3 py-2",
+		children: [
+			/* @__PURE__ */ A(tt, { className: "size-4 shrink-0 text-destructive" }),
+			/* @__PURE__ */ A("p", {
+				className: "flex-1 text-sm text-destructive",
+				children: "Failed to load the API list."
+			}),
+			a && /* @__PURE__ */ j(L, {
+				variant: "outline",
+				size: "sm",
+				onClick: a,
+				children: [/* @__PURE__ */ A(bt, { className: "size-3.5" }), "Retry"]
+			})
+		]
+	}) : /* @__PURE__ */ j("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ j(je, {
+			htmlFor: u,
+			className: "shrink-0 text-sm font-medium",
+			children: [
+				"API",
+				" ",
+				/* @__PURE__ */ A("span", {
+					"aria-hidden": "true",
+					className: "text-destructive",
+					children: "*"
+				})
+			]
+		}), /* @__PURE__ */ j(ue, {
+			open: o,
+			onOpenChange: s,
+			items: e,
+			value: d,
+			onValueChange: (e) => {
+				let t = e;
+				t && n(t.id);
+			},
+			itemToStringLabel: (e) => e.label,
+			itemToStringValue: (e) => e.id,
+			isItemEqualToValue: (e, t) => e.id === t.id,
+			disabled: r,
+			openOnInputClick: !0,
+			children: [/* @__PURE__ */ A(ge, {
+				id: u,
+				"aria-label": "API",
+				"aria-required": "true",
+				showTrigger: !0,
+				showClear: !1,
+				placeholder: r ? "Loading APIs…" : "Select an API…",
+				className: "w-72 max-w-full",
+				onFocus: c,
+				onKeyDown: l
+			}), /* @__PURE__ */ j(me, { children: [/* @__PURE__ */ A(he, { children: "No API found." }), /* @__PURE__ */ A(ve, { children: (e) => /* @__PURE__ */ A(_e, {
+				value: e,
+				children: /* @__PURE__ */ j("span", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ A("span", {
+						className: "text-sm",
+						children: e.label
+					}), e.description && /* @__PURE__ */ A("span", {
+						className: "text-xs text-muted-foreground",
+						children: e.description
+					})]
+				})
+			}, e.id) })] })]
+		})]
+	});
+}
+//#endregion
 //#region src/traces/build-traces-deep-link.ts
-function Ms({ basePath: e, apiId: t, timeRange: n = Un, filters: r = [] }) {
+function Is({ basePath: e, apiId: t, timeRange: n = Un, filters: r = [] }) {
 	let i = qn({
 		conditions: r,
 		timeRange: n
@@ -5068,46 +5159,22 @@ function Ms({ basePath: e, apiId: t, timeRange: n = Un, filters: r = [] }) {
 }
 //#endregion
 //#region src/traces/detail/SpanDetailPanel.tsx
-function Ns(e) {
+function Ls(e) {
 	return Array.isArray(e) ? e.join(", ") : typeof e == "boolean" ? String(e) : e;
 }
-function Ps(e) {
+function Rs(e) {
 	return Object.entries(e).map(([e, t]) => ({
 		label: e,
-		value: Ns(t)
+		value: Ls(t)
 	}));
 }
-function Fs({ span: e, open: t, onClose: n }) {
-	return /* @__PURE__ */ A(Ue, {
-		open: t,
-		onOpenChange: (e) => !e && n(),
-		modal: !1,
-		children: /* @__PURE__ */ j(We, {
-			side: "right",
-			className: "gap-0 p-0 w-[480px] max-w-[80vw]",
-			showCloseButton: !1,
-			"aria-describedby": void 0,
-			children: [
-				/* @__PURE__ */ A(Ke, {
-					className: "sr-only",
-					children: "Span Detail"
-				}),
-				/* @__PURE__ */ A(Ge, {
-					className: "sr-only",
-					children: "Detailed view of a span"
-				}),
-				/* @__PURE__ */ A(Ie, {
-					className: "h-full",
-					children: e && /* @__PURE__ */ A(Is, {
-						span: e,
-						onClose: n
-					})
-				})
-			]
-		})
-	});
+function zs({ span: e, onClose: t }) {
+	return e ? /* @__PURE__ */ A(Bs, {
+		span: e,
+		onClose: t
+	}) : null;
 }
-function Is({ span: e, onClose: t }) {
+function Bs({ span: e, onClose: t }) {
 	let n = [
 		{
 			label: "Service",
@@ -5135,22 +5202,24 @@ function Is({ span: e, onClose: t }) {
 		},
 		{
 			label: "Start",
-			value: Cs(e.startTime)
+			value: Ts(e.startTime)
 		},
 		{
 			label: "Duration",
-			value: ws(e.duration)
+			value: Es(e.duration)
 		}
 	], r = Object.entries(e.attributes);
-	return /* @__PURE__ */ j("div", {
-		className: "flex flex-col",
+	return /* @__PURE__ */ j("section", {
+		"aria-label": "Span detail",
+		className: "@container flex flex-col overflow-hidden rounded-lg border bg-card",
+		"data-testid": "span-detail-panel",
 		children: [/* @__PURE__ */ j("div", {
 			className: "flex items-start justify-between gap-3 border-b px-5 py-4",
 			children: [/* @__PURE__ */ j("div", {
 				className: "flex min-w-0 flex-col gap-1.5",
 				children: [/* @__PURE__ */ j("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ A(Ss, { status: e.status }), /* @__PURE__ */ A("span", {
+					children: [/* @__PURE__ */ A(ws, { status: e.status }), /* @__PURE__ */ A("span", {
 						className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground/70",
 						children: e.serviceName
 					})]
@@ -5158,7 +5227,7 @@ function Is({ span: e, onClose: t }) {
 					className: "truncate text-sm font-semibold tracking-tight",
 					children: e.operationName
 				})]
-			}), /* @__PURE__ */ A(F, {
+			}), t && /* @__PURE__ */ A(L, {
 				variant: "ghost",
 				size: "icon",
 				className: "size-7 shrink-0",
@@ -5166,22 +5235,22 @@ function Is({ span: e, onClose: t }) {
 				"aria-label": "Close span detail",
 				children: /* @__PURE__ */ A(wt, { className: "size-4" })
 			})]
-		}), /* @__PURE__ */ j(ps, {
-			defaultValue: "Overview",
+		}), /* @__PURE__ */ j("div", {
+			className: "grid gap-x-8 gap-y-6 p-5 @2xl:grid-cols-2 @2xl:items-start",
 			children: [
-				/* @__PURE__ */ A(ms, {
+				/* @__PURE__ */ A(Vs, {
 					title: "Overview",
 					children: /* @__PURE__ */ A($, { items: n })
 				}),
-				r.length > 0 && /* @__PURE__ */ A(ms, {
+				r.length > 0 && /* @__PURE__ */ A(Vs, {
 					title: "Attributes",
 					badge: r.length,
 					children: /* @__PURE__ */ A($, {
 						wrap: !0,
-						items: Ps(e.attributes)
+						items: Rs(e.attributes)
 					})
 				}),
-				e.events.length > 0 && /* @__PURE__ */ A(ms, {
+				e.events.length > 0 && /* @__PURE__ */ A(Vs, {
 					title: "Events",
 					badge: e.events.length,
 					children: /* @__PURE__ */ A("div", {
@@ -5195,16 +5264,16 @@ function Is({ span: e, onClose: t }) {
 									children: e.name
 								}), /* @__PURE__ */ A("span", {
 									className: "text-xs text-muted-foreground",
-									children: Cs(e.timestampEpochMs)
+									children: Ts(e.timestampEpochMs)
 								})]
 							}), e.attributes && Object.keys(e.attributes).length > 0 && /* @__PURE__ */ A($, {
 								wrap: !0,
-								items: Ps(e.attributes)
+								items: Rs(e.attributes)
 							})]
 						}, `${e.name}-${t}`))
 					})
 				}),
-				e.payloadLogs.length > 0 && /* @__PURE__ */ A(ms, {
+				e.payloadLogs.length > 0 && /* @__PURE__ */ A(Vs, {
 					title: "Payload Logs",
 					badge: e.payloadLogs.length,
 					children: /* @__PURE__ */ A("div", {
@@ -5214,9 +5283,9 @@ function Is({ span: e, onClose: t }) {
 							children: [
 								/* @__PURE__ */ j("div", {
 									className: "flex items-baseline gap-2",
-									children: [/* @__PURE__ */ A(Ba, { level: e.severity }), /* @__PURE__ */ A("span", {
+									children: [/* @__PURE__ */ A(Va, { level: e.severity }), /* @__PURE__ */ A("span", {
 										className: "text-xs text-muted-foreground",
-										children: Cs(e.timestampEpochMs)
+										children: Ts(e.timestampEpochMs)
 									})]
 								}),
 								/* @__PURE__ */ A("pre", {
@@ -5225,7 +5294,7 @@ function Is({ span: e, onClose: t }) {
 								}),
 								e.attributes && Object.keys(e.attributes).length > 0 && /* @__PURE__ */ A($, {
 									wrap: !0,
-									items: Ps(e.attributes)
+									items: Rs(e.attributes)
 								})
 							]
 						}, `${e.timestampEpochMs}-${t}`))
@@ -5235,15 +5304,31 @@ function Is({ span: e, onClose: t }) {
 		})]
 	});
 }
+function Vs({ title: e, badge: t, children: n }) {
+	return /* @__PURE__ */ j("section", {
+		className: "flex min-w-0 flex-col gap-2",
+		children: [/* @__PURE__ */ j("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ A("h4", {
+				className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground/70",
+				children: e
+			}), t !== void 0 && /* @__PURE__ */ A(I, {
+				variant: "secondary",
+				className: "text-[10px] font-semibold",
+				children: t
+			})]
+		}), n]
+	});
+}
 //#endregion
 //#region src/traces/detail/build-span-tree.ts
-var Ls = (e, t) => e.startTime - t.startTime;
-function Rs(e) {
+var Hs = (e, t) => e.startTime - t.startTime;
+function Us(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.spanId, n);
 	return t;
 }
-function zs(e) {
+function Ws(e) {
 	if (e.length === 0) return [];
 	let t = new Set(e.map((e) => e.spanId)), n = /* @__PURE__ */ new Map(), r = [];
 	for (let i of e) if (i.parentSpanId && t.has(i.parentSpanId)) {
@@ -5252,11 +5337,11 @@ function zs(e) {
 	} else r.push(i);
 	let i = (e) => ({
 		span: e,
-		children: [...n.get(e.spanId) ?? []].sort(Ls).map(i)
+		children: [...n.get(e.spanId) ?? []].sort(Hs).map(i)
 	});
-	return [...r].sort(Ls).map(i);
+	return [...r].sort(Hs).map(i);
 }
-function Bs(e) {
+function Gs(e) {
 	let t = [];
 	function n(e, r) {
 		t.push({
@@ -5270,12 +5355,12 @@ function Bs(e) {
 }
 //#endregion
 //#region src/traces/detail/TraceLineage.tsx
-var Vs = ne(() => import("./TraceLineageGraph.js")), Hs = {
+var Ks = ne(() => import("./TraceLineageGraph.js")), qs = {
 	ok: "healthy",
 	error: "error",
 	unset: "inactive"
 };
-function Us(e) {
+function Js(e) {
 	let t = new Set(e.spans.map((e) => e.spanId));
 	return {
 		nodes: e.spans.map((e) => ({
@@ -5283,8 +5368,8 @@ function Us(e) {
 			data: {
 				label: e.operationName,
 				description: e.serviceName,
-				badge: ws(e.duration),
-				status: Hs[e.status]
+				badge: Es(e.duration),
+				status: qs[e.status]
 			}
 		})),
 		edges: e.spans.filter((e) => !!e.parentSpanId && t.has(e.parentSpanId)).map((e) => ({
@@ -5295,20 +5380,20 @@ function Us(e) {
 		}))
 	};
 }
-function Ws({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, edgeAnimation: i = "flow", className: a }) {
-	let { nodes: o, edges: s } = E(() => e ? Us(e) : {
+function Ys({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, edgeAnimation: i = "flow", className: a }) {
+	let { nodes: o, edges: s } = E(() => e ? Js(e) : {
 		nodes: [],
 		edges: []
-	}, [e]), c = E(() => Rs(e?.spans ?? []), [e?.spans]), l = C((e) => {
+	}, [e]), c = E(() => Us(e?.spans ?? []), [e?.spans]), l = C((e) => {
 		if (!e) return;
 		let n = c.get(e.id);
 		n && t?.(n);
 	}, [c, t]), u = a ?? "h-[28rem]";
-	return /* @__PURE__ */ A(qs, {
-		fallback: /* @__PURE__ */ A(Ks, { className: u }),
+	return /* @__PURE__ */ A(Qs, {
+		fallback: /* @__PURE__ */ A(Zs, { className: u }),
 		children: /* @__PURE__ */ A(x, {
-			fallback: /* @__PURE__ */ A(Gs, { className: u }),
-			children: /* @__PURE__ */ A(Vs, {
+			fallback: /* @__PURE__ */ A(Xs, { className: u }),
+			children: /* @__PURE__ */ A(Ks, {
 				nodes: o,
 				edges: s,
 				state: r,
@@ -5320,7 +5405,7 @@ function Ws({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, edgeAnimati
 		})
 	});
 }
-function Gs({ className: e }) {
+function Xs({ className: e }) {
 	return /* @__PURE__ */ A("div", {
 		className: `flex animate-pulse items-center justify-center rounded-lg border border-border bg-card ${e}`,
 		role: "status",
@@ -5331,7 +5416,7 @@ function Gs({ className: e }) {
 		})
 	});
 }
-function Ks({ className: e }) {
+function Zs({ className: e }) {
 	return /* @__PURE__ */ j("div", {
 		className: `flex flex-col items-center justify-center gap-1 rounded-lg border border-border bg-card p-6 text-center ${e}`,
 		role: "alert",
@@ -5348,7 +5433,7 @@ function Ks({ className: e }) {
 		})]
 	});
 }
-var qs = class extends y {
+var Qs = class extends y {
 	state = { hasError: !1 };
 	static getDerivedStateFromError() {
 		return { hasError: !0 };
@@ -5359,9 +5444,9 @@ var qs = class extends y {
 	render() {
 		return this.state.hasError ? this.props.fallback : this.props.children;
 	}
-}, Js = 1e6;
-function Ys(e) {
-	let t = Bs(zs(e.spans)), n = e.startTime;
+}, $s = 1e6;
+function ec(e) {
+	let t = Gs(Ws(e.spans)), n = e.startTime;
 	return t.map((e) => ({
 		spanId: e.span.spanId,
 		parentSpanId: e.span.parentSpanId,
@@ -5369,13 +5454,13 @@ function Ys(e) {
 		serviceName: e.span.serviceName,
 		kind: e.span.kind,
 		status: e.span.status,
-		startOffsetNs: (e.span.startTime - n) * Js,
-		durationNs: e.span.duration * Js,
+		startOffsetNs: (e.span.startTime - n) * $s,
+		durationNs: e.span.duration * $s,
 		depth: e.depth
 	}));
 }
-function Xs({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, className: i }) {
-	let a = E(() => e ? Ys(e) : [], [e]), o = E(() => Rs(e?.spans ?? []), [e?.spans]);
+function tc({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, className: i }) {
+	let a = E(() => e ? ec(e) : [], [e]), o = E(() => Us(e?.spans ?? []), [e?.spans]);
 	return /* @__PURE__ */ A(Ht, {
 		spans: a,
 		state: r,
@@ -5390,19 +5475,19 @@ function Xs({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, className:
 }
 //#endregion
 //#region src/traces/detail/TraceDetailShell.tsx
-var Zs = [{
+var nc = [{
 	key: "timeline",
 	label: "Timeline"
 }, {
 	key: "lineage",
 	label: "Lineage"
 }];
-function Qs({ trace: e }) {
+function rc({ trace: e }) {
 	let [t, n] = O("timeline"), [r, i] = O(void 0), a = C((e) => i(e), []), o = C(() => i(void 0), []), s = r && e.spans.includes(r) ? r : void 0;
 	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col gap-5 p-6",
 		children: [
-			/* @__PURE__ */ A($s, { trace: e }),
+			/* @__PURE__ */ A(ic, { trace: e }),
 			/* @__PURE__ */ j(Je, {
 				value: t,
 				onValueChange: (e) => n(e),
@@ -5411,14 +5496,14 @@ function Qs({ trace: e }) {
 					/* @__PURE__ */ A(Xe, {
 						variant: "line",
 						"aria-label": "Trace view",
-						children: Zs.map((e) => /* @__PURE__ */ A(Ze, {
+						children: nc.map((e) => /* @__PURE__ */ A(Ze, {
 							value: e.key,
 							children: e.label
 						}, e.key))
 					}),
 					/* @__PURE__ */ A(Ye, {
 						value: "timeline",
-						children: /* @__PURE__ */ A(Xs, {
+						children: /* @__PURE__ */ A(tc, {
 							trace: e,
 							onSpanClick: a,
 							selectedSpanId: s?.spanId
@@ -5426,7 +5511,7 @@ function Qs({ trace: e }) {
 					}),
 					/* @__PURE__ */ A(Ye, {
 						value: "lineage",
-						children: /* @__PURE__ */ A(Ws, {
+						children: /* @__PURE__ */ A(Ys, {
 							trace: e,
 							onSpanClick: a,
 							selectedSpanId: s?.spanId
@@ -5434,15 +5519,14 @@ function Qs({ trace: e }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ A(Fs, {
+			s && /* @__PURE__ */ A(zs, {
 				span: s,
-				open: !!s,
 				onClose: o
 			})
 		]
 	});
 }
-function $s({ trace: e }) {
+function ic({ trace: e }) {
 	let t = [
 		{
 			label: "Service",
@@ -5450,7 +5534,7 @@ function $s({ trace: e }) {
 		},
 		{
 			label: "Duration",
-			value: ws(e.duration)
+			value: Es(e.duration)
 		},
 		{
 			label: "Spans",
@@ -5458,7 +5542,7 @@ function $s({ trace: e }) {
 		},
 		{
 			label: "Started",
-			value: Cs(e.startTime)
+			value: Ts(e.startTime)
 		}
 	];
 	return /* @__PURE__ */ j("header", {
@@ -5466,7 +5550,7 @@ function $s({ trace: e }) {
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ A(Ss, { status: e.status }), /* @__PURE__ */ A("h2", {
+				children: [/* @__PURE__ */ A(ws, { status: e.status }), /* @__PURE__ */ A("h2", {
 					className: "truncate text-lg font-semibold tracking-tight",
 					children: e.rootOperationName
 				})]
@@ -5493,13 +5577,13 @@ function $s({ trace: e }) {
 }
 //#endregion
 //#region src/traces/detail/TraceDetailStates.tsx
-function ec() {
+function ac() {
 	return /* @__PURE__ */ A("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ A(Xs, { state: "loading" })
+		children: /* @__PURE__ */ A(tc, { state: "loading" })
 	});
 }
-function tc({ onRetry: e }) {
+function oc({ onRetry: e }) {
 	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col items-center gap-3 p-12",
 		children: [
@@ -5508,7 +5592,7 @@ function tc({ onRetry: e }) {
 				className: "text-sm text-destructive",
 				children: "Failed to load trace details"
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(L, {
 				variant: "outline",
 				size: "sm",
 				onClick: e,
@@ -5517,13 +5601,13 @@ function tc({ onRetry: e }) {
 		]
 	});
 }
-function nc({ onBack: e }) {
+function sc({ onBack: e }) {
 	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col items-center justify-center gap-4 p-12 text-center",
 		children: [/* @__PURE__ */ A("p", {
 			className: "text-sm font-medium text-muted-foreground",
 			children: "Trace not found"
-		}), /* @__PURE__ */ j(F, {
+		}), /* @__PURE__ */ j(L, {
 			variant: "outline",
 			size: "sm",
 			onClick: e,
@@ -5533,7 +5617,7 @@ function nc({ onBack: e }) {
 }
 //#endregion
 //#region src/traces/detail/TraceDetailPage.tsx
-function rc({ apiId: e }) {
+function cc({ apiId: e }) {
 	let t = Xt(), n = Yt(), r = e ?? t.apiId ?? "", i = t.traceId, { data: a, isLoading: o, isError: s, refetch: c } = jn({
 		apiId: r,
 		traceId: i
@@ -5542,54 +5626,108 @@ function rc({ apiId: e }) {
 		className: "flex flex-col",
 		children: [/* @__PURE__ */ A("div", {
 			className: "border-b px-6 py-3",
-			children: /* @__PURE__ */ j(F, {
+			children: /* @__PURE__ */ j(L, {
 				variant: "ghost",
 				size: "sm",
 				onClick: l,
 				children: [/* @__PURE__ */ A(nt, { className: "mr-1.5 size-4" }), "Back to traces"]
 			})
-		}), o ? /* @__PURE__ */ A(ec, {}) : s ? /* @__PURE__ */ A(tc, { onRetry: () => c() }) : a ? /* @__PURE__ */ A(Qs, { trace: a }) : /* @__PURE__ */ A(nc, { onBack: l })]
+		}), o ? /* @__PURE__ */ A(ac, {}) : s ? /* @__PURE__ */ A(oc, { onRetry: () => c() }) : a ? /* @__PURE__ */ A(rc, { trace: a }) : /* @__PURE__ */ A(sc, { onBack: l })]
 	});
 }
 //#endregion
 //#region src/traces/detail/TraceDetailDrawer.tsx
-function ic({ apiId: e, traceId: t, onClose: n, onNavigatePrev: r, onNavigateNext: i }) {
-	let { data: a, isLoading: o, isError: s, refetch: c } = jn({
+function lc({ apiId: e, traceId: t, onClose: n, onNavigatePrev: r, onNavigateNext: i, hasPrev: a = !0, hasNext: o = !0 }) {
+	let { data: s, isLoading: c, isError: l, refetch: u } = jn({
 		apiId: e,
 		traceId: t,
 		keepPreviousData: !0
 	});
-	return /* @__PURE__ */ A(os, {
+	return /* @__PURE__ */ j(cs, {
 		open: !!t,
 		onClose: n,
 		onNavigatePrev: r,
 		onNavigateNext: i,
-		children: t ? s ? /* @__PURE__ */ A(tc, { onRetry: () => c() }) : a ? /* @__PURE__ */ A(Qs, { trace: a }) : o ? /* @__PURE__ */ A(ec, {}) : null : a ? /* @__PURE__ */ A(Qs, { trace: a }) : null
+		children: [/* @__PURE__ */ A(uc, {
+			onClose: n,
+			onNavigatePrev: r,
+			onNavigateNext: i,
+			hasPrev: a,
+			hasNext: o
+		}), t ? l ? /* @__PURE__ */ A(oc, { onRetry: () => u() }) : s ? /* @__PURE__ */ A(rc, { trace: s }) : c ? /* @__PURE__ */ A(ac, {}) : null : s ? /* @__PURE__ */ A(rc, { trace: s }) : null]
+	});
+}
+function uc({ onClose: e, onNavigatePrev: t, onNavigateNext: n, hasPrev: r, hasNext: i }) {
+	let { expanded: a, setExpanded: o } = as();
+	return /* @__PURE__ */ j("div", {
+		className: "sticky top-0 z-10 flex items-center justify-between gap-1 border-b bg-background/95 px-3 py-2 backdrop-blur",
+		role: "toolbar",
+		"aria-label": "Trace detail toolbar",
+		children: [/* @__PURE__ */ A("div", {
+			className: "flex items-center gap-0.5",
+			children: !!(t ?? n) && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(L, {
+				variant: "ghost",
+				size: "icon",
+				className: "size-7",
+				onClick: t,
+				disabled: !r,
+				"aria-label": "Previous trace",
+				children: /* @__PURE__ */ A(nt, { className: "size-4" })
+			}), /* @__PURE__ */ A(L, {
+				variant: "ghost",
+				size: "icon",
+				className: "size-7",
+				onClick: n,
+				disabled: !i,
+				"aria-label": "Next trace",
+				children: /* @__PURE__ */ A(rt, { className: "size-4" })
+			})] })
+		}), /* @__PURE__ */ j("div", {
+			className: "flex items-center gap-0.5",
+			children: [/* @__PURE__ */ A(V, { children: /* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(H, {
+				asChild: !0,
+				children: /* @__PURE__ */ A(L, {
+					variant: "ghost",
+					size: "icon",
+					className: "size-7",
+					onClick: () => o(!a),
+					"aria-label": a ? "Exit full screen" : "Full screen",
+					children: A(a ? vt : ft, { className: "size-4" })
+				})
+			}), /* @__PURE__ */ A(B, { children: a ? "Exit full screen" : "Full screen" })] }) }), /* @__PURE__ */ A(L, {
+				variant: "ghost",
+				size: "icon",
+				className: "size-7",
+				onClick: e,
+				"aria-label": "Close trace detail",
+				children: /* @__PURE__ */ A(wt, { className: "size-4" })
+			})]
+		})]
 	});
 }
 //#endregion
 //#region src/data-sources/filter-serialization.ts
-var ac = [
+var dc = [
 	"eq",
 	"in",
 	"lte",
 	"gte"
 ];
-function oc(e) {
-	return ac.includes(e);
+function fc(e) {
+	return dc.includes(e);
 }
-var sc = {
+var pc = {
 	eq: "EQ",
 	in: "IN",
 	lte: "LTE",
 	gte: "GTE"
 };
-function cc(e) {
-	if (!oc(e.operator)) throw Error(`[gamma-lib-observability] Filter operator "${e.operator}" on field "${e.field}" is not supported by the Gravitee Management v2 API. Supported operators: ${ac.join(", ")}.`);
+function mc(e) {
+	if (!fc(e.operator)) throw Error(`[gamma-lib-observability] Filter operator "${e.operator}" on field "${e.field}" is not supported by the Gravitee Management v2 API. Supported operators: ${dc.join(", ")}.`);
 	let t = e.value[0];
 	if (t === void 0) throw Error(`[gamma-lib-observability] Filter on field "${e.field}" with operator "${e.operator}" has no value — every supported operator requires at least one value.`);
 	switch (e.operator) {
-		case "eq": return lc(e, "eq", "in"), {
+		case "eq": return hc(e, "eq", "in"), {
 			name: e.field,
 			operator: "EQ",
 			value: t
@@ -5601,11 +5739,11 @@ function cc(e) {
 		};
 		case "lte":
 		case "gte": {
-			lc(e, e.operator);
-			let n = uc(e, t);
+			hc(e, e.operator);
+			let n = gc(e, t);
 			return {
 				name: e.field,
-				operator: sc[e.operator],
+				operator: pc[e.operator],
 				value: n
 			};
 		}
@@ -5615,50 +5753,50 @@ function cc(e) {
 		}
 	}
 }
-function lc(e, t, n) {
+function hc(e, t, n) {
 	if (e.value.length <= 1) return;
 	let r = n ? ` Use "${n}" for multi-value membership.` : "";
 	throw Error(`[gamma-lib-observability] Filter on field "${e.field}" with operator "${t}" received ${e.value.length} values; "${t}" expects a single value.${r}`);
 }
-function uc(e, t) {
+function gc(e, t) {
 	let n = t.trim();
 	if (n === "") throw Error(`[gamma-lib-observability] Filter on field "${e.field}" with operator "${e.operator}" expects a numeric value but received an empty string.`);
 	let r = Number(n);
 	if (Number.isNaN(r)) throw Error(`[gamma-lib-observability] Filter on field "${e.field}" with operator "${e.operator}" expects a numeric value but received "${t}".`);
 	return r;
 }
-function dc(e) {
-	if (e?.length) return e.map(cc);
+function _c(e) {
+	if (e?.length) return e.map(mc);
 }
 //#endregion
 //#region src/data-sources/http-utils.ts
-function fc(e) {
+function vc(e) {
 	if (e) return typeof e == "function" ? e() : e;
 }
-function pc(...e) {
+function yc(...e) {
 	let t = new Headers();
 	for (let n of e) n && new Headers(n).forEach((e, n) => t.set(n, e));
 	return t;
 }
 //#endregion
 //#region src/data-sources/http-data-source.ts
-var mc = {
+var bc = {
 	name: "HTTP_REQUESTS",
 	measures: [rn]
 };
-function hc(e) {
+function xc(e) {
 	return e.metrics.map((e) => ({
 		name: e.name,
 		unit: e.unit,
 		measures: e.measures ?? []
 	}));
 }
-function gc(e, t = "", n = "") {
+function Sc(e, t = "", n = "") {
 	let r = [];
 	for (let i of e) {
 		let e = t ? `${t} / ${i.key}` : i.key, a = n ? `${n} › ${i.name ?? i.key}` : i.name ?? i.key;
 		if (i.type === "GROUP" && i.buckets?.length) {
-			r.push(...gc(i.buckets, e, a));
+			r.push(...Sc(i.buckets, e, a));
 			continue;
 		}
 		r.push({
@@ -5669,12 +5807,12 @@ function gc(e, t = "", n = "") {
 	}
 	return r;
 }
-function _c(e) {
+function Cc(e) {
 	let t = [];
-	for (let n of e.metrics) n.buckets && t.push(...gc(n.buckets));
+	for (let n of e.metrics) n.buckets && t.push(...Sc(n.buckets));
 	return t;
 }
-function vc(e) {
+function wc(e) {
 	let t = [];
 	for (let n of e.metrics) if (n.buckets) if (n.buckets.some((e) => e.type === "GROUP" && e.buckets?.length)) {
 		let e = /* @__PURE__ */ new Map();
@@ -5711,47 +5849,47 @@ function vc(e) {
 	}
 	return t;
 }
-function yc(e) {
+function Tc(e) {
 	return {
 		...e,
 		measures: e.measures?.length ? e.measures : [rn]
 	};
 }
-function bc(e) {
-	let t = Cc(e);
-	return t.metrics = e.metrics.map(wc), t;
+function Ec(e) {
+	let t = kc(e);
+	return t.metrics = e.metrics.map(Ac), t;
 }
-function xc(e) {
-	let t = Cc(e);
-	return t.interval = e.interval, t.metrics = e.metrics.map(wc), e.by?.length && (t.by = e.by), e.ranges?.length && (t.ranges = e.ranges), e.limit !== void 0 && (t.limit = e.limit), t;
+function Dc(e) {
+	let t = kc(e);
+	return t.interval = e.interval, t.metrics = e.metrics.map(Ac), e.by?.length && (t.by = e.by), e.ranges?.length && (t.ranges = e.ranges), e.limit !== void 0 && (t.limit = e.limit), t;
 }
-function Sc(e, t) {
-	let n = Cc(e);
-	return n.by = e.by, n.metrics = (e.metrics?.length ? e.metrics : [t]).map(wc), e.ranges?.length && (n.ranges = e.ranges), e.limit !== void 0 && (n.limit = e.limit), n;
+function Oc(e, t) {
+	let n = kc(e);
+	return n.by = e.by, n.metrics = (e.metrics?.length ? e.metrics : [t]).map(Ac), e.ranges?.length && (n.ranges = e.ranges), e.limit !== void 0 && (n.limit = e.limit), n;
 }
-function Cc(e) {
+function kc(e) {
 	let t = mi(e.timeRange), n = { timeRange: {
 		from: new Date(t.from).toISOString(),
 		to: new Date(t.to).toISOString()
-	} }, r = dc(e.filters);
+	} }, r = _c(e.filters);
 	return r && (n.filters = r), n;
 }
-function wc(e) {
-	let t = yc(e), n = {
+function Ac(e) {
+	let t = Tc(e), n = {
 		name: t.name,
 		measures: t.measures
-	}, r = dc(e.filters);
+	}, r = _c(e.filters);
 	return r && (n.filters = r), "sorts" in e && e.sorts?.length && (n.sorts = e.sorts), n;
 }
-function Tc(e, t) {
+function jc(e, t) {
 	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = {
-		name: t?.defaultFacetMetric?.name ?? mc.name,
-		measures: t?.defaultFacetMetric?.measures?.length ? [...t.defaultFacetMetric.measures] : [...mc.measures]
+		name: t?.defaultFacetMetric?.name ?? bc.name,
+		measures: t?.defaultFacetMetric?.measures?.length ? [...t.defaultFacetMetric.measures] : [...bc.measures]
 	};
 	async function a(i, a, o) {
 		let s = {
 			method: "POST",
-			headers: pc({ "Content-Type": "application/json" }, fc(t?.headers)),
+			headers: yc({ "Content-Type": "application/json" }, vc(t?.headers)),
 			body: JSON.stringify(a),
 			signal: o
 		};
@@ -5762,19 +5900,19 @@ function Tc(e, t) {
 	}
 	return {
 		async fetchTimeSeries(e) {
-			return vc(await a("/analytics/time-series", xc(e), e.signal));
+			return wc(await a("/analytics/time-series", Dc(e), e.signal));
 		},
 		async fetchFacets(e) {
-			return _c(await a("/analytics/facets", Sc(e, i), e.signal));
+			return Cc(await a("/analytics/facets", Oc(e, i), e.signal));
 		},
 		async fetchMeasures(e) {
-			return hc(await a("/analytics/measures", bc(e), e.signal));
+			return xc(await a("/analytics/measures", Ec(e), e.signal));
 		}
 	};
 }
 //#endregion
 //#region src/data-sources/http-filter-source.ts
-function Ec(e) {
+function Mc(e) {
 	return {
 		EQ: "eq",
 		IN: "in",
@@ -5787,14 +5925,14 @@ function Ec(e) {
 		CONTAINS: "contains"
 	}[e] ?? e.toLowerCase();
 }
-function Dc(e) {
+function Nc(e) {
 	return e === "ENUM" ? "enum" : "async";
 }
-function Oc(e, t) {
+function Pc(e, t) {
 	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials;
 	function i(e) {
-		let n = { ...e }, i = fc(t?.headers);
-		return (e?.headers || i) && (n.headers = pc(e?.headers, i)), r && (n.credentials = r), n;
+		let n = { ...e }, i = vc(t?.headers);
+		return (e?.headers || i) && (n.headers = yc(e?.headers, i)), r && (n.credentials = r), n;
 	}
 	function a(t) {
 		return async (r) => {
@@ -5820,7 +5958,7 @@ function Oc(e, t) {
 			let r = await n(`${e}/observability/filters/definition`, i({ signal: t }));
 			if (!r.ok) throw Error(`[gamma-lib-observability] HTTP ${r.status} on GET filters/definition`);
 			return (await r.json()).data.map((e) => {
-				let t = Dc(e.type), n = e.operators.map(Ec), r = e.apiTypes;
+				let t = Nc(e.type), n = e.operators.map(Mc), r = e.apiTypes;
 				if (t === "enum") {
 					let i = (e.enumValues ?? []).map((e) => ({
 						value: e,
@@ -5861,13 +5999,13 @@ function Oc(e, t) {
 }
 //#endregion
 //#region src/data-sources/http-logs-source.ts
-var kc = "/logs/search", Ac = 10 * 365.25 * 864e5;
-function jc(e, t) {
-	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = t?.searchPath ?? kc, a;
+var Fc = "/logs/search", Ic = 10 * 365.25 * 864e5;
+function Lc(e, t) {
+	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = t?.searchPath ?? Fc, a;
 	function o(e) {
 		let n = {
 			method: "POST",
-			headers: pc({ "Content-Type": "application/json" }, e, fc(t?.headers))
+			headers: yc({ "Content-Type": "application/json" }, e, vc(t?.headers))
 		};
 		return r && (n.credentials = r), n;
 	}
@@ -5887,7 +6025,7 @@ function jc(e, t) {
 		let r = {
 			timeRange: c(a ?? {
 				type: "absolute",
-				from: Date.now() - Ac,
+				from: Date.now() - Ic,
 				to: Date.now()
 			}),
 			filters: [{
@@ -5905,7 +6043,7 @@ function jc(e, t) {
 		async fetchLogs(e) {
 			let t = mi(e.timeRange);
 			a = t;
-			let r = dc(e.filters), l = { timeRange: c(t) };
+			let r = _c(e.filters), l = { timeRange: c(t) };
 			r && (l.filters = r);
 			let u = o();
 			u.body = JSON.stringify(l), e.signal && (u.signal = e.signal);
@@ -5924,30 +6062,30 @@ function jc(e, t) {
 }
 //#endregion
 //#region src/data-sources/http-traces-source.ts
-var Mc = "/observability/traces/search";
-function Nc(e) {
+var Rc = "/observability/traces/search";
+function zc(e) {
 	return e / 1e6;
 }
-function Pc(e) {
+function Bc(e) {
 	return e;
 }
-function Fc(e) {
+function Vc(e) {
 	return {
 		name: e.name,
 		timestampEpochMs: e.timestampEpochMs,
-		attributes: Pc(e.attributes)
+		attributes: Bc(e.attributes)
 	};
 }
-function Ic(e) {
+function Hc(e) {
 	return {
 		timestampEpochMs: e.timestampEpochMs,
 		body: e.body,
 		severity: e.severity,
-		attributes: Pc(e.attributes)
+		attributes: Bc(e.attributes)
 	};
 }
-function Lc(e) {
-	let t = Nc(e.durationNanos);
+function Uc(e) {
+	let t = zc(e.durationNanos);
 	return {
 		traceId: e.traceId,
 		rootOperationName: e.rootOperationName,
@@ -5958,8 +6096,8 @@ function Lc(e) {
 		status: e.status
 	};
 }
-function Rc(e) {
-	let t = e.startTimeEpochMs, n = Nc(e.durationNanos);
+function Wc(e) {
+	let t = e.startTimeEpochMs, n = zc(e.durationNanos);
 	return {
 		traceId: e.traceId,
 		spanId: e.spanId,
@@ -5972,27 +6110,27 @@ function Rc(e) {
 		status: e.status,
 		kind: e.kind,
 		attributes: e.attributes,
-		events: e.events.map(Fc),
-		payloadLogs: e.payloadLogs.map(Ic)
+		events: e.events.map(Vc),
+		payloadLogs: e.payloadLogs.map(Hc)
 	};
 }
-function zc(e) {
-	let t = e.spans.map(Rc);
+function Gc(e) {
+	let t = e.spans.map(Wc);
 	return {
-		...Lc(e),
+		...Uc(e),
 		spanCount: t.length,
 		spans: t
 	};
 }
-function Bc(e) {
+function Kc(e) {
 	return e.endsWith("/search") ? e.slice(0, -7) : e;
 }
-function Vc(e, t) {
-	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = t?.searchPath ?? Mc, a = Bc(i);
+function qc(e, t) {
+	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = t?.searchPath ?? Rc, a = Kc(i);
 	function o(e) {
 		let n = {
 			method: e,
-			headers: pc(e === "GET" ? void 0 : { "Content-Type": "application/json" }, fc(t?.headers))
+			headers: yc(e === "GET" ? void 0 : { "Content-Type": "application/json" }, vc(t?.headers))
 		};
 		return r && (n.credentials = r), n;
 	}
@@ -6010,7 +6148,7 @@ function Vc(e, t) {
 	}
 	return {
 		async fetchTraces(e) {
-			let t = mi(e.timeRange), r = dc(e.filters), a = {
+			let t = mi(e.timeRange), r = _c(e.filters), a = {
 				apiId: e.apiId,
 				timeRange: c(t)
 			};
@@ -6021,7 +6159,7 @@ function Vc(e, t) {
 			if (!u.ok) throw Error(`[gamma-lib-observability] HTTP ${u.status} on POST ${i}`);
 			let d = await u.json();
 			return {
-				entries: (d.data ?? []).map(Lc),
+				entries: (d.data ?? []).map(Uc),
 				totalCount: d.pagination?.totalCount,
 				page: d.pagination?.page,
 				pageCount: d.pagination?.pageCount
@@ -6032,14 +6170,14 @@ function Vc(e, t) {
 			t.signal && (i.signal = t.signal);
 			let s = await n(r, i);
 			if (!s.ok) throw Error(`[gamma-lib-observability] HTTP ${s.status} on GET ${a}/${t.traceId}`);
-			return zc(await s.json());
+			return Gc(await s.json());
 		}
 	};
 }
 //#endregion
 //#region src/routing/DashboardListPage.tsx
-function Hc({ templates: e }) {
-	let t = a(), n = E(() => Aa(e, t), [e, t]), r = E(() => [{
+function Jc({ templates: e }) {
+	let t = a(), n = E(() => ja(e, t), [e, t]), r = E(() => [{
 		id: "name",
 		accessorKey: "label",
 		header: "Name",
@@ -6062,7 +6200,7 @@ function Hc({ templates: e }) {
 		children: [/* @__PURE__ */ A("h1", {
 			className: "text-lg font-semibold",
 			children: "Dashboards"
-		}), /* @__PURE__ */ A(xe, {
+		}), /* @__PURE__ */ A(be, {
 			columns: r,
 			data: n,
 			emptyMessage: "No dashboards available.",
@@ -6072,7 +6210,7 @@ function Hc({ templates: e }) {
 }
 //#endregion
 //#region src/routing/detail-filter.ts
-function Uc(e, t, n) {
+function Yc(e, t, n) {
 	let r = e.filter((e) => e.field !== t);
 	return r.push({
 		field: t,
@@ -6081,7 +6219,7 @@ function Uc(e, t, n) {
 		value: [n]
 	}), r;
 }
-function Wc(e, t) {
+function Xc(e, t) {
 	let n = qn({
 		conditions: [...e],
 		timeRange: t
@@ -6090,9 +6228,9 @@ function Wc(e, t) {
 }
 //#endregion
 //#region src/routing/LogsRouteElement.tsx
-function Gc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, detailMode: i, pageSize: a, scopeFilterField: o, columnVisibilityStorageKey: s, analyticsFilterMapping: c }) {
+function Zc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, detailMode: i, pageSize: a, scopeFilterField: o, columnVisibilityStorageKey: s, analyticsFilterMapping: c }) {
 	let l = !n && !!r && !!t;
-	return l && i === "drawer" && r && t ? /* @__PURE__ */ A(Kc, {
+	return l && i === "drawer" && r && t ? /* @__PURE__ */ A(Qc, {
 		columns: e,
 		getRowId: t,
 		detailConfig: r,
@@ -6100,7 +6238,7 @@ function Gc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, d
 		scopeFilterField: o,
 		columnVisibilityStorageKey: s,
 		analyticsFilterMapping: c
-	}) : /* @__PURE__ */ A(qc, {
+	}) : /* @__PURE__ */ A($c, {
 		columns: e,
 		getRowId: t,
 		onRowClickOverride: n,
@@ -6111,13 +6249,13 @@ function Gc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, d
 		analyticsFilterMapping: c
 	});
 }
-function Kc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilterField: i, columnVisibilityStorageKey: a, analyticsFilterMapping: o }) {
-	let [s, c] = O(void 0), [l, u] = O([]), { filters: d, setFilters: f } = La(), p = E(() => s ? l.findIndex((e) => t(e) === s) : -1, [
+function Qc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilterField: i, columnVisibilityStorageKey: a, analyticsFilterMapping: o }) {
+	let [s, c] = O(void 0), [l, u] = O([]), { filters: d, setFilters: f } = Ra(), p = E(() => s ? l.findIndex((e) => t(e) === s) : -1, [
 		s,
 		l,
 		t
 	]), m = C((e) => c(t(e)), [t]), h = C((e, t) => {
-		f(Uc(d, e, t)), c(void 0);
+		f(Yc(d, e, t)), c(void 0);
 	}, [d, f]), g = C(() => {
 		let e = l[p - 1];
 		e && c(t(e));
@@ -6133,7 +6271,7 @@ function Kc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilter
 		p,
 		t
 	]);
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(go, {
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(_o, {
 		columns: e,
 		onRowClick: m,
 		getRowId: t,
@@ -6142,7 +6280,7 @@ function Kc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilter
 		scopeFilterField: i,
 		columnVisibilityStorageKey: a,
 		analyticsFilterMapping: o
-	}), /* @__PURE__ */ A(vs, {
+	}), /* @__PURE__ */ A(bs, {
 		config: n,
 		logId: s,
 		onClose: () => c(void 0),
@@ -6153,9 +6291,9 @@ function Kc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilter
 		hasNext: p >= 0 && p < l.length - 1
 	})] });
 }
-function qc({ columns: e, getRowId: t, onRowClickOverride: n, builtInDetailEnabled: r, pageSize: i, scopeFilterField: a, columnVisibilityStorageKey: o, analyticsFilterMapping: s }) {
+function $c({ columns: e, getRowId: t, onRowClickOverride: n, builtInDetailEnabled: r, pageSize: i, scopeFilterField: a, columnVisibilityStorageKey: o, analyticsFilterMapping: s }) {
 	let c = Yt(), { pathname: l } = Jt();
-	return /* @__PURE__ */ A(go, {
+	return /* @__PURE__ */ A(_o, {
 		columns: e,
 		onRowClick: E(() => {
 			if (n) return n;
@@ -6179,15 +6317,15 @@ function qc({ columns: e, getRowId: t, onRowClickOverride: n, builtInDetailEnabl
 }
 //#endregion
 //#region src/routing/ObservabilityDashboardPage.tsx
-function Jc(e) {
+function el(e) {
 	let [t] = Zt(), n = t.get("live");
 	return /* @__PURE__ */ A(sn, {
 		config: { defaultEnabled: n === "1" || n === "true" },
-		children: /* @__PURE__ */ A(Yc, { ...e })
+		children: /* @__PURE__ */ A(tl, { ...e })
 	});
 }
-function Yc({ templates: e, scopeFilterField: t, externalLinks: n }) {
-	let { dashboardId: r } = Xt(), i = a(), o = ln(), [, s] = Zt(), c = E(() => Aa(e, i), [e, i]).find((e) => e.id === r), { timeRange: l, filters: u, setTimeRange: d, setFilters: f } = La(), p = kn(u, fn()), m = o?.isLive ?? !1;
+function tl({ templates: e, scopeFilterField: t, externalLinks: n }) {
+	let { dashboardId: r } = Xt(), i = a(), o = ln(), [, s] = Zt(), c = E(() => ja(e, i), [e, i]).find((e) => e.id === r), { timeRange: l, filters: u, setTimeRange: d, setFilters: f } = Ra(), p = kn(u, fn()), m = o?.isLive ?? !1;
 	T(() => {
 		s((e) => {
 			let t = e.has("live");
@@ -6204,7 +6342,7 @@ function Yc({ templates: e, scopeFilterField: t, externalLinks: n }) {
 	}, [m, s]);
 	let h = C((e) => {
 		e.type === "absolute" && o?.isLive && o.toggle(), d(e);
-	}, [d, o]), g = E(() => c ? ka(c, { capabilities: i }) : null, [c, i]);
+	}, [d, o]), g = E(() => c ? Aa(c, { capabilities: i }) : null, [c, i]);
 	return !c || !g ? /* @__PURE__ */ A("div", {
 		className: "flex items-center justify-center p-8 text-muted-foreground",
 		children: r ? `Dashboard "${r}" not found.` : "No dashboard available."
@@ -6231,14 +6369,14 @@ function Yc({ templates: e, scopeFilterField: t, externalLinks: n }) {
 						className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
 						children: [e.label, " →"]
 					}, e.label)),
-					/* @__PURE__ */ A(z, { children: /* @__PURE__ */ A(Ia, {}) }),
+					/* @__PURE__ */ A(V, { children: /* @__PURE__ */ A(La, {}) }),
 					/* @__PURE__ */ A(rr, {
 						value: l,
 						onChange: h
 					})
 				]
 			}),
-			/* @__PURE__ */ A(wa, {
+			/* @__PURE__ */ A(Ta, {
 				dashboard: g,
 				timeRange: l,
 				filters: u
@@ -6248,74 +6386,130 @@ function Yc({ templates: e, scopeFilterField: t, externalLinks: n }) {
 }
 //#endregion
 //#region src/routing/TracesRouteElement.tsx
-function Xc({ detailMode: e, pageSize: t, columnVisibilityStorageKey: n }) {
-	return A(e === "drawer" ? Zc : Qc, {
+function nl({ detailMode: e, pageSize: t, columnVisibilityStorageKey: n, toolbarStart: r, emptyVariant: i }) {
+	return A(e === "drawer" ? rl : il, {
 		pageSize: t,
-		columnVisibilityStorageKey: n
+		columnVisibilityStorageKey: n,
+		toolbarStart: r,
+		emptyVariant: i
 	});
 }
-function Zc({ pageSize: e, columnVisibilityStorageKey: t }) {
-	let { apiId: n } = Xt(), [r, i] = O(void 0), [a, o] = O([]), s = E(() => r ? a.findIndex((e) => e.traceId === r) : -1, [r, a]), c = C((e) => i(e.traceId), []), l = C(() => i(void 0), []), u = C(() => {
-		let e = a[s - 1];
-		e && i(e.traceId);
-	}, [a, s]), d = C(() => {
-		let e = a[s + 1];
-		e && i(e.traceId);
-	}, [a, s]);
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(As, {
-		onRowClick: c,
-		onPageDataChange: o,
+function rl({ pageSize: e, columnVisibilityStorageKey: t, toolbarStart: n, emptyVariant: r }) {
+	let { apiId: i } = Xt(), [a, o] = O(void 0), [s, c] = O([]), l = E(() => a ? s.findIndex((e) => e.traceId === a) : -1, [a, s]), u = C((e) => o(e.traceId), []), d = C(() => o(void 0), []), f = C(() => {
+		let e = s[l - 1];
+		e && o(e.traceId);
+	}, [s, l]), p = C(() => {
+		let e = s[l + 1];
+		e && o(e.traceId);
+	}, [s, l]);
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ns, {
+		onRowClick: u,
+		onPageDataChange: c,
 		pageSize: e,
-		columnVisibilityStorageKey: t
-	}), /* @__PURE__ */ A(ic, {
-		apiId: n ?? "",
-		traceId: r,
-		onClose: l,
-		onNavigatePrev: u,
-		onNavigateNext: d
+		columnVisibilityStorageKey: t,
+		toolbarStart: n,
+		emptyVariant: r
+	}), /* @__PURE__ */ A(lc, {
+		apiId: i ?? "",
+		traceId: a,
+		onClose: d,
+		onNavigatePrev: f,
+		onNavigateNext: p,
+		hasPrev: l > 0,
+		hasNext: l >= 0 && l < s.length - 1
 	})] });
 }
-function Qc({ pageSize: e, columnVisibilityStorageKey: t }) {
-	let n = Yt(), { pathname: r } = Jt(), { apiId: i } = Xt();
-	return /* @__PURE__ */ A(As, {
+function il({ pageSize: e, columnVisibilityStorageKey: t, toolbarStart: n, emptyVariant: r }) {
+	let i = Yt(), { pathname: a } = Jt(), { apiId: o } = Xt();
+	return /* @__PURE__ */ A(Ns, {
 		onRowClick: E(() => {
-			if (!i) return;
-			let e = r.replace(/\/$/, "");
-			return (t) => n(`${e}/${t.traceId}`);
+			if (!o) return;
+			let e = a.replace(/\/$/, "");
+			return (t) => i(`${e}/${t.traceId}`);
 		}, [
+			o,
 			i,
-			n,
-			r
+			a
 		]),
 		pageSize: e,
-		columnVisibilityStorageKey: t
+		columnVisibilityStorageKey: t,
+		toolbarStart: n,
+		emptyVariant: r
+	});
+}
+//#endregion
+//#region src/routing/TracingScreen.tsx
+function al(e) {
+	let t = typeof e == "function", n = N({
+		queryKey: J.tracingApis(),
+		queryFn: ({ signal: t }) => e(t),
+		enabled: t,
+		staleTime: 300 * 1e3
+	});
+	return e === void 0 ? {
+		options: void 0,
+		loading: !1,
+		error: !1,
+		refetch: () => {}
+	} : t ? {
+		options: n.data,
+		loading: n.isLoading,
+		error: n.isError,
+		refetch: () => n.refetch()
+	} : {
+		options: e,
+		loading: !1,
+		error: !1,
+		refetch: () => {}
+	};
+}
+function ol({ loadTracingApis: e, detailMode: t = "drawer", pageSize: n, columnVisibilityStorageKey: r }) {
+	let { apiId: i } = Xt(), a = Yt(), { pathname: o } = Jt(), { options: s, loading: c, error: l, refetch: u } = al(e), d = e !== void 0, f = E(() => {
+		let e = o.replace(/\/+$/, "");
+		if (!i) return e;
+		let t = e.lastIndexOf("/");
+		return t > 0 ? e.slice(0, t) : e;
+	}, [o, i]), p = C((e) => a(`${f}/${encodeURIComponent(e)}`), [a, f]);
+	return /* @__PURE__ */ A(nl, {
+		detailMode: t,
+		pageSize: n,
+		columnVisibilityStorageKey: r,
+		toolbarStart: d ? /* @__PURE__ */ A(Fs, {
+			options: s ?? [],
+			value: i,
+			onSelect: p,
+			loading: c,
+			error: l,
+			onRetry: u
+		}) : void 0,
+		emptyVariant: i ? "no-traces" : d ? "no-api-selected" : "no-api-loader"
 	});
 }
 //#endregion
 //#region src/routing/ObservabilityRoutes.tsx
-var $c = [];
-function el(e, t, n) {
+var sl = [];
+function cl(e, t, n) {
 	return e ? /* @__PURE__ */ A(g, {
 		dataSource: t,
 		children: n
 	}) : n;
 }
-function tl(e, t, n) {
+function ll(e, t, n) {
 	return e ? /* @__PURE__ */ A(s, {
 		dataSource: t,
 		children: n
 	}) : n;
 }
-function nl({ children: e }) {
+function ul({ children: e }) {
 	let t = fn(), { data: n, isLoading: r, isError: i } = N({
 		queryKey: ["observability", "filter-definitions"],
 		queryFn: ({ signal: e }) => t.fetchFilterDefinitions(e),
 		enabled: !!t,
 		staleTime: 300 * 1e3
 	});
-	return r ? /* @__PURE__ */ A(rl, {}) : i || !n ? /* @__PURE__ */ A(k, { children: e([]) }) : /* @__PURE__ */ A(k, { children: e(n) });
+	return r ? /* @__PURE__ */ A(dl, {}) : i || !n ? /* @__PURE__ */ A(k, { children: e([]) }) : /* @__PURE__ */ A(k, { children: e(n) });
 }
-function rl() {
+function dl() {
 	return /* @__PURE__ */ j("div", {
 		className: "flex items-center gap-2 p-4",
 		children: [
@@ -6325,124 +6519,140 @@ function rl() {
 		]
 	});
 }
-function il({ templates: e, contextFilters: t }) {
-	let n = a(), r = E(() => Aa(e, n), [e, n]);
+function fl({ templates: e, contextFilters: t }) {
+	let n = a(), r = E(() => ja(e, n), [e, n]);
 	return r.length === 1 && r[0] ? /* @__PURE__ */ A(Kt, {
 		to: `./${r[0].id}`,
 		replace: !0
 	}) : /* @__PURE__ */ A(bn, {
 		filters: t,
-		children: /* @__PURE__ */ A(Hc, { templates: e })
+		children: /* @__PURE__ */ A(Jc, { templates: e })
 	});
 }
-function al({ baseUrl: e, http: n, dataSource: r, filterProviders: o, logsPage: s, logsDataSource: l, logsColumns: u, logsOnRowClick: d, logsGetRowId: f, logsDetailBasePath: p, tracesDataSource: g, config: _ }) {
-	let v = hn(), y = n ?? v, b = a(), x = c(), S = E(() => Tc(e, y), [e, y]), ee = r !== void 0 || x === null, te = r ?? x ?? S, ne = E(() => Oc(e, y), [e, y]), re = i(), C = E(() => _.features.logs?.enabled ? jc(e, y) : void 0, [
+function pl({ baseUrl: e, http: n, dataSource: r, filterProviders: o, logsPage: s, logsDataSource: l, logsColumns: u, logsOnRowClick: d, logsGetRowId: f, logsDetailBasePath: p, tracesDataSource: g, loadTracingApis: _, config: v }) {
+	let y = hn(), b = n ?? y, x = a(), S = c(), ee = E(() => jc(e, b), [e, b]), te = r !== void 0 || S === null, ne = r ?? S ?? ee, re = E(() => Pc(e, b), [e, b]), C = i(), w = E(() => v.features.logs?.enabled ? Lc(e, b) : void 0, [
 		e,
-		y,
-		_.features.logs?.enabled
-	]), w = l ?? re ?? C, T = l !== void 0 || re === null, ie = t(), D = E(() => _.features.tracing?.enabled ? Vc(e, y) : void 0, [
+		b,
+		v.features.logs?.enabled
+	]), T = l ?? C ?? w, ie = l !== void 0 || C === null, D = t(), O = E(() => v.features.tracing?.enabled ? qc(e, b) : void 0, [
 		e,
-		y,
-		_.features.tracing?.enabled
-	]), O = g ?? ie ?? D, ae = g !== void 0 || ie === null, M = _.features.dashboards, N = _.features.logs, oe = _.features.tracing, se = M?.contextFilters ?? $c, ce = N?.contextFilters ?? $c, le = N?.enabled, P = N?.logDetail, F = N?.analyticsFilterMapping, ue = E(() => {
-		if (le) return P || Xo({
+		b,
+		v.features.tracing?.enabled
+	]), M = g ?? D ?? O, ae = g !== void 0 || D === null, N = v.features.dashboards, P = v.features.logs, F = v.features.tracing, oe = N?.contextFilters ?? sl, se = P?.contextFilters ?? sl, I = P?.enabled, L = P?.logDetail, ce = P?.analyticsFilterMapping, le = E(() => {
+		if (I) return L || Qo({
 			basePath: p ?? "",
-			contextChart: { analyticsFilterMapping: F }
+			contextChart: { analyticsFilterMapping: ce }
 		});
 	}, [
-		le,
-		P,
-		F,
+		I,
+		L,
+		ce,
 		p
-	]), de = N?.detailMode ?? "drawer", fe = (e) => /* @__PURE__ */ A(h, {
+	]), ue = P?.detailMode ?? "drawer", de = (e) => /* @__PURE__ */ A(h, {
 		providers: e,
 		children: /* @__PURE__ */ j(qt, { children: [
-			M?.enabled && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(U, {
+			N?.enabled && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(G, {
 				path: "dashboards",
-				element: /* @__PURE__ */ A(il, {
-					templates: M.templates,
-					contextFilters: se
+				element: /* @__PURE__ */ A(fl, {
+					templates: N.templates,
+					contextFilters: oe
 				})
-			}), /* @__PURE__ */ A(U, {
+			}), /* @__PURE__ */ A(G, {
 				path: "dashboards/:dashboardId",
 				element: /* @__PURE__ */ A(bn, {
-					filters: se,
-					children: /* @__PURE__ */ A(Jc, {
-						templates: M.templates,
-						scopeFilterField: M.scopeFilterField,
-						externalLinks: M.externalLinks
+					filters: oe,
+					children: /* @__PURE__ */ A(el, {
+						templates: N.templates,
+						scopeFilterField: N.scopeFilterField,
+						externalLinks: N.externalLinks
 					})
 				})
 			})] }),
-			_.features.logs?.enabled && /* @__PURE__ */ A(U, {
+			v.features.logs?.enabled && /* @__PURE__ */ A(G, {
 				path: "logs",
 				element: /* @__PURE__ */ A(bn, {
-					filters: ce,
-					children: s ?? (w && u ? el(T, w, /* @__PURE__ */ A(Gc, {
+					filters: se,
+					children: s ?? (T && u ? cl(ie, T, /* @__PURE__ */ A(Zc, {
 						columns: u,
 						getRowId: f,
 						onRowClickOverride: d,
-						detailConfig: ue,
-						detailMode: de,
-						pageSize: N?.pageSize,
-						scopeFilterField: N?.scopeFilterField,
-						columnVisibilityStorageKey: N?.columnVisibilityStorageKey,
-						analyticsFilterMapping: N?.analyticsFilterMapping
+						detailConfig: le,
+						detailMode: ue,
+						pageSize: P?.pageSize,
+						scopeFilterField: P?.scopeFilterField,
+						columnVisibilityStorageKey: P?.columnVisibilityStorageKey,
+						analyticsFilterMapping: P?.analyticsFilterMapping
 					})) : /* @__PURE__ */ A("div", {
 						className: "flex items-center justify-center p-8 text-muted-foreground",
 						children: "Logs feature enabled but no page provided."
 					}))
 				})
 			}),
-			_.features.logs?.enabled && ue && w && /* @__PURE__ */ A(U, {
+			v.features.logs?.enabled && le && T && /* @__PURE__ */ A(G, {
 				path: "logs/:logId",
 				element: /* @__PURE__ */ A(bn, {
-					filters: ce,
-					children: el(T, w, /* @__PURE__ */ A(ol, { config: ue }))
+					filters: se,
+					children: cl(ie, T, /* @__PURE__ */ A(ml, { config: le }))
 				})
 			}),
-			oe?.enabled && b["observability.traces.read"] && O && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(U, {
-				path: "tracing/:apiId",
-				element: tl(ae, O, /* @__PURE__ */ A(Xc, {
-					detailMode: oe.detailMode ?? "page",
-					pageSize: oe.pageSize,
-					columnVisibilityStorageKey: oe.columnVisibilityStorageKey
-				}))
-			}), /* @__PURE__ */ A(U, {
-				path: "tracing/:apiId/:traceId",
-				element: tl(ae, O, /* @__PURE__ */ A(rc, {}))
-			})] }),
-			/* @__PURE__ */ A(U, {
+			F?.enabled && x["observability.traces.read"] && M && /* @__PURE__ */ j(k, { children: [
+				/* @__PURE__ */ A(G, {
+					path: "tracing",
+					element: ll(ae, M, /* @__PURE__ */ A(ol, {
+						loadTracingApis: _,
+						detailMode: F.detailMode ?? "drawer",
+						pageSize: F.pageSize,
+						columnVisibilityStorageKey: F.columnVisibilityStorageKey
+					}))
+				}),
+				/* @__PURE__ */ A(G, {
+					path: "tracing/:apiId",
+					element: ll(ae, M, /* @__PURE__ */ A(ol, {
+						loadTracingApis: _,
+						detailMode: F.detailMode ?? "drawer",
+						pageSize: F.pageSize,
+						columnVisibilityStorageKey: F.columnVisibilityStorageKey
+					}))
+				}),
+				/* @__PURE__ */ A(G, {
+					path: "tracing/:apiId/:traceId",
+					element: ll(ae, M, /* @__PURE__ */ A(cc, {}))
+				})
+			] }),
+			/* @__PURE__ */ A(G, {
 				path: "*",
-				element: M?.enabled ? /* @__PURE__ */ A(Kt, {
+				element: N?.enabled ? /* @__PURE__ */ A(Kt, {
 					to: "dashboards",
 					replace: !0
-				}) : _.features.logs?.enabled ? /* @__PURE__ */ A(Kt, {
+				}) : v.features.logs?.enabled ? /* @__PURE__ */ A(Kt, {
 					to: "logs",
 					replace: !0
+				}) : F?.enabled ? /* @__PURE__ */ A(Kt, {
+					to: "tracing",
+					replace: !0
 				}) : /* @__PURE__ */ A("div", {
 					className: "flex items-center justify-center p-8 text-muted-foreground",
 					children: "No observability features enabled."
 				})
 			})
 		] })
-	}), pe = M?.enabled || N?.enabled ? /* @__PURE__ */ A(dn, {
-		source: ne,
-		children: o ? fe(o) : /* @__PURE__ */ A(nl, { children: (e) => fe(e) })
-	}) : fe(o ?? []);
-	return ee ? /* @__PURE__ */ A(m, {
-		dataSource: te,
-		children: pe
-	}) : pe;
-}
-function ol({ config: e }) {
-	let t = Yt(), { filters: n, timeRange: r } = La();
-	return /* @__PURE__ */ A(bs, {
+	}), fe = N?.enabled || P?.enabled ? /* @__PURE__ */ A(dn, {
+		source: re,
+		children: o ? de(o) : /* @__PURE__ */ A(ul, { children: (e) => de(e) })
+	}) : de(o ?? []);
+	return te ? /* @__PURE__ */ A(m, {
+		dataSource: ne,
+		children: fe
+	}) : fe;
+}
+function ml({ config: e }) {
+	let t = Yt(), { filters: n, timeRange: r } = Ra();
+	return /* @__PURE__ */ A(Ss, {
 		config: e,
 		onFilter: C((e, i) => {
 			t({
 				pathname: "..",
-				search: Wc(Uc(n, e, i), r)
+				search: Xc(Yc(n, e, i), r)
 			}, { relative: "path" });
 		}, [
 			n,
@@ -6453,7 +6663,7 @@ function ol({ config: e }) {
 }
 //#endregion
 //#region src/routing/define-observability-features.ts
-var sl = {
+var hl = {
 	dashboards: {
 		icon: st,
 		title: "Dashboards",
@@ -6470,13 +6680,13 @@ var sl = {
 		icon: St,
 		title: "Tracing",
 		order: 2,
-		showInNav: !1
+		showInNav: !0
 	}
 };
-function cl(e) {
-	let t = e.basePath ?? "observe", n = ll(e), r = ul(e, n, t), i = n.map((e) => `${t}/${e}`), a = dl(n, t);
+function gl(e) {
+	let t = e.basePath ?? "observe", n = _l(e), r = vl(e, n, t), i = n.map((e) => `${t}/${e}`), a = yl(n, t);
 	function o(t) {
-		return ee(al, {
+		return ee(pl, {
 			...t,
 			config: e
 		});
@@ -6505,13 +6715,13 @@ function cl(e) {
 		breadcrumbSegments: c
 	};
 }
-function ll(e) {
+function _l(e) {
 	let t = [];
-	return e.features.dashboards?.enabled && t.push("dashboards"), e.features.logs?.enabled && t.push("logs"), e.features.tracing?.enabled && t.push("tracing"), t.sort((e, t) => sl[e].order - sl[t].order);
+	return e.features.dashboards?.enabled && t.push("dashboards"), e.features.logs?.enabled && t.push("logs"), e.features.tracing?.enabled && t.push("tracing"), t.sort((e, t) => hl[e].order - hl[t].order);
 }
-function ul(e, t, n) {
-	let r = t.filter((e) => sl[e].showInNav).map((t) => {
-		let r = sl[t], i = e.nav.overrides?.[t];
+function vl(e, t, n) {
+	let r = t.filter((e) => hl[e].showInNav).map((t) => {
+		let r = hl[t], i = e.nav.overrides?.[t];
 		return {
 			key: `${n}/${t}`,
 			title: i?.title ?? r.title,
@@ -6523,10 +6733,10 @@ function ul(e, t, n) {
 		items: r
 	};
 }
-function dl(e, t) {
+function yl(e, t) {
 	let n = {};
 	for (let r of e) {
-		let e = sl[r], i = `${t}/${r}`;
+		let e = hl[r], i = `${t}/${r}`;
 		n[i] = {
 			path: `${t}/${r}`,
 			label: e.title
@@ -6536,7 +6746,7 @@ function dl(e, t) {
 }
 //#endregion
 //#region src/build-observability-base-url.ts
-function fl(e, t, n) {
+function bl(e, t, n) {
 	let r = e;
 	if (n?.useDevProxy) try {
 		r = new URL(r).pathname;
@@ -6544,4 +6754,4 @@ function fl(e, t, n) {
 	return r = r.replace(/\/+$/, ""), `${r}/v2/environments/${encodeURIComponent(t)}`;
 }
 //#endregion
-export { Ai as BarPresentation, Hn as CODEC_VERSION, o as CapabilityProvider, Gi as CartesianPresentation, bn as ContextFiltersProvider, Ui as DASHBOARD_BUCKET_TARGET, _ as DEFAULT_CAPABILITIES, rn as DEFAULT_MEASURE, Fn as DEFAULT_PERIOD, an as DEFAULT_REFRESH_INTERVAL_MS, G as DEFAULT_STALE_TIME, Un as DEFAULT_TIME_RANGE, f as DashboardPersistenceProvider, Ma as DashboardTemplatesProvider, wa as DashboardView, Yi as DoughnutPresentation, v as FILTER_OPERATORS, ci as FilterBar, $r as FilterChip, Gr as FilterPopoverForm, h as FilterProvidersProvider, Mi as HTTP_STATUS_PALETTE, mn as HttpProvider, Ia as LiveIndicator, sn as LiveRefreshProvider, X as LogDetailCodeBlock, ts as LogDetailContextChart, vs as LogDetailDrawer, os as LogDetailDrawerShell, Z as LogDetailEmptyField, us as LogDetailHeader, Q as LogDetailHeadersTable, To as LogDetailJsonTree, $ as LogDetailKeyValueGrid, ds as LogDetailMetrics, bs as LogDetailPage, ms as LogDetailSection, ps as LogDetailSections, Ba as LogSeverityBadge, Qa as LogTable, g as LogsDataSourceProvider, go as LogsExplorerPage, oa as MetricGroupPresentation, da as MetricPresentation, m as MetricsDataSourceProvider, zn as PERIOD_DISPLAY_LABELS, Rn as PERIOD_LABELS, In as PRESET_CATEGORIES, Ln as RELATIVE_PERIODS, Fs as SpanDetailPanel, rr as TimeRangePicker, ic as TraceDetailDrawer, rc as TraceDetailPage, Qs as TraceDetailShell, As as TraceExplorerPage, Ws as TraceLineage, Ss as TraceStatusBadge, ks as TraceTable, Xs as TraceTimeline, s as TracesDataSourceProvider, Da as WidgetGroup, ba as WidgetItem, xo as buildApiTypeLink, Yr as buildChipLabel, Xr as buildChipLabelParts, Zr as buildChipTooltip, So as buildDefaultConnectionLogColumns, Xo as buildDefaultLogDetailConfig, _o as buildLogsDeepLink, fl as buildObservabilityBaseUrl, Ms as buildTracesDeepLink, ga as clearWidgetRenderers, Wi as computeBucketInterval, aa as computePreviousTimeRange, $i as computeTrend, ko as connectionLogPreset, Tc as createHttpDataSource, Oc as createHttpFilterSource, jc as createHttpLogsSource, Vc as createHttpTracesSource, Jn as decodeObservabilityState, Oa as defineDashboardTemplate, fr as defineFilterProvider, qo as defineLogDetail, cl as defineObservabilityFeatures, qn as encodeObservabilityState, Zi as extractMeasureValue, ea as extractSparklineData, yi as facetsToBar, vi as facetsToDoughnut, ws as formatDuration, Cs as formatTraceTime, ir as getLocaleWeekStart, ha as getWidgetRenderer, en as isBarWidget, Qt as isCartesianWidget, $t as isDoughnutWidget, nn as isMetricGroupWidget, tn as isMetricWidget, Lr as isMultiSelectForFilter, $a as mapAnalyticsFilters, Qi as measureResultToMetric, q as mergeFilters, Li as mergeTimeSeriesToCartesian, Fo as messageLogPreset, Rr as normalizeMembershipOperatorForValues, K as observabilityQueryKeys, Pr as operatorLabel, Fr as operatorNeedsValue, va as registerDefaultRenderers, ma as registerWidgetRenderer, ka as resolveDashboardFromTemplate, Pi as resolveGroupColor, Jo as resolveLogDetailVariant, W as resolveMeasure, Yo as resolvePreset, dr as resolveRelativePeriod, mi as resolveStableTimeRange, a as useCapabilities, e as useCapability, J as useContextFilters, l as useDashboardPersistence, Pa as useDashboardTemplate, Na as useDashboardTemplates, Sn as useFacetsQuery, u as useFilterProvider, p as useFilterProviders, hn as useHttpOptions, cn as useLiveRefresh, rs as useLogDetailDrawerExpand, Cn as useLogDetailQuery, r as useLogsDataSource, Dn as useLogsPagedQuery, wn as useLogsQuery, On as useMeasuresQuery, bi as useMergedWidgetFilters, n as useMetricsDataSource, ln as useOptionalLiveRefresh, i as useOptionalLogsDataSource, c as useOptionalMetricsDataSource, t as useOptionalTracesDataSource, Y as useStableTimeRange, An as useTimeSeriesQuery, jn as useTraceDetailQuery, d as useTracesDataSource, Pn as useTracesPagedQuery, fi as useWidgetGroupContext, Bo as webhookLogPreset };
+export { ji as BarPresentation, Hn as CODEC_VERSION, o as CapabilityProvider, Ki as CartesianPresentation, bn as ContextFiltersProvider, Wi as DASHBOARD_BUCKET_TARGET, _ as DEFAULT_CAPABILITIES, rn as DEFAULT_MEASURE, Fn as DEFAULT_PERIOD, an as DEFAULT_REFRESH_INTERVAL_MS, q as DEFAULT_STALE_TIME, Un as DEFAULT_TIME_RANGE, f as DashboardPersistenceProvider, Na as DashboardTemplatesProvider, Ta as DashboardView, Xi as DoughnutPresentation, v as FILTER_OPERATORS, ci as FilterBar, $r as FilterChip, Gr as FilterPopoverForm, h as FilterProvidersProvider, Ni as HTTP_STATUS_PALETTE, mn as HttpProvider, La as LiveIndicator, sn as LiveRefreshProvider, Z as LogDetailCodeBlock, rs as LogDetailContextChart, bs as LogDetailDrawer, cs as LogDetailDrawerShell, Eo as LogDetailEmptyField, fs as LogDetailHeader, Q as LogDetailHeadersTable, Do as LogDetailJsonTree, $ as LogDetailKeyValueGrid, ps as LogDetailMetrics, Ss as LogDetailPage, gs as LogDetailSection, hs as LogDetailSections, Va as LogSeverityBadge, $a as LogTable, g as LogsDataSourceProvider, _o as LogsExplorerPage, sa as MetricGroupPresentation, fa as MetricPresentation, m as MetricsDataSourceProvider, zn as PERIOD_DISPLAY_LABELS, Rn as PERIOD_LABELS, In as PRESET_CATEGORIES, Ln as RELATIVE_PERIODS, zs as SpanDetailPanel, rr as TimeRangePicker, lc as TraceDetailDrawer, cc as TraceDetailPage, rc as TraceDetailShell, Ns as TraceExplorerPage, Ys as TraceLineage, ws as TraceStatusBadge, Ms as TraceTable, tc as TraceTimeline, s as TracesDataSourceProvider, Fs as TracingApiSelector, ol as TracingScreen, Oa as WidgetGroup, xa as WidgetItem, So as buildApiTypeLink, Yr as buildChipLabel, Xr as buildChipLabelParts, Zr as buildChipTooltip, Co as buildDefaultConnectionLogColumns, Qo as buildDefaultLogDetailConfig, vo as buildLogsDeepLink, bl as buildObservabilityBaseUrl, Is as buildTracesDeepLink, _a as clearWidgetRenderers, Gi as computeBucketInterval, oa as computePreviousTimeRange, ea as computeTrend, jo as connectionLogPreset, jc as createHttpDataSource, Pc as createHttpFilterSource, Lc as createHttpLogsSource, qc as createHttpTracesSource, Jn as decodeObservabilityState, ka as defineDashboardTemplate, fr as defineFilterProvider, Yo as defineLogDetail, gl as defineObservabilityFeatures, qn as encodeObservabilityState, Qi as extractMeasureValue, ta as extractSparklineData, bi as facetsToBar, yi as facetsToDoughnut, Es as formatDuration, Ts as formatTraceTime, ir as getLocaleWeekStart, ga as getWidgetRenderer, en as isBarWidget, Qt as isCartesianWidget, $t as isDoughnutWidget, nn as isMetricGroupWidget, tn as isMetricWidget, Lr as isMultiSelectForFilter, eo as mapAnalyticsFilters, $i as measureResultToMetric, Y as mergeFilters, Ri as mergeTimeSeriesToCartesian, Lo as messageLogPreset, Rr as normalizeMembershipOperatorForValues, J as observabilityQueryKeys, Pr as operatorLabel, Fr as operatorNeedsValue, ya as registerDefaultRenderers, ha as registerWidgetRenderer, Aa as resolveDashboardFromTemplate, Fi as resolveGroupColor, Xo as resolveLogDetailVariant, K as resolveMeasure, Zo as resolvePreset, dr as resolveRelativePeriod, mi as resolveStableTimeRange, a as useCapabilities, e as useCapability, X as useContextFilters, l as useDashboardPersistence, Fa as useDashboardTemplate, Pa as useDashboardTemplates, Sn as useFacetsQuery, u as useFilterProvider, p as useFilterProviders, hn as useHttpOptions, cn as useLiveRefresh, as as useLogDetailDrawerExpand, Cn as useLogDetailQuery, r as useLogsDataSource, Dn as useLogsPagedQuery, wn as useLogsQuery, On as useMeasuresQuery, xi as useMergedWidgetFilters, n as useMetricsDataSource, ln as useOptionalLiveRefresh, i as useOptionalLogsDataSource, c as useOptionalMetricsDataSource, t as useOptionalTracesDataSource, gi as useStableTimeRange, An as useTimeSeriesQuery, jn as useTraceDetailQuery, d as useTracesDataSource, Pn as useTracesPagedQuery, fi as useWidgetGroupContext, Ho as webhookLogPreset };