@gravitee/gamma-lib-observability 1.17.0 → 1.18.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 C, forwardRef as ee, lazy as te, memo as ne, useCallback as w, useContext as T, useEffect as E, useId as re, useMemo as D, useRef as O, useState as k } from "react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { keepPreviousData as ie, useQueries as N, useQuery as P } from "@tanstack/react-query";
-import { Accordion as ae, AccordionContent as oe, AccordionItem as se, AccordionTrigger as ce, Badge as F, Button as I, Calendar as le, Card as ue, Combobox as de, ComboboxChip as fe, ComboboxChips as pe, ComboboxChipsInput as me, ComboboxContent as he, ComboboxEmpty 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, Popover as je, PopoverAnchor as Me, PopoverContent as Ne, PopoverTrigger as Pe, ScrollArea as Fe, Select as Ie, SelectContent as Le, SelectItem as Re, SelectTrigger as ze, SelectValue as Be, Separator as Ve, Sheet as He, SheetContent as Ue, SheetDescription as We, SheetTitle as Ge, Skeleton as L, Spinner as Ke, Tabs as qe, TabsContent as Je, TabsList as Ye, TabsTrigger as Xe, ToggleGroup as Ze, ToggleGroupItem as Qe, Tooltip as R, TooltipContent as z, TooltipProvider as B, TooltipTrigger as V, cn as H, toast as U, useComboboxAnchor as $e } from "@gravitee/graphene-core";
-import { AlertCircleIcon as et, ArrowLeftIcon as tt, ArrowRightIcon as nt, BrainCircuitIcon as rt, CableIcon as it, CalendarIcon as at, ChartLineIcon as ot, ChevronDownIcon as st, ChevronRightIcon as ct, CircleHelpIcon as lt, CopyIcon as ut, ExpandIcon as dt, FileTextIcon as ft, FilterIcon as pt, FunnelXIcon as mt, GlobeIcon as ht, MessageSquareIcon as gt, PanelLeftIcon as _t, PlusIcon as vt, RefreshCwIcon as yt, SearchIcon as bt, WaypointsIcon as xt, WebhookIcon as St, XIcon as Ct } from "@gravitee/graphene-core/icons";
-import { DashboardGrid as wt, DashboardWidget as Tt } from "@gravitee/graphene-charts/dashboard-grid";
-import { AreaSeries as Et, BarChart as Dt, BarSeries as Ot, CartesianChart as kt, ChartContainer as At, ChartLegend as jt, ChartLegendContent as Mt, ChartTooltip as Nt, ChartTooltipContent as Pt, DoughnutChart as Ft, Grid as It, LineSeries as Lt, Metric as Rt, MetricGroup as zt, ReferenceLine as Bt, TraceWaterfall as Vt, XAxis as Ht, YAxis as Ut } from "@gravitee/graphene-charts";
-import { Link as Wt, Navigate as Gt, Route as Kt, Routes as qt, useLocation as Jt, useNavigate as Yt, useParams as Xt, useSearchParams as Zt } from "react-router-dom";
+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 { 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";
 //#region src/types/guards.ts
 function Qt(e) {
 	return e.type === "cartesian";
@@ -33,7 +33,7 @@ function W(e) {
 //#region src/providers/live-refresh-provider.tsx
 var an = 6e4, on = S(null);
 function sn({ config: e, children: t }) {
-	let n = e?.intervalMs ?? 6e4, [r, i] = k(e?.defaultEnabled ?? !0), [a, o] = k(!1), s = w(() => i((e) => !e), []), c = D(() => ({
+	let n = e?.intervalMs ?? 6e4, [r, i] = O(e?.defaultEnabled ?? !0), [a, o] = O(!1), s = C(() => i((e) => !e), []), c = E(() => ({
 		isLive: r,
 		intervalMs: n,
 		isFetching: a,
@@ -45,42 +45,42 @@ function sn({ config: e, children: t }) {
 		a,
 		s
 	]);
-	return /* @__PURE__ */ j(on.Provider, {
+	return /* @__PURE__ */ A(on.Provider, {
 		value: c,
 		children: t
 	});
 }
 function cn() {
-	let e = T(on);
+	let e = w(on);
 	if (!e) throw Error("[gamma-lib-observability] useLiveRefresh must be used within a <LiveRefreshProvider>. Wrap your component tree with <LiveRefreshProvider>.");
 	return e;
 }
 function ln() {
-	return T(on);
+	return w(on);
 }
 //#endregion
 //#region src/providers/FilterSourceProvider.tsx
 var un = S(void 0);
 function dn({ source: e, children: t }) {
-	return /* @__PURE__ */ j(un.Provider, {
+	return /* @__PURE__ */ A(un.Provider, {
 		value: e,
 		children: t
 	});
 }
 function fn() {
-	return T(un);
+	return w(un);
 }
 //#endregion
 //#region src/providers/http-provider.tsx
 var pn = S(void 0);
 function mn({ options: e, children: t }) {
-	return /* @__PURE__ */ j(pn.Provider, {
+	return /* @__PURE__ */ A(pn.Provider, {
 		value: e,
 		children: t
 	});
 }
 function hn() {
-	return T(pn);
+	return w(pn);
 }
 //#endregion
 //#region src/hooks/constants.ts
@@ -187,14 +187,14 @@ function q(...e) {
 //#region src/providers/ContextFiltersProvider.tsx
 var yn = S([]);
 function bn({ filters: e, children: t }) {
-	let n = D(() => e, [e]);
-	return /* @__PURE__ */ j(yn.Provider, {
+	let n = E(() => e, [e]);
+	return /* @__PURE__ */ A(yn.Provider, {
 		value: n,
 		children: t
 	});
 }
 function J() {
-	return T(yn);
+	return w(yn);
 }
 //#endregion
 //#region src/hooks/use-facets-query.ts
@@ -208,7 +208,7 @@ function xn(e) {
 }
 function Sn(e, t) {
 	let r = n(), i = q(J(), e.filters), a = xn(e);
-	return P({
+	return N({
 		queryKey: K.facets(e.by, e.timeRange, i, {
 			metrics: a,
 			ranges: e.ranges,
@@ -233,7 +233,7 @@ function Sn(e, t) {
 //#endregion
 //#region src/hooks/use-log-detail-query.ts
 function Cn(e) {
-	let t = r(), n = typeof t.getById == "function", i = P({
+	let t = r(), n = typeof t.getById == "function", i = N({
 		queryKey: K.logDetail(e.id ?? ""),
 		queryFn: ({ signal: n }) => t.getById(e.id, n),
 		staleTime: G,
@@ -253,7 +253,7 @@ function Cn(e) {
 //#region src/hooks/use-logs-query.ts
 function wn(e, t) {
 	let n = r(), i = q(J(), e.filters);
-	return P({
+	return N({
 		queryKey: K.logs(e.timeRange, i, e.search),
 		queryFn: ({ signal: t }) => n.fetchLogs({
 			timeRange: e.timeRange,
@@ -270,11 +270,11 @@ 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] = k(1), [d, f] = k(a), p = K.logs(t, c, i), m = JSON.stringify(p), h = O(m);
-	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);
+	T(() => {
 		h.current !== m && (h.current = m, u(1));
 	}, [m]);
-	let g = P({
+	let g = N({
 		queryKey: [...p, {
 			page: l,
 			pageSize: d
@@ -312,7 +312,7 @@ function Dn(e) {
 //#region src/hooks/use-measures-query.ts
 function On(e, t) {
 	let r = n(), i = q(J(), e.filters);
-	return P({
+	return N({
 		queryKey: K.measures(e.metrics, e.timeRange, i),
 		queryFn: ({ signal: t }) => r.fetchMeasures({
 			metrics: e.metrics,
@@ -321,7 +321,7 @@ function On(e, t) {
 			signal: t
 		}),
 		staleTime: G,
-		placeholderData: ie,
+		placeholderData: ae,
 		enabled: e.enabled,
 		...t
 	});
@@ -329,16 +329,16 @@ function On(e, t) {
 //#endregion
 //#region src/hooks/use-resolve-filter-labels.ts
 function kn(e, t) {
-	let n = D(() => e.filter((e) => e.value.length > 0 && !e.valueLabels?.length), [e]), r = D(() => n.map((e) => ({
+	let n = E(() => e.filter((e) => e.value.length > 0 && !e.valueLabels?.length), [e]), r = E(() => n.map((e) => ({
 		filterName: e.field,
 		ids: e.value
-	})), [n]), i = D(() => JSON.stringify(r), [r]), { data: a } = P({
+	})), [n]), i = E(() => JSON.stringify(r), [r]), { data: a } = N({
 		queryKey: K.filterLabels(i),
 		queryFn: ({ signal: e }) => t.resolveLabels(r, e),
 		enabled: !!t && r.length > 0,
 		staleTime: 300 * 1e3
 	});
-	return D(() => !a || r.length === 0 ? e : e.map((e) => {
+	return E(() => !a || r.length === 0 ? e : e.map((e) => {
 		if (e.valueLabels?.length) return e;
 		let t = a[e.field];
 		if (!t) return e;
@@ -357,7 +357,7 @@ function kn(e, t) {
 //#region src/hooks/use-time-series-query.ts
 function An(e, t) {
 	let r = n(), i = q(J(), e.filters);
-	return P({
+	return N({
 		queryKey: K.timeSeries(e.metrics, e.timeRange, e.interval, i, e.by, e.limit, e.ranges),
 		queryFn: ({ signal: t }) => r.fetchTimeSeries({
 			metrics: e.metrics,
@@ -370,7 +370,7 @@ function An(e, t) {
 			signal: t
 		}),
 		staleTime: G,
-		placeholderData: ie,
+		placeholderData: ae,
 		enabled: e.enabled,
 		...t
 	});
@@ -378,7 +378,7 @@ function An(e, t) {
 //#endregion
 //#region src/hooks/use-trace-detail-query.ts
 function jn(e) {
-	let { apiId: t, traceId: n, enabled: r, keepPreviousData: i } = e, a = d(), o = P({
+	let { apiId: t, traceId: n, enabled: r, keepPreviousData: i } = e, a = d(), o = N({
 		queryKey: K.traceDetail(t, n ?? ""),
 		queryFn: ({ signal: e }) => {
 			if (!n) throw Error("traceId is required but was called with a falsy value");
@@ -390,7 +390,7 @@ function jn(e) {
 		},
 		staleTime: G,
 		enabled: !!n && r !== !1,
-		placeholderData: i ? ie : void 0
+		placeholderData: i ? ae : void 0
 	});
 	return {
 		data: o.data,
@@ -405,11 +405,11 @@ 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] = k(1), [l, u] = k(i), f = K.traces(t, n, r), p = JSON.stringify(f), m = O(p);
-	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);
+	T(() => {
 		m.current !== p && (m.current = p, c(1));
 	}, [p]);
-	let h = P({
+	let h = N({
 		queryKey: [...f, {
 			page: s,
 			pageSize: l
@@ -619,7 +619,7 @@ function nr(e, t) {
 	return i.setHours(n ?? 0, r ?? 0, 0, 0), i.getTime();
 }
 function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, className: i }) {
-	let a = re(), o = `${a}-from`, s = `${a}-to`, [c, l] = k(!1), [u, d] = k("relative"), [f, p] = k(void 0), [m, h] = k("00:00"), [g, _] = k("23:59"), v = nr(f?.from, m), y = nr(f?.to, g), b = v !== void 0 && y !== void 0 && v >= y, x = v !== void 0 && y !== void 0 && !b;
+	let a = ie(), o = `${a}-from`, s = `${a}-to`, [c, l] = O(!1), [u, d] = O("relative"), [f, p] = O(void 0), [m, h] = O("00:00"), [g, _] = O("23:59"), v = nr(f?.from, m), y = nr(f?.to, g), b = v !== void 0 && y !== void 0 && v >= y, x = v !== void 0 && y !== void 0 && !b;
 	function S(t) {
 		if (l(t), t && (d(e.type === "absolute" ? "custom" : "relative"), e.type === "absolute")) {
 			let t = new Date(e.from), n = new Date(e.to);
@@ -629,44 +629,44 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 			}), h(Qn(t)), _(Qn(n));
 		}
 	}
-	function C(e) {
+	function ee(e) {
 		t({
 			type: "relative",
 			period: e
 		}), l(!1);
 	}
-	function ee(e) {
+	function te(e) {
 		p(e);
 	}
-	function te() {
+	function ne() {
 		!x || v === void 0 || y === void 0 || (t({
 			type: "absolute",
 			from: v,
 			to: y
 		}), l(!1));
 	}
-	return /* @__PURE__ */ M(je, {
+	return /* @__PURE__ */ j(Me, {
 		open: c,
 		onOpenChange: S,
-		children: [/* @__PURE__ */ j(Pe, {
+		children: [/* @__PURE__ */ A(Fe, {
 			asChild: !0,
-			children: /* @__PURE__ */ M(I, {
+			children: /* @__PURE__ */ j(F, {
 				variant: "outline",
 				disabled: n,
 				"aria-label": "Time range picker",
 				"aria-haspopup": "dialog",
 				"aria-expanded": c,
-				className: H("justify-between gap-2 font-normal", i),
-				children: [er(e, r), /* @__PURE__ */ j(at, {
+				className: V("justify-between gap-2 font-normal", i),
+				children: [er(e, r), /* @__PURE__ */ A(ot, {
 					"aria-hidden": "true",
 					className: "size-4 shrink-0"
 				})]
 			})
-		}), /* @__PURE__ */ M(Ne, {
+		}), /* @__PURE__ */ j(Pe, {
 			className: "w-80 p-4",
 			align: "start",
 			children: [
-				/* @__PURE__ */ M(Ze, {
+				/* @__PURE__ */ j(Qe, {
 					type: "single",
 					value: u,
 					onValueChange: (e) => {
@@ -674,101 +674,101 @@ function rr({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 					},
 					variant: "outline",
 					className: "mb-4 w-full",
-					children: [/* @__PURE__ */ j(Qe, {
+					children: [/* @__PURE__ */ A($e, {
 						value: "relative",
 						className: "flex-1",
 						children: "Relative"
-					}), /* @__PURE__ */ j(Qe, {
+					}), /* @__PURE__ */ A($e, {
 						value: "custom",
 						className: "flex-1",
 						children: "Custom"
 					})]
 				}),
-				u === "relative" && /* @__PURE__ */ j("div", {
+				u === "relative" && /* @__PURE__ */ A("div", {
 					className: "flex flex-col gap-4",
 					role: "listbox",
 					"aria-label": "Preset time ranges",
-					children: In.map((t) => /* @__PURE__ */ M("div", {
+					children: In.map((t) => /* @__PURE__ */ j("div", {
 						className: "flex flex-col gap-2",
-						children: [/* @__PURE__ */ j("p", {
+						children: [/* @__PURE__ */ A("p", {
 							className: "text-xs font-medium text-muted-foreground",
 							children: t.label
-						}), /* @__PURE__ */ j("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-3 gap-2",
-							children: t.periods.map((t) => /* @__PURE__ */ j(I, {
+							children: t.periods.map((t) => /* @__PURE__ */ A(F, {
 								variant: "outline",
 								size: "sm",
 								role: "option",
 								"aria-label": zn[t],
 								"aria-selected": e.type === "relative" && e.period === t,
-								className: H(e.type === "relative" && e.period === t && "bg-primary text-primary-foreground hover:bg-primary/90"),
+								className: V(e.type === "relative" && e.period === t && "bg-primary text-primary-foreground hover:bg-primary/90"),
 								disabled: n,
-								onClick: () => C(t),
+								onClick: () => ee(t),
 								children: Rn[t]
 							}, t))
 						})]
 					}, t.label))
 				}),
-				u === "custom" && /* @__PURE__ */ M("div", {
+				u === "custom" && /* @__PURE__ */ j("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ j(le, {
+						/* @__PURE__ */ A(ue, {
 							mode: "range",
 							selected: f,
-							onSelect: ee,
+							onSelect: te,
 							numberOfMonths: 1,
 							captionLayout: "dropdown",
 							disabled: n,
 							className: "w-full"
 						}),
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex items-end gap-2",
 							children: [
-								/* @__PURE__ */ M(De, {
+								/* @__PURE__ */ j(Oe, {
 									className: "flex-1",
-									children: [/* @__PURE__ */ j(ke, {
+									children: [/* @__PURE__ */ A(Ae, {
 										htmlFor: o,
 										children: tr(f?.from)
-									}), /* @__PURE__ */ j(Ae, {
+									}), /* @__PURE__ */ A(je, {
 										id: o,
 										type: "time",
 										value: m,
 										disabled: n,
 										"aria-invalid": b,
-										className: H("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
+										className: V("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
 										onChange: (e) => h(e.target.value)
 									})]
 								}),
-								/* @__PURE__ */ j("span", {
+								/* @__PURE__ */ A("span", {
 									className: "pb-2 text-muted-foreground",
 									children: "-"
 								}),
-								/* @__PURE__ */ M(De, {
+								/* @__PURE__ */ j(Oe, {
 									className: "flex-1",
-									children: [/* @__PURE__ */ j(ke, {
+									children: [/* @__PURE__ */ A(Ae, {
 										htmlFor: s,
 										children: tr(f?.to)
-									}), /* @__PURE__ */ j(Ae, {
+									}), /* @__PURE__ */ A(je, {
 										id: s,
 										type: "time",
 										value: g,
 										disabled: n,
 										"aria-invalid": b,
-										className: H("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
+										className: V("bg-background [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", b && "border-destructive"),
 										onChange: (e) => _(e.target.value)
 									})]
 								})
 							]
 						}),
-						b && /* @__PURE__ */ j("p", {
+						b && /* @__PURE__ */ A("p", {
 							className: "text-xs text-destructive",
 							role: "alert",
 							children: "Start must be before end"
 						}),
-						/* @__PURE__ */ j(I, {
+						/* @__PURE__ */ A(F, {
 							size: "sm",
 							disabled: !x || n,
-							onClick: te,
+							onClick: ne,
 							children: "Apply"
 						})
 					]
@@ -894,7 +894,7 @@ function fr(e) {
 //#region src/filters/use-scoped-filter-providers.ts
 function pr(e) {
 	let t = p(), n = J();
-	return D(() => {
+	return E(() => {
 		if (!e) return t;
 		let r = n.find((t) => t.field === e);
 		if (!r || !r.value.length) return t;
@@ -920,20 +920,20 @@ function hr(e, t) {
 //#endregion
 //#region src/filters/utils/use-auto-open-on-focus.ts
 function gr() {
-	let [e, t] = k(!1), n = O(!1);
+	let [e, t] = O(!1), n = D(!1);
 	return {
 		open: e,
-		handleOpenChange: w((e, r) => {
+		handleOpenChange: C((e, r) => {
 			t(e), !e && r?.reason === "item-press" && (n.current = !0);
 		}, []),
-		handleInputFocus: w(() => {
+		handleInputFocus: C(() => {
 			if (n.current) {
 				n.current = !1;
 				return;
 			}
 			t(!0);
 		}, []),
-		handleInputKeyDown: w((n) => {
+		handleInputKeyDown: C((n) => {
 			!e && (n.key === "Enter" || n.key === "ArrowDown") && (n.preventDefault(), t(!0));
 		}, [e])
 	};
@@ -942,7 +942,7 @@ function gr() {
 //#region src/filters/FilterValueCombobox.tsx
 var _r = (e) => e.label, vr = (e) => e.value;
 function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearchChange: i, disableBuiltInFilter: a = !1, placeholder: o = r ? "Search values…" : "Search value…", emptyMessage: s = "No results.", listFooter: c, errorMessage: l }) {
-	let u = $e(), { open: d, handleOpenChange: f, handleInputFocus: p, handleInputKeyDown: m } = gr(), h = re(), g = !!l, _ = {
+	let u = et(), { open: d, handleOpenChange: f, handleInputFocus: p, handleInputKeyDown: m } = gr(), h = ie(), g = !!l, _ = {
 		open: d,
 		onOpenChange: f,
 		items: e,
@@ -951,25 +951,25 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 		isItemEqualToValue: hr,
 		...a && { filter: null },
 		...i && { onInputValueChange: (e) => i(String(e)) }
-	}, v = /* @__PURE__ */ M(A, { children: [
-		/* @__PURE__ */ j(ge, { children: s }),
-		/* @__PURE__ */ j(ve, { children: (e) => /* @__PURE__ */ j(_e, {
+	}, v = /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ A(_e, { children: s }),
+		/* @__PURE__ */ A(ye, { children: (e) => /* @__PURE__ */ A(ve, {
 			value: e,
 			children: e.label
 		}, e.value) }),
 		c
-	] }), y = r ? /* @__PURE__ */ M(de, {
+	] }), y = r ? /* @__PURE__ */ j(fe, {
 		..._,
 		multiple: !0,
 		autoHighlight: !0,
 		value: t,
 		onValueChange: (e) => n(Array.isArray(e) ? e : []),
-		children: [/* @__PURE__ */ j(pe, {
+		children: [/* @__PURE__ */ A(me, {
 			ref: u,
-			children: /* @__PURE__ */ j(ye, { children: (e) => /* @__PURE__ */ M(b, { children: [e.map((e) => /* @__PURE__ */ j(fe, {
+			children: /* @__PURE__ */ A(be, { children: (e) => /* @__PURE__ */ j(b, { children: [e.map((e) => /* @__PURE__ */ A(pe, {
 				removeAriaLabel: `Remove ${e.label}`,
 				children: e.label
-			}, e.value)), /* @__PURE__ */ j(me, {
+			}, e.value)), /* @__PURE__ */ A(he, {
 				"aria-label": "Filter values",
 				"aria-invalid": g || void 0,
 				"aria-describedby": g ? h : void 0,
@@ -977,18 +977,18 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 				onFocus: p,
 				onKeyDown: m
 			})] }) })
-		}), /* @__PURE__ */ j(he, {
+		}), /* @__PURE__ */ A(ge, {
 			anchor: u,
 			children: v
 		})]
-	}) : /* @__PURE__ */ M(de, {
+	}) : /* @__PURE__ */ j(fe, {
 		..._,
 		value: t[0] ?? null,
 		onValueChange: (e) => n(e ? [e] : []),
 		openOnInputClick: !0,
-		children: [/* @__PURE__ */ j(pe, {
+		children: [/* @__PURE__ */ A(me, {
 			ref: u,
-			children: /* @__PURE__ */ j(me, {
+			children: /* @__PURE__ */ A(he, {
 				"aria-label": "Filter values",
 				"aria-invalid": g || void 0,
 				"aria-describedby": g ? h : void 0,
@@ -996,12 +996,12 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 				onFocus: p,
 				onKeyDown: m
 			})
-		}), /* @__PURE__ */ j(he, {
+		}), /* @__PURE__ */ A(ge, {
 			anchor: u,
 			children: v
 		})]
 	});
-	return l ? /* @__PURE__ */ M(A, { children: [y, /* @__PURE__ */ j(Oe, {
+	return l ? /* @__PURE__ */ j(k, { children: [y, /* @__PURE__ */ A(ke, {
 		id: h,
 		children: l
 	})] }) : y;
@@ -1009,8 +1009,8 @@ function yr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 //#endregion
 //#region src/filters/utils/use-debounced-value.ts
 function br(e, t) {
-	let [n, r] = k(e);
-	return E(() => {
+	let [n, r] = O(e);
+	return T(() => {
 		let n = window.setTimeout(() => r(e), t);
 		return () => window.clearTimeout(n);
 	}, [e, t]), n;
@@ -1018,10 +1018,10 @@ function br(e, t) {
 //#endregion
 //#region src/filters/utils/use-scroll-sentinel.ts
 function xr(e, t) {
-	let n = O(e), r = O(null);
-	return E(() => {
+	let n = D(e), r = D(null);
+	return T(() => {
 		n.current = e;
-	}, [e]), w((e) => {
+	}, [e]), C((e) => {
 		if (r.current &&= (r.current.disconnect(), null), e && t) {
 			let t = Sr(e), i = new IntersectionObserver((e) => {
 				e[0]?.isIntersecting && n.current();
@@ -1048,7 +1048,7 @@ function Sr(e) {
 //#region src/filters/FilterAsyncValueField.tsx
 var Cr = 300;
 function wr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
-	let [i, a] = k(""), o = br(i, Cr), [s, c] = k([]), [l, u] = k(!1), [d, f] = k(null), [p, m] = k(!1), [h, g] = k(1), _ = O(0), v = O(null), y = O(o), b = w(async (t, n) => {
+	let [i, a] = O(""), o = br(i, Cr), [s, c] = O([]), [l, u] = O(!1), [d, f] = O(null), [p, m] = O(!1), [h, g] = O(1), _ = D(0), v = D(null), y = D(o), b = C(async (t, n) => {
 		if (!e.valueLoader) return;
 		v.current?.abort();
 		let r = new AbortController();
@@ -1073,7 +1073,7 @@ function wr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 			i === _.current && u(!1);
 		}
 	}, [e]);
-	E(() => {
+	T(() => {
 		let e = y.current !== o;
 		if (e) {
 			if (y.current = o, h !== 1) {
@@ -1088,11 +1088,11 @@ function wr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 		h,
 		b
 	]);
-	let x = xr(w(() => {
+	let x = xr(C(() => {
 		!l && p && g((e) => e + 1);
 	}, [l, p]), p && !l);
-	return /* @__PURE__ */ j(yr, {
-		options: D(() => mr(t, s), [t, s]),
+	return /* @__PURE__ */ A(yr, {
+		options: E(() => mr(t, s), [t, s]),
 		selected: t,
 		onSelectedChange: n,
 		multiple: r,
@@ -1100,15 +1100,15 @@ function wr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 		disableBuiltInFilter: !0,
 		placeholder: "Search values…",
 		emptyMessage: "No results.",
-		listFooter: /* @__PURE__ */ M(A, { children: [p && !l ? /* @__PURE__ */ j("div", {
+		listFooter: /* @__PURE__ */ j(k, { children: [p && !l ? /* @__PURE__ */ A("div", {
 			ref: x,
 			className: "h-1",
 			"aria-hidden": "true"
-		}) : null, l ? /* @__PURE__ */ M("div", {
+		}) : null, l ? /* @__PURE__ */ j("div", {
 			role: "status",
 			"aria-live": "polite",
 			className: "flex items-center justify-center gap-2 py-3 text-sm text-muted-foreground",
-			children: [/* @__PURE__ */ j(Ke, {
+			children: [/* @__PURE__ */ A(qe, {
 				className: "size-4",
 				"aria-hidden": "true"
 			}), "Loading…"]
@@ -1119,8 +1119,8 @@ function wr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 //#endregion
 //#region src/filters/FilterEnumValueField.tsx
 function Tr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
-	return /* @__PURE__ */ j(yr, {
-		options: D(() => e.options ?? [], [e.options]),
+	return /* @__PURE__ */ A(yr, {
+		options: E(() => e.options ?? [], [e.options]),
 		selected: t,
 		onSelectedChange: n,
 		multiple: r
@@ -1140,16 +1140,16 @@ function Or(e) {
 }
 //#endregion
 //#region src/filters/FilterFieldOptionRow.tsx
-var kr = ne(function({ provider: e, showScopes: t = !1, className: n }) {
+var kr = re(function({ provider: e, showScopes: t = !1, className: n }) {
 	let r = t && e.scopes && e.scopes.length > 0;
-	return /* @__PURE__ */ M("div", {
-		className: H("flex min-w-0 flex-1 items-center justify-between gap-3", n),
-		children: [/* @__PURE__ */ j("span", {
+	return /* @__PURE__ */ j("div", {
+		className: V("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__ */ j("span", {
+		}), r ? /* @__PURE__ */ A("span", {
 			className: "flex shrink-0 flex-wrap items-center justify-end gap-1",
-			children: e.scopes?.map((e) => /* @__PURE__ */ j(F, {
+			children: e.scopes?.map((e) => /* @__PURE__ */ A(P, {
 				variant: "secondary",
 				className: "max-w-28 truncate text-xs font-normal",
 				children: Or(e)
@@ -1160,29 +1160,29 @@ var kr = ne(function({ provider: e, showScopes: t = !1, className: n }) {
 //#endregion
 //#region src/filters/FilterPropertyField.tsx
 function Ar({ providers: e, selectedField: t, onFieldChange: n, showScopes: r }) {
-	let i = $e(), { open: a, handleOpenChange: o, handleInputFocus: s, handleInputKeyDown: c } = gr();
-	return /* @__PURE__ */ M(de, {
+	let i = et(), { open: a, handleOpenChange: o, handleInputFocus: s, handleInputKeyDown: c } = gr();
+	return /* @__PURE__ */ j(fe, {
 		open: a,
 		onOpenChange: o,
 		items: e,
-		value: D(() => e.find((e) => e.field === t) ?? null, [e, t]),
+		value: E(() => e.find((e) => e.field === t) ?? null, [e, t]),
 		onValueChange: (e) => n(e ?? null),
 		itemToStringLabel: (e) => e.label,
 		itemToStringValue: (e) => e.field,
 		isItemEqualToValue: (e, t) => e.field === t.field,
-		children: [/* @__PURE__ */ j(pe, {
+		children: [/* @__PURE__ */ A(me, {
 			ref: i,
-			children: /* @__PURE__ */ j(me, {
+			children: /* @__PURE__ */ A(he, {
 				"aria-label": "Filter property",
 				placeholder: "Search property…",
 				onFocus: s,
 				onKeyDown: c
 			})
-		}), /* @__PURE__ */ M(he, {
+		}), /* @__PURE__ */ j(ge, {
 			anchor: i,
-			children: [/* @__PURE__ */ j(ge, { children: "No results." }), /* @__PURE__ */ j(ve, { children: (e) => /* @__PURE__ */ j(_e, {
+			children: [/* @__PURE__ */ A(_e, { children: "No results." }), /* @__PURE__ */ A(ye, { children: (e) => /* @__PURE__ */ A(ve, {
 				value: e,
-				children: /* @__PURE__ */ j(kr, {
+				children: /* @__PURE__ */ A(kr, {
 					provider: e,
 					showScopes: r
 				})
@@ -1326,7 +1326,7 @@ function Wr(e) {
 //#endregion
 //#region src/filters/FilterPopoverForm.tsx
 function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1 }) {
-	let i = p(), [a, o] = k(e?.field ?? null), [s, c] = k(e?.operator ?? null), [l, u] = k(() => e ? Vr(e.value, e.valueLabels) : []), [d, f] = k(e?.value.join(", ") ?? ""), m = D(() => i.find((e) => e.field === a) ?? null, [i, a]), h = m && s ? Lr(m, s) : !1, g = m?.kind ?? "async", _ = s ? Fr(s) : !0, v = Ur({
+	let i = p(), [a, o] = O(e?.field ?? null), [s, c] = O(e?.operator ?? null), [l, u] = O(() => e ? Vr(e.value, e.valueLabels) : []), [d, f] = O(e?.value.join(", ") ?? ""), m = E(() => i.find((e) => e.field === a) ?? null, [i, a]), h = m && s ? Lr(m, s) : !1, g = m?.kind ?? "async", _ = s ? Fr(s) : !0, v = Ur({
 		provider: m,
 		operator: s,
 		selectedOptions: l,
@@ -1353,22 +1353,22 @@ function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 			freeText: d
 		}));
 	}
-	function C() {
-		return !m || !s ? /* @__PURE__ */ j(Ae, {
+	function ee() {
+		return !m || !s ? /* @__PURE__ */ A(je, {
 			disabled: !0,
 			placeholder: "Search value…",
 			"aria-label": "Filter value"
-		}) : g === "enum" && m.options ? /* @__PURE__ */ j(Tr, {
+		}) : g === "enum" && m.options ? /* @__PURE__ */ A(Tr, {
 			provider: m,
 			selected: l,
 			onSelectedChange: x,
 			multiple: h
-		}, m.field) : m.valueLoader ? /* @__PURE__ */ j(wr, {
+		}, m.field) : m.valueLoader ? /* @__PURE__ */ A(wr, {
 			provider: m,
 			selected: l,
 			onSelectedChange: x,
 			multiple: h
-		}, m.field) : m.allowFreeText ? /* @__PURE__ */ j(Ae, {
+		}, m.field) : m.allowFreeText ? /* @__PURE__ */ A(je, {
 			value: d,
 			onChange: (e) => f(e.target.value),
 			placeholder: "Enter value(s), comma-separated",
@@ -1378,38 +1378,38 @@ function Gr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 			}
 		}) : null;
 	}
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex w-[340px] flex-col gap-4 p-4",
 		children: [
-			/* @__PURE__ */ M(De, { children: [/* @__PURE__ */ j(ke, { children: "Filter by" }), /* @__PURE__ */ j(Ar, {
+			/* @__PURE__ */ j(Oe, { children: [/* @__PURE__ */ A(Ae, { children: "Filter by" }), /* @__PURE__ */ A(Ar, {
 				providers: i,
 				selectedField: a,
 				onFieldChange: y,
 				showScopes: r
 			})] }),
-			/* @__PURE__ */ M(De, { children: [/* @__PURE__ */ j(ke, { children: "Choose operator" }), /* @__PURE__ */ M(Ie, {
+			/* @__PURE__ */ j(Oe, { children: [/* @__PURE__ */ A(Ae, { children: "Choose operator" }), /* @__PURE__ */ j(Le, {
 				value: s ?? void 0,
 				onValueChange: b,
 				disabled: !m,
-				children: [/* @__PURE__ */ j(ze, {
+				children: [/* @__PURE__ */ A(Be, {
 					className: "w-full",
 					"aria-label": "Filter operator",
-					children: /* @__PURE__ */ j(Be, { placeholder: "Select operator…" })
-				}), /* @__PURE__ */ j(Le, { children: (m?.operators ?? []).map((e) => /* @__PURE__ */ j(Re, {
+					children: /* @__PURE__ */ A(Ve, { placeholder: "Select operator…" })
+				}), /* @__PURE__ */ A(Re, { children: (m?.operators ?? []).map((e) => /* @__PURE__ */ A(ze, {
 					value: e,
 					children: Pr(e)
 				}, e)) })]
 			})] }),
-			_ ? /* @__PURE__ */ M(De, { children: [/* @__PURE__ */ j(ke, { children: "Filter value" }), C()] }) : null,
-			/* @__PURE__ */ M("div", {
+			_ ? /* @__PURE__ */ j(Oe, { children: [/* @__PURE__ */ A(Ae, { children: "Filter value" }), ee()] }) : null,
+			/* @__PURE__ */ j("div", {
 				className: "flex items-center justify-end gap-2",
-				children: [/* @__PURE__ */ j(I, {
+				children: [/* @__PURE__ */ A(F, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
 					onClick: n,
 					children: "Cancel"
-				}), /* @__PURE__ */ j(I, {
+				}), /* @__PURE__ */ A(F, {
 					type: "button",
 					size: "sm",
 					disabled: !v,
@@ -1473,34 +1473,34 @@ function Zr(e) {
 function Qr(e, t, n) {
 	return e ? t ? `Filter: ${n}` : `Edit filter: ${n}. Press Delete to remove.` : `Active filter: ${n}`;
 }
-var $r = ne(ee(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0, disabled: i = !1, active: a = !1, className: o, "data-chip-index": s }, c) {
-	let l = Xr(e), u = Zr(e), d = r && !i, f = Nr.has(e.operator), [p, m] = k(!1);
+var $r = re(te(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0, disabled: i = !1, active: a = !1, className: o, "data-chip-index": s }, c) {
+	let l = Xr(e), u = Zr(e), d = r && !i, f = Nr.has(e.operator), [p, m] = O(!1);
 	function h(e) {
 		e.stopPropagation(), d && n?.();
 	}
-	let g = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("span", {
+	let g = /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("span", {
 		className: "truncate",
-		children: [/* @__PURE__ */ j("span", {
+		children: [/* @__PURE__ */ A("span", {
 			className: "font-medium",
 			children: l.name
-		}), l.operator ? /* @__PURE__ */ M(A, { children: [" ", /* @__PURE__ */ j("span", {
+		}), l.operator ? /* @__PURE__ */ j(k, { children: [" ", /* @__PURE__ */ A("span", {
 			className: "opacity-70",
 			children: l.operator
 		})] }) : null]
-	}), l.value ? l.isCount ? /* @__PURE__ */ j("span", {
+	}), l.value ? l.isCount ? /* @__PURE__ */ A("span", {
 		"aria-label": `${l.value} values`,
 		className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-highlight px-1.5 text-xs text-background",
 		children: l.value
-	}) : /* @__PURE__ */ j("span", {
+	}) : /* @__PURE__ */ A("span", {
 		className: "truncate",
 		children: l.value
 	}) : null] });
-	return /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+	return /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 		asChild: !0,
-		children: /* @__PURE__ */ M("span", {
+		children: /* @__PURE__ */ j("span", {
 			ref: c,
 			"data-chip-index": s,
-			className: H("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: 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),
 			"aria-label": Qr(r, i, u),
 			"aria-disabled": i || void 0,
 			"data-active": a || void 0,
@@ -1508,9 +1508,9 @@ var $r = ne(ee(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 			onMouseLeave: () => m(!1),
 			onFocus: () => d && m(!0),
 			onBlur: () => m(!1),
-			children: [/* @__PURE__ */ j(F, {
+			children: [/* @__PURE__ */ A(P, {
 				variant: r ? "highlight" : "secondary",
-				className: H("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: 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"),
 				role: d ? "button" : void 0,
 				tabIndex: d ? 0 : void 0,
 				"aria-hidden": d ? void 0 : "true",
@@ -1519,7 +1519,7 @@ var $r = ne(ee(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__ */ j(I, {
+			}), d && n && p ? /* @__PURE__ */ A(F, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
@@ -1527,13 +1527,13 @@ var $r = ne(ee(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 				"aria-label": `Remove filter ${l.name}`,
 				onClick: h,
 				tabIndex: 0,
-				children: /* @__PURE__ */ j(Ct, {
+				children: /* @__PURE__ */ A(wt, {
 					className: "size-3",
 					"aria-hidden": "true"
 				})
 			}) : null]
 		})
-	}), /* @__PURE__ */ j(z, { children: u })] });
+	}), /* @__PURE__ */ A(R, { children: u })] });
 }));
 $r.displayName = "FilterChip";
 //#endregion
@@ -1575,7 +1575,7 @@ function si(e, t) {
 	return e ? e.mode === "add" ? "add" : t ? `edit-${t.field}-${t.operator}-${JSON.stringify(t.value)}` : `edit-${e.editIndex}` : "closed";
 }
 function ci({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r = !1, scopeFilterField: i, className: a }) {
-	let o = pr(i), [s, c] = k(null), l = O(null), u = O(/* @__PURE__ */ new Map()), d = O(null), f = O({ getBoundingClientRect: () => new DOMRect() }), p = s?.editIndex !== void 0 && s.editIndex >= 0 && s.editIndex < e.length, m = s !== null && (s.mode === "add" || p), h = p ? e[s.editIndex] : void 0, g = w((e) => {
+	let o = pr(i), [s, c] = O(null), l = D(null), u = D(/* @__PURE__ */ new Map()), d = D(null), f = D({ getBoundingClientRect: () => new DOMRect() }), p = s?.editIndex !== void 0 && s.editIndex >= 0 && s.editIndex < e.length, m = s !== null && (s.mode === "add" || p), h = p ? e[s.editIndex] : void 0, g = C((e) => {
 		if (e) {
 			let t = Number(e.dataset.chipIndex);
 			u.current.set(t, e);
@@ -1591,7 +1591,7 @@ function ci({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 			editIndex: e
 		});
 	}
-	let y = O(null);
+	let y = D(null);
 	function b() {
 		let e = y.current;
 		c(null), y.current = null, e && document.contains(e) && requestAnimationFrame(() => e.focus());
@@ -1614,44 +1614,44 @@ function ci({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 		}
 		t([...e, n]), b();
 	}
-	function C(n) {
+	function ee(n) {
 		t(e.filter((e, t) => t !== n));
 	}
-	function ee() {
+	function te() {
 		b(), t([]);
 	}
-	function te(e) {
+	function ne(e) {
 		e.preventDefault(), requestAnimationFrame(() => {
 			let e = d.current;
 			e && (e.querySelector("[data-autofocus]") ?? e.querySelector("input:not([disabled])"))?.focus();
 		});
 	}
-	return /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(je, {
+	return /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(Me, {
 		open: m,
 		onOpenChange: x,
 		children: [
-			/* @__PURE__ */ M("div", {
-				className: H("flex flex-wrap items-center gap-2", a),
+			/* @__PURE__ */ j("div", {
+				className: V("flex flex-wrap items-center gap-2", a),
 				children: [
-					/* @__PURE__ */ j("span", {
+					/* @__PURE__ */ A("span", {
 						className: "shrink-0 text-sm font-medium text-muted-foreground",
 						children: "Filters:"
 					}),
-					n ? /* @__PURE__ */ M(I, {
+					n ? /* @__PURE__ */ j(F, {
 						ref: l,
 						type: "button",
 						variant: "outline",
 						size: "sm",
 						onClick: _,
 						className: "shrink-0",
-						children: [/* @__PURE__ */ j(vt, {
+						children: [/* @__PURE__ */ A(yt, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), "Add filter"]
 					}) : null,
 					e.map((e, t) => {
 						let r = s?.mode === "edit" && s.editIndex === t;
-						return /* @__PURE__ */ j($r, {
+						return /* @__PURE__ */ A($r, {
 							ref: g,
 							"data-chip-index": t,
 							condition: e,
@@ -1659,27 +1659,27 @@ function ci({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 							disabled: m && !r,
 							active: r,
 							onEdit: () => v(t),
-							onRemove: () => C(t)
+							onRemove: () => ee(t)
 						}, ei(e));
 					}),
-					n && e.length > 0 ? /* @__PURE__ */ j("button", {
+					n && e.length > 0 ? /* @__PURE__ */ A("button", {
 						type: "button",
-						onClick: ee,
+						onClick: te,
 						className: "ml-1 shrink-0 rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
 						"aria-label": "Clear all filters",
-						children: /* @__PURE__ */ j(mt, { className: "size-3.5" })
+						children: /* @__PURE__ */ A(ht, { className: "size-3.5" })
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ j(Me, { virtualRef: f }),
-			/* @__PURE__ */ j(Ne, {
+			/* @__PURE__ */ A(Ne, { virtualRef: f }),
+			/* @__PURE__ */ A(Pe, {
 				ref: d,
 				side: "bottom",
 				align: "start",
 				sideOffset: 8,
 				className: "w-auto p-0",
-				onOpenAutoFocus: te,
-				children: m ? /* @__PURE__ */ j(Gr, {
+				onOpenAutoFocus: ne,
+				children: m ? /* @__PURE__ */ A(Gr, {
 					existingCondition: h,
 					onApply: S,
 					onCancel: b,
@@ -1693,7 +1693,7 @@ function ci({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 //#region src/dashboards/WidgetGroupContext.tsx
 var li = [], ui = S(null), di = ui.Provider;
 function fi() {
-	return T(ui);
+	return w(ui);
 }
 //#endregion
 //#region src/dashboards/resolve-stable-time-range.ts
@@ -1713,8 +1713,8 @@ function hi(e) {
 	return Math.floor(Date.now() / e);
 }
 function Y(e) {
-	let t = ln(), n = t?.intervalMs ?? 6e4, r = t?.isLive ?? !0, [i, a] = k(() => hi(n));
-	return 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;
 		let t, i = () => a(hi(n)), o = n - Date.now() % n, s = setTimeout(() => {
 			i(), t = setInterval(i, n);
@@ -1734,7 +1734,7 @@ function Y(e) {
 		e.type,
 		r,
 		n
-	]), D(() => mi(e), [e, i]);
+	]), E(() => mi(e), [e, i]);
 }
 //#endregion
 //#region src/dashboards/adapters/facets-adapter.ts
@@ -1785,25 +1785,25 @@ function Ti(e) {
 //#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 }) {
-	let o = D(() => {
+	let o = E(() => {
 		if (a) return a;
 		if (i) return Ti(wi(e.map((e) => e.count)));
 	}, [
 		e,
 		i,
 		a
-	]), s = D(() => {
+	]), 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)) };
 	}, [e, r]);
-	return /* @__PURE__ */ j(At, {
+	return /* @__PURE__ */ A(jt, {
 		config: t,
 		className: "h-full w-full",
-		children: /* @__PURE__ */ M(Dt, {
+		children: /* @__PURE__ */ j(Ot, {
 			data: [...e],
 			state: n,
 			layout: r,
 			margin: s,
-			children: [/* @__PURE__ */ j(Nt, { content: /* @__PURE__ */ j(Pt, { valueFormatter: o }) }), /* @__PURE__ */ j(jt, { content: /* @__PURE__ */ j(Mt, {}) })]
+			children: [/* @__PURE__ */ A(Pt, { content: /* @__PURE__ */ A(Ft, { valueFormatter: o }) }), /* @__PURE__ */ A(Mt, { content: /* @__PURE__ */ A(Nt, {}) })]
 		})
 	});
 }
@@ -1820,17 +1820,17 @@ function ji({ widget: e, timeRange: t, filters: n }) {
 		filters: r,
 		limit: e.limit
 	});
-	E(() => {
+	T(() => {
 		s && console.error(`[BarWidgetRenderer] Failed to fetch facets for widget "${e.title}"`);
 	}, [s, e.title]);
-	let c = Ci(e), { data: l, config: u } = D(() => a ? {
+	let c = Ci(e), { data: l, config: u } = E(() => a ? {
 		data: yi(a),
 		config: { count: { label: c } }
 	} : {
 		data: [],
 		config: {}
 	}, [a, c]);
-	return /* @__PURE__ */ j(Ai, {
+	return /* @__PURE__ */ A(Ai, {
 		data: l,
 		config: u,
 		state: o ? "loading" : s ? "empty" : "ready",
@@ -1954,27 +1954,27 @@ function Wi(e, t) {
 //#region src/dashboards/renderers/CartesianPresentation.tsx
 function Gi({ 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__ */ j(At, {
+	return /* @__PURE__ */ A(jt, {
 		config: t,
 		className: "h-full w-full",
-		children: /* @__PURE__ */ M(kt, {
+		children: /* @__PURE__ */ j(At, {
 			data: [...e],
 			state: i,
 			categoryScaleType: c,
 			animated: i === "ready",
 			children: [
-				/* @__PURE__ */ j(It, {}),
+				/* @__PURE__ */ A(Lt, {}),
 				s.map((e) => {
 					let t = r?.[e] ?? Ki(e, n);
 					return t ? qi(e, t) : null;
 				}),
-				/* @__PURE__ */ j(Ht, {}),
-				/* @__PURE__ */ j(Ut, {}),
-				/* @__PURE__ */ j(Nt, { content: /* @__PURE__ */ j(Pt, {
+				/* @__PURE__ */ A(Ut, {}),
+				/* @__PURE__ */ A(Wt, {}),
+				/* @__PURE__ */ A(Pt, { content: /* @__PURE__ */ A(Ft, {
 					showTotal: a,
 					totalLabel: o
 				}) }),
-				/* @__PURE__ */ j(jt, { content: /* @__PURE__ */ j(Mt, {}) })
+				/* @__PURE__ */ A(Mt, { content: /* @__PURE__ */ A(Nt, {}) })
 			]
 		})
 	});
@@ -1984,15 +1984,15 @@ function Ki(e, t) {
 }
 function qi(e, t) {
 	switch (t.representation) {
-		case "line": return /* @__PURE__ */ j(Lt, {
+		case "line": return /* @__PURE__ */ A(Rt, {
 			dataKey: e,
 			curveType: t.curveType ?? "monotone"
 		}, e);
-		case "bar": return /* @__PURE__ */ j(Ot, {
+		case "bar": return /* @__PURE__ */ A(kt, {
 			dataKey: e,
 			stackId: t.stackId
 		}, e);
-		case "area": return /* @__PURE__ */ j(Et, {
+		case "area": return /* @__PURE__ */ A(Dt, {
 			dataKey: e,
 			stackId: t.stackId,
 			curveType: t.curveType ?? "monotone",
@@ -2004,7 +2004,7 @@ 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 = D(() => Wi(o, 48), [o]), c = N({ queries: e.series.map((e) => {
+	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 = [{
 			name: e.metric,
 			measures: [W(e.measure)],
@@ -2025,10 +2025,10 @@ function Ji({ widget: e, timeRange: t, filters: r }) {
 			staleTime: G
 		};
 	}) }), l = c.some((e) => e.isLoading), u = c.some((e) => e.isError);
-	E(() => {
+	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 } = D(() => {
+	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 = {};
 		for (let e of t) {
 			let t = { label: e.label };
@@ -2040,7 +2040,7 @@ function Ji({ widget: e, timeRange: t, filters: r }) {
 			seriesByKey: i
 		};
 	}, [e.series, d]), h = l ? "loading" : u ? "empty" : "ready";
-	return /* @__PURE__ */ j(Gi, {
+	return /* @__PURE__ */ A(Gi, {
 		data: f,
 		config: p,
 		series: [...e.series],
@@ -2053,7 +2053,7 @@ 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 }) {
-	let a = D(() => {
+	let a = E(() => {
 		if (i) return i;
 		if (r) return Ti(wi(e.map((e) => e.value)));
 	}, [
@@ -2061,13 +2061,13 @@ function Yi({ data: e, config: t, state: n, showShare: r = !0, valueFormatter: i
 		r,
 		i
 	]);
-	return /* @__PURE__ */ j(At, {
+	return /* @__PURE__ */ A(jt, {
 		config: t,
 		className: "h-full w-full",
-		children: /* @__PURE__ */ M(Ft, {
+		children: /* @__PURE__ */ j(It, {
 			data: [...e],
 			state: n,
-			children: [/* @__PURE__ */ j(Nt, { content: /* @__PURE__ */ j(Pt, { valueFormatter: a }) }), /* @__PURE__ */ j(jt, { content: /* @__PURE__ */ j(Mt, {}) })]
+			children: [/* @__PURE__ */ A(Pt, { content: /* @__PURE__ */ A(Ft, { valueFormatter: a }) }), /* @__PURE__ */ A(Mt, { content: /* @__PURE__ */ A(Nt, {}) })]
 		})
 	});
 }
@@ -2084,10 +2084,10 @@ function Xi({ widget: e, timeRange: t, filters: n }) {
 		filters: r,
 		limit: e.limit
 	});
-	E(() => {
+	T(() => {
 		s && console.error(`[DoughnutWidgetRenderer] Failed to fetch facets for widget "${e.title}"`);
 	}, [s, e.title]);
-	let { data: c, config: l } = D(() => {
+	let { data: c, config: l } = E(() => {
 		if (!a) return {
 			data: [],
 			config: {}
@@ -2099,7 +2099,7 @@ function Xi({ widget: e, timeRange: t, filters: n }) {
 			config: t
 		};
 	}, [a]);
-	return /* @__PURE__ */ j(Yi, {
+	return /* @__PURE__ */ A(Yi, {
 		data: c,
 		config: l,
 		state: o ? "loading" : s ? "empty" : "ready"
@@ -2174,7 +2174,7 @@ function aa(e) {
 //#endregion
 //#region src/dashboards/renderers/MetricGroupPresentation.tsx
 function oa({ items: e, state: t, skeletonCount: n }) {
-	return /* @__PURE__ */ j(zt, {
+	return /* @__PURE__ */ A(Bt, {
 		items: e,
 		state: t,
 		skeletonCount: n ?? e.length
@@ -2211,7 +2211,7 @@ function la(e) {
 	};
 }
 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 = D(() => ca(e.items.map(la)), [e.items]), s = D(() => ca(e.items.filter((e) => e.showTrend !== !1).map(la)), [e.items]), c = D(() => aa(a), [a]), { data: l, isLoading: u, isError: d } = On({
+	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({
 		metrics: o,
 		timeRange: a,
 		filters: r
@@ -2221,12 +2221,12 @@ function ua({ widget: e, timeRange: t, filters: n }) {
 		filters: r,
 		enabled: i
 	});
-	return E(() => {
+	return T(() => {
 		d && console.error(`[MetricGroupWidgetRenderer] Failed to fetch measures for "${e.title}"`);
-	}, [d, e.title]), E(() => {
+	}, [d, e.title]), T(() => {
 		p && console.error(`[MetricGroupWidgetRenderer] Failed to fetch previous-period measures for "${e.title}"`);
-	}, [p, e.title]), /* @__PURE__ */ j(oa, {
-		items: D(() => {
+	}, [p, e.title]), /* @__PURE__ */ A(oa, {
+		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) => {
 				let r = t.get(e.metric);
@@ -2254,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 }) {
-	return /* @__PURE__ */ j(Rt, {
+	return /* @__PURE__ */ A(zt, {
 		value: e,
 		label: t,
 		state: n,
@@ -2266,10 +2266,10 @@ 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 = D(() => [{
+	let r = bi(e.filters, n), i = e.showTrend === !0, a = e.showSparkline === !0, o = Y(t), s = W(e.measure), c = E(() => [{
 		name: e.metric,
 		measures: [s]
-	}], [e.metric, s]), l = D(() => aa(o), [o]), u = D(() => Wi(o, 48), [o]), { data: d, isLoading: f, isError: p } = On({
+	}], [e.metric, s]), l = E(() => aa(o), [o]), u = E(() => Wi(o, 48), [o]), { data: d, isLoading: f, isError: p } = On({
 		metrics: c,
 		timeRange: o,
 		filters: r
@@ -2285,21 +2285,21 @@ function fa({ widget: e, timeRange: t, filters: n }) {
 		filters: r,
 		enabled: a
 	});
-	E(() => {
+	T(() => {
 		p && console.error(`[MetricWidgetRenderer] Failed to fetch measures for "${e.metric}"`);
-	}, [p, e.metric]), E(() => {
+	}, [p, e.metric]), T(() => {
 		h && console.error(`[MetricWidgetRenderer] Failed to fetch previous-period measures for "${e.metric}"`);
-	}, [h, e.metric]), E(() => {
+	}, [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, C = i && x !== void 0 ? $i(x, S) : void 0, ee = a ? ea(g, e.metric) : void 0, te = f ? "loading" : p || !f && !v ? "empty" : "ready";
-	return /* @__PURE__ */ j(da, {
+	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, {
 		value: b?.value ?? "—",
 		label: e.title,
-		state: te,
-		trend: C,
+		state: ne,
+		trend: ee,
 		trendSentiment: e.sentiment,
-		sparklineData: ee
+		sparklineData: te
 	});
 }
 //#endregion
@@ -2323,13 +2323,13 @@ function va() {
 //#endregion
 //#region src/dashboards/renderers/UnknownWidgetFallback.tsx
 function ya({ widget: e }) {
-	return /* @__PURE__ */ M("div", {
+	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",
-		children: [/* @__PURE__ */ j("span", {
+		children: [/* @__PURE__ */ A("span", {
 			className: "text-sm font-medium text-destructive",
 			children: "Unknown widget type"
-		}), /* @__PURE__ */ M("span", {
+		}), /* @__PURE__ */ j("span", {
 			className: "text-xs text-muted-foreground",
 			children: [
 				"No renderer registered for type “",
@@ -2343,7 +2343,7 @@ function ya({ widget: e }) {
 //#region src/dashboards/WidgetItem.tsx
 va();
 function ba(e) {
-	return e.data ? Sa(e.widget, e.data) : /* @__PURE__ */ j(xa, {
+	return e.data ? Sa(e.widget, e.data) : /* @__PURE__ */ A(xa, {
 		widget: e.widget,
 		timeRange: e.timeRange,
 		filters: e.filters
@@ -2353,16 +2353,16 @@ function xa({ 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);
-	return o ? C(o, {
+	return o ? ee(o, {
 		widget: e,
 		timeRange: i,
 		filters: a
-	}) : /* @__PURE__ */ j(ya, { widget: e });
+	}) : /* @__PURE__ */ A(ya, { widget: e });
 }
 function Sa(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__ */ j(da, {
+		case "metric": return /* @__PURE__ */ A(da, {
 			value: t.value,
 			label: t.label,
 			state: t.state,
@@ -2370,12 +2370,12 @@ function Sa(e, t) {
 			trendSentiment: t.trendSentiment,
 			sparklineData: t.sparklineData
 		});
-		case "metric-group": return /* @__PURE__ */ j(oa, {
+		case "metric-group": return /* @__PURE__ */ A(oa, {
 			items: t.items,
 			state: t.state,
 			skeletonCount: t.skeletonCount
 		});
-		case "cartesian": return /* @__PURE__ */ j(Gi, {
+		case "cartesian": return /* @__PURE__ */ A(Gi, {
 			data: t.data,
 			config: t.config,
 			series: t.series,
@@ -2383,20 +2383,20 @@ function Sa(e, t) {
 			showTotal: t.showTotal,
 			totalLabel: t.totalLabel
 		});
-		case "bar": return /* @__PURE__ */ j(Ai, {
+		case "bar": return /* @__PURE__ */ A(Ai, {
 			data: t.data,
 			config: t.config,
 			state: t.state,
 			layout: t.layout,
 			showShare: t.showShare
 		});
-		case "doughnut": return /* @__PURE__ */ j(Yi, {
+		case "doughnut": return /* @__PURE__ */ A(Yi, {
 			data: t.data,
 			config: t.config,
 			state: t.state,
 			showShare: t.showShare
 		});
-		default: return /* @__PURE__ */ j(ya, { widget: e });
+		default: return /* @__PURE__ */ A(ya, { widget: e });
 	}
 }
 //#endregion
@@ -2409,20 +2409,20 @@ var Ca = {
 	xxs: 12
 };
 function wa({ dashboard: t, timeRange: n, filters: r = li, editable: i = !1, rowHeight: a, breakpointCols: o = Ca, onLayoutChange: s }) {
-	let c = e("observability.dashboards.write"), l = i && c, u = D(() => t.widgets.map((e) => ({
+	let c = e("observability.dashboards.write"), l = i && c, u = E(() => t.widgets.map((e) => ({
 		id: e.id,
 		x: e.layout.x,
 		y: e.layout.y,
 		cols: e.layout.cols,
 		rows: e.layout.rows
-	})), [t.widgets]), d = D(() => {
+	})), [t.widgets]), d = E(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let n of t.widgets) e.set(n.id, n);
 		return e;
 	}, [t.widgets]);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "w-full overflow-x-auto",
-		children: /* @__PURE__ */ j(wt, {
+		children: /* @__PURE__ */ A(Tt, {
 			widgets: u,
 			editable: l,
 			rowHeight: a,
@@ -2430,11 +2430,11 @@ function wa({ dashboard: t, timeRange: n, filters: r = li, editable: i = !1, row
 			onLayoutChange: s,
 			children: (e) => {
 				let t = d.get(e.id);
-				return t ? /* @__PURE__ */ j(Tt, {
+				return t ? /* @__PURE__ */ A(Et, {
 					title: t.title,
 					subtitle: t.description,
 					noPadding: Ta(t),
-					children: /* @__PURE__ */ j(ba, {
+					children: /* @__PURE__ */ A(ba, {
 						widget: t,
 						timeRange: n,
 						filters: r
@@ -2456,12 +2456,12 @@ var Ea = {
 	end: "items-end"
 };
 function Da({ timeRange: e, filters: t = li, align: n = "stretch", children: r }) {
-	return /* @__PURE__ */ j(di, {
-		value: D(() => ({
+	return /* @__PURE__ */ A(di, {
+		value: E(() => ({
 			timeRange: e,
 			filters: t
 		}), [e, t]),
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ A("div", {
 			className: `flex flex-wrap gap-4 ${Ea[n]} *:min-w-48 *:flex-1`,
 			children: r
 		})
@@ -2491,16 +2491,16 @@ function Aa(e, t) {
 //#region src/dashboards/templates/DashboardTemplatesProvider.tsx
 var ja = S(null);
 function Ma({ templates: e, children: t }) {
-	let n = D(() => e, [e]);
-	return /* @__PURE__ */ j(ja.Provider, {
+	let n = E(() => e, [e]);
+	return /* @__PURE__ */ A(ja.Provider, {
 		value: n,
 		children: t
 	});
 }
 function Na() {
-	let e = T(ja), t = a();
+	let e = w(ja), t = a();
 	if (!e) throw Error("[gamma-lib-observability] useDashboardTemplates must be used within a <DashboardTemplatesProvider>. Wrap your component tree with <DashboardTemplatesProvider templates={[...]}>.");
-	return D(() => Aa(e, t), [e, t]);
+	return E(() => Aa(e, t), [e, t]);
 }
 function Pa(e) {
 	return Na().find((t) => t.id === e);
@@ -2511,29 +2511,29 @@ function Fa(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] = k(!0), a = w(() => 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__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+	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, {
 		asChild: !0,
-		children: /* @__PURE__ */ M("button", {
+		children: /* @__PURE__ */ j("button", {
 			type: "button",
 			onClick: c,
-			className: H("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: 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),
 			"aria-label": u,
 			"aria-pressed": o,
-			children: [/* @__PURE__ */ M("span", {
+			children: [/* @__PURE__ */ j("span", {
 				className: "relative flex size-2",
-				children: [o && /* @__PURE__ */ j("span", { className: H("absolute inset-0 rounded-full bg-success", l ? "animate-ping" : "animate-pulse") }), /* @__PURE__ */ j("span", { className: H("relative inline-flex size-2 rounded-full", o ? "bg-success" : "bg-muted-foreground/50") })]
+				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") })]
 			}), o ? "Live" : "Paused"]
 		})
-	}), /* @__PURE__ */ j(z, {
+	}), /* @__PURE__ */ A(R, {
 		side: "bottom",
-		children: /* @__PURE__ */ j("p", { children: u })
+		children: /* @__PURE__ */ A("p", { children: u })
 	})] });
 }
 //#endregion
 //#region src/routing/use-observability-url-state.ts
 function La() {
-	let [e, t] = Zt(), n = D(() => Jn(e.get("q"), e.get("v")), [e]), r = w((e, n) => {
+	let [e, t] = Zt(), n = E(() => Jn(e.get("q"), e.get("v")), [e]), r = C((e, n) => {
 		let r = qn({
 			conditions: n,
 			timeRange: e
@@ -2542,7 +2542,7 @@ function La() {
 			let t = new URLSearchParams(e);
 			return r ? (t.set("q", r.q), t.set("v", r.v)) : (t.delete("q"), t.delete("v")), t;
 		}, { replace: !0 });
-	}, [t]), i = w((e) => r(e, n.conditions), [r, n.conditions]), a = w((e) => r(n.timeRange, e), [r, n.timeRange]);
+	}, [t]), i = C((e) => r(e, n.conditions), [r, n.conditions]), a = C((e) => r(n.timeRange, e), [r, n.timeRange]);
 	return {
 		timeRange: n.timeRange ?? Un,
 		filters: n.conditions,
@@ -2565,7 +2565,7 @@ function za(e) {
 }
 function Ba({ level: e }) {
 	let t = e.toLowerCase();
-	return /* @__PURE__ */ j(F, {
+	return /* @__PURE__ */ A(P, {
 		variant: za(t) ? Ra[t] : "secondary",
 		children: e.toUpperCase()
 	});
@@ -2606,7 +2606,7 @@ function Ga(e, t) {
 }
 function Ka(e, t, n, r) {
 	let i = e.href?.(t);
-	return !i || Ga(r, e.linkSentinels ?? Wa) ? n : /* @__PURE__ */ j("a", {
+	return !i || Ga(r, e.linkSentinels ?? Wa) ? n : /* @__PURE__ */ A("a", {
 		href: i,
 		target: "_blank",
 		rel: "noopener noreferrer",
@@ -2618,28 +2618,28 @@ function Ka(e, t, n, r) {
 function qa(e, t) {
 	if (e.render) return e.render(t);
 	let n = e.value(t);
-	if (n == null) return /* @__PURE__ */ j("span", {
+	if (n == null) return /* @__PURE__ */ A("span", {
 		className: "text-muted-foreground",
 		children: "—"
 	});
 	let r;
 	switch (e.variant) {
-		case "badge": return /* @__PURE__ */ j(Ba, { level: String(n) });
+		case "badge": return /* @__PURE__ */ A(Ba, { level: String(n) });
 		case "datetime":
-			r = /* @__PURE__ */ j("span", {
+			r = /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs",
 				children: Ha(n)
 			});
 			break;
 		case "duration":
-			r = /* @__PURE__ */ j("span", {
+			r = /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs",
 				children: Ua(n)
 			});
 			break;
 		case "status-code": {
 			let e = Number(n);
-			r = /* @__PURE__ */ j("span", {
+			r = /* @__PURE__ */ A("span", {
 				className: `font-mono text-xs font-medium ${e >= 500 ? "text-destructive" : e >= 400 ? "text-warning" : "text-success"}`,
 				children: n
 			});
@@ -2647,13 +2647,13 @@ function qa(e, t) {
 		}
 		case "http-method": {
 			let e = String(n).toUpperCase();
-			r = /* @__PURE__ */ j(F, {
+			r = /* @__PURE__ */ A(P, {
 				variant: Va[e] ?? "secondary",
 				children: e
 			});
 			break;
 		}
-		default: r = /* @__PURE__ */ j("span", {
+		default: r = /* @__PURE__ */ A("span", {
 			className: "text-sm",
 			children: String(n)
 		});
@@ -2701,12 +2701,12 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 	50,
 	100
 ], onRowClick: l, toolbar: u, getRowId: d, columnVisibilityStorageKey: f }) {
-	let p = D(() => Ja(e), [e]), m = D(() => Ya(e), [e]), [h, g] = k(() => f ? Xa(f, m) : m), _ = w((e) => {
+	let p = E(() => Ja(e), [e]), m = E(() => Ya(e), [e]), [h, g] = O(() => f ? Xa(f, m) : m), _ = C((e) => {
 		g((t) => {
 			let n = typeof e == "function" ? e(t) : e;
 			return f && Za(f, n), n;
 		});
-	}, [f]), v = w((e) => {
+	}, [f]), v = C((e) => {
 		if (!l) return;
 		let n = e.target;
 		if (n.closest("button, a, input, [role=\"checkbox\"]")) return;
@@ -2716,7 +2716,7 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 		if (!i) return;
 		let a = Array.from(i.children).indexOf(r), o = t[a];
 		a < 0 || !o || l(o);
-	}, [l, t]), y = w((e) => {
+	}, [l, t]), y = C((e) => {
 		if (!l || e.key !== "Enter" && e.key !== " ") return;
 		let n = e.target.closest("tbody tr");
 		if (!n) return;
@@ -2726,12 +2726,12 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 		let i = Array.from(r.children).indexOf(n), a = t[i];
 		i < 0 || !a || l(a);
 	}, [l, t]);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		role: l ? "grid" : void 0,
 		onClick: v,
 		onKeyDown: y,
 		className: l ? "[&_tbody_tr]:cursor-pointer" : void 0,
-		children: /* @__PURE__ */ j(be, {
+		children: /* @__PURE__ */ A(xe, {
 			columns: p,
 			data: t,
 			loading: n,
@@ -2746,15 +2746,15 @@ function Qa({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 				state: { columnVisibility: h },
 				onColumnVisibilityChange: _
 			},
-			emptyMessage: /* @__PURE__ */ j(Se, { children: /* @__PURE__ */ M(we, { children: [
-				/* @__PURE__ */ j(Te, {
+			emptyMessage: /* @__PURE__ */ A(Ce, { children: /* @__PURE__ */ j(Te, { children: [
+				/* @__PURE__ */ A(Ee, {
 					variant: "icon",
-					children: /* @__PURE__ */ j(ft, {})
+					children: /* @__PURE__ */ A(pt, {})
 				}),
-				/* @__PURE__ */ j(Ee, { children: "No logs found" }),
-				/* @__PURE__ */ j(Ce, { children: "Try adjusting your filters or time range to see log entries." })
+				/* @__PURE__ */ A(De, { children: "No logs found" }),
+				/* @__PURE__ */ A(we, { children: "Try adjusting your filters or time range to see log entries." })
 			] }) }),
-			footer: r > 0 ? /* @__PURE__ */ j(xe, {
+			footer: r > 0 ? /* @__PURE__ */ A(Se, {
 				page: i,
 				pageSize: a,
 				totalCount: r,
@@ -2796,14 +2796,14 @@ var eo = 40, to = "HTTP_REQUESTS", no = "COUNT", ro = {
 	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 = D(() => Wi(s, eo), [s]), u = D(() => [{
+	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]
-	}], []), d = D(() => ["HTTP_STATUS"], []), f = D(() => [
+	}], []), d = E(() => ["HTTP_STATUS"], []), f = E(() => [
 		ro,
 		io,
 		ao
-	], []), p = P({
+	], []), p = N({
 		queryKey: [...K.timeSeries(u, s, l, o, d), "histogram"],
 		queryFn: ({ signal: e }) => a.fetchTimeSeries({
 			metrics: u,
@@ -2815,7 +2815,7 @@ function oo(e) {
 			signal: e
 		}),
 		staleTime: G,
-		placeholderData: ie,
+		placeholderData: ae,
 		enabled: r && a !== null
 	});
 	return {
@@ -2845,40 +2845,40 @@ var so = {
 	}
 }, co = "100-399", lo = "400-499", uo = "500-599";
 function fo(e) {
-	let { data: t, isLoading: n, available: r } = oo(e), i = D(() => po(t), [t]);
+	let { data: t, isLoading: n, available: r } = oo(e), i = E(() => po(t), [t]);
 	if (!r) return null;
 	let a = !n && i.length === 0;
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "w-full",
 		"aria-label": "Log volume histogram",
-		children: [/* @__PURE__ */ j("p", {
+		children: [/* @__PURE__ */ A("p", {
 			className: "mb-1 text-xs text-muted-foreground",
 			children: "Requests over time"
-		}), /* @__PURE__ */ j(At, {
+		}), /* @__PURE__ */ A(jt, {
 			config: so,
 			className: "h-[120px] w-full",
-			children: /* @__PURE__ */ M(kt, {
+			children: /* @__PURE__ */ j(At, {
 				data: i,
 				state: n ? "loading" : a ? "empty" : "ready",
 				categoryScaleType: "band",
 				animated: !n,
 				children: [
-					/* @__PURE__ */ j(It, { orientation: "horizontal" }),
-					/* @__PURE__ */ j(Ot, {
+					/* @__PURE__ */ A(Lt, { orientation: "horizontal" }),
+					/* @__PURE__ */ A(kt, {
 						dataKey: co,
 						stackId: "volume"
 					}),
-					/* @__PURE__ */ j(Ot, {
+					/* @__PURE__ */ A(kt, {
 						dataKey: lo,
 						stackId: "volume"
 					}),
-					/* @__PURE__ */ j(Ot, {
+					/* @__PURE__ */ A(kt, {
 						dataKey: uo,
 						stackId: "volume"
 					}),
-					/* @__PURE__ */ j(Ht, {}),
-					/* @__PURE__ */ j(Ut, {}),
-					/* @__PURE__ */ j(Nt, { content: /* @__PURE__ */ j(Pt, { showTotal: !0 }) })
+					/* @__PURE__ */ A(Ut, {}),
+					/* @__PURE__ */ A(Wt, {}),
+					/* @__PURE__ */ A(Pt, { content: /* @__PURE__ */ A(Ft, { showTotal: !0 }) })
 				]
 			})
 		})]
@@ -2893,20 +2893,20 @@ function po(e) {
 //#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] = k(""), h = Dn({
+	let { timeRange: c, filters: l, setTimeRange: u, setFilters: d } = La(), f = kn(l, fn()), [p, m] = O(""), h = Dn({
 		timeRange: c,
 		filters: l,
 		search: br(p, mo) || void 0,
 		pageSize: n
-	}), g = O(s);
-	E(() => {
+	}), g = D(s);
+	T(() => {
 		g.current = s;
-	}, [s]), E(() => {
+	}, [s]), T(() => {
 		g.current?.(h.data);
 	}, [h.data]);
-	let _ = /* @__PURE__ */ M("div", {
+	let _ = /* @__PURE__ */ j("div", {
 		className: "relative flex-1",
-		children: [/* @__PURE__ */ j(bt, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ j(Ae, {
+		children: [/* @__PURE__ */ A(xt, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ A(je, {
 			type: "search",
 			placeholder: "Search logs…",
 			value: p,
@@ -2915,53 +2915,53 @@ function go({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 			"aria-label": "Search logs"
 		})]
 	});
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ j("h1", {
+			/* @__PURE__ */ A("h1", {
 				className: "text-lg font-semibold",
 				children: "Logs"
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ A("div", {
 						className: "flex flex-1 items-center gap-2",
-						children: /* @__PURE__ */ j(ci, {
+						children: /* @__PURE__ */ A(ci, {
 							filters: f,
 							onFiltersChange: d,
 							scopeFilterField: i
 						})
 					}),
-					/* @__PURE__ */ j(B, { children: /* @__PURE__ */ j(Ia, { isFetching: h.isFetching }) }),
-					/* @__PURE__ */ j(rr, {
+					/* @__PURE__ */ A(z, { children: /* @__PURE__ */ A(Ia, { isFetching: h.isFetching }) }),
+					/* @__PURE__ */ A(rr, {
 						value: c,
 						onChange: u
 					})
 				]
 			}),
-			/* @__PURE__ */ j(fo, {
+			/* @__PURE__ */ A(fo, {
 				timeRange: c,
 				filters: l,
 				analyticsFilterMapping: o
 			}),
-			h.isError && /* @__PURE__ */ M("div", {
+			h.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__ */ j(et, { className: "size-5 shrink-0 text-destructive" }),
-					/* @__PURE__ */ j("p", {
+					/* @__PURE__ */ A(tt, { className: "size-5 shrink-0 text-destructive" }),
+					/* @__PURE__ */ A("p", {
 						className: "flex-1 text-sm text-destructive",
 						children: h.error?.message ?? "Failed to load logs."
 					}),
-					/* @__PURE__ */ M(I, {
+					/* @__PURE__ */ j(F, {
 						variant: "outline",
 						size: "sm",
 						onClick: h.refetch,
-						children: [/* @__PURE__ */ j(yt, { className: "size-3.5" }), "Retry"]
+						children: [/* @__PURE__ */ A(bt, { className: "size-3.5" }), "Retry"]
 					})
 				]
 			}),
-			/* @__PURE__ */ j(Qa, {
+			/* @__PURE__ */ A(Qa, {
 				columns: e,
 				data: h.data,
 				loading: h.isLoading,
@@ -2993,23 +2993,23 @@ function _o({ basePath: e, timeRange: t, filters: n = [] }) {
 //#region src/logs/default-connection-log-columns.tsx
 var vo = {
 	HTTP_PROXY: {
-		icon: ht,
+		icon: gt,
 		label: "HTTP"
 	},
 	LLM_PROXY: {
-		icon: rt,
+		icon: it,
 		label: "LLM"
 	},
 	MCP_PROXY: {
-		icon: it,
+		icon: at,
 		label: "MCP"
 	},
 	MESSAGE: {
-		icon: gt,
+		icon: _t,
 		label: "Message"
 	},
 	WEBHOOK: {
-		icon: St,
+		icon: Ct,
 		label: "Webhook"
 	}
 };
@@ -3017,14 +3017,14 @@ function yo(e) {
 	let t = vo[e.apiType];
 	if (t) {
 		let e = t.icon;
-		return /* @__PURE__ */ M("span", {
+		return /* @__PURE__ */ j("span", {
 			className: "inline-flex items-center gap-1 text-xs",
-			children: [/* @__PURE__ */ j(e, { className: "size-3.5" }), t.label]
+			children: [/* @__PURE__ */ A(e, { className: "size-3.5" }), t.label]
 		});
 	}
-	return /* @__PURE__ */ M("span", {
+	return /* @__PURE__ */ j("span", {
 		className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
-		children: [/* @__PURE__ */ j(lt, { className: "size-3.5" }), e.apiType]
+		children: [/* @__PURE__ */ A(ut, { className: "size-3.5" }), e.apiType]
 	});
 }
 var bo = "apis";
@@ -3065,7 +3065,7 @@ function So(e, t) {
 			key: "uri",
 			label: "URI",
 			value: (e) => e.uri,
-			render: (e) => /* @__PURE__ */ j("span", {
+			render: (e) => /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs",
 				children: e.uri
 			}),
@@ -3082,7 +3082,7 @@ function So(e, t) {
 			key: "entrypoint",
 			label: "Entrypoint",
 			value: (e) => e.entrypoint,
-			render: (e) => /* @__PURE__ */ j("span", {
+			render: (e) => /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs text-muted-foreground",
 				children: e.entrypoint
 			}),
@@ -3113,7 +3113,7 @@ function So(e, t) {
 			key: "errorKey",
 			label: "Error",
 			value: (e) => e.errorKey,
-			render: (e) => e.errorKey ? /* @__PURE__ */ j("span", {
+			render: (e) => e.errorKey ? /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs text-destructive",
 				children: e.errorKey
 			}) : null,
@@ -3129,7 +3129,7 @@ function So(e, t) {
 			key: "transactionId",
 			label: "Transaction ID",
 			value: (e) => e.transactionId,
-			render: (e) => /* @__PURE__ */ j("span", {
+			render: (e) => /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs text-muted-foreground",
 				children: e.transactionId
 			}),
@@ -3139,7 +3139,7 @@ function So(e, t) {
 			key: "requestId",
 			label: "Request ID",
 			value: (e) => e.requestId,
-			render: (e) => /* @__PURE__ */ j("span", {
+			render: (e) => /* @__PURE__ */ A("span", {
 				className: "font-mono text-xs text-muted-foreground",
 				children: e.requestId
 			}),
@@ -3168,40 +3168,40 @@ function So(e, t) {
 //#region src/logs/detail/components/LogDetailCodeBlock.tsx
 var Co = 240;
 function X({ code: e, language: t = "json", maxHeight: n = Co }) {
-	let [r, i] = k(!1);
-	if (!e) return /* @__PURE__ */ j("p", {
+	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;
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "relative rounded-lg border",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ A("div", {
 				className: "absolute right-2 top-2 z-10",
-				children: /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+				children: /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 					asChild: !0,
-					children: /* @__PURE__ */ j(I, {
+					children: /* @__PURE__ */ A(F, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-7",
 						onClick: () => {
-							navigator.clipboard.writeText(a).then(() => U.success("Copied to clipboard"), () => U.error("Failed to copy to clipboard"));
+							navigator.clipboard.writeText(a).then(() => H.success("Copied to clipboard"), () => H.error("Failed to copy to clipboard"));
 						},
 						"aria-label": "Copy body",
-						children: /* @__PURE__ */ j(ut, { className: "size-3.5" })
+						children: /* @__PURE__ */ A(dt, { className: "size-3.5" })
 					})
-				}), /* @__PURE__ */ j(z, { children: "Copy" })] }) })
+				}), /* @__PURE__ */ A(R, { children: "Copy" })] }) })
 			}),
-			/* @__PURE__ */ j("pre", {
+			/* @__PURE__ */ A("pre", {
 				className: "overflow-auto p-4 text-[13px] font-mono leading-relaxed text-foreground/90",
 				style: { maxHeight: r ? void 0 : n },
-				children: /* @__PURE__ */ j("code", { children: a })
+				children: /* @__PURE__ */ A("code", { children: a })
 			}),
-			o && !r && /* @__PURE__ */ M("button", {
+			o && !r && /* @__PURE__ */ j("button", {
 				onClick: () => i(!0),
 				className: "flex w-full items-center justify-center gap-1.5 border-t bg-muted/30 py-2 text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors duration-150 rounded-b-lg",
-				children: [/* @__PURE__ */ j(st, { className: "size-3.5" }), "Show more"]
+				children: [/* @__PURE__ */ A(ct, { className: "size-3.5" }), "Show more"]
 			})
 		]
 	});
@@ -3217,7 +3217,7 @@ function wo(e) {
 //#endregion
 //#region src/logs/detail/components/LogDetailEmptyField.tsx
 function Z({ message: e = "Not captured" }) {
-	return /* @__PURE__ */ j("p", {
+	return /* @__PURE__ */ A("p", {
 		className: "text-xs italic text-muted-foreground py-2",
 		children: e
 	});
@@ -3225,18 +3225,18 @@ 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__ */ j(Z, { message: "No headers captured" }) : /* @__PURE__ */ j("div", {
+	return !e || Object.keys(e).length === 0 ? /* @__PURE__ */ A(Z, { message: "No headers captured" }) : /* @__PURE__ */ A("div", {
 		className: "rounded-lg border overflow-hidden",
-		children: /* @__PURE__ */ j("table", {
+		children: /* @__PURE__ */ A("table", {
 			className: "w-full text-[13px]",
-			children: /* @__PURE__ */ j("tbody", {
+			children: /* @__PURE__ */ A("tbody", {
 				className: "divide-y divide-border/50",
-				children: Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => /* @__PURE__ */ M("tr", {
+				children: Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => /* @__PURE__ */ j("tr", {
 					className: "hover:bg-muted/20 transition-colors duration-100",
-					children: [/* @__PURE__ */ j("td", {
+					children: [/* @__PURE__ */ A("td", {
 						className: "px-3 py-2 font-medium text-muted-foreground whitespace-nowrap align-top w-[180px]",
 						children: e
-					}), /* @__PURE__ */ j("td", {
+					}), /* @__PURE__ */ A("td", {
 						className: "px-3 py-2 text-foreground break-all",
 						children: Array.isArray(t) ? t.join(", ") : t
 					})]
@@ -3248,12 +3248,12 @@ function Q({ headers: e }) {
 //#endregion
 //#region src/logs/detail/components/LogDetailJsonTree.tsx
 function To({ data: e, onCopyAll: t }) {
-	let n = O(null), r = () => {
+	let n = D(null), r = () => {
 		let n = JSON.stringify(e, null, 2);
 		navigator.clipboard.writeText(n).then(() => {
-			U.success("Full JSON copied to clipboard"), t?.();
-		}, () => U.error("Failed to copy to clipboard"));
-	}, i = w((e) => {
+			H.success("Full JSON copied to clipboard"), t?.();
+		}, () => H.error("Failed to copy to clipboard"));
+	}, i = C((e) => {
 		let t = e.target, r = n.current?.querySelectorAll("[role=\"treeitem\"]");
 		if (!r) return;
 		let i = Array.from(r).indexOf(t);
@@ -3266,29 +3266,29 @@ function To({ data: e, onCopyAll: t }) {
 				break;
 		}
 	}, []);
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "flex justify-end",
-			children: /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+			children: /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 				asChild: !0,
-				children: /* @__PURE__ */ j(I, {
+				children: /* @__PURE__ */ A(F, {
 					variant: "ghost",
 					size: "icon",
 					className: "size-7",
 					onClick: r,
 					"aria-label": "Copy JSON",
-					children: /* @__PURE__ */ j(ut, { className: "size-3.5" })
+					children: /* @__PURE__ */ A(dt, { className: "size-3.5" })
 				})
-			}), /* @__PURE__ */ j(z, { children: "Copy full JSON" })] }) })
-		}), /* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ A(R, { children: "Copy full JSON" })] }) })
+		}), /* @__PURE__ */ A("div", {
 			ref: n,
 			role: "tree",
 			tabIndex: 0,
 			"aria-label": "Log attributes",
 			className: "rounded-md border p-3 text-xs font-mono",
 			onKeyDown: i,
-			children: /* @__PURE__ */ j(Eo, {
+			children: /* @__PURE__ */ A(Eo, {
 				value: e,
 				depth: 0,
 				isRoot: !0
@@ -3297,8 +3297,8 @@ function To({ data: e, onCopyAll: t }) {
 	});
 }
 function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
-	let [a, o] = k(n < 2);
-	if (t === null) return /* @__PURE__ */ j(Do, {
+	let [a, o] = O(n < 2);
+	if (t === null) return /* @__PURE__ */ A(Do, {
 		name: e,
 		value: "null",
 		className: "text-muted-foreground",
@@ -3307,52 +3307,52 @@ function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
 	if (t === void 0) return null;
 	if (typeof t == "object") {
 		let s = Array.isArray(t), c = s ? t.map((e, t) => [String(t), e]) : Object.entries(t), l = s ? ["[", "]"] : ["{", "}"];
-		return c.length === 0 ? /* @__PURE__ */ M("div", {
+		return c.length === 0 ? /* @__PURE__ */ j("div", {
 			className: "flex items-center",
 			role: "treeitem",
 			tabIndex: 0,
 			"aria-selected": !1,
 			children: [
-				e && /* @__PURE__ */ j("span", {
+				e && /* @__PURE__ */ A("span", {
 					className: "text-primary",
 					children: e
 				}),
-				e && /* @__PURE__ */ j("span", {
+				e && /* @__PURE__ */ A("span", {
 					className: "text-muted-foreground",
 					children: ": "
 				}),
-				/* @__PURE__ */ M("span", {
+				/* @__PURE__ */ j("span", {
 					className: "text-muted-foreground",
 					children: [l[0], l[1]]
 				})
 			]
-		}) : /* @__PURE__ */ M("div", {
+		}) : /* @__PURE__ */ j("div", {
 			role: "treeitem",
 			tabIndex: 0,
 			"aria-selected": !1,
 			"aria-expanded": a,
 			children: [
-				/* @__PURE__ */ M("button", {
+				/* @__PURE__ */ j("button", {
 					onClick: () => o(!a),
 					className: "flex items-center gap-0.5 hover:bg-muted/50 rounded -ml-4 pl-4 pr-1",
 					children: [
-						/* @__PURE__ */ j(ct, { className: `size-3 shrink-0 text-muted-foreground transition-transform duration-150 ${a ? "rotate-90" : ""}` }),
-						e && /* @__PURE__ */ j("span", {
+						/* @__PURE__ */ A(lt, { className: `size-3 shrink-0 text-muted-foreground transition-transform duration-150 ${a ? "rotate-90" : ""}` }),
+						e && /* @__PURE__ */ A("span", {
 							className: "text-primary",
 							children: e
 						}),
-						e && /* @__PURE__ */ j("span", {
+						e && /* @__PURE__ */ A("span", {
 							className: "text-muted-foreground",
 							children: ": "
 						}),
-						!a && /* @__PURE__ */ M("span", {
+						!a && /* @__PURE__ */ j("span", {
 							className: "text-muted-foreground",
 							children: [
 								l[0],
 								"...",
 								l[1],
 								" ",
-								/* @__PURE__ */ M("span", {
+								/* @__PURE__ */ j("span", {
 									className: "text-[10px]",
 									children: [
 										"(",
@@ -3362,45 +3362,45 @@ function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
 								})
 							]
 						}),
-						a && /* @__PURE__ */ j("span", {
+						a && /* @__PURE__ */ A("span", {
 							className: "text-muted-foreground",
 							children: l[0]
 						})
 					]
 				}),
-				a && /* @__PURE__ */ j("div", {
+				a && /* @__PURE__ */ A("div", {
 					className: "ml-4 border-l border-muted pl-2",
 					role: "group",
-					children: c.map(([e, t], r) => /* @__PURE__ */ j(Eo, {
+					children: c.map(([e, t], r) => /* @__PURE__ */ A(Eo, {
 						name: s ? void 0 : e,
 						value: t,
 						depth: n + 1,
 						isLast: r === c.length - 1
 					}, e))
 				}),
-				a && /* @__PURE__ */ M("span", {
+				a && /* @__PURE__ */ j("span", {
 					className: "text-muted-foreground",
 					children: [l[1], !i && !r ? "," : ""]
 				})
 			]
 		});
 	}
-	return typeof t == "string" ? /* @__PURE__ */ j(Do, {
+	return typeof t == "string" ? /* @__PURE__ */ A(Do, {
 		name: e,
 		value: `"${t}"`,
 		className: "text-green-600 dark:text-green-400",
 		isLast: i
-	}) : typeof t == "number" ? /* @__PURE__ */ j(Do, {
+	}) : typeof t == "number" ? /* @__PURE__ */ A(Do, {
 		name: e,
 		value: String(t),
 		className: "text-blue-600 dark:text-blue-400",
 		isLast: i
-	}) : typeof t == "boolean" ? /* @__PURE__ */ j(Do, {
+	}) : typeof t == "boolean" ? /* @__PURE__ */ A(Do, {
 		name: e,
 		value: String(t),
 		className: "text-amber-600 dark:text-amber-400",
 		isLast: i
-	}) : /* @__PURE__ */ j(Do, {
+	}) : /* @__PURE__ */ A(Do, {
 		name: e,
 		value: String(t),
 		className: "text-foreground",
@@ -3408,25 +3408,25 @@ function Eo({ name: e, value: t, depth: n, isRoot: r, isLast: i }) {
 	});
 }
 function Do({ name: e, value: t, className: n, isLast: r }) {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex items-center py-px",
 		role: "treeitem",
 		tabIndex: 0,
 		"aria-selected": !1,
 		children: [
-			e && /* @__PURE__ */ j("span", {
+			e && /* @__PURE__ */ A("span", {
 				className: "text-primary",
 				children: e
 			}),
-			e && /* @__PURE__ */ j("span", {
+			e && /* @__PURE__ */ A("span", {
 				className: "text-muted-foreground",
 				children: ": "
 			}),
-			/* @__PURE__ */ j("span", {
+			/* @__PURE__ */ A("span", {
 				className: `truncate max-w-[300px] ${n}`,
 				children: t
 			}),
-			!r && /* @__PURE__ */ j("span", {
+			!r && /* @__PURE__ */ A("span", {
 				className: "text-muted-foreground",
 				children: ","
 			})
@@ -3437,9 +3437,9 @@ function Do({ name: e, value: t, className: n, isLast: r }) {
 //#region src/logs/detail/components/LogDetailKeyValueGrid.tsx
 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__ */ j("dl", {
+	return r.length === 0 ? null : /* @__PURE__ */ A("dl", {
 		className: "space-y-0 divide-y divide-border/50",
-		children: r.map((e) => /* @__PURE__ */ j(Oo, {
+		children: r.map((e) => /* @__PURE__ */ A(Oo, {
 			item: e,
 			onFilter: t,
 			wrap: n
@@ -3448,37 +3448,37 @@ function $({ items: e, onFilter: t, wrap: n = !1 }) {
 }
 function Oo({ item: e, onFilter: t, wrap: n }) {
 	let r = String(e.value), i = n ? "break-words whitespace-pre-wrap" : "truncate";
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "group flex items-baseline gap-4 py-2.5",
-		children: [/* @__PURE__ */ j("dt", {
+		children: [/* @__PURE__ */ A("dt", {
 			className: "w-28 shrink-0 text-xs text-muted-foreground",
 			children: e.label
-		}), /* @__PURE__ */ M("dd", {
+		}), /* @__PURE__ */ j("dd", {
 			className: "flex min-w-0 flex-1 items-center gap-1.5",
-			children: [e.href ? /* @__PURE__ */ j("a", {
+			children: [e.href ? /* @__PURE__ */ A("a", {
 				href: e.href,
 				className: `text-sm text-primary hover:underline ${i}`,
 				children: r
-			}) : /* @__PURE__ */ j("span", {
+			}) : /* @__PURE__ */ A("span", {
 				className: `text-sm text-foreground ${i}`,
 				children: r
-			}), /* @__PURE__ */ M("span", {
+			}), /* @__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__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+				children: [e.copyable !== !1 && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 					asChild: !0,
-					children: /* @__PURE__ */ j(I, {
+					children: /* @__PURE__ */ A(F, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-6",
 						onClick: () => {
-							navigator.clipboard.writeText(r).then(() => U.success("Copied to clipboard"), () => U.error("Failed to copy to clipboard"));
+							navigator.clipboard.writeText(r).then(() => H.success("Copied to clipboard"), () => H.error("Failed to copy to clipboard"));
 						},
 						"aria-label": "Copy value",
-						children: /* @__PURE__ */ j(ut, { className: "size-3" })
+						children: /* @__PURE__ */ A(dt, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ j(z, { children: "Copy" })] }) }), e.filterable && e.filterField && t && /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+				}), /* @__PURE__ */ A(R, { children: "Copy" })] }) }), e.filterable && e.filterField && t && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 					asChild: !0,
-					children: /* @__PURE__ */ j(I, {
+					children: /* @__PURE__ */ A(F, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-6",
@@ -3486,9 +3486,9 @@ function Oo({ item: e, onFilter: t, wrap: n }) {
 							t && e.filterField && t(e.filterField, e.filterValue ?? r);
 						},
 						"aria-label": "Filter by this value",
-						children: /* @__PURE__ */ j(pt, { className: "size-3" })
+						children: /* @__PURE__ */ A(mt, { className: "size-3" })
 					})
-				}), /* @__PURE__ */ j(z, { children: "Filter" })] }) })]
+				}), /* @__PURE__ */ A(R, { children: "Filter" })] }) })]
 			})]
 		})]
 	});
@@ -3529,7 +3529,7 @@ function ko(e) {
 				key: "overview",
 				title: "Overview",
 				defaultOpen: !0,
-				render: (t, r) => /* @__PURE__ */ j(Ao, {
+				render: (t, r) => /* @__PURE__ */ A(Ao, {
 					log: n,
 					basePath: e?.basePath,
 					extraFields: e?.extraFields,
@@ -3539,23 +3539,23 @@ function ko(e) {
 				key: "request",
 				title: "Request",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(jo, { log: n })
+				render: () => /* @__PURE__ */ A(jo, { log: n })
 			}), i.has("response") || a.push({
 				key: "response",
 				title: "Response",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(Mo, { log: n })
+				render: () => /* @__PURE__ */ A(Mo, { 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__ */ j(No, { log: n })
+				render: () => /* @__PURE__ */ A(No, { log: n })
 			}), i.has("raw") || a.push({
 				key: "raw",
 				title: "Raw JSON",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(To, { data: n })
+				render: () => /* @__PURE__ */ A(To, { data: n })
 			}), {
 				header: {
 					method: () => n.method,
@@ -3571,7 +3571,7 @@ function ko(e) {
 }
 function Ao({ log: e, basePath: t, extraFields: n, onFilter: r }) {
 	let i = t?.replace(/\/$/, "") ?? "";
-	return /* @__PURE__ */ j($, {
+	return /* @__PURE__ */ A($, {
 		items: [
 			{
 				label: "API",
@@ -3644,91 +3644,91 @@ function Ao({ log: e, basePath: t, extraFields: n, onFilter: r }) {
 }
 function jo({ log: e }) {
 	let t = e.entrypointRequest, n = e.endpointRequest;
-	return !t && !n ? /* @__PURE__ */ j(Z, { message: "No request details captured" }) : /* @__PURE__ */ M("div", {
+	return !t && !n ? /* @__PURE__ */ A(Z, { message: "No request details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-4",
-		children: [t && /* @__PURE__ */ M("div", {
+		children: [t && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ j("h4", {
+				/* @__PURE__ */ A("h4", {
 					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 					children: "Consumer (Entrypoint)"
 				}),
-				/* @__PURE__ */ j($, { items: [...e.entrypointRequest.method ? [{
+				/* @__PURE__ */ A($, { items: [...e.entrypointRequest.method ? [{
 					label: "Method",
 					value: e.entrypointRequest.method
 				}] : [], ...e.entrypointRequest.uri ? [{
 					label: "URI",
 					value: e.entrypointRequest.uri
 				}] : []] }),
-				/* @__PURE__ */ j(Q, { headers: e.entrypointRequest.headers }),
-				/* @__PURE__ */ j(X, { code: e.entrypointRequest.body })
+				/* @__PURE__ */ A(Q, { headers: e.entrypointRequest.headers }),
+				/* @__PURE__ */ A(X, { code: e.entrypointRequest.body })
 			]
-		}), n && /* @__PURE__ */ M("div", {
+		}), n && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ j("h4", {
+				/* @__PURE__ */ A("h4", {
 					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 					children: "Gateway (Endpoint)"
 				}),
-				/* @__PURE__ */ j($, { items: [...e.endpointRequest.method ? [{
+				/* @__PURE__ */ A($, { items: [...e.endpointRequest.method ? [{
 					label: "Method",
 					value: e.endpointRequest.method
 				}] : [], ...e.endpointRequest.uri ? [{
 					label: "URI",
 					value: e.endpointRequest.uri
 				}] : []] }),
-				/* @__PURE__ */ j(Q, { headers: e.endpointRequest.headers }),
-				/* @__PURE__ */ j(X, { code: e.endpointRequest.body })
+				/* @__PURE__ */ A(Q, { headers: e.endpointRequest.headers }),
+				/* @__PURE__ */ A(X, { code: e.endpointRequest.body })
 			]
 		})]
 	});
 }
 function Mo({ log: e }) {
 	let t = e.endpointResponse, n = e.entrypointResponse;
-	return !t && !n ? /* @__PURE__ */ j(Z, { message: "No response details captured" }) : /* @__PURE__ */ M("div", {
+	return !t && !n ? /* @__PURE__ */ A(Z, { message: "No response details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-4",
-		children: [t && /* @__PURE__ */ M("div", {
+		children: [t && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ j("h4", {
+				/* @__PURE__ */ A("h4", {
 					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 					children: "Gateway (Endpoint)"
 				}),
-				e.endpointResponse.status !== void 0 && /* @__PURE__ */ j($, { items: [{
+				e.endpointResponse.status !== void 0 && /* @__PURE__ */ A($, { items: [{
 					label: "Status",
 					value: e.endpointResponse.status
 				}] }),
-				/* @__PURE__ */ j(Q, { headers: e.endpointResponse.headers }),
-				/* @__PURE__ */ j(X, { code: e.endpointResponse.body })
+				/* @__PURE__ */ A(Q, { headers: e.endpointResponse.headers }),
+				/* @__PURE__ */ A(X, { code: e.endpointResponse.body })
 			]
-		}), n && /* @__PURE__ */ M("div", {
+		}), n && /* @__PURE__ */ j("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ j("h4", {
+				/* @__PURE__ */ A("h4", {
 					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 					children: "Consumer (Entrypoint)"
 				}),
-				e.entrypointResponse.status !== void 0 && /* @__PURE__ */ j($, { items: [{
+				e.entrypointResponse.status !== void 0 && /* @__PURE__ */ A($, { items: [{
 					label: "Status",
 					value: e.entrypointResponse.status
 				}] }),
-				/* @__PURE__ */ j(Q, { headers: e.entrypointResponse.headers }),
-				/* @__PURE__ */ j(X, { code: e.entrypointResponse.body })
+				/* @__PURE__ */ A(Q, { headers: e.entrypointResponse.headers }),
+				/* @__PURE__ */ A(X, { code: e.entrypointResponse.body })
 			]
 		})]
 	});
 }
 function No({ log: e }) {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "space-y-3",
-		children: [e.errorKey && /* @__PURE__ */ M("div", {
+		children: [e.errorKey && /* @__PURE__ */ j("div", {
 			className: "rounded-md border border-destructive/20 bg-destructive/5 p-3",
 			children: [
-				/* @__PURE__ */ M("p", {
+				/* @__PURE__ */ j("p", {
 					className: "text-xs font-medium text-destructive",
 					children: ["Error: ", e.errorKey]
 				}),
-				e.errorComponentType && /* @__PURE__ */ M("p", {
+				e.errorComponentType && /* @__PURE__ */ j("p", {
 					className: "text-xs text-muted-foreground mt-1",
 					children: [
 						"Component: ",
@@ -3737,19 +3737,19 @@ function No({ log: e }) {
 						e.errorComponentName
 					]
 				}),
-				e.errorMessage && /* @__PURE__ */ j("p", {
+				e.errorMessage && /* @__PURE__ */ A("p", {
 					className: "text-xs text-muted-foreground mt-1",
 					children: e.errorMessage
 				})
 			]
-		}), e.warnings?.map((e, t) => /* @__PURE__ */ M("div", {
+		}), e.warnings?.map((e, t) => /* @__PURE__ */ j("div", {
 			className: "rounded-md border border-amber-500/20 bg-amber-500/5 p-3",
 			children: [
-				/* @__PURE__ */ M("p", {
+				/* @__PURE__ */ j("p", {
 					className: "text-xs font-medium text-amber-600 dark:text-amber-400",
 					children: ["Warning: ", e.key]
 				}),
-				e.componentType && /* @__PURE__ */ M("p", {
+				e.componentType && /* @__PURE__ */ j("p", {
 					className: "text-xs text-muted-foreground mt-1",
 					children: [
 						"Component: ",
@@ -3758,7 +3758,7 @@ function No({ log: e }) {
 						e.componentName
 					]
 				}),
-				e.message && /* @__PURE__ */ j("p", {
+				e.message && /* @__PURE__ */ A("p", {
 					className: "text-xs text-muted-foreground mt-1",
 					children: e.message
 				})
@@ -3778,7 +3778,7 @@ function Fo(e) {
 				key: "overview",
 				title: "Overview",
 				defaultOpen: !0,
-				render: (e, t) => /* @__PURE__ */ j(Io, {
+				render: (e, t) => /* @__PURE__ */ A(Io, {
 					log: n,
 					onFilter: t
 				})
@@ -3786,14 +3786,14 @@ function Fo(e) {
 				key: "connection",
 				title: "Connection Logs",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(Lo, { log: n })
+				render: () => /* @__PURE__ */ A(Lo, { log: n })
 			}];
 			return n.messages && n.messages.length > 0 && r.push({
 				key: "messages",
 				title: "Messages",
 				defaultOpen: !0,
 				badge: () => n.messages?.length,
-				render: () => /* @__PURE__ */ j(Ro, {
+				render: () => /* @__PURE__ */ A(Ro, {
 					messages: n.messages,
 					pageSize: t
 				})
@@ -3801,7 +3801,7 @@ function Fo(e) {
 				key: "raw",
 				title: "Raw JSON",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(To, { data: n })
+				render: () => /* @__PURE__ */ A(To, { data: n })
 			}), {
 				header: {
 					method: () => void 0,
@@ -3816,7 +3816,7 @@ function Fo(e) {
 	};
 }
 function Io({ log: e, onFilter: t }) {
-	return /* @__PURE__ */ j($, {
+	return /* @__PURE__ */ A($, {
 		items: [
 			{
 				label: "API",
@@ -3861,83 +3861,83 @@ function Io({ log: e, onFilter: t }) {
 	});
 }
 function Lo({ log: e }) {
-	return e.entrypointRequest || e.endpointRequest || e.entrypointResponse || e.endpointResponse ? /* @__PURE__ */ M("div", {
+	return e.entrypointRequest || e.endpointRequest || e.entrypointResponse || e.endpointResponse ? /* @__PURE__ */ j("div", {
 		className: "space-y-4",
 		children: [
-			e.entrypointRequest && /* @__PURE__ */ M("div", {
+			e.entrypointRequest && /* @__PURE__ */ j("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ j("h4", {
+					/* @__PURE__ */ A("h4", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 						children: "Entrypoint Request"
 					}),
-					/* @__PURE__ */ j($, { items: [...e.entrypointRequest.method ? [{
+					/* @__PURE__ */ A($, { items: [...e.entrypointRequest.method ? [{
 						label: "Method",
 						value: e.entrypointRequest.method
 					}] : [], ...e.entrypointRequest.uri ? [{
 						label: "URI",
 						value: e.entrypointRequest.uri
 					}] : []] }),
-					/* @__PURE__ */ j(Q, { headers: e.entrypointRequest.headers }),
-					/* @__PURE__ */ j(X, { code: e.entrypointRequest.body })
+					/* @__PURE__ */ A(Q, { headers: e.entrypointRequest.headers }),
+					/* @__PURE__ */ A(X, { code: e.entrypointRequest.body })
 				]
 			}),
-			e.endpointRequest && /* @__PURE__ */ M("div", {
+			e.endpointRequest && /* @__PURE__ */ j("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ j("h4", {
+					/* @__PURE__ */ A("h4", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 						children: "Endpoint Request"
 					}),
-					/* @__PURE__ */ j($, { items: [...e.endpointRequest.method ? [{
+					/* @__PURE__ */ A($, { items: [...e.endpointRequest.method ? [{
 						label: "Method",
 						value: e.endpointRequest.method
 					}] : [], ...e.endpointRequest.uri ? [{
 						label: "URI",
 						value: e.endpointRequest.uri
 					}] : []] }),
-					/* @__PURE__ */ j(Q, { headers: e.endpointRequest.headers }),
-					/* @__PURE__ */ j(X, { code: e.endpointRequest.body })
+					/* @__PURE__ */ A(Q, { headers: e.endpointRequest.headers }),
+					/* @__PURE__ */ A(X, { code: e.endpointRequest.body })
 				]
 			}),
-			e.endpointResponse && /* @__PURE__ */ M("div", {
+			e.endpointResponse && /* @__PURE__ */ j("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ j("h4", {
+					/* @__PURE__ */ A("h4", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 						children: "Endpoint Response"
 					}),
-					/* @__PURE__ */ j($, { items: [...e.endpointResponse.status === void 0 ? [] : [{
+					/* @__PURE__ */ A($, { items: [...e.endpointResponse.status === void 0 ? [] : [{
 						label: "Status",
 						value: e.endpointResponse.status
 					}]] }),
-					/* @__PURE__ */ j(Q, { headers: e.endpointResponse.headers }),
-					/* @__PURE__ */ j(X, { code: e.endpointResponse.body })
+					/* @__PURE__ */ A(Q, { headers: e.endpointResponse.headers }),
+					/* @__PURE__ */ A(X, { code: e.endpointResponse.body })
 				]
 			}),
-			e.entrypointResponse && /* @__PURE__ */ M("div", {
+			e.entrypointResponse && /* @__PURE__ */ j("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ j("h4", {
+					/* @__PURE__ */ A("h4", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
 						children: "Entrypoint Response"
 					}),
-					/* @__PURE__ */ j($, { items: [...e.entrypointResponse.status === void 0 ? [] : [{
+					/* @__PURE__ */ A($, { items: [...e.entrypointResponse.status === void 0 ? [] : [{
 						label: "Status",
 						value: e.entrypointResponse.status
 					}]] }),
-					/* @__PURE__ */ j(Q, { headers: e.entrypointResponse.headers }),
-					/* @__PURE__ */ j(X, { code: e.entrypointResponse.body })
+					/* @__PURE__ */ A(Q, { headers: e.entrypointResponse.headers }),
+					/* @__PURE__ */ A(X, { code: e.entrypointResponse.body })
 				]
 			})
 		]
-	}) : /* @__PURE__ */ j(Z, { message: "No connection log details captured" });
+	}) : /* @__PURE__ */ A(Z, { message: "No connection log details captured" });
 }
 function Ro({ messages: e, pageSize: t }) {
-	let [n, r] = k(t), i = e.slice(0, n), a = n < e.length;
-	return /* @__PURE__ */ M("div", {
+	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__ */ j(zo, { message: e }, e.id ?? t)), a && /* @__PURE__ */ M("button", {
+		children: [i.map((e, t) => /* @__PURE__ */ A(zo, { 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: [
@@ -3949,44 +3949,44 @@ function Ro({ messages: e, pageSize: t }) {
 	});
 }
 function zo({ message: e }) {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "rounded-md border p-3 space-y-2",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2 flex-wrap",
 				children: [
-					/* @__PURE__ */ j(F, {
+					/* @__PURE__ */ A(P, {
 						variant: "secondary",
 						className: "text-[10px]",
 						children: new Date(e.timestamp).toLocaleTimeString()
 					}),
-					/* @__PURE__ */ j(F, {
+					/* @__PURE__ */ A(P, {
 						variant: e.operation === "PUBLISH" ? "default" : "outline",
 						className: "text-[10px]",
 						children: e.operation
 					}),
-					e.correlationId && /* @__PURE__ */ j("span", {
+					e.correlationId && /* @__PURE__ */ A("span", {
 						className: "font-mono text-[10px] text-muted-foreground truncate max-w-[150px]",
 						children: e.correlationId
 					})
 				]
 			}),
-			e.entrypoint && /* @__PURE__ */ M("div", {
+			e.entrypoint && /* @__PURE__ */ j("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ M("p", {
+				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__ */ j(X, {
+				}), e.entrypoint.payload && /* @__PURE__ */ A(X, {
 					code: e.entrypoint.payload,
 					maxHeight: 100
 				})]
 			}),
-			e.endpoint && /* @__PURE__ */ M("div", {
+			e.endpoint && /* @__PURE__ */ j("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ M("p", {
+				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__ */ j(X, {
+				}), e.endpoint.payload && /* @__PURE__ */ A(X, {
 					code: e.endpoint.payload,
 					maxHeight: 100
 				})]
@@ -4021,7 +4021,7 @@ function Bo(e) {
 				key: "overview",
 				title: "Overview",
 				defaultOpen: !0,
-				render: () => /* @__PURE__ */ j(Vo, {
+				render: () => /* @__PURE__ */ A(Vo, {
 					log: n,
 					basePath: e?.basePath
 				})
@@ -4031,22 +4031,22 @@ function Bo(e) {
 				title: "Delivery Attempts",
 				defaultOpen: !0,
 				badge: () => n.retryTimeline?.length,
-				render: () => /* @__PURE__ */ j(Ho, { attempts: n.retryTimeline })
+				render: () => /* @__PURE__ */ A(Ho, { attempts: n.retryTimeline })
 			}), i.push({
 				key: "request",
 				title: "Request Sent by Gateway",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(Uo, { log: n })
+				render: () => /* @__PURE__ */ A(Uo, { log: n })
 			}), i.push({
 				key: "response",
 				title: "Response from Callback",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(Wo, { log: n })
+				render: () => /* @__PURE__ */ A(Wo, { log: n })
 			}), i.push({
 				key: "raw",
 				title: "Raw JSON",
 				defaultOpen: !1,
-				render: () => /* @__PURE__ */ j(To, { data: n })
+				render: () => /* @__PURE__ */ A(To, { data: n })
 			}), {
 				header: {
 					method: () => n.method,
@@ -4062,7 +4062,7 @@ function Bo(e) {
 }
 function Vo({ log: e, basePath: t }) {
 	let n = t?.replace(/\/$/, "") ?? "";
-	return /* @__PURE__ */ j($, { items: [
+	return /* @__PURE__ */ A($, { items: [
 		{
 			label: "API",
 			value: e.apiName,
@@ -4098,48 +4098,48 @@ function Vo({ log: e, basePath: t }) {
 	] });
 }
 function Ho({ attempts: e }) {
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "rounded-md border",
-		children: /* @__PURE__ */ M("table", {
+		children: /* @__PURE__ */ j("table", {
 			className: "w-full text-xs",
-			children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ M("tr", {
+			children: [/* @__PURE__ */ A("thead", { children: /* @__PURE__ */ j("tr", {
 				className: "border-b bg-muted/50",
 				children: [
-					/* @__PURE__ */ j("th", {
+					/* @__PURE__ */ A("th", {
 						className: "px-3 py-2 text-left font-medium text-muted-foreground",
 						children: "Attempt"
 					}),
-					/* @__PURE__ */ j("th", {
+					/* @__PURE__ */ A("th", {
 						className: "px-3 py-2 text-left font-medium text-muted-foreground",
 						children: "Timestamp"
 					}),
-					/* @__PURE__ */ j("th", {
+					/* @__PURE__ */ A("th", {
 						className: "px-3 py-2 text-left font-medium text-muted-foreground",
 						children: "Duration"
 					}),
-					/* @__PURE__ */ j("th", {
+					/* @__PURE__ */ A("th", {
 						className: "px-3 py-2 text-left font-medium text-muted-foreground",
 						children: "Status"
 					})
 				]
-			}) }), /* @__PURE__ */ j("tbody", { children: e.map((e) => /* @__PURE__ */ M("tr", {
+			}) }), /* @__PURE__ */ A("tbody", { children: e.map((e) => /* @__PURE__ */ j("tr", {
 				className: "border-b last:border-b-0",
 				children: [
-					/* @__PURE__ */ j("td", {
+					/* @__PURE__ */ A("td", {
 						className: "px-3 py-2 font-mono",
 						children: e.attempt
 					}),
-					/* @__PURE__ */ j("td", {
+					/* @__PURE__ */ A("td", {
 						className: "px-3 py-2 font-mono text-muted-foreground",
 						children: new Date(e.timestamp).toLocaleTimeString()
 					}),
-					/* @__PURE__ */ M("td", {
+					/* @__PURE__ */ j("td", {
 						className: "px-3 py-2 font-mono",
 						children: [e.duration, "ms"]
 					}),
-					/* @__PURE__ */ j("td", {
+					/* @__PURE__ */ A("td", {
 						className: "px-3 py-2",
-						children: /* @__PURE__ */ j(F, {
+						children: /* @__PURE__ */ A(P, {
 							variant: e.status >= 200 && e.status < 300 ? "default" : "destructive",
 							children: e.status
 						})
@@ -4150,15 +4150,15 @@ function Ho({ attempts: e }) {
 	});
 }
 function Uo({ log: e }) {
-	return !e.requestHeaders && !e.requestBody ? /* @__PURE__ */ j(Z, { message: "No request details captured" }) : /* @__PURE__ */ M("div", {
+	return !e.requestHeaders && !e.requestBody ? /* @__PURE__ */ A(Z, { message: "No request details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ j(Q, { headers: e.requestHeaders }), /* @__PURE__ */ j(X, { code: e.requestBody })]
+		children: [/* @__PURE__ */ A(Q, { headers: e.requestHeaders }), /* @__PURE__ */ A(X, { code: e.requestBody })]
 	});
 }
 function Wo({ log: e }) {
-	return !e.responseHeaders && !e.responseBody ? /* @__PURE__ */ j(Z, { message: "No response details captured" }) : /* @__PURE__ */ M("div", {
+	return !e.responseHeaders && !e.responseBody ? /* @__PURE__ */ A(Z, { message: "No response details captured" }) : /* @__PURE__ */ j("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ j(Q, { headers: e.responseHeaders }), /* @__PURE__ */ j(X, { code: e.responseBody })]
+		children: [/* @__PURE__ */ A(Q, { headers: e.responseHeaders }), /* @__PURE__ */ A(X, { code: e.responseBody })]
 	});
 }
 //#endregion
@@ -4222,14 +4222,14 @@ function Xo(e) {
 //#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 }) {
-	let o = c(), s = D(() => {
+	let o = c(), s = E(() => {
 		let e = new Date(t).getTime();
 		return {
 			type: "absolute",
 			from: e - Zo,
 			to: e + Zo
 		};
-	}, [t]), l = D(() => Wi(s, 30), [s]), u = D(() => $a([{
+	}, [t]), l = E(() => Wi(s, 30), [s]), u = E(() => $a([{
 		field: i,
 		operator: "eq",
 		value: [e],
@@ -4238,10 +4238,10 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 		i,
 		e,
 		a
-	]), d = D(() => [{
+	]), d = E(() => [{
 		name: n,
 		measures: [r]
-	}], [n, r]), { data: f, isLoading: p } = P({
+	}], [n, r]), { data: f, isLoading: p } = N({
 		queryKey: K.timeSeries(d, s, l, u),
 		queryFn: ({ signal: e }) => o.fetchTimeSeries({
 			metrics: d,
@@ -4252,14 +4252,14 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 		}),
 		staleTime: G,
 		enabled: !!o
-	}), m = f?.[0]?.key ?? n, h = D(() => ({ [m]: {
+	}), m = f?.[0]?.key ?? n, h = E(() => ({ [m]: {
 		label: "Response Time",
 		color: "var(--chart-1)"
-	} }), [m]), g = D(() => {
+	} }), [m]), g = E(() => {
 		if (!f) return [];
 		let e = /* @__PURE__ */ new Map();
 		return e.set(m, f), Li(e);
-	}, [f, m]), _ = D(() => {
+	}, [f, m]), _ = E(() => {
 		let e = new Date(t).getTime(), n = f?.[0]?.points;
 		if (g.length === 0 || !n?.length) return;
 		let r = n[0].timestamp, i = Math.abs(r - e);
@@ -4276,26 +4276,26 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 	]);
 	if (!o) return null;
 	let v = p ? "loading" : g.length === 0 ? "empty" : "ready";
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "px-5 py-4 border-b",
-		children: [/* @__PURE__ */ j("p", {
+		children: [/* @__PURE__ */ A("p", {
 			className: "mb-2 text-[11px] font-medium uppercase tracking-widest text-muted-foreground",
 			children: "Response time — ±15 min window"
-		}), /* @__PURE__ */ j(At, {
+		}), /* @__PURE__ */ A(jt, {
 			config: h,
 			className: "h-[120px] w-full",
-			children: /* @__PURE__ */ M(kt, {
+			children: /* @__PURE__ */ j(At, {
 				data: g,
 				state: v,
 				animated: !0,
 				children: [
-					/* @__PURE__ */ j(It, {}),
-					/* @__PURE__ */ j(Et, {
+					/* @__PURE__ */ A(Lt, {}),
+					/* @__PURE__ */ A(Dt, {
 						dataKey: m,
 						curveType: "monotone",
 						gradient: !0
 					}),
-					_ && v === "ready" && /* @__PURE__ */ j(Bt, {
+					_ && v === "ready" && /* @__PURE__ */ A(Vt, {
 						x: _,
 						stroke: "var(--color-primary)",
 						strokeDasharray: "4 2",
@@ -4303,9 +4303,9 @@ function ts({ apiId: e, timestamp: t, metric: n = Qo, measure: r = $o, filterFie
 						label: "Current",
 						pulse: !0
 					}),
-					/* @__PURE__ */ j(Ht, {}),
-					/* @__PURE__ */ j(Ut, {}),
-					/* @__PURE__ */ j(Nt, { content: /* @__PURE__ */ j(Pt, {}) })
+					/* @__PURE__ */ A(Ut, {}),
+					/* @__PURE__ */ A(Wt, {}),
+					/* @__PURE__ */ A(Pt, { content: /* @__PURE__ */ A(Ft, {}) })
 				]
 			})
 		})]
@@ -4318,18 +4318,18 @@ var ns = S({
 	setExpanded: () => {}
 });
 function rs() {
-	return T(ns);
+	return w(ns);
 }
 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]");
 }
 function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, children: i }) {
-	let [a, o] = k(!1), s = w(() => {
+	let [a, o] = O(!1), s = C(() => {
 		o(!1), t();
-	}, [t]), c = w((e) => {
+	}, [t]), c = C((e) => {
 		e || (o(!1), t());
-	}, [t]), l = w((t) => {
+	}, [t]), l = C((t) => {
 		if (e) switch (t.key) {
 			case "Escape":
 				t.preventDefault(), a ? o(!1) : s();
@@ -4348,18 +4348,18 @@ function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, childre
 		n,
 		r
 	]);
-	E(() => (document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l)), [l]);
-	let u = a ? "100vw" : 640, d = a ? "100vw" : "90vw", f = D(() => ({
+	T(() => (document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l)), [l]);
+	let u = a ? "100vw" : 640, d = a ? "100vw" : "90vw", f = E(() => ({
 		expanded: a,
 		setExpanded: o
 	}), [a]);
-	return /* @__PURE__ */ j(ns.Provider, {
+	return /* @__PURE__ */ A(ns.Provider, {
 		value: f,
-		children: /* @__PURE__ */ j(He, {
+		children: /* @__PURE__ */ A(Ue, {
 			open: e,
 			onOpenChange: c,
 			modal: !1,
-			children: /* @__PURE__ */ M(Ue, {
+			children: /* @__PURE__ */ j(We, {
 				side: "right",
 				className: "gap-0 p-0 transition-[width] duration-200 ease-in-out",
 				style: {
@@ -4370,15 +4370,15 @@ function os({ open: e, onClose: t, onNavigatePrev: n, onNavigateNext: r, childre
 				"data-log-detail-shell": !0,
 				"aria-describedby": void 0,
 				children: [
-					/* @__PURE__ */ j(Ge, {
+					/* @__PURE__ */ A(Ke, {
 						className: "sr-only",
 						children: "Log Detail"
 					}),
-					/* @__PURE__ */ j(We, {
+					/* @__PURE__ */ A(Ge, {
 						className: "sr-only",
 						children: "Detailed view of a log entry"
 					}),
-					/* @__PURE__ */ j(Fe, {
+					/* @__PURE__ */ A(Ie, {
 						className: "h-full",
 						children: i
 					})
@@ -4422,100 +4422,100 @@ function ls(e) {
 	};
 }
 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 = w((e) => {
+	let { expanded: d, setExpanded: f } = rs(), p = C((e) => {
 		e.key === "Escape" && i?.();
 	}, [i]), m = r ? ls(r) : null;
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "sticky top-0 z-10 border-b bg-background/95 backdrop-blur-sm",
 		role: "toolbar",
 		"aria-label": "Log detail toolbar",
 		onKeyDown: p,
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "flex items-center justify-between px-5 pt-4 pb-2",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "flex items-center gap-0.5",
-				children: (a ?? o) && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(I, {
+				children: (a ?? o) && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(F, {
 					variant: "ghost",
 					size: "icon",
 					onClick: a,
 					disabled: !c,
 					"aria-label": "Previous log",
-					children: /* @__PURE__ */ j(tt, { className: "size-4" })
-				}), /* @__PURE__ */ j(I, {
+					children: /* @__PURE__ */ A(nt, { className: "size-4" })
+				}), /* @__PURE__ */ A(F, {
 					variant: "ghost",
 					size: "icon",
 					onClick: o,
 					disabled: !l,
 					"aria-label": "Next log",
-					children: /* @__PURE__ */ j(nt, { className: "size-4" })
+					children: /* @__PURE__ */ A(rt, { className: "size-4" })
 				})] })
-			}), /* @__PURE__ */ M("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: "flex items-center gap-0.5",
 				children: [
-					s && /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+					s && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(I, {
+						children: /* @__PURE__ */ A(F, {
 							variant: "ghost",
 							size: "icon",
 							onClick: s,
 							"aria-label": "Copy JSON",
-							children: /* @__PURE__ */ j(ut, { className: "size-4" })
+							children: /* @__PURE__ */ A(dt, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(z, { children: "Copy as JSON" })] }) }),
-					u && /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+					}), /* @__PURE__ */ A(R, { children: "Copy as JSON" })] }) }),
+					u && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 						asChild: !0,
-						children: /* @__PURE__ */ j(I, {
+						children: /* @__PURE__ */ A(F, {
 							variant: "ghost",
 							size: "icon",
 							onClick: () => f(!d),
 							"aria-label": d ? "Exit full screen" : "Full screen",
-							children: j(d ? _t : dt, { className: "size-4" })
+							children: A(d ? vt : ft, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ j(z, { children: d ? "Exit full screen" : "Full screen" })] }) }),
-					i && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Ve, {
+					}), /* @__PURE__ */ A(R, { children: d ? "Exit full screen" : "Full screen" })] }) }),
+					i && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(He, {
 						orientation: "vertical",
 						className: "mx-1.5 h-4"
-					}), /* @__PURE__ */ j(I, {
+					}), /* @__PURE__ */ A(F, {
 						variant: "ghost",
 						size: "icon",
 						onClick: i,
 						"aria-label": "Close",
-						children: /* @__PURE__ */ j(Ct, { className: "size-4" })
+						children: /* @__PURE__ */ A(wt, { className: "size-4" })
 					})] })
 				]
 			})]
-		}), /* @__PURE__ */ M("div", {
+		}), /* @__PURE__ */ j("div", {
 			className: "px-5 pb-4 space-y-3",
-			children: [/* @__PURE__ */ M("div", {
+			children: [/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-3",
 				children: [
-					e && /* @__PURE__ */ j(F, {
+					e && /* @__PURE__ */ A(P, {
 						variant: ss[e] ?? "secondary",
 						children: e
 					}),
-					t !== void 0 && /* @__PURE__ */ j("span", {
+					t !== void 0 && /* @__PURE__ */ A("span", {
 						className: `font-mono text-sm font-semibold tabular-nums ${cs(t)}`,
 						children: t
 					}),
-					m && /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+					m && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 						asChild: !0,
-						children: /* @__PURE__ */ j("span", {
+						children: /* @__PURE__ */ A("span", {
 							className: "ml-auto text-xs text-muted-foreground",
 							children: m.relative
 						})
-					}), /* @__PURE__ */ j(z, {
+					}), /* @__PURE__ */ A(R, {
 						side: "bottom",
 						className: "text-xs",
 						children: m.full
 					})] }) })
 				]
-			}), n && /* @__PURE__ */ j(B, { children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ j(V, {
+			}), n && /* @__PURE__ */ A(z, { children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ A(B, {
 				asChild: !0,
-				children: /* @__PURE__ */ j("p", {
+				children: /* @__PURE__ */ A("p", {
 					className: "font-mono text-sm text-muted-foreground truncate leading-relaxed",
 					children: n
 				})
-			}), /* @__PURE__ */ j(z, {
+			}), /* @__PURE__ */ A(R, {
 				side: "bottom",
 				align: "start",
 				className: "max-w-[500px] break-all text-xs font-mono",
@@ -4527,13 +4527,13 @@ 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 }) {
-	let t = e.filter((e) => e.value !== void 0 && e.value !== null), n = D(() => t.map((e) => ({
+	let t = e.filter((e) => e.value !== void 0 && e.value !== null), n = E(() => t.map((e) => ({
 		value: fs(e.value, e.unit),
 		label: e.label
 	})), [t]);
-	return n.length === 0 ? null : /* @__PURE__ */ j("div", {
+	return n.length === 0 ? null : /* @__PURE__ */ A("div", {
 		className: "border-b px-5 py-4 h-[100px]",
-		children: /* @__PURE__ */ j(zt, {
+		children: /* @__PURE__ */ A(Bt, {
 			items: n,
 			state: "ready",
 			skeletonCount: n.length,
@@ -4547,8 +4547,8 @@ function fs(e, t) {
 //#endregion
 //#region src/logs/detail/components/LogDetailSection.tsx
 function ps({ children: e, defaultValue: t }) {
-	let [n, r] = k(t ?? "");
-	return /* @__PURE__ */ j(ae, {
+	let [n, r] = O(t ?? "");
+	return /* @__PURE__ */ A(oe, {
 		type: "single",
 		collapsible: !0,
 		value: n,
@@ -4557,20 +4557,20 @@ function ps({ children: e, defaultValue: t }) {
 	});
 }
 function ms({ title: e, badge: t, children: n }) {
-	return /* @__PURE__ */ M(se, {
+	return /* @__PURE__ */ j(ce, {
 		value: e,
 		className: "border-b last:border-b-0",
-		children: [/* @__PURE__ */ j(ce, {
+		children: [/* @__PURE__ */ A(le, {
 			className: "px-5 py-4 text-sm font-medium tracking-tight hover:bg-muted/30 transition-colors duration-150",
-			children: /* @__PURE__ */ M("span", {
+			children: /* @__PURE__ */ j("span", {
 				className: "flex items-center gap-3",
-				children: [e, t != null && /* @__PURE__ */ j(F, {
+				children: [e, t != null && /* @__PURE__ */ A(P, {
 					variant: "secondary",
 					className: "text-[10px] font-semibold",
 					children: t
 				})]
 			})
-		}), /* @__PURE__ */ j(oe, { children: /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ A(se, { children: /* @__PURE__ */ A("div", {
 			className: "px-5 pb-5 pt-1",
 			children: n
 		}) })]
@@ -4588,16 +4588,16 @@ var hs = {
 };
 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);
-	if (!f) return /* @__PURE__ */ j("div", {
+	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__ */ j(A, { children: f.render(t, hs) });
+	if (f.type === "custom") return /* @__PURE__ */ A(k, { children: f.render(t, hs) });
 	let p = Yo(f, t);
 	if (!p) return null;
 	let m = e.contextChart;
-	return /* @__PURE__ */ M(A, { children: [
-		/* @__PURE__ */ j(us, {
+	return /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ A(us, {
 			method: p.header.method(t),
 			status: p.header.status(t),
 			uri: p.header.uri(t),
@@ -4610,7 +4610,7 @@ function gs({ config: e, log: t, logId: n, onClose: r, onCopyJson: i, onNavigate
 			hasNext: d ? l : !1,
 			showExpandToggle: u
 		}),
-		m && /* @__PURE__ */ j(ts, {
+		m && /* @__PURE__ */ A(ts, {
 			apiId: m.extractApiId(t),
 			timestamp: m.extractTimestamp?.(t) ?? p.header.timestamp(t),
 			metric: m.metric,
@@ -4618,14 +4618,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__ */ j(ds, { items: p.metrics.map((e) => ({
+		p.metrics && p.metrics.length > 0 && /* @__PURE__ */ A(ds, { items: p.metrics.map((e) => ({
 			label: e.label,
 			value: e.value(t),
 			unit: e.unit
 		})) }),
-		/* @__PURE__ */ j(ps, {
+		/* @__PURE__ */ A(ps, {
 			defaultValue: p.sections.find((e) => e.defaultOpen)?.title,
-			children: p.sections.map((e) => /* @__PURE__ */ j(ms, {
+			children: p.sections.map((e) => /* @__PURE__ */ A(ms, {
 				title: e.title,
 				badge: e.badge?.(t),
 				children: e.render(t, s)
@@ -4636,48 +4636,48 @@ 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(() => U.success("Full JSON copied to clipboard"), () => U.error("Failed to copy to clipboard"));
+	navigator.clipboard.writeText(JSON.stringify(e, null, 2)).then(() => H.success("Full JSON copied to clipboard"), () => H.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 }) {
 	let { data: c, isLoading: l, isError: u, isNotFound: d, isUnsupported: f, refetch: p } = Cn({ id: t });
-	return /* @__PURE__ */ M(os, {
+	return /* @__PURE__ */ j(os, {
 		open: !!t,
 		onClose: n,
 		onNavigatePrev: r,
 		onNavigateNext: i,
 		children: [
-			l && /* @__PURE__ */ j(ys, {}),
-			f && /* @__PURE__ */ M("div", {
+			l && /* @__PURE__ */ A(ys, {}),
+			f && /* @__PURE__ */ j("div", {
 				className: "flex flex-col items-center justify-center gap-2 p-8 text-center text-muted-foreground",
-				children: [/* @__PURE__ */ j("p", {
+				children: [/* @__PURE__ */ A("p", {
 					className: "text-sm",
 					children: "Log detail is not supported."
-				}), /* @__PURE__ */ j("p", {
+				}), /* @__PURE__ */ A("p", {
 					className: "text-xs",
 					children: "The data source does not implement getById."
 				})]
 			}),
-			d && /* @__PURE__ */ M("div", {
+			d && /* @__PURE__ */ j("div", {
 				className: "flex flex-col items-center justify-center gap-2 p-8 text-center text-muted-foreground",
-				children: [/* @__PURE__ */ j("p", {
+				children: [/* @__PURE__ */ A("p", {
 					className: "text-sm font-medium",
 					children: "Log not found"
-				}), /* @__PURE__ */ j("p", {
+				}), /* @__PURE__ */ A("p", {
 					className: "text-xs",
 					children: "The log entry may have been deleted or is no longer available."
 				})]
 			}),
-			u && /* @__PURE__ */ M("div", {
+			u && /* @__PURE__ */ j("div", {
 				className: "flex flex-col items-center gap-3 p-8",
 				children: [
-					/* @__PURE__ */ j(et, { className: "size-8 text-destructive" }),
-					/* @__PURE__ */ j("p", {
+					/* @__PURE__ */ A(tt, { className: "size-8 text-destructive" }),
+					/* @__PURE__ */ A("p", {
 						className: "text-sm text-destructive",
 						children: "Failed to load log details"
 					}),
-					/* @__PURE__ */ j(I, {
+					/* @__PURE__ */ A(F, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => p(),
@@ -4685,7 +4685,7 @@ function vs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext
 					})
 				]
 			}),
-			c != null && /* @__PURE__ */ j(gs, {
+			c != null && /* @__PURE__ */ A(gs, {
 				config: e,
 				log: c,
 				logId: t,
@@ -4703,28 +4703,28 @@ function vs({ config: e, logId: t, onClose: n, onNavigatePrev: r, onNavigateNext
 	});
 }
 function ys() {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ j(L, { className: "h-6 w-12" }),
-					/* @__PURE__ */ j(L, { className: "h-6 w-10" }),
-					/* @__PURE__ */ j(L, { className: "h-6 w-48" })
+					/* @__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__ */ j(L, { className: "h-[80px] w-full" }),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ A(I, { className: "h-[80px] w-full" }),
+			/* @__PURE__ */ j("div", {
 				className: "flex gap-3",
 				children: [
-					/* @__PURE__ */ j(L, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ j(L, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ j(L, { className: "h-14 flex-1" })
+					/* @__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__ */ j(L, { className: "h-8 w-full" }),
-			/* @__PURE__ */ j(L, { className: "h-32 w-full" })
+			/* @__PURE__ */ A(I, { className: "h-8 w-full" }),
+			/* @__PURE__ */ A(I, { className: "h-32 w-full" })
 		]
 	});
 }
@@ -4732,66 +4732,66 @@ function ys() {
 //#region src/logs/detail/components/LogDetailPage.tsx
 function bs({ 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__ */ M("div", {
+	return a ? /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-6",
 		children: [
-			/* @__PURE__ */ j(L, { className: "h-8 w-48" }),
-			/* @__PURE__ */ j(L, { className: "h-[80px] w-full" }),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ A(I, { className: "h-8 w-48" }),
+			/* @__PURE__ */ A(I, { className: "h-[80px] w-full" }),
+			/* @__PURE__ */ j("div", {
 				className: "flex gap-3",
 				children: [
-					/* @__PURE__ */ j(L, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ j(L, { className: "h-14 flex-1" }),
-					/* @__PURE__ */ j(L, { className: "h-14 flex-1" })
+					/* @__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__ */ j(L, { className: "h-64 w-full" })
+			/* @__PURE__ */ A(I, { className: "h-64 w-full" })
 		]
-	}) : c ? /* @__PURE__ */ j("div", {
+	}) : c ? /* @__PURE__ */ A("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-12 text-center text-muted-foreground",
-		children: /* @__PURE__ */ j("p", {
+		children: /* @__PURE__ */ A("p", {
 			className: "text-sm",
 			children: "Log detail is not supported by this data source."
 		})
-	}) : s ? /* @__PURE__ */ M("div", {
+	}) : s ? /* @__PURE__ */ j("div", {
 		className: "flex flex-col items-center justify-center gap-4 p-12 text-center",
-		children: [/* @__PURE__ */ j("p", {
+		children: [/* @__PURE__ */ A("p", {
 			className: "text-sm font-medium text-muted-foreground",
 			children: "Log not found"
-		}), /* @__PURE__ */ M(I, {
+		}), /* @__PURE__ */ j(F, {
 			variant: "outline",
 			size: "sm",
 			onClick: u,
-			children: [/* @__PURE__ */ j(tt, { className: "size-4 mr-1.5" }), "Back to logs"]
+			children: [/* @__PURE__ */ A(nt, { className: "size-4 mr-1.5" }), "Back to logs"]
 		})]
-	}) : o ? /* @__PURE__ */ M("div", {
+	}) : o ? /* @__PURE__ */ j("div", {
 		className: "flex flex-col items-center gap-3 p-12",
 		children: [
-			/* @__PURE__ */ j(et, { className: "size-8 text-destructive" }),
-			/* @__PURE__ */ j("p", {
+			/* @__PURE__ */ A(tt, { className: "size-8 text-destructive" }),
+			/* @__PURE__ */ A("p", {
 				className: "text-sm text-destructive",
 				children: "Failed to load log details"
 			}),
-			/* @__PURE__ */ j(I, {
+			/* @__PURE__ */ A(F, {
 				variant: "outline",
 				size: "sm",
 				onClick: () => l(),
 				children: "Retry"
 			})
 		]
-	}) : i ? /* @__PURE__ */ M("div", {
+	}) : i ? /* @__PURE__ */ j("div", {
 		className: "space-y-0",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "border-b px-6 py-3",
-			children: /* @__PURE__ */ M(I, {
+			children: /* @__PURE__ */ j(F, {
 				variant: "ghost",
 				size: "sm",
 				onClick: u,
-				children: [/* @__PURE__ */ j(tt, { className: "size-4 mr-1.5" }), "Back to logs"]
+				children: [/* @__PURE__ */ A(nt, { className: "size-4 mr-1.5" }), "Back to logs"]
 			})
-		}), /* @__PURE__ */ j(ue, {
+		}), /* @__PURE__ */ A(de, {
 			className: "mx-6 mt-4 overflow-hidden",
-			children: /* @__PURE__ */ j(gs, {
+			children: /* @__PURE__ */ A(gs, {
 				config: e,
 				log: i,
 				logId: n,
@@ -4824,7 +4824,7 @@ var xs = {
 };
 function Ss({ status: e }) {
 	let t = xs[e];
-	return /* @__PURE__ */ j(F, {
+	return /* @__PURE__ */ A(P, {
 		variant: t.variant,
 		children: t.label
 	});
@@ -4876,17 +4876,17 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 	50,
 	100
 ], onRowClick: c, columnVisibilityStorageKey: l }) {
-	let u = l ?? Ts, [d, f] = k(() => Ds(u)), p = w((e) => {
+	let u = l ?? Ts, [d, f] = O(() => Ds(u)), p = C((e) => {
 		f((t) => {
 			let n = typeof e == "function" ? e(t) : e;
 			return Os(u, n), n;
 		});
-	}, [u]), m = D(() => [
+	}, [u]), m = E(() => [
 		{
 			id: "startTime",
 			header: "Start Time",
 			accessorFn: (e) => e.startTime,
-			cell: ({ getValue: e }) => /* @__PURE__ */ j("span", {
+			cell: ({ getValue: e }) => /* @__PURE__ */ A("span", {
 				className: "whitespace-nowrap text-sm tabular-nums",
 				children: Cs(e())
 			})
@@ -4895,13 +4895,13 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 			id: "status",
 			header: "Status",
 			accessorFn: (e) => e.status,
-			cell: ({ row: e }) => /* @__PURE__ */ j(Ss, { status: e.original.status })
+			cell: ({ row: e }) => /* @__PURE__ */ A(Ss, { status: e.original.status })
 		},
 		{
 			id: "rootServiceName",
 			header: "Service",
 			accessorFn: (e) => e.rootServiceName,
-			cell: ({ getValue: e }) => /* @__PURE__ */ j("span", {
+			cell: ({ getValue: e }) => /* @__PURE__ */ A("span", {
 				className: "max-w-48 truncate text-sm font-medium",
 				children: e()
 			})
@@ -4910,7 +4910,7 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 			id: "rootOperationName",
 			header: "Operation",
 			accessorFn: (e) => e.rootOperationName,
-			cell: ({ getValue: e }) => /* @__PURE__ */ j("span", {
+			cell: ({ getValue: e }) => /* @__PURE__ */ A("span", {
 				className: "max-w-64 truncate font-mono text-xs",
 				children: e()
 			})
@@ -4919,12 +4919,12 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 			id: "duration",
 			header: "Duration",
 			accessorFn: (e) => e.duration,
-			cell: ({ getValue: e }) => /* @__PURE__ */ j("span", {
+			cell: ({ getValue: e }) => /* @__PURE__ */ A("span", {
 				className: "whitespace-nowrap text-sm tabular-nums",
 				children: ws(e())
 			})
 		}
-	], []), h = w((n) => {
+	], []), h = C((n) => {
 		if (!c || t) return;
 		let r = n.target;
 		if (r.closest("button, a, input, [role=\"checkbox\"]")) return;
@@ -4938,7 +4938,7 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 		c,
 		t,
 		e
-	]), g = w((n) => {
+	]), g = C((n) => {
 		if (!c || t || n.key !== "Enter" && n.key !== " ") return;
 		let r = n.target.closest("tbody tr");
 		if (!r) return;
@@ -4952,12 +4952,12 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 		t,
 		e
 	]);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		role: c ? "grid" : void 0,
 		onClick: h,
 		onKeyDown: g,
 		className: c ? "[&_tbody_tr]:cursor-pointer" : void 0,
-		children: /* @__PURE__ */ j(be, {
+		children: /* @__PURE__ */ A(xe, {
 			columns: m,
 			data: e,
 			loading: t,
@@ -4971,15 +4971,15 @@ function ks({ data: e, loading: t, totalCount: n, page: r, pageSize: i, onPageCh
 				state: { columnVisibility: d },
 				onColumnVisibilityChange: p
 			},
-			emptyMessage: /* @__PURE__ */ j(Se, { children: /* @__PURE__ */ M(we, { children: [
-				/* @__PURE__ */ j(Te, {
+			emptyMessage: /* @__PURE__ */ A(Ce, { children: /* @__PURE__ */ j(Te, { children: [
+				/* @__PURE__ */ A(Ee, {
 					variant: "icon",
-					children: /* @__PURE__ */ j(xt, {})
+					children: /* @__PURE__ */ A(St, {})
 				}),
-				/* @__PURE__ */ j(Ee, { children: "No traces found" }),
-				/* @__PURE__ */ j(Ce, { children: "Try adjusting your filters or time range to see traces." })
+				/* @__PURE__ */ A(De, { children: "No traces found" }),
+				/* @__PURE__ */ A(we, { children: "Try adjusting your filters or time range to see traces." })
 			] }) }),
-			footer: n > 0 ? /* @__PURE__ */ j(xe, {
+			footer: n > 0 ? /* @__PURE__ */ A(Se, {
 				page: r,
 				pageSize: i,
 				totalCount: n,
@@ -4999,41 +4999,41 @@ function As({ onRowClick: e, pageSize: t = 25, columnVisibilityStorageKey: n, on
 		pageSize: t,
 		enabled: !!i
 	});
-	return js(s.data, r), /* @__PURE__ */ M("div", {
+	return js(s.data, r), /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ j("h1", {
+			/* @__PURE__ */ A("h1", {
 				className: "text-lg font-semibold",
 				children: "Traces"
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ j("div", { className: "flex-1" }),
-					/* @__PURE__ */ j(B, { children: /* @__PURE__ */ j(Ia, { isFetching: s.isFetching }) }),
-					/* @__PURE__ */ j(rr, {
+					/* @__PURE__ */ A("div", { className: "flex-1" }),
+					/* @__PURE__ */ A(z, { children: /* @__PURE__ */ A(Ia, { isFetching: s.isFetching }) }),
+					/* @__PURE__ */ A(rr, {
 						value: a,
 						onChange: o
 					})
 				]
 			}),
-			s.isError && /* @__PURE__ */ M("div", {
+			s.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__ */ j(et, { className: "size-5 shrink-0 text-destructive" }),
-					/* @__PURE__ */ j("p", {
+					/* @__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."
 					}),
-					/* @__PURE__ */ M(I, {
+					/* @__PURE__ */ j(F, {
 						variant: "outline",
 						size: "sm",
 						onClick: s.refetch,
-						children: [/* @__PURE__ */ j(yt, { className: "size-3.5" }), "Retry"]
+						children: [/* @__PURE__ */ A(bt, { className: "size-3.5" }), "Retry"]
 					})
 				]
 			}),
-			/* @__PURE__ */ j(ks, {
+			/* @__PURE__ */ A(ks, {
 				data: s.data,
 				loading: s.isLoading,
 				totalCount: s.totalCount,
@@ -5048,10 +5048,10 @@ function As({ onRowClick: e, pageSize: t = 25, columnVisibilityStorageKey: n, on
 	});
 }
 function js(e, t) {
-	let n = O(t);
-	E(() => {
+	let n = D(t);
+	T(() => {
 		n.current = t;
-	}, [t]), E(() => {
+	}, [t]), T(() => {
 		n.current?.(e);
 	}, [e]);
 }
@@ -5078,27 +5078,27 @@ function Ps(e) {
 	}));
 }
 function Fs({ span: e, open: t, onClose: n }) {
-	return /* @__PURE__ */ j(He, {
+	return /* @__PURE__ */ A(Ue, {
 		open: t,
 		onOpenChange: (e) => !e && n(),
 		modal: !1,
-		children: /* @__PURE__ */ M(Ue, {
+		children: /* @__PURE__ */ j(We, {
 			side: "right",
 			className: "gap-0 p-0 w-[480px] max-w-[80vw]",
 			showCloseButton: !1,
 			"aria-describedby": void 0,
 			children: [
-				/* @__PURE__ */ j(Ge, {
+				/* @__PURE__ */ A(Ke, {
 					className: "sr-only",
 					children: "Span Detail"
 				}),
-				/* @__PURE__ */ j(We, {
+				/* @__PURE__ */ A(Ge, {
 					className: "sr-only",
 					children: "Detailed view of a span"
 				}),
-				/* @__PURE__ */ j(Fe, {
+				/* @__PURE__ */ A(Ie, {
 					className: "h-full",
-					children: e && /* @__PURE__ */ j(Is, {
+					children: e && /* @__PURE__ */ A(Is, {
 						span: e,
 						onClose: n
 					})
@@ -5142,88 +5142,88 @@ function Is({ span: e, onClose: t }) {
 			value: ws(e.duration)
 		}
 	], r = Object.entries(e.attributes);
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "flex items-start justify-between gap-3 border-b px-5 py-4",
-			children: [/* @__PURE__ */ M("div", {
+			children: [/* @__PURE__ */ j("div", {
 				className: "flex min-w-0 flex-col gap-1.5",
-				children: [/* @__PURE__ */ M("div", {
+				children: [/* @__PURE__ */ j("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ j(Ss, { status: e.status }), /* @__PURE__ */ j("span", {
+					children: [/* @__PURE__ */ A(Ss, { status: e.status }), /* @__PURE__ */ A("span", {
 						className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground/70",
 						children: e.serviceName
 					})]
-				}), /* @__PURE__ */ j("h3", {
+				}), /* @__PURE__ */ A("h3", {
 					className: "truncate text-sm font-semibold tracking-tight",
 					children: e.operationName
 				})]
-			}), /* @__PURE__ */ j(I, {
+			}), /* @__PURE__ */ A(F, {
 				variant: "ghost",
 				size: "icon",
 				className: "size-7 shrink-0",
 				onClick: t,
 				"aria-label": "Close span detail",
-				children: /* @__PURE__ */ j(Ct, { className: "size-4" })
+				children: /* @__PURE__ */ A(wt, { className: "size-4" })
 			})]
-		}), /* @__PURE__ */ M(ps, {
+		}), /* @__PURE__ */ j(ps, {
 			defaultValue: "Overview",
 			children: [
-				/* @__PURE__ */ j(ms, {
+				/* @__PURE__ */ A(ms, {
 					title: "Overview",
-					children: /* @__PURE__ */ j($, { items: n })
+					children: /* @__PURE__ */ A($, { items: n })
 				}),
-				r.length > 0 && /* @__PURE__ */ j(ms, {
+				r.length > 0 && /* @__PURE__ */ A(ms, {
 					title: "Attributes",
 					badge: r.length,
-					children: /* @__PURE__ */ j($, {
+					children: /* @__PURE__ */ A($, {
 						wrap: !0,
 						items: Ps(e.attributes)
 					})
 				}),
-				e.events.length > 0 && /* @__PURE__ */ j(ms, {
+				e.events.length > 0 && /* @__PURE__ */ A(ms, {
 					title: "Events",
 					badge: e.events.length,
-					children: /* @__PURE__ */ j("div", {
+					children: /* @__PURE__ */ A("div", {
 						className: "space-y-3",
-						children: e.events.map((e, t) => /* @__PURE__ */ M("div", {
+						children: e.events.map((e, t) => /* @__PURE__ */ j("div", {
 							className: "space-y-1",
-							children: [/* @__PURE__ */ M("div", {
+							children: [/* @__PURE__ */ j("div", {
 								className: "flex items-baseline gap-2",
-								children: [/* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ A("span", {
 									className: "text-sm font-medium",
 									children: e.name
-								}), /* @__PURE__ */ j("span", {
+								}), /* @__PURE__ */ A("span", {
 									className: "text-xs text-muted-foreground",
 									children: Cs(e.timestampEpochMs)
 								})]
-							}), e.attributes && Object.keys(e.attributes).length > 0 && /* @__PURE__ */ j($, {
+							}), e.attributes && Object.keys(e.attributes).length > 0 && /* @__PURE__ */ A($, {
 								wrap: !0,
 								items: Ps(e.attributes)
 							})]
 						}, `${e.name}-${t}`))
 					})
 				}),
-				e.payloadLogs.length > 0 && /* @__PURE__ */ j(ms, {
+				e.payloadLogs.length > 0 && /* @__PURE__ */ A(ms, {
 					title: "Payload Logs",
 					badge: e.payloadLogs.length,
-					children: /* @__PURE__ */ j("div", {
+					children: /* @__PURE__ */ A("div", {
 						className: "space-y-3",
-						children: e.payloadLogs.map((e, t) => /* @__PURE__ */ M("div", {
+						children: e.payloadLogs.map((e, t) => /* @__PURE__ */ j("div", {
 							className: "space-y-1",
 							children: [
 								/* @__PURE__ */ j("div", {
 									className: "flex items-baseline gap-2",
-									children: /* @__PURE__ */ j("span", {
+									children: [/* @__PURE__ */ A(Ba, { level: e.severity }), /* @__PURE__ */ A("span", {
 										className: "text-xs text-muted-foreground",
 										children: Cs(e.timestampEpochMs)
-									})
+									})]
 								}),
-								/* @__PURE__ */ j("pre", {
+								/* @__PURE__ */ A("pre", {
 									className: "rounded-md border bg-muted/30 p-3 text-xs font-mono whitespace-pre-wrap break-all",
 									children: e.body
 								}),
-								e.attributes && Object.keys(e.attributes).length > 0 && /* @__PURE__ */ j($, {
+								e.attributes && Object.keys(e.attributes).length > 0 && /* @__PURE__ */ A($, {
 									wrap: !0,
 									items: Ps(e.attributes)
 								})
@@ -5270,7 +5270,7 @@ function Bs(e) {
 }
 //#endregion
 //#region src/traces/detail/TraceLineage.tsx
-var Vs = te(() => import("./TraceLineageGraph.js")), Hs = {
+var Vs = ne(() => import("./TraceLineageGraph.js")), Hs = {
 	ok: "healthy",
 	error: "error",
 	unset: "inactive"
@@ -5296,19 +5296,19 @@ function Us(e) {
 	};
 }
 function Ws({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, edgeAnimation: i = "flow", className: a }) {
-	let { nodes: o, edges: s } = D(() => e ? Us(e) : {
+	let { nodes: o, edges: s } = E(() => e ? Us(e) : {
 		nodes: [],
 		edges: []
-	}, [e]), c = D(() => Rs(e?.spans ?? []), [e?.spans]), l = w((e) => {
+	}, [e]), c = E(() => Rs(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__ */ j(qs, {
-		fallback: /* @__PURE__ */ j(Ks, { className: u }),
-		children: /* @__PURE__ */ j(x, {
-			fallback: /* @__PURE__ */ j(Gs, { className: u }),
-			children: /* @__PURE__ */ j(Vs, {
+	return /* @__PURE__ */ A(qs, {
+		fallback: /* @__PURE__ */ A(Ks, { className: u }),
+		children: /* @__PURE__ */ A(x, {
+			fallback: /* @__PURE__ */ A(Gs, { className: u }),
+			children: /* @__PURE__ */ A(Vs, {
 				nodes: o,
 				edges: s,
 				state: r,
@@ -5321,28 +5321,28 @@ function Ws({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, edgeAnimati
 	});
 }
 function Gs({ className: e }) {
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		className: `flex animate-pulse items-center justify-center rounded-lg border border-border bg-card ${e}`,
 		role: "status",
 		"aria-label": "Loading lineage graph",
-		children: /* @__PURE__ */ j("span", {
+		children: /* @__PURE__ */ A("span", {
 			className: "text-sm text-muted-foreground",
 			children: "Loading lineage…"
 		})
 	});
 }
 function Ks({ className: e }) {
-	return /* @__PURE__ */ M("div", {
+	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",
-		children: [/* @__PURE__ */ j("p", {
+		children: [/* @__PURE__ */ A("p", {
 			className: "text-sm font-medium text-foreground",
 			children: "Lineage view unavailable"
-		}), /* @__PURE__ */ M("p", {
+		}), /* @__PURE__ */ j("p", {
 			className: "max-w-xs text-xs text-muted-foreground",
 			children: [
 				"The graph couldn't be loaded. Ensure the optional ",
-				/* @__PURE__ */ j("code", { children: "@xyflow/react" }),
+				/* @__PURE__ */ A("code", { children: "@xyflow/react" }),
 				" dependency is installed."
 			]
 		})]
@@ -5375,12 +5375,12 @@ function Ys(e) {
 	}));
 }
 function Xs({ trace: e, onSpanClick: t, selectedSpanId: n, state: r, className: i }) {
-	let a = D(() => e ? Ys(e) : [], [e]), o = D(() => Rs(e?.spans ?? []), [e?.spans]);
-	return /* @__PURE__ */ j(Vt, {
+	let a = E(() => e ? Ys(e) : [], [e]), o = E(() => Rs(e?.spans ?? []), [e?.spans]);
+	return /* @__PURE__ */ A(Ht, {
 		spans: a,
 		state: r,
 		selectedSpanId: n,
-		onSpanSelect: w((e) => {
+		onSpanSelect: C((e) => {
 			let n = o.get(e.spanId);
 			n && t?.(n);
 		}, [o, t]),
@@ -5398,35 +5398,35 @@ var Zs = [{
 	label: "Lineage"
 }];
 function Qs({ trace: e }) {
-	let [t, n] = k("timeline"), [r, i] = k(void 0), a = w((e) => i(e), []), o = w(() => i(void 0), []), s = r && e.spans.includes(r) ? r : void 0;
-	return /* @__PURE__ */ M("div", {
+	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__ */ j($s, { trace: e }),
-			/* @__PURE__ */ M(qe, {
+			/* @__PURE__ */ A($s, { trace: e }),
+			/* @__PURE__ */ j(Je, {
 				value: t,
 				onValueChange: (e) => n(e),
 				className: "flex flex-col gap-4",
 				children: [
-					/* @__PURE__ */ j(Ye, {
+					/* @__PURE__ */ A(Xe, {
 						variant: "line",
 						"aria-label": "Trace view",
-						children: Zs.map((e) => /* @__PURE__ */ j(Xe, {
+						children: Zs.map((e) => /* @__PURE__ */ A(Ze, {
 							value: e.key,
 							children: e.label
 						}, e.key))
 					}),
-					/* @__PURE__ */ j(Je, {
+					/* @__PURE__ */ A(Ye, {
 						value: "timeline",
-						children: /* @__PURE__ */ j(Xs, {
+						children: /* @__PURE__ */ A(Xs, {
 							trace: e,
 							onSpanClick: a,
 							selectedSpanId: s?.spanId
 						})
 					}),
-					/* @__PURE__ */ j(Je, {
+					/* @__PURE__ */ A(Ye, {
 						value: "lineage",
-						children: /* @__PURE__ */ j(Ws, {
+						children: /* @__PURE__ */ A(Ws, {
 							trace: e,
 							onSpanClick: a,
 							selectedSpanId: s?.spanId
@@ -5434,7 +5434,7 @@ function Qs({ trace: e }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ j(Fs, {
+			/* @__PURE__ */ A(Fs, {
 				span: s,
 				open: !!s,
 				onClose: o
@@ -5461,30 +5461,30 @@ function $s({ trace: e }) {
 			value: Cs(e.startTime)
 		}
 	];
-	return /* @__PURE__ */ M("header", {
+	return /* @__PURE__ */ j("header", {
 		className: "flex flex-col gap-3",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ j(Ss, { status: e.status }), /* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ A(Ss, { status: e.status }), /* @__PURE__ */ A("h2", {
 					className: "truncate text-lg font-semibold tracking-tight",
 					children: e.rootOperationName
 				})]
 			}),
-			/* @__PURE__ */ j("dl", {
+			/* @__PURE__ */ A("dl", {
 				className: "flex flex-wrap items-center gap-x-6 gap-y-2 text-sm",
-				children: t.map((e) => /* @__PURE__ */ M("div", {
+				children: t.map((e) => /* @__PURE__ */ j("div", {
 					className: "flex items-baseline gap-1.5",
-					children: [/* @__PURE__ */ j("dt", {
+					children: [/* @__PURE__ */ A("dt", {
 						className: "text-xs font-medium uppercase tracking-wide text-muted-foreground/70",
 						children: e.label
-					}), /* @__PURE__ */ j("dd", {
+					}), /* @__PURE__ */ A("dd", {
 						className: "font-medium text-foreground",
 						children: e.value
 					})]
 				}, e.label))
 			}),
-			/* @__PURE__ */ j("p", {
+			/* @__PURE__ */ A("p", {
 				className: "font-mono text-xs text-muted-foreground/60",
 				children: e.traceId
 			})
@@ -5494,21 +5494,21 @@ function $s({ trace: e }) {
 //#endregion
 //#region src/traces/detail/TraceDetailStates.tsx
 function ec() {
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ A("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ j(Xs, { state: "loading" })
+		children: /* @__PURE__ */ A(Xs, { state: "loading" })
 	});
 }
 function tc({ onRetry: e }) {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col items-center gap-3 p-12",
 		children: [
-			/* @__PURE__ */ j(et, { className: "size-8 text-destructive" }),
-			/* @__PURE__ */ j("p", {
+			/* @__PURE__ */ A(tt, { className: "size-8 text-destructive" }),
+			/* @__PURE__ */ A("p", {
 				className: "text-sm text-destructive",
 				children: "Failed to load trace details"
 			}),
-			/* @__PURE__ */ j(I, {
+			/* @__PURE__ */ A(F, {
 				variant: "outline",
 				size: "sm",
 				onClick: e,
@@ -5518,16 +5518,16 @@ function tc({ onRetry: e }) {
 	});
 }
 function nc({ onBack: e }) {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col items-center justify-center gap-4 p-12 text-center",
-		children: [/* @__PURE__ */ j("p", {
+		children: [/* @__PURE__ */ A("p", {
 			className: "text-sm font-medium text-muted-foreground",
 			children: "Trace not found"
-		}), /* @__PURE__ */ M(I, {
+		}), /* @__PURE__ */ j(F, {
 			variant: "outline",
 			size: "sm",
 			onClick: e,
-			children: [/* @__PURE__ */ j(tt, { className: "mr-1.5 size-4" }), "Back to traces"]
+			children: [/* @__PURE__ */ A(nt, { className: "mr-1.5 size-4" }), "Back to traces"]
 		})]
 	});
 }
@@ -5538,17 +5538,17 @@ function rc({ apiId: e }) {
 		apiId: r,
 		traceId: i
 	}), l = () => n(-1);
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "border-b px-6 py-3",
-			children: /* @__PURE__ */ M(I, {
+			children: /* @__PURE__ */ j(F, {
 				variant: "ghost",
 				size: "sm",
 				onClick: l,
-				children: [/* @__PURE__ */ j(tt, { className: "mr-1.5 size-4" }), "Back to traces"]
+				children: [/* @__PURE__ */ A(nt, { className: "mr-1.5 size-4" }), "Back to traces"]
 			})
-		}), o ? /* @__PURE__ */ j(ec, {}) : s ? /* @__PURE__ */ j(tc, { onRetry: () => c() }) : a ? /* @__PURE__ */ j(Qs, { trace: a }) : /* @__PURE__ */ j(nc, { onBack: l })]
+		}), o ? /* @__PURE__ */ A(ec, {}) : s ? /* @__PURE__ */ A(tc, { onRetry: () => c() }) : a ? /* @__PURE__ */ A(Qs, { trace: a }) : /* @__PURE__ */ A(nc, { onBack: l })]
 	});
 }
 //#endregion
@@ -5559,12 +5559,12 @@ function ic({ apiId: e, traceId: t, onClose: n, onNavigatePrev: r, onNavigateNex
 		traceId: t,
 		keepPreviousData: !0
 	});
-	return /* @__PURE__ */ j(os, {
+	return /* @__PURE__ */ A(os, {
 		open: !!t,
 		onClose: n,
 		onNavigatePrev: r,
 		onNavigateNext: i,
-		children: t ? s ? /* @__PURE__ */ j(tc, { onRetry: () => c() }) : a ? /* @__PURE__ */ j(Qs, { trace: a }) : o ? /* @__PURE__ */ j(ec, {}) : null : a ? /* @__PURE__ */ j(Qs, { trace: a }) : null
+		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
 	});
 }
 //#endregion
@@ -5929,6 +5929,24 @@ function Nc(e) {
 	return e / 1e6;
 }
 function Pc(e) {
+	return e;
+}
+function Fc(e) {
+	return {
+		name: e.name,
+		timestampEpochMs: e.timestampEpochMs,
+		attributes: Pc(e.attributes)
+	};
+}
+function Ic(e) {
+	return {
+		timestampEpochMs: e.timestampEpochMs,
+		body: e.body,
+		severity: e.severity,
+		attributes: Pc(e.attributes)
+	};
+}
+function Lc(e) {
 	let t = Nc(e.durationNanos);
 	return {
 		traceId: e.traceId,
@@ -5940,7 +5958,7 @@ function Pc(e) {
 		status: e.status
 	};
 }
-function Fc(e) {
+function Rc(e) {
 	let t = e.startTimeEpochMs, n = Nc(e.durationNanos);
 	return {
 		traceId: e.traceId,
@@ -5954,21 +5972,23 @@ function Fc(e) {
 		status: e.status,
 		kind: e.kind,
 		attributes: e.attributes,
-		events: e.events,
-		payloadLogs: e.payloadLogs
+		events: e.events.map(Fc),
+		payloadLogs: e.payloadLogs.map(Ic)
 	};
 }
-function Ic(e) {
+function zc(e) {
+	let t = e.spans.map(Rc);
 	return {
-		...Pc(e),
-		spans: e.spans.map(Fc)
+		...Lc(e),
+		spanCount: t.length,
+		spans: t
 	};
 }
-function Lc(e) {
+function Bc(e) {
 	return e.endsWith("/search") ? e.slice(0, -7) : e;
 }
-function Rc(e, t) {
-	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = t?.searchPath ?? Mc, a = Lc(i);
+function Vc(e, t) {
+	let n = t?.fetch ?? globalThis.fetch.bind(globalThis), r = t?.credentials, i = t?.searchPath ?? Mc, a = Bc(i);
 	function o(e) {
 		let n = {
 			method: e,
@@ -6001,7 +6021,7 @@ function Rc(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(Pc),
+				entries: (d.data ?? []).map(Lc),
 				totalCount: d.pagination?.totalCount,
 				page: d.pagination?.page,
 				pageCount: d.pagination?.pageCount
@@ -6012,18 +6032,18 @@ function Rc(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 Ic(await s.json());
+			return zc(await s.json());
 		}
 	};
 }
 //#endregion
 //#region src/routing/DashboardListPage.tsx
-function zc({ templates: e }) {
-	let t = a(), n = D(() => Aa(e, t), [e, t]), r = D(() => [{
+function Hc({ templates: e }) {
+	let t = a(), n = E(() => Aa(e, t), [e, t]), r = E(() => [{
 		id: "name",
 		accessorKey: "label",
 		header: "Name",
-		cell: ({ row: e }) => /* @__PURE__ */ j(Wt, {
+		cell: ({ row: e }) => /* @__PURE__ */ A(Gt, {
 			to: `./${e.original.id}`,
 			className: "font-medium hover:underline",
 			children: e.original.label
@@ -6032,17 +6052,17 @@ function zc({ templates: e }) {
 		id: "description",
 		accessorKey: "description",
 		header: "Description",
-		cell: ({ row: e }) => /* @__PURE__ */ j("span", {
+		cell: ({ row: e }) => /* @__PURE__ */ A("span", {
 			className: "text-muted-foreground",
 			children: e.original.description ?? "—"
 		})
 	}], []);
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col gap-4 p-4",
-		children: [/* @__PURE__ */ j("h1", {
+		children: [/* @__PURE__ */ A("h1", {
 			className: "text-lg font-semibold",
 			children: "Dashboards"
-		}), /* @__PURE__ */ j(be, {
+		}), /* @__PURE__ */ A(xe, {
 			columns: r,
 			data: n,
 			emptyMessage: "No dashboards available.",
@@ -6052,7 +6072,7 @@ function zc({ templates: e }) {
 }
 //#endregion
 //#region src/routing/detail-filter.ts
-function Bc(e, t, n) {
+function Uc(e, t, n) {
 	let r = e.filter((e) => e.field !== t);
 	return r.push({
 		field: t,
@@ -6061,7 +6081,7 @@ function Bc(e, t, n) {
 		value: [n]
 	}), r;
 }
-function Vc(e, t) {
+function Wc(e, t) {
 	let n = qn({
 		conditions: [...e],
 		timeRange: t
@@ -6070,9 +6090,9 @@ function Vc(e, t) {
 }
 //#endregion
 //#region src/routing/LogsRouteElement.tsx
-function Hc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, detailMode: i, pageSize: a, scopeFilterField: o, columnVisibilityStorageKey: s, analyticsFilterMapping: c }) {
+function Gc({ 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__ */ j(Uc, {
+	return l && i === "drawer" && r && t ? /* @__PURE__ */ A(Kc, {
 		columns: e,
 		getRowId: t,
 		detailConfig: r,
@@ -6080,7 +6100,7 @@ function Hc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, d
 		scopeFilterField: o,
 		columnVisibilityStorageKey: s,
 		analyticsFilterMapping: c
-	}) : /* @__PURE__ */ j(Wc, {
+	}) : /* @__PURE__ */ A(qc, {
 		columns: e,
 		getRowId: t,
 		onRowClickOverride: n,
@@ -6091,21 +6111,21 @@ function Hc({ columns: e, getRowId: t, onRowClickOverride: n, detailConfig: r, d
 		analyticsFilterMapping: c
 	});
 }
-function Uc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilterField: i, columnVisibilityStorageKey: a, analyticsFilterMapping: o }) {
-	let [s, c] = k(void 0), [l, u] = k([]), { filters: d, setFilters: f } = La(), p = D(() => s ? l.findIndex((e) => t(e) === s) : -1, [
+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, [
 		s,
 		l,
 		t
-	]), m = w((e) => c(t(e)), [t]), h = w((e, t) => {
-		f(Bc(d, e, t)), c(void 0);
-	}, [d, f]), g = w(() => {
+	]), m = C((e) => c(t(e)), [t]), h = C((e, t) => {
+		f(Uc(d, e, t)), c(void 0);
+	}, [d, f]), g = C(() => {
 		let e = l[p - 1];
 		e && c(t(e));
 	}, [
 		l,
 		p,
 		t
-	]), _ = w(() => {
+	]), _ = C(() => {
 		let e = l[p + 1];
 		e && c(t(e));
 	}, [
@@ -6113,7 +6133,7 @@ function Uc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilter
 		p,
 		t
 	]);
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(go, {
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(go, {
 		columns: e,
 		onRowClick: m,
 		getRowId: t,
@@ -6122,7 +6142,7 @@ function Uc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilter
 		scopeFilterField: i,
 		columnVisibilityStorageKey: a,
 		analyticsFilterMapping: o
-	}), /* @__PURE__ */ j(vs, {
+	}), /* @__PURE__ */ A(vs, {
 		config: n,
 		logId: s,
 		onClose: () => c(void 0),
@@ -6133,11 +6153,11 @@ function Uc({ columns: e, getRowId: t, detailConfig: n, pageSize: r, scopeFilter
 		hasNext: p >= 0 && p < l.length - 1
 	})] });
 }
-function Wc({ columns: e, getRowId: t, onRowClickOverride: n, builtInDetailEnabled: r, pageSize: i, scopeFilterField: a, columnVisibilityStorageKey: o, analyticsFilterMapping: s }) {
+function qc({ columns: e, getRowId: t, onRowClickOverride: n, builtInDetailEnabled: r, pageSize: i, scopeFilterField: a, columnVisibilityStorageKey: o, analyticsFilterMapping: s }) {
 	let c = Yt(), { pathname: l } = Jt();
-	return /* @__PURE__ */ j(go, {
+	return /* @__PURE__ */ A(go, {
 		columns: e,
-		onRowClick: D(() => {
+		onRowClick: E(() => {
 			if (n) return n;
 			if (r && t) {
 				let e = l.replace(/\/$/, "");
@@ -6159,16 +6179,16 @@ function Wc({ columns: e, getRowId: t, onRowClickOverride: n, builtInDetailEnabl
 }
 //#endregion
 //#region src/routing/ObservabilityDashboardPage.tsx
-function Gc(e) {
+function Jc(e) {
 	let [t] = Zt(), n = t.get("live");
-	return /* @__PURE__ */ j(sn, {
+	return /* @__PURE__ */ A(sn, {
 		config: { defaultEnabled: n === "1" || n === "true" },
-		children: /* @__PURE__ */ j(Kc, { ...e })
+		children: /* @__PURE__ */ A(Yc, { ...e })
 	});
 }
-function Kc({ templates: e, scopeFilterField: t, externalLinks: n }) {
-	let { dashboardId: r } = Xt(), i = a(), o = ln(), [, s] = Zt(), c = D(() => 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;
-	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;
+	T(() => {
 		s((e) => {
 			let t = e.has("live");
 			if (m && !t) {
@@ -6182,43 +6202,43 @@ function Kc({ templates: e, scopeFilterField: t, externalLinks: n }) {
 			return e;
 		}, { replace: !0 });
 	}, [m, s]);
-	let h = w((e) => {
+	let h = C((e) => {
 		e.type === "absolute" && o?.isLive && o.toggle(), d(e);
-	}, [d, o]), g = D(() => c ? ka(c, { capabilities: i }) : null, [c, i]);
-	return !c || !g ? /* @__PURE__ */ j("div", {
+	}, [d, o]), g = E(() => c ? ka(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."
-	}) : /* @__PURE__ */ M("div", {
+	}) : /* @__PURE__ */ j("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ j("h1", {
+			/* @__PURE__ */ A("h1", {
 				className: "text-lg font-semibold",
 				children: c.label
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ A("div", {
 						className: "flex flex-1 items-center gap-2",
-						children: /* @__PURE__ */ j(ci, {
+						children: /* @__PURE__ */ A(ci, {
 							filters: p,
 							onFiltersChange: f,
 							scopeFilterField: t
 						})
 					}),
-					n?.map((e) => /* @__PURE__ */ M("a", {
+					n?.map((e) => /* @__PURE__ */ j("a", {
 						href: typeof e.href == "function" ? e.href(u) : e.href,
 						className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
 						children: [e.label, " →"]
 					}, e.label)),
-					/* @__PURE__ */ j(B, { children: /* @__PURE__ */ j(Ia, {}) }),
-					/* @__PURE__ */ j(rr, {
+					/* @__PURE__ */ A(z, { children: /* @__PURE__ */ A(Ia, {}) }),
+					/* @__PURE__ */ A(rr, {
 						value: l,
 						onChange: h
 					})
 				]
 			}),
-			/* @__PURE__ */ j(wa, {
+			/* @__PURE__ */ A(wa, {
 				dashboard: g,
 				timeRange: l,
 				filters: u
@@ -6228,26 +6248,26 @@ function Kc({ templates: e, scopeFilterField: t, externalLinks: n }) {
 }
 //#endregion
 //#region src/routing/TracesRouteElement.tsx
-function qc({ detailMode: e, pageSize: t, columnVisibilityStorageKey: n }) {
-	return j(e === "drawer" ? Jc : Yc, {
+function Xc({ detailMode: e, pageSize: t, columnVisibilityStorageKey: n }) {
+	return A(e === "drawer" ? Zc : Qc, {
 		pageSize: t,
 		columnVisibilityStorageKey: n
 	});
 }
-function Jc({ pageSize: e, columnVisibilityStorageKey: t }) {
-	let { apiId: n } = Xt(), [r, i] = k(void 0), [a, o] = k([]), s = D(() => r ? a.findIndex((e) => e.traceId === r) : -1, [r, a]), c = w((e) => i(e.traceId), []), l = w(() => i(void 0), []), u = w(() => {
+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 = w(() => {
+	}, [a, s]), d = C(() => {
 		let e = a[s + 1];
 		e && i(e.traceId);
 	}, [a, s]);
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(As, {
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(As, {
 		onRowClick: c,
 		onPageDataChange: o,
 		pageSize: e,
 		columnVisibilityStorageKey: t
-	}), /* @__PURE__ */ j(ic, {
+	}), /* @__PURE__ */ A(ic, {
 		apiId: n ?? "",
 		traceId: r,
 		onClose: l,
@@ -6255,10 +6275,10 @@ function Jc({ pageSize: e, columnVisibilityStorageKey: t }) {
 		onNavigateNext: d
 	})] });
 }
-function Yc({ pageSize: e, columnVisibilityStorageKey: t }) {
+function Qc({ pageSize: e, columnVisibilityStorageKey: t }) {
 	let n = Yt(), { pathname: r } = Jt(), { apiId: i } = Xt();
-	return /* @__PURE__ */ j(As, {
-		onRowClick: D(() => {
+	return /* @__PURE__ */ A(As, {
+		onRowClick: E(() => {
 			if (!i) return;
 			let e = r.replace(/\/$/, "");
 			return (t) => n(`${e}/${t.traceId}`);
@@ -6273,156 +6293,156 @@ function Yc({ pageSize: e, columnVisibilityStorageKey: t }) {
 }
 //#endregion
 //#region src/routing/ObservabilityRoutes.tsx
-var Xc = [];
-function Zc(e, t, n) {
-	return e ? /* @__PURE__ */ j(g, {
+var $c = [];
+function el(e, t, n) {
+	return e ? /* @__PURE__ */ A(g, {
 		dataSource: t,
 		children: n
 	}) : n;
 }
-function Qc(e, t, n) {
-	return e ? /* @__PURE__ */ j(s, {
+function tl(e, t, n) {
+	return e ? /* @__PURE__ */ A(s, {
 		dataSource: t,
 		children: n
 	}) : n;
 }
-function $c({ children: e }) {
-	let t = fn(), { data: n, isLoading: r, isError: i } = P({
+function nl({ 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__ */ j(el, {}) : i || !n ? /* @__PURE__ */ j(A, { children: e([]) }) : /* @__PURE__ */ j(A, { children: e(n) });
+	return r ? /* @__PURE__ */ A(rl, {}) : i || !n ? /* @__PURE__ */ A(k, { children: e([]) }) : /* @__PURE__ */ A(k, { children: e(n) });
 }
-function el() {
-	return /* @__PURE__ */ M("div", {
+function rl() {
+	return /* @__PURE__ */ j("div", {
 		className: "flex items-center gap-2 p-4",
 		children: [
-			/* @__PURE__ */ j("div", { className: "h-8 w-48 animate-pulse rounded bg-muted" }),
-			/* @__PURE__ */ j("div", { className: "h-8 w-32 animate-pulse rounded bg-muted" }),
-			/* @__PURE__ */ j("div", { className: "h-8 w-24 animate-pulse rounded bg-muted" })
+			/* @__PURE__ */ A("div", { className: "h-8 w-48 animate-pulse rounded bg-muted" }),
+			/* @__PURE__ */ A("div", { className: "h-8 w-32 animate-pulse rounded bg-muted" }),
+			/* @__PURE__ */ A("div", { className: "h-8 w-24 animate-pulse rounded bg-muted" })
 		]
 	});
 }
-function tl({ templates: e, contextFilters: t }) {
-	let n = a(), r = D(() => Aa(e, n), [e, n]);
-	return r.length === 1 && r[0] ? /* @__PURE__ */ j(Gt, {
+function il({ templates: e, contextFilters: t }) {
+	let n = a(), r = E(() => Aa(e, n), [e, n]);
+	return r.length === 1 && r[0] ? /* @__PURE__ */ A(Kt, {
 		to: `./${r[0].id}`,
 		replace: !0
-	}) : /* @__PURE__ */ j(bn, {
+	}) : /* @__PURE__ */ A(bn, {
 		filters: t,
-		children: /* @__PURE__ */ j(zc, { templates: e })
+		children: /* @__PURE__ */ A(Hc, { templates: e })
 	});
 }
-function nl({ 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 = D(() => Tc(e, y), [e, y]), C = r !== void 0 || x === null, ee = r ?? x ?? S, te = D(() => Oc(e, y), [e, y]), ne = i(), w = D(() => _.features.logs?.enabled ? jc(e, y) : void 0, [
+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, [
 		e,
 		y,
 		_.features.logs?.enabled
-	]), T = l ?? ne ?? w, E = l !== void 0 || ne === null, re = t(), O = D(() => _.features.tracing?.enabled ? Rc(e, y) : void 0, [
+	]), w = l ?? re ?? C, T = l !== void 0 || re === null, ie = t(), D = E(() => _.features.tracing?.enabled ? Vc(e, y) : void 0, [
 		e,
 		y,
 		_.features.tracing?.enabled
-	]), k = g ?? re ?? O, ie = g !== void 0 || re === null, N = _.features.dashboards, P = _.features.logs, ae = _.features.tracing, oe = N?.contextFilters ?? Xc, se = P?.contextFilters ?? Xc, ce = P?.enabled, F = P?.logDetail, I = P?.analyticsFilterMapping, le = D(() => {
-		if (ce) return F || Xo({
+	]), 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({
 			basePath: p ?? "",
-			contextChart: { analyticsFilterMapping: I }
+			contextChart: { analyticsFilterMapping: F }
 		});
 	}, [
-		ce,
+		le,
+		P,
 		F,
-		I,
 		p
-	]), ue = P?.detailMode ?? "drawer", de = (e) => /* @__PURE__ */ j(h, {
+	]), de = N?.detailMode ?? "drawer", fe = (e) => /* @__PURE__ */ A(h, {
 		providers: e,
-		children: /* @__PURE__ */ M(qt, { children: [
-			N?.enabled && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Kt, {
+		children: /* @__PURE__ */ j(qt, { children: [
+			M?.enabled && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(U, {
 				path: "dashboards",
-				element: /* @__PURE__ */ j(tl, {
-					templates: N.templates,
-					contextFilters: oe
+				element: /* @__PURE__ */ A(il, {
+					templates: M.templates,
+					contextFilters: se
 				})
-			}), /* @__PURE__ */ j(Kt, {
+			}), /* @__PURE__ */ A(U, {
 				path: "dashboards/:dashboardId",
-				element: /* @__PURE__ */ j(bn, {
-					filters: oe,
-					children: /* @__PURE__ */ j(Gc, {
-						templates: N.templates,
-						scopeFilterField: N.scopeFilterField,
-						externalLinks: N.externalLinks
+				element: /* @__PURE__ */ A(bn, {
+					filters: se,
+					children: /* @__PURE__ */ A(Jc, {
+						templates: M.templates,
+						scopeFilterField: M.scopeFilterField,
+						externalLinks: M.externalLinks
 					})
 				})
 			})] }),
-			_.features.logs?.enabled && /* @__PURE__ */ j(Kt, {
+			_.features.logs?.enabled && /* @__PURE__ */ A(U, {
 				path: "logs",
-				element: /* @__PURE__ */ j(bn, {
-					filters: se,
-					children: s ?? (T && u ? Zc(E, T, /* @__PURE__ */ j(Hc, {
+				element: /* @__PURE__ */ A(bn, {
+					filters: ce,
+					children: s ?? (w && u ? el(T, w, /* @__PURE__ */ A(Gc, {
 						columns: u,
 						getRowId: f,
 						onRowClickOverride: d,
-						detailConfig: le,
-						detailMode: ue,
-						pageSize: P?.pageSize,
-						scopeFilterField: P?.scopeFilterField,
-						columnVisibilityStorageKey: P?.columnVisibilityStorageKey,
-						analyticsFilterMapping: P?.analyticsFilterMapping
-					})) : /* @__PURE__ */ j("div", {
+						detailConfig: ue,
+						detailMode: de,
+						pageSize: N?.pageSize,
+						scopeFilterField: N?.scopeFilterField,
+						columnVisibilityStorageKey: N?.columnVisibilityStorageKey,
+						analyticsFilterMapping: N?.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 && le && T && /* @__PURE__ */ j(Kt, {
+			_.features.logs?.enabled && ue && w && /* @__PURE__ */ A(U, {
 				path: "logs/:logId",
-				element: /* @__PURE__ */ j(bn, {
-					filters: se,
-					children: Zc(E, T, /* @__PURE__ */ j(rl, { config: le }))
+				element: /* @__PURE__ */ A(bn, {
+					filters: ce,
+					children: el(T, w, /* @__PURE__ */ A(ol, { config: ue }))
 				})
 			}),
-			ae?.enabled && b["observability.traces.read"] && k && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Kt, {
+			oe?.enabled && b["observability.traces.read"] && O && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(U, {
 				path: "tracing/:apiId",
-				element: Qc(ie, k, /* @__PURE__ */ j(qc, {
-					detailMode: ae.detailMode ?? "page",
-					pageSize: ae.pageSize,
-					columnVisibilityStorageKey: ae.columnVisibilityStorageKey
+				element: tl(ae, O, /* @__PURE__ */ A(Xc, {
+					detailMode: oe.detailMode ?? "page",
+					pageSize: oe.pageSize,
+					columnVisibilityStorageKey: oe.columnVisibilityStorageKey
 				}))
-			}), /* @__PURE__ */ j(Kt, {
+			}), /* @__PURE__ */ A(U, {
 				path: "tracing/:apiId/:traceId",
-				element: Qc(ie, k, /* @__PURE__ */ j(rc, {}))
+				element: tl(ae, O, /* @__PURE__ */ A(rc, {}))
 			})] }),
-			/* @__PURE__ */ j(Kt, {
+			/* @__PURE__ */ A(U, {
 				path: "*",
-				element: N?.enabled ? /* @__PURE__ */ j(Gt, {
+				element: M?.enabled ? /* @__PURE__ */ A(Kt, {
 					to: "dashboards",
 					replace: !0
-				}) : _.features.logs?.enabled ? /* @__PURE__ */ j(Gt, {
+				}) : _.features.logs?.enabled ? /* @__PURE__ */ A(Kt, {
 					to: "logs",
 					replace: !0
-				}) : /* @__PURE__ */ j("div", {
+				}) : /* @__PURE__ */ A("div", {
 					className: "flex items-center justify-center p-8 text-muted-foreground",
 					children: "No observability features enabled."
 				})
 			})
 		] })
-	}), fe = N?.enabled || P?.enabled ? /* @__PURE__ */ j(dn, {
-		source: te,
-		children: o ? de(o) : /* @__PURE__ */ j($c, { children: (e) => de(e) })
-	}) : de(o ?? []);
-	return C ? /* @__PURE__ */ j(m, {
-		dataSource: ee,
-		children: fe
-	}) : fe;
-}
-function rl({ config: e }) {
+	}), 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__ */ j(bs, {
+	return /* @__PURE__ */ A(bs, {
 		config: e,
-		onFilter: w((e, i) => {
+		onFilter: C((e, i) => {
 			t({
 				pathname: "..",
-				search: Vc(Bc(n, e, i), r)
+				search: Wc(Uc(n, e, i), r)
 			}, { relative: "path" });
 		}, [
 			n,
@@ -6433,30 +6453,30 @@ function rl({ config: e }) {
 }
 //#endregion
 //#region src/routing/define-observability-features.ts
-var il = {
+var sl = {
 	dashboards: {
-		icon: ot,
+		icon: st,
 		title: "Dashboards",
 		order: 0,
 		showInNav: !0
 	},
 	logs: {
-		icon: ft,
+		icon: pt,
 		title: "Logs",
 		order: 1,
 		showInNav: !0
 	},
 	tracing: {
-		icon: xt,
+		icon: St,
 		title: "Tracing",
 		order: 2,
 		showInNav: !1
 	}
 };
-function al(e) {
-	let t = e.basePath ?? "observe", n = ol(e), r = sl(e, n, t), i = n.map((e) => `${t}/${e}`), a = cl(n, t);
+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 o(t) {
-		return C(nl, {
+		return ee(al, {
 			...t,
 			config: e
 		});
@@ -6485,13 +6505,13 @@ function al(e) {
 		breadcrumbSegments: c
 	};
 }
-function ol(e) {
+function ll(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) => il[e].order - il[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) => sl[e].order - sl[t].order);
 }
-function sl(e, t, n) {
-	let r = t.filter((e) => il[e].showInNav).map((t) => {
-		let r = il[t], i = e.nav.overrides?.[t];
+function ul(e, t, n) {
+	let r = t.filter((e) => sl[e].showInNav).map((t) => {
+		let r = sl[t], i = e.nav.overrides?.[t];
 		return {
 			key: `${n}/${t}`,
 			title: i?.title ?? r.title,
@@ -6503,10 +6523,10 @@ function sl(e, t, n) {
 		items: r
 	};
 }
-function cl(e, t) {
+function dl(e, t) {
 	let n = {};
 	for (let r of e) {
-		let e = il[r], i = `${t}/${r}`;
+		let e = sl[r], i = `${t}/${r}`;
 		n[i] = {
 			path: `${t}/${r}`,
 			label: e.title
@@ -6516,7 +6536,7 @@ function cl(e, t) {
 }
 //#endregion
 //#region src/build-observability-base-url.ts
-function ll(e, t, n) {
+function fl(e, t, n) {
 	let r = e;
 	if (n?.useDevProxy) try {
 		r = new URL(r).pathname;
@@ -6524,4 +6544,4 @@ function ll(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, ll 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, Rc as createHttpTracesSource, Jn as decodeObservabilityState, Oa as defineDashboardTemplate, fr as defineFilterProvider, qo as defineLogDetail, al 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 { 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 };