@gravitee/graphene-charts 3.22.0 → 3.22.1

package/dist/index.js

@@ -2285,7 +2285,91 @@ var Ht = W(({ variant: e = "brand", ...t }, n) => e === "mono" ? /* @__PURE__ */
 	]
 }));
 Ht.displayName = "TogetherAiIcon";
-var Ut = W((e, t) => {
+var Ut = W(({ variant: e, ...t }, n) => {
+	let r = K();
+	return /* @__PURE__ */ X("svg", {
+		ref: n,
+		xmlns: "http://www.w3.org/2000/svg",
+		width: 24,
+		height: 24,
+		viewBox: "0 0 600 600",
+		fill: "none",
+		...t,
+		children: [
+			/* @__PURE__ */ X("g", {
+				className: "dark:hidden",
+				clipPath: `url(#${r}-a)`,
+				children: [
+					/* @__PURE__ */ Y("rect", {
+						width: "600",
+						height: "600",
+						fill: "#FFFFFF"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#000000",
+						d: "M900.551 99.7843C804.619 107.606 427.549 154.353 166.092 417.192H69.0684L79.9091 406.388C134.623 353.529 376.727 129.506 900.551 99.4932V99.7843Z"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#000000",
+						d: "M572.178 417.192H496.133L346.301 308.126C360.108 299.443 374.004 291.173 387.943 283.297L572.178 417.192Z"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#000000",
+						d: "M450.645 417.193H374.634L351.576 400.422H222.839C231.902 392.374 241.077 384.561 250.349 376.977H319.308L283.623 351.019C296.378 341.528 309.274 332.437 322.274 323.728L450.645 417.193Z"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#000000",
+						d: "M173.984 216.084L232.598 258.681C218.01 267.271 204.357 275.774 191.613 284.091L98.0385 216.047L173.984 216.084Z"
+					})
+				]
+			}),
+			/* @__PURE__ */ X("g", {
+				className: "hidden dark:block",
+				clipPath: `url(#${r}-b)`,
+				children: [
+					/* @__PURE__ */ Y("rect", {
+						width: "600",
+						height: "600",
+						fill: "#000000"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#FFFFFF",
+						d: "M900.551 99.7843C804.619 107.606 427.549 154.353 166.092 417.192H69.0684L79.9091 406.388C134.623 353.529 376.727 129.506 900.551 99.4932V99.7843Z"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#FFFFFF",
+						d: "M572.178 417.192H496.133L346.301 308.126C360.108 299.443 374.004 291.173 387.943 283.297L572.178 417.192Z"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#FFFFFF",
+						d: "M450.645 417.193H374.634L351.576 400.422H222.839C231.902 392.374 241.077 384.561 250.349 376.977H319.308L283.623 351.019C296.378 341.528 309.274 332.437 322.274 323.728L450.645 417.193Z"
+					}),
+					/* @__PURE__ */ Y("path", {
+						fill: "#FFFFFF",
+						d: "M173.984 216.084L232.598 258.681C218.01 267.271 204.357 275.774 191.613 284.091L98.0385 216.047L173.984 216.084Z"
+					})
+				]
+			}),
+			/* @__PURE__ */ X("defs", { children: [/* @__PURE__ */ Y("clipPath", {
+				id: `${r}-a`,
+				children: /* @__PURE__ */ Y("rect", {
+					width: "600",
+					height: "600",
+					fill: "#FFFFFF"
+				})
+			}), /* @__PURE__ */ Y("clipPath", {
+				id: `${r}-b`,
+				children: /* @__PURE__ */ Y("rect", {
+					width: "600",
+					height: "600",
+					fill: "#FFFFFF"
+				})
+			})] })
+		]
+	});
+});
+Ut.displayName = "XaiIcon";
+var Wt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2510,8 +2594,8 @@ var Ut = W((e, t) => {
 		})]
 	});
 });
-Ut.displayName = "GioAgentManagementIcon";
-var Wt = W((e, t) => {
+Wt.displayName = "GioAgentManagementIcon";
+var Gt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2749,8 +2833,8 @@ var Wt = W((e, t) => {
 		})]
 	});
 });
-Wt.displayName = "GioApiManagementIcon";
-var Gt = W((e, t) => {
+Gt.displayName = "GioApiManagementIcon";
+var Kt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2877,8 +2961,8 @@ var Gt = W((e, t) => {
 		})]
 	});
 });
-Gt.displayName = "GioAuthorizationIcon";
-var Kt = W((e, t) => {
+Kt.displayName = "GioAuthorizationIcon";
+var qt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3065,8 +3149,8 @@ var Kt = W((e, t) => {
 		})]
 	});
 });
-Kt.displayName = "GioCatalogIcon";
-var qt = W((e, t) => {
+qt.displayName = "GioCatalogIcon";
+var Jt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3291,8 +3375,8 @@ var qt = W((e, t) => {
 		})]
 	});
 });
-qt.displayName = "GioDeveloperPortalIcon";
-var Jt = W((e, t) => {
+Jt.displayName = "GioDeveloperPortalIcon";
+var Yt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3567,8 +3651,8 @@ var Jt = W((e, t) => {
 		})]
 	});
 });
-Jt.displayName = "GioEdgeManagementIcon";
-var Yt = W((e, t) => {
+Yt.displayName = "GioEdgeManagementIcon";
+var Xt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3755,8 +3839,8 @@ var Yt = W((e, t) => {
 		})]
 	});
 });
-Yt.displayName = "GioEventApiManagementIcon";
-var Xt = W((e, t) => {
+Xt.displayName = "GioEventApiManagementIcon";
+var Zt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3997,8 +4081,8 @@ var Xt = W((e, t) => {
 		})]
 	});
 });
-Xt.displayName = "GioGammaIcon";
-var Zt = W((e, t) => {
+Zt.displayName = "GioGammaIcon";
+var Qt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4239,8 +4323,8 @@ var Zt = W((e, t) => {
 		})]
 	});
 });
-Zt.displayName = "GioHomeIcon";
-var Qt = W((e, t) => {
+Qt.displayName = "GioHomeIcon";
+var $t = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4535,8 +4619,8 @@ var Qt = W((e, t) => {
 		})]
 	});
 });
-Qt.displayName = "GioIamIcon";
-var $t = W((e, t) => {
+$t.displayName = "GioIamIcon";
+var en = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4761,8 +4845,8 @@ var $t = W((e, t) => {
 		})]
 	});
 });
-$t.displayName = "GioObservabilityIcon";
-var en = W((e, t) => {
+en.displayName = "GioObservabilityIcon";
+var tn = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4881,8 +4965,8 @@ var en = W((e, t) => {
 		})]
 	});
 });
-en.displayName = "GioObserveIcon";
-var tn = W((e, t) => {
+tn.displayName = "GioObserveIcon";
+var nn = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -5213,8 +5297,8 @@ var tn = W((e, t) => {
 		})]
 	});
 });
-tn.displayName = "GioPlatformIcon";
-var nn = W((e, t) => {
+nn.displayName = "GioPlatformIcon";
+var rn = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -5333,8 +5417,8 @@ var nn = W((e, t) => {
 		})]
 	});
 });
-nn.displayName = "GioProductizeIcon";
-var rn = W((e, t) => {
+rn.displayName = "GioProductizeIcon";
+var an = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -5461,10 +5545,10 @@ var rn = W((e, t) => {
 		})]
 	});
 });
-rn.displayName = "GioSecureIcon";
+an.displayName = "GioSecureIcon";
 //#endregion
 //#region src/lib/useContainerSize.ts
