@gravitee/graphene-charts 3.5.0 → 3.6.0

package/dist/index.js

@@ -1241,7 +1241,21 @@ var Ot = W((e, t) => /* @__PURE__ */ Y("svg", {
 	})
 }));
 Ot.displayName = "OpenAIIcon";
-var kt = W((e, t) => {
+var kt = W((e, t) => /* @__PURE__ */ Y("svg", {
+	ref: t,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	...e,
+	children: /* @__PURE__ */ Y("path", {
+		fill: "currentColor",
+		d: "M21.039 0a2.959 2.959 0 00-2.65 4.274l-6.447 6.447a2.96 2.96 0 101.335 1.336l6.447-6.447A2.959 2.959 0 1021.04 0zM10.628 2.745c-.072 0-.143.003-.214.004-.072.002-.143.002-.215.005-.447.018-.893.064-1.335.138l-.03.005-.185.033-.105.02a7.718 7.718 0 00-.289.062l-.032.008a10.69 10.69 0 00-2.55.95l-.155.089c-.063.034-.125.07-.187.105-.046.027-.093.051-.14.079H5.19l-.01.005-.036.02v.002l.111.184 3.15 5.23a4.168 4.168 0 01.38-.202 4.294 4.294 0 011.628-.413c.071-.004.143-.008.214-.008zm.428.01v6.333c.325.034.647.103.96.209l4.66-4.66c-.173-.12-.348-.237-.528-.347l-.026-.015c-.056-.035-.112-.067-.168-.1l-.098-.056-.099-.055a12.735 12.735 0 00-.171-.092l-.027-.014a10.628 10.628 0 00-1.425-.617c-.69-.241-1.403-.41-2.128-.505l-.089-.012-.09-.01a6.56 6.56 0 00-.17-.019l-.049-.004-.204-.017a6.44 6.44 0 00-.255-.015c-.031-.003-.062-.003-.093-.004zM4.782 4.498a9.92 9.92 0 00-1.36 1.062l4.461 4.461.018.018c.049-.04.098-.078.149-.116l-.011-.018zm-1.67 1.36c-.05.05-.098.103-.147.154l-.149.155c-.33.357-.63.73-.902 1.118l-.039.056a10.588 10.588 0 00-.216.326 10.6 10.6 0 00-1.65 5.276l-.006.215-.003.214h6.317c0-.072.007-.143.01-.214.005-.072.006-.144.013-.215.081-.822.399-1.625.952-2.3.045-.055.096-.106.144-.16.048-.052.093-.107.144-.158zm16.255 1.464l-4.663 4.663c.106.312.175.634.21.959h6.332l-.004-.094a11.579 11.579 0 00-.032-.456l-.005-.052a13.044 13.044 0 00-.026-.241v-.009l-.033-.24v-.009a10.618 10.618 0 00-.327-1.493l-.003-.01a15.839 15.839 0 00-.07-.228l-.01-.03a14.111 14.111 0 00-.069-.204l-.02-.055a5.65 5.65 0 00-.153-.405 7.84 7.84 0 00-.093-.227 16.67 16.67 0 00-.063-.144l-.037-.081a13.776 13.776 0 00-.08-.171l-.024-.052-.096-.194-.014-.027a11.2 11.2 0 00-.112-.212l-.004-.008a10.615 10.615 0 00-.604-.98zm-4.43 6.05c0 .071-.006.142-.01.214-.003.072-.005.143-.012.214a4.29 4.29 0 01-.952 2.301c-.045.055-.096.107-.144.16-.048.053-.093.108-.144.159l4.467 4.467c.051-.051.099-.104.148-.155.05-.052.1-.103.148-.155.331-.358.633-.733.905-1.122l.032-.046.098-.144.085-.13.04-.063a10.597 10.597 0 001.647-5.272c.003-.071.004-.143.006-.214.001-.071.004-.143.004-.214zM.01 13.8l.004.093.01.179.005.076.017.206.005.046c.007.076.015.153.024.228l.003.022a9.605 9.605 0 00.033.248c.072.505.182 1.005.327 1.497l.002.006c.022.077.047.154.071.23l.004.014.005.014a15.737 15.737 0 00.153.439l.03.08.059.148a7.702 7.702 0 00.093.228l.062.14.038.084.078.169.027.054a10.677 10.677 0 00.225.441l.025.043 5.408-3.258.02-.012a4.314 4.314 0 01-.395-1.414h-.025zm.505 2.846l-.206.058.002.005zm6.425-1.052l-5.415 3.262c.083.139.17.273.259.406l.008.014.004.005.008.014h.001c.007.012.014.022.022.032l.001.002v.001a10.634 10.634 0 00.298.417l.006.008a9.963 9.963 0 00.29.368l.033.04c.043.052.086.103.13.153l.057.065.112.127.064.069.029.031.083.09.035.035c.049.051.098.103.149.153L7.58 16.42a3.86 3.86 0 01-.285-.321 4.422 4.422 0 01-.356-.505zm6.416 1.111c-.05.04-.1.079-.15.116l.011.018 3.257 5.407c.151-.099.3-.2.446-.307.315-.232.62-.484.914-.756l-4.46-4.46zm-5.457.003l-.015.015-4.46 4.46a8.966 8.966 0 00.195.176c.022.02.043.04.065.058l.152.13a10.622 10.622 0 00.215.174l.023.017.191.148.008.005c.268.2.547.389.834.564l.03.018.164.097.101.057a5.458 5.458 0 00.27.148c.008.004.016.01.025.013.162.085.327.164.493.24l.158-.385 2.243-5.448.009-.02a4.328 4.328 0 01-.701-.467zm4.951.353c-.061.037-.124.07-.187.104a4.318 4.318 0 01-3.271.336c-.069-.02-.135-.047-.203-.071-.067-.024-.136-.044-.202-.072l-2.242 5.444-.088.213-.075.183v.001l.017.007a.137.137 0 00.019.007l.005.003c.052.021.106.04.159.06.067.027.133.053.2.077l.102.04c.702.247 1.43.42 2.168.518l.087.012.09.01.172.019a7.173 7.173 0 00.252.022c.023.001.048.001.071.003l.184.011.112.005a7.06 7.06 0 00.358.007h.05a10.667 10.667 0 001.793-.15l.185-.034.105-.02.109-.023.18-.04.032-.008a10.684 10.684 0 002.55-.95c.052-.028.104-.06.156-.089.063-.034.125-.07.187-.105.043-.024.087-.047.13-.073h.001l.002-.002.002-.001.002-.001.007-.004.042-.025-.11-.183-.11-.184zm3.262 5.414l-.042.025.042-.024zm-.05.029zm-.005.004h-.002z"
+	})
+}));
+kt.displayName = "OpenApiIcon";
+var At = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -1466,8 +1480,8 @@ var kt = W((e, t) => {
 		})]
 	});
 });
-kt.displayName = "GioAgentManagementIcon";
-var At = W((e, t) => {
+At.displayName = "GioAgentManagementIcon";
+var jt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -1705,8 +1719,8 @@ var At = W((e, t) => {
 		})]
 	});
 });
-At.displayName = "GioApiManagementIcon";
-var jt = W((e, t) => {
+jt.displayName = "GioApiManagementIcon";
+var Mt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -1833,8 +1847,8 @@ var jt = W((e, t) => {
 		})]
 	});
 });
-jt.displayName = "GioAuthorizationIcon";
-var Mt = W((e, t) => {
+Mt.displayName = "GioAuthorizationIcon";
+var Nt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2021,8 +2035,8 @@ var Mt = W((e, t) => {
 		})]
 	});
 });
-Mt.displayName = "GioCatalogIcon";
-var Nt = W((e, t) => {
+Nt.displayName = "GioCatalogIcon";
+var Pt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2247,8 +2261,8 @@ var Nt = W((e, t) => {
 		})]
 	});
 });
