@gravitee/gamma-lib-observability 3.2.1-fix-esm-210-tracing-filter-module.addd71d → 3.2.1

package/dist/index.js

@@ -3,7 +3,7 @@ import { AlertCircleIcon as S, AlignRightIcon as C, ArrowDownIcon as w, ArrowLef
 import { Component as Ie, Fragment as Le, Suspense as Re, createContext as ze, createElement as Be, forwardRef as Ve, lazy as He, memo as Ue, useCallback as A, useContext as We, useEffect as j, useId as Ge, useLayoutEffect as Ke, useMemo as M, useReducer as qe, useRef as N, useState as P } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { keepPreviousData as Je, useInfiniteQuery as Ye, useMutation as Xe, useQueries as Ze, useQuery as R, useQueryClient as Qe } from "@tanstack/react-query";
-import { Accordion as $e, AccordionContent as et, AccordionItem as tt, AccordionTrigger as nt, Alert as rt, AlertDescription as it, AlertTitle as at, Badge as ot, Button as z, Calendar as st, Card as ct, Combobox as lt, ComboboxChip as ut, ComboboxChips as dt, ComboboxChipsInput as ft, ComboboxContent as pt, ComboboxEmpty as mt, ComboboxInput as ht, ComboboxItem as gt, ComboboxList as _t, ComboboxValue as vt, DataTable as yt, DataTableColumnHeader as bt, DataTablePagination as xt, Dialog as St, DialogClose as Ct, DialogContent as wt, DialogDescription as Tt, DialogFooter as Et, DialogHeader as Dt, DialogTitle as Ot, DropdownMenu as kt, DropdownMenuContent as At, DropdownMenuItem as B, DropdownMenuLabel as jt, DropdownMenuSeparator as Mt, DropdownMenuTrigger as Nt, Empty as Pt, EmptyDescription as Ft, EmptyHeader as It, EmptyMedia as Lt, EmptyTitle as Rt, Field as V, FieldDescription as zt, FieldError as Bt, FieldGroup as Vt, FieldLabel as Ht, Input as H, Label as Ut, Popover as Wt, PopoverAnchor as Gt, PopoverContent as Kt, PopoverTrigger as qt, ScrollArea as Jt, Select as U, SelectContent as W, SelectGroup as Yt, SelectItem as G, SelectLabel as Xt, SelectTrigger as K, SelectValue as q, Separator as Zt, Sheet as Qt, SheetContent as $t, SheetDescription as en, SheetTitle as tn, Skeleton as J, Spinner as nn, Switch as rn, Tabs as an, TabsContent as on, TabsList as sn, TabsTrigger as cn, Textarea as ln, ToggleGroup as un, ToggleGroupItem as dn, Tooltip as fn, TooltipContent as pn, TooltipProvider as Y, TooltipTrigger as mn, buttonVariants as hn, cn as X, toast as Z, useComboboxAnchor as gn } from "@gravitee/graphene-core";
+import { Accordion as $e, AccordionContent as et, AccordionItem as tt, AccordionTrigger as nt, Alert as rt, AlertDescription as it, AlertTitle as at, Badge as z, Button as B, Calendar as ot, Card as st, Combobox as ct, ComboboxChip as lt, ComboboxChips as ut, ComboboxChipsInput as dt, ComboboxContent as ft, ComboboxEmpty as pt, ComboboxInput as mt, ComboboxItem as ht, ComboboxList as gt, ComboboxValue as _t, DataTable as vt, DataTableColumnHeader as yt, DataTablePagination as bt, Dialog as xt, DialogClose as St, DialogContent as Ct, DialogDescription as wt, DialogFooter as Tt, DialogHeader as Et, DialogTitle as Dt, DropdownMenu as Ot, DropdownMenuContent as kt, DropdownMenuItem as At, DropdownMenuLabel as jt, DropdownMenuSeparator as Mt, DropdownMenuTrigger as Nt, Empty as Pt, EmptyDescription as Ft, EmptyHeader as It, EmptyMedia as Lt, EmptyTitle as Rt, Field as V, FieldDescription as zt, FieldError as Bt, FieldGroup as Vt, FieldLabel as Ht, Input as H, Label as Ut, Popover as Wt, PopoverAnchor as Gt, PopoverContent as Kt, PopoverTrigger as qt, ScrollArea as Jt, Select as U, SelectContent as W, SelectGroup as Yt, SelectItem as G, SelectLabel as Xt, SelectTrigger as K, SelectValue as q, Separator as Zt, Sheet as Qt, SheetContent as $t, SheetDescription as en, SheetTitle as tn, Skeleton as J, Spinner as nn, Switch as rn, Tabs as an, TabsContent as on, TabsList as sn, TabsTrigger as cn, Textarea as ln, ToggleGroup as un, ToggleGroupItem as dn, Tooltip as fn, TooltipContent as pn, TooltipProvider as Y, TooltipTrigger as mn, buttonVariants as hn, cn as X, toast as Z, useComboboxAnchor as gn } from "@gravitee/graphene-core";
 import { AreaSeries as _n, BarChart as vn, BarSeries as yn, BreakdownChart as bn, BreakdownTooltip as xn, BreakdownTooltipContent as Sn, CartesianChart as Cn, ChartContainer as wn, ChartLegend as Tn, ChartLegendContent as En, ChartTooltip as Dn, ChartTooltipContent as On, DoughnutChart as kn, FilterCombobox as An, Grid as jn, LineSeries as Mn, Metric as Nn, MetricGroup as Pn, ReferenceLine as Fn, TraceWaterfall as In, ValueAxis as Ln, XAxis as Rn, YAxis as zn, compactTick as Bn } from "@gravitee/graphene-charts";
 import { DashboardGrid as Vn, DashboardWidget as Hn } from "@gravitee/graphene-charts/dashboard-grid";
 import { Link as Un, Navigate as Wn, Route as Gn, Routes as Kn, useLocation as qn, useNavigate as Jn, useParams as Yn, useSearchParams as Xn } from "react-router-dom";
@@ -1050,7 +1050,7 @@ function zi({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 		onOpenChange: S,
 		children: [/* @__PURE__ */ I(qt, {
 			asChild: !0,
-			children: /* @__PURE__ */ L(z, {
+			children: /* @__PURE__ */ L(B, {
 				variant: "outline",
 				disabled: n,
 				"aria-label": "Time range picker",
@@ -1095,7 +1095,7 @@ function zi({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 							children: t.label
 						}), /* @__PURE__ */ I("div", {
 							className: "grid grid-cols-3 gap-2",
-							children: t.periods.map((t) => /* @__PURE__ */ I(z, {
+							children: t.periods.map((t) => /* @__PURE__ */ I(B, {
 								variant: "outline",
 								size: "sm",
 								role: "option",
@@ -1112,7 +1112,7 @@ function zi({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 				u === "custom" && /* @__PURE__ */ L("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ I(st, {
+						/* @__PURE__ */ I(ot, {
 							mode: "range",
 							selected: f,
 							onSelect: w,
@@ -1165,7 +1165,7 @@ function zi({ value: e, onChange: t, disabled: n = !1, showTimezone: r = !1, cla
 							role: "alert",
 							children: "Start must be before end"
 						}),
-						/* @__PURE__ */ I(z, {
+						/* @__PURE__ */ I(B, {
 							size: "sm",
 							disabled: !x || n,
 							onClick: T,
@@ -1385,24 +1385,24 @@ function ca({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 		...a && { filter: null },
 		...i && { onInputValueChange: (e) => i(String(e)) }
 	}, v = /* @__PURE__ */ L(F, { children: [
-		/* @__PURE__ */ I(mt, { children: s }),
-		/* @__PURE__ */ I(_t, { children: (e) => /* @__PURE__ */ I(gt, {
+		/* @__PURE__ */ I(pt, { children: s }),
+		/* @__PURE__ */ I(gt, { children: (e) => /* @__PURE__ */ I(ht, {
 			value: e,
 			children: e.label
 		}, e.value) }),
 		c
-	] }), y = r ? /* @__PURE__ */ L(lt, {
+	] }), y = r ? /* @__PURE__ */ L(ct, {
 		..._,
 		multiple: !0,
 		autoHighlight: !0,
 		value: t,
 		onValueChange: (e) => n(Array.isArray(e) ? e : []),
-		children: [/* @__PURE__ */ I(dt, {
+		children: [/* @__PURE__ */ I(ut, {
 			ref: u,
-			children: /* @__PURE__ */ I(vt, { children: (e) => /* @__PURE__ */ L(Le, { children: [e.map((e) => /* @__PURE__ */ I(ut, {
+			children: /* @__PURE__ */ I(_t, { children: (e) => /* @__PURE__ */ L(Le, { children: [e.map((e) => /* @__PURE__ */ I(lt, {
 				removeAriaLabel: `Remove ${e.label}`,
 				children: e.label
-			}, e.value)), /* @__PURE__ */ I(ft, {
+			}, e.value)), /* @__PURE__ */ I(dt, {
 				"aria-label": "Filter values",
 				"aria-invalid": g || void 0,
 				"aria-describedby": g ? h : void 0,
@@ -1410,19 +1410,19 @@ function ca({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 				onFocus: p,
 				onKeyDown: m
 			})] }) })
-		}), /* @__PURE__ */ I(pt, {
+		}), /* @__PURE__ */ I(ft, {
 			anchor: u,
 			className: "max-h-48",
 			children: v
 		})]
-	}) : /* @__PURE__ */ L(lt, {
+	}) : /* @__PURE__ */ L(ct, {
 		..._,
 		value: t[0] ?? null,
 		onValueChange: (e) => n(e ? [e] : []),
 		openOnInputClick: !0,
-		children: [/* @__PURE__ */ I(dt, {
+		children: [/* @__PURE__ */ I(ut, {
 			ref: u,
-			children: /* @__PURE__ */ I(ft, {
+			children: /* @__PURE__ */ I(dt, {
 				"aria-label": "Filter values",
 				"aria-invalid": g || void 0,
 				"aria-describedby": g ? h : void 0,
@@ -1430,7 +1430,7 @@ function ca({ options: e, selected: t, onSelectedChange: n, multiple: r, onSearc
 				onFocus: p,
 				onKeyDown: m
 			})
-		}), /* @__PURE__ */ I(pt, {
+		}), /* @__PURE__ */ I(ft, {
 			anchor: u,
 			className: "max-h-48",
 			children: v
@@ -1786,7 +1786,7 @@ function ka({ existingCondition: e, onApply: t, onCancel: r, providers: i, activ
 			s?.({ isEmptyValue: T }),
 			/* @__PURE__ */ L("div", {
 				className: `flex items-center gap-2 ${c ? "justify-between" : "justify-end"}`,
-				children: [c ? /* @__PURE__ */ I(z, {
+				children: [c ? /* @__PURE__ */ I(B, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
@@ -1795,13 +1795,13 @@ function ka({ existingCondition: e, onApply: t, onCancel: r, providers: i, activ
 					children: "Remove"
 				}) : null, /* @__PURE__ */ L("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ I(z, {
+					children: [/* @__PURE__ */ I(B, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						onClick: r,
 						children: "Cancel"
-					}), /* @__PURE__ */ I(z, {
+					}), /* @__PURE__ */ I(B, {
 						type: "button",
 						size: "sm",
 						disabled: !E,
@@ -1837,7 +1837,7 @@ var Aa = Ue(function({ signals: e, variant: t = "compact" }) {
 			className: "inline-flex items-center gap-1",
 			children: e.map((e) => {
 				let t = ir(e);
-				return t ? /* @__PURE__ */ I(ot, {
+				return t ? /* @__PURE__ */ I(z, {
 					variant: "highlight",
 					className: "gap-1 px-1.5 py-0 text-[10px] font-medium",
 					children: /* @__PURE__ */ I(t.icon, { className: "size-3" })
@@ -1956,7 +1956,7 @@ var za = Ue(Ve(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 			onMouseLeave: () => v(!1),
 			onFocus: () => h && v(!0),
 			onBlur: () => v(!1),
-			children: [/* @__PURE__ */ I(ot, {
+			children: [/* @__PURE__ */ I(z, {
 				variant: S,
 				className: X("h-auto max-w-xs gap-1.5 py-1 font-normal transition-all", g && "border-dashed border-highlight/40", h ? X("cursor-pointer", C) : "pr-2", h && (n && _ ? "pr-1" : "pr-2")),
 				role: h ? "button" : void 0,
@@ -1967,7 +1967,7 @@ var za = Ue(Ve(function({ condition: e, onEdit: t, onRemove: n, editable: r = !0
 					h && ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), t?.()), (e.key === "Delete" || e.key === "Backspace") && (e.preventDefault(), n?.()));
 				},
 				children: T
-			}), h && n && _ ? /* @__PURE__ */ I(z, {
+			}), h && n && _ ? /* @__PURE__ */ I(B, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
@@ -2131,7 +2131,7 @@ function Qa({ filters: e, onFiltersChange: t, editable: n = !0, scopeFilterField
 							onRemove: () => ee(t)
 						}, Ua(e));
 					}),
-					n ? /* @__PURE__ */ L(z, {
+					n ? /* @__PURE__ */ L(B, {
 						ref: p,
 						type: "button",
 						variant: "ghost",
@@ -3569,7 +3569,7 @@ function cc({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 		onClick: D,
 		onKeyDown: ne,
 		className: l ? "[&_tbody_tr]:cursor-pointer" : void 0,
-		children: /* @__PURE__ */ I(yt, {
+		children: /* @__PURE__ */ I(vt, {
 			columns: e,
 			data: t,
 			loading: n,
@@ -3590,7 +3590,7 @@ function cc({ columns: e, data: t, loading: n, totalCount: r, page: i, pageSize:
 				onColumnVisibilityChange: te
 			},
 			emptyMessage: _,
-			footer: x && r > 0 ? /* @__PURE__ */ I(xt, {
+			footer: x && r > 0 ? /* @__PURE__ */ I(bt, {
 				page: i,
 				pageSize: a,
 				totalCount: r,
@@ -3859,7 +3859,7 @@ function Pc({ columns: e, rows: t, dimensionLabel: n, state: r, sort: i, onSortC
 			}
 		}, r = re.map((e) => ({
 			id: e.id,
-			header: ({ column: t }) => /* @__PURE__ */ I(bt, {
+			header: ({ column: t }) => /* @__PURE__ */ I(yt, {
 				column: t,
 				title: e.label,
 				className: "justify-end whitespace-nowrap"
@@ -3951,7 +3951,7 @@ function Fc() {
 function Ic({ columns: e }) {
 	return /* @__PURE__ */ L(Wt, { children: [/* @__PURE__ */ I(qt, {
 		asChild: !0,
-		children: /* @__PURE__ */ L(z, {
+		children: /* @__PURE__ */ L(B, {
 			variant: "ghost",
 			size: "xs",
 			className: "h-5 px-1.5 text-xs",
@@ -3975,15 +3975,15 @@ function Ic({ columns: e }) {
 	})] });
 }
 function Lc({ row: e, hiddenColumns: t, shareBases: n, children: r }) {
-	return /* @__PURE__ */ L(kt, { children: [/* @__PURE__ */ I(Nt, {
+	return /* @__PURE__ */ L(Ot, { children: [/* @__PURE__ */ I(Nt, {
 		asChild: !0,
-		children: /* @__PURE__ */ I(z, {
+		children: /* @__PURE__ */ I(B, {
 			variant: "ghost",
 			size: "icon-xs",
 			"aria-label": `Actions for ${e.label}`,
 			children: /* @__PURE__ */ I(we, { className: "size-4" })
 		})
-	}), /* @__PURE__ */ L(At, {
+	}), /* @__PURE__ */ L(kt, {
 		align: "end",
 		className: "w-auto min-w-56",
 		children: [t.length > 0 && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(jt, {
@@ -4101,7 +4101,7 @@ function Hc({ widget: e, timeRange: t, filters: n, onInteract: r }) {
 			value: e.key,
 			label: e.label
 		});
-	}, [y, f]), S = M(() => Vc.filter((e) => b(e.kind)), [b]), C = A((e) => S.map(({ kind: t, label: n, icon: r }) => /* @__PURE__ */ L(B, {
+	}, [y, f]), S = M(() => Vc.filter((e) => b(e.kind)), [b]), C = A((e) => S.map(({ kind: t, label: n, icon: r }) => /* @__PURE__ */ L(At, {
 		onSelect: () => y?.({
 			kind: t,
 			field: f ?? "",
@@ -4398,7 +4398,7 @@ function fl({ message: e, onRetry: t, className: n }) {
 				className: "flex-1 text-sm text-destructive",
 				children: e
 			}),
-			/* @__PURE__ */ L(z, {
+			/* @__PURE__ */ L(B, {
 				variant: "outline",
 				size: "sm",
 				onClick: t,
@@ -4566,7 +4566,7 @@ function Al(e) {
 function jl({ level: e }) {
 	if (!e) return null;
 	let t = e.toLowerCase();
-	return /* @__PURE__ */ I(ot, {
+	return /* @__PURE__ */ I(z, {
 		variant: Al(t) ? kl[t] : "secondary",
 		children: e.toUpperCase()
 	});
@@ -4639,7 +4639,7 @@ function Rl(e, t) {
 		}
 		case "http-method": {
 			let e = String(n).toUpperCase();
-			r = /* @__PURE__ */ I(ot, {
+			r = /* @__PURE__ */ I(z, {
 				variant: Ml[e] ?? "secondary",
 				children: e
 			});
@@ -5036,7 +5036,7 @@ function Ql({ code: e, language: t = "json", maxHeight: n = Zl }) {
 				className: "absolute right-2 top-2 z-10",
 				children: /* @__PURE__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 					asChild: !0,
-					children: /* @__PURE__ */ I(z, {
+					children: /* @__PURE__ */ I(B, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-7",
@@ -5127,7 +5127,7 @@ function nu({ data: e, onCopyAll: t }) {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 				asChild: !0,
-				children: /* @__PURE__ */ I(z, {
+				children: /* @__PURE__ */ I(B, {
 					variant: "ghost",
 					size: "icon",
 					className: "size-7",
@@ -5321,7 +5321,7 @@ function au({ item: e, onFilter: t, wrap: n }) {
 				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__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 					asChild: !0,
-					children: /* @__PURE__ */ I(z, {
+					children: /* @__PURE__ */ I(B, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-6",
@@ -5333,7 +5333,7 @@ function au({ item: e, onFilter: t, wrap: n }) {
 					})
 				}), /* @__PURE__ */ I(pn, { children: "Copy" })] }) }), e.filterable && e.filterField && t && /* @__PURE__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 					asChild: !0,
-					children: /* @__PURE__ */ I(z, {
+					children: /* @__PURE__ */ I(B, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-6",
@@ -5856,12 +5856,12 @@ function _u({ message: e }) {
 			/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-2 flex-wrap",
 				children: [
-					/* @__PURE__ */ I(ot, {
+					/* @__PURE__ */ I(z, {
 						variant: "secondary",
 						className: "text-[10px]",
 						children: new Date(e.timestamp).toLocaleTimeString()
 					}),
-					/* @__PURE__ */ I(ot, {
+					/* @__PURE__ */ I(z, {
 						variant: e.operation === "PUBLISH" ? "default" : "outline",
 						className: "text-[10px]",
 						children: e.operation
@@ -6040,7 +6040,7 @@ function bu({ attempts: e }) {
 					}),
 					/* @__PURE__ */ I("td", {
 						className: "px-3 py-2",
-						children: /* @__PURE__ */ I(ot, {
+						children: /* @__PURE__ */ I(z, {
 							variant: e.status >= 200 && e.status < 300 ? "default" : "destructive",
 							children: e.status
 						})
@@ -6320,14 +6320,14 @@ function Wu({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 			className: "flex items-center justify-between px-5 pt-4 pb-2",
 			children: [/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-0.5",
-				children: (a ?? o) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(z, {
+				children: (a ?? o) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(B, {
 					variant: "ghost",
 					size: "icon",
 					onClick: a,
 					disabled: !c,
 					"aria-label": "Previous log",
 					children: /* @__PURE__ */ I(T, { className: "size-4" })
-				}), /* @__PURE__ */ I(z, {
+				}), /* @__PURE__ */ I(B, {
 					variant: "ghost",
 					size: "icon",
 					onClick: o,
@@ -6340,7 +6340,7 @@ function Wu({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 				children: [
 					s && /* @__PURE__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 						asChild: !0,
-						children: /* @__PURE__ */ I(z, {
+						children: /* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon",
 							onClick: s,
@@ -6350,7 +6350,7 @@ function Wu({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 					}), /* @__PURE__ */ I(pn, { children: "Copy as JSON" })] }) }),
 					u && /* @__PURE__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 						asChild: !0,
-						children: /* @__PURE__ */ I(z, {
+						children: /* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon",
 							onClick: () => f(!d),
@@ -6361,7 +6361,7 @@ function Wu({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 					i && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Zt, {
 						orientation: "vertical",
 						className: "mx-1.5 h-4"
-					}), /* @__PURE__ */ I(z, {
+					}), /* @__PURE__ */ I(B, {
 						variant: "ghost",
 						size: "icon",
 						onClick: i,
@@ -6375,7 +6375,7 @@ function Wu({ method: e, status: t, uri: n, timestamp: r, onClose: i, onNavigate
 			children: [/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-3",
 				children: [
-					e && /* @__PURE__ */ I(ot, {
+					e && /* @__PURE__ */ I(z, {
 						variant: Vu[e] ?? "secondary",
 						children: e
 					}),
@@ -6450,7 +6450,7 @@ function Ju({ title: e, badge: t, children: n }) {
 			className: "px-5 py-4 text-sm font-medium tracking-tight hover:bg-muted/30 transition-colors duration-150",
 			children: /* @__PURE__ */ L("span", {
 				className: "flex items-center gap-3",
-				children: [e, t != null && /* @__PURE__ */ I(ot, {
+				children: [e, t != null && /* @__PURE__ */ I(z, {
 					variant: "secondary",
 					className: "text-[10px] font-semibold",
 					children: t
@@ -6573,7 +6573,7 @@ function Qu({ config: e, logId: t, apiId: n, onClose: r, onNavigatePrev: i, onNa
 						className: "text-sm text-destructive",
 						children: "Failed to load log details"
 					}),
-					/* @__PURE__ */ I(z, {
+					/* @__PURE__ */ I(B, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => m(),
@@ -6657,7 +6657,7 @@ function ed({ config: e, onFilter: t }) {
 		children: [/* @__PURE__ */ I("p", {
 			className: "text-sm font-medium text-muted-foreground",
 			children: "Log not found"
-		}), /* @__PURE__ */ L(z, {
+		}), /* @__PURE__ */ L(B, {
 			variant: "outline",
 			size: "sm",
 			onClick: f,
@@ -6671,7 +6671,7 @@ function ed({ config: e, onFilter: t }) {
 				className: "text-sm text-destructive",
 				children: "Failed to load log details"
 			}),
-			/* @__PURE__ */ I(z, {
+			/* @__PURE__ */ I(B, {
 				variant: "outline",
 				size: "sm",
 				onClick: () => d(),
@@ -6682,13 +6682,13 @@ function ed({ config: e, onFilter: t }) {
 		className: "space-y-0",
 		children: [/* @__PURE__ */ I("div", {
 			className: "border-b px-6 py-3",
-			children: /* @__PURE__ */ L(z, {
+			children: /* @__PURE__ */ L(B, {
 				variant: "ghost",
 				size: "sm",
 				onClick: f,
 				children: [/* @__PURE__ */ I(T, { className: "size-4 mr-1.5" }), "Back to logs"]
 			})
-		}), /* @__PURE__ */ I(ct, {
+		}), /* @__PURE__ */ I(st, {
 			className: "mx-6 mt-4 overflow-hidden",
 			children: /* @__PURE__ */ I(Xu, {
 				config: e,
@@ -6723,7 +6723,7 @@ var td = {
 };
 function nd({ status: e }) {
 	let t = td[e];
-	return /* @__PURE__ */ I(ot, {
+	return /* @__PURE__ */ I(z, {
 		variant: t.variant,
 		children: t.label
 	});
@@ -6969,7 +6969,7 @@ function md({ text: e, query: t }) {
 	}, n) : e) });
 }
 function hd({ option: e, searchQuery: t }) {
-	return /* @__PURE__ */ I(gt, {
+	return /* @__PURE__ */ I(ht, {
 		value: e,
 		children: /* @__PURE__ */ L("span", {
 			className: "flex min-w-0 flex-col",
@@ -7042,7 +7042,7 @@ function vd({ paginatedLoader: e, resolveApiLabel: t, value: n, onSelect: r }) {
 		inputId: c,
 		errorId: l,
 		loadError: g,
-		children: /* @__PURE__ */ L(lt, {
+		children: /* @__PURE__ */ L(ct, {
 			open: i,
 			onOpenChange: b,
 			items: u,
@@ -7060,7 +7060,7 @@ function vd({ paginatedLoader: e, resolveApiLabel: t, value: n, onSelect: r }) {
 				i && _(String(e));
 			},
 			openOnInputClick: !0,
-			children: [/* @__PURE__ */ I(ht, {
+			children: [/* @__PURE__ */ I(mt, {
 				id: c,
 				"aria-label": "API",
 				"aria-required": "true",
@@ -7072,14 +7072,14 @@ function vd({ paginatedLoader: e, resolveApiLabel: t, value: n, onSelect: r }) {
 				className: "w-72 max-w-full",
 				onFocus: o,
 				onKeyDown: s
-			}), /* @__PURE__ */ I(pt, {
+			}), /* @__PURE__ */ I(ft, {
 				className: "max-h-56",
 				children: p && u.length === 0 ? /* @__PURE__ */ I(gd, {}) : /* @__PURE__ */ L(F, { children: [
-					/* @__PURE__ */ I(mt, { children: /* @__PURE__ */ I("span", {
+					/* @__PURE__ */ I(pt, { children: /* @__PURE__ */ I("span", {
 						className: "block px-3 py-6 text-center text-sm text-muted-foreground",
 						children: "No API found."
 					}) }),
-					/* @__PURE__ */ I(_t, { children: (e) => /* @__PURE__ */ I(hd, {
+					/* @__PURE__ */ I(gt, { children: (e) => /* @__PURE__ */ I(hd, {
 						option: e,
 						searchQuery: f
 					}, e.id) }),
@@ -7095,7 +7095,7 @@ function yd({ options: e, value: t, onSelect: n, loading: r }) {
 		inputId: c,
 		errorId: c,
 		loadError: null,
-		children: /* @__PURE__ */ L(lt, {
+		children: /* @__PURE__ */ L(ct, {
 			open: i,
 			onOpenChange: a,
 			items: e,
@@ -7109,7 +7109,7 @@ function yd({ options: e, value: t, onSelect: n, loading: r }) {
 			isItemEqualToValue: (e, t) => e.id === t.id,
 			disabled: r,
 			openOnInputClick: !0,
-			children: [/* @__PURE__ */ I(ht, {
+			children: [/* @__PURE__ */ I(mt, {
 				id: c,
 				"aria-label": "API",
 				"aria-required": "true",
@@ -7119,12 +7119,12 @@ function yd({ options: e, value: t, onSelect: n, loading: r }) {
 				className: "w-72 max-w-full",
 				onFocus: o,
 				onKeyDown: s
-			}), /* @__PURE__ */ L(pt, {
+			}), /* @__PURE__ */ L(ft, {
 				className: "max-h-56",
-				children: [/* @__PURE__ */ I(mt, { children: /* @__PURE__ */ I("span", {
+				children: [/* @__PURE__ */ I(pt, { children: /* @__PURE__ */ I("span", {
 					className: "block px-3 py-6 text-center text-sm text-muted-foreground",
 					children: "No API found."
-				}) }), /* @__PURE__ */ I(_t, { children: (e) => /* @__PURE__ */ I(hd, {
+				}) }), /* @__PURE__ */ I(gt, { children: (e) => /* @__PURE__ */ I(hd, {
 					option: e,
 					searchQuery: ""
 				}, e.id) })]
@@ -7141,7 +7141,7 @@ function bd({ options: e = [], paginatedLoader: t, resolveApiLabel: n, value: r,
 				className: "flex-1 text-sm text-destructive",
 				children: "Failed to load the API list."
 			}),
-			s && /* @__PURE__ */ L(z, {
+			s && /* @__PURE__ */ L(B, {
 				variant: "outline",
 				size: "sm",
 				onClick: s,
@@ -7443,7 +7443,7 @@ function Wd({ span: e, onClose: t }) {
 					className: "truncate text-sm font-semibold tracking-tight",
 					children: e.operationName
 				})]
-			}), t && /* @__PURE__ */ I(z, {
+			}), t && /* @__PURE__ */ I(B, {
 				variant: "ghost",
 				size: "icon",
 				className: "size-7 shrink-0",
@@ -7533,7 +7533,7 @@ function Gd({ title: e, badge: t, children: n }) {
 			children: [/* @__PURE__ */ I("h4", {
 				className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground/70",
 				children: e
-			}), t !== void 0 && /* @__PURE__ */ I(ot, {
+			}), t !== void 0 && /* @__PURE__ */ I(z, {
 				variant: "secondary",
 				className: "text-[10px] font-semibold",
 				children: t
@@ -7813,7 +7813,7 @@ function df({ onRetry: e }) {
 				className: "text-sm text-destructive",
 				children: "Failed to load trace details"
 			}),
-			/* @__PURE__ */ I(z, {
+			/* @__PURE__ */ I(B, {
 				variant: "outline",
 				size: "sm",
 				onClick: e,
@@ -7828,7 +7828,7 @@ function ff({ onBack: e }) {
 		children: [/* @__PURE__ */ I("p", {
 			className: "text-sm font-medium text-muted-foreground",
 			children: "Trace not found"
-		}), /* @__PURE__ */ L(z, {
+		}), /* @__PURE__ */ L(B, {
 			variant: "outline",
 			size: "sm",
 			onClick: e,
@@ -7847,7 +7847,7 @@ function pf({ apiId: e }) {
 		className: "flex flex-col",
 		children: [/* @__PURE__ */ I("div", {
 			className: "border-b px-6 py-3",
-			children: /* @__PURE__ */ L(z, {
+			children: /* @__PURE__ */ L(B, {
 				variant: "ghost",
 				size: "sm",
 				onClick: l,
@@ -7886,7 +7886,7 @@ function hf({ onClose: e, onNavigatePrev: t, onNavigateNext: n, hasPrev: r, hasN
 		"aria-label": "Trace detail toolbar",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center gap-0.5",
-			children: !!(t ?? n) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(z, {
+			children: !!(t ?? n) && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(B, {
 				variant: "ghost",
 				size: "icon",
 				className: "size-7",
@@ -7894,7 +7894,7 @@ function hf({ onClose: e, onNavigatePrev: t, onNavigateNext: n, hasPrev: r, hasN
 				disabled: !r,
 				"aria-label": "Previous trace",
 				children: /* @__PURE__ */ I(T, { className: "size-4" })
-			}), /* @__PURE__ */ I(z, {
+			}), /* @__PURE__ */ I(B, {
 				variant: "ghost",
 				size: "icon",
 				className: "size-7",
@@ -7907,7 +7907,7 @@ function hf({ onClose: e, onNavigatePrev: t, onNavigateNext: n, hasPrev: r, hasN
 			className: "flex items-center gap-0.5",
 			children: [/* @__PURE__ */ I(Y, { children: /* @__PURE__ */ L(fn, { children: [/* @__PURE__ */ I(mn, {
 				asChild: !0,
-				children: /* @__PURE__ */ I(z, {
+				children: /* @__PURE__ */ I(B, {
 					variant: "ghost",
 					size: "icon",
 					className: "size-7",
@@ -7915,7 +7915,7 @@ function hf({ onClose: e, onNavigatePrev: t, onNavigateNext: n, hasPrev: r, hasN
 					"aria-label": a ? "Exit full screen" : "Full screen",
 					children: I(a ? Ee : de, { className: "size-4" })
 				})
-			}), /* @__PURE__ */ I(pn, { children: a ? "Exit full screen" : "Full screen" })] }) }), /* @__PURE__ */ I(z, {
+			}), /* @__PURE__ */ I(pn, { children: a ? "Exit full screen" : "Full screen" })] }) }), /* @__PURE__ */ I(B, {
 				variant: "ghost",
 				size: "icon",
 				className: "size-7",
@@ -8126,12 +8126,12 @@ function Hf() {
 //#region src/dashboards/editor/DashboardConflictDialog.tsx
 function Uf({ open: e, theirDashboard: t, deleted: n = !1, pending: r = null, onResolve: i, onCancel: a }) {
 	let [o, s] = P(!1), [c, l] = P(e), u = r !== null;
-	return e !== c && (l(e), e && s(!1)), /* @__PURE__ */ I(St, {
+	return e !== c && (l(e), e && s(!1)), /* @__PURE__ */ I(xt, {
 		open: e,
 		onOpenChange: (e) => {
 			!e && !u && a();
 		},
-		children: /* @__PURE__ */ I(wt, { children: n ? /* @__PURE__ */ I(Kf, {
+		children: /* @__PURE__ */ I(Ct, { children: n ? /* @__PURE__ */ I(Kf, {
 			busy: u,
 			pending: r,
 			onResolve: i,
@@ -8152,7 +8152,7 @@ function Uf({ open: e, theirDashboard: t, deleted: n = !1, pending: r = null, on
 }
 function Wf({ theirDashboard: e, busy: t, pending: n, onResolve: r, onTakeTheirs: i, onCancel: a }) {
 	return /* @__PURE__ */ L(F, { children: [
-		/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "Someone else updated this dashboard while you were editing" }), /* @__PURE__ */ I(Tt, { children: "Nothing was saved and nothing was lost: your changes are still in the editor behind this dialog, and their version is still on the server. Pick what should happen to each." })] }),
+		/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "Someone else updated this dashboard while you were editing" }), /* @__PURE__ */ I(wt, { children: "Nothing was saved and nothing was lost: your changes are still in the editor behind this dialog, and their version is still on the server. Pick what should happen to each." })] }),
 		e && /* @__PURE__ */ I(qf, { dashboard: e }),
 		/* @__PURE__ */ L("div", {
 			className: "flex flex-col gap-2",
@@ -8179,7 +8179,7 @@ function Wf({ theirDashboard: e, busy: t, pending: n, onResolve: r, onTakeTheirs
 				})
 			]
 		}),
-		/* @__PURE__ */ I(Et, { children: /* @__PURE__ */ I(z, {
+		/* @__PURE__ */ I(Tt, { children: /* @__PURE__ */ I(B, {
 			variant: "ghost",
 			disabled: t,
 			onClick: a,
@@ -8188,12 +8188,12 @@ function Wf({ theirDashboard: e, busy: t, pending: n, onResolve: r, onTakeTheirs
 	] });
 }
 function Gf({ busy: e, onResolve: t, onBack: n }) {
-	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "Discard your changes?" }), /* @__PURE__ */ I(Tt, { children: "Everything you edited since you opened this dashboard is replaced by the version the other author saved. It was never sent to the server, so this cannot be undone." })] }), /* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(z, {
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "Discard your changes?" }), /* @__PURE__ */ I(wt, { children: "Everything you edited since you opened this dashboard is replaced by the version the other author saved. It was never sent to the server, so this cannot be undone." })] }), /* @__PURE__ */ L(Tt, { children: [/* @__PURE__ */ I(B, {
 		variant: "outline",
 		disabled: e,
 		onClick: n,
 		children: "Keep my changes"
-	}), /* @__PURE__ */ I(z, {
+	}), /* @__PURE__ */ I(B, {
 		variant: "destructive",
 		disabled: e,
 		onClick: () => t("take-theirs"),
@@ -8201,12 +8201,12 @@ function Gf({ busy: e, onResolve: t, onBack: n }) {
 	})] })] });
 }
 function Kf({ busy: e, pending: t, onResolve: n, onCancel: r }) {
-	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "This dashboard no longer exists" }), /* @__PURE__ */ I(Tt, { children: "It was deleted while you were editing, so there is nothing left to save it to. Your changes are still here and can be kept as a new dashboard." })] }), /* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(z, {
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "This dashboard no longer exists" }), /* @__PURE__ */ I(wt, { children: "It was deleted while you were editing, so there is nothing left to save it to. Your changes are still here and can be kept as a new dashboard." })] }), /* @__PURE__ */ L(Tt, { children: [/* @__PURE__ */ I(B, {
 		variant: "ghost",
 		disabled: e,
 		onClick: r,
 		children: "Keep editing"
-	}), /* @__PURE__ */ I(z, {
+	}), /* @__PURE__ */ I(B, {
 		disabled: e,
 		onClick: () => n("save-as-copy"),
 		children: t === "save-as-copy" ? "Saving…" : "Save as a new dashboard"
@@ -8232,7 +8232,7 @@ function qf({ dashboard: e }) {
 	});
 }
 function Jf({ label: e, description: t, loading: n = !1, disabled: r, onClick: i }) {
-	return /* @__PURE__ */ L(z, {
+	return /* @__PURE__ */ L(B, {
 		variant: "outline",
 		className: "h-auto w-full flex-col items-start gap-0.5 py-3 text-left whitespace-normal",
 		disabled: r,
@@ -8391,7 +8391,7 @@ function ap({ addableProviders: e, activeApiTypes: t, onAdd: n }) {
 		onOpenChange: i,
 		children: [/* @__PURE__ */ I(qt, {
 			asChild: !0,
-			children: /* @__PURE__ */ L(z, {
+			children: /* @__PURE__ */ L(B, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-7 gap-1 text-muted-foreground",
@@ -8923,12 +8923,12 @@ function Lp({ text: e, onTextChange: t, dirty: n, onApply: r }) {
 					children: "Copy this document to duplicate parts of the dashboard, or edit it and apply your changes."
 				}), /* @__PURE__ */ L("div", {
 					className: "flex shrink-0 items-center gap-2",
-					children: [/* @__PURE__ */ L(z, {
+					children: [/* @__PURE__ */ L(B, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => void a(),
 						children: [/* @__PURE__ */ I(ue, { className: "size-4" }), "Copy JSON"]
-					}), /* @__PURE__ */ L(z, {
+					}), /* @__PURE__ */ L(B, {
 						size: "sm",
 						onClick: () => {
 							i.ok && (r(i.fields), Z.success("JSON applied to the dashboard"));
@@ -9697,7 +9697,7 @@ function lm({ items: e, onChange: t }) {
 							disabled: !o,
 							onChange: (e) => n(i, { sentiment: e })
 						}),
-						/* @__PURE__ */ I(z, {
+						/* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon",
 							"aria-label": "Remove metric",
@@ -9711,7 +9711,7 @@ function lm({ items: e, onChange: t }) {
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "mt-0.5",
-				children: /* @__PURE__ */ L(z, {
+				children: /* @__PURE__ */ L(B, {
 					variant: "outline",
 					size: "sm",
 					onClick: i,
@@ -9917,7 +9917,7 @@ function gm({ series: e, onChange: t }) {
 							children: "Right"
 						})] })]
 					}),
-					/* @__PURE__ */ I(z, {
+					/* @__PURE__ */ I(B, {
 						variant: "ghost",
 						size: "icon",
 						"aria-label": "Remove series",
@@ -9930,7 +9930,7 @@ function gm({ series: e, onChange: t }) {
 			}, l)),
 			/* @__PURE__ */ I("div", {
 				className: "mt-0.5",
-				children: /* @__PURE__ */ L(z, {
+				children: /* @__PURE__ */ L(B, {
 					variant: "outline",
 					size: "sm",
 					onClick: l,
@@ -10204,28 +10204,28 @@ function Mm({ columns: e, onChange: t }) {
 								}),
 								/* @__PURE__ */ L("div", {
 									className: "flex items-center gap-0.5",
-									children: [/* @__PURE__ */ L(kt, { children: [/* @__PURE__ */ I(Nt, {
+									children: [/* @__PURE__ */ L(Ot, { children: [/* @__PURE__ */ I(Nt, {
 										asChild: !0,
-										children: /* @__PURE__ */ I(z, {
+										children: /* @__PURE__ */ I(B, {
 											variant: "ghost",
 											size: "icon-xs",
 											"aria-label": `More actions for column ${l + 1}`,
 											children: /* @__PURE__ */ I(we, { className: "size-4" })
 										})
-									}), /* @__PURE__ */ L(At, {
+									}), /* @__PURE__ */ L(kt, {
 										align: "end",
 										children: [
-											/* @__PURE__ */ L(B, {
+											/* @__PURE__ */ L(At, {
 												disabled: l === 0,
 												onSelect: () => c(l, -1),
 												children: [/* @__PURE__ */ I(ee, { className: "size-4" }), "Move up"]
 											}),
-											/* @__PURE__ */ L(B, {
+											/* @__PURE__ */ L(At, {
 												disabled: l === e.length - 1,
 												onSelect: () => c(l, 1),
 												children: [/* @__PURE__ */ I(w, { className: "size-4" }), "Move down"]
 											}),
-											/* @__PURE__ */ L(B, {
+											/* @__PURE__ */ L(At, {
 												variant: "destructive",
 												disabled: e.length === 1,
 												onSelect: () => u(l),
@@ -10234,7 +10234,7 @@ function Mm({ columns: e, onChange: t }) {
 										]
 									})] }), /* @__PURE__ */ I(Om, {
 										label: g ? "Hide format and thresholds" : "Format and thresholds",
-										children: /* @__PURE__ */ I(z, {
+										children: /* @__PURE__ */ I(B, {
 											variant: "ghost",
 											size: "icon-xs",
 											"aria-label": `${g ? "Hide" : "Show"} format and thresholds for column ${l + 1}`,
@@ -10299,7 +10299,7 @@ function Mm({ columns: e, onChange: t }) {
 											}),
 											h.map((e, i) => {
 												let a = "tier" in n && n.tier === i;
-												return /* @__PURE__ */ L(z, {
+												return /* @__PURE__ */ L(B, {
 													variant: "outline",
 													size: "xs",
 													className: `h-6 gap-1.5 rounded-full px-2 font-normal tabular-nums ${a ? "border-primary ring-2 ring-primary/20" : ""}`,
@@ -10311,7 +10311,7 @@ function Mm({ columns: e, onChange: t }) {
 													children: [/* @__PURE__ */ I(km, { color: e.color }), Dm(e, t)]
 												}, i);
 											}),
-											/* @__PURE__ */ L(z, {
+											/* @__PURE__ */ L(B, {
 												variant: "outline",
 												size: "xs",
 												className: "h-6 gap-1 rounded-full border-dashed px-2 font-medium text-primary",
@@ -10377,7 +10377,7 @@ function Mm({ columns: e, onChange: t }) {
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "mt-0.5",
-					children: /* @__PURE__ */ L(z, {
+					children: /* @__PURE__ */ L(B, {
 						variant: "outline",
 						size: "sm",
 						onClick: l,
@@ -10454,7 +10454,7 @@ function Nm({ column: e, color: t, op: n, basis: r, value: i, onColor: a, onOp:
 				children: [m && /* @__PURE__ */ L(F, { children: [
 					/* @__PURE__ */ I(Om, {
 						label: "Move earlier. Earlier thresholds win.",
-						children: /* @__PURE__ */ I(z, {
+						children: /* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon-xs",
 							"aria-label": "Move threshold earlier",
@@ -10465,7 +10465,7 @@ function Nm({ column: e, color: t, op: n, basis: r, value: i, onColor: a, onOp:
 					}),
 					/* @__PURE__ */ I(Om, {
 						label: "Move later",
-						children: /* @__PURE__ */ I(z, {
+						children: /* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon-xs",
 							"aria-label": "Move threshold later",
@@ -10476,7 +10476,7 @@ function Nm({ column: e, color: t, op: n, basis: r, value: i, onColor: a, onOp:
 					}),
 					/* @__PURE__ */ I(Om, {
 						label: "Remove threshold",
-						children: /* @__PURE__ */ I(z, {
+						children: /* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon-xs",
 							"aria-label": "Remove threshold",
@@ -10486,7 +10486,7 @@ function Nm({ column: e, color: t, op: n, basis: r, value: i, onColor: a, onOp:
 					})
 				] }), /* @__PURE__ */ I(Om, {
 					label: "Done",
-					children: /* @__PURE__ */ I(z, {
+					children: /* @__PURE__ */ I(B, {
 						variant: "ghost",
 						size: "icon-xs",
 						"aria-label": "Done",
@@ -10872,7 +10872,7 @@ function Ym({ widget: e, onChange: t }) {
 						}),
 						/* @__PURE__ */ L(cn, {
 							value: "filters",
-							children: ["Filters", a > 0 && /* @__PURE__ */ I(ot, {
+							children: ["Filters", a > 0 && /* @__PURE__ */ I(z, {
 								variant: "highlight",
 								className: "ml-1.5",
 								children: a
@@ -11133,14 +11133,14 @@ function fh({ open: e, widget: t, isNew: n, timeRange: r, dashboardFilters: i, o
 						children: n ? "New widget" : "Edit widget"
 					}), /* @__PURE__ */ L("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ I(z, {
+						children: [/* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon",
 							"aria-label": f ? "Collapse panel" : "Expand panel",
 							title: f ? "Collapse panel" : "Expand panel",
 							onClick: () => p((e) => !e),
 							children: I(f ? Ee : de, { className: "size-4" })
-						}), /* @__PURE__ */ I(z, {
+						}), /* @__PURE__ */ I(B, {
 							variant: "ghost",
 							size: "icon",
 							"aria-label": "Close",
@@ -11181,11 +11181,11 @@ function fh({ open: e, widget: t, isNew: n, timeRange: r, dashboardFilters: i, o
 					})
 				}), /* @__PURE__ */ L("div", {
 					className: "flex items-center justify-end gap-2 border-t border-border px-4 py-3",
-					children: [/* @__PURE__ */ I(z, {
+					children: [/* @__PURE__ */ I(B, {
 						variant: "outline",
 						onClick: _,
 						children: "Cancel"
-					}), /* @__PURE__ */ I(z, {
+					}), /* @__PURE__ */ I(B, {
 						onClick: v,
 						children: n ? "Add widget" : "Save widget"
 					})]
@@ -11350,11 +11350,11 @@ function bh({ name: e, reason: t, onRetry: n, retrying: r = !1 }) {
 			] })
 		}), /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ I(z, {
+			children: [/* @__PURE__ */ I(B, {
 				variant: "outline",
 				onClick: () => i("../..", { relative: "path" }),
 				children: "Back to dashboards"
-			}), n && /* @__PURE__ */ I(z, {
+			}), n && /* @__PURE__ */ I(B, {
 				variant: "outline",
 				disabled: r,
 				onClick: n,
@@ -11493,7 +11493,7 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 		}), c(null);
 	}, xe = A((e) => /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-0.5",
-		children: [/* @__PURE__ */ I(z, {
+		children: [/* @__PURE__ */ I(B, {
 			variant: "ghost",
 			size: "icon",
 			"aria-label": `Edit ${e.title || "untitled widget"}`,
@@ -11503,25 +11503,25 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 				isNew: !1
 			}),
 			children: /* @__PURE__ */ I(De, { className: "size-4" })
-		}), /* @__PURE__ */ L(kt, { children: [/* @__PURE__ */ I(Nt, {
+		}), /* @__PURE__ */ L(Ot, { children: [/* @__PURE__ */ I(Nt, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(z, {
+			children: /* @__PURE__ */ I(B, {
 				variant: "ghost",
 				size: "icon",
 				"aria-label": `More actions for ${e.title || "untitled widget"}`,
 				children: /* @__PURE__ */ I(we, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ L(At, {
+		}), /* @__PURE__ */ L(kt, {
 			align: "end",
 			children: [
-				/* @__PURE__ */ L(B, {
+				/* @__PURE__ */ L(At, {
 					onSelect: () => b({
 						widget: e,
 						isNew: !1
 					}),
 					children: [/* @__PURE__ */ I(De, { className: "size-4" }), "Edit"]
 				}),
-				/* @__PURE__ */ L(B, {
+				/* @__PURE__ */ L(At, {
 					onSelect: () => o({
 						type: "duplicateWidget",
 						widgetId: e.id,
@@ -11530,7 +11530,7 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 					children: [/* @__PURE__ */ I(ue, { className: "size-4" }), "Duplicate"]
 				}),
 				/* @__PURE__ */ I(Mt, {}),
-				/* @__PURE__ */ L(B, {
+				/* @__PURE__ */ L(At, {
 					variant: "destructive",
 					onSelect: () => o({
 						type: "removeWidget",
@@ -11556,7 +11556,7 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 						className: "flex flex-wrap items-start justify-between gap-3",
 						children: [/* @__PURE__ */ L("div", {
 							className: "flex min-w-0 items-center gap-2",
-							children: [/* @__PURE__ */ I(z, {
+							children: [/* @__PURE__ */ I(B, {
 								variant: "ghost",
 								size: "icon",
 								"aria-label": "Back",
@@ -11596,12 +11596,12 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 									value: "json",
 									children: "JSON"
 								})] }),
-								/* @__PURE__ */ I(z, {
+								/* @__PURE__ */ I(B, {
 									variant: "outline",
 									onClick: oe.requestLeave,
 									children: "Cancel"
 								}),
-								/* @__PURE__ */ I(z, {
+								/* @__PURE__ */ I(B, {
 									onClick: de,
 									disabled: C.isSaving || !ee && t === "edit",
 									children: C.isSaving ? "Saving…" : "Save"
@@ -11634,7 +11634,7 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 									/* @__PURE__ */ L("div", {
 										className: "flex items-center gap-1.5",
 										children: [
-											!Ee && /* @__PURE__ */ L(z, {
+											!Ee && /* @__PURE__ */ L(B, {
 												variant: "ghost",
 												size: "sm",
 												className: "text-xs",
@@ -11658,7 +11658,7 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 											})
 										]
 									}),
-									/* @__PURE__ */ L(z, {
+									/* @__PURE__ */ L(B, {
 										onClick: ye,
 										children: [/* @__PURE__ */ I(Oe, { className: "size-4" }), "Add widget"]
 									})
@@ -11737,20 +11737,20 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 				onResolve: he,
 				onCancel: re
 			}),
-			/* @__PURE__ */ I(St, {
+			/* @__PURE__ */ I(xt, {
 				open: v !== null,
 				onOpenChange: (e) => !e && y(null),
-				children: /* @__PURE__ */ L(wt, { children: [/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "Discard widget changes?" }), /* @__PURE__ */ L(Tt, { children: [
+				children: /* @__PURE__ */ L(Ct, { children: [/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "Discard widget changes?" }), /* @__PURE__ */ L(wt, { children: [
 					"This widget has changes that were never added to the dashboard.",
 					" ",
 					v?.kind === "switch-tab" ? "Switching tabs will discard them." : "Opening another one will discard them."
-				] })] }), /* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Ct, {
+				] })] }), /* @__PURE__ */ L(Tt, { children: [/* @__PURE__ */ I(St, {
 					asChild: !0,
-					children: /* @__PURE__ */ I(z, {
+					children: /* @__PURE__ */ I(B, {
 						variant: "outline",
 						children: "Keep editing"
 					})
-				}), /* @__PURE__ */ I(z, {
+				}), /* @__PURE__ */ I(B, {
 					variant: "destructive",
 					onClick: () => {
 						let e = v;
@@ -11765,16 +11765,16 @@ function Sh({ initial: e, mode: t, reloadError: n = null, scopeFilterField: r })
 					children: "Discard changes"
 				})] })] })
 			}),
-			/* @__PURE__ */ I(St, {
+			/* @__PURE__ */ I(xt, {
 				open: oe.confirmOpen,
 				onOpenChange: (e) => !e && oe.stay(),
-				children: /* @__PURE__ */ L(wt, { children: [/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "Discard changes?" }), /* @__PURE__ */ I(Tt, { children: "This dashboard has unsaved changes. Leaving now will discard them." })] }), /* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Ct, {
+				children: /* @__PURE__ */ L(Ct, { children: [/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "Discard changes?" }), /* @__PURE__ */ I(wt, { children: "This dashboard has unsaved changes. Leaving now will discard them." })] }), /* @__PURE__ */ L(Tt, { children: [/* @__PURE__ */ I(St, {
 					asChild: !0,
-					children: /* @__PURE__ */ I(z, {
+					children: /* @__PURE__ */ I(B, {
 						variant: "outline",
 						children: "Keep editing"
 					})
-				}), /* @__PURE__ */ I(z, {
+				}), /* @__PURE__ */ I(B, {
 					variant: "destructive",
 					onClick: oe.confirmLeave,
 					children: "Discard changes"
@@ -12463,10 +12463,10 @@ function mg({ templates: e }) {
 		{
 			id: "type",
 			header: "Type",
-			cell: ({ row: e }) => e.original.kind === "custom" ? /* @__PURE__ */ I(ot, {
+			cell: ({ row: e }) => e.original.kind === "custom" ? /* @__PURE__ */ I(z, {
 				variant: "secondary",
 				children: "Custom"
-			}) : /* @__PURE__ */ I(ot, {
+			}) : /* @__PURE__ */ I(z, {
 				variant: "outline",
 				children: "Template"
 			})
@@ -12504,11 +12504,11 @@ function mg({ templates: e }) {
 			children: [/* @__PURE__ */ I("h1", {
 				className: "text-lg font-semibold",
 				children: "Dashboards"
-			}), i && /* @__PURE__ */ L(z, {
+			}), i && /* @__PURE__ */ L(B, {
 				onClick: () => r("new", { relative: "path" }),
 				children: [/* @__PURE__ */ I(Oe, { className: "size-4" }), "New dashboard"]
 			})]
-		}), /* @__PURE__ */ I(yt, {
+		}), /* @__PURE__ */ I(vt, {
 			columns: c,
 			data: s,
 			emptyMessage: i ? "No dashboards yet. Create your first one to get started." : "No dashboards available.",
@@ -12540,49 +12540,49 @@ function hg({ row: e, capabilities: t }) {
 	};
 	return /* @__PURE__ */ L("div", {
 		className: "flex justify-end",
-		children: [/* @__PURE__ */ L(kt, { children: [/* @__PURE__ */ I(Nt, {
+		children: [/* @__PURE__ */ L(Ot, { children: [/* @__PURE__ */ I(Nt, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(z, {
+			children: /* @__PURE__ */ I(B, {
 				variant: "ghost",
 				size: "icon",
 				"aria-label": `Actions for ${e.title}`,
 				children: /* @__PURE__ */ I(we, { className: "size-4" })
 			})
-		}), /* @__PURE__ */ L(At, {
+		}), /* @__PURE__ */ L(kt, {
 			align: "end",
 			children: [
-				e.kind === "custom" && s && /* @__PURE__ */ L(B, {
+				e.kind === "custom" && s && /* @__PURE__ */ L(At, {
 					onSelect: () => n(`${e.id}/edit`, { relative: "path" }),
 					children: [/* @__PURE__ */ I(De, { className: "size-4" }), "Edit"]
 				}),
-				s && /* @__PURE__ */ L(B, {
+				s && /* @__PURE__ */ L(At, {
 					onSelect: u,
 					children: [/* @__PURE__ */ I(ue, { className: "size-4" }), e.kind === "template" ? "Duplicate as custom dashboard" : "Duplicate"]
 				}),
-				/* @__PURE__ */ L(B, {
+				/* @__PURE__ */ L(At, {
 					onSelect: () => void l(),
 					children: [/* @__PURE__ */ I(ue, { className: "size-4" }), "Copy JSON"]
 				}),
-				e.kind === "custom" && s && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Mt, {}), /* @__PURE__ */ L(B, {
+				e.kind === "custom" && s && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Mt, {}), /* @__PURE__ */ L(At, {
 					variant: "destructive",
 					onSelect: () => o(!0),
 					children: [/* @__PURE__ */ I(je, { className: "size-4" }), "Delete"]
 				})] })
 			]
-		})] }), /* @__PURE__ */ I(St, {
+		})] }), /* @__PURE__ */ I(xt, {
 			open: a,
 			onOpenChange: o,
-			children: /* @__PURE__ */ L(wt, { children: [/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "Delete this dashboard?" }), /* @__PURE__ */ L(Tt, { children: [
+			children: /* @__PURE__ */ L(Ct, { children: [/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "Delete this dashboard?" }), /* @__PURE__ */ L(wt, { children: [
 				"\"",
 				e.title,
 				"\" will be permanently deleted. This cannot be undone."
-			] })] }), /* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Ct, {
+			] })] }), /* @__PURE__ */ L(Tt, { children: [/* @__PURE__ */ I(St, {
 				asChild: !0,
-				children: /* @__PURE__ */ I(z, {
+				children: /* @__PURE__ */ I(B, {
 					variant: "outline",
 					children: "Cancel"
 				})
-			}), /* @__PURE__ */ I(z, {
+			}), /* @__PURE__ */ I(B, {
 				variant: "destructive",
 				disabled: i.isPending,
 				onClick: () => {
@@ -12776,7 +12776,7 @@ function xg({ condition: e, provider: t, activeApiTypes: n, onReset: r, onApply:
 			})
 		] }), /* @__PURE__ */ L("div", {
 			className: `flex items-center gap-2 ${r ? "justify-between" : "justify-end"}`,
-			children: [r ? /* @__PURE__ */ I(z, {
+			children: [r ? /* @__PURE__ */ I(B, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
@@ -12784,13 +12784,13 @@ function xg({ condition: e, provider: t, activeApiTypes: n, onReset: r, onApply:
 				children: "Reset"
 			}) : null, /* @__PURE__ */ L("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ I(z, {
+				children: [/* @__PURE__ */ I(B, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
 					onClick: a,
 					children: "Cancel"
-				}), /* @__PURE__ */ I(z, {
+				}), /* @__PURE__ */ I(B, {
 					type: "button",
 					size: "sm",
 					onClick: m,
@@ -12991,7 +12991,7 @@ function Og({ dashboard: e, kind: t, scopeFilterField: r, externalLinks: i, widg
 						children: [/* @__PURE__ */ I("h1", {
 							className: "truncate text-lg font-semibold",
 							children: e.title
-						}), t === "custom" && /* @__PURE__ */ I(ot, {
+						}), t === "custom" && /* @__PURE__ */ I(z, {
 							variant: "secondary",
 							children: "Custom"
 						})]
@@ -13071,52 +13071,52 @@ function kg({ dashboard: e, kind: t }) {
 			onError: (e) => Z.error(fg(e, "delete"))
 		});
 	};
-	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(kt, { children: [/* @__PURE__ */ I(Nt, {
+	return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ L(Ot, { children: [/* @__PURE__ */ I(Nt, {
 		asChild: !0,
-		children: /* @__PURE__ */ I(z, {
+		children: /* @__PURE__ */ I(B, {
 			variant: "ghost",
 			size: "icon",
 			"aria-label": "Dashboard actions",
 			children: /* @__PURE__ */ I(we, { className: "size-4" })
 		})
-	}), /* @__PURE__ */ L(At, {
+	}), /* @__PURE__ */ L(kt, {
 		align: "end",
 		children: [
-			t === "custom" && c && /* @__PURE__ */ L(B, {
+			t === "custom" && c && /* @__PURE__ */ L(At, {
 				onSelect: () => n({
 					pathname: "edit",
 					search: r.search
 				}, { relative: "path" }),
 				children: [/* @__PURE__ */ I(De, { className: "size-4" }), "Edit"]
 			}),
-			c && /* @__PURE__ */ L(B, {
+			c && /* @__PURE__ */ L(At, {
 				onSelect: u,
 				children: [/* @__PURE__ */ I(ue, { className: "size-4" }), t === "template" ? "Duplicate as custom dashboard" : "Duplicate"]
 			}),
-			/* @__PURE__ */ L(B, {
+			/* @__PURE__ */ L(At, {
 				onSelect: () => void l(),
 				children: [/* @__PURE__ */ I(ue, { className: "size-4" }), "Copy JSON"]
 			}),
-			t === "custom" && c && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Mt, {}), /* @__PURE__ */ L(B, {
+			t === "custom" && c && /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(Mt, {}), /* @__PURE__ */ L(At, {
 				variant: "destructive",
 				onSelect: () => s(!0),
 				children: [/* @__PURE__ */ I(je, { className: "size-4" }), "Delete"]
 			})] })
 		]
-	})] }), /* @__PURE__ */ I(St, {
+	})] }), /* @__PURE__ */ I(xt, {
 		open: o,
 		onOpenChange: s,
-		children: /* @__PURE__ */ L(wt, { children: [/* @__PURE__ */ L(Dt, { children: [/* @__PURE__ */ I(Ot, { children: "Delete this dashboard?" }), /* @__PURE__ */ L(Tt, { children: [
+		children: /* @__PURE__ */ L(Ct, { children: [/* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Dt, { children: "Delete this dashboard?" }), /* @__PURE__ */ L(wt, { children: [
 			"\"",
 			e.title,
 			"\" will be permanently deleted. This cannot be undone."
-		] })] }), /* @__PURE__ */ L(Et, { children: [/* @__PURE__ */ I(Ct, {
+		] })] }), /* @__PURE__ */ L(Tt, { children: [/* @__PURE__ */ I(St, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(z, {
+			children: /* @__PURE__ */ I(B, {
 				variant: "outline",
 				children: "Cancel"
 			})
-		}), /* @__PURE__ */ I(z, {
+		}), /* @__PURE__ */ I(B, {
 			variant: "destructive",
 			disabled: a.isPending,
 			onClick: () => {
@@ -13172,11 +13172,9 @@ function Mg(e, t) {
 	}
 	return {
 		async fetchFilterDefinitions(t) {
-			let r = new URLSearchParams();
-			i && r.set("module", i);
-			let s = r.toString(), c = await n(`${e}/observability/traces/filters/definition${s ? `?${s}` : ""}`, a({ signal: t }));
-			if (!c.ok) throw Error(`[gamma-lib-observability] HTTP ${c.status} on GET traces/filters/definition`);
-			return (await c.json()).data.map((e) => {
+			let r = await n(`${e}/observability/traces/filters/definition`, a({ signal: t }));
+			if (!r.ok) throw Error(`[gamma-lib-observability] HTTP ${r.status} on GET traces/filters/definition`);
+			return (await r.json()).data.map((e) => {
 				let t = jg(e.type), n = e.operators.map(Ag), r = e.type.toUpperCase();
 				if (r === "BOOLEAN") return {
 					field: e.name,
@@ -13405,14 +13403,23 @@ function Gg() {
 		]
 	});
 }
-function Kg({ section: e }) {
+function Kg({ baseUrl: e, http: t, children: n }) {
+	let { apiId: r } = Yn();
+	return /* @__PURE__ */ I(Ng, {
+		baseUrl: e,
+		http: t,
+		module: r,
+		children: n
+	});
+}
+function qg({ section: e }) {
 	let { "*": t = "" } = Yn(), { pathname: n } = qn(), r = t.split("/").filter(Boolean).length, i = n.split("/").filter(Boolean);
 	return /* @__PURE__ */ I(Wn, {
 		to: `/${[...r > 0 ? i.slice(0, -r) : i, e].join("/")}`,
 		replace: !0
 	});
 }
-function qg({ templates: e, contextFilters: n }) {
+function Jg({ templates: e, contextFilters: n }) {
 	let r = x(), i = t(), a = Pf(), o = M(() => sl(e, r), [e, r]), s = dg(), c = i !== null && a.isLoading, l = !xf(a.error) && (a.data?.length ?? 0) > 0;
 	return !s && !c && !l && o.length === 1 && o[0] ? /* @__PURE__ */ I(Wn, {
 		to: `./${o[0].id}`,
@@ -13422,7 +13429,7 @@ function qg({ templates: e, contextFilters: n }) {
 		children: /* @__PURE__ */ I(mg, { templates: e })
 	});
 }
-function Jg({ contextFilters: e, scopeFilterField: n }) {
+function Yg({ contextFilters: e, scopeFilterField: n }) {
 	let r = x(), i = t();
 	return !r["observability.dashboards.write"] || i === null ? /* @__PURE__ */ I(Wn, {
 		to: "..",
@@ -13433,7 +13440,7 @@ function Jg({ contextFilters: e, scopeFilterField: n }) {
 		children: /* @__PURE__ */ I(_h, { scopeFilterField: n })
 	});
 }
-function Yg({ baseUrl: e, tracesBaseUrl: n, http: r, dataSource: i, filterProviders: o, logsPage: s, logsDataSource: l, logsColumns: f, logsOnRowClick: p, logsGetRowId: m, logsGetApiId: v, logsDetailBasePath: y, tracesDataSource: b, loadTracingApis: S, config: C }) {
+function Xg({ baseUrl: e, tracesBaseUrl: n, http: r, dataSource: i, filterProviders: o, logsPage: s, logsDataSource: l, logsColumns: f, logsOnRowClick: p, logsGetRowId: m, logsGetApiId: v, logsDetailBasePath: y, tracesDataSource: b, loadTracingApis: S, config: C }) {
 	let w = Tr(), T = Er(r ?? w), E = x(), ee = a(), te = M(() => Yh(e, T), [e, T]), D = i !== void 0 || ee === null, O = i ?? ee ?? te, ne = M(() => Qh(e, T), [e, T]), k = d(), re = M(() => C.features.logs?.enabled ? eg(e, T) : void 0, [
 		e,
 		T,
@@ -13464,37 +13471,27 @@ function Yg({ baseUrl: e, tracesBaseUrl: n, http: r, dataSource: i, filterProvid
 		Te,
 		Ee,
 		y
-	]), Oe = ve?.detailMode ?? "drawer", ke = M(() => f ?? Xl(y ?? ""), [f, y]), Ae = m ?? ((e) => e.requestId), je = v ?? ((e) => e.apiId), Me = we && ye && le ? Ug(ue, le, /* @__PURE__ */ I(Ng, {
-		baseUrl: se,
-		http: T,
-		module: C.module,
-		children: /* @__PURE__ */ I(zg, {
-			loadTracingApis: S,
-			detailMode: ye.detailMode ?? "drawer",
-			pageSize: ye.pageSize,
-			columnVisibilityStorageKey: ye.columnVisibilityStorageKey
-		})
-	})) : null, Ne = (e) => /* @__PURE__ */ I(h, {
+	]), Oe = ve?.detailMode ?? "drawer", ke = M(() => f ?? Xl(y ?? ""), [f, y]), Ae = m ?? ((e) => e.requestId), je = v ?? ((e) => e.apiId), Me = (e) => /* @__PURE__ */ I(h, {
 		providers: e,
 		children: /* @__PURE__ */ L(Kn, { children: [
 			Se && de && /* @__PURE__ */ L(F, { children: [
 				/* @__PURE__ */ I(Gn, {
 					path: "dashboards",
-					element: /* @__PURE__ */ I(qg, {
+					element: /* @__PURE__ */ I(Jg, {
 						templates: de.templates,
 						contextFilters: be.contextFilters
 					})
 				}),
 				/* @__PURE__ */ I(Gn, {
 					path: "dashboards/new",
-					element: /* @__PURE__ */ I(Jg, {
+					element: /* @__PURE__ */ I(Yg, {
 						contextFilters: be.contextFilters,
 						scopeFilterField: be.scopeFilterField
 					})
 				}),
 				/* @__PURE__ */ I(Gn, {
 					path: "dashboards/:dashboardId/edit",
-					element: /* @__PURE__ */ I(Jg, {
+					element: /* @__PURE__ */ I(Yg, {
 						contextFilters: be.contextFilters,
 						scopeFilterField: be.scopeFilterField
 					})
@@ -13542,17 +13539,35 @@ function Yg({ baseUrl: e, tracesBaseUrl: n, http: r, dataSource: i, filterProvid
 				path: "logs/:logId",
 				element: /* @__PURE__ */ I(Hr, {
 					filters: xe.contextFilters,
-					children: Hg(ae, ie, /* @__PURE__ */ I(Xg, { config: De }))
+					children: Hg(ae, ie, /* @__PURE__ */ I(Zg, { config: De }))
 				})
 			}),
 			we && ye && le && /* @__PURE__ */ L(F, { children: [
 				/* @__PURE__ */ I(Gn, {
 					path: "tracing",
-					element: Me
+					element: Ug(ue, le, /* @__PURE__ */ I(Kg, {
+						baseUrl: se,
+						http: T,
+						children: /* @__PURE__ */ I(zg, {
+							loadTracingApis: S,
+							detailMode: ye.detailMode ?? "drawer",
+							pageSize: ye.pageSize,
+							columnVisibilityStorageKey: ye.columnVisibilityStorageKey
+						})
+					}))
 				}),
 				/* @__PURE__ */ I(Gn, {
 					path: "tracing/:apiId",
-					element: Me
+					element: Ug(ue, le, /* @__PURE__ */ I(Kg, {
+						baseUrl: se,
+						http: T,
+						children: /* @__PURE__ */ I(zg, {
+							loadTracingApis: S,
+							detailMode: ye.detailMode ?? "drawer",
+							pageSize: ye.pageSize,
+							columnVisibilityStorageKey: ye.columnVisibilityStorageKey
+						})
+					}))
 				}),
 				/* @__PURE__ */ I(Gn, {
 					path: "tracing/:apiId/:traceId",
@@ -13561,7 +13576,7 @@ function Yg({ baseUrl: e, tracesBaseUrl: n, http: r, dataSource: i, filterProvid
 			] }),
 			/* @__PURE__ */ I(Gn, {
 				path: "*",
-				element: Se ? /* @__PURE__ */ I(Kg, { section: "dashboards" }) : Ce ? /* @__PURE__ */ I(Kg, { section: "logs" }) : we ? /* @__PURE__ */ I(Kg, { section: "tracing" }) : de?.enabled || ve?.enabled || ye?.enabled ? /* @__PURE__ */ I("div", {
+				element: Se ? /* @__PURE__ */ I(qg, { section: "dashboards" }) : Ce ? /* @__PURE__ */ I(qg, { section: "logs" }) : we ? /* @__PURE__ */ I(qg, { section: "tracing" }) : de?.enabled || ve?.enabled || ye?.enabled ? /* @__PURE__ */ I("div", {
 					className: "flex items-center justify-center p-8 text-muted-foreground",
 					children: "You don't have access to any observability feature."
 				}) : /* @__PURE__ */ I("div", {
@@ -13570,19 +13585,19 @@ function Yg({ baseUrl: e, tracesBaseUrl: n, http: r, dataSource: i, filterProvid
 				})
 			})
 		] })
-	}), Pe = /* @__PURE__ */ I(hr, { children: Se || Ce ? /* @__PURE__ */ I(yr, {
+	}), Ne = /* @__PURE__ */ I(hr, { children: Se || Ce ? /* @__PURE__ */ I(yr, {
 		source: ne,
-		children: o ? Ne(o) : /* @__PURE__ */ I(Wg, { children: (e) => Ne(e) })
-	}) : Ne(o ?? []) }), Fe = _e && ge ? /* @__PURE__ */ I(c, {
+		children: o ? Me(o) : /* @__PURE__ */ I(Wg, { children: (e) => Me(e) })
+	}) : Me(o ?? []) }), Pe = _e && ge ? /* @__PURE__ */ I(c, {
 		persistence: ge,
-		children: Pe
-	}) : Pe;
+		children: Ne
+	}) : Ne;
 	return /* @__PURE__ */ I(_, { children: D ? /* @__PURE__ */ I(u, {
 		dataSource: O,
-		children: Fe
-	}) : Fe });
+		children: Pe
+	}) : Pe });
 }
-function Xg({ config: e }) {
+function Zg({ config: e }) {
 	let t = Jn(), { filters: n, timeRange: r } = hl();
 	return /* @__PURE__ */ I(ed, {
 		config: e,
@@ -13600,7 +13615,7 @@ function Xg({ config: e }) {
 }
 //#endregion
 //#region src/routing/define-observability-features.ts
-var Zg = {
+var Qg = {
 	dashboards: {
 		icon: re,
 		title: "Dashboards",
@@ -13620,10 +13635,10 @@ var Zg = {
 		showInNav: !0
 	}
 };
-function Qg(e) {
-	let t = e.basePath ?? "observe", n = $g(e), r = e_(e, n, t), i = n.map((e) => `${t}/${e}`), a = t_(n, t);
+function $g(e) {
+	let t = e.basePath ?? "observe", n = e_(e), r = t_(e, n, t), i = n.map((e) => `${t}/${e}`), a = n_(n, t);
 	function o(t) {
-		return Be(Yg, {
+		return Be(Xg, {
 			...t,
 			config: e
 		});
@@ -13652,13 +13667,13 @@ function Qg(e) {
 		breadcrumbSegments: c
 	};
 }
-function $g(e) {
+function e_(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) => Zg[e].order - Zg[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) => Qg[e].order - Qg[t].order);
 }
-function e_(e, t, n) {
-	let r = t.filter((e) => Zg[e].showInNav).map((t) => {
-		let r = Zg[t], i = e.nav.overrides?.[t];
+function t_(e, t, n) {
+	let r = t.filter((e) => Qg[e].showInNav).map((t) => {
+		let r = Qg[t], i = e.nav.overrides?.[t];
 		return {
 			key: `${n}/${t}`,
 			title: i?.title ?? r.title,
@@ -13670,10 +13685,10 @@ function e_(e, t, n) {
 		items: r
 	};
 }
-function t_(e, t) {
+function n_(e, t) {
 	let n = {};
 	for (let r of e) {
-		let e = Zg[r], i = `${t}/${r}`;
+		let e = Qg[r], i = `${t}/${r}`;
 		n[i] = {
 			path: `${t}/${r}`,
 			label: e.title
@@ -13683,7 +13698,7 @@ function t_(e, t) {
 }
 //#endregion
 //#region src/build-observability-base-url.ts
-function n_(e, t, n, r) {
+function r_(e, t, n, r) {
 	let i = e;
 	if (r?.useDevProxy) try {
 		i = new URL(i).pathname;
@@ -13692,21 +13707,21 @@ function n_(e, t, n, r) {
 }
 //#endregion
 //#region src/build-traces-base-url.ts
-function r_(e, t, n, r) {
-	return n_(e, t, n, r);
+function i_(e, t, n, r) {
+	return r_(e, t, n, r);
 }
 //#endregion
 //#region src/persistence/local-storage-dashboard-persistence.ts
-var i_ = "observability.custom-dashboards", a_ = 1;
-function o_(e = {}) {
-	let t = e.storageKey ?? i_, n = () => {
+var a_ = "observability.custom-dashboards", o_ = 1;
+function s_(e = {}) {
+	let t = e.storageKey ?? a_, n = () => {
 		if (e.storage) return e.storage;
 		if (typeof window > "u" || !window.localStorage) throw Error("[gamma-lib-observability] localStorage is not available in this environment.");
 		return window.localStorage;
 	}, r = () => {
 		let e = n().getItem(t);
 		if (!e) return {
-			version: a_,
+			version: o_,
 			dashboards: {}
 		};
 		let r = JSON.parse(e);
@@ -13769,4 +13784,4 @@ function o_(e = {}) {
 	};
 }
 //#endregion
-export { Zn as API_TYPE_REGISTRY, Pc as AnalyticsTable, Fo as BarPresentation, Ci as CODEC_VERSION, y as CapabilityProvider, Cs as CartesianPresentation, Hr as ContextFiltersProvider, xs as DASHBOARD_BUCKET_TARGET, b as DEFAULT_CAPABILITIES, dr as DEFAULT_MEASURE, gi as DEFAULT_PERIOD, pr as DEFAULT_REFRESH_INTERVAL_MS, Dr as DEFAULT_STALE_TIME, wi as DEFAULT_TIME_RANGE, yf as DashboardConflictError, _f as DashboardForbiddenError, vf as DashboardNotFoundError, gf as DashboardPersistenceError, c as DashboardPersistenceProvider, ll as DashboardTemplatesProvider, tl as DashboardView, As as DoughnutPresentation, cc as ExplorerTable, e as FILTER_OPERATORS, Wi as FILTER_SCOPES, Qa as FilterBar, za as FilterChip, ka as FilterPopoverForm, na as FilterPropertyCombobox, h as FilterProvidersProvider, mo as HTTP_STATUS_PALETTE, wr as HttpProvider, ml as LiveIndicator, hr as LiveRefreshProvider, Ql as LogDetailCodeBlock, Nu as LogDetailContextChart, Qu as LogDetailDrawer, Bu as LogDetailDrawerShell, eu as LogDetailEmptyField, Wu as LogDetailHeader, tu as LogDetailHeadersTable, nu as LogDetailJsonTree, $ as LogDetailKeyValueGrid, Gu as LogDetailMetrics, ed as LogDetailPage, Ju as LogDetailSection, qu as LogDetailSections, jl as LogSeverityBadge, Vl as LogTable, o as LogsDataSourceProvider, Gl as LogsExplorerPage, Fs as MetricGroupPresentation, Bs as MetricPresentation, u as MetricsDataSourceProvider, bi as PERIOD_DISPLAY_LABELS, yi as PERIOD_LABELS, Fd as POLICY_POST_EVENT, Pd as POLICY_PRE_EVENT, _i as PRESET_CATEGORIES, jd as PolicyAttributeDiff, fl as QueryErrorBanner, vi as RELATIVE_PERIODS, Ui as SCOPE_COMMON, Hi as SIGNAL_DATA_TYPES, nr as SIGNAL_REGISTRY, Ud as SpanDetailPanel, zc as TablePresentation, zi as TimeRangePicker, mf as TraceDetailDrawer, pf as TraceDetailPage, cf as TraceDetailShell, ud as TraceExplorerPage, $d as TraceLineage, nd as TraceStatusBadge, cd as TraceTable, of as TraceTimeline, p as TracesDataSourceProvider, bd as TracingApiSelector, zg as TracingScreen, il as WidgetGroup, ao as WidgetInteractionProvider, Xc as WidgetItem, Yl as buildApiTypeLink, Fa as buildChipLabel, Ia as buildChipLabelParts, La as buildChipTooltip, $a as buildDashboardDeepLink, Xl as buildDefaultConnectionLogColumns, Ou as buildDefaultLogDetailConfig, Qi as buildFilterScopes, Kl as buildLogsDeepLink, n_ as buildObservabilityBaseUrl, Ki as buildScopeFromId, Zs as buildTableMetrics, r_ as buildTracesBaseUrl, Ed as buildTracesDeepLink, Kc as clearWidgetRenderers, Ss as computeBucketInterval, Bd as computePolicyAttributeDiff, Go as computePreviousTimeRange, zo as computeTrend, ou as connectionLogPreset, wh as createDashboardRevisionStore, Ih as createHttpDashboardPersistence, Yh as createHttpDataSource, Qh as createHttpFilterSource, eg as createHttpLogsSource, Mg as createHttpTracesFilterSource, ug as createHttpTracesSource, o_ as createLocalStorageDashboardPersistence, Ai as decodeObservabilityState, al as defineDashboardTemplate, Bi as defineFilterProvider, Tu as defineLogDetail, Qg as defineObservabilityFeatures, ki as encodeObservabilityState, Lo as extractMeasureValue, Bo as extractSparklineData, po as facetsToBar, uo as facetsToDoughnut, id as formatDuration, mc as formatTableValue, rd as formatTraceTime, $n as getApiType, tr as getApiTypeOrFallback, Wr as getLocaleWeekStart, ir as getSignal, Gc as getWidgetRenderer, sr as isBarWidget, ar as isCartesianWidget, xf as isDashboardForbidden, bf as isDashboardGone, or as isDoughnutWidget, lr as isMetricGroupWidget, cr as isMetricWidget, ya as isMultiSelectForFilter, go as isStatusFacetField, ur as isTableWidget, Cd as isTracingApiLegacyLoader, Td as isTracingApiPaginatedLoad, Sd as isTracingApiPaginatedLoader, xd as isTracingApiPaginatedLoaderConfig, Ro as measureResultToMetric, Rr as mergeFilters, hs as mergeTimeSeriesToCartesian, fu as messageLogPreset, ba as normalizeMembershipOperatorForValues, _o as normalizeStatusGroupKey, Q as observabilityQueryKeys, ma as operatorLabel, ha as operatorNeedsValue, Dp as parseDashboardJson, Cc as planColumns, Jc as registerDefaultRenderers, Wc as registerWidgetRenderer, ol as resolveDashboardFromTemplate, ta as resolveDataTypeIds, xo as resolveGroupColor, Eu as resolveLogDetailVariant, fr as resolveMeasure, Du as resolvePreset, Zr as resolveRelativePeriod, wc as resolveRowsPerPage, $r as resolveStableTimeRange, vo as resolveStatusPaletteColor, Gs as resolveTableColumns, Ks as resolveTableSort, wd as resolveTracingApiPaginatedLoader, Ep as serializeDashboard, Hs as tableColumnId, $i as toFilterItems, zf as useAdoptServerDashboard, ec as useAnalyticsTableQuery, x as useCapabilities, r as useCapability, Ur as useContextFilters, If as useCreateDashboardMutation, Ff as useCustomDashboardQuery, Pf as useCustomDashboardsQuery, s as useDashboardPersistence, dl as useDashboardTemplate, ul as useDashboardTemplates, Hf as useDeleteDashboardMutation, ri as useFacetsQuery, l as useFilterProvider, n as useFilterProviders, Tr as useHttpOptions, Pr as useInfiniteOptions, gr as useLiveRefresh, Fu as useLogDetailDrawerExpand, ii as useLogDetailQuery, m as useLogsDataSource, ci as useLogsPagedQuery, ai as useLogsQuery, li as useMeasuresQuery, Co as useMergedWidgetFilters, v as useMetricsDataSource, t as useOptionalDashboardPersistence, _r as useOptionalLiveRefresh, d as useOptionalLogsDataSource, a as useOptionalMetricsDataSource, g as useOptionalTracesDataSource, Rf as useOverwriteDashboardMutation, Er as useStableHttpOptions, ti as useStableTimeRange, Bf as useTakeReadDashboardRevision, di as useTimeSeriesQuery, fi as useTraceDetailQuery, i as useTracesDataSource, hi as useTracesPagedQuery, Lf as useUpdateDashboardMutation, ro as useWidgetGroupContext, oo as useWidgetInteractionContext, vu as webhookLogPreset };
+export { Zn as API_TYPE_REGISTRY, Pc as AnalyticsTable, Fo as BarPresentation, Ci as CODEC_VERSION, y as CapabilityProvider, Cs as CartesianPresentation, Hr as ContextFiltersProvider, xs as DASHBOARD_BUCKET_TARGET, b as DEFAULT_CAPABILITIES, dr as DEFAULT_MEASURE, gi as DEFAULT_PERIOD, pr as DEFAULT_REFRESH_INTERVAL_MS, Dr as DEFAULT_STALE_TIME, wi as DEFAULT_TIME_RANGE, yf as DashboardConflictError, _f as DashboardForbiddenError, vf as DashboardNotFoundError, gf as DashboardPersistenceError, c as DashboardPersistenceProvider, ll as DashboardTemplatesProvider, tl as DashboardView, As as DoughnutPresentation, cc as ExplorerTable, e as FILTER_OPERATORS, Wi as FILTER_SCOPES, Qa as FilterBar, za as FilterChip, ka as FilterPopoverForm, na as FilterPropertyCombobox, h as FilterProvidersProvider, mo as HTTP_STATUS_PALETTE, wr as HttpProvider, ml as LiveIndicator, hr as LiveRefreshProvider, Ql as LogDetailCodeBlock, Nu as LogDetailContextChart, Qu as LogDetailDrawer, Bu as LogDetailDrawerShell, eu as LogDetailEmptyField, Wu as LogDetailHeader, tu as LogDetailHeadersTable, nu as LogDetailJsonTree, $ as LogDetailKeyValueGrid, Gu as LogDetailMetrics, ed as LogDetailPage, Ju as LogDetailSection, qu as LogDetailSections, jl as LogSeverityBadge, Vl as LogTable, o as LogsDataSourceProvider, Gl as LogsExplorerPage, Fs as MetricGroupPresentation, Bs as MetricPresentation, u as MetricsDataSourceProvider, bi as PERIOD_DISPLAY_LABELS, yi as PERIOD_LABELS, Fd as POLICY_POST_EVENT, Pd as POLICY_PRE_EVENT, _i as PRESET_CATEGORIES, jd as PolicyAttributeDiff, fl as QueryErrorBanner, vi as RELATIVE_PERIODS, Ui as SCOPE_COMMON, Hi as SIGNAL_DATA_TYPES, nr as SIGNAL_REGISTRY, Ud as SpanDetailPanel, zc as TablePresentation, zi as TimeRangePicker, mf as TraceDetailDrawer, pf as TraceDetailPage, cf as TraceDetailShell, ud as TraceExplorerPage, $d as TraceLineage, nd as TraceStatusBadge, cd as TraceTable, of as TraceTimeline, p as TracesDataSourceProvider, bd as TracingApiSelector, zg as TracingScreen, il as WidgetGroup, ao as WidgetInteractionProvider, Xc as WidgetItem, Yl as buildApiTypeLink, Fa as buildChipLabel, Ia as buildChipLabelParts, La as buildChipTooltip, $a as buildDashboardDeepLink, Xl as buildDefaultConnectionLogColumns, Ou as buildDefaultLogDetailConfig, Qi as buildFilterScopes, Kl as buildLogsDeepLink, r_ as buildObservabilityBaseUrl, Ki as buildScopeFromId, Zs as buildTableMetrics, i_ as buildTracesBaseUrl, Ed as buildTracesDeepLink, Kc as clearWidgetRenderers, Ss as computeBucketInterval, Bd as computePolicyAttributeDiff, Go as computePreviousTimeRange, zo as computeTrend, ou as connectionLogPreset, wh as createDashboardRevisionStore, Ih as createHttpDashboardPersistence, Yh as createHttpDataSource, Qh as createHttpFilterSource, eg as createHttpLogsSource, Mg as createHttpTracesFilterSource, ug as createHttpTracesSource, s_ as createLocalStorageDashboardPersistence, Ai as decodeObservabilityState, al as defineDashboardTemplate, Bi as defineFilterProvider, Tu as defineLogDetail, $g as defineObservabilityFeatures, ki as encodeObservabilityState, Lo as extractMeasureValue, Bo as extractSparklineData, po as facetsToBar, uo as facetsToDoughnut, id as formatDuration, mc as formatTableValue, rd as formatTraceTime, $n as getApiType, tr as getApiTypeOrFallback, Wr as getLocaleWeekStart, ir as getSignal, Gc as getWidgetRenderer, sr as isBarWidget, ar as isCartesianWidget, xf as isDashboardForbidden, bf as isDashboardGone, or as isDoughnutWidget, lr as isMetricGroupWidget, cr as isMetricWidget, ya as isMultiSelectForFilter, go as isStatusFacetField, ur as isTableWidget, Cd as isTracingApiLegacyLoader, Td as isTracingApiPaginatedLoad, Sd as isTracingApiPaginatedLoader, xd as isTracingApiPaginatedLoaderConfig, Ro as measureResultToMetric, Rr as mergeFilters, hs as mergeTimeSeriesToCartesian, fu as messageLogPreset, ba as normalizeMembershipOperatorForValues, _o as normalizeStatusGroupKey, Q as observabilityQueryKeys, ma as operatorLabel, ha as operatorNeedsValue, Dp as parseDashboardJson, Cc as planColumns, Jc as registerDefaultRenderers, Wc as registerWidgetRenderer, ol as resolveDashboardFromTemplate, ta as resolveDataTypeIds, xo as resolveGroupColor, Eu as resolveLogDetailVariant, fr as resolveMeasure, Du as resolvePreset, Zr as resolveRelativePeriod, wc as resolveRowsPerPage, $r as resolveStableTimeRange, vo as resolveStatusPaletteColor, Gs as resolveTableColumns, Ks as resolveTableSort, wd as resolveTracingApiPaginatedLoader, Ep as serializeDashboard, Hs as tableColumnId, $i as toFilterItems, zf as useAdoptServerDashboard, ec as useAnalyticsTableQuery, x as useCapabilities, r as useCapability, Ur as useContextFilters, If as useCreateDashboardMutation, Ff as useCustomDashboardQuery, Pf as useCustomDashboardsQuery, s as useDashboardPersistence, dl as useDashboardTemplate, ul as useDashboardTemplates, Hf as useDeleteDashboardMutation, ri as useFacetsQuery, l as useFilterProvider, n as useFilterProviders, Tr as useHttpOptions, Pr as useInfiniteOptions, gr as useLiveRefresh, Fu as useLogDetailDrawerExpand, ii as useLogDetailQuery, m as useLogsDataSource, ci as useLogsPagedQuery, ai as useLogsQuery, li as useMeasuresQuery, Co as useMergedWidgetFilters, v as useMetricsDataSource, t as useOptionalDashboardPersistence, _r as useOptionalLiveRefresh, d as useOptionalLogsDataSource, a as useOptionalMetricsDataSource, g as useOptionalTracesDataSource, Rf as useOverwriteDashboardMutation, Er as useStableHttpOptions, ti as useStableTimeRange, Bf as useTakeReadDashboardRevision, di as useTimeSeriesQuery, fi as useTraceDetailQuery, i as useTracesDataSource, hi as useTracesPagedQuery, Lf as useUpdateDashboardMutation, ro as useWidgetGroupContext, oo as useWidgetInteractionContext, vu as webhookLogPreset };