-function an() {
+function on() {
 	let [e, t] = q({
 		width: 0,
 		height: 0
@@ -5489,29 +5573,29 @@ function an() {
 }
 //#endregion
 //#region src/charts/Metric/Metric.tsx
-var on = {
+var sn = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function sn(e, t) {
+function cn(e, t) {
 	return e === "neutral" || t === "neutral" ? "neutral" : t === "higher-is-better" ? e === "up" ? "positive" : "negative" : e === "up" ? "negative" : "positive";
 }
-var cn = 56;
-function ln(e, t) {
+var ln = 56;
+function un(e, t) {
 	let n = Math.min(t > 0 ? t : 100, (e > 0 ? e : 200) * .65);
 	return Math.max(18, Math.min(96, Math.round(n * .22)));
 }
-function un(e) {
+function dn(e) {
 	return Math.max(10, Math.round(e * .22));
 }
-function dn(e) {
+function fn(e) {
 	return e < 80 ? "text-sm font-semibold leading-tight" : e < 110 ? "text-base font-semibold leading-tight" : e < 150 ? "text-lg font-semibold leading-tight" : "text-xl font-semibold leading-tight";
 }
-function fn(e) {
+function pn(e) {
 	return e < 50 ? "text-[9px]" : e < 80 ? "text-[10px]" : e < 120 ? "text-xs" : "text-sm";
 }
-function pn(e) {
+function mn(e) {
 	return e < 60 ? {
 		text: "text-[9px]",
 		icon: "size-2 stroke-[2.5]"
@@ -5526,7 +5610,7 @@ function pn(e) {
 		icon: "size-3.5 stroke-[2.5]"
 	};
 }
-function mn({ data: t, color: n, colorClass: r }) {
+function hn({ data: t, color: n, colorClass: r }) {
 	let i = U.useRef(null), [a, o] = U.useState({
 		width: 0,
 		height: 0
@@ -5578,14 +5662,14 @@ function mn({ data: t, color: n, colorClass: r }) {
 		] })
 	});
 }
-function hn({ trend: t, sentiment: n, trendClass: r }) {
+function gn({ trend: t, sentiment: n, trendClass: r }) {
 	let i = t.direction === "down" ? Q : pt;
 	return /* @__PURE__ */ X("span", {
-		className: e("inline-flex items-center gap-1 font-medium", r.text, on[n]),
+		className: e("inline-flex items-center gap-1 font-medium", r.text, sn[n]),
 		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: r.icon }), t.isNew ? "New" : `${t.value}%`]
 	});
 }
-function gn({ className: t, ...n }) {
+function _n({ className: t, ...n }) {
 	return /* @__PURE__ */ X("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -5604,15 +5688,15 @@ function gn({ className: t, ...n }) {
 		}), /* @__PURE__ */ Y(b, { className: "min-h-5 w-full flex-1" })]
 	});
 }
-function _n({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
-	let { ref: p, width: m, height: h } = an();
-	if (r === "loading") return /* @__PURE__ */ Y(gn, {
+function vn({ value: t, label: n, state: r, description: i, icon: a, trend: o, trendSentiment: s = "higher-is-better", centered: c = !1, sparklineData: l, sparklineColor: u, className: d, ...f }) {
+	let { ref: p, width: m, height: h } = on();
+	if (r === "loading") return /* @__PURE__ */ Y(_n, {
 		className: d,
 		...f
 	});
-	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? sn(_.direction, s) : void 0, b = !u && y ? on[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= cn && !c, C = c || !S, w = dn(h), T = fn(h), E = pn(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
+	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? cn(_.direction, s) : void 0, b = !u && y ? sn[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= ln && !c, C = c || !S, w = fn(h), T = pn(h), E = mn(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
 	if (C) {
-		let t = ln(m, h), r = un(t);
+		let t = un(m, h), r = dn(t);
 		return /* @__PURE__ */ X("div", {
 			ref: p,
 			className: e("flex h-full flex-col items-center justify-center gap-1 text-center", d),
@@ -5628,7 +5712,7 @@ function _n({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 					style: { fontSize: r },
 					children: n
 				}),
-				O && _ && y && /* @__PURE__ */ Y(hn, {
+				O && _ && y && /* @__PURE__ */ Y(gn, {
 					trend: _,
 					sentiment: y,
 					trendClass: E
@@ -5652,7 +5736,7 @@ function _n({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 						}),
 						O && _ && y && /* @__PURE__ */ X("span", {
 							className: "flex shrink-0 items-center gap-1",
-							children: [/* @__PURE__ */ Y(hn, {
+							children: [/* @__PURE__ */ Y(gn, {
 								trend: _,
 								sentiment: y,
 								trendClass: E
@@ -5672,7 +5756,7 @@ function _n({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 			]
 		}), /* @__PURE__ */ Y("div", {
 			className: "min-h-0 flex-1 pt-1",
-			children: /* @__PURE__ */ Y(mn, {
+			children: /* @__PURE__ */ Y(hn, {
 				data: v,
 				color: x,
 				colorClass: b
@@ -5682,49 +5766,49 @@ function _n({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 }
 //#endregion
 //#region src/charts/MetricGroup/MetricGroup.tsx
-function vn(e) {
+function yn(e) {
 	return "category" in e && "metrics" in e;
 }
-var yn = {
+var bn = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function bn(e) {
+function xn(e) {
 	let t = 0;
-	for (let n of e) t += vn(n) ? n.metrics.length : 1;
+	for (let n of e) t += yn(n) ? n.metrics.length : 1;
 	return t;
 }
-function xn(e) {
-	return vn(e) ? e.metrics.length : 1;
+function Sn(e) {
+	return yn(e) ? e.metrics.length : 1;
 }
-var Sn = [
+var Cn = [
 	"xs",
 	"sm",
 	"md",
 	"lg"
 ];
-function Cn(e, t, n) {
+function wn(e, t, n) {
 	let r = e / Math.max(n, 1), i = r < 40 ? "xs" : r < 70 ? "sm" : r < 110 ? "md" : "lg", a = t < 25 ? "xs" : t < 40 ? "sm" : t < 60 ? "md" : "lg";
-	return Sn[Math.min(Sn.indexOf(i), Sn.indexOf(a))];
+	return Cn[Math.min(Cn.indexOf(i), Cn.indexOf(a))];
 }
-var wn = {
+var Tn = {
 	xs: 40,
 	sm: 55,
 	md: 75,
 	lg: 100
-}, Tn = 40, En = 80;
-function Dn(e, t, n) {
-	if (e < En) return 0;
-	let r = wn[n], i = 0, a = 0;
+}, En = 40, Dn = 80;
+function On(e, t, n) {
+	if (e < Dn) return 0;
+	let r = Tn[n], i = 0, a = 0;
 	for (let n = 0; n < t.length; n++) {
-		let o = r * xn(t[n]), s = t.length - (n + 1) > 0 ? Tn : 0;
+		let o = r * Sn(t[n]), s = t.length - (n + 1) > 0 ? En : 0;
 		if (a + o + s > e) break;
 		a += o, i++;
 	}
 	return i;
 }
-var On = {
+var kn = {
 	value: {
 		xs: "text-xs font-bold leading-tight",
 		sm: "text-base font-semibold",
@@ -5762,31 +5846,31 @@ var On = {
 		lg: "px-5"
 	}
 };
-function kn({ trend: t, sentiment: n, size: r }) {
+function An({ trend: t, sentiment: n, size: r }) {
 	let i = t.direction === "down" ? Q : pt, a = r === "xs" || r === "sm";
 	return a && t.direction === "neutral" ? null : /* @__PURE__ */ X("span", {
-		className: e("inline-flex items-center gap-px font-medium", On.trend[r], yn[n]),
-		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: On.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
+		className: e("inline-flex items-center gap-px font-medium", kn.trend[r], bn[n]),
+		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: kn.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
 	});
 }
-function An({ item: t, size: n, labelVisible: r }) {
-	let i = t.trend ? sn(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ X("div", {
+function jn({ item: t, size: n, labelVisible: r }) {
+	let i = t.trend ? cn(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ X("div", {
 		className: "flex w-full min-w-0 flex-col",
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex items-baseline justify-between gap-1",
 			children: [/* @__PURE__ */ Y("span", {
-				className: e("truncate tracking-tight text-foreground", On.value[n]),
+				className: e("truncate tracking-tight text-foreground", kn.value[n]),
 				children: t.value
 			}), t.trend && i && !(t.trend.direction === "neutral" && (n === "xs" || n === "sm")) && /* @__PURE__ */ Y("span", {
 				className: "shrink-0",
-				children: /* @__PURE__ */ Y(kn, {
+				children: /* @__PURE__ */ Y(An, {
 					trend: t.trend,
 					sentiment: i,
 					size: n
 				})
 			})]
 		}), a && /* @__PURE__ */ Y("span", {
-			className: e("truncate text-muted-foreground", On.label[n]),
+			className: e("truncate text-muted-foreground", kn.label[n]),
 			children: t.label
 		})]
 	});
@@ -5801,7 +5885,7 @@ function An({ item: t, size: n, labelVisible: r }) {
 		children: o
 	});
 }
-function jn({ count: t, size: n }) {
+function Mn({ count: t, size: n }) {
 	let r = `${t} more ${t === 1 ? "metric" : "metrics"} hidden`;
 	return /* @__PURE__ */ X(se, { children: [/* @__PURE__ */ Y(ue, {
 		asChild: !0,
@@ -5813,7 +5897,7 @@ function jn({ count: t, size: n }) {
 		})
 	}), /* @__PURE__ */ Y(ce, { children: r })] });
 }
-function Mn({ count: t, className: n, ...r }) {
+function Nn({ count: t, className: n, ...r }) {
 	return /* @__PURE__ */ Y("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -5826,14 +5910,14 @@ function Mn({ count: t, className: n, ...r }) {
 		}, t))
 	});
 }
-function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
-	let { ref: o, width: s, height: c } = an();
-	if (n === "loading") return /* @__PURE__ */ Y(Mn, {
-		count: t.length > 0 ? bn(t) : r ?? 5,
+function Pn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
+	let { ref: o, width: s, height: c } = on();
+	if (n === "loading") return /* @__PURE__ */ Y(Nn, {
+		count: t.length > 0 ? xn(t) : r ?? 5,
 		className: i,
 		...a
 	});
-	let l = n === "empty" ? t.map((e) => vn(e) ? {
+	let l = n === "empty" ? t.map((e) => yn(e) ? {
 		...e,
 		metrics: e.metrics.map((e) => ({
 			...e,
@@ -5844,7 +5928,7 @@ function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 		...e,
 		value: "—",
 		trend: void 0
-	}) : t, u = bn(l), d = s > 0 ? Cn(s, c, u) : "md", f = c >= 50, p = s > 0 ? Dn(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
+	}) : t, u = xn(l), d = s > 0 ? wn(s, c, u) : "md", f = c >= 50, p = s > 0 ? On(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
 	return /* @__PURE__ */ Y(le, {
 		delayDuration: 300,
 		children: /* @__PURE__ */ X("div", {
@@ -5854,21 +5938,21 @@ function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 			className: e("flex h-full items-center overflow-hidden", g ? "justify-center" : "divide-x divide-border/30 dark:divide-white/[0.06]", i),
 			...a,
 			children: [s > 0 && !g && m.map((t) => {
-				let n = vn(t) ? t.category : `${t.value}-${t.label ?? ""}`;
+				let n = yn(t) ? t.category : `${t.value}-${t.label ?? ""}`;
 				return /* @__PURE__ */ Y("div", {
-					style: { flex: xn(t) },
-					className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", On.cellPadding[d]),
-					children: vn(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
-						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", On.category[d]),
+					style: { flex: Sn(t) },
+					className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", kn.cellPadding[d]),
+					children: yn(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
+						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", kn.category[d]),
 						children: t.category
 					}), /* @__PURE__ */ Y("div", {
 						className: "flex w-full min-w-0 items-stretch gap-3",
-						children: t.metrics.map((e) => /* @__PURE__ */ Y(An, {
+						children: t.metrics.map((e) => /* @__PURE__ */ Y(jn, {
 							item: e,
 							size: d,
 							labelVisible: f
 						}, `${e.value}-${e.label ?? ""}`))
-					})] }) : /* @__PURE__ */ Y(An, {
+					})] }) : /* @__PURE__ */ Y(jn, {
 						item: t,
 						size: d,
 						labelVisible: f
@@ -5876,7 +5960,7 @@ function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 				}, n);
 			}), s > 0 && h > 0 && /* @__PURE__ */ Y("div", {
 				className: e("flex shrink-0 items-center", g ? "" : "px-2"),
-				children: /* @__PURE__ */ Y(jn, {
+				children: /* @__PURE__ */ Y(Mn, {
 					count: h,
 					size: d
 				})
@@ -5886,7 +5970,7 @@ function Nn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/charts/LineChart/LineChart.tsx
-function Pn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: a = !1, showGrid: o = !0, showCategoryAxis: s = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: f, categoryTickFormatter: p, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: x, children: S, ...C }) {
+function Fn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDots: a = !1, showGrid: o = !0, showCategoryAxis: s = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: f, categoryTickFormatter: p, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: x, children: S, ...C }) {
 	let { config: w } = i(), T = t ?? Ke(e, Object.keys(w));
 	return n === "loading" ? /* @__PURE__ */ Y(d, {
 		ariaLabel: y,
@@ -5921,7 +6005,7 @@ function Pn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", showDot
 }
 //#endregion
 //#region src/charts/AreaChart/AreaChart.tsx
-function Fn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: a = !0, gradient: o = !0, fillOpacity: s = .2, showDots: l = !1, showGrid: u = !0, showCategoryAxis: d = !0, showValueAxis: f = !0, connectNulls: p = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: b, onPointHover: x, onPointLeave: S, className: w, children: T, ...E }) {
+function In({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked: a = !0, gradient: o = !0, fillOpacity: s = .2, showDots: l = !1, showGrid: u = !0, showCategoryAxis: d = !0, showValueAxis: f = !0, connectNulls: p = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: b, onPointHover: x, onPointLeave: S, className: w, children: T, ...E }) {
 	let { config: D } = i(), O = t ?? Ke(e, Object.keys(D)), k = a ? "default" : void 0;
 	return n === "loading" ? /* @__PURE__ */ Y(C, {
 		ariaLabel: _,
@@ -5957,7 +6041,7 @@ function Fn({ data: e, dataKeys: t, state: n, curveType: r = "monotone", stacked
 		]
 	});
 }
-function In(e) {
+function Ln(e) {
 	if (e === 0) return "0ns";
 	if (e < 1e3) return `${Math.round(e)}ns`;
 	let t = e / 1e3;
@@ -5969,7 +6053,7 @@ function In(e) {
 	let i = Math.floor(r / 60), a = r % 60;
 	return `${i}m ${Math.round(a)}s`;
 }
-function Ln(e) {
+function Rn(e) {
 	let t = 0;
 	for (let n of e) {
 		let e = n.startOffsetNs + n.durationNs;
@@ -5977,7 +6061,7 @@ function Ln(e) {
 	}
 	return t > 0 ? t : 1;
 }
-function Rn(e, t, n, r) {
+function zn(e, t, n, r) {
 	if (r <= 0 || n <= 0) return {
 		x: 0,
 		width: 0
@@ -5988,18 +6072,18 @@ function Rn(e, t, n, r) {
 		width: a
 	};
 }
-function zn(e, t) {
+function Bn(e, t) {
 	if (t === 0 || e === 0) return "0%";
 	let n = e / t * 100;
 	return n < .1 ? "<0.1%" : n >= 100 ? "100%" : `${n < 1 ? n.toFixed(1) : Math.round(n)}%`;
 }
-var Bn = 6, Vn = 80;
-function Hn(e) {
+var Vn = 6, Hn = 80;
+function Un(e) {
 	if (e <= 0) return 0;
-	let t = Math.floor(e / Vn) + 1;
-	return Math.max(2, Math.min(t, Bn));
+	let t = Math.floor(e / Hn) + 1;
+	return Math.max(2, Math.min(t, Vn));
 }
-function Un(e, t = 5) {
+function Wn(e, t = 5) {
 	if (e <= 0) return [0];
 	if (t <= 1) return [0, e];
 	let n = e / (t - 1);
@@ -6007,13 +6091,13 @@ function Un(e, t = 5) {
 }
 //#endregion
 //#region src/charts/TraceWaterfall/TraceWaterfall.tsx
-var Wn = 280, Gn = .45, Kn = 36, qn = 20, Jn = 20, Yn = 4, $ = 12, Xn = 48, Zn = 32, Qn = 3, $n = {
+var Gn = 280, Kn = .45, qn = 36, Jn = 20, Yn = 20, Xn = 4, $ = 12, Zn = 48, Qn = 32, $n = 3, er = {
 	internal: "INTERNAL",
 	server: "SERVER",
 	client: "CLIENT",
 	producer: "PRODUCER",
 	consumer: "CONSUMER"
-}, er = [
+}, tr = [
 	"bg-chart-1",
 	"bg-chart-2",
 	"bg-chart-3",
@@ -6023,21 +6107,21 @@ var Wn = 280, Gn = .45, Kn = 36, qn = 20, Jn = 20, Yn = 4, $ = 12, Xn = 48, Zn =
 	"bg-chart-7",
 	"bg-chart-8"
 ];
-function tr(e) {
+function nr(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0;
-	for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, er[n % er.length]), n++);
+	for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, tr[n % tr.length]), n++);
 	return t;
 }
-var nr = { error: "bg-destructive" }, rr = {
+var rr = { error: "bg-destructive" }, ir = {
 	ok: "success",
 	error: "destructive",
 	unset: "secondary"
-}, ir = {
+}, ar = {
 	ok: "OK",
 	error: "Error",
 	unset: "Unset"
 };
-function ar({ icon: e, label: t, children: n }) {
+function or({ icon: e, label: t, children: n }) {
 	return /* @__PURE__ */ X("div", {
 		className: "flex items-center justify-between gap-4",
 		children: [/* @__PURE__ */ X("div", {
@@ -6049,7 +6133,7 @@ function ar({ icon: e, label: t, children: n }) {
 		})]
 	});
 }
-function or({ span: t, serviceColor: n, traceDurationNs: r }) {
+function sr({ span: t, serviceColor: n, traceDurationNs: r }) {
 	return /* @__PURE__ */ X(J, { children: [
 		/* @__PURE__ */ X("div", {
 			className: "space-y-1 px-2.5 pt-2 pb-1.5",
@@ -6062,13 +6146,13 @@ function or({ span: t, serviceColor: n, traceDurationNs: r }) {
 			}), /* @__PURE__ */ X("div", {
 				className: "flex items-center gap-1.5 pl-[14px]",
 				children: [/* @__PURE__ */ Y(j, {
-					variant: rr[t.status],
+					variant: ir[t.status],
 					className: "h-4 text-[9px]",
-					children: ir[t.status]
+					children: ar[t.status]
 				}), /* @__PURE__ */ Y(j, {
 					variant: "outline",
 					className: "h-4 text-[9px]",
-					children: $n[t.kind]
+					children: er[t.kind]
 				})]
 			})]
 		}),
@@ -6076,25 +6160,25 @@ function or({ span: t, serviceColor: n, traceDurationNs: r }) {
 		/* @__PURE__ */ X("div", {
 			className: "space-y-1 px-2.5 py-1.5 text-[11px]",
 			children: [
-				/* @__PURE__ */ Y(ar, {
+				/* @__PURE__ */ Y(or, {
 					icon: _t,
 					label: "Service",
 					children: t.serviceName
 				}),
-				/* @__PURE__ */ Y(ar, {
+				/* @__PURE__ */ Y(or, {
 					icon: ht,
 					label: "Duration",
 					children: /* @__PURE__ */ Y("span", {
 						className: "font-mono tabular-nums",
-						children: In(t.durationNs)
+						children: Ln(t.durationNs)
 					})
 				}),
-				/* @__PURE__ */ Y(ar, {
+				/* @__PURE__ */ Y(or, {
 					icon: dt,
 					label: "% of trace",
 					children: /* @__PURE__ */ Y("span", {
 						className: "font-mono tabular-nums",
-						children: zn(t.durationNs, r)
+						children: Bn(t.durationNs, r)
 					})
 				})
 			]
@@ -6108,7 +6192,7 @@ function or({ span: t, serviceColor: n, traceDurationNs: r }) {
 		})
 	] });
 }
-function sr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
+function cr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
 	return /* @__PURE__ */ X(H, {
 		openDelay: 250,
 		closeDelay: 0,
@@ -6120,7 +6204,7 @@ function sr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
 			align: "start",
 			sideOffset: 4,
 			className: "w-56 p-0",
-			children: r ? r(e) : /* @__PURE__ */ Y(or, {
+			children: r ? r(e) : /* @__PURE__ */ Y(sr, {
 				span: e,
 				serviceColor: t,
 				traceDurationNs: n
@@ -6128,13 +6212,13 @@ function sr({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
 		})]
 	});
 }
-function cr({ depth: e }) {
+function lr({ depth: e }) {
 	return e === 0 ? null : /* @__PURE__ */ Y("span", {
 		className: "pointer-events-none relative shrink-0",
-		style: { width: e * qn },
+		style: { width: e * Jn },
 		"aria-hidden": "true",
 		children: Array.from({ length: e }, (t, n) => {
-			let r = n === e - 1, i = n * qn + qn / 2;
+			let r = n === e - 1, i = n * Jn + Jn / 2;
 			return r ? /* @__PURE__ */ Y("span", {
 				className: "absolute top-0 border-l border-border/30",
 				style: {
@@ -6143,7 +6227,7 @@ function cr({ depth: e }) {
 				},
 				children: /* @__PURE__ */ Y("span", {
 					className: "absolute bottom-0 left-0 border-b border-border/30",
-					style: { width: qn / 2 - 2 }
+					style: { width: Jn / 2 - 2 }
 				})
 			}, n) : /* @__PURE__ */ Y("span", {
 				className: "absolute top-0 h-full border-l border-border/30",
@@ -6152,12 +6236,12 @@ function cr({ depth: e }) {
 		})
 	});
 }
-function lr(e) {
+function ur(e) {
 	let t = /* @__PURE__ */ new Set(), n = new Set(e.map((e) => e.spanId));
 	for (let r of e) r.parentSpanId && n.has(r.parentSpanId) && t.add(r.parentSpanId);
 	return t;
 }
-function ur(e, t) {
+function dr(e, t) {
 	if (t.size === 0) return e;
 	let n = /* @__PURE__ */ new Set();
 	for (let r = 0; r < e.length; r++) {
@@ -6169,7 +6253,7 @@ function ur(e, t) {
 	}
 	return e.filter((e) => !n.has(e.spanId));
 }
-function dr(e) {
+function fr(e) {
 	let t = /* @__PURE__ */ new Map(), n = [];
 	for (let r = e.length - 1; r >= 0; r--) {
 		let i = e[r].depth;
@@ -6179,11 +6263,11 @@ function dr(e) {
 	}
 	return t;
 }
-function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, serviceColor: a, selected: o, hasChildren: s, collapsed: c, collapsedCount: l, onSelect: u, onToggle: d, onHover: f, onLeave: p, renderTooltip: m }) {
-	let { x: h, width: g } = Rn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? nr.error : a, v = In(t.durationNs), y = g >= 56, b = !y;
+function pr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, serviceColor: a, selected: o, hasChildren: s, collapsed: c, collapsedCount: l, onSelect: u, onToggle: d, onHover: f, onLeave: p, renderTooltip: m }) {
+	let { x: h, width: g } = zn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? rr.error : a, v = Ln(t.durationNs), y = g >= 56, b = !y;
 	return /* @__PURE__ */ X("div", {
 		className: e("group flex w-full cursor-pointer transition-colors", o ? "bg-accent/50" : "hover:bg-muted/30"),
-		style: { height: Kn },
+		style: { height: qn },
 		onClick: () => u?.(t),
 		onKeyDown: (e) => {
 			e.key === "Enter" || e.key === " " ? (e.preventDefault(), u?.(t)) : (e.key === "ArrowRight" && s && c || e.key === "ArrowLeft" && s && !c) && (e.preventDefault(), d?.(t.spanId));
@@ -6198,7 +6282,7 @@ function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 				className: e("w-[3px] shrink-0 transition-colors", o ? "bg-primary" : "bg-transparent"),
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ Y(sr, {
+			/* @__PURE__ */ Y(cr, {
 				span: t,
 				serviceColor: a,
 				traceDurationNs: n,
@@ -6207,7 +6291,7 @@ function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 					className: "flex shrink-0 items-center gap-1 overflow-hidden border-r border-border/30 px-1.5",
 					style: { width: r },
 					children: [
-						/* @__PURE__ */ Y(cr, { depth: t.depth }),
+						/* @__PURE__ */ Y(lr, { depth: t.depth }),
 						s ? /* @__PURE__ */ Y("button", {
 							type: "button",
 							tabIndex: -1,
@@ -6248,7 +6332,7 @@ function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 				className: "relative flex-1 overflow-hidden",
 				style: {
 					paddingLeft: $,
-					paddingRight: Xn
+					paddingRight: Zn
 				},
 				"aria-label": `${t.name}: ${v}`,
 				children: [
@@ -6257,8 +6341,8 @@ function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 						style: {
 							left: $ + h,
 							width: Math.max(g, 3),
-							height: Jn,
-							borderRadius: Yn
+							height: Yn,
+							borderRadius: Xn
 						}
 					}),
 					y && /* @__PURE__ */ Y("span", {
@@ -6279,14 +6363,14 @@ function fr({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 		]
 	});
 }
-function pr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
-	let s = Un(e, Hn(n)), c = ve().domain([0, e]).range([0, n]);
+function mr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
+	let s = Wn(e, Un(n)), c = ve().domain([0, e]).range([0, n]);
 	return /* @__PURE__ */ X("div", {
 		className: "flex shrink-0 items-end border-b border-border bg-muted/30",
-		style: { height: Zn },
+		style: { height: Qn },
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex shrink-0 items-center justify-between border-r border-border/30 px-3 pb-2",
-			style: { width: t + Qn },
+			style: { width: t + $n },
 			children: [/* @__PURE__ */ Y("span", {
 				className: "truncate text-[11px] font-semibold tracking-wider text-muted-foreground uppercase",
 				children: "Service & Operation"
@@ -6301,7 +6385,7 @@ function pr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
 			className: "relative flex-1 pb-2",
 			style: {
 				paddingLeft: $,
-				paddingRight: Xn
+				paddingRight: Zn
 			},
 			children: s.map((e, t) => {
 				let n = t === 0, r = t === s.length - 1;
@@ -6311,18 +6395,18 @@ function pr({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
 						left: $ + c(e),
 						transform: n ? "none" : r ? "translateX(-100%)" : "translateX(-50%)"
 					},
-					children: In(e)
+					children: Ln(e)
 				}, e);
 			})
 		})]
 	});
 }
-function mr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
-	let i = Un(e, Hn(n)), a = ve().domain([0, e]).range([0, n]), o = r * Kn;
+function hr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
+	let i = Wn(e, Un(n)), a = ve().domain([0, e]).range([0, n]), o = r * qn;
 	return /* @__PURE__ */ Y("svg", {
 		className: "pointer-events-none absolute top-0",
 		style: {
-			left: t + Qn + $,
+			left: t + $n + $,
 			width: n,
 			height: o
 		},
@@ -6338,7 +6422,7 @@ function mr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r })
 		}, e))
 	});
 }
-var hr = [
+var gr = [
 	{
 		indent: 0,
 		labelPct: 60,
@@ -6370,7 +6454,7 @@ var hr = [
 		barPct: 65
 	}
 ];
-function gr({ ariaLabel: t, className: n, ...r }) {
+function _r({ ariaLabel: t, className: n, ...r }) {
 	return /* @__PURE__ */ X("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -6379,13 +6463,13 @@ function gr({ ariaLabel: t, className: n, ...r }) {
 		...r,
 		children: [/* @__PURE__ */ Y("div", {
 			className: "flex shrink-0 items-center border-b border-border bg-muted/30 px-3",
-			style: { height: Zn },
+			style: { height: Qn },
 			children: /* @__PURE__ */ Y(b, { className: "h-3 w-1/3 max-w-32" })
 		}), /* @__PURE__ */ Y("div", {
 			className: "flex-1",
-			children: hr.map((e, t) => /* @__PURE__ */ X("div", {
+			children: gr.map((e, t) => /* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2 px-2",
-				style: { height: Kn },
+				style: { height: qn },
 				children: [/* @__PURE__ */ X("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					style: { paddingLeft: e.indent * 12 },
@@ -6403,7 +6487,7 @@ function gr({ ariaLabel: t, className: n, ...r }) {
 						className: "rounded-sm",
 						style: {
 							width: `${e.barPct}%`,
-							height: Jn
+							height: Yn
 						}
 					})
 				})]
@@ -6411,14 +6495,14 @@ function gr({ ariaLabel: t, className: n, ...r }) {
 		})]
 	});
 }
-function _r({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHover: a, onSpanLeave: o, defaultCollapsed: s = !1, renderTooltip: c, ariaLabel: l = "Trace waterfall timeline", className: u, ...d }) {
+function vr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHover: a, onSpanLeave: o, defaultCollapsed: s = !1, renderTooltip: c, ariaLabel: l = "Trace waterfall timeline", className: u, ...d }) {
 	let f = E(n, t.length), [p, m] = U.useState({
-		labelWidth: Wn,
+		labelWidth: Gn,
 		timelineWidth: 0
-	}), h = U.useRef(null), g = U.useMemo(() => lr(t), [t]), [_, v] = U.useState(() => s ? new Set(lr(t)) : /* @__PURE__ */ new Set()), y = U.useCallback((e) => {
+	}), h = U.useRef(null), g = U.useMemo(() => ur(t), [t]), [_, v] = U.useState(() => s ? new Set(ur(t)) : /* @__PURE__ */ new Set()), y = U.useCallback((e) => {
 		if (h.current &&= (h.current.disconnect(), null), e) {
 			let t = new ResizeObserver(([e]) => {
-				let t = Math.round(e.contentRect.width), n = Math.min(Wn, Math.round(t * Gn)), r = t - n - Qn - $ - Xn;
+				let t = Math.round(e.contentRect.width), n = Math.min(Gn, Math.round(t * Kn)), r = t - n - $n - $ - Zn;
 				m({
 					labelWidth: n,
 					timelineWidth: Math.max(r, 0)
@@ -6426,13 +6510,13 @@ function _r({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 			});
 			t.observe(e), h.current = t;
 		}
-	}, []), b = U.useMemo(() => Ln(t), [t]), S = U.useMemo(() => tr(t), [t]), C = U.useMemo(() => dr(t), [t]), w = U.useMemo(() => ur(t, _), [t, _]), T = U.useCallback((e) => {
+	}, []), b = U.useMemo(() => Rn(t), [t]), S = U.useMemo(() => nr(t), [t]), C = U.useMemo(() => fr(t), [t]), w = U.useMemo(() => dr(t, _), [t, _]), T = U.useCallback((e) => {
 		v((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), D = U.useCallback(() => v(/* @__PURE__ */ new Set()), []), O = U.useCallback(() => v(new Set(g)), [g]), k = _.size > 0;
-	return f === "loading" ? /* @__PURE__ */ Y(gr, {
+	return f === "loading" ? /* @__PURE__ */ Y(_r, {
 		ariaLabel: l,
 		className: u,
 		...d
@@ -6446,7 +6530,7 @@ function _r({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 		role: "treegrid",
 		"aria-label": l,
 		...d,
-		children: [/* @__PURE__ */ Y(pr, {
+		children: [/* @__PURE__ */ Y(mr, {
 			traceDurationNs: b,
 			labelWidth: p.labelWidth,
 			usableWidth: p.timelineWidth,
@@ -6458,17 +6542,17 @@ function _r({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 			className: "min-h-0 flex-1",
 			children: /* @__PURE__ */ X("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ Y(mr, {
+				children: [/* @__PURE__ */ Y(hr, {
 					traceDurationNs: b,
 					labelWidth: p.labelWidth,
 					usableWidth: p.timelineWidth,
 					rowCount: w.length
-				}), w.map((e) => /* @__PURE__ */ Y(fr, {
+				}), w.map((e) => /* @__PURE__ */ Y(pr, {
 					span: e,
 					traceDurationNs: b,
 					labelWidth: p.labelWidth,
 					usableWidth: p.timelineWidth,
-					serviceColor: S.get(e.serviceName) ?? er[0],
+					serviceColor: S.get(e.serviceName) ?? tr[0],
 					selected: e.spanId === r,
 					hasChildren: g.has(e.spanId),
 					collapsed: _.has(e.spanId),
@@ -6485,27 +6569,27 @@ function _r({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 }
 //#endregion
 //#region src/charts/BreakdownChart/BarMeter.tsx
-var vr = {
+var yr = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function yr({ trend: t, sentiment: n }) {
+function br({ trend: t, sentiment: n }) {
 	let r = t.direction === "down" ? Q : pt;
 	return /* @__PURE__ */ X("span", {
-		className: e("inline-flex items-center gap-0.5 text-xs font-medium", vr[n]),
+		className: e("inline-flex items-center gap-0.5 text-xs font-medium", yr[n]),
 		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(r, { className: "size-3 stroke-[2.5]" }), t.isNew ? "New" : `${t.value}%`]
 	});
 }
-function br({ rank: e }) {
+function xr({ rank: e }) {
 	return /* @__PURE__ */ Y("span", {
 		"aria-hidden": "true",
 		className: "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-md bg-muted px-1 text-[11px] font-semibold text-muted-foreground tabular-nums",
 		children: e
 	});
 }
-function xr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon: o, trend: s, trendSentiment: c = "higher-is-better", threshold: l, rank: u, compact: d = !1, animated: f = !0, highlighted: p = !1, dimmed: m = !1, interactive: h = !1, className: g, ..._ }) {
-	let v = Math.max(0, Math.min(1, r)), y = l === void 0 ? void 0 : Math.max(0, Math.min(1, l)), b = p ? `0 1px 8px -1px color-mix(in oklab, ${i} 55%, transparent)` : void 0, x = s ? sn(s.direction, c) : void 0;
+function Sr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon: o, trend: s, trendSentiment: c = "higher-is-better", threshold: l, rank: u, compact: d = !1, animated: f = !0, highlighted: p = !1, dimmed: m = !1, interactive: h = !1, className: g, ..._ }) {
+	let v = Math.max(0, Math.min(1, r)), y = l === void 0 ? void 0 : Math.max(0, Math.min(1, l)), b = p ? `0 1px 8px -1px color-mix(in oklab, ${i} 55%, transparent)` : void 0, x = s ? cn(s.direction, c) : void 0;
 	return /* @__PURE__ */ X("div", {
 		"data-slot": "bar-meter",
 		role: h ? "button" : void 0,
@@ -6521,7 +6605,7 @@ function xr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
 				children: [/* @__PURE__ */ X("span", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						u !== void 0 && /* @__PURE__ */ Y(br, { rank: u }),
+						u !== void 0 && /* @__PURE__ */ Y(xr, { rank: u }),
 						o && /* @__PURE__ */ Y(o, { className: e("size-4 shrink-0 transition-colors", p ? "text-foreground" : "text-muted-foreground") }),
 						/* @__PURE__ */ Y("span", {
 							className: e("truncate text-sm transition-colors", p ? "font-semibold text-foreground" : "font-medium text-foreground"),
@@ -6530,7 +6614,7 @@ function xr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
 					]
 				}), /* @__PURE__ */ X("span", {
 					className: "flex shrink-0 items-center gap-2",
-					children: [s && x && /* @__PURE__ */ Y(yr, {
+					children: [s && x && /* @__PURE__ */ Y(br, {
 						trend: s,
 						sentiment: x
 					}), /* @__PURE__ */ Y("span", {
@@ -6568,9 +6652,9 @@ function xr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownContext.tsx
-var Sr = U.createContext(null);
-function Cr() {
-	return U.useContext(Sr) || {
+var Cr = U.createContext(null);
+function wr() {
+	return U.useContext(Cr) || {
 		tooltip: null,
 		legend: null,
 		summary: null,
@@ -6579,7 +6663,7 @@ function Cr() {
 		setSummary: () => void 0
 	};
 }
-function wr({ children: e }) {
+function Tr({ children: e }) {
 	let [t, n] = U.useState(null), [r, i] = U.useState(null), [a, o] = U.useState(null), s = U.useMemo(() => ({
 		tooltip: t,
 		legend: r,
@@ -6592,21 +6676,21 @@ function wr({ children: e }) {
 		r,
 		a
 	]);
-	return /* @__PURE__ */ Y(Sr.Provider, {
+	return /* @__PURE__ */ Y(Cr.Provider, {
 		value: s,
 		children: e
 	});
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownTooltip.tsx
-function Tr({ content: e }) {
-	let { setTooltip: t } = Cr();
+function Er({ content: e }) {
+	let { setTooltip: t } = wr();
 	return U.useLayoutEffect(() => (t({ content: typeof e == "function" ? e : (t, n) => U.cloneElement(e, {
 		item: t,
 		meta: n
 	}) }), () => t(null)), [e, t]), null;
 }
-function Er({ pos: e, containerRef: t, children: n }) {
+function Dr({ pos: e, containerRef: t, children: n }) {
 	let r = U.useRef(null), [i, a] = U.useState({
 		x: 0,
 		y: 0,
@@ -6648,10 +6732,10 @@ function Er({ pos: e, containerRef: t, children: n }) {
 		children: n
 	}), document.body);
 }
-function Dr(e) {
+function Or(e) {
 	return typeof e == "number" ? e.toLocaleString() : e;
 }
-function Or({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = Dr, showTotal: l = !1, totalLabel: u = "Total", className: d, ...f }) {
+function kr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = Or, showTotal: l = !1, totalLabel: u = "Total", className: d, ...f }) {
 	let p = i === void 0 && t !== void 0 && n !== void 0, m = r ?? t?.label, h = i ?? (p ? [{
 		name: n.formattedValue,
 		value: `${(n.ratio * 100).toFixed(1)}%`,
@@ -6705,7 +6789,7 @@ function Or({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator:
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownChart.tsx
-function kr(e) {
+function Ar(e) {
 	let [t, n] = U.useState(!e);
 	return U.useEffect(() => {
 		if (!e) return;
@@ -6713,7 +6797,7 @@ function kr(e) {
 		return () => cancelAnimationFrame(t);
 	}, [e]), t;
 }
-var Ar = [
+var jr = [
 	"var(--chart-1)",
 	"var(--chart-2)",
 	"var(--chart-3)",
@@ -6725,10 +6809,10 @@ var Ar = [
 	"var(--chart-9)",
 	"var(--chart-10)"
 ];
-function jr(e, t) {
-	return e.color ?? Ar[t % Ar.length];
-}
 function Mr(e, t) {
+	return e.color ?? jr[t % jr.length];
+}
+function Nr(e, t) {
 	switch (t) {
 		case "total": {
 			let t = e.reduce((e, t) => e + t.value, 0);
@@ -6742,7 +6826,7 @@ function Mr(e, t) {
 		default: return t;
 	}
 }
-var Nr = [
+var Pr = [
 	.7,
 	.45,
 	.25,
@@ -6750,7 +6834,7 @@ var Nr = [
 	.35,
 	.2
 ];
-function Pr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
+function Fr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ Y("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -6766,15 +6850,15 @@ function Pr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
 				}),
 				/* @__PURE__ */ Y(b, {
 					className: "h-2 rounded-full",
-					style: { width: `${Nr[r % Nr.length] * 100}%` }
+					style: { width: `${Pr[r % Pr.length] * 100}%` }
 				}),
 				/* @__PURE__ */ Y(b, { className: "h-3 w-20" })
 			]
 		}, r))
 	});
 }
-var Fr = 12, Ir = -12;
-function Lr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey: a, highlightOnHover: o, interactive: s, legendSlot: c, onSegmentHover: l, onSegmentClick: u }) {
+var Ir = 12, Lr = -12;
+function Rr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey: a, highlightOnHover: o, interactive: s, legendSlot: c, onSegmentHover: l, onSegmentClick: u }) {
 	let d = t.reduce((e, t) => e + t.value, 0);
 	return /* @__PURE__ */ X("div", {
 		className: "flex flex-col gap-3",
@@ -6789,7 +6873,7 @@ function Lr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
 					className: e("h-full ease-out", r ? "transition-[width,opacity] duration-700" : "transition-opacity duration-200", f === 0 && "rounded-l-full", f === t.length - 1 && "rounded-r-full", h && "opacity-55", m && o && "opacity-100", s && "cursor-pointer"),
 					style: {
 						width: i ? `${p}%` : "0%",
-						backgroundColor: jr(c, f)
+						backgroundColor: Mr(c, f)
 					},
 					onMouseEnter: () => l(c),
 					onMouseLeave: () => l(null),
@@ -6807,7 +6891,7 @@ function Lr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
 				children: [
 					/* @__PURE__ */ Y("span", {
 						className: "inline-block size-2.5 shrink-0 rounded-full",
-						style: { backgroundColor: jr(e, t) },
+						style: { backgroundColor: Mr(e, t) },
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ Y("span", {
@@ -6823,10 +6907,10 @@ function Lr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
 		})]
 	});
 }
-function Rr(e, { pitch: t, gap: n }) {
+function zr(e, { pitch: t, gap: n }) {
 	return Math.max(0, Math.floor((e + n) / t));
 }
-function zr(e, t) {
+function Br(e, t) {
 	let n = e.querySelectorAll("[data-slot=\"bar-meter\"]");
 	if (n.length >= 2) {
 		let e = n[1].offsetTop - n[0].offsetTop;
@@ -6843,12 +6927,12 @@ function zr(e, t) {
 		gap: i
 	};
 }
-function Br(e) {
+function Vr(e) {
 	let [t, n] = U.useState(void 0), r = U.useRef(null), i = U.useCallback(() => {
 		let t = e.current;
 		if (!t) return;
-		r.current = zr(t, r.current);
-		let i = r.current, a = t.clientHeight, o = i && a > 0 ? Rr(a, i) : void 0;
+		r.current = Br(t, r.current);
+		let i = r.current, a = t.clientHeight, o = i && a > 0 ? zr(a, i) : void 0;
 		n((e) => e === o ? e : o);
 	}, [e]);
 	return U.useEffect(() => {
@@ -6861,7 +6945,7 @@ function Br(e) {
 		remeasure: i
 	};
 }
-function Vr(e, t, n) {
+function Hr(e, t, n) {
 	let r = t === void 0 || Number.isNaN(t) ? void 0 : Math.max(0, Math.floor(t)), i = r ?? n, [a, o] = U.useState(!1), [s, c] = U.useState(r);
 	Object.is(r, s) || (c(r), a && o(!1));
 	let l = U.useCallback(() => o((e) => !e), []);
@@ -6879,21 +6963,21 @@ function Vr(e, t, n) {
 		toggle: l
 	};
 }
-function Hr({ children: e, ...t }) {
-	return /* @__PURE__ */ X(wr, { children: [e, /* @__PURE__ */ Y(Ur, { ...t })] });
+function Ur({ children: e, ...t }) {
+	return /* @__PURE__ */ X(Tr, { children: [e, /* @__PURE__ */ Y(Wr, { ...t })] });
 }
-function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue: i, trendSentiment: a = "higher-is-better", sortByValue: o, showRank: s = !1, summary: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f = !0, state: p, skeletonRows: m = 3, ariaLabel: h = "Breakdown chart", onItemClick: g, onItemHover: _, className: v, ...y }) {
-	let { tooltip: b, legend: S, summary: C } = Cr(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = kr(u), k = U.useRef(null), [A, j] = U.useState(null), M = U.useMemo(() => o ? [...t].sort((e, t) => o === "asc" ? e.value - t.value : t.value - e.value) : t, [t, o]), N = U.useMemo(() => Mr(M, r), [M, r]), P = U.useCallback((e) => {
+function Wr({ items: t, variant: n = "list", ratioMode: r = "total", formatValue: i, trendSentiment: a = "higher-is-better", sortByValue: o, showRank: s = !1, summary: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f = !0, state: p, skeletonRows: m = 3, ariaLabel: h = "Breakdown chart", onItemClick: g, onItemHover: _, className: v, ...y }) {
+	let { tooltip: b, legend: S, summary: C } = wr(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = Ar(u), k = U.useRef(null), [A, j] = U.useState(null), M = U.useMemo(() => o ? [...t].sort((e, t) => o === "asc" ? e.value - t.value : t.value - e.value) : t, [t, o]), N = U.useMemo(() => Nr(M, r), [M, r]), P = U.useCallback((e) => {
 		E(e?.key ?? null), e || j(null), _?.(e);
 	}, [_]), F = U.useCallback((e) => {
 		if (!b || !k.current) return;
 		let t = k.current.getBoundingClientRect();
 		j({
-			x: e.clientX - t.left + Fr,
-			y: e.clientY - t.top + Ir
+			x: e.clientX - t.left + Ir,
+			y: e.clientY - t.top + Lr
 		});
 	}, [b]);
-	if (w === "loading") return /* @__PURE__ */ Y(Pr, {
+	if (w === "loading") return /* @__PURE__ */ Y(Fr, {
 		rows: m,
 		compact: d,
 		className: v,
@@ -6905,11 +6989,11 @@ function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 		children: /* @__PURE__ */ Y(x, { ariaLabel: h })
 	});
 	let I = T ? M.findIndex((e) => e.key === T) : -1, L = I >= 0 ? M[I] : null, R = L ? {
-		color: jr(L, I),
+		color: Mr(L, I),
 		index: I,
 		ratio: N[I],
 		formattedValue: i ? i(L.value) : String(L.value)
-	} : null, z = b && L && R && A ? /* @__PURE__ */ Y(Er, {
+	} : null, z = b && L && R && A ? /* @__PURE__ */ Y(Dr, {
 		pos: A,
 		containerRef: k,
 		children: b.content(L, R)
@@ -6921,7 +7005,7 @@ function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 		onMouseMove: F,
 		...y,
 		ref: k,
-		children: [/* @__PURE__ */ Y(Lr, {
+		children: [/* @__PURE__ */ Y(Rr, {
 			items: M,
 			formatValue: i,
 			animated: u,
@@ -6933,7 +7017,7 @@ function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 			onSegmentHover: P,
 			onSegmentClick: g
 		}), z]
-	}) : /* @__PURE__ */ Y(Wr, {
+	}) : /* @__PURE__ */ Y(Gr, {
 		containerRef: k,
 		items: M,
 		ratios: N,
@@ -6958,8 +7042,8 @@ function Ur({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 		...y
 	});
 }
-function Wr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentiment: a = "higher-is-better", showRank: o = !1, summary: s, summarySlot: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f, mounted: p, ariaLabel: m = "Breakdown chart", hoveredKey: h, interactive: g, onItemHover: _, onItemClick: v, tooltipPortal: y, className: b, ...x }) {
-	let S = U.useRef(null), { fitCount: C, remeasure: w } = Br(S), { visibleItems: T, hiddenCount: E, expanded: D, collapsible: O, toggle: k } = Vr(n, l, C);
+function Gr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentiment: a = "higher-is-better", showRank: o = !1, summary: s, summarySlot: c, maxItems: l, animated: u = !0, compact: d = !1, highlightOnHover: f, mounted: p, ariaLabel: m = "Breakdown chart", hoveredKey: h, interactive: g, onItemHover: _, onItemClick: v, tooltipPortal: y, className: b, ...x }) {
+	let S = U.useRef(null), { fitCount: C, remeasure: w } = Vr(S), { visibleItems: T, hiddenCount: E, expanded: D, collapsible: O, toggle: k } = Hr(n, l, C);
 	U.useLayoutEffect(w, [
 		w,
 		n,
@@ -6995,11 +7079,11 @@ function Wr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
 				},
 				children: /* @__PURE__ */ Y("div", {
 					className: e("flex flex-col", M),
-					children: T.map((e, t) => /* @__PURE__ */ Y(xr, {
+					children: T.map((e, t) => /* @__PURE__ */ Y(Sr, {
 						label: e.label,
 						formattedValue: i ? i(e.value) : String(e.value),
 						ratio: p ? r[t] : 0,
-						color: jr(e, t),
+						color: Mr(e, t),
 						detail: e.detail,
 						icon: e.icon,
 						trend: e.trend,
@@ -7043,11 +7127,11 @@ function Wr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownLegend.tsx
-function Gr({ children: e }) {
-	let { setLegend: t } = Cr();
+function Kr({ children: e }) {
+	let { setLegend: t } = wr();
 	return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
 }
-function Kr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
+function qr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
 	return /* @__PURE__ */ Y("div", {
 		className: e("flex flex-wrap items-center gap-x-4 gap-y-1", i),
 		...a,
@@ -7073,13 +7157,13 @@ function Kr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownSummary.tsx
-function qr({ children: e }) {
-	let { setSummary: t } = Cr();
+function Jr({ children: e }) {
+	let { setSummary: t } = wr();
 	return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
 }
 //#endregion
 //#region src/charts/FilterCombobox/DataTypeIcon.tsx
-function Jr({ icon: t, tooltipContent: n, colorClass: r }) {
+function Yr({ icon: t, tooltipContent: n, colorClass: r }) {
 	return /* @__PURE__ */ X(se, { children: [/* @__PURE__ */ Y(ue, {
 		asChild: !0,
 		children: /* @__PURE__ */ Y("span", {
@@ -7093,10 +7177,10 @@ function Jr({ icon: t, tooltipContent: n, colorClass: r }) {
 }
 //#endregion
 //#region src/charts/FilterCombobox/DataTypeIcons.tsx
-function Yr({ dataTypes: e }) {
+function Xr({ dataTypes: e }) {
 	return e.length === 0 ? null : /* @__PURE__ */ Y("span", {
 		className: "ml-2 flex shrink-0 items-center",
-		children: e.map((e) => /* @__PURE__ */ Y(Jr, {
+		children: e.map((e) => /* @__PURE__ */ Y(Yr, {
 			icon: e.icon,
 			tooltipContent: e.tooltipContent,
 			colorClass: e.colorClass
@@ -7105,19 +7189,19 @@ function Yr({ dataTypes: e }) {
 }
 //#endregion
 //#region src/charts/FilterCombobox/filter-combobox-options.ts
-function Xr(e, t) {
+function Zr(e, t) {
 	return `${e}-${t}`;
 }
-function Zr(e) {
+function Qr(e) {
 	return e;
 }
-function Qr(e, t) {
+function $r(e, t) {
 	return `${e}-option-${t}`;
 }
-function $r(e, t, n, r) {
+function ei(e, t, n, r) {
 	if (!e) return t.map((e) => ({
 		item: e,
-		optionValue: Zr(e.id)
+		optionValue: Qr(e.id)
 	}));
 	let i = [];
 	for (let e of n) {
@@ -7125,30 +7209,30 @@ function $r(e, t, n, r) {
 		let n = t.filter((t) => t.scopes.includes(e.id));
 		for (let t of n) i.push({
 			item: t,
-			optionValue: Xr(e.id, t.id)
+			optionValue: Zr(e.id, t.id)
 		});
 	}
 	return i;
 }
-function ei(e, t, n) {
+function ti(e, t, n) {
 	if (e.length === 0) return;
 	let r = t ? e.findIndex((e) => e.optionValue === t) : -1;
 	return r === -1 ? n === "next" ? e[0].optionValue : e[e.length - 1].optionValue : n === "next" ? e[r < e.length - 1 ? r + 1 : 0].optionValue : e[r > 0 ? r - 1 : e.length - 1].optionValue;
 }
-function ti(e, t) {
+function ni(e, t) {
 	if (t) return e.some((e) => e.optionValue === t) ? t : void 0;
 }
 //#endregion
 //#region src/charts/FilterCombobox/resolve-item-data-types.ts
-function ni(e) {
+function ri(e) {
 	return e.dataTypeIds ?? [];
 }
-function ri(e, t) {
-	return Array.from(new Set(ni(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
+function ii(e, t) {
+	return Array.from(new Set(ri(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
 }
 //#endregion
 //#region src/charts/FilterCombobox/FilterGroupedList.tsx
-function ii({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScope: a, onSelect: o, onHighlightOption: s }) {
+function ai({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScope: a, onSelect: o, onHighlightOption: s }) {
 	return /* @__PURE__ */ Y(J, { children: t.map((t) => {
 		let c = r.filter((e) => e.scopes.includes(t.id));
 		if (c.length === 0) return null;
@@ -7179,7 +7263,7 @@ function ii({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
 			}), /* @__PURE__ */ Y(R, { children: /* @__PURE__ */ Y(B, {
 				className: "mt-1 ml-3 pl-1",
 				children: (i[t.id] ?? !0) && c.map((e) => {
-					let r = ri(e, n), i = Xr(t.id, e.id);
+					let r = ii(e, n), i = Zr(t.id, e.id);
 					return /* @__PURE__ */ X(V, {
 						"data-filter-option-value": i,
 						value: i,
@@ -7189,7 +7273,7 @@ function ii({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
 						children: [/* @__PURE__ */ Y("span", {
 							className: "min-w-0 flex-1 truncate font-medium text-foreground",
 							children: e.name
-						}), /* @__PURE__ */ Y(Yr, { dataTypes: r })]
+						}), /* @__PURE__ */ Y(Xr, { dataTypes: r })]
 					}, `${t.id}-${e.id}`);
 				})
 			}) })]
@@ -7198,12 +7282,12 @@ function ii({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
 }
 //#endregion
 //#region src/charts/FilterCombobox/HighlightMatch.tsx
-function ai(e) {
+function oi(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function oi(e, t) {
+function si(e, t) {
 	if (!t.trim()) return [e];
-	let n = ai(t);
+	let n = oi(t);
 	return e.split(RegExp(`(${n})`, "gi")).map((e, n) => e.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ Y("mark", {
 		className: "rounded-sm bg-warning/10 text-warning-foreground",
 		children: e
@@ -7211,12 +7295,12 @@ function oi(e, t) {
 }
 //#endregion
 //#region src/charts/FilterCombobox/FilterSearchList.tsx
-function si({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
+function ci({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
 	return /* @__PURE__ */ Y(B, {
 		heading: `Results (${r.length})`,
 		className: "mt-1",
 		children: r.map((r) => {
-			let s = ri(r, n), c = Zr(r.id);
+			let s = ii(r, n), c = Qr(r.id);
 			return /* @__PURE__ */ X(V, {
 				"data-filter-option-value": c,
 				value: c,
@@ -7227,7 +7311,7 @@ function si({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
 					className: "flex min-w-0 flex-1 flex-col gap-1.5 overflow-hidden",
 					children: [/* @__PURE__ */ Y("span", {
 						className: "truncate text-sm font-medium text-foreground",
-						children: oi(r.name, i)
+						children: si(r.name, i)
 					}), /* @__PURE__ */ Y("div", {
 						className: "flex flex-wrap items-center gap-1.5",
 						children: r.scopes.map((n) => {
@@ -7241,14 +7325,14 @@ function si({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
 							}, n);
 						})
 					})]
-				}), /* @__PURE__ */ Y(Yr, { dataTypes: s })]
+				}), /* @__PURE__ */ Y(Xr, { dataTypes: s })]
 			}, r.id);
 		})
 	});
 }
 //#endregion
 //#region src/charts/FilterCombobox/use-filter-combobox.ts
-function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
+function li({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
 	let s = K(), c = _e(null), l = _e(null), u = _e(null), d = _e(!1), f = a !== void 0, p = r !== void 0, [m, h] = q(!1), [g, _] = q(null), [v, y] = q(""), [b, x] = q(void 0), S = f ? a : m, C = p ? r : g, w = G((e) => {
 		f ? o?.(e) : h(e);
 	}, [f, o]), T = G((e) => {
@@ -7261,15 +7345,15 @@ function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 	}, []), k = ge(() => {
 		let t = v.trim().toLowerCase();
 		return t ? e.filter((e) => e.name.toLowerCase().includes(t) || e.id.toLowerCase().includes(t)) : e;
-	}, [e, v]), A = v.trim() === "", j = ge(() => $r(A, k, t, E), [
+	}, [e, v]), A = v.trim() === "", j = ge(() => ei(A, k, t, E), [
 		A,
 		k,
 		t,
 		E
-	]), M = ge(() => ti(j, b), [j, b]), N = M ? Qr(s, M) : void 0, P = G(() => {
+	]), M = ge(() => ni(j, b), [j, b]), N = M ? $r(s, M) : void 0, P = G(() => {
 		x(void 0);
 	}, []), F = G((e) => {
-		x((t) => ei(j, t, e));
+		x((t) => ti(j, t, e));
 	}, [j]), I = G((e) => {
 		d.current = !1, u.current = e, T(e), y(e.name), P(), w(!1), n(e);
 	}, [
@@ -7339,7 +7423,7 @@ function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [P, w]), me(() => {
-		!S || !M || document.getElementById(Qr(s, M))?.scrollIntoView({ block: "nearest" });
+		!S || !M || document.getElementById($r(s, M))?.scrollIntoView({ block: "nearest" });
 	}, [
 		M,
 		S,
@@ -7352,7 +7436,7 @@ function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 		for (let e of t) {
 			if (!(e instanceof HTMLElement)) continue;
 			let t = e.getAttribute("data-filter-option-value");
-			t && (e.id = Qr(s, t));
+			t && (e.id = $r(s, t));
 		}
 	}, [
 		S,
@@ -7386,8 +7470,8 @@ function ci({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 }
 //#endregion
 //#region src/charts/FilterCombobox/FilterCombobox.tsx
-function li({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "Search a property...", emptyMessage: a = "No results found.", listLabel: o = "Filter options", inputId: s, value: c, onValueChange: l, open: u, onOpenChange: d }) {
-	let { listboxId: f, containerRef: p, inputRef: m, isOpen: h, isIdle: g, inputValue: _, highlightedOptionValue: v, activeDescendantId: y, expandedScopes: b, filteredItems: x, toggleScope: S, handleSelect: C, handleClear: w, handleInputChange: T, handleClick: E, handleHighlightOption: D, handleFocus: O, handleKeyDown: k } = ci({
+function ui({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "Search a property...", emptyMessage: a = "No results found.", listLabel: o = "Filter options", inputId: s, value: c, onValueChange: l, open: u, onOpenChange: d }) {
+	let { listboxId: f, containerRef: p, inputRef: m, isOpen: h, isIdle: g, inputValue: _, highlightedOptionValue: v, activeDescendantId: y, expandedScopes: b, filteredItems: x, toggleScope: S, handleSelect: C, handleClear: w, handleInputChange: T, handleClick: E, handleHighlightOption: D, handleFocus: O, handleKeyDown: k } = li({
 		items: n,
 		scopes: e,
 		onSelect: r,
@@ -7450,7 +7534,7 @@ function li({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
 								className: "text-xs",
 								children: a
 							})]
-						}) }), g ? /* @__PURE__ */ Y(ii, {
+						}) }), g ? /* @__PURE__ */ Y(ai, {
 							scopes: e,
 							dataTypes: t,
 							items: x,
@@ -7458,7 +7542,7 @@ function li({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
 							onToggleScope: S,
 							onSelect: C,
 							onHighlightOption: D
-						}) : /* @__PURE__ */ Y(si, {
+						}) : /* @__PURE__ */ Y(ci, {
 							scopes: e,
 							dataTypes: t,
 							items: x,
@@ -7473,4 +7557,4 @@ function li({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
 	});
 }
 //#endregion
-export { Fn as AreaChart, Ge as AreaSeries, Je as BarChart, xr as BarMeter, Ue as BarSeries, Hr as BreakdownChart, Pr as BreakdownChartSkeleton, Gr as BreakdownLegend, Kr as BreakdownLegendContent, qr as BreakdownSummary, Tr as BreakdownTooltip, Or as BreakdownTooltipContent, a as CHART_THEMES, g as CartesianChart, m as CategoryAxis, m as XAxis, Re as ChartBrush, De as ChartCard, O as ChartContainer, Le as ChartLegend, Ie as ChartLegendContent, s as ChartStyle, Pe as ChartTooltip, Ne as ChartTooltipContent, _ as DEFAULT_MARGIN, $e as DoughnutChart, li as FilterCombobox, A as Grid, Pn as LineChart, Ve as LineSeries, _n as Metric, Nn as MetricGroup, D as ReferenceLine, _r as TraceWaterfall, c as ValueAxis, c as YAxis, Un as buildTimeAxisTicks, e as cn, t as compactTick, Rn as computeBarGeometry, Ln as computeTraceDurationNs, In as formatDurationNs, zn as formatTracePercent, sn as resolveSentiment, i as useChartConfig };
+export { In as AreaChart, Ge as AreaSeries, Je as BarChart, Sr as BarMeter, Ue as BarSeries, Ur as BreakdownChart, Fr as BreakdownChartSkeleton, Kr as BreakdownLegend, qr as BreakdownLegendContent, Jr as BreakdownSummary, Er as BreakdownTooltip, kr as BreakdownTooltipContent, a as CHART_THEMES, g as CartesianChart, m as CategoryAxis, m as XAxis, Re as ChartBrush, De as ChartCard, O as ChartContainer, Le as ChartLegend, Ie as ChartLegendContent, s as ChartStyle, Pe as ChartTooltip, Ne as ChartTooltipContent, _ as DEFAULT_MARGIN, $e as DoughnutChart, ui as FilterCombobox, A as Grid, Fn as LineChart, Ve as LineSeries, vn as Metric, Pn as MetricGroup, D as ReferenceLine, vr as TraceWaterfall, c as ValueAxis, c as YAxis, Wn as buildTimeAxisTicks, e as cn, t as compactTick, zn as computeBarGeometry, Rn as computeTraceDurationNs, Ln as formatDurationNs, Bn as formatTracePercent, cn as resolveSentiment, i as useChartConfig };