-Nt.displayName = "GioDeveloperPortalIcon";
-var Pt = W((e, t) => {
+Pt.displayName = "GioDeveloperPortalIcon";
+var Ft = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2523,8 +2537,8 @@ var Pt = W((e, t) => {
 		})]
 	});
 });
-Pt.displayName = "GioEdgeManagementIcon";
-var Ft = W((e, t) => {
+Ft.displayName = "GioEdgeManagementIcon";
+var It = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2711,8 +2725,8 @@ var Ft = W((e, t) => {
 		})]
 	});
 });
-Ft.displayName = "GioEventApiManagementIcon";
-var It = W((e, t) => {
+It.displayName = "GioEventApiManagementIcon";
+var Lt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -2953,8 +2967,8 @@ var It = W((e, t) => {
 		})]
 	});
 });
-It.displayName = "GioGammaIcon";
-var Lt = W((e, t) => {
+Lt.displayName = "GioGammaIcon";
+var Rt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3195,8 +3209,8 @@ var Lt = W((e, t) => {
 		})]
 	});
 });
-Lt.displayName = "GioHomeIcon";
-var Rt = W((e, t) => {
+Rt.displayName = "GioHomeIcon";
+var zt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3491,8 +3505,8 @@ var Rt = W((e, t) => {
 		})]
 	});
 });
-Rt.displayName = "GioIamIcon";
-var zt = W((e, t) => {
+zt.displayName = "GioIamIcon";
+var Bt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3717,8 +3731,8 @@ var zt = W((e, t) => {
 		})]
 	});
 });
-zt.displayName = "GioObservabilityIcon";
-var Bt = W((e, t) => {
+Bt.displayName = "GioObservabilityIcon";
+var Vt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -3837,8 +3851,8 @@ var Bt = W((e, t) => {
 		})]
 	});
 });
-Bt.displayName = "GioObserveIcon";
-var Vt = W((e, t) => {
+Vt.displayName = "GioObserveIcon";
+var Ht = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4169,8 +4183,8 @@ var Vt = W((e, t) => {
 		})]
 	});
 });
-Vt.displayName = "GioPlatformIcon";
-var Ht = W((e, t) => {
+Ht.displayName = "GioPlatformIcon";
+var Ut = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4289,8 +4303,8 @@ var Ht = W((e, t) => {
 		})]
 	});
 });
