@gravitee/gamma-lib-observability 1.4.0 → 1.5.0

package/dist/index.js

@@ -3,7 +3,7 @@ import { Fragment as v, createContext as y, createElement as b, forwardRef as x,
 import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
 import { keepPreviousData as ee, useQueries as te, useQuery as N } from "@tanstack/react-query";
 import { Accordion as ne, AccordionContent as re, AccordionItem as ie, AccordionTrigger as ae, Badge as P, Button as F, Calendar as oe, Card as se, Combobox as ce, ComboboxChip as le, ComboboxChips as ue, ComboboxChipsInput as de, ComboboxContent as fe, ComboboxEmpty as pe, ComboboxItem as me, ComboboxList as he, ComboboxValue as ge, DataTable as _e, DataTablePagination as ve, Empty as ye, EmptyDescription as be, EmptyHeader as xe, EmptyMedia as Se, EmptyTitle as Ce, Field as we, FieldError as Te, FieldLabel as Ee, Input as De, Popover as Oe, PopoverAnchor as ke, PopoverContent as Ae, PopoverTrigger as je, ScrollArea as Me, Select as Ne, SelectContent as Pe, SelectItem as Fe, SelectTrigger as Ie, SelectValue as Le, Separator as Re, Sheet as ze, SheetContent as Be, SheetDescription as Ve, SheetTitle as He, Skeleton as I, Spinner as Ue, ToggleGroup as We, ToggleGroupItem as Ge, Tooltip as L, TooltipContent as R, TooltipProvider as z, TooltipTrigger as B, cn as V, toast as H, useComboboxAnchor as Ke } from "@gravitee/graphene-core";
-import { AlertCircleIcon as qe, ArrowLeftIcon as Je, ArrowRightIcon as Ye, BrainCircuitIcon as Xe, CableIcon as Ze, CalendarIcon as Qe, ChevronDownIcon as $e, ChevronRightIcon as et, CircleHelpIcon as tt, CopyIcon as nt, ExpandIcon as rt, FileTextIcon as it, FilterIcon as at, GlobeIcon as ot, LayoutDashboardIcon as st, MessageSquareIcon as ct, PanelLeftIcon as lt, PlusIcon as ut, RefreshCwIcon as dt, SearchIcon as ft, Trash2Icon as pt, WebhookIcon as mt, XIcon as ht } from "@gravitee/graphene-core/icons";
+import { AlertCircleIcon as qe, ArrowLeftIcon as Je, ArrowRightIcon as Ye, BrainCircuitIcon as Xe, CableIcon as Ze, CalendarIcon as Qe, ChevronDownIcon as $e, ChevronRightIcon as et, CircleHelpIcon as tt, CopyIcon as nt, ExpandIcon as rt, FileTextIcon as it, FilterIcon as at, FunnelXIcon as ot, GlobeIcon as st, LayoutDashboardIcon as ct, MessageSquareIcon as lt, PanelLeftIcon as ut, PlusIcon as dt, RefreshCwIcon as ft, SearchIcon as pt, WebhookIcon as mt, XIcon as ht } from "@gravitee/graphene-core/icons";
 import { DashboardGrid as gt, DashboardWidget as _t } from "@gravitee/graphene-charts/dashboard-grid";
 import { AreaSeries as vt, BarChart as yt, BarSeries as bt, CartesianChart as xt, ChartContainer as St, ChartLegend as Ct, ChartLegendContent as wt, ChartTooltip as Tt, ChartTooltipContent as Et, DoughnutChart as Dt, Grid as Ot, LineSeries as kt, Metric as At, MetricGroup as jt, ReferenceLine as Mt, XAxis as Nt, YAxis as Pt } from "@gravitee/graphene-charts";
 import { Link as Ft, Navigate as It, Route as Lt, Routes as Rt, useNavigate as zt, useParams as Bt, useSearchParams as Vt } from "react-router-dom";
@@ -89,15 +89,15 @@ var W = 3e4;
 //#region src/hooks/query-keys.ts
 function on(e) {
 	let t = { name: e.name };
-	return e.measures && (t.measures = e.measures.slice().sort()), e.filters && (t.filters = cn(e.filters)), "sorts" in e && e.sorts && (t.sorts = e.sorts), t;
+	return e.measures && (t.measures = e.measures.slice().sort()), e.filters && (t.filters = G(e.filters)), "sorts" in e && e.sorts && (t.sorts = e.sorts), t;
 }
 function sn(e) {
 	return e.map(on).sort((e, t) => e.name.localeCompare(t.name));
 }
-function cn(e) {
+function G(e) {
 	return !e || e.length === 0 ? e : e.slice().sort((e, t) => e.field.localeCompare(t.field) || e.operator.localeCompare(t.operator));
 }
-var G = {
+var K = {
 	all: ["observability"],
 	timeSeries: (e, t, n, r, i, a) => [
 		"observability",
@@ -106,7 +106,7 @@ var G = {
 			metrics: sn(e),
 			timeRange: t,
 			interval: n,
-			filters: cn(r),
+			filters: G(r),
 			by: i,
 			limit: a
 		}
@@ -117,7 +117,7 @@ var G = {
 		{
 			field: e,
 			timeRange: t,
-			filters: cn(n),
+			filters: G(n),
 			limit: r,
 			search: i
 		}
@@ -128,7 +128,7 @@ var G = {
 		{
 			metrics: sn(e),
 			timeRange: t,
-			filters: cn(n)
+			filters: G(n)
 		}
 	],
 	logs: (e, t, n) => [
@@ -136,7 +136,7 @@ var G = {
 		"logs",
 		{
 			timeRange: e,
-			filters: cn(t),
+			filters: G(t),
 			search: n
 		}
 	],
@@ -150,7 +150,7 @@ var G = {
 		"traces",
 		{
 			timeRange: e,
-			filters: cn(t),
+			filters: G(t),
 			serviceName: n
 		}
 	],
@@ -167,30 +167,30 @@ var G = {
 };
 //#endregion
 //#region src/dashboards/merge-filters.ts
-function K(...e) {
+function q(...e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) if (n) for (let e of n) t.set(e.field, e);
 	return Array.from(t.values());
 }
 //#endregion
 //#region src/providers/ContextFiltersProvider.tsx
-var ln = y([]);
-function un({ filters: e, children: t }) {
+var cn = y([]);
+function ln({ filters: e, children: t }) {
 	let n = D(() => e, [e]);
-	return /* @__PURE__ */ j(ln.Provider, {
+	return /* @__PURE__ */ j(cn.Provider, {
 		value: n,
 		children: t
 	});
 }
-function q() {
-	return w(ln);
+function J() {
+	return w(cn);
 }
 //#endregion
 //#region src/hooks/use-facets-query.ts
-function dn(e, t) {
-	let n = m(), r = K(q(), e.filters);
+function un(e, t) {
+	let n = m(), r = q(J(), e.filters);
 	return N({
-		queryKey: G.facets(e.field, e.timeRange, r, e.limit, e.search),
+		queryKey: K.facets(e.field, e.timeRange, r, e.limit, e.search),
 		queryFn: ({ signal: t }) => n.fetchFacets({
 			field: e.field,
 			timeRange: e.timeRange,
@@ -206,9 +206,9 @@ function dn(e, t) {
 }
 //#endregion
 //#region src/hooks/use-log-detail-query.ts
-function fn(e) {
+function dn(e) {
 	let t = g(), n = typeof t.getById == "function", r = N({
-		queryKey: G.logDetail(e.id ?? ""),
+		queryKey: K.logDetail(e.id ?? ""),
 		queryFn: ({ signal: n }) => t.getById(e.id, n),
 		staleTime: W,
 		enabled: n && !!e.id && e.enabled !== !1
@@ -225,10 +225,10 @@ function fn(e) {
 }
 //#endregion
 //#region src/hooks/use-logs-query.ts
-function pn(e, t) {
-	let n = g(), r = K(q(), e.filters);
+function fn(e, t) {
+	let n = g(), r = q(J(), e.filters);
 	return N({
-		queryKey: G.logs(e.timeRange, r, e.search),
+		queryKey: K.logs(e.timeRange, r, e.search),
 		queryFn: ({ signal: t }) => n.fetchLogs({
 			timeRange: e.timeRange,
 			filters: r,
@@ -242,9 +242,9 @@ function pn(e, t) {
 }
 //#endregion
 //#region src/hooks/use-logs-paged-query.ts
-var mn = 25;
-function hn(e) {
-	let { timeRange: t, filters: n, search: r, pageSize: i = mn, enabled: a } = e, o = g(), s = K(q(), n), [c, l] = k(1), [u, d] = k(i), f = G.logs(t, s, r), p = JSON.stringify(f), m = O(p);
+var pn = 25;
+function mn(e) {
+	let { timeRange: t, filters: n, search: r, pageSize: i = pn, enabled: a } = e, o = g(), s = q(J(), n), [c, l] = k(1), [u, d] = k(i), f = K.logs(t, s, r), p = JSON.stringify(f), m = O(p);
 	T(() => {
 		m.current !== p && (m.current = p, l(1));
 	}, [p]);
@@ -284,10 +284,10 @@ function hn(e) {
 }
 //#endregion
 //#region src/hooks/use-measures-query.ts
-function gn(e, t) {
-	let n = m(), r = K(q(), e.filters);
+function hn(e, t) {
+	let n = m(), r = q(J(), e.filters);
 	return N({
-		queryKey: G.measures(e.metrics, e.timeRange, r),
+		queryKey: K.measures(e.metrics, e.timeRange, r),
 		queryFn: ({ signal: t }) => n.fetchMeasures({
 			metrics: e.metrics,
 			timeRange: e.timeRange,
@@ -302,12 +302,12 @@ function gn(e, t) {
 }
 //#endregion
 //#region src/hooks/use-resolve-filter-labels.ts
-function _n(e, t) {
+function gn(e, t) {
 	let n = D(() => e.filter((e) => e.value.length > 0 && !e.valueLabels?.length), [e]), r = D(() => n.map((e) => ({
 		filterName: e.field,
 		ids: e.value
 	})), [n]), i = D(() => JSON.stringify(r), [r]), { data: a } = N({
-		queryKey: G.filterLabels(i),
+		queryKey: K.filterLabels(i),
 		queryFn: ({ signal: e }) => t.resolveLabels(r, e),
 		enabled: !!t && r.length > 0,
 		staleTime: 300 * 1e3
@@ -329,10 +329,10 @@ function _n(e, t) {
 }
 //#endregion
 //#region src/hooks/use-time-series-query.ts
-function vn(e, t) {
-	let n = m(), r = K(q(), e.filters);
+function _n(e, t) {
+	let n = m(), r = q(J(), e.filters);
 	return N({
-		queryKey: G.timeSeries(e.metrics, e.timeRange, e.interval, r, e.by, e.limit),
+		queryKey: K.timeSeries(e.metrics, e.timeRange, e.interval, r, e.by, e.limit),
 		queryFn: ({ signal: t }) => n.fetchTimeSeries({
 			metrics: e.metrics,
 			timeRange: e.timeRange,
@@ -350,7 +350,7 @@ function vn(e, t) {
 }
 //#endregion
 //#region src/filters/constants.ts
-var yn = "5m", bn = [
+var vn = "5m", yn = [
 	{
 		label: "Last",
 		periods: [
@@ -383,7 +383,7 @@ var yn = "5m", bn = [
 			"previousQuarter"
 		]
 	}
-], xn = bn.flatMap((e) => e.periods), Sn = {
+], bn = yn.flatMap((e) => e.periods), xn = {
 	"5m": "5 minutes",
 	"15m": "15 minutes",
 	"1h": "1 hour",
@@ -401,7 +401,7 @@ var yn = "5m", bn = [
 	previousWeek: "Week",
 	previousMonth: "Month",
 	previousQuarter: "Quarter"
-}, Cn = {
+}, Sn = {
 	"5m": "Last 5 minutes",
 	"15m": "Last 15 minutes",
 	"1h": "Last 1 hour",
@@ -419,22 +419,22 @@ var yn = "5m", bn = [
 	previousWeek: "Previous week",
 	previousMonth: "Previous month",
 	previousQuarter: "Previous quarter"
-}, wn = new Set(xn), Tn = new Set(_), En = "1", Dn = {
+}, Cn = new Set(bn), wn = new Set(_), Tn = "1", En = {
 	type: "relative",
 	period: "5m"
 };
-function On(e) {
+function Dn(e) {
 	return btoa(e).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }
-function kn(e) {
+function On(e) {
 	let t = e.replace(/-/g, "+").replace(/_/g, "/");
 	return atob(t);
 }
-function An(e) {
-	return e.conditions.length === 0 && e.timeRange.type === "relative" && e.timeRange.period === Dn.period;
+function kn(e) {
+	return e.conditions.length === 0 && e.timeRange.type === "relative" && e.timeRange.period === En.period;
 }
-function jn(e) {
-	if (An(e)) return null;
+function An(e) {
+	if (kn(e)) return null;
 	let t = {
 		c: e.conditions.map(({ field: e, label: t, operator: n, value: r }) => ({
 			field: e,
@@ -445,19 +445,19 @@ function jn(e) {
 		t: e.timeRange
 	};
 	return {
-		q: On(JSON.stringify(t)),
+		q: Dn(JSON.stringify(t)),
 		v: "1"
 	};
 }
-function Mn(e, t) {
+function jn(e, t) {
 	let n = {
 		conditions: [],
-		timeRange: Dn
+		timeRange: En
 	};
 	if (!e || !t || t !== "1") return n;
 	try {
-		let t = kn(e), r = JSON.parse(t);
-		return Fn(r) ? {
+		let t = On(e), r = JSON.parse(t);
+		return Pn(r) ? {
 			conditions: r.c.map(({ field: e, label: t, operator: n, value: r }) => ({
 				field: e,
 				label: t,
@@ -470,33 +470,33 @@ function Mn(e, t) {
 		return n;
 	}
 }
-function Nn(e) {
+function Mn(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
-	return !(typeof t.field != "string" || t.field.length === 0 || typeof t.label != "string" || typeof t.operator != "string" || !Tn.has(t.operator) || !Array.isArray(t.value) || !t.value.every((e) => typeof e == "string"));
+	return !(typeof t.field != "string" || t.field.length === 0 || typeof t.label != "string" || typeof t.operator != "string" || !wn.has(t.operator) || !Array.isArray(t.value) || !t.value.every((e) => typeof e == "string"));
 }
-function Pn(e) {
+function Nn(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
-	return t.type === "relative" ? typeof t.period == "string" && wn.has(t.period) : t.type === "absolute" ? typeof t.from == "number" && Number.isFinite(t.from) && typeof t.to == "number" && Number.isFinite(t.to) : !1;
+	return t.type === "relative" ? typeof t.period == "string" && Cn.has(t.period) : t.type === "absolute" ? typeof t.from == "number" && Number.isFinite(t.from) && typeof t.to == "number" && Number.isFinite(t.to) : !1;
 }
-function Fn(e) {
+function Pn(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
-	return !Array.isArray(t.c) || !t.c.every(Nn) ? !1 : Pn(t.t);
+	return !Array.isArray(t.c) || !t.c.every(Mn) ? !1 : Nn(t.t);
 }
 //#endregion
 //#region src/filters/TimeRangePicker.tsx
-function In(e) {
+function Fn(e) {
 	return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 }
-function Ln() {
+function In() {
 	let e = -(/* @__PURE__ */ new Date()).getTimezoneOffset();
 	return `GMT${e >= 0 ? "+" : "-"}${Math.floor(Math.abs(e) / 60)}`;
 }
-function Rn(e, t) {
-	let n = t ? ` (${Ln()})` : "";
-	if (e.type === "relative") return `${Cn[e.period]}${n}`;
+function Ln(e, t) {
+	let n = t ? ` (${In()})` : "";
+	if (e.type === "relative") return `${Sn[e.period]}${n}`;
 	let r = new Date(e.from), i = new Date(e.to), a = new Intl.DateTimeFormat(void 0, {
 		month: "short",
 		day: "numeric",
@@ -508,7 +508,7 @@ function Rn(e, t) {
 	});
 	return `${a.format(r)} @ ${o.format(r)} - ${a.format(i)} @ ${o.format(i)}${n}`;
 }
-function zn(e) {
+function Rn(e) {
 	return e ? e.toLocaleDateString(void 0, {
 		weekday: "short",
 		month: "short",
@@ -516,20 +516,20 @@ function zn(e) {
 		year: "numeric"
 	}) : "—";
 }
-function Bn(e, t) {
+function zn(e, t) {
 	if (!e) return;
 	let [n, r] = t.split(":").map(Number), i = new Date(e);
 	return i.setHours(n ?? 0, r ?? 0, 0, 0), i.getTime();
 }
-function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, className: i }) {
-	let a = E(), 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 = Bn(f?.from, m), y = Bn(f?.to, g), b = v !== void 0 && y !== void 0 && v >= y, x = v !== void 0 && y !== void 0 && !b;
+function Bn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, className: i }) {
+	let a = E(), 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 = zn(f?.from, m), y = zn(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);
 			p({
 				from: t,
 				to: n
-			}), h(In(t)), _(In(n));
+			}), h(Fn(t)), _(Fn(n));
 		}
 	}
 	function C(e) {
@@ -560,7 +560,7 @@ function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 				"aria-haspopup": "dialog",
 				"aria-expanded": c,
 				className: V("justify-between gap-2 font-normal", i),
-				children: [Rn(e, r), /* @__PURE__ */ j(Qe, {
+				children: [Ln(e, r), /* @__PURE__ */ j(Qe, {
 					"aria-hidden": "true",
 					className: "size-4 shrink-0"
 				})]
@@ -591,7 +591,7 @@ function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 					className: "flex flex-col gap-4",
 					role: "listbox",
 					"aria-label": "Preset time ranges",
-					children: bn.map((t) => /* @__PURE__ */ M("div", {
+					children: yn.map((t) => /* @__PURE__ */ M("div", {
 						className: "flex flex-col gap-2",
 						children: [/* @__PURE__ */ j("p", {
 							className: "text-xs font-medium text-muted-foreground",
@@ -602,12 +602,12 @@ function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 								variant: "outline",
 								size: "sm",
 								role: "option",
-								"aria-label": Cn[t],
+								"aria-label": Sn[t],
 								"aria-selected": e.type === "relative" && e.period === t,
 								className: V(e.type === "relative" && e.period === t && "bg-primary text-primary-foreground hover:bg-primary/90"),
 								disabled: n,
 								onClick: () => C(t),
-								children: Sn[t]
+								children: xn[t]
 							}, t))
 						})]
 					}, t.label))
@@ -631,7 +631,7 @@ function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 									className: "flex-1",
 									children: [/* @__PURE__ */ j(Ee, {
 										htmlFor: o,
-										children: zn(f?.from)
+										children: Rn(f?.from)
 									}), /* @__PURE__ */ j(De, {
 										id: o,
 										type: "time",
@@ -650,7 +650,7 @@ function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 									className: "flex-1",
 									children: [/* @__PURE__ */ j(Ee, {
 										htmlFor: s,
-										children: zn(f?.to)
+										children: Rn(f?.to)
 									}), /* @__PURE__ */ j(De, {
 										id: s,
 										type: "time",
@@ -682,7 +682,7 @@ function Vn({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 }
 //#endregion
 //#region src/filters/resolve-period.ts
-function Hn() {
+function Vn() {
 	try {
 		let { firstDay: e } = new Intl.Locale(navigator.language).getWeekInfo();
 		return e % 7;
@@ -690,7 +690,7 @@ function Hn() {
 		return 1;
 	}
 }
-var Un = {
+var Hn = {
 	"5m": 5 * 6e4,
 	"15m": 15 * 6e4,
 	"1h": 60 * 6e4,
@@ -703,51 +703,51 @@ var Un = {
 	"180d": 4320 * 60 * 6e4,
 	"365d": 365 * 24 * 60 * 6e4
 };
-function Wn(e) {
+function Un(e) {
 	let t = new Date(e);
 	return t.setHours(0, 0, 0, 0), t;
 }
-function Gn(e, t) {
-	let n = Wn(e), r = (n.getDay() - t + 7) % 7;
+function Wn(e, t) {
+	let n = Un(e), r = (n.getDay() - t + 7) % 7;
 	return n.setDate(n.getDate() - r), n;
 }
-function Kn(e) {
+function Gn(e) {
 	return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function qn(e) {
+function Kn(e) {
 	let t = Math.floor(e.getMonth() / 3) * 3;
 	return new Date(e.getFullYear(), t, 1);
 }
-function Jn(e, t, n) {
+function qn(e, t, n) {
 	switch (e) {
 		case "currentWeek": return {
-			from: Gn(t, n),
+			from: Wn(t, n),
 			to: t
 		};
 		case "currentMonth": return {
-			from: Kn(t),
+			from: Gn(t),
 			to: t
 		};
 		case "currentQuarter": return {
-			from: qn(t),
+			from: Kn(t),
 			to: t
 		};
 		case "previousWeek": {
-			let e = Gn(t, n), r = new Date(e);
+			let e = Wn(t, n), r = new Date(e);
 			return r.setDate(r.getDate() - 7), {
 				from: r,
 				to: e
 			};
 		}
 		case "previousMonth": {
-			let e = Kn(t), n = new Date(e);
+			let e = Gn(t), n = new Date(e);
 			return n.setMonth(n.getMonth() - 1), {
 				from: n,
 				to: e
 			};
 		}
 		case "previousQuarter": {
-			let e = qn(t), n = new Date(e);
+			let e = Kn(t), n = new Date(e);
 			return n.setMonth(n.getMonth() - 3), {
 				from: n,
 				to: e
@@ -756,8 +756,8 @@ function Jn(e, t, n) {
 		default: return;
 	}
 }
-function Yn(e, t = {}) {
-	let { now: n = /* @__PURE__ */ new Date(), weekStartsOn: r = Hn() } = t, i = Un[e];
+function Jn(e, t = {}) {
+	let { now: n = /* @__PURE__ */ new Date(), weekStartsOn: r = Vn() } = t, i = Hn[e];
 	if (i !== void 0) {
 		let e = n.getTime();
 		return {
@@ -766,7 +766,7 @@ function Yn(e, t = {}) {
 			to: e
 		};
 	}
-	let a = Jn(e, n, r);
+	let a = qn(e, n, r);
 	return a ? {
 		type: "absolute",
 		from: a.from.getTime(),
@@ -779,7 +779,7 @@ function Yn(e, t = {}) {
 }
 //#endregion
 //#region src/filters/filter-provider.ts
-function Xn(e) {
+function Yn(e) {
 	let t = e.kind ?? "async", n = e.field;
 	if (!e.operators.length) throw Error(`[gamma-lib-observability] FilterProvider "${n}" must define at least one operator.`);
 	if (t === "enum") {
@@ -795,8 +795,8 @@ function Xn(e) {
 }
 //#endregion
 //#region src/filters/use-scoped-filter-providers.ts
-function Zn(e) {
-	let t = p(), n = q();
+function Xn(e) {
+	let t = p(), n = J();
 	return D(() => {
 		if (!e) return t;
 		let r = n.find((t) => t.field === e);
@@ -811,18 +811,18 @@ function Zn(e) {
 }
 //#endregion
 //#region src/filters/utils/filter-value-options.ts
-function Qn(e, t) {
+function Zn(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e) n.set(t.value, t);
 	for (let e of t) n.set(e.value, e);
 	return [...n.values()];
 }
-function $n(e, t) {
+function Qn(e, t) {
 	return e.value === t.value;
 }
 //#endregion
 //#region src/filters/utils/use-auto-open-on-focus.ts
-function er() {
+function $n() {
 	let [e, t] = k(!1), n = O(!1);
 	return {
 		open: e,
@@ -843,15 +843,15 @@ function er() {
 }
 //#endregion
 //#region src/filters/FilterValueCombobox.tsx
-var tr = (e) => e.label, nr = (e) => e.value;
-function rr({ 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 = Ke(), { open: d, handleOpenChange: f, handleInputFocus: p, handleInputKeyDown: m } = er(), h = E(), g = !!l, _ = {
+var er = (e) => e.label, tr = (e) => e.value;
+function nr({ 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 = Ke(), { open: d, handleOpenChange: f, handleInputFocus: p, handleInputKeyDown: m } = $n(), h = E(), g = !!l, _ = {
 		open: d,
 		onOpenChange: f,
 		items: e,
-		itemToStringLabel: tr,
-		itemToStringValue: nr,
-		isItemEqualToValue: $n,
+		itemToStringLabel: er,
+		itemToStringValue: tr,
+		isItemEqualToValue: Qn,
 		...a && { filter: null },
 		...i && { onInputValueChange: (e) => i(String(e)) }
 	}, y = /* @__PURE__ */ M(A, { children: [
@@ -911,7 +911,7 @@ function rr({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 }
 //#endregion
 //#region src/filters/utils/use-debounced-value.ts
-function ir(e, t) {
+function rr(e, t) {
 	let [n, r] = k(e);
 	return T(() => {
 		let n = window.setTimeout(() => r(e), t);
@@ -920,13 +920,13 @@ function ir(e, t) {
 }
 //#endregion
 //#region src/filters/utils/use-scroll-sentinel.ts
-function ar(e, t) {
+function ir(e, t) {
 	let n = O(e), r = O(null);
 	return T(() => {
 		n.current = e;
 	}, [e]), C((e) => {
 		if (r.current &&= (r.current.disconnect(), null), e && t) {
-			let t = or(e), i = new IntersectionObserver((e) => {
+			let t = ar(e), i = new IntersectionObserver((e) => {
 				e[0]?.isIntersecting && n.current();
 			}, {
 				root: t,
@@ -936,7 +936,7 @@ function ar(e, t) {
 		}
 	}, [t]);
 }
-function or(e) {
+function ar(e) {
 	let t = e.closest("[data-slot=combobox-content]");
 	if (t) return t;
 	let n = e.parentElement;
@@ -949,9 +949,9 @@ function or(e) {
 }
 //#endregion
 //#region src/filters/FilterAsyncValueField.tsx
-var sr = 300;
-function cr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
-	let [i, a] = k(""), o = ir(i, sr), [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 = C(async (t, n) => {
+var or = 300;
+function sr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
+	let [i, a] = k(""), o = rr(i, or), [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 = C(async (t, n) => {
 		if (!e.valueLoader) return;
 		v.current?.abort();
 		let r = new AbortController();
@@ -991,11 +991,11 @@ function cr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 		h,
 		b
 	]);
-	let x = ar(C(() => {
+	let x = ir(C(() => {
 		!l && p && g((e) => e + 1);
 	}, [l, p]), p && !l);
-	return /* @__PURE__ */ j(rr, {
-		options: D(() => Qn(t, s), [t, s]),
+	return /* @__PURE__ */ j(nr, {
+		options: D(() => Zn(t, s), [t, s]),
 		selected: t,
 		onSelectedChange: n,
 		multiple: r,
@@ -1021,8 +1021,8 @@ function cr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 }
 //#endregion
 //#region src/filters/FilterEnumValueField.tsx
-function lr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
-	return /* @__PURE__ */ j(rr, {
+function cr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
+	return /* @__PURE__ */ j(nr, {
 		options: D(() => e.options ?? [], [e.options]),
 		selected: t,
 		onSelectedChange: n,
@@ -1031,19 +1031,19 @@ function lr({ provider: e, selected: t, onSelectedChange: n, multiple: r }) {
 }
 //#endregion
 //#region src/filters/utils/scope-labels.ts
-var ur = {
+var lr = {
 	HTTP_PROXY: "HTTP Proxy",
 	MESSAGE: "Message"
 };
-function dr(e) {
+function ur(e) {
 	return e.trim().replace(/\s+/g, "_").toUpperCase();
 }
-function fr(e) {
-	return ur[dr(e)] ?? e.trim();
+function dr(e) {
+	return lr[ur(e)] ?? e.trim();
 }
 //#endregion
 //#region src/filters/FilterFieldOptionRow.tsx
-var pr = S(function({ provider: e, showScopes: t = !1, className: n }) {
+var fr = S(function({ provider: e, showScopes: t = !1, className: n }) {
 	let r = t && e.scopes && e.scopes.length > 0;
 	return /* @__PURE__ */ M("div", {
 		className: V("flex min-w-0 flex-1 items-center justify-between gap-3", n),
@@ -1055,15 +1055,15 @@ var pr = S(function({ provider: e, showScopes: t = !1, className: n }) {
 			children: e.scopes?.map((e) => /* @__PURE__ */ j(P, {
 				variant: "secondary",
 				className: "max-w-28 truncate text-xs font-normal",
-				children: fr(e)
+				children: dr(e)
 			}, e))
 		}) : null]
 	});
 });
 //#endregion
 //#region src/filters/FilterPropertyField.tsx
-function mr({ providers: e, selectedField: t, onFieldChange: n, showScopes: r }) {
-	let i = Ke(), { open: a, handleOpenChange: o, handleInputFocus: s, handleInputKeyDown: c } = er();
+function pr({ providers: e, selectedField: t, onFieldChange: n, showScopes: r }) {
+	let i = Ke(), { open: a, handleOpenChange: o, handleInputFocus: s, handleInputKeyDown: c } = $n();
 	return /* @__PURE__ */ M(ce, {
 		open: a,
 		onOpenChange: o,
@@ -1085,7 +1085,7 @@ function mr({ providers: e, selectedField: t, onFieldChange: n, showScopes: r })
 			anchor: i,
 			children: [/* @__PURE__ */ j(pe, { children: "No results." }), /* @__PURE__ */ j(he, { children: (e) => /* @__PURE__ */ j(me, {
 				value: e,
-				children: /* @__PURE__ */ j(pr, {
+				children: /* @__PURE__ */ j(fr, {
 					provider: e,
 					showScopes: r
 				})
@@ -1095,7 +1095,7 @@ function mr({ providers: e, selectedField: t, onFieldChange: n, showScopes: r })
 }
 //#endregion
 //#region src/filters/utils/filter-operators.ts
-var hr = {
+var mr = {
 	eq: "=",
 	neq: "≠",
 	in: "in",
@@ -1110,13 +1110,13 @@ var hr = {
 	lte: "≤",
 	exists: "exists",
 	not_exists: "not exists"
-}, gr = new Set(["exists", "not_exists"]), _r = new Set([
+}, hr = new Set(["exists", "not_exists"]), gr = new Set([
 	"neq",
 	"not_in",
 	"not_contains",
 	"not_exists"
 ]);
-function vr(e) {
+function _r(e) {
 	switch (e) {
 		case "eq": return "=";
 		case "neq": return "≠";
@@ -1124,38 +1124,38 @@ function vr(e) {
 		case "not_in": return "Not in";
 		case "gte": return "≥";
 		case "lte": return "≤";
-		default: return hr[e] ?? e;
+		default: return mr[e] ?? e;
 	}
 }
-function yr(e) {
-	return !gr.has(e);
+function vr(e) {
+	return !hr.has(e);
 }
-function br(e, t) {
+function yr(e, t) {
 	return e.operators.includes(t);
 }
-function xr(e, t) {
-	let n = br(e, "in"), r = br(e, "not_in");
+function br(e, t) {
+	let n = yr(e, "in"), r = yr(e, "not_in");
 	return !!(t === "in" || t === "not_in" || n && t === "eq" || r && t === "neq");
 }
-function Sr(e, t, n) {
+function xr(e, t, n) {
 	if (n >= 2) {
-		if (t === "eq" && br(e, "in")) return "in";
-		if (t === "neq" && br(e, "not_in")) return "not_in";
+		if (t === "eq" && yr(e, "in")) return "in";
+		if (t === "neq" && yr(e, "not_in")) return "not_in";
 	}
 	if (n === 1) {
-		if (t === "in" && br(e, "eq")) return "eq";
-		if (t === "not_in" && br(e, "neq")) return "neq";
+		if (t === "in" && yr(e, "eq")) return "eq";
+		if (t === "not_in" && yr(e, "neq")) return "neq";
 	}
 	return t;
 }
 //#endregion
 //#region src/filters/utils/normalize-filter-value.ts
-function Cr(e) {
+function Sr(e) {
 	return e.every((e) => typeof e == "object" && !!e && "value" in e && typeof e.value == "string" && "label" in e && typeof e.label == "string");
 }
-function wr(e) {
+function Cr(e) {
 	if (Array.isArray(e)) {
-		if (e.length > 0 && Cr(e)) return {
+		if (e.length > 0 && Sr(e)) return {
 			values: e.map((e) => e.value),
 			valueLabels: e.map((e) => e.label)
 		};
@@ -1174,7 +1174,7 @@ function wr(e) {
 		valueLabels: t.map((e, t) => n[t] ?? e)
 	};
 }
-function Tr(e, t) {
+function wr(e, t) {
 	return e.map((e, n) => ({
 		value: e,
 		label: t?.[n] ?? e
@@ -1182,42 +1182,42 @@ function Tr(e, t) {
 }
 //#endregion
 //#region src/filters/utils/parse-free-text-input.ts
-function Er(e) {
+function Tr(e) {
 	return e.split(",").map((e) => e.trim()).filter((e) => e.length > 0);
 }
 //#endregion
 //#region src/filters/utils/build-filter-condition.ts
-function Dr(e) {
+function Er(e) {
 	let { provider: t, operator: n, selectedOptions: r = [], freeText: i = "" } = e;
 	if (!t || !n) return !1;
-	if (!yr(n)) return !0;
+	if (!vr(n)) return !0;
 	if (t.allowFreeText && !t.valueLoader && t.kind !== "enum") {
-		let e = Er(i);
+		let e = Tr(i);
 		if (e.length === 0) return !1;
 		if (e.length > 1) {
-			let r = Sr(t, n, e.length);
+			let r = xr(t, n, e.length);
 			if (r === "eq" || r === "neq") return !1;
 		}
 		return !0;
 	}
 	if (r.length === 0) return !1;
 	if (r.length > 1) {
-		let e = Sr(t, n, r.length);
+		let e = xr(t, n, r.length);
 		if (e === "eq" || e === "neq") return !1;
 	}
 	return !0;
 }
-function Or(e) {
-	let { provider: t, operator: n, selectedOptions: r, freeText: i } = e, a = yr(n), o, s;
+function Dr(e) {
+	let { provider: t, operator: n, selectedOptions: r, freeText: i } = e, a = vr(n), o, s;
 	if (!a) o = [], s = [];
 	else if (t.allowFreeText && !t.valueLoader && t.kind !== "enum") {
-		let e = wr(Er(i));
+		let e = Cr(Tr(i));
 		o = e.values, s = e.valueLabels;
 	} else {
-		let e = wr([...r]);
+		let e = Cr([...r]);
 		o = e.values, s = e.valueLabels;
 	}
-	let c = Sr(t, n, o.length);
+	let c = xr(t, n, o.length);
 	return {
 		field: t.field,
 		label: t.label,
@@ -1228,8 +1228,8 @@ function Or(e) {
 }
 //#endregion
 //#region src/filters/FilterPopoverForm.tsx
-function kr({ 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 ? Tr(e.value, e.valueLabels) : []), [d, f] = k(e?.value.join(", ") ?? ""), m = D(() => i.find((e) => e.field === a) ?? null, [i, a]), h = m && s ? xr(m, s) : !1, g = m?.kind ?? "async", _ = s ? yr(s) : !0, v = Dr({
+function Or({ 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 ? wr(e.value, e.valueLabels) : []), [d, f] = k(e?.value.join(", ") ?? ""), m = D(() => i.find((e) => e.field === a) ?? null, [i, a]), h = m && s ? br(m, s) : !1, g = m?.kind ?? "async", _ = s ? vr(s) : !0, v = Er({
 		provider: m,
 		operator: s,
 		selectedOptions: l,
@@ -1244,12 +1244,12 @@ function kr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 	function x(e) {
 		let t = h ? e : e.slice(0, 1);
 		if (u(t), m && s) {
-			let e = Sr(m, s, t.length);
+			let e = xr(m, s, t.length);
 			e !== s && c(e);
 		}
 	}
 	function S() {
-		!m || !s || t(Or({
+		!m || !s || t(Dr({
 			provider: m,
 			operator: s,
 			selectedOptions: l,
@@ -1261,12 +1261,12 @@ function kr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 			disabled: !0,
 			placeholder: "Search value…",
 			"aria-label": "Filter value"
-		}) : g === "enum" && m.options ? /* @__PURE__ */ j(lr, {
+		}) : g === "enum" && m.options ? /* @__PURE__ */ j(cr, {
 			provider: m,
 			selected: l,
 			onSelectedChange: x,
 			multiple: h
-		}, m.field) : m.valueLoader ? /* @__PURE__ */ j(cr, {
+		}, m.field) : m.valueLoader ? /* @__PURE__ */ j(sr, {
 			provider: m,
 			selected: l,
 			onSelectedChange: x,
@@ -1284,7 +1284,7 @@ function kr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 	return /* @__PURE__ */ M("div", {
 		className: "flex w-[340px] flex-col gap-4 p-4",
 		children: [
-			/* @__PURE__ */ M(we, { children: [/* @__PURE__ */ j(Ee, { children: "Filter by" }), /* @__PURE__ */ j(mr, {
+			/* @__PURE__ */ M(we, { children: [/* @__PURE__ */ j(Ee, { children: "Filter by" }), /* @__PURE__ */ j(pr, {
 				providers: i,
 				selectedField: a,
 				onFieldChange: y,
@@ -1300,7 +1300,7 @@ function kr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 					children: /* @__PURE__ */ j(Le, { placeholder: "Select operator…" })
 				}), /* @__PURE__ */ j(Pe, { children: (m?.operators ?? []).map((e) => /* @__PURE__ */ j(Fe, {
 					value: e,
-					children: vr(e)
+					children: _r(e)
 				}, e)) })]
 			})] }),
 			_ ? /* @__PURE__ */ M(we, { children: [/* @__PURE__ */ j(Ee, { children: "Filter value" }), C()] }) : null,
@@ -1325,31 +1325,31 @@ function kr({ existingCondition: e, onApply: t, onCancel: n, showScopes: r = !1
 }
 //#endregion
 //#region src/filters/utils/filter-display.ts
-function Ar(e, t) {
+function kr(e, t) {
 	let n = e.value[t];
 	if (n === void 0) return "";
 	let r = e.valueLabels?.[t];
 	return r != null && r !== "" ? r : n;
 }
-function jr(e) {
+function Ar(e) {
 	return e.value.length === 1 && e.operator === "in" ? "eq" : e.value.length === 1 && e.operator === "not_in" ? "neq" : e.operator;
 }
-function Mr(e) {
-	return hr[e] ?? e;
+function jr(e) {
+	return mr[e] ?? e;
 }
-function Nr(e) {
+function Mr(e) {
 	if (e.value.length === 0) return e.label;
-	let t = Mr(jr(e));
-	return e.value.length > 1 ? `${e.label} ${t} (${e.value.length})` : `${e.label} ${t} ${Ar(e, 0)}`;
+	let t = jr(Ar(e));
+	return e.value.length > 1 ? `${e.label} ${t} (${e.value.length})` : `${e.label} ${t} ${kr(e, 0)}`;
 }
-function Pr(e) {
+function Nr(e) {
 	if (e.value.length === 0) return {
 		name: e.label,
 		operator: "",
 		value: "",
 		isCount: !1
 	};
-	let t = Mr(jr(e));
+	let t = jr(Ar(e));
 	return e.value.length > 1 ? {
 		name: e.label,
 		operator: t,
@@ -1358,26 +1358,26 @@ function Pr(e) {
 	} : {
 		name: e.label,
 		operator: t,
-		value: Ar(e, 0),
+		value: kr(e, 0),
 		isCount: !1
 	};
 }
-function Fr(e) {
+function Pr(e) {
 	if (e.value.length === 0) return e.label;
-	let t = Mr(jr(e));
+	let t = jr(Ar(e));
 	if (e.value.length > 1) {
-		let n = e.value.map((t, n) => Ar(e, n));
+		let n = e.value.map((t, n) => kr(e, n));
 		return `${e.label} ${t} [${n.join(", ")}]`;
 	}
-	return `${e.label} ${t} ${Ar(e, 0)}`;
+	return `${e.label} ${t} ${kr(e, 0)}`;
 }
 //#endregion
 //#region src/filters/FilterChip.tsx
-function Ir(e, t, n) {
+function Fr(e, t, n) {
 	return e ? t ? `Filter: ${n}` : `Edit filter: ${n}. Press Delete to remove.` : `Active filter: ${n}`;
 }
-var Lr = S(x(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 = Pr(e), u = Fr(e), d = r && !i, f = _r.has(e.operator), [p, m] = k(!1);
+var Ir = S(x(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 = Nr(e), u = Pr(e), d = r && !i, f = gr.has(e.operator), [p, m] = k(!1);
 	function h(e) {
 		e.stopPropagation(), d && n?.();
 	}
@@ -1404,7 +1404,7 @@ var Lr = S(x(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0,
 			ref: c,
 			"data-chip-index": s,
 			className: V("inline-flex items-center gap-1.5", f && r && "border-dashed border-highlight/40", f && !r && "border-dashed", i && "pointer-events-none opacity-50", o),
-			"aria-label": Ir(r, i, u),
+			"aria-label": Fr(r, i, u),
 			"aria-disabled": i || void 0,
 			"data-active": a || void 0,
 			onMouseEnter: () => d && m(!0),
@@ -1426,7 +1426,7 @@ var Lr = S(x(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0,
 				type: "button",
 				variant: "ghost",
 				size: "sm",
-				className: "size-5 shrink-0 p-0 hover:bg-highlight/20",
+				className: "size-5 shrink-0 p-0 hover:bg-highlight/20 dark:hover:bg-foreground/10",
 				"aria-label": `Remove filter ${l.name}`,
 				onClick: h,
 				tabIndex: 0,
@@ -1438,32 +1438,32 @@ var Lr = S(x(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0,
 		})
 	}), /* @__PURE__ */ j(R, { children: u })] });
 }));
-Lr.displayName = "FilterChip";
+Ir.displayName = "FilterChip";
 //#endregion
 //#region src/filters/utils/filter-condition-key.ts
-function Rr(e) {
+function Lr(e) {
 	let t = JSON.stringify([...e.value].sort());
 	return `${e.field}:${e.operator}:${t}`;
 }
 //#endregion
 //#region src/filters/utils/merge-conditions.ts
-var zr = new Set(["eq", "in"]), Br = new Set(["neq", "not_in"]);
+var Rr = new Set(["eq", "in"]), zr = new Set(["neq", "not_in"]);
+function Br(e) {
+	return Rr.has(e);
+}
 function Vr(e) {
 	return zr.has(e);
 }
-function Hr(e) {
-	return Br.has(e);
+function Hr(e, t) {
+	return e.field === t.field ? !!(Br(e.operator) && Br(t.operator) || Vr(e.operator) && Vr(t.operator)) : !1;
 }
-function Ur(e, t) {
-	return e.field === t.field ? !!(Vr(e.operator) && Vr(t.operator) || Hr(e.operator) && Hr(t.operator)) : !1;
-}
-function Wr(e, t, n) {
-	if (!Ur(e, t)) return null;
+function Ur(e, t, n) {
+	if (!Hr(e, t)) return null;
 	let r = /* @__PURE__ */ new Set(), i = [], a = [];
 	for (let n of [e, t]) n.value.forEach((e, t) => {
 		r.has(e) || (r.add(e), i.push(e), a.push(n.valueLabels?.[t] ?? e));
 	});
-	let o = Sr(n, Vr(e.operator) ? "eq" : "neq", i.length);
+	let o = xr(n, Br(e.operator) ? "eq" : "neq", i.length);
 	return !n.operators.includes(o) || i.length > 1 && (o === "eq" || o === "neq") ? null : {
 		field: e.field,
 		label: e.label,
@@ -1474,11 +1474,11 @@ function Wr(e, t, n) {
 }
 //#endregion
 //#region src/filters/FilterBar.tsx
-function Gr(e, t) {
+function Wr(e, t) {
 	return e ? e.mode === "add" ? "add" : t ? `edit-${t.field}-${t.operator}-${JSON.stringify(t.value)}` : `edit-${e.editIndex}` : "closed";
 }
-function Kr({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r = !1, scopeFilterField: i, className: a }) {
-	let o = Zn(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 = C((e) => {
+function Gr({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r = !1, scopeFilterField: i, className: a }) {
+	let o = Xn(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 = C((e) => {
 		if (e) {
 			let t = Number(e.dataset.chipIndex);
 			u.current.set(t, e);
@@ -1509,7 +1509,7 @@ function Kr({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 		}
 		let r = o.find((e) => e.field === n.field), i = e.findIndex((e) => e.field === n.field), a = i >= 0 ? e[i] : void 0;
 		if (a && r) {
-			let o = Wr(a, n, r);
+			let o = Ur(a, n, r);
 			if (o) {
 				t(e.map((e, t) => t === i ? o : e)), b();
 				return;
@@ -1547,14 +1547,14 @@ function Kr({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 						size: "sm",
 						onClick: _,
 						className: "shrink-0",
-						children: [/* @__PURE__ */ j(ut, {
+						children: [/* @__PURE__ */ j(dt, {
 							className: "size-4",
 							"aria-hidden": "true"
 						}), "Add filter"]
 					}) : null,
 					e.map((e, t) => {
 						let r = s?.mode === "edit" && s.editIndex === t;
-						return /* @__PURE__ */ j(Lr, {
+						return /* @__PURE__ */ j(Ir, {
 							ref: g,
 							"data-chip-index": t,
 							condition: e,
@@ -1563,14 +1563,14 @@ function Kr({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 							active: r,
 							onEdit: () => v(t),
 							onRemove: () => w(t)
-						}, Rr(e));
+						}, Lr(e));
 					}),
 					n && e.length > 0 ? /* @__PURE__ */ j("button", {
 						type: "button",
 						onClick: T,
 						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(pt, { className: "size-3.5" })
+						children: /* @__PURE__ */ j(ot, { className: "size-3.5" })
 					}) : null
 				]
 			}),
@@ -1582,44 +1582,44 @@ function Kr({ filters: e, onFiltersChange: t, editable: n = !0, showScopes: r =
 				sideOffset: 8,
 				className: "w-auto p-0",
 				onOpenAutoFocus: E,
-				children: m ? /* @__PURE__ */ j(kr, {
+				children: m ? /* @__PURE__ */ j(Or, {
 					existingCondition: h,
 					onApply: S,
 					onCancel: b,
 					showScopes: r
-				}, Gr(s, h)) : null
+				}, Wr(s, h)) : null
 			})
 		]
 	}) });
 }
 //#endregion
 //#region src/dashboards/WidgetGroupContext.tsx
-var qr = [], Jr = y(null), Yr = Jr.Provider;
-function Xr() {
-	return w(Jr);
+var Kr = [], qr = y(null), Jr = qr.Provider;
+function Yr() {
+	return w(qr);
 }
 //#endregion
 //#region src/dashboards/resolve-stable-time-range.ts
-var Zr = 6e4;
-function Qr(e) {
+var Xr = 6e4;
+function Zr(e) {
 	if (e.type === "absolute") return e;
-	let t = Yn(e.period);
+	let t = Jn(e.period);
 	return {
 		type: "absolute",
-		from: Math.floor(t.from / Zr) * Zr,
-		to: Math.floor(t.to / Zr) * Zr
+		from: Math.floor(t.from / Xr) * Xr,
+		to: Math.floor(t.to / Xr) * Xr
 	};
 }
 //#endregion
 //#region src/hooks/use-stable-time-range.ts
-function $r(e) {
+function Qr(e) {
 	return Math.floor(Date.now() / e);
 }
-function J(e) {
-	let t = Qt(), n = t?.intervalMs ?? 6e4, r = t?.isLive ?? !0, [i, a] = k(() => $r(n));
+function Y(e) {
+	let t = Qt(), n = t?.intervalMs ?? 6e4, r = t?.isLive ?? !0, [i, a] = k(() => Qr(n));
 	return T(() => {
 		if (e.type === "absolute" || !r) return;
-		let t, i = () => a($r(n)), o = n - Date.now() % n, s = setTimeout(() => {
+		let t, i = () => a(Qr(n)), o = n - Date.now() % n, s = setTimeout(() => {
 			i(), t = setInterval(i, n);
 		}, o);
 		if (typeof document < "u") {
@@ -1637,54 +1637,54 @@ function J(e) {
 		e.type,
 		r,
 		n
-	]), D(() => Qr(e), [e, i]);
+	]), D(() => Zr(e), [e, i]);
 }
 //#endregion
 //#region src/dashboards/adapters/facets-adapter.ts
-var ei = 20;
-function ti(e) {
-	return e.length <= ei ? e : `${e.slice(0, ei - 1)}…`;
+var $r = 20;
+function ei(e) {
+	return e.length <= $r ? e : `${e.slice(0, $r - 1)}…`;
 }
-function ni(e) {
+function ti(e) {
 	return e.map((e) => ({
 		category: e.value,
 		value: e.count
 	}));
 }
-function ri(e) {
+function ni(e) {
 	return e.map((e) => ({
-		category: ti(e.label || e.value),
+		category: ei(e.label || e.value),
 		count: e.count
 	}));
 }
 //#endregion
 //#region src/dashboards/use-merged-widget-filters.ts
-function ii(e, t) {
-	return K(q(), t, e);
+function ri(e, t) {
+	return q(J(), t, e);
 }
 //#endregion
 //#region src/dashboards/renderers/BarPresentation.tsx
-var ai = 160, oi = 72, si = 7, ci = 20;
-function li({ data: e, config: t, state: n, layout: r = "vertical" }) {
+var ii = 160, ai = 72, oi = 7, si = 20;
+function ci({ data: e, config: t, state: n, layout: r = "vertical" }) {
 	let i = D(() => {
-		if (!(r !== "horizontal" || e.length === 0)) return { left: Math.min(ai, Math.max(oi, e.reduce((e, t) => Math.max(e, t.category.length), 0) * si + ci)) };
+		if (!(r !== "horizontal" || e.length === 0)) return { left: Math.min(ii, Math.max(ai, e.reduce((e, t) => Math.max(e, t.category.length), 0) * oi + si)) };
 	}, [e, r]);
 	return /* @__PURE__ */ j(St, {
 		config: t,
 		className: "h-full w-full",
-		children: /* @__PURE__ */ j(yt, {
+		children: /* @__PURE__ */ M(yt, {
 			data: [...e],
 			state: n,
 			layout: r,
 			margin: i,
-			children: /* @__PURE__ */ j(Tt, { content: /* @__PURE__ */ j(Et, {}) })
+			children: [/* @__PURE__ */ j(Tt, { content: /* @__PURE__ */ j(Et, {}) }), /* @__PURE__ */ j(Ct, { content: /* @__PURE__ */ j(wt, {}) })]
 		})
 	});
 }
 //#endregion
 //#region src/dashboards/renderers/BarWidgetRenderer.tsx
-function ui({ widget: e, timeRange: t, filters: n }) {
-	let r = ii(e.filters, n), i = J(t), { data: a, isLoading: o, isError: s } = dn({
+function li({ widget: e, timeRange: t, filters: n }) {
+	let r = ri(e.filters, n), i = Y(t), { data: a, isLoading: o, isError: s } = un({
 		field: e.field,
 		timeRange: i,
 		filters: r,
@@ -1694,13 +1694,13 @@ function ui({ widget: e, timeRange: t, filters: n }) {
 		s && console.error(`[BarWidgetRenderer] Failed to fetch facets for widget "${e.title}"`);
 	}, [s, e.title]);
 	let { data: c, config: l } = D(() => a ? {
-		data: ri(a),
+		data: ni(a),
 		config: { count: { label: e.title } }
 	} : {
 		data: [],
 		config: {}
 	}, [a, e.title]);
-	return /* @__PURE__ */ j(li, {
+	return /* @__PURE__ */ j(ci, {
 		data: c,
 		config: l,
 		state: o ? "loading" : s ? "empty" : "ready",
@@ -1709,36 +1709,36 @@ function ui({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/adapters/status-palette.ts
-var di = {
+var ui = {
 	"1XX": "var(--chart-5)",
 	"2XX": "var(--success)",
 	"3XX": "var(--chart-4)",
 	"4XX": "var(--warning)",
 	"5XX": "var(--destructive)"
-}, fi = new Set([
+}, di = new Set([
 	"HTTP_STATUS_CODE_GROUP",
 	"http_status_code_group",
 	"status_code_group"
 ]);
-function pi(e, t, n) {
+function fi(e, t, n) {
 	if (n?.[e]) return n[e];
-	if (t && fi.has(t)) return di[e.toUpperCase()];
+	if (t && di.has(t)) return ui[e.toUpperCase()];
 }
 //#endregion
 //#region src/dashboards/adapters/time-series-adapter.ts
-function mi(e) {
+function pi(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "_");
 }
-function hi(e, t) {
+function mi(e, t) {
 	let n = [], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let t of e) i.set(t.metric, (i.get(t.metric) ?? 0) + 1);
 	return e.forEach((e, a) => {
-		let o = t[a] ?? [], s = U(e.measure), c = `${mi(e.metric)}__${mi(s)}__${mi(e.representation)}`;
+		let o = t[a] ?? [], s = U(e.measure), c = `${pi(e.metric)}__${pi(s)}__${pi(e.representation)}`;
 		if (e.groupBy) {
 			for (let t of o) {
-				let i = `${c}__${mi(t.key)}`;
+				let i = `${c}__${pi(t.key)}`;
 				if (r.has(i)) continue;
-				let a = pi(t.key, e.groupBy, e.colorByGroup);
+				let a = fi(t.key, e.groupBy, e.colorByGroup);
 				n.push({
 					dataKey: i,
 					label: t.label,
@@ -1771,10 +1771,10 @@ function hi(e, t) {
 		seriesMap: r
 	};
 }
-function gi(e) {
+function hi(e) {
 	let t = /* @__PURE__ */ new Map(), n = Infinity, r = -Infinity;
 	for (let t of e.values()) for (let e of t) for (let t of e.points) t.timestamp < n && (n = t.timestamp), t.timestamp > r && (r = t.timestamp);
-	let i = r - n > _i ? bi : yi;
+	let i = r - n > gi ? yi : vi;
 	for (let n of e.values()) for (let e of n) for (let n of e.points) {
 		let e = i(n.timestamp), r = t.get(e);
 		(r === void 0 || n.timestamp < r) && t.set(e, n.timestamp);
@@ -1790,7 +1790,7 @@ function gi(e) {
 	}
 	return o;
 }
-var _i = 1440 * 6e4, vi = [
+var gi = 1440 * 6e4, _i = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -1804,25 +1804,25 @@ var _i = 1440 * 6e4, vi = [
 	"Nov",
 	"Dec"
 ];
-function yi(e) {
+function vi(e) {
 	let t = new Date(e);
 	return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
-function bi(e) {
+function yi(e) {
 	let t = new Date(e);
-	return `${vi[t.getMonth()]} ${String(t.getDate()).padStart(2, "0")} ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+	return `${_i[t.getMonth()]} ${String(t.getDate()).padStart(2, "0")} ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 }
 //#endregion
 //#region src/dashboards/compute-bucket-interval.ts
-var xi = 6e4, Si = 48;
-function Ci(e, t) {
-	if (t <= 0) return xi;
+var bi = 6e4, xi = 48;
+function Si(e, t) {
+	if (t <= 0) return bi;
 	let n = e.to - e.from, r = Math.floor(n / t);
-	return Math.max(xi, r);
+	return Math.max(bi, r);
 }
 //#endregion
 //#region src/dashboards/renderers/CartesianPresentation.tsx
-function wi({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal: a, totalLabel: o }) {
+function Ci({ 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(St, {
 		config: t,
@@ -1835,8 +1835,8 @@ function wi({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal
 			children: [
 				/* @__PURE__ */ j(Ot, {}),
 				s.map((e) => {
-					let t = r?.[e] ?? Ti(e, n);
-					return t ? Ei(e, t) : null;
+					let t = r?.[e] ?? wi(e, n);
+					return t ? Ti(e, t) : null;
 				}),
 				/* @__PURE__ */ j(Nt, {}),
 				/* @__PURE__ */ j(Pt, {}),
@@ -1849,10 +1849,10 @@ function wi({ data: e, config: t, series: n, seriesByKey: r, state: i, showTotal
 		})
 	});
 }
-function Ti(e, t) {
+function wi(e, t) {
 	return t.find((t) => e === t.metric || e.startsWith(`${t.metric}_`));
 }
-function Ei(e, t) {
+function Ti(e, t) {
 	switch (t.representation) {
 		case "line": return /* @__PURE__ */ j(kt, {
 			dataKey: e,
@@ -1873,14 +1873,14 @@ function Ei(e, t) {
 }
 //#endregion
 //#region src/dashboards/renderers/CartesianWidgetRenderer.tsx
-function Di({ widget: e, timeRange: t, filters: n }) {
-	let r = ii(e.filters, n), i = m(), a = J(t), o = D(() => Ci(a, 48), [a]), s = te({ queries: e.series.map((e) => {
+function Ei({ widget: e, timeRange: t, filters: n }) {
+	let r = ri(e.filters, n), i = m(), a = Y(t), o = D(() => Si(a, 48), [a]), s = te({ queries: e.series.map((e) => {
 		let t = [{
 			name: e.metric,
 			measures: [U(e.measure)]
 		}], n = e.groupBy ? [e.groupBy] : void 0;
 		return {
-			queryKey: G.timeSeries(t, a, o, r, n),
+			queryKey: K.timeSeries(t, a, o, r, n),
 			queryFn: ({ signal: e }) => i.fetchTimeSeries({
 				metrics: t,
 				timeRange: a,
@@ -1896,18 +1896,18 @@ function Di({ widget: e, timeRange: t, filters: n }) {
 		l && console.error(`[CartesianWidgetRenderer] One or more series queries failed for widget "${e.title}"`);
 	}, [l, e.title]);
 	let u = s.map((e) => e.dataUpdatedAt).join(","), { data: d, config: f, seriesByKey: p } = D(() => {
-		let { elements: t, seriesMap: n } = hi(e.series, s.map((e) => e?.data)), r = {}, i = {};
+		let { elements: t, seriesMap: n } = mi(e.series, s.map((e) => e?.data)), r = {}, i = {};
 		for (let e of t) {
 			let t = { label: e.label };
 			e.color && (t.color = e.color), r[e.dataKey] = t, i[e.dataKey] = e.series;
 		}
 		return {
-			data: gi(n),
+			data: hi(n),
 			config: r,
 			seriesByKey: i
 		};
 	}, [e.series, u]), h = c ? "loading" : l ? "empty" : "ready";
-	return /* @__PURE__ */ j(wi, {
+	return /* @__PURE__ */ j(Ci, {
 		data: d,
 		config: f,
 		series: [...e.series],
@@ -1919,7 +1919,7 @@ function Di({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/renderers/DoughnutPresentation.tsx
-function Oi({ data: e, config: t, state: n }) {
+function Di({ data: e, config: t, state: n }) {
 	return /* @__PURE__ */ j(St, {
 		config: t,
 		className: "h-full w-full",
@@ -1932,8 +1932,8 @@ function Oi({ data: e, config: t, state: n }) {
 }
 //#endregion
 //#region src/dashboards/renderers/DoughnutWidgetRenderer.tsx
-function ki({ widget: e, timeRange: t, filters: n }) {
-	let r = ii(e.filters, n), i = J(t), { data: a, isLoading: o, isError: s } = dn({
+function Oi({ widget: e, timeRange: t, filters: n }) {
+	let r = ri(e.filters, n), i = Y(t), { data: a, isLoading: o, isError: s } = un({
 		field: e.field,
 		timeRange: i,
 		filters: r,
@@ -1947,14 +1947,14 @@ function ki({ widget: e, timeRange: t, filters: n }) {
 			data: [],
 			config: {}
 		};
-		let e = ni(a), t = {};
+		let e = ti(a), t = {};
 		for (let e of a) t[e.value] = { label: e.label || e.value };
 		return {
 			data: e,
 			config: t
 		};
 	}, [a]);
-	return /* @__PURE__ */ j(Oi, {
+	return /* @__PURE__ */ j(Di, {
 		data: c,
 		config: l,
 		state: o ? "loading" : s ? "empty" : "ready"
@@ -1962,18 +1962,18 @@ function ki({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/adapters/measures-adapter.ts
-function Ai(e, t) {
+function ki(e, t) {
 	if (e.measures.length !== 0) return t ? e.measures.find((e) => e.name === t)?.value : e.measures[0].value;
 }
-function ji(e, t) {
-	let n = Ai(e, t);
+function Ai(e, t) {
+	let n = ki(e, t);
 	return {
-		value: n === void 0 ? "—" : Li(n, e.unit),
+		value: n === void 0 ? "—" : Ii(n, e.unit),
 		label: e.name,
 		unit: e.unit
 	};
 }
-function Mi(e, t) {
+function ji(e, t) {
 	if (t === void 0) return;
 	if (t === 0) return {
 		value: 0,
@@ -1988,17 +1988,17 @@ function Mi(e, t) {
 		direction: n > 0 ? "up" : "down"
 	};
 }
-function Ni(e, t) {
+function Mi(e, t) {
 	if (!e || e.length === 0) return;
 	let n = t ? e.find((e) => e.key === t) : e[0];
 	if (!(!n || n.points.length < 2)) return n.points.slice().sort((e, t) => e.timestamp - t.timestamp).map((e) => e.value);
 }
-var Pi = new Set([
+var Ni = new Set([
 	"B",
 	"KB",
 	"MB",
 	"GB"
-]), Fi = {
+]), Pi = {
 	PERCENT: { suffix: "%" },
 	MILLISECONDS: { suffix: "ms" },
 	SECONDS: { suffix: "s" },
@@ -2008,17 +2008,17 @@ var Pi = new Set([
 	GIGABYTES: { suffix: "GB" },
 	COUNT: { suffix: "" },
 	COUNT_PER_SECOND: { suffix: "/s" }
-}, Ii = /* @__PURE__ */ new Set();
-function Li(e, t) {
-	let n = t ? Fi[t] : void 0;
-	if (t && !n && !Ii.has(t) && (Ii.add(t), console.warn(`[formatMeasureValue] Unknown unit "${t}" — value will be displayed without unit`)), n?.suffix === "%") return `${(Math.round(e * 10) / 10).toLocaleString()}%`;
+}, Fi = /* @__PURE__ */ new Set();
+function Ii(e, t) {
+	let n = t ? Pi[t] : void 0;
+	if (t && !n && !Fi.has(t) && (Fi.add(t), console.warn(`[formatMeasureValue] Unknown unit "${t}" — value will be displayed without unit`)), n?.suffix === "%") return `${(Math.round(e * 10) / 10).toLocaleString()}%`;
 	if (n?.suffix === "ms" && e >= 1e3) return `${(e / 1e3).toFixed(2)} s`;
-	let r = n !== void 0 && Pi.has(n.suffix) ? e.toLocaleString() : e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : e.toLocaleString(), i = n?.suffix;
+	let r = n !== void 0 && Ni.has(n.suffix) ? e.toLocaleString() : e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : e.toLocaleString(), i = n?.suffix;
 	return i ? `${r}${i === "" ? "" : ` ${i}`}` : r;
 }
 //#endregion
 //#region src/dashboards/compute-previous-time-range.ts
-function Ri(e) {
+function Li(e) {
 	let t = e.to - e.from;
 	return {
 		type: "absolute",
@@ -2028,7 +2028,7 @@ function Ri(e) {
 }
 //#endregion
 //#region src/dashboards/renderers/MetricGroupPresentation.tsx
-function zi({ items: e, state: t, skeletonCount: n }) {
+function Ri({ items: e, state: t, skeletonCount: n }) {
 	return /* @__PURE__ */ j(jt, {
 		items: e,
 		state: t,
@@ -2037,7 +2037,7 @@ function zi({ items: e, state: t, skeletonCount: n }) {
 }
 //#endregion
 //#region src/dashboards/renderers/MetricGroupWidgetRenderer.tsx
-function Bi(e) {
+function zi(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = t.get(n.name), r = n.measures ?? [];
@@ -2049,18 +2049,18 @@ function Bi(e) {
 		measures: Array.from(t)
 	}));
 }
-function Vi({ widget: e, timeRange: t, filters: n }) {
-	let r = ii(e.filters, n), i = e.items.some((e) => e.showTrend !== !1), a = J(t), o = D(() => Bi(e.items.map((e) => ({
+function Bi({ widget: e, timeRange: t, filters: n }) {
+	let r = ri(e.filters, n), i = e.items.some((e) => e.showTrend !== !1), a = Y(t), o = D(() => zi(e.items.map((e) => ({
 		name: e.metric,
 		measures: [U(e.measure)]
-	}))), [e.items]), s = D(() => Bi(e.items.filter((e) => e.showTrend !== !1).map((e) => ({
+	}))), [e.items]), s = D(() => zi(e.items.filter((e) => e.showTrend !== !1).map((e) => ({
 		name: e.metric,
 		measures: [U(e.measure)]
-	}))), [e.items]), c = D(() => Ri(a), [a]), { data: l, isLoading: u, isError: d } = gn({
+	}))), [e.items]), c = D(() => Li(a), [a]), { data: l, isLoading: u, isError: d } = hn({
 		metrics: o,
 		timeRange: a,
 		filters: r
-	}), { data: f, isError: p } = gn({
+	}), { data: f, isError: p } = hn({
 		metrics: s,
 		timeRange: c,
 		filters: r,
@@ -2070,7 +2070,7 @@ function Vi({ widget: e, timeRange: t, filters: n }) {
 		d && console.error(`[MetricGroupWidgetRenderer] Failed to fetch measures for "${e.title}"`);
 	}, [d, e.title]), T(() => {
 		p && console.error(`[MetricGroupWidgetRenderer] Failed to fetch previous-period measures for "${e.title}"`);
-	}, [p, e.title]), /* @__PURE__ */ j(zi, {
+	}, [p, e.title]), /* @__PURE__ */ j(Ri, {
 		items: D(() => {
 			let t = new Map(l?.map((e) => [e.name, e]) ?? []), n = new Map(f?.map((e) => [e.name, e]) ?? []);
 			return e.items.map((e) => {
@@ -2079,11 +2079,11 @@ function Vi({ widget: e, timeRange: t, filters: n }) {
 					value: "—",
 					label: e.label ?? e.metric
 				};
-				let i = U(e.measure), a = ji(r, i), o = e.showTrend !== !1, s = Ai(r, i), c = n.get(e.metric), l = c ? Ai(c, i) : void 0;
+				let i = U(e.measure), a = Ai(r, i), o = e.showTrend !== !1, s = ki(r, i), c = n.get(e.metric), l = c ? ki(c, i) : void 0;
 				return {
 					value: a.value,
 					label: e.label ?? r.name,
-					trend: o && s !== void 0 ? Mi(s, l) : void 0,
+					trend: o && s !== void 0 ? ji(s, l) : void 0,
 					trendSentiment: e.sentiment
 				};
 			});
@@ -2098,7 +2098,7 @@ function Vi({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/renderers/MetricPresentation.tsx
-function Hi({ value: e, label: t, state: n, trend: r, trendSentiment: i, sparklineData: a }) {
+function Vi({ value: e, label: t, state: n, trend: r, trendSentiment: i, sparklineData: a }) {
 	return /* @__PURE__ */ j(At, {
 		value: e,
 		label: t,
@@ -2110,20 +2110,20 @@ function Hi({ value: e, label: t, state: n, trend: r, trendSentiment: i, sparkli
 }
 //#endregion
 //#region src/dashboards/renderers/MetricWidgetRenderer.tsx
-function Ui({ widget: e, timeRange: t, filters: n }) {
-	let r = ii(e.filters, n), i = e.showTrend === !0, a = e.showSparkline === !0, o = J(t), s = U(e.measure), c = D(() => [{
+function Hi({ widget: e, timeRange: t, filters: n }) {
+	let r = ri(e.filters, n), i = e.showTrend === !0, a = e.showSparkline === !0, o = Y(t), s = U(e.measure), c = D(() => [{
 		name: e.metric,
 		measures: [s]
-	}], [e.metric, s]), l = D(() => Ri(o), [o]), u = D(() => Ci(o, 48), [o]), { data: d, isLoading: f, isError: p } = gn({
+	}], [e.metric, s]), l = D(() => Li(o), [o]), u = D(() => Si(o, 48), [o]), { data: d, isLoading: f, isError: p } = hn({
 		metrics: c,
 		timeRange: o,
 		filters: r
-	}), { data: m, isError: h } = gn({
+	}), { data: m, isError: h } = hn({
 		metrics: c,
 		timeRange: l,
 		filters: r,
 		enabled: i
-	}), { data: g, isError: _ } = vn({
+	}), { data: g, isError: _ } = _n({
 		metrics: c,
 		timeRange: o,
 		interval: u,
@@ -2137,8 +2137,8 @@ function Ui({ widget: e, timeRange: t, filters: n }) {
 	}, [h, e.metric]), T(() => {
 		_ && console.error(`[MetricWidgetRenderer] Failed to fetch sparkline data for "${e.metric}"`);
 	}, [_, e.metric]);
-	let v = d?.[0], y = m?.[0], b = v ? ji(v, s) : void 0, x = v ? Ai(v, s) : void 0, S = y ? Ai(y, s) : void 0, C = i && x !== void 0 ? Mi(x, S) : void 0, w = a ? Ni(g, e.metric) : void 0, E = f ? "loading" : p || !f && !v ? "empty" : "ready";
-	return /* @__PURE__ */ j(Hi, {
+	let v = d?.[0], y = m?.[0], b = v ? Ai(v, s) : void 0, x = v ? ki(v, s) : void 0, S = y ? ki(y, s) : void 0, C = i && x !== void 0 ? ji(x, S) : void 0, w = a ? Mi(g, e.metric) : void 0, E = f ? "loading" : p || !f && !v ? "empty" : "ready";
+	return /* @__PURE__ */ j(Vi, {
 		value: b?.value ?? "—",
 		label: e.title,
 		state: E,
@@ -2149,21 +2149,21 @@ function Ui({ widget: e, timeRange: t, filters: n }) {
 }
 //#endregion
 //#region src/dashboards/widget-renderer-registry.ts
-var Wi = /* @__PURE__ */ new Map();
-function Y(e, t) {
-	Wi.set(e, t);
+var Ui = /* @__PURE__ */ new Map();
+function Wi(e, t) {
+	Ui.set(e, t);
 }
 function Gi(e) {
-	return Wi.get(e);
+	return Ui.get(e);
 }
 function Ki() {
-	Wi.clear();
+	Ui.clear();
 }
 //#endregion
 //#region src/dashboards/register-default-renderers.ts
 var qi = !1;
 function Ji() {
-	qi || (qi = !0, Y("cartesian", Di), Y("doughnut", ki), Y("bar", ui), Y("metric", Ui), Y("metric-group", Vi));
+	qi || (qi = !0, Wi("cartesian", Ei), Wi("doughnut", Oi), Wi("bar", li), Wi("metric", Hi), Wi("metric-group", Bi));
 }
 //#endregion
 //#region src/dashboards/renderers/UnknownWidgetFallback.tsx
@@ -2195,7 +2195,7 @@ function Xi(e) {
 	});
 }
 function Zi({ widget: e, timeRange: t, filters: n }) {
-	let r = Xr(), i = t ?? r?.timeRange, a = n ?? r?.filters ?? qr;
+	let r = Yr(), i = t ?? r?.timeRange, a = n ?? r?.filters ?? Kr;
 	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 = Gi(e.type);
 	return o ? b(o, {
@@ -2207,7 +2207,7 @@ function Zi({ widget: e, timeRange: t, filters: n }) {
 function Qi(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(Hi, {
+		case "metric": return /* @__PURE__ */ j(Vi, {
 			value: t.value,
 			label: t.label,
 			state: t.state,
@@ -2215,12 +2215,12 @@ function Qi(e, t) {
 			trendSentiment: t.trendSentiment,
 			sparklineData: t.sparklineData
 		});
-		case "metric-group": return /* @__PURE__ */ j(zi, {
+		case "metric-group": return /* @__PURE__ */ j(Ri, {
 			items: t.items,
 			state: t.state,
 			skeletonCount: t.skeletonCount
 		});
-		case "cartesian": return /* @__PURE__ */ j(wi, {
+		case "cartesian": return /* @__PURE__ */ j(Ci, {
 			data: t.data,
 			config: t.config,
 			series: t.series,
@@ -2228,13 +2228,13 @@ function Qi(e, t) {
 			showTotal: t.showTotal,
 			totalLabel: t.totalLabel
 		});
-		case "bar": return /* @__PURE__ */ j(li, {
+		case "bar": return /* @__PURE__ */ j(ci, {
 			data: t.data,
 			config: t.config,
 			state: t.state,
 			layout: t.layout
 		});
-		case "doughnut": return /* @__PURE__ */ j(Oi, {
+		case "doughnut": return /* @__PURE__ */ j(Di, {
 			data: t.data,
 			config: t.config,
 			state: t.state
@@ -2251,7 +2251,7 @@ var $i = {
 	xs: 12,
 	xxs: 12
 };
-function ea({ dashboard: e, timeRange: t, filters: n = qr, editable: r = !1, rowHeight: i, breakpointCols: o = $i, onLayoutChange: s }) {
+function ea({ dashboard: e, timeRange: t, filters: n = Kr, editable: r = !1, rowHeight: i, breakpointCols: o = $i, onLayoutChange: s }) {
 	let c = a("observability.dashboards.write"), l = r && c, u = D(() => e.widgets.map((e) => ({
 		id: e.id,
 		x: e.layout.x,
@@ -2298,8 +2298,8 @@ var na = {
 	start: "items-start",
 	end: "items-end"
 };
-function ra({ timeRange: e, filters: t = qr, align: n = "stretch", children: r }) {
-	return /* @__PURE__ */ j(Yr, {
+function ra({ timeRange: e, filters: t = Kr, align: n = "stretch", children: r }) {
+	return /* @__PURE__ */ j(Jr, {
 		value: D(() => ({
 			timeRange: e,
 			filters: t
@@ -2377,8 +2377,8 @@ function fa({ isFetching: e, className: t }) {
 //#endregion
 //#region src/routing/use-observability-url-state.ts
 function pa() {
-	let [e, t] = Vt(), n = D(() => Mn(e.get("q"), e.get("v")), [e]), r = C((e, n) => {
-		let r = jn({
+	let [e, t] = Vt(), n = D(() => jn(e.get("q"), e.get("v")), [e]), r = C((e, n) => {
+		let r = An({
 			conditions: n,
 			timeRange: e
 		});
@@ -2388,7 +2388,7 @@ function pa() {
 		}, { replace: !0 });
 	}, [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 ?? Dn,
+		timeRange: n.timeRange ?? En,
 		filters: n.conditions,
 		setTimeRange: i,
 		setFilters: a
@@ -2616,7 +2616,7 @@ var Da = 40, Oa = "HTTP_REQUESTS", ka = "COUNT", Aa = {
 	to: 599
 };
 function Na(e) {
-	let { timeRange: t, filters: r, enabled: i = !0 } = e, a = n(), o = K(q(), r), s = J(t), c = D(() => Ci(s, Da), [s]), l = D(() => [{
+	let { timeRange: t, filters: r, enabled: i = !0 } = e, a = n(), o = q(J(), r), s = Y(t), c = D(() => Si(s, Da), [s]), l = D(() => [{
 		name: Oa,
 		measures: [ka]
 	}], []), u = D(() => ["HTTP_STATUS"], []), d = D(() => [
@@ -2624,7 +2624,7 @@ function Na(e) {
 		ja,
 		Ma
 	], []), f = N({
-		queryKey: [...G.timeSeries(l, s, c, o, u), "histogram"],
+		queryKey: [...K.timeSeries(l, s, c, o, u), "histogram"],
 		queryFn: ({ signal: e }) => a.fetchTimeSeries({
 			metrics: l,
 			timeRange: s,
@@ -2707,20 +2707,20 @@ function Ra(e) {
 function za(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.key, [n]);
-	return gi(t);
+	return hi(t);
 }
 //#endregion
 //#region src/logs/LogsExplorerPage.tsx
 var Ba = 300, Va = "observability-logs-columns";
 function Ha({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFilterField: i, columnVisibilityStorageKey: a = Va }) {
-	let { timeRange: o, filters: s, setTimeRange: c, setFilters: l } = pa(), u = _n(s, tn()), [d, f] = k(""), p = hn({
+	let { timeRange: o, filters: s, setTimeRange: c, setFilters: l } = pa(), u = gn(s, tn()), [d, f] = k(""), p = mn({
 		timeRange: o,
 		filters: s,
-		search: ir(d, Ba) || void 0,
+		search: rr(d, Ba) || void 0,
 		pageSize: n
 	}), m = /* @__PURE__ */ M("div", {
 		className: "relative flex-1",
-		children: [/* @__PURE__ */ j(ft, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ j(De, {
+		children: [/* @__PURE__ */ j(pt, { className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ j(De, {
 			type: "search",
 			placeholder: "Search logs…",
 			value: d,
@@ -2741,14 +2741,14 @@ function Ha({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 				children: [
 					/* @__PURE__ */ j("div", {
 						className: "flex flex-1 items-center gap-2",
-						children: /* @__PURE__ */ j(Kr, {
+						children: /* @__PURE__ */ j(Gr, {
 							filters: u,
 							onFiltersChange: l,
 							scopeFilterField: i
 						})
 					}),
 					/* @__PURE__ */ j(z, { children: /* @__PURE__ */ j(fa, { isFetching: p.isFetching }) }),
-					/* @__PURE__ */ j(Vn, {
+					/* @__PURE__ */ j(Bn, {
 						value: o,
 						onChange: c
 					})
@@ -2770,7 +2770,7 @@ function Ha({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 						variant: "outline",
 						size: "sm",
 						onClick: p.refetch,
-						children: [/* @__PURE__ */ j(dt, { className: "size-3.5" }), "Retry"]
+						children: [/* @__PURE__ */ j(ft, { className: "size-3.5" }), "Retry"]
 					})
 				]
 			}),
@@ -2794,7 +2794,7 @@ function Ha({ columns: e, onRowClick: t, pageSize: n = 25, getRowId: r, scopeFil
 //#endregion
 //#region src/logs/build-logs-deep-link.ts
 function Ua({ basePath: e, timeRange: t, filters: n = [] }) {
-	let r = jn({
+	let r = An({
 		conditions: n,
 		timeRange: t
 	}), i = `${e.replace(/\/+$/, "")}/logs`;
@@ -2806,7 +2806,7 @@ function Ua({ basePath: e, timeRange: t, filters: n = [] }) {
 //#region src/logs/default-connection-log-columns.tsx
 var Wa = {
 	HTTP_PROXY: {
-		icon: ot,
+		icon: st,
 		label: "HTTP"
 	},
 	LLM_PROXY: {
@@ -2818,7 +2818,7 @@ var Wa = {
 		label: "MCP"
 	},
 	MESSAGE: {
-		icon: ct,
+		icon: lt,
 		label: "Message"
 	},
 	WEBHOOK: {
@@ -4025,8 +4025,8 @@ function wo({ apiId: e, timestamp: t, metric: r = Co }) {
 			from: e - So,
 			to: e + So
 		};
-	}, [t]), o = D(() => Ci(a, 30), [a]), { data: s, isLoading: c } = N({
-		queryKey: G.timeSeries([{ name: r }], a, o, [{
+	}, [t]), o = D(() => Si(a, 30), [a]), { data: s, isLoading: c } = N({
+		queryKey: K.timeSeries([{ name: r }], a, o, [{
 			field: "API_ID",
 			operator: "eq",
 			value: [e],
@@ -4052,7 +4052,7 @@ function wo({ apiId: e, timestamp: t, metric: r = Co }) {
 	} }), [l]), d = D(() => {
 		if (!s) return [];
 		let e = /* @__PURE__ */ new Map();
-		return e.set(l, s), gi(e);
+		return e.set(l, s), hi(e);
 	}, [s, l]), f = D(() => {
 		let e = new Date(t).getTime(), n = s?.[0]?.points;
 		if (d.length === 0 || !n?.length) return;
@@ -4263,7 +4263,7 @@ function No({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 							size: "icon",
 							onClick: () => f(!d),
 							"aria-label": d ? "Exit full screen" : "Full screen",
-							children: j(d ? lt : rt, { className: "size-4" })
+							children: j(d ? ut : rt, { className: "size-4" })
 						})
 					}), /* @__PURE__ */ j(R, { children: d ? "Exit full screen" : "Full screen" })] }) }),
 					i && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Re, {
@@ -4432,7 +4432,7 @@ function Bo(e) {
 //#endregion
 //#region src/logs/detail/components/LogDetailDrawer.tsx
 function Vo({ 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 } = fn({ id: t });
+	let { data: c, isLoading: l, isError: u, isNotFound: d, isUnsupported: f, refetch: p } = dn({ id: t });
 	return /* @__PURE__ */ M(ko, {
 		open: !!t,
 		onClose: n,
@@ -4522,7 +4522,7 @@ function Ho() {
 //#endregion
 //#region src/logs/detail/components/LogDetailPage.tsx
 function Uo({ config: e, onFilter: t }) {
-	let { logId: n } = Bt(), r = zt(), { data: i, isLoading: a, isError: o, isNotFound: s, isUnsupported: c, refetch: l } = fn({ id: n }), u = () => r(-1);
+	let { logId: n } = Bt(), r = zt(), { data: i, isLoading: a, isError: o, isNotFound: s, isUnsupported: c, refetch: l } = dn({ id: n }), u = () => r(-1);
 	return a ? /* @__PURE__ */ M("div", {
 		className: "space-y-4 p-6",
 		children: [
@@ -4739,7 +4739,7 @@ function rs(e) {
 	};
 }
 function is(e, t) {
-	let n = Qr(e.timeRange), r = { timeRange: {
+	let n = Zr(e.timeRange), r = { timeRange: {
 		from: new Date(n.from).toISOString(),
 		to: new Date(n.to).toISOString()
 	} }, i = Xo(e.filters);
@@ -4915,7 +4915,7 @@ function fs(e, t) {
 	}
 	return {
 		async fetchLogs(e) {
-			let t = Qr(e.timeRange);
+			let t = Zr(e.timeRange);
 			a = t;
 			let r = Xo(e.filters), l = { timeRange: c(t) };
 			r && (l.filters = r);
@@ -4944,7 +4944,7 @@ function ps({ templates: e }) {
 		cell: ({ row: e }) => /* @__PURE__ */ M(Ft, {
 			to: `./${e.original.id}`,
 			className: "flex items-center gap-2 font-medium hover:underline",
-			children: [b(e.original.icon ?? st, { className: "size-4 text-muted-foreground" }), e.original.label]
+			children: [b(e.original.icon ?? ct, { className: "size-4 text-muted-foreground" }), e.original.label]
 		})
 	}, {
 		id: "description",
@@ -4970,56 +4970,86 @@ function ps({ templates: e }) {
 }
 //#endregion
 //#region src/routing/ObservabilityDashboardPage.tsx
-function ms({ templates: e, scopeFilterField: t }) {
-	let { dashboardId: n } = Bt(), r = o(), i = D(() => oa(e, r), [e, r]).find((e) => e.id === n), { timeRange: a, filters: s, setTimeRange: c, setFilters: l } = pa(), u = _n(s, tn()), d = D(() => i ? aa(i, { capabilities: r }) : null, [i, r]);
-	return !i || !d ? /* @__PURE__ */ j("div", {
+function ms(e) {
+	let [t] = Vt(), n = t.get("live");
+	return /* @__PURE__ */ j(Xt, {
+		config: { defaultEnabled: n === "1" || n === "true" },
+		children: /* @__PURE__ */ j(hs, { ...e })
+	});
+}
+function hs({ templates: e, scopeFilterField: t, externalLinks: n }) {
+	let { dashboardId: r } = Bt(), i = o(), a = Qt(), [, s] = Vt(), c = D(() => oa(e, i), [e, i]).find((e) => e.id === r), { timeRange: l, filters: u, setTimeRange: d, setFilters: f } = pa(), p = gn(u, tn()), m = a?.isLive ?? !1;
+	T(() => {
+		s((e) => {
+			let t = e.has("live");
+			if (m && !t) {
+				let t = new URLSearchParams(e);
+				return t.set("live", "1"), t;
+			}
+			if (!m && t) {
+				let t = new URLSearchParams(e);
+				return t.delete("live"), t;
+			}
+			return e;
+		}, { replace: !0 });
+	}, [m, s]);
+	let h = C((e) => {
+		e.type === "absolute" && a?.isLive && a.toggle(), d(e);
+	}, [d, a]), g = D(() => c ? aa(c, { capabilities: i }) : null, [c, i]);
+	return !c || !g ? /* @__PURE__ */ j("div", {
 		className: "flex items-center justify-center p-8 text-muted-foreground",
-		children: n ? `Dashboard "${n}" not found.` : "No dashboard available."
+		children: r ? `Dashboard "${r}" not found.` : "No dashboard available."
 	}) : /* @__PURE__ */ M("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ M("div", {
-				className: "flex items-center gap-2",
-				children: [b(i.icon ?? st, { className: "size-5 text-muted-foreground" }), /* @__PURE__ */ j("h1", {
-					className: "text-lg font-semibold",
-					children: i.label
-				})]
+			/* @__PURE__ */ j("h1", {
+				className: "text-lg font-semibold",
+				children: c.label
 			}),
 			/* @__PURE__ */ M("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ j("div", {
-					className: "flex flex-1 items-center gap-2",
-					children: /* @__PURE__ */ j(Kr, {
-						filters: u,
-						onFiltersChange: l,
-						scopeFilterField: t
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "flex flex-1 items-center gap-2",
+						children: /* @__PURE__ */ j(Gr, {
+							filters: p,
+							onFiltersChange: f,
+							scopeFilterField: t
+						})
+					}),
+					n?.map((e) => /* @__PURE__ */ M("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(z, { children: /* @__PURE__ */ j(fa, {}) }),
+					/* @__PURE__ */ j(Bn, {
+						value: l,
+						onChange: h
 					})
-				}), /* @__PURE__ */ j(Vn, {
-					value: a,
-					onChange: c
-				})]
+				]
 			}),
 			/* @__PURE__ */ j(ea, {
-				dashboard: d,
-				timeRange: a,
-				filters: s
+				dashboard: g,
+				timeRange: l,
+				filters: u
 			})
 		]
 	});
 }
 //#endregion
 //#region src/routing/ObservabilityRoutes.tsx
-var hs = [];
-function gs({ children: e }) {
+var gs = [];
+function _s({ children: e }) {
 	let t = tn(), { 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(_s, {}) : i || !n ? /* @__PURE__ */ j(A, { children: e([]) }) : /* @__PURE__ */ j(A, { children: e(n) });
+	return r ? /* @__PURE__ */ j(vs, {}) : i || !n ? /* @__PURE__ */ j(A, { children: e([]) }) : /* @__PURE__ */ j(A, { children: e(n) });
 }
-function _s() {
+function vs() {
 	return /* @__PURE__ */ M("div", {
 		className: "flex items-center gap-2 p-4",
 		children: [
@@ -5029,43 +5059,44 @@ function _s() {
 		]
 	});
 }
-function vs({ templates: e, contextFilters: t }) {
+function ys({ templates: e, contextFilters: t }) {
 	let n = o(), r = D(() => oa(e, n), [e, n]);
 	return r.length === 1 && r[0] ? /* @__PURE__ */ j(It, {
 		to: `./${r[0].id}`,
 		replace: !0
-	}) : /* @__PURE__ */ j(un, {
+	}) : /* @__PURE__ */ j(ln, {
 		filters: t,
 		children: /* @__PURE__ */ j(ps, { templates: e })
 	});
 }
-function ys({ baseUrl: e, http: t, dataSource: i, filterProviders: a, logsPage: o, logsDataSource: s, logsColumns: l, logsOnRowClick: u, logsGetRowId: f, config: p }) {
+function bs({ baseUrl: e, http: t, dataSource: i, filterProviders: a, logsPage: o, logsDataSource: s, logsColumns: l, logsOnRowClick: u, logsGetRowId: f, config: p }) {
 	let m = an(), g = t ?? m, _ = n(), v = D(() => os(e, g), [e, g]), y = i !== void 0 || _ === null, b = i ?? _ ?? v, x = D(() => ls(e, g), [e, g]), S = r(), C = D(() => p.features.logs?.enabled ? fs(e, g) : void 0, [
 		e,
 		g,
 		p.features.logs?.enabled
-	]), w = s ?? S ?? C, T = s !== void 0 || S === null, E = p.features.dashboards, O = p.features.logs, k = E?.contextFilters ?? hs, ee = O?.contextFilters ?? hs, te = (e) => /* @__PURE__ */ j(h, {
+	]), w = s ?? S ?? C, T = s !== void 0 || S === null, E = p.features.dashboards, O = p.features.logs, k = E?.contextFilters ?? gs, ee = O?.contextFilters ?? gs, te = (e) => /* @__PURE__ */ j(h, {
 		providers: e,
 		children: /* @__PURE__ */ M(Rt, { children: [
 			E?.enabled && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Lt, {
 				path: "dashboards",
-				element: /* @__PURE__ */ j(vs, {
+				element: /* @__PURE__ */ j(ys, {
 					templates: E.templates,
 					contextFilters: k
 				})
 			}), /* @__PURE__ */ j(Lt, {
 				path: "dashboards/:dashboardId",
-				element: /* @__PURE__ */ j(un, {
+				element: /* @__PURE__ */ j(ln, {
 					filters: k,
 					children: /* @__PURE__ */ j(ms, {
 						templates: E.templates,
-						scopeFilterField: E.scopeFilterField
+						scopeFilterField: E.scopeFilterField,
+						externalLinks: E.externalLinks
 					})
 				})
 			})] }),
 			p.features.logs?.enabled && /* @__PURE__ */ j(Lt, {
 				path: "logs",
-				element: /* @__PURE__ */ j(un, {
+				element: /* @__PURE__ */ j(ln, {
 					filters: ee,
 					children: o ?? (w && l ? T ? /* @__PURE__ */ j(c, {
 						dataSource: w,
@@ -5092,7 +5123,7 @@ function ys({ baseUrl: e, http: t, dataSource: i, filterProviders: a, logsPage:
 			}),
 			p.features.logs?.enabled && O?.logDetail && w && /* @__PURE__ */ j(Lt, {
 				path: "logs/:logId",
-				element: /* @__PURE__ */ j(un, {
+				element: /* @__PURE__ */ j(ln, {
 					filters: ee,
 					children: T ? /* @__PURE__ */ j(c, {
 						dataSource: w,
@@ -5116,7 +5147,7 @@ function ys({ baseUrl: e, http: t, dataSource: i, filterProviders: a, logsPage:
 		] })
 	}), N = /* @__PURE__ */ j(en, {
 		source: x,
-		children: a ? te(a) : /* @__PURE__ */ j(gs, { children: (e) => te(e) })
+		children: a ? te(a) : /* @__PURE__ */ j(_s, { children: (e) => te(e) })
 	});
 	return y ? /* @__PURE__ */ j(d, {
 		dataSource: b,
@@ -5125,9 +5156,9 @@ function ys({ baseUrl: e, http: t, dataSource: i, filterProviders: a, logsPage:
 }
 //#endregion
 //#region src/routing/define-observability-features.ts
-var bs = {
+var xs = {
 	dashboards: {
-		icon: st,
+		icon: ct,
 		title: "Dashboards",
 		order: 0
 	},
@@ -5137,10 +5168,10 @@ var bs = {
 		order: 1
 	}
 };
-function xs(e) {
-	let t = e.basePath ?? "observe", n = Ss(e), r = Cs(e, n, t), i = n.map((e) => `${t}/${e}`), a = ws(n, t);
+function Ss(e) {
+	let t = e.basePath ?? "observe", n = Cs(e), r = ws(e, n, t), i = n.map((e) => `${t}/${e}`), a = Ts(n, t);
 	function o(t) {
-		return b(ys, {
+		return b(bs, {
 			...t,
 			config: e
 		});
@@ -5152,13 +5183,13 @@ function xs(e) {
 		Routes: o
 	};
 }
-function Ss(e) {
+function Cs(e) {
 	let t = [];
-	return e.features.dashboards?.enabled && t.push("dashboards"), e.features.logs?.enabled && t.push("logs"), t.sort((e, t) => bs[e].order - bs[t].order);
+	return e.features.dashboards?.enabled && t.push("dashboards"), e.features.logs?.enabled && t.push("logs"), t.sort((e, t) => xs[e].order - xs[t].order);
 }
-function Cs(e, t, n) {
+function ws(e, t, n) {
 	let r = t.map((t) => {
-		let r = bs[t], i = e.nav.overrides?.[t];
+		let r = xs[t], i = e.nav.overrides?.[t];
 		return {
 			key: `${n}/${t}`,
 			title: i?.title ?? r.title,
@@ -5170,10 +5201,10 @@ function Cs(e, t, n) {
 		items: r
 	};
 }
-function ws(e, t) {
+function Ts(e, t) {
 	let n = {};
 	for (let r of e) {
-		let e = bs[r], i = `${t}/${r}`;
+		let e = xs[r], i = `${t}/${r}`;
 		n[i] = {
 			path: `${t}/${r}`,
 			label: e.title
@@ -5182,4 +5213,4 @@ function ws(e, t) {
 	return n;
 }
 //#endregion
-export { li as BarPresentation, En as CODEC_VERSION, l as CapabilityProvider, wi as CartesianPresentation, un as ContextFiltersProvider, Si as DASHBOARD_BUCKET_TARGET, e as DEFAULT_CAPABILITIES, qt as DEFAULT_MEASURE, yn as DEFAULT_PERIOD, Jt as DEFAULT_REFRESH_INTERVAL_MS, W as DEFAULT_STALE_TIME, Dn as DEFAULT_TIME_RANGE, i as DashboardPersistenceProvider, ca as DashboardTemplatesProvider, ea as DashboardView, Oi as DoughnutPresentation, _ as FILTER_OPERATORS, Kr as FilterBar, Lr as FilterChip, kr as FilterPopoverForm, h as FilterProvidersProvider, di as HTTP_STATUS_PALETTE, rn as HttpProvider, fa as LiveIndicator, Xt as LiveRefreshProvider, X as LogDetailCodeBlock, wo as LogDetailContextChart, Vo as LogDetailDrawer, ko as LogDetailDrawerShell, Z as LogDetailEmptyField, No as LogDetailHeader, Q as LogDetailHeadersTable, Ya as LogDetailJsonTree, $ as LogDetailKeyValueGrid, Po as LogDetailMetrics, Uo as LogDetailPage, Lo as LogDetailSection, Io as LogDetailSections, ga as LogSeverityBadge, Ea as LogTable, c as LogsDataSourceProvider, Ha as LogsExplorerPage, zi as MetricGroupPresentation, Hi as MetricPresentation, d as MetricsDataSourceProvider, Cn as PERIOD_DISPLAY_LABELS, Sn as PERIOD_LABELS, bn as PRESET_CATEGORIES, xn as RELATIVE_PERIODS, Vn as TimeRangePicker, s as TracesDataSourceProvider, ra as WidgetGroup, Xi as WidgetItem, Nr as buildChipLabel, Pr as buildChipLabelParts, Fr as buildChipTooltip, Ka as buildDefaultConnectionLogColumns, xo as buildDefaultLogDetailConfig, Ua as buildLogsDeepLink, Ki as clearWidgetRenderers, Ci as computeBucketInterval, Ri as computePreviousTimeRange, Mi as computeTrend, $a as connectionLogPreset, os as createHttpDataSource, ls as createHttpFilterSource, fs as createHttpLogsSource, Mn as decodeObservabilityState, ia as defineDashboardTemplate, Xn as defineFilterProvider, vo as defineLogDetail, xs as defineObservabilityFeatures, jn as encodeObservabilityState, Ai as extractMeasureValue, Ni as extractSparklineData, ri as facetsToBar, ni as facetsToDoughnut, Hn as getLocaleWeekStart, Gi as getWidgetRenderer, Wt as isBarWidget, Ht as isCartesianWidget, Ut as isDoughnutWidget, Kt as isMetricGroupWidget, Gt as isMetricWidget, xr as isMultiSelectForFilter, ji as measureResultToMetric, K as mergeFilters, gi as mergeTimeSeriesToCartesian, ao as messageLogPreset, Sr as normalizeMembershipOperatorForValues, G as observabilityQueryKeys, vr as operatorLabel, yr as operatorNeedsValue, Ji as registerDefaultRenderers, Y as registerWidgetRenderer, aa as resolveDashboardFromTemplate, pi as resolveGroupColor, yo as resolveLogDetailVariant, U as resolveMeasure, bo as resolvePreset, Yn as resolveRelativePeriod, Qr as resolveStableTimeRange, o as useCapabilities, a as useCapability, q as useContextFilters, f as useDashboardPersistence, ua as useDashboardTemplate, la as useDashboardTemplates, dn as useFacetsQuery, u as useFilterProvider, p as useFilterProviders, an as useHttpOptions, Zt as useLiveRefresh, Eo as useLogDetailDrawerExpand, fn as useLogDetailQuery, g as useLogsDataSource, hn as useLogsPagedQuery, pn as useLogsQuery, gn as useMeasuresQuery, ii as useMergedWidgetFilters, m as useMetricsDataSource, Qt as useOptionalLiveRefresh, r as useOptionalLogsDataSource, n as useOptionalMetricsDataSource, J as useStableTimeRange, vn as useTimeSeriesQuery, t as useTracesDataSource, Xr as useWidgetGroupContext, uo as webhookLogPreset };
+export { ci as BarPresentation, Tn as CODEC_VERSION, l as CapabilityProvider, Ci as CartesianPresentation, ln as ContextFiltersProvider, xi as DASHBOARD_BUCKET_TARGET, e as DEFAULT_CAPABILITIES, qt as DEFAULT_MEASURE, vn as DEFAULT_PERIOD, Jt as DEFAULT_REFRESH_INTERVAL_MS, W as DEFAULT_STALE_TIME, En as DEFAULT_TIME_RANGE, i as DashboardPersistenceProvider, ca as DashboardTemplatesProvider, ea as DashboardView, Di as DoughnutPresentation, _ as FILTER_OPERATORS, Gr as FilterBar, Ir as FilterChip, Or as FilterPopoverForm, h as FilterProvidersProvider, ui as HTTP_STATUS_PALETTE, rn as HttpProvider, fa as LiveIndicator, Xt as LiveRefreshProvider, X as LogDetailCodeBlock, wo as LogDetailContextChart, Vo as LogDetailDrawer, ko as LogDetailDrawerShell, Z as LogDetailEmptyField, No as LogDetailHeader, Q as LogDetailHeadersTable, Ya as LogDetailJsonTree, $ as LogDetailKeyValueGrid, Po as LogDetailMetrics, Uo as LogDetailPage, Lo as LogDetailSection, Io as LogDetailSections, ga as LogSeverityBadge, Ea as LogTable, c as LogsDataSourceProvider, Ha as LogsExplorerPage, Ri as MetricGroupPresentation, Vi as MetricPresentation, d as MetricsDataSourceProvider, Sn as PERIOD_DISPLAY_LABELS, xn as PERIOD_LABELS, yn as PRESET_CATEGORIES, bn as RELATIVE_PERIODS, Bn as TimeRangePicker, s as TracesDataSourceProvider, ra as WidgetGroup, Xi as WidgetItem, Mr as buildChipLabel, Nr as buildChipLabelParts, Pr as buildChipTooltip, Ka as buildDefaultConnectionLogColumns, xo as buildDefaultLogDetailConfig, Ua as buildLogsDeepLink, Ki as clearWidgetRenderers, Si as computeBucketInterval, Li as computePreviousTimeRange, ji as computeTrend, $a as connectionLogPreset, os as createHttpDataSource, ls as createHttpFilterSource, fs as createHttpLogsSource, jn as decodeObservabilityState, ia as defineDashboardTemplate, Yn as defineFilterProvider, vo as defineLogDetail, Ss as defineObservabilityFeatures, An as encodeObservabilityState, ki as extractMeasureValue, Mi as extractSparklineData, ni as facetsToBar, ti as facetsToDoughnut, Vn as getLocaleWeekStart, Gi as getWidgetRenderer, Wt as isBarWidget, Ht as isCartesianWidget, Ut as isDoughnutWidget, Kt as isMetricGroupWidget, Gt as isMetricWidget, br as isMultiSelectForFilter, Ai as measureResultToMetric, q as mergeFilters, hi as mergeTimeSeriesToCartesian, ao as messageLogPreset, xr as normalizeMembershipOperatorForValues, K as observabilityQueryKeys, _r as operatorLabel, vr as operatorNeedsValue, Ji as registerDefaultRenderers, Wi as registerWidgetRenderer, aa as resolveDashboardFromTemplate, fi as resolveGroupColor, yo as resolveLogDetailVariant, U as resolveMeasure, bo as resolvePreset, Jn as resolveRelativePeriod, Zr as resolveStableTimeRange, o as useCapabilities, a as useCapability, J as useContextFilters, f as useDashboardPersistence, ua as useDashboardTemplate, la as useDashboardTemplates, un as useFacetsQuery, u as useFilterProvider, p as useFilterProviders, an as useHttpOptions, Zt as useLiveRefresh, Eo as useLogDetailDrawerExpand, dn as useLogDetailQuery, g as useLogsDataSource, mn as useLogsPagedQuery, fn as useLogsQuery, hn as useMeasuresQuery, ri as useMergedWidgetFilters, m as useMetricsDataSource, Qt as useOptionalLiveRefresh, r as useOptionalLogsDataSource, n as useOptionalMetricsDataSource, Y as useStableTimeRange, _n as useTimeSeriesQuery, t as useTracesDataSource, Yr as useWidgetGroupContext, uo as webhookLogPreset };