-Ht.displayName = "GioProductizeIcon";
-var Ut = W((e, t) => {
+Ut.displayName = "GioProductizeIcon";
+var Wt = W((e, t) => {
 	let n = K();
 	return /* @__PURE__ */ X("svg", {
 		ref: t,
@@ -4417,10 +4431,10 @@ var Ut = W((e, t) => {
 		})]
 	});
 });
-Ut.displayName = "GioSecureIcon";
+Wt.displayName = "GioSecureIcon";
 //#endregion
 //#region src/lib/useContainerSize.ts
-function Wt() {
+function Gt() {
 	let [e, t] = q({
 		width: 0,
 		height: 0
@@ -4445,29 +4459,29 @@ function Wt() {
 }
 //#endregion
 //#region src/charts/Metric/Metric.tsx
-var Gt = {
+var Kt = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function Kt(e, t) {
+function qt(e, t) {
 	return e === "neutral" || t === "neutral" ? "neutral" : t === "higher-is-better" ? e === "up" ? "positive" : "negative" : e === "up" ? "negative" : "positive";
 }
-var qt = 56;
-function Jt(e, t) {
+var Jt = 56;
+function Yt(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 Yt(e) {
+function Xt(e) {
 	return Math.max(10, Math.round(e * .22));
 }
-function Xt(e) {
+function Zt(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 Zt(e) {
+function Qt(e) {
 	return e < 50 ? "text-[9px]" : e < 80 ? "text-[10px]" : e < 120 ? "text-xs" : "text-sm";
 }
-function Qt(e) {
+function $t(e) {
 	return e < 60 ? {
 		text: "text-[9px]",
 		icon: "size-2 stroke-[2.5]"
@@ -4482,7 +4496,7 @@ function Qt(e) {
 		icon: "size-3.5 stroke-[2.5]"
 	};
 }
-function $t({ data: t, color: n, colorClass: r }) {
+function en({ data: t, color: n, colorClass: r }) {
 	let i = U.useRef(null), [a, o] = U.useState({
 		width: 0,
 		height: 0
@@ -4534,14 +4548,14 @@ function $t({ data: t, color: n, colorClass: r }) {
 		] })
 	});
 }
-function en({ trend: t, sentiment: n, trendClass: r }) {
+function tn({ trend: t, sentiment: n, trendClass: r }) {
 	let i = t.direction === "down" ? Q : ct;
 	return /* @__PURE__ */ X("span", {
-		className: e("inline-flex items-center gap-1 font-medium", r.text, Gt[n]),
+		className: e("inline-flex items-center gap-1 font-medium", r.text, Kt[n]),
 		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: r.icon }), t.isNew ? "New" : `${t.value}%`]
 	});
 }
-function tn({ className: t, ...n }) {
+function nn({ className: t, ...n }) {
 	return /* @__PURE__ */ X("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -4560,15 +4574,15 @@ function tn({ className: t, ...n }) {
 		}), /* @__PURE__ */ Y(_, { className: "min-h-5 w-full flex-1" })]
 	});
 }
-function nn({ 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 } = Wt();
-	if (r === "loading") return /* @__PURE__ */ Y(tn, {
+function rn({ 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 } = Gt();
+	if (r === "loading") return /* @__PURE__ */ Y(nn, {
 		className: d,
 		...f
 	});
-	let g = r === "empty" ? "—" : t, _ = r === "empty" ? void 0 : o, v = r === "empty" ? void 0 : l, y = _ ? Kt(_.direction, s) : void 0, b = !u && y ? Gt[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= qt && !c, C = c || !S, w = Xt(h), T = Zt(h), E = Qt(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 = _ ? qt(_.direction, s) : void 0, b = !u && y ? Kt[y] : void 0, x = u ?? (y ? void 0 : "var(--chart-1)"), S = v != null && v.length >= 2 && h >= Jt && !c, C = c || !S, w = Zt(h), T = Qt(h), E = $t(h), D = n && h > 50, O = !!(_ && y && (S || h > 40));
 	if (C) {
-		let t = Jt(m, h), r = Yt(t);
+		let t = Yt(m, h), r = Xt(t);
 		return /* @__PURE__ */ X("div", {
 			ref: p,
 			className: e("flex h-full flex-col items-center justify-center gap-1 text-center", d),
@@ -4584,7 +4598,7 @@ function nn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 					style: { fontSize: r },
 					children: n
 				}),
-				O && _ && y && /* @__PURE__ */ Y(en, {
+				O && _ && y && /* @__PURE__ */ Y(tn, {
 					trend: _,
 					sentiment: y,
 					trendClass: E
@@ -4608,7 +4622,7 @@ function nn({ 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(en, {
+							children: [/* @__PURE__ */ Y(tn, {
 								trend: _,
 								sentiment: y,
 								trendClass: E
@@ -4628,7 +4642,7 @@ function nn({ 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($t, {
+			children: /* @__PURE__ */ Y(en, {
 				data: v,
 				color: x,
 				colorClass: b
@@ -4638,49 +4652,49 @@ function nn({ value: t, label: n, state: r, description: i, icon: a, trend: o, t
 }
 //#endregion
 //#region src/charts/MetricGroup/MetricGroup.tsx
-function rn(e) {
+function an(e) {
 	return "category" in e && "metrics" in e;
 }
-var an = {
+var on = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function on(e) {
+function sn(e) {
 	let t = 0;
-	for (let n of e) t += rn(n) ? n.metrics.length : 1;
+	for (let n of e) t += an(n) ? n.metrics.length : 1;
 	return t;
 }
-function sn(e) {
-	return rn(e) ? e.metrics.length : 1;
+function cn(e) {
+	return an(e) ? e.metrics.length : 1;
 }
-var cn = [
+var ln = [
 	"xs",
 	"sm",
 	"md",
 	"lg"
 ];
-function ln(e, t, n) {
+function un(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 cn[Math.min(cn.indexOf(i), cn.indexOf(a))];
+	return ln[Math.min(ln.indexOf(i), ln.indexOf(a))];
 }
-var un = {
+var dn = {
 	xs: 40,
 	sm: 55,
 	md: 75,
 	lg: 100
-}, dn = 40, fn = 80;
-function pn(e, t, n) {
-	if (e < fn) return 0;
-	let r = un[n], i = 0, a = 0;
+}, fn = 40, pn = 80;
+function mn(e, t, n) {
+	if (e < pn) return 0;
+	let r = dn[n], i = 0, a = 0;
 	for (let n = 0; n < t.length; n++) {
-		let o = r * sn(t[n]), s = t.length - (n + 1) > 0 ? dn : 0;
+		let o = r * cn(t[n]), s = t.length - (n + 1) > 0 ? fn : 0;
 		if (a + o + s > e) break;
 		a += o, i++;
 	}
 	return i;
 }
-var mn = {
+var hn = {
 	value: {
 		xs: "text-xs font-bold leading-tight",
 		sm: "text-base font-semibold",
@@ -4718,31 +4732,31 @@ var mn = {
 		lg: "px-5"
 	}
 };
-function hn({ trend: t, sentiment: n, size: r }) {
+function gn({ trend: t, sentiment: n, size: r }) {
 	let i = t.direction === "down" ? Q : ct, a = r === "xs" || r === "sm";
 	return a && t.direction === "neutral" ? null : /* @__PURE__ */ X("span", {
-		className: e("inline-flex items-center gap-px font-medium", mn.trend[r], an[n]),
-		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: mn.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
+		className: e("inline-flex items-center gap-px font-medium", hn.trend[r], on[n]),
+		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(i, { className: hn.trendIcon[r] }), !a && (t.isNew ? "New" : `${t.value}%`)]
 	});
 }
-function gn({ item: t, size: n, labelVisible: r }) {
-	let i = t.trend ? Kt(t.trend.direction, t.trendSentiment ?? "higher-is-better") : void 0, a = r && t.label, o = /* @__PURE__ */ X("div", {
+function _n({ item: t, size: n, labelVisible: r }) {
+	let i = t.trend ? qt(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", mn.value[n]),
+				className: e("truncate tracking-tight text-foreground", hn.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(hn, {
+				children: /* @__PURE__ */ Y(gn, {
 					trend: t.trend,
 					sentiment: i,
 					size: n
 				})
 			})]
 		}), a && /* @__PURE__ */ Y("span", {
-			className: e("truncate text-muted-foreground", mn.label[n]),
+			className: e("truncate text-muted-foreground", hn.label[n]),
 			children: t.label
 		})]
 	});
@@ -4757,7 +4771,7 @@ function gn({ item: t, size: n, labelVisible: r }) {
 		children: o
 	});
 }
-function _n({ count: t, size: n }) {
+function vn({ count: t, size: n }) {
 	let r = `${t} more ${t === 1 ? "metric" : "metrics"} hidden`;
 	return /* @__PURE__ */ X(ie, { children: [/* @__PURE__ */ Y(se, {
 		asChild: !0,
@@ -4769,7 +4783,7 @@ function _n({ count: t, size: n }) {
 		})
 	}), /* @__PURE__ */ Y(ae, { children: r })] });
 }
-function vn({ count: t, className: n, ...r }) {
+function yn({ count: t, className: n, ...r }) {
 	return /* @__PURE__ */ Y("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -4782,14 +4796,14 @@ function vn({ count: t, className: n, ...r }) {
 		}, t))
 	});
 }
-function yn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
-	let { ref: o, width: s, height: c } = Wt();
-	if (n === "loading") return /* @__PURE__ */ Y(vn, {
-		count: t.length > 0 ? on(t) : r ?? 5,
+function bn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
+	let { ref: o, width: s, height: c } = Gt();
+	if (n === "loading") return /* @__PURE__ */ Y(yn, {
+		count: t.length > 0 ? sn(t) : r ?? 5,
 		className: i,
 		...a
 	});
-	let l = n === "empty" ? t.map((e) => rn(e) ? {
+	let l = n === "empty" ? t.map((e) => an(e) ? {
 		...e,
 		metrics: e.metrics.map((e) => ({
 			...e,
@@ -4800,7 +4814,7 @@ function yn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 		...e,
 		value: "—",
 		trend: void 0
-	}) : t, u = on(l), d = s > 0 ? ln(s, c, u) : "md", f = c >= 50, p = s > 0 ? pn(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
+	}) : t, u = sn(l), d = s > 0 ? un(s, c, u) : "md", f = c >= 50, p = s > 0 ? mn(s, l, d) : l.length, m = l.slice(0, p), h = l.length - p, g = p === 0;
 	return /* @__PURE__ */ Y(oe, {
 		delayDuration: 300,
 		children: /* @__PURE__ */ X("div", {
@@ -4810,21 +4824,21 @@ function yn({ 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 = rn(t) ? t.category : `${t.value}-${t.label ?? ""}`;
+				let n = an(t) ? t.category : `${t.value}-${t.label ?? ""}`;
 				return /* @__PURE__ */ Y("div", {
-					style: { flex: sn(t) },
-					className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", mn.cellPadding[d]),
-					children: rn(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
-						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", mn.category[d]),
+					style: { flex: cn(t) },
+					className: e("flex min-w-0 flex-col justify-center overflow-x-hidden", hn.cellPadding[d]),
+					children: an(t) ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("span", {
+						className: e("mb-0.5 font-medium tracking-wider text-muted-foreground uppercase", hn.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(gn, {
+						children: t.metrics.map((e) => /* @__PURE__ */ Y(_n, {
 							item: e,
 							size: d,
 							labelVisible: f
 						}, `${e.value}-${e.label ?? ""}`))
-					})] }) : /* @__PURE__ */ Y(gn, {
+					})] }) : /* @__PURE__ */ Y(_n, {
 						item: t,
 						size: d,
 						labelVisible: f
@@ -4832,7 +4846,7 @@ function yn({ 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(_n, {
+				children: /* @__PURE__ */ Y(vn, {
 					count: h,
 					size: d
 				})
@@ -4842,7 +4856,7 @@ function yn({ items: t, state: n, skeletonCount: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/charts/LineChart/LineChart.tsx
-function bn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", showDots: a = !1, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: d, categoryTickFormatter: f, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: S, children: C, ...w }) {
+function xn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", showDots: a = !1, showGrid: s = !0, showCategoryAxis: c = !0, showValueAxis: l = !0, connectNulls: u = !1, valueTickFormatter: d, categoryTickFormatter: f, animated: h = !0, onPointHover: _, onPointLeave: v, ariaLabel: y, margin: b, className: S, children: C, ...w }) {
 	let { config: T } = t(), E = n ?? He(e, Object.keys(T));
 	return r === "loading" ? /* @__PURE__ */ Y(x, {
 		ariaLabel: y,
@@ -4877,7 +4891,7 @@ function bn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", showDot
 }
 //#endregion
 //#region src/charts/AreaChart/AreaChart.tsx
-function xn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", stacked: a = !0, gradient: s = !0, fillOpacity: c = .2, showGrid: l = !0, showCategoryAxis: u = !0, showValueAxis: d = !0, connectNulls: f = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: x, onPointHover: S, onPointLeave: C, className: w, children: T, ...E }) {
+function Sn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", stacked: a = !0, gradient: s = !0, fillOpacity: c = .2, showGrid: l = !0, showCategoryAxis: u = !0, showValueAxis: d = !0, connectNulls: f = !1, animated: h = !0, ariaLabel: _, margin: v, valueTickFormatter: y, categoryTickFormatter: x, onPointHover: S, onPointLeave: C, className: w, children: T, ...E }) {
 	let { config: D } = t(), O = n ?? He(e, Object.keys(D)), k = a ? "default" : void 0;
 	return r === "loading" ? /* @__PURE__ */ Y(b, {
 		ariaLabel: _,
@@ -4912,7 +4926,7 @@ function xn({ data: e, dataKeys: n, state: r, curveType: i = "monotone", stacked
 		]
 	});
 }
-function Sn(e) {
+function Cn(e) {
 	if (e === 0) return "0ns";
 	if (e < 1e3) return `${Math.round(e)}ns`;
 	let t = e / 1e3;
@@ -4924,7 +4938,7 @@ function Sn(e) {
 	let i = Math.floor(r / 60), a = r % 60;
 	return `${i}m ${Math.round(a)}s`;
 }
-function Cn(e) {
+function wn(e) {
 	let t = 0;
 	for (let n of e) {
 		let e = n.startOffsetNs + n.durationNs;
@@ -4932,7 +4946,7 @@ function Cn(e) {
 	}
 	return t > 0 ? t : 1;
 }
-function wn(e, t, n, r) {
+function Tn(e, t, n, r) {
 	if (r <= 0 || n <= 0) return {
 		x: 0,
 		width: 0
@@ -4943,18 +4957,18 @@ function wn(e, t, n, r) {
 		width: a
 	};
 }
-function Tn(e, t) {
+function En(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 En = 6, Dn = 80;
-function On(e) {
+var Dn = 6, On = 80;
+function kn(e) {
 	if (e <= 0) return 0;
-	let t = Math.floor(e / Dn) + 1;
-	return Math.max(2, Math.min(t, En));
+	let t = Math.floor(e / On) + 1;
+	return Math.max(2, Math.min(t, Dn));
 }
-function kn(e, t = 5) {
+function An(e, t = 5) {
 	if (e <= 0) return [0];
 	if (t <= 1) return [0, e];
 	let n = e / (t - 1);
@@ -4962,13 +4976,13 @@ function kn(e, t = 5) {
 }
 //#endregion
 //#region src/charts/TraceWaterfall/TraceWaterfall.tsx
-var An = 280, jn = .45, Mn = 36, Nn = 20, Pn = 20, Fn = 4, $ = 12, In = 48, Ln = 32, Rn = 3, zn = {
+var jn = 280, Mn = .45, Nn = 36, Pn = 20, Fn = 20, In = 4, $ = 12, Ln = 48, Rn = 32, zn = 3, Bn = {
 	internal: "INTERNAL",
 	server: "SERVER",
 	client: "CLIENT",
 	producer: "PRODUCER",
 	consumer: "CONSUMER"
-}, Bn = [
+}, Vn = [
 	"bg-chart-1",
 	"bg-chart-2",
 	"bg-chart-3",
@@ -4978,21 +4992,21 @@ var An = 280, jn = .45, Mn = 36, Nn = 20, Pn = 20, Fn = 4, $ = 12, In = 48, Ln =
 	"bg-chart-7",
 	"bg-chart-8"
 ];
-function Vn(e) {
+function Hn(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0;
-	for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, Bn[n % Bn.length]), n++);
+	for (let r of e) t.has(r.serviceName) || (t.set(r.serviceName, Vn[n % Vn.length]), n++);
 	return t;
 }
-var Hn = { error: "bg-destructive" }, Un = {
+var Un = { error: "bg-destructive" }, Wn = {
 	ok: "success",
 	error: "destructive",
 	unset: "secondary"
-}, Wn = {
+}, Gn = {
 	ok: "OK",
 	error: "Error",
 	unset: "Unset"
 };
-function Gn({ icon: e, label: t, children: n }) {
+function Kn({ icon: e, label: t, children: n }) {
 	return /* @__PURE__ */ X("div", {
 		className: "flex items-center justify-between gap-4",
 		children: [/* @__PURE__ */ X("div", {
@@ -5004,7 +5018,7 @@ function Gn({ icon: e, label: t, children: n }) {
 		})]
 	});
 }
-function Kn({ span: t, serviceColor: n, traceDurationNs: r }) {
+function qn({ 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",
@@ -5017,13 +5031,13 @@ function Kn({ span: t, serviceColor: n, traceDurationNs: r }) {
 			}), /* @__PURE__ */ X("div", {
 				className: "flex items-center gap-1.5 pl-[14px]",
 				children: [/* @__PURE__ */ Y(O, {
-					variant: Un[t.status],
+					variant: Wn[t.status],
 					className: "h-4 text-[9px]",
-					children: Wn[t.status]
+					children: Gn[t.status]
 				}), /* @__PURE__ */ Y(O, {
 					variant: "outline",
 					className: "h-4 text-[9px]",
-					children: zn[t.kind]
+					children: Bn[t.kind]
 				})]
 			})]
 		}),
@@ -5031,25 +5045,25 @@ function Kn({ span: t, serviceColor: n, traceDurationNs: r }) {
 		/* @__PURE__ */ X("div", {
 			className: "space-y-1 px-2.5 py-1.5 text-[11px]",
 			children: [
-				/* @__PURE__ */ Y(Gn, {
+				/* @__PURE__ */ Y(Kn, {
 					icon: ft,
 					label: "Service",
 					children: t.serviceName
 				}),
-				/* @__PURE__ */ Y(Gn, {
+				/* @__PURE__ */ Y(Kn, {
 					icon: ut,
 					label: "Duration",
 					children: /* @__PURE__ */ Y("span", {
 						className: "font-mono tabular-nums",
-						children: Sn(t.durationNs)
+						children: Cn(t.durationNs)
 					})
 				}),
-				/* @__PURE__ */ Y(Gn, {
+				/* @__PURE__ */ Y(Kn, {
 					icon: ot,
 					label: "% of trace",
 					children: /* @__PURE__ */ Y("span", {
 						className: "font-mono tabular-nums",
-						children: Tn(t.durationNs, r)
+						children: En(t.durationNs, r)
 					})
 				})
 			]
@@ -5063,7 +5077,7 @@ function Kn({ span: t, serviceColor: n, traceDurationNs: r }) {
 		})
 	] });
 }
-function qn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
+function Jn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, children: i }) {
 	return /* @__PURE__ */ X(V, {
 		openDelay: 250,
 		closeDelay: 0,
@@ -5075,7 +5089,7 @@ function qn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
 			align: "start",
 			sideOffset: 4,
 			className: "w-56 p-0",
-			children: r ? r(e) : /* @__PURE__ */ Y(Kn, {
+			children: r ? r(e) : /* @__PURE__ */ Y(qn, {
 				span: e,
 				serviceColor: t,
 				traceDurationNs: n
@@ -5083,13 +5097,13 @@ function qn({ span: e, serviceColor: t, traceDurationNs: n, renderTooltip: r, ch
 		})]
 	});
 }
-function Jn({ depth: e }) {
+function Yn({ depth: e }) {
 	return e === 0 ? null : /* @__PURE__ */ Y("span", {
 		className: "pointer-events-none relative shrink-0",
-		style: { width: e * Nn },
+		style: { width: e * Pn },
 		"aria-hidden": "true",
 		children: Array.from({ length: e }, (t, n) => {
-			let r = n === e - 1, i = n * Nn + Nn / 2;
+			let r = n === e - 1, i = n * Pn + Pn / 2;
 			return r ? /* @__PURE__ */ Y("span", {
 				className: "absolute top-0 border-l border-border/30",
 				style: {
@@ -5098,7 +5112,7 @@ function Jn({ depth: e }) {
 				},
 				children: /* @__PURE__ */ Y("span", {
 					className: "absolute bottom-0 left-0 border-b border-border/30",
-					style: { width: Nn / 2 - 2 }
+					style: { width: Pn / 2 - 2 }
 				})
 			}, n) : /* @__PURE__ */ Y("span", {
 				className: "absolute top-0 h-full border-l border-border/30",
@@ -5107,12 +5121,12 @@ function Jn({ depth: e }) {
 		})
 	});
 }
-function Yn(e) {
+function Xn(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 Xn(e, t) {
+function Zn(e, t) {
 	if (t.size === 0) return e;
 	let n = /* @__PURE__ */ new Set();
 	for (let r = 0; r < e.length; r++) {
@@ -5124,7 +5138,7 @@ function Xn(e, t) {
 	}
 	return e.filter((e) => !n.has(e.spanId));
 }
-function Zn(e) {
+function Qn(e) {
 	let t = /* @__PURE__ */ new Map(), n = [];
 	for (let r = e.length - 1; r >= 0; r--) {
 		let i = e[r].depth;
@@ -5134,11 +5148,11 @@ function Zn(e) {
 	}
 	return t;
 }
-function Qn({ 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 } = wn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? Hn.error : a, v = Sn(t.durationNs), y = g >= 56, b = !y;
+function $n({ 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 } = Tn(t.startOffsetNs, t.durationNs, n, i), _ = t.status === "error" ? Un.error : a, v = Cn(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: Mn },
+		style: { height: Nn },
 		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));
@@ -5153,7 +5167,7 @@ function Qn({ 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(qn, {
+			/* @__PURE__ */ Y(Jn, {
 				span: t,
 				serviceColor: a,
 				traceDurationNs: n,
@@ -5162,7 +5176,7 @@ function Qn({ 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(Jn, { depth: t.depth }),
+						/* @__PURE__ */ Y(Yn, { depth: t.depth }),
 						s ? /* @__PURE__ */ Y("button", {
 							type: "button",
 							tabIndex: -1,
@@ -5203,7 +5217,7 @@ function Qn({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 				className: "relative flex-1 overflow-hidden",
 				style: {
 					paddingLeft: $,
-					paddingRight: In
+					paddingRight: Ln
 				},
 				"aria-label": `${t.name}: ${v}`,
 				children: [
@@ -5212,8 +5226,8 @@ function Qn({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 						style: {
 							left: $ + h,
 							width: Math.max(g, 3),
-							height: Pn,
-							borderRadius: Fn
+							height: Fn,
+							borderRadius: In
 						}
 					}),
 					y && /* @__PURE__ */ Y("span", {
@@ -5234,14 +5248,14 @@ function Qn({ span: t, traceDurationNs: n, labelWidth: r, usableWidth: i, servic
 		]
 	});
 }
-function $n({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
-	let s = kn(e, On(n)), c = he().domain([0, e]).range([0, n]);
+function er({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible: r, isAllCollapsed: i, onExpandAll: a, onCollapseAll: o }) {
+	let s = An(e, kn(n)), c = he().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: Ln },
+		style: { height: Rn },
 		children: [/* @__PURE__ */ X("div", {
 			className: "flex shrink-0 items-center justify-between border-r border-border/30 px-3 pb-2",
-			style: { width: t + Rn },
+			style: { width: t + zn },
 			children: [/* @__PURE__ */ Y("span", {
 				className: "truncate text-[11px] font-semibold tracking-wider text-muted-foreground uppercase",
 				children: "Service & Operation"
@@ -5256,7 +5270,7 @@ function $n({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
 			className: "relative flex-1 pb-2",
 			style: {
 				paddingLeft: $,
-				paddingRight: In
+				paddingRight: Ln
 			},
 			children: s.map((e, t) => {
 				let n = t === 0, r = t === s.length - 1;
@@ -5266,18 +5280,18 @@ function $n({ traceDurationNs: e, labelWidth: t, usableWidth: n, hasCollapsible:
 						left: $ + c(e),
 						transform: n ? "none" : r ? "translateX(-100%)" : "translateX(-50%)"
 					},
-					children: Sn(e)
+					children: Cn(e)
 				}, e);
 			})
 		})]
 	});
 }
-function er({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
-	let i = kn(e, On(n)), a = he().domain([0, e]).range([0, n]), o = r * Mn;
+function tr({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r }) {
+	let i = An(e, kn(n)), a = he().domain([0, e]).range([0, n]), o = r * Nn;
 	return /* @__PURE__ */ Y("svg", {
 		className: "pointer-events-none absolute top-0",
 		style: {
-			left: t + Rn + $,
+			left: t + zn + $,
 			width: n,
 			height: o
 		},
@@ -5293,7 +5307,7 @@ function er({ traceDurationNs: e, labelWidth: t, usableWidth: n, rowCount: r })
 		}, e))
 	});
 }
-var tr = [
+var nr = [
 	{
 		indent: 0,
 		labelPct: 60,
@@ -5325,7 +5339,7 @@ var tr = [
 		barPct: 65
 	}
 ];
-function nr({ ariaLabel: t, className: n, ...r }) {
+function rr({ ariaLabel: t, className: n, ...r }) {
 	return /* @__PURE__ */ X("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -5334,13 +5348,13 @@ function nr({ 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: Ln },
+			style: { height: Rn },
 			children: /* @__PURE__ */ Y(_, { className: "h-3 w-1/3 max-w-32" })
 		}), /* @__PURE__ */ Y("div", {
 			className: "flex-1",
-			children: tr.map((e, t) => /* @__PURE__ */ X("div", {
+			children: nr.map((e, t) => /* @__PURE__ */ X("div", {
 				className: "flex items-center gap-2 px-2",
-				style: { height: Mn },
+				style: { height: Nn },
 				children: [/* @__PURE__ */ X("div", {
 					className: "flex shrink-0 items-center gap-1.5",
 					style: { paddingLeft: e.indent * 12 },
@@ -5358,7 +5372,7 @@ function nr({ ariaLabel: t, className: n, ...r }) {
 						className: "rounded-sm",
 						style: {
 							width: `${e.barPct}%`,
-							height: Pn
+							height: Fn
 						}
 					})
 				})]
@@ -5366,14 +5380,14 @@ function nr({ ariaLabel: t, className: n, ...r }) {
 		})]
 	});
 }
-function rr({ 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 ir({ 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 = h(n, t.length), [p, m] = U.useState({
-		labelWidth: An,
+		labelWidth: jn,
 		timelineWidth: 0
-	}), g = U.useRef(null), _ = U.useMemo(() => Yn(t), [t]), [y, b] = U.useState(() => s ? new Set(Yn(t)) : /* @__PURE__ */ new Set()), x = U.useCallback((e) => {
+	}), g = U.useRef(null), _ = U.useMemo(() => Xn(t), [t]), [y, b] = U.useState(() => s ? new Set(Xn(t)) : /* @__PURE__ */ new Set()), x = U.useCallback((e) => {
 		if (g.current &&= (g.current.disconnect(), null), e) {
 			let t = new ResizeObserver(([e]) => {
-				let t = Math.round(e.contentRect.width), n = Math.min(An, Math.round(t * jn)), r = t - n - Rn - $ - In;
+				let t = Math.round(e.contentRect.width), n = Math.min(jn, Math.round(t * Mn)), r = t - n - zn - $ - Ln;
 				m({
 					labelWidth: n,
 					timelineWidth: Math.max(r, 0)
@@ -5381,13 +5395,13 @@ function rr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 			});
 			t.observe(e), g.current = t;
 		}
-	}, []), S = U.useMemo(() => Cn(t), [t]), C = U.useMemo(() => Vn(t), [t]), w = U.useMemo(() => Zn(t), [t]), T = U.useMemo(() => Xn(t, y), [t, y]), E = U.useCallback((e) => {
+	}, []), S = U.useMemo(() => wn(t), [t]), C = U.useMemo(() => Hn(t), [t]), w = U.useMemo(() => Qn(t), [t]), T = U.useMemo(() => Zn(t, y), [t, y]), E = U.useCallback((e) => {
 		b((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), D = U.useCallback(() => b(/* @__PURE__ */ new Set()), []), O = U.useCallback(() => b(new Set(_)), [_]), k = y.size > 0;
-	return f === "loading" ? /* @__PURE__ */ Y(nr, {
+	return f === "loading" ? /* @__PURE__ */ Y(rr, {
 		ariaLabel: l,
 		className: u,
 		...d
@@ -5401,7 +5415,7 @@ function rr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 		role: "treegrid",
 		"aria-label": l,
 		...d,
-		children: [/* @__PURE__ */ Y($n, {
+		children: [/* @__PURE__ */ Y(er, {
 			traceDurationNs: S,
 			labelWidth: p.labelWidth,
 			usableWidth: p.timelineWidth,
@@ -5413,17 +5427,17 @@ function rr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 			className: "min-h-0 flex-1",
 			children: /* @__PURE__ */ X("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ Y(er, {
+				children: [/* @__PURE__ */ Y(tr, {
 					traceDurationNs: S,
 					labelWidth: p.labelWidth,
 					usableWidth: p.timelineWidth,
 					rowCount: T.length
-				}), T.map((e) => /* @__PURE__ */ Y(Qn, {
+				}), T.map((e) => /* @__PURE__ */ Y($n, {
 					span: e,
 					traceDurationNs: S,
 					labelWidth: p.labelWidth,
 					usableWidth: p.timelineWidth,
-					serviceColor: C.get(e.serviceName) ?? Bn[0],
+					serviceColor: C.get(e.serviceName) ?? Vn[0],
 					selected: e.spanId === r,
 					hasChildren: _.has(e.spanId),
 					collapsed: y.has(e.spanId),
@@ -5440,27 +5454,27 @@ function rr({ spans: t, state: n, selectedSpanId: r, onSpanSelect: i, onSpanHove
 }
 //#endregion
 //#region src/charts/BreakdownChart/BarMeter.tsx
-var ir = {
+var ar = {
 	positive: "text-success",
 	negative: "text-destructive",
 	neutral: "text-muted-foreground"
 };
-function ar({ trend: t, sentiment: n }) {
+function or({ trend: t, sentiment: n }) {
 	let r = t.direction === "down" ? Q : ct;
 	return /* @__PURE__ */ X("span", {
-		className: e("inline-flex items-center gap-0.5 text-xs font-medium", ir[n]),
+		className: e("inline-flex items-center gap-0.5 text-xs font-medium", ar[n]),
 		children: [t.direction !== "neutral" && /* @__PURE__ */ Y(r, { className: "size-3 stroke-[2.5]" }), t.isNew ? "New" : `${t.value}%`]
 	});
 }
-function or({ rank: e }) {
+function sr({ 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 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 ? Kt(s.direction, c) : void 0;
+function cr({ 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 ? qt(s.direction, c) : void 0;
 	return /* @__PURE__ */ X("div", {
 		"data-slot": "bar-meter",
 		role: h ? "button" : void 0,
@@ -5476,7 +5490,7 @@ function sr({ 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(or, { rank: u }),
+						u !== void 0 && /* @__PURE__ */ Y(sr, { 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"),
@@ -5485,7 +5499,7 @@ function sr({ 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(ar, {
+					children: [s && x && /* @__PURE__ */ Y(or, {
 						trend: s,
 						sentiment: x
 					}), /* @__PURE__ */ Y("span", {
@@ -5523,9 +5537,9 @@ function sr({ label: t, formattedValue: n, ratio: r, color: i, detail: a, icon:
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownContext.tsx
-var cr = U.createContext(null);
-function lr() {
-	return U.useContext(cr) || {
+var lr = U.createContext(null);
+function ur() {
+	return U.useContext(lr) || {
 		tooltip: null,
 		legend: null,
 		summary: null,
@@ -5534,7 +5548,7 @@ function lr() {
 		setSummary: () => void 0
 	};
 }
-function ur({ children: e }) {
+function dr({ 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,
@@ -5547,21 +5561,21 @@ function ur({ children: e }) {
 		r,
 		a
 	]);
-	return /* @__PURE__ */ Y(cr.Provider, {
+	return /* @__PURE__ */ Y(lr.Provider, {
 		value: s,
 		children: e
 	});
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownTooltip.tsx
-function dr({ content: e }) {
-	let { setTooltip: t } = lr();
+function fr({ content: e }) {
+	let { setTooltip: t } = ur();
 	return U.useLayoutEffect(() => (t({ content: typeof e == "function" ? e : (t, n) => U.cloneElement(e, {
 		item: t,
 		meta: n
 	}) }), () => t(null)), [e, t]), null;
 }
-function fr({ pos: e, containerRef: t, children: n }) {
+function pr({ pos: e, containerRef: t, children: n }) {
 	let r = U.useRef(null), [i, a] = U.useState({
 		x: 0,
 		y: 0,
@@ -5603,10 +5617,10 @@ function fr({ pos: e, containerRef: t, children: n }) {
 		children: n
 	}), document.body);
 }
-function pr(e) {
+function mr(e) {
 	return typeof e == "number" ? e.toLocaleString() : e;
 }
-function mr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = pr, showTotal: l = !1, totalLabel: u = "Total", className: d, ...f }) {
+function hr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator: o = !1, indicator: s = "dot", valueFormatter: c = mr, 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)}%`,
@@ -5660,7 +5674,7 @@ function mr({ item: t, meta: n, label: r, items: i, hideLabel: a, hideIndicator:
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownChart.tsx
-function hr(e) {
+function gr(e) {
 	let [t, n] = U.useState(!e);
 	return U.useEffect(() => {
 		if (!e) return;
@@ -5668,7 +5682,7 @@ function hr(e) {
 		return () => cancelAnimationFrame(t);
 	}, [e]), t;
 }
-var gr = [
+var _r = [
 	"var(--chart-1)",
 	"var(--chart-2)",
 	"var(--chart-3)",
@@ -5680,10 +5694,10 @@ var gr = [
 	"var(--chart-9)",
 	"var(--chart-10)"
 ];
-function _r(e, t) {
-	return e.color ?? gr[t % gr.length];
-}
 function vr(e, t) {
+	return e.color ?? _r[t % _r.length];
+}
+function yr(e, t) {
 	switch (t) {
 		case "total": {
 			let t = e.reduce((e, t) => e + t.value, 0);
@@ -5697,7 +5711,7 @@ function vr(e, t) {
 		default: return t;
 	}
 }
-var yr = [
+var br = [
 	.7,
 	.45,
 	.25,
@@ -5705,7 +5719,7 @@ var yr = [
 	.35,
 	.2
 ];
-function br({ rows: t = 3, compact: n = !1, className: r, ...i }) {
+function xr({ rows: t = 3, compact: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ Y("div", {
 		role: "img",
 		"aria-busy": "true",
@@ -5721,15 +5735,15 @@ function br({ rows: t = 3, compact: n = !1, className: r, ...i }) {
 				}),
 				/* @__PURE__ */ Y(_, {
 					className: "h-2 rounded-full",
-					style: { width: `${yr[r % yr.length] * 100}%` }
+					style: { width: `${br[r % br.length] * 100}%` }
 				}),
 				/* @__PURE__ */ Y(_, { className: "h-3 w-20" })
 			]
 		}, r))
 	});
 }
-var xr = 12, Sr = -12;
-function Cr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey: a, highlightOnHover: o, interactive: s, legendSlot: c, onSegmentHover: l, onSegmentClick: u }) {
+var Sr = 12, Cr = -12;
+function wr({ 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",
@@ -5744,7 +5758,7 @@ function Cr({ 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: _r(c, f)
+						backgroundColor: vr(c, f)
 					},
 					onMouseEnter: () => l(c),
 					onMouseLeave: () => l(null),
@@ -5762,7 +5776,7 @@ function Cr({ 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: _r(e, t) },
+						style: { backgroundColor: vr(e, t) },
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ Y("span", {
@@ -5778,7 +5792,7 @@ function Cr({ items: t, formatValue: n, animated: r = !0, mounted: i, hoveredKey
 		})]
 	});
 }
-function wr(e, t) {
+function Tr(e, t) {
 	let [n, r] = U.useState(!1);
 	return t === void 0 || e.length <= t ? {
 		visibleItems: e,
@@ -5792,21 +5806,21 @@ function wr(e, t) {
 		setExpanded: r
 	};
 }
-function Tr({ children: e, ...t }) {
-	return /* @__PURE__ */ X(ur, { children: [e, /* @__PURE__ */ Y(Er, { ...t })] });
+function Er({ children: e, ...t }) {
+	return /* @__PURE__ */ X(dr, { children: [e, /* @__PURE__ */ Y(Dr, { ...t })] });
 }
-function Er({ 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: y, ...b }) {
-	let { tooltip: x, legend: S, summary: C } = lr(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = hr(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(() => vr(M, r), [M, r]), P = U.useCallback((e) => {
+function Dr({ 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: y, ...b }) {
+	let { tooltip: x, legend: S, summary: C } = ur(), w = p ?? (t.length === 0 ? "empty" : "ready"), [T, E] = U.useState(null), D = g !== void 0, O = gr(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(() => yr(M, r), [M, r]), P = U.useCallback((e) => {
 		E(e?.key ?? null), e || j(null), _?.(e);
 	}, [_]), F = U.useCallback((e) => {
 		if (!x || !k.current) return;
 		let t = k.current.getBoundingClientRect();
 		j({
-			x: e.clientX - t.left + xr,
-			y: e.clientY - t.top + Sr
+			x: e.clientX - t.left + Sr,
+			y: e.clientY - t.top + Cr
 		});
 	}, [x]);
-	if (w === "loading") return /* @__PURE__ */ Y(br, {
+	if (w === "loading") return /* @__PURE__ */ Y(xr, {
 		rows: m,
 		compact: d,
 		className: y,
@@ -5818,11 +5832,11 @@ function Er({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 		children: /* @__PURE__ */ Y(v, { ariaLabel: h })
 	});
 	let I = T ? M.findIndex((e) => e.key === T) : -1, L = I >= 0 ? M[I] : null, R = L ? {
-		color: _r(L, I),
+		color: vr(L, I),
 		index: I,
 		ratio: N[I],
 		formattedValue: i ? i(L.value) : String(L.value)
-	} : null, z = x && L && R && A ? /* @__PURE__ */ Y(fr, {
+	} : null, z = x && L && R && A ? /* @__PURE__ */ Y(pr, {
 		pos: A,
 		containerRef: k,
 		children: x.content(L, R)
@@ -5834,7 +5848,7 @@ function Er({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 		onMouseMove: F,
 		...b,
 		ref: k,
-		children: [/* @__PURE__ */ Y(Cr, {
+		children: [/* @__PURE__ */ Y(wr, {
 			items: M,
 			formatValue: i,
 			animated: u,
@@ -5846,7 +5860,7 @@ function Er({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 			onSegmentHover: P,
 			onSegmentClick: g
 		}), z]
-	}) : /* @__PURE__ */ Y(Dr, {
+	}) : /* @__PURE__ */ Y(Or, {
 		containerRef: k,
 		items: M,
 		ratios: N,
@@ -5871,8 +5885,8 @@ function Er({ items: t, variant: n = "list", ratioMode: r = "total", formatValue
 		...b
 	});
 }
-function Dr({ 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 { visibleItems: S, collapsedCount: C, setExpanded: w } = wr(n, l);
+function Or({ 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 { visibleItems: S, collapsedCount: C, setExpanded: w } = Tr(n, l);
 	return /* @__PURE__ */ X("div", {
 		role: "group",
 		"aria-label": m,
@@ -5880,11 +5894,11 @@ function Dr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
 		...x,
 		ref: t,
 		children: [
-			S.map((e, t) => /* @__PURE__ */ Y(sr, {
+			S.map((e, t) => /* @__PURE__ */ Y(cr, {
 				label: e.label,
 				formattedValue: i ? i(e.value) : String(e.value),
 				ratio: p ? r[t] : 0,
-				color: _r(e, t),
+				color: vr(e, t),
 				detail: e.detail,
 				icon: e.icon,
 				trend: e.trend,
@@ -5927,11 +5941,11 @@ function Dr({ containerRef: t, items: n, ratios: r, formatValue: i, trendSentime
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownLegend.tsx
-function Or({ children: e }) {
-	let { setLegend: t } = lr();
+function kr({ children: e }) {
+	let { setLegend: t } = ur();
 	return U.useLayoutEffect(() => (t(e), () => t(null)), [e, t]), null;
 }
-function kr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
+function Ar({ 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,
@@ -5957,13 +5971,13 @@ function kr({ items: t, colors: n, formatValue: r, className: i, ...a }) {
 }
 //#endregion
 //#region src/charts/BreakdownChart/BreakdownSummary.tsx
-function Ar({ children: e }) {
-	let { setSummary: t } = lr();
+function jr({ children: e }) {
+	let { setSummary: t } = ur();
 	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 Mr({ icon: t, tooltipContent: n, colorClass: r }) {
 	return /* @__PURE__ */ X(ie, { children: [/* @__PURE__ */ Y(se, {
 		asChild: !0,
 		children: /* @__PURE__ */ Y("span", {
@@ -5977,10 +5991,10 @@ function jr({ icon: t, tooltipContent: n, colorClass: r }) {
 }
 //#endregion
 //#region src/charts/FilterCombobox/DataTypeIcons.tsx
-function Mr({ dataTypes: e }) {
+function Nr({ 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(Mr, {
 			icon: e.icon,
 			tooltipContent: e.tooltipContent,
 			colorClass: e.colorClass
@@ -5989,19 +6003,19 @@ function Mr({ dataTypes: e }) {
 }
 //#endregion
 //#region src/charts/FilterCombobox/filter-combobox-options.ts
-function Nr(e, t) {
+function Pr(e, t) {
 	return `${e}-${t}`;
 }
-function Pr(e) {
+function Fr(e) {
 	return e;
 }
-function Fr(e, t) {
+function Ir(e, t) {
 	return `${e}-option-${t}`;
 }
-function Ir(e, t, n, r) {
+function Lr(e, t, n, r) {
 	if (!e) return t.map((e) => ({
 		item: e,
-		optionValue: Pr(e.id)
+		optionValue: Fr(e.id)
 	}));
 	let i = [];
 	for (let e of n) {
@@ -6009,30 +6023,30 @@ function Ir(e, t, n, r) {
 		let n = t.filter((t) => t.scopes.includes(e.id));
 		for (let t of n) i.push({
 			item: t,
-			optionValue: Nr(e.id, t.id)
+			optionValue: Pr(e.id, t.id)
 		});
 	}
 	return i;
 }
-function Lr(e, t, n) {
+function Rr(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 Rr(e, t) {
+function zr(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 zr(e) {
+function Br(e) {
 	return e.dataTypeIds ?? [];
 }
-function Br(e, t) {
-	return Array.from(new Set(zr(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
+function Vr(e, t) {
+	return Array.from(new Set(Br(e))).map((e) => t.find((t) => t.id === e)).filter((e) => e !== void 0);
 }
 //#endregion
 //#region src/charts/FilterCombobox/FilterGroupedList.tsx
-function Vr({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScope: a, onSelect: o, onHighlightOption: s }) {
+function Hr({ 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;
@@ -6063,7 +6077,7 @@ function Vr({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
 			}), /* @__PURE__ */ Y(F, { children: /* @__PURE__ */ Y(z, {
 				className: "mt-1 ml-3 pl-1",
 				children: (i[t.id] ?? !0) && c.map((e) => {
-					let r = Br(e, n), i = Nr(t.id, e.id);
+					let r = Vr(e, n), i = Pr(t.id, e.id);
 					return /* @__PURE__ */ X(ee, {
 						"data-filter-option-value": i,
 						value: i,
@@ -6073,7 +6087,7 @@ function Vr({ 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(Mr, { dataTypes: r })]
+						}), /* @__PURE__ */ Y(Nr, { dataTypes: r })]
 					}, `${t.id}-${e.id}`);
 				})
 			}) })]
@@ -6082,12 +6096,12 @@ function Vr({ scopes: t, dataTypes: n, items: r, expandedScopes: i, onToggleScop
 }
 //#endregion
 //#region src/charts/FilterCombobox/HighlightMatch.tsx
-function Hr(e) {
+function Ur(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Ur(e, t) {
+function Wr(e, t) {
 	if (!t.trim()) return [e];
-	let n = Hr(t);
+	let n = Ur(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
@@ -6095,12 +6109,12 @@ function Ur(e, t) {
 }
 //#endregion
 //#region src/charts/FilterCombobox/FilterSearchList.tsx
-function Wr({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
+function Gr({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, onHighlightOption: o }) {
 	return /* @__PURE__ */ Y(z, {
 		heading: `Results (${r.length})`,
 		className: "mt-1",
 		children: r.map((r) => {
-			let s = Br(r, n), c = Pr(r.id);
+			let s = Vr(r, n), c = Fr(r.id);
 			return /* @__PURE__ */ X(ee, {
 				"data-filter-option-value": c,
 				value: c,
@@ -6111,7 +6125,7 @@ function Wr({ 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: Ur(r.name, i)
+						children: Wr(r.name, i)
 					}), /* @__PURE__ */ Y("div", {
 						className: "flex flex-wrap items-center gap-1.5",
 						children: r.scopes.map((n) => {
@@ -6125,14 +6139,14 @@ function Wr({ scopes: t, dataTypes: n, items: r, searchQuery: i, onSelect: a, on
 							}, n);
 						})
 					})]
-				}), /* @__PURE__ */ Y(Mr, { dataTypes: s })]
+				}), /* @__PURE__ */ Y(Nr, { dataTypes: s })]
 			}, r.id);
 		})
 	});
 }
 //#endregion
 //#region src/charts/FilterCombobox/use-filter-combobox.ts
-function Gr({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
+function Kr({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open: a, onOpenChange: o }) {
 	let s = K(), c = me(null), l = me(null), u = me(null), d = me(!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) => {
@@ -6145,15 +6159,15 @@ function Gr({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 	}, []), k = pe(() => {
 		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 = pe(() => Ir(A, k, t, E), [
+	}, [e, v]), A = v.trim() === "", j = pe(() => Lr(A, k, t, E), [
 		A,
 		k,
 		t,
 		E
-	]), M = pe(() => Rr(j, b), [j, b]), N = M ? Fr(s, M) : void 0, P = G(() => {
+	]), M = pe(() => zr(j, b), [j, b]), N = M ? Ir(s, M) : void 0, P = G(() => {
 		x(void 0);
 	}, []), F = G((e) => {
-		x((t) => Lr(j, t, e));
+		x((t) => Rr(j, t, e));
 	}, [j]), I = G((e) => {
 		d.current = !1, u.current = e, T(e), y(e.name), P(), w(!1), n(e);
 	}, [
@@ -6223,7 +6237,7 @@ function Gr({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [P, w]), de(() => {
-		!S || !M || document.getElementById(Fr(s, M))?.scrollIntoView({ block: "nearest" });
+		!S || !M || document.getElementById(Ir(s, M))?.scrollIntoView({ block: "nearest" });
 	}, [
 		M,
 		S,
@@ -6236,7 +6250,7 @@ function Gr({ 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 = Fr(s, t));
+			t && (e.id = Ir(s, t));
 		}
 	}, [
 		S,
@@ -6270,8 +6284,8 @@ function Gr({ items: e, scopes: t, onSelect: n, value: r, onValueChange: i, open
 }
 //#endregion
 //#region src/charts/FilterCombobox/FilterCombobox.tsx
-function Kr({ 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 } = Gr({
+function qr({ 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 } = Kr({
 		items: n,
 		scopes: e,
 		onSelect: r,
@@ -6334,7 +6348,7 @@ function Kr({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
 								className: "text-xs",
 								children: a
 							})]
-						}) }), g ? /* @__PURE__ */ Y(Vr, {
+						}) }), g ? /* @__PURE__ */ Y(Hr, {
 							scopes: e,
 							dataTypes: t,
 							items: x,
@@ -6342,7 +6356,7 @@ function Kr({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
 							onToggleScope: S,
 							onSelect: C,
 							onHighlightOption: D
-						}) : /* @__PURE__ */ Y(Wr, {
+						}) : /* @__PURE__ */ Y(Gr, {
 							scopes: e,
 							dataTypes: t,
 							items: x,
@@ -6357,4 +6371,4 @@ function Kr({ scopes: e, dataTypes: t, items: n, onSelect: r, placeholder: i = "
 	});
 }
 //#endregion
-export { xn as AreaChart, Ve as AreaSeries, We as BarChart, sr as BarMeter, ze as BarSeries, Tr as BreakdownChart, br as BreakdownChartSkeleton, Or as BreakdownLegend, kr as BreakdownLegendContent, Ar as BreakdownSummary, dr as BreakdownTooltip, mr as BreakdownTooltipContent, a as CHART_THEMES, m as CartesianChart, g as CategoryAxis, g as XAxis, we as ChartCard, E as ChartContainer, Pe as ChartLegend, Ne as ChartLegendContent, i as ChartStyle, je as ChartTooltip, Ae as ChartTooltipContent, r as DEFAULT_MARGIN, Ye as DoughnutChart, Kr as FilterCombobox, o as Grid, bn as LineChart, Le as LineSeries, nn as Metric, yn as MetricGroup, f as ReferenceLine, rr as TraceWaterfall, p as ValueAxis, p as YAxis, kn as buildTimeAxisTicks, e as cn, n as compactTick, wn as computeBarGeometry, Cn as computeTraceDurationNs, Sn as formatDurationNs, Tn as formatTracePercent, Kt as resolveSentiment, t as useChartConfig };
+export { Sn as AreaChart, Ve as AreaSeries, We as BarChart, cr as BarMeter, ze as BarSeries, Er as BreakdownChart, xr as BreakdownChartSkeleton, kr as BreakdownLegend, Ar as BreakdownLegendContent, jr as BreakdownSummary, fr as BreakdownTooltip, hr as BreakdownTooltipContent, a as CHART_THEMES, m as CartesianChart, g as CategoryAxis, g as XAxis, we as ChartCard, E as ChartContainer, Pe as ChartLegend, Ne as ChartLegendContent, i as ChartStyle, je as ChartTooltip, Ae as ChartTooltipContent, r as DEFAULT_MARGIN, Ye as DoughnutChart, qr as FilterCombobox, o as Grid, xn as LineChart, Le as LineSeries, rn as Metric, bn as MetricGroup, f as ReferenceLine, ir as TraceWaterfall, p as ValueAxis, p as YAxis, An as buildTimeAxisTicks, e as cn, n as compactTick, Tn as computeBarGeometry, wn as computeTraceDurationNs, Cn as formatDurationNs, En as formatTracePercent, qt as resolveSentiment, t as useChartConfig };