@databrainhq/plugin 0.17.9-beta.47 → 0.17.9-beta.49

package/dist/{CardChartSlot-Cqx5rc-5.mjs → CardChartSlot-BIIjmHsu.mjs}

@@ -2,16 +2,16 @@ import "react";
 import "react-dom";
 import "react-dom/client";
 import { i as e, t } from "./cardStates-pxkuDK8H.mjs";
-import { Dr as n, Er as r, Ka as i, On as a, Or as o, Tr as s, Va as c, Wa as l, _r as u, dr as d, fr as f, g as p, h as m, m as h, mr as g, pr as _, wr as v, yr as y } from "./Portal-BsPkfI4N.mjs";
-import { c as b, d as x, f as S, i as C, l as w, m as T, n as ee, o as te, p as E, r as D, s as O, t as k, u as ne } from "./toTasteAppearance-DBN4QaIw.mjs";
-import { k as A, r as j } from "./option-B1zeYJnm.mjs";
-import { r as M } from "./contrast-EppiiunY.mjs";
-import { _ as re, p as ie } from "./timeseries-BAn41226.mjs";
-import { A as ae, D as oe, O as se, a as ce, b as le, i as ue } from "./permissions-D0tFL379.mjs";
-import { t as de } from "./loading-state-C-J1F-xq.mjs";
-import { t as fe } from "./createLucideIcon-C-N26TaJ.mjs";
-import { a as pe, c as me, d as he, f as ge, g as _e, l as ve, m as ye, o as be, p as N, t as xe, u as Se } from "./qaSelectors-CqSLYZ9l.mjs";
-import { A as P, B as Ce, C as F, D as we, E as Te, I, N as Ee, O as L, P as De, S as Oe, T as ke, V as Ae, _ as je, b as Me, d as Ne, f as Pe, g as Fe, h as Ie, j as Le, k as Re, m as ze, p as Be, u as Ve, v as He, w as Ue, x as We, y as Ge } from "./dist-DIlFLbj5.mjs";
+import { Dr as n, Er as r, Ka as i, On as a, Or as o, Tr as s, Va as c, Wa as l, _r as u, dr as d, fr as f, g as p, h as m, m as h, mr as g, pr as _, wr as v, yr as y } from "./Portal-rrOaB4Bd.mjs";
+import { c as b, d as x, f as S, h as C, i as w, m as T, n as E, o as D, p as O, r as k, s as A, t as j, u as ee } from "./toTasteAppearance-B4_PDCSX.mjs";
+import { k as M, r as N } from "./option-B1zeYJnm.mjs";
+import { r as P } from "./contrast-EppiiunY.mjs";
+import { _ as te, p as ne } from "./timeseries-zAu_-AJo.mjs";
+import { A as re, D as ie, O as ae, a as oe, b as se, i as ce } from "./permissions-tSNA3qFl.mjs";
+import { t as le } from "./loading-state-C-J1F-xq.mjs";
+import { t as ue } from "./createLucideIcon-C-N26TaJ.mjs";
+import { a as de, c as fe, d as pe, f as me, g as he, l as ge, m as _e, o as ve, p as ye, t as F, u as be } from "./qaSelectors-CqSLYZ9l.mjs";
+import { A as xe, B as Se, C as Ce, D as I, E as we, I as Te, N as Ee, O as L, P as De, S as Oe, T as ke, V as Ae, _ as je, b as Me, d as Ne, f as Pe, g as Fe, h as Ie, j as Le, k as Re, m as ze, p as Be, u as Ve, v as He, w as Ue, x as We, y as Ge } from "./dist-DIlFLbj5.mjs";
 import { t as Ke } from "./x-DDC7VFx5.mjs";
 import { t as R } from "./dist-C0uxSp1k.mjs";
 import { a as qe, c as Je, d as Ye, f as Xe, i as Ze, l as Qe, m as $e, n as et, o as tt, p as nt, r as rt, s as it, t as at, u as ot } from "./dist-DR4-vdli.mjs";
@@ -23,13 +23,13 @@ import * as z from "react";
 import wt, { Children as Tt, Fragment as Et, cloneElement as Dt, createContext as Ot, createElement as B, forwardRef as V, isValidElement as kt, useCallback as H, useContext as At, useEffect as U, useLayoutEffect as jt, useMemo as Mt, useRef as W, useState as G } from "react";
 import { Fragment as Nt, jsx as K, jsxs as q } from "react/jsx-runtime";
 import Pt, { createPortal as Ft, flushSync as It } from "react-dom";
-var Lt = fe("arrow-down", [["path", {
+var Lt = ue("arrow-down", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }], ["path", {
 	d: "m19 12-7 7-7-7",
 	key: "1idqje"
-}]]), Rt = fe("arrow-up-down", [
+}]]), Rt = ue("arrow-up-down", [
 	["path", {
 		d: "m21 16-4 4-4-4",
 		key: "f6ql7i"
@@ -46,13 +46,13 @@ var Lt = fe("arrow-down", [["path", {
 		d: "M7 4v16",
 		key: "1glfcx"
 	}]
-]), zt = fe("arrow-up", [["path", {
+]), zt = ue("arrow-up", [["path", {
 	d: "m5 12 7-7 7 7",
 	key: "hav0vg"
 }], ["path", {
 	d: "M12 19V5",
 	key: "x0mq9r"
-}]]), Bt = fe("ban", [["circle", {
+}]]), Bt = ue("ban", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -60,22 +60,22 @@ var Lt = fe("arrow-down", [["path", {
 }], ["path", {
 	d: "M4.929 4.929 19.07 19.071",
 	key: "196cmz"
-}]]), Vt = fe("chevron-up", [["path", {
+}]]), Vt = ue("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
-}]]), Ht = fe("chevrons-left", [["path", {
+}]]), Ht = ue("chevrons-left", [["path", {
 	d: "m11 17-5-5 5-5",
 	key: "13zhaf"
 }], ["path", {
 	d: "m18 17-5-5 5-5",
 	key: "h8a8et"
-}]]), Ut = fe("chevrons-right", [["path", {
+}]]), Ut = ue("chevrons-right", [["path", {
 	d: "m6 17 5-5-5-5",
 	key: "xnjwq"
 }], ["path", {
 	d: "m13 17 5-5-5-5",
 	key: "17xmmf"
-}]]), Wt = fe("info", [
+}]]), Wt = ue("info", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -90,7 +90,7 @@ var Lt = fe("arrow-down", [["path", {
 		d: "M12 8h.01",
 		key: "e9boi3"
 	}]
-]), Gt = fe("maximize-2", [
+]), Gt = ue("maximize-2", [
 	["path", {
 		d: "M15 3h6v6",
 		key: "1q9fwt"
@@ -122,7 +122,7 @@ var Lt = fe("arrow-down", [["path", {
 	whiteSpace: "nowrap",
 	wordWrap: "normal"
 }), Yt = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ qt(function(e, t) {
-	return /* @__PURE__ */ K(P.span, {
+	return /* @__PURE__ */ K(xe.span, {
 		...e,
 		ref: t,
 		style: {
@@ -152,7 +152,7 @@ var Lt = fe("arrow-down", [["path", {
 	Xe,
 	it
 ]), un = Xe(), dn = it(), [fn, pn] = cn(rn), [mn, hn] = cn(rn), gn = /* @__PURE__ */ J((e) => {
-	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = un(t), [c, l] = z.useState(null), u = z.useRef(!1), d = F(a), f = nt(i);
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = un(t), [c, l] = z.useState(null), u = z.useRef(!1), d = Ce(a), f = nt(i);
 	return z.useEffect(() => {
 		let e = /* @__PURE__ */ J(() => {
 			u.current = !0, document.addEventListener("pointerdown", t, {
@@ -228,7 +228,7 @@ var Lt = fe("arrow-down", [["path", {
 		})
 	});
 }, "MenuContent")), En = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
-	let n = pn(Sn, e.__scopeMenu), r = z.useRef(null), i = I(t, r);
+	let n = pn(Sn, e.__scopeMenu), r = z.useRef(null), i = Te(t, r);
 	return z.useEffect(() => {
 		let e = r.current;
 		if (e) return Ve(e);
@@ -252,35 +252,35 @@ var Lt = fe("arrow-down", [["path", {
 		onDismiss: () => n.onOpenChange(!1)
 	});
 }, "MenuRootContentNonModal")), On = Ee("MenuContent.ScrollLock"), kn = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
-	let { __scopeMenu: n, loop: r = !1, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: u, onFocusOutside: d, onInteractOutside: f, onDismiss: p, disableOutsideScroll: m, ...h } = e, g = pn(Sn, n), _ = hn(Sn, n), v = un(n), y = dn(n), b = on(n), [x, S] = z.useState(null), C = z.useRef(null), w = I(t, C, g.onContentChange), T = z.useRef(0), ee = z.useRef(""), te = z.useRef(0), E = z.useRef(null), D = z.useRef("right"), O = z.useRef(0), k = m ? Ne : z.Fragment, ne = m ? {
+	let { __scopeMenu: n, loop: r = !1, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: u, onFocusOutside: d, onInteractOutside: f, onDismiss: p, disableOutsideScroll: m, ...h } = e, g = pn(Sn, n), _ = hn(Sn, n), v = un(n), y = dn(n), b = on(n), [x, S] = z.useState(null), C = z.useRef(null), w = Te(t, C, g.onContentChange), T = z.useRef(0), E = z.useRef(""), D = z.useRef(0), O = z.useRef(null), k = z.useRef("right"), A = z.useRef(0), j = m ? Ne : z.Fragment, ee = m ? {
 		as: On,
 		allowPinchZoom: !0
-	} : void 0, A = /* @__PURE__ */ J((e) => {
-		let t = ee.current + e, n = b().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = $n(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
+	} : void 0, M = /* @__PURE__ */ J((e) => {
+		let t = E.current + e, n = b().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = $n(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
 		(/* @__PURE__ */ J((function e(t) {
-			ee.current = t, window.clearTimeout(T.current), t !== "" && (T.current = window.setTimeout(() => e(""), 1e3));
+			E.current = t, window.clearTimeout(T.current), t !== "" && (T.current = window.setTimeout(() => e(""), 1e3));
 		}), "updateSearch"))(t), o && setTimeout(() => o.focus());
 	}, "handleTypeaheadSearch");
 	z.useEffect(() => () => window.clearTimeout(T.current), []), Ge();
-	let j = z.useCallback((e) => D.current === E.current?.side && tr(e, E.current?.area), []);
+	let N = z.useCallback((e) => k.current === O.current?.side && tr(e, O.current?.area), []);
 	return /* @__PURE__ */ K(Cn, {
 		scope: n,
-		searchRef: ee,
+		searchRef: E,
 		onItemEnter: z.useCallback((e) => {
-			j(e) && e.preventDefault();
-		}, [j]),
+			N(e) && e.preventDefault();
+		}, [N]),
 		onItemLeave: z.useCallback((e) => {
-			j(e) || (C.current?.focus(), S(null));
-		}, [j]),
+			N(e) || (C.current?.focus(), S(null));
+		}, [N]),
 		onTriggerLeave: z.useCallback((e) => {
-			j(e) && e.preventDefault();
-		}, [j]),
-		pointerGraceTimerRef: te,
+			N(e) && e.preventDefault();
+		}, [N]),
+		pointerGraceTimerRef: D,
 		onPointerGraceIntentChange: z.useCallback((e) => {
-			E.current = e;
+			O.current = e;
 		}, []),
-		children: /* @__PURE__ */ K(k, {
-			...ne,
+		children: /* @__PURE__ */ K(j, {
+			...ee,
 			children: /* @__PURE__ */ K(We, {
 				asChild: !0,
 				trapped: i,
@@ -323,7 +323,7 @@ var Lt = fe("arrow-down", [["path", {
 							},
 							onKeyDown: L(h.onKeyDown, (e) => {
 								let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
-								t && (e.key === "Tab" && e.preventDefault(), !n && r && A(e.key));
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && M(e.key));
 								let i = C.current;
 								if (e.target !== i || !en.includes(e.key)) return;
 								e.preventDefault();
@@ -331,13 +331,13 @@ var Lt = fe("arrow-down", [["path", {
 								$t.includes(e.key) && a.reverse(), Zn(a);
 							}),
 							onBlur: L(e.onBlur, (e) => {
-								e.currentTarget.contains(e.target) || (window.clearTimeout(T.current), ee.current = "");
+								e.currentTarget.contains(e.target) || (window.clearTimeout(T.current), E.current = "");
 							}),
 							onPointerMove: L(e.onPointerMove, nr((e) => {
-								let t = e.target, n = O.current !== e.clientX;
+								let t = e.target, n = A.current !== e.clientX;
 								if (e.currentTarget.contains(t) && n) {
-									let t = e.clientX > O.current ? "right" : "left";
-									D.current = t, O.current = e.clientX;
+									let t = e.clientX > A.current ? "right" : "left";
+									k.current = t, A.current = e.clientX;
 								}
 							}))
 						})
@@ -348,12 +348,12 @@ var Lt = fe("arrow-down", [["path", {
 	});
 }, "MenuContentImpl")), An = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ K(P.div, {
+	return /* @__PURE__ */ K(xe.div, {
 		...r,
 		ref: t
 	});
 }, "MenuLabel")), jn = "MenuItem", Mn = "menu.itemSelect", Nn = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
-	let { disabled: n = !1, onSelect: r, ...i } = e, a = z.useRef(null), o = hn(jn, e.__scopeMenu), s = wn(jn, e.__scopeMenu), c = I(t, a), l = z.useRef(!1), u = /* @__PURE__ */ J(() => {
+	let { disabled: n = !1, onSelect: r, ...i } = e, a = z.useRef(null), o = hn(jn, e.__scopeMenu), s = wn(jn, e.__scopeMenu), c = Te(t, a), l = z.useRef(!1), u = /* @__PURE__ */ J(() => {
 		let e = a.current;
 		if (!n && e) {
 			let t = new CustomEvent(Mn, {
@@ -379,7 +379,7 @@ var Lt = fe("arrow-down", [["path", {
 		})
 	});
 }, "MenuItem")), Pn = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
-	let { __scopeMenu: n, disabled: r = !1, textValue: i, ...a } = e, o = wn(jn, n), s = dn(n), c = z.useRef(null), l = I(t, c), [u, d] = z.useState(!1), [f, p] = z.useState("");
+	let { __scopeMenu: n, disabled: r = !1, textValue: i, ...a } = e, o = wn(jn, n), s = dn(n), c = z.useRef(null), l = Te(t, c), [u, d] = z.useState(!1), [f, p] = z.useState("");
 	return z.useEffect(() => {
 		let e = c.current;
 		e && p((e.textContent ?? "").trim());
@@ -391,7 +391,7 @@ var Lt = fe("arrow-down", [["path", {
 			asChild: !0,
 			...s,
 			focusable: !r,
-			children: /* @__PURE__ */ K(P.div, {
+			children: /* @__PURE__ */ K(xe.div, {
 				role: "menuitem",
 				"data-highlighted": u ? "" : void 0,
 				"aria-disabled": r || void 0,
@@ -412,14 +412,14 @@ var Lt = fe("arrow-down", [["path", {
 	onValueChange: /* @__PURE__ */ J(() => {}, "onValueChange")
 }), [Ln, Rn] = cn("MenuItemIndicator", { checked: !1 }), zn = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
 	let { __scopeMenu: n, ...r } = e;
-	return /* @__PURE__ */ K(P.div, {
+	return /* @__PURE__ */ K(xe.div, {
 		role: "separator",
 		"aria-orientation": "horizontal",
 		...r,
 		ref: t
 	});
 }, "MenuSeparator")), Bn = "MenuSub", [Vn, Hn] = cn(Bn), Un = /* @__PURE__ */ J((e) => {
-	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = pn(Bn, t), o = un(t), [s, c] = z.useState(null), [l, u] = z.useState(null), d = F(i);
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = pn(Bn, t), o = un(t), [s, c] = z.useState(null), [l, u] = z.useState(null), d = Ce(i);
 	return z.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ K(Ye, {
 		...o,
 		children: /* @__PURE__ */ K(fn, {
@@ -448,7 +448,7 @@ var Lt = fe("arrow-down", [["path", {
 			window.clearTimeout(e), c(null);
 		};
 	}, [s, c]);
-	let d = I(t, i.onTriggerChange);
+	let d = Te(t, i.onTriggerChange);
 	return /* @__PURE__ */ K(_n, {
 		asChild: !0,
 		...l,
@@ -509,7 +509,7 @@ var Lt = fe("arrow-down", [["path", {
 		})
 	});
 }, "MenuSubTrigger")), Kn = "MenuSubContent", qn = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ J(function(e, t) {
-	let n = bn(Sn, e.__scopeMenu), { forceMount: r = n.forceMount, align: i = "start", ...a } = e, o = pn(Sn, e.__scopeMenu), s = hn(Sn, e.__scopeMenu), c = Hn(Kn, e.__scopeMenu), l = z.useRef(null), u = I(t, l);
+	let n = bn(Sn, e.__scopeMenu), { forceMount: r = n.forceMount, align: i = "start", ...a } = e, o = pn(Sn, e.__scopeMenu), s = hn(Sn, e.__scopeMenu), c = Hn(Kn, e.__scopeMenu), l = z.useRef(null), u = Te(t, l);
 	return /* @__PURE__ */ K(an.Provider, {
 		scope: e.__scopeMenu,
 		children: /* @__PURE__ */ K(ke, {
@@ -597,7 +597,7 @@ var rr = gn, ir = _n, ar = xn, or = Tn, sr = An, cr = Nn, lr = zn, ur = Un, dr =
 	value: t,
 	configurable: !0
 }), hr = "DropdownMenu", [gr, _r] = Re(hr, [ln]), vr = ln(), [yr, br] = gr(hr), xr = /* @__PURE__ */ mr((e) => {
-	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = vr(t), l = z.useRef(null), [u, d] = Te({
+	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = vr(t), l = z.useRef(null), [u, d] = we({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
@@ -622,11 +622,11 @@ var rr = gn, ir = _n, ar = xn, or = Tn, sr = An, cr = Nn, lr = zn, ur = Un, dr =
 		})
 	});
 }, "DropdownMenu"), Sr = "DropdownMenuTrigger", Cr = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ mr(function(e, t) {
-	let { __scopeDropdownMenu: n, disabled: r = !1, ...i } = e, a = br(Sr, n), o = vr(n), s = I(t, a.triggerRef);
+	let { __scopeDropdownMenu: n, disabled: r = !1, ...i } = e, a = br(Sr, n), o = vr(n), s = Te(t, a.triggerRef);
 	return /* @__PURE__ */ K(ir, {
 		asChild: !0,
 		...o,
-		children: /* @__PURE__ */ K(P.button, {
+		children: /* @__PURE__ */ K(xe.button, {
 			type: "button",
 			id: a.triggerId,
 			"aria-haspopup": "menu",
@@ -701,7 +701,7 @@ var rr = gn, ir = _n, ar = xn, or = Tn, sr = An, cr = Nn, lr = zn, ur = Un, dr =
 		ref: t
 	});
 }, "DropdownMenuSeparator")), Ar = /* @__PURE__ */ mr((e) => {
-	let { __scopeDropdownMenu: t, children: n, open: r, onOpenChange: i, defaultOpen: a } = e, o = vr(t), [s, c] = Te({
+	let { __scopeDropdownMenu: t, children: n, open: r, onOpenChange: i, defaultOpen: a } = e, o = vr(t), [s, c] = we({
 		prop: r,
 		defaultProp: a ?? !1,
 		onChange: i,
@@ -765,7 +765,7 @@ var Ur = Object.defineProperty, Y = (e, t) => Ur(e, "name", {
 		children: a
 	});
 }, "TooltipProvider"), $r = "Tooltip", [ei, ti] = Wr($r), ni = /* @__PURE__ */ Y((e) => {
-	let { __scopeTooltip: t, children: n, open: r, defaultOpen: i, onOpenChange: a, disableHoverableContent: o, delayDuration: s } = e, c = Zr($r, e.__scopeTooltip), l = Kr(t), [u, d] = z.useState(null), [f, p] = z.useState(void 0), m = Ue(), h = z.useRef(0), g = o ?? c.disableHoverableContent, _ = s ?? c.delayDuration, v = z.useRef(!1), [y, b] = Te({
+	let { __scopeTooltip: t, children: n, open: r, defaultOpen: i, onOpenChange: a, disableHoverableContent: o, delayDuration: s } = e, c = Zr($r, e.__scopeTooltip), l = Kr(t), [u, d] = z.useState(null), [f, p] = z.useState(void 0), m = Ue(), h = z.useRef(0), g = o ?? c.disableHoverableContent, _ = s ?? c.delayDuration, v = z.useRef(!1), [y, b] = we({
 		prop: r,
 		defaultProp: i ?? !1,
 		onChange: /* @__PURE__ */ Y((e) => {
@@ -812,11 +812,11 @@ var Ur = Object.defineProperty, Y = (e, t) => Ur(e, "name", {
 		})
 	});
 }, "Tooltip"), ri = "TooltipTrigger", ii = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Y(function(e, t) {
-	let { __scopeTooltip: n, ...r } = e, i = ti(ri, n), a = Zr(ri, n), o = Kr(n), s = z.useRef(null), c = I(t, s, i.onTriggerChange), l = z.useRef(!1), u = z.useRef(!1), d = z.useCallback(() => l.current = !1, []);
+	let { __scopeTooltip: n, ...r } = e, i = ti(ri, n), a = Zr(ri, n), o = Kr(n), s = z.useRef(null), c = Te(t, s, i.onTriggerChange), l = z.useRef(!1), u = z.useRef(!1), d = z.useCallback(() => l.current = !1, []);
 	return z.useEffect(() => () => document.removeEventListener("pointerup", d), [d]), /* @__PURE__ */ K(Je, {
 		asChild: !0,
 		...o,
-		children: /* @__PURE__ */ K(P.button, {
+		children: /* @__PURE__ */ K(xe.button, {
 			"aria-describedby": i.open ? i.contentId : void 0,
 			"data-state": i.stateAttribute,
 			...r,
@@ -866,7 +866,7 @@ var Ur = Object.defineProperty, Y = (e, t) => Ur(e, "name", {
 		})
 	});
 }, "TooltipContent")), di = /* @__PURE__ */ z.forwardRef(/* @__PURE__ */ Y(function(e, t) {
-	let n = ti(li, e.__scopeTooltip), r = Zr(li, e.__scopeTooltip), i = z.useRef(null), a = I(t, i), [o, s] = z.useState(null), { trigger: c, onClose: l } = n, u = i.current, { onPointerInTransitChange: d } = r, f = z.useCallback(() => {
+	let n = ti(li, e.__scopeTooltip), r = Zr(li, e.__scopeTooltip), i = z.useRef(null), a = Te(t, i), [o, s] = z.useState(null), { trigger: c, onClose: l } = n, u = i.current, { onPointerInTransitChange: d } = r, f = z.useCallback(() => {
 		s(null), d(!1);
 	}, [d]), p = z.useCallback((e, t) => {
 		let n = e.currentTarget, r = {
@@ -919,7 +919,7 @@ var Ur = Object.defineProperty, Y = (e, t) => Ur(e, "name", {
 		}
 	}, [l.trigger, d]);
 	let { setContentId: f } = l;
-	return we(() => (f(a), () => {
+	return I(() => (f(a), () => {
 		f(void 0);
 	}), [a, f]), /* @__PURE__ */ K(Oe, {
 		asChild: !0,
@@ -1673,17 +1673,17 @@ var ao = "Popper", [oo, so] = da(ao), [co, lo] = oo(ao), uo = (e) => {
 	}), r ? null : /*#__PURE__*/ B($.div, X({}, i, { ref: s }));
 }), mo = "PopperContent", [ho, go] = oo(mo), _o = /*#__PURE__*/ V((e, t) => {
 	var n;
-	let { __scopePopper: r, side: i = "bottom", sideOffset: a = 0, align: o = "center", alignOffset: s = 0, arrowPadding: c = 0, collisionBoundary: l = [], collisionPadding: u = 0, sticky: d = "partial", hideWhenDetached: f = !1, avoidCollisions: p = !0, onPlaced: m, ...h } = e, g = lo(mo, r), [_, v] = G(null), y = Q(t, (e) => v(e)), [b, x] = G(null), S = io(b), C = S?.width ?? 0, w = S?.height ?? 0, T = i + (o === "center" ? "" : "-" + o), ee = typeof u == "number" ? u : {
+	let { __scopePopper: r, side: i = "bottom", sideOffset: a = 0, align: o = "center", alignOffset: s = 0, arrowPadding: c = 0, collisionBoundary: l = [], collisionPadding: u = 0, sticky: d = "partial", hideWhenDetached: f = !1, avoidCollisions: p = !0, onPlaced: m, ...h } = e, g = lo(mo, r), [_, v] = G(null), y = Q(t, (e) => v(e)), [b, x] = G(null), S = io(b), C = S?.width ?? 0, w = S?.height ?? 0, T = i + (o === "center" ? "" : "-" + o), E = typeof u == "number" ? u : {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0,
 		...u
-	}, te = Array.isArray(l) ? l : [l], E = te.length > 0, D = {
-		padding: ee,
-		boundary: te.filter(vo),
-		altBoundary: E
-	}, { refs: O, floatingStyles: k, placement: ne, isPositioned: A, middlewareData: j } = ft({
+	}, D = Array.isArray(l) ? l : [l], O = D.length > 0, k = {
+		padding: E,
+		boundary: D.filter(vo),
+		altBoundary: O
+	}, { refs: A, floatingStyles: j, placement: ee, isPositioned: M, middlewareData: N } = ft({
 		strategy: "fixed",
 		placement: T,
 		whileElementsMounted: mt,
@@ -1697,11 +1697,11 @@ var ao = "Popper", [oo, so] = da(ao), [co, lo] = oo(ao), uo = (e) => {
 				mainAxis: !0,
 				crossAxis: !1,
 				limiter: d === "partial" ? pt() : void 0,
-				...D
+				...k
 			}),
-			p && ht({ ...D }),
+			p && ht({ ...k }),
 			vt({
-				...D,
+				...k,
 				apply: ({ elements: e, rects: t, availableWidth: n, availableHeight: r }) => {
 					let { width: i, height: a } = t.reference, o = e.floating.style;
 					o.setProperty("--radix-popper-available-width", `${n}px`), o.setProperty("--radix-popper-available-height", `${r}px`), o.setProperty("--radix-popper-anchor-width", `${i}px`), o.setProperty("--radix-popper-anchor-height", `${a}px`);
@@ -1717,40 +1717,40 @@ var ao = "Popper", [oo, so] = da(ao), [co, lo] = oo(ao), uo = (e) => {
 			}),
 			f && _t({ strategy: "referenceHidden" })
 		]
-	}), [M, re] = bo(ne), ie = wa(m);
+	}), [P, te] = bo(ee), ne = wa(m);
 	eo(() => {
-		A && ie?.();
-	}, [A, ie]);
-	let ae = j.arrow?.x, oe = j.arrow?.y, se = j.arrow?.centerOffset !== 0, [ce, le] = G();
+		M && ne?.();
+	}, [M, ne]);
+	let re = N.arrow?.x, ie = N.arrow?.y, ae = N.arrow?.centerOffset !== 0, [oe, se] = G();
 	return eo(() => {
-		_ && le(window.getComputedStyle(_).zIndex);
+		_ && se(window.getComputedStyle(_).zIndex);
 	}, [_]), /*#__PURE__*/ B("div", {
-		ref: O.setFloating,
+		ref: A.setFloating,
 		"data-radix-popper-content-wrapper": "",
 		style: {
-			...k,
-			transform: A ? k.transform : "translate(0, -200%)",
+			...j,
+			transform: M ? j.transform : "translate(0, -200%)",
 			minWidth: "max-content",
-			zIndex: ce,
-			"--radix-popper-transform-origin": [j.transformOrigin?.x, j.transformOrigin?.y].join(" ")
+			zIndex: oe,
+			"--radix-popper-transform-origin": [N.transformOrigin?.x, N.transformOrigin?.y].join(" ")
 		},
 		dir: e.dir
 	}, /*#__PURE__*/ B(ho, {
 		scope: r,
-		placedSide: M,
+		placedSide: P,
 		onArrowChange: x,
-		arrowX: ae,
-		arrowY: oe,
-		shouldHideArrow: se
+		arrowX: re,
+		arrowY: ie,
+		shouldHideArrow: ae
 	}, /*#__PURE__*/ B($.div, X({
-		"data-side": M,
-		"data-align": re
+		"data-side": P,
+		"data-align": te
 	}, h, {
 		ref: y,
 		style: {
 			...h.style,
-			animation: A ? void 0 : "none",
-			opacity: (n = j.hide) != null && n.referenceHidden ? 0 : void 0
+			animation: M ? void 0 : "none",
+			opacity: (n = N.hide) != null && n.referenceHidden ? 0 : void 0
 		}
 	}))));
 });
@@ -2060,7 +2060,7 @@ var ns = [
 		prop: o,
 		defaultProp: s,
 		onChange: c
-	}), ee = W(null), te = !h || !!h.closest("form"), [E, D] = G(/* @__PURE__ */ new Set()), O = Array.from(E).map((e) => e.props.value).join(";");
+	}), E = W(null), D = !h || !!h.closest("form"), [O, k] = G(/* @__PURE__ */ new Set()), A = Array.from(O).map((e) => e.props.value).join(";");
 	return /*#__PURE__*/ B(xo, m, /*#__PURE__*/ B(ds, {
 		required: p,
 		scope: t,
@@ -2076,21 +2076,21 @@ var ns = [
 		open: S,
 		onOpenChange: C,
 		dir: x,
-		triggerPointerDownPosRef: ee,
+		triggerPointerDownPosRef: E,
 		disabled: f
 	}, /*#__PURE__*/ B(as.Provider, { scope: t }, /*#__PURE__*/ B(ps, {
 		scope: e.__scopeSelect,
 		onNativeOptionAdd: H((e) => {
-			D((t) => new Set(t).add(e));
+			k((t) => new Set(t).add(e));
 		}, []),
 		onNativeOptionRemove: H((e) => {
-			D((t) => {
+			k((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
 			});
 		}, [])
-	}, n)), te ? /*#__PURE__*/ B(Ys, {
-		key: O,
+	}, n)), D ? /*#__PURE__*/ B(Ys, {
+		key: A,
 		"aria-hidden": !0,
 		required: p,
 		tabIndex: -1,
@@ -2099,7 +2099,7 @@ var ns = [
 		value: w,
 		onChange: (e) => T(e.target.value),
 		disabled: f
-	}, w === void 0 ? /*#__PURE__*/ B("option", { value: "" }) : null, Array.from(E)) : null));
+	}, w === void 0 ? /*#__PURE__*/ B("option", { value: "" }) : null, Array.from(O)) : null));
 }, gs = "SelectTrigger", _s = /*#__PURE__*/ V((e, t) => {
 	let { __scopeSelect: n, disabled: r = !1, ...i } = e, a = us(n), o = fs(gs, n), s = o.disabled || r, c = Q(t, o.onTriggerChange), l = os(n), [u, d, f] = Xs((e) => {
 		let t = l().filter((e) => !e.disabled), n = Zs(t, e, t.find((e) => e.value === o.value));
@@ -2157,22 +2157,22 @@ var ns = [
 	}
 	return /*#__PURE__*/ B(Ds, X({}, e, { ref: t }));
 }), ws = 10, [Ts, Es] = cs(Ss), Ds = /*#__PURE__*/ V((e, t) => {
-	let { __scopeSelect: n, position: r = "item-aligned", onCloseAutoFocus: i, onEscapeKeyDown: a, onPointerDownOutside: o, side: s, sideOffset: c, align: l, alignOffset: u, arrowPadding: d, collisionBoundary: f, collisionPadding: p, sticky: m, hideWhenDetached: h, avoidCollisions: g, ..._ } = e, v = fs(Ss, n), [y, b] = G(null), [x, S] = G(null), C = Q(t, (e) => b(e)), [w, T] = G(null), [ee, te] = G(null), E = os(n), [D, O] = G(!1), k = W(!1);
+	let { __scopeSelect: n, position: r = "item-aligned", onCloseAutoFocus: i, onEscapeKeyDown: a, onPointerDownOutside: o, side: s, sideOffset: c, align: l, alignOffset: u, arrowPadding: d, collisionBoundary: f, collisionPadding: p, sticky: m, hideWhenDetached: h, avoidCollisions: g, ..._ } = e, v = fs(Ss, n), [y, b] = G(null), [x, S] = G(null), C = Q(t, (e) => b(e)), [w, T] = G(null), [E, D] = G(null), O = os(n), [k, A] = G(!1), j = W(!1);
 	U(() => {
 		if (y) return Ve(y);
 	}, [y]), La();
-	let ne = H((e) => {
-		let [t, ...n] = E().map((e) => e.ref.current), [r] = n.slice(-1), i = document.activeElement;
+	let ee = H((e) => {
+		let [t, ...n] = O().map((e) => e.ref.current), [r] = n.slice(-1), i = document.activeElement;
 		for (let n of e) if (n === i || (n?.scrollIntoView({ block: "nearest" }), n === t && x && (x.scrollTop = 0), n === r && x && (x.scrollTop = x.scrollHeight), n?.focus(), document.activeElement !== i)) return;
-	}, [E, x]), A = H(() => ne([w, y]), [
-		ne,
+	}, [O, x]), M = H(() => ee([w, y]), [
+		ee,
 		w,
 		y
 	]);
 	U(() => {
-		D && A();
-	}, [D, A]);
-	let { onOpenChange: j, triggerPointerDownPosRef: M } = v;
+		k && M();
+	}, [k, M]);
+	let { onOpenChange: N, triggerPointerDownPosRef: P } = v;
 	U(() => {
 		if (y) {
 			let e = {
@@ -2180,13 +2180,13 @@ var ns = [
 				y: 0
 			}, t = (t) => {
 				e = {
-					x: Math.abs(Math.round(t.pageX) - (M.current?.x ?? 0)),
-					y: Math.abs(Math.round(t.pageY) - (M.current?.y ?? 0))
+					x: Math.abs(Math.round(t.pageX) - (P.current?.x ?? 0)),
+					y: Math.abs(Math.round(t.pageY) - (P.current?.y ?? 0))
 				};
 			}, n = (n) => {
-				e.x <= 10 && e.y <= 10 ? n.preventDefault() : y.contains(n.target) || j(!1), document.removeEventListener("pointermove", t), M.current = null;
+				e.x <= 10 && e.y <= 10 ? n.preventDefault() : y.contains(n.target) || N(!1), document.removeEventListener("pointermove", t), P.current = null;
 			};
-			return M.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
+			return P.current !== null && (document.addEventListener("pointermove", t), document.addEventListener("pointerup", n, {
 				capture: !0,
 				once: !0
 			})), () => {
@@ -2195,24 +2195,24 @@ var ns = [
 		}
 	}, [
 		y,
-		j,
-		M
+		N,
+		P
 	]), U(() => {
-		let e = () => j(!1);
+		let e = () => N(!1);
 		return window.addEventListener("blur", e), window.addEventListener("resize", e), () => {
 			window.removeEventListener("blur", e), window.removeEventListener("resize", e);
 		};
-	}, [j]);
-	let [re, ie] = Xs((e) => {
-		let t = E().filter((e) => !e.disabled), n = Zs(t, e, t.find((e) => e.ref.current === document.activeElement));
+	}, [N]);
+	let [te, ne] = Xs((e) => {
+		let t = O().filter((e) => !e.disabled), n = Zs(t, e, t.find((e) => e.ref.current === document.activeElement));
 		n && setTimeout(() => n.ref.current.focus());
-	}), ae = H((e, t, n) => {
-		let r = !k.current && !n;
-		(v.value !== void 0 && v.value === t || r) && (T(e), r && (k.current = !0));
-	}, [v.value]), oe = H(() => y?.focus(), [y]), se = H((e, t, n) => {
-		let r = !k.current && !n;
-		(v.value !== void 0 && v.value === t || r) && te(e);
-	}, [v.value]), ce = r === "popper" ? ks : Os, le = ce === ks ? {
+	}), re = H((e, t, n) => {
+		let r = !j.current && !n;
+		(v.value !== void 0 && v.value === t || r) && (T(e), r && (j.current = !0));
+	}, [v.value]), ie = H(() => y?.focus(), [y]), ae = H((e, t, n) => {
+		let r = !j.current && !n;
+		(v.value !== void 0 && v.value === t || r) && D(e);
+	}, [v.value]), oe = r === "popper" ? ks : Os, se = oe === ks ? {
 		side: s,
 		sideOffset: c,
 		align: l,
@@ -2229,15 +2229,15 @@ var ns = [
 		content: y,
 		viewport: x,
 		onViewportChange: S,
-		itemRefCallback: ae,
+		itemRefCallback: re,
 		selectedItem: w,
-		onItemLeave: oe,
-		itemTextRefCallback: se,
-		focusSelectedItem: A,
-		selectedItemText: ee,
+		onItemLeave: ie,
+		itemTextRefCallback: ae,
+		focusSelectedItem: M,
+		selectedItemText: E,
 		position: r,
-		isPositioned: D,
-		searchRef: re
+		isPositioned: k,
+		searchRef: te
 	}, /*#__PURE__*/ B(ts, {
 		as: ha,
 		allowPinchZoom: !0
@@ -2258,14 +2258,14 @@ var ns = [
 		onPointerDownOutside: o,
 		onFocusOutside: (e) => e.preventDefault(),
 		onDismiss: () => v.onOpenChange(!1)
-	}, /*#__PURE__*/ B(ce, X({
+	}, /*#__PURE__*/ B(oe, X({
 		role: "listbox",
 		id: v.contentId,
 		"data-state": v.open ? "open" : "closed",
 		dir: v.dir,
 		onContextMenu: (e) => e.preventDefault()
-	}, _, le, {
-		onPlaced: () => O(!0),
+	}, _, se, {
+		onPlaced: () => A(!0),
 		ref: C,
 		style: {
 			display: "flex",
@@ -2275,18 +2275,18 @@ var ns = [
 		},
 		onKeyDown: Z(_.onKeyDown, (e) => {
 			let t = e.ctrlKey || e.altKey || e.metaKey;
-			if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && ie(e.key), [
+			if (e.key === "Tab" && e.preventDefault(), !t && e.key.length === 1 && ne(e.key), [
 				"ArrowUp",
 				"ArrowDown",
 				"Home",
 				"End"
 			].includes(e.key)) {
-				let t = E().filter((e) => !e.disabled).map((e) => e.ref.current);
+				let t = O().filter((e) => !e.disabled).map((e) => e.ref.current);
 				if (["ArrowUp", "End"].includes(e.key) && (t = t.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(e.key)) {
 					let n = e.target, r = t.indexOf(n);
 					t = t.slice(r + 1);
 				}
-				setTimeout(() => ne(t)), e.preventDefault();
+				setTimeout(() => ee(t)), e.preventDefault();
 			}
 		})
 	}))))));
@@ -2301,17 +2301,17 @@ var ns = [
 				let r = t.right - i.right, a = window.innerWidth - n.right - r, o = window.innerWidth - e.right - a, c = e.width + o, l = Math.max(c, t.width), u = ua(a, [ws, window.innerWidth - ws - l]);
 				s.style.minWidth = c + "px", s.style.right = u + "px";
 			}
-			let o = f(), c = window.innerHeight - 20, u = h.scrollHeight, d = window.getComputedStyle(l), m = parseInt(d.borderTopWidth, 10), v = parseInt(d.paddingTop, 10), y = parseInt(d.borderBottomWidth, 10), b = parseInt(d.paddingBottom, 10), x = m + v + u + b + y, S = Math.min(g.offsetHeight * 5, x), C = window.getComputedStyle(h), w = parseInt(C.paddingTop, 10), T = parseInt(C.paddingBottom, 10), ee = e.top + e.height / 2 - ws, te = c - ee, E = g.offsetHeight / 2, D = g.offsetTop + E, O = m + v + D, k = x - O;
-			if (O <= ee) {
+			let o = f(), c = window.innerHeight - 20, u = h.scrollHeight, d = window.getComputedStyle(l), m = parseInt(d.borderTopWidth, 10), v = parseInt(d.paddingTop, 10), y = parseInt(d.borderBottomWidth, 10), b = parseInt(d.paddingBottom, 10), x = m + v + u + b + y, S = Math.min(g.offsetHeight * 5, x), C = window.getComputedStyle(h), w = parseInt(C.paddingTop, 10), T = parseInt(C.paddingBottom, 10), E = e.top + e.height / 2 - ws, D = c - E, O = g.offsetHeight / 2, k = g.offsetTop + O, A = m + v + k, j = x - A;
+			if (A <= E) {
 				let e = g === o[o.length - 1].ref.current;
 				s.style.bottom = "0px";
-				let t = l.clientHeight - h.offsetTop - h.offsetHeight, n = O + Math.max(te, E + (e ? T : 0) + t + y);
+				let t = l.clientHeight - h.offsetTop - h.offsetHeight, n = A + Math.max(D, O + (e ? T : 0) + t + y);
 				s.style.height = n + "px";
 			} else {
 				let e = g === o[0].ref.current;
 				s.style.top = "0px";
-				let t = Math.max(ee, m + h.offsetTop + (e ? w : 0) + E) + k;
-				s.style.height = t + "px", h.scrollTop = O - ee + h.offsetTop;
+				let t = Math.max(E, m + h.offsetTop + (e ? w : 0) + O) + j;
+				s.style.height = t + "px", h.scrollTop = A - E + h.offsetTop;
 			}
 			s.style.margin = `${ws}px 0`, s.style.minHeight = S + "px", s.style.maxHeight = c + "px", r?.(), requestAnimationFrame(() => p.current = !0);
 		}
@@ -2643,7 +2643,7 @@ var $s = hs, ec = _s, tc = ys, nc = bs, rc = xs, ic = Cs, ac = Ns, oc = zs, sc =
 			children: [n, /* @__PURE__ */ K(Ei, { className: "z-50 -mt-0.5 size-2.5 -translate-y-1/2 rotate-45 rounded-xs bg-(--popover) fill-(--popover)" })]
 		})
 	});
-}, Tc = ({ className: e }) => /* @__PURE__ */ K(de, {
+}, Tc = ({ className: e }) => /* @__PURE__ */ K(le, {
 	label: "Loading chart",
 	className: e,
 	"data-testid": "card-loading-skeleton"
@@ -2688,7 +2688,7 @@ var Dc = ({ error: e, message: t, onRetry: n, widgetName: r, chartType: i, custo
 			retryTestId: "card-error-retry"
 		}), c ? /* @__PURE__ */ K("div", {
 			className: "flex shrink-0 justify-center pb-2",
-			children: /* @__PURE__ */ K(ye, {
+			children: /* @__PURE__ */ K(_e, {
 				asChild: !0,
 				variant: "link",
 				size: "inline",
@@ -2810,7 +2810,7 @@ var Nc = ({ noDataImg: n, noDataFoundSvg: r, message: i, hint: o, action: s, has
 				alt: h
 			}) : /* @__PURE__ */ K("div", {
 				className: "flex size-16 items-center justify-center rounded-(--radius-lg) bg-(--muted)",
-				children: /* @__PURE__ */ K(_e, {
+				children: /* @__PURE__ */ K(he, {
 					className: "size-8 text-(--muted-foreground)",
 					"aria-hidden": "true"
 				})
@@ -2913,10 +2913,10 @@ var Jc = 6, Yc = (e) => {
 	for (let e of t) if (e) for (let t of Object.keys(e)) r.add(t);
 	if (!r.size) return null;
 	let i = [...r];
-	return n.some((e) => S(i, e)) ? null : `This chart reads ${Yc(n)}, but the query returns ${Yc(i)}. Pick the columns again in Configure.`;
+	return n.some((e) => O(i, e)) ? null : `This chart reads ${Yc(n)}, but the query returns ${Yc(i)}. Pick the columns again in Configure.`;
 }, Zc = (e, t, n) => {
 	if (!e) return !1;
-	let r = M(e, t, n);
+	let r = P(e, t, n);
 	return r !== null && r < 4.5;
 }, Qc = (e, t, n) => {
 	let r = e?.tableSettings;
@@ -2972,12 +2972,12 @@ function rl(e, t, i, a, s) {
 		categoryIsTemporal: nl(p?.selectedDims, d)
 	});
 	if (!g) return c;
-	let _ = oe(t);
+	let _ = ie(t);
 	return {
 		rows: m,
 		collapsedRows: h,
 		summary: g,
-		truncated: ae(_, "chart-coverage", m.slice(0, g.keptCount)).truncated
+		truncated: re(_, "chart-coverage", m.slice(0, g.keptCount)).truncated
 	};
 }
 function il(e, t, n) {
@@ -3092,7 +3092,7 @@ function Cl(e) {
 }
 //#endregion
 //#region src/v2/surfaces/MetricCard/cardTableCell.ts
-var wl = (e) => e == null || typeof e == "string" && e.trim() === "", Tl = j, El = 12, Dl = 36, Ol = 720;
+var wl = (e) => e == null || typeof e == "string" && e.trim() === "", Tl = N, El = 12, Dl = 36, Ol = 720;
 function kl(e, t) {
 	let n = Array(e + 1);
 	n[0] = 0;
@@ -3220,9 +3220,9 @@ function Nl({ rowCount: e, scrollElRef: t, minRows: n = 200 }) {
 		measureRowRef: x
 	};
 }
-var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null, onRetry: a, emptyMessage: o, emptyAction: s, renderCell: c, onCellClick: l, ariaLabel: u, qaEntity: d = "metric-card-chart-table", className: f }) => {
-	let p = e.length > 1e3 && ml();
-	return !n && !l && !p ? /* @__PURE__ */ K(Fl, {
+var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null, onRetry: a, emptyMessage: o, emptyAction: s, renderCell: c, onCellClick: l, ariaLabel: u, qaEntity: d = "metric-card-chart-table", className: f, searchable: p = !1 }) => {
+	let m = e.length > 1e3 && ml();
+	return !n && !l && !m ? /* @__PURE__ */ K(Fl, {
 		rows: e,
 		columns: t,
 		renderCell: c,
@@ -3243,7 +3243,8 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 		onCellClick: l,
 		ariaLabel: u,
 		qaEntity: d,
-		className: f
+		className: f,
+		searchable: p && n?.mode === "client"
 	});
 }, Fl = ({ rows: e, columns: t, renderCell: n, className: r }) => {
 	let i = z.useRef(null), { range: a, spacerTop: o, spacerBottom: s, isWindowed: c, tbodyRef: l, measureRowRef: u } = Nl({
@@ -3303,224 +3304,272 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 }), Rl = (e) => wl(e) ? /* @__PURE__ */ K(Ll, {}) : String(e), zl = () => /* @__PURE__ */ K("td", {
 	"aria-hidden": "true",
 	className: "dbn-v2-table__filler"
-}), Bl = ({ rows: e, columns: t, paging: n, isLoading: r, error: i, onRetry: a, emptyMessage: o, emptyAction: s, renderCell: c, onCellClick: l, ariaLabel: u, qaEntity: d, className: f }) => {
-	let p = n.mode === "server", m = Cl(n.mode), [h, g] = z.useState(null), [_, v] = z.useState({
+}), Bl = ({ rows: e, columns: t, paging: n, isLoading: r, error: i, onRetry: a, emptyMessage: o, emptyAction: s, renderCell: c, onCellClick: l, ariaLabel: u, qaEntity: d, className: f, searchable: p }) => {
+	let m = n.mode === "server", h = Cl(n.mode), [g, _] = z.useState(null), [v, y] = z.useState({
 		limit: n.mode === "client" ? n.pageSize ?? 100 : 100,
 		offset: 0
-	}), y = z.useCallback((e) => !!t.find((t) => t.key === e)?.isNumeric, [t]), b = h && t.some((e) => e.key === h.key) ? h : null, x = z.useMemo(() => m ? yl(e, b, y) : e, [
+	}), b = z.useCallback((e) => !!t.find((t) => t.key === e)?.isNumeric, [t]), x = g && t.some((e) => e.key === g.key) ? g : null, [S, C] = z.useState(""), w = p ? S.trim().toLowerCase() : "", T = z.useMemo(() => w ? e.filter((e) => t.some((t) => String(e?.[t.key] ?? "").toLowerCase().includes(w))) : e, [
 		e,
-		b,
-		m,
-		y
-	]), S = n.mode === "client" ? Math.min(n.autoPageAbove ?? 1e3, gl) : 0, C = n.mode === "client" && e.length > S, w = p ? n.limit : _.limit, T = x.length, ee = Math.max(0, Math.min(_.offset, Math.floor(Math.max(0, T - 1) / _.limit) * _.limit)), te = p ? n.offset : C ? ee : 0, E = z.useMemo(() => p || !C ? x : xl(x, w, te), [
-		p,
-		C,
+		t,
+		w
+	]), E = (e) => {
+		C(e), y((e) => ({
+			...e,
+			offset: 0
+		}));
+	}, D = z.useMemo(() => h ? yl(T, x, b) : T, [
+		T,
 		x,
-		w,
-		te
-	]), D = bl({
-		total: p ? n.totalRows : x.length,
-		limit: w,
-		offset: te,
-		renderedRowCount: E.length
-	}), O = z.useRef(null), { range: k, spacerTop: ne, spacerBottom: A, isWindowed: j, tbodyRef: M, measureRowRef: re } = Nl({
-		rowCount: E.length,
-		scrollElRef: O
-	}), ie = E.slice(k.start, k.end), ae = t.length + 1, oe = (e) => {
-		if (p) {
+		h,
+		b
+	]), O = n.mode === "client" ? Math.min(n.autoPageAbove ?? 1e3, gl) : 0, k = n.mode === "client" && e.length > O, A = m ? n.limit : v.limit, j = D.length, ee = Math.max(0, Math.min(v.offset, Math.floor(Math.max(0, j - 1) / v.limit) * v.limit)), M = m ? n.offset : k ? ee : 0, N = z.useMemo(() => m || !k ? D : xl(D, A, M), [
+		m,
+		k,
+		D,
+		A,
+		M
+	]), P = bl({
+		total: m ? n.totalRows : D.length,
+		limit: A,
+		offset: M,
+		renderedRowCount: N.length
+	}), te = z.useRef(null), { range: ne, spacerTop: re, spacerBottom: ie, isWindowed: ae, tbodyRef: se, measureRowRef: ce } = Nl({
+		rowCount: N.length,
+		scrollElRef: te
+	}), ue = N.slice(ne.start, ne.end), de = t.length + 1, fe = (e) => {
+		if (m) {
 			n.onChangePage(!0, void 0, e);
 			return;
 		}
-		v((t) => ({
+		y((t) => ({
 			...t,
 			offset: Math.max(0, e)
 		}));
-	}, se = (e) => {
-		if (p) {
+	}, pe = (e) => {
+		if (m) {
 			n.onChangePage(!1, e);
 			return;
 		}
-		v((t) => ({
+		y((t) => ({
 			limit: e,
 			offset: Sl({
 				offset: t.offset,
 				nextLimit: e
 			})
 		}));
-	}, le = n, ue = p ? le.isEnablePrevBtn ?? !D.isFirstPage : !D.isFirstPage, fe = p ? le.isEnableNextBtn ?? !D.isLastPage : !D.isLastPage, pe = p || C, me = !!r && E.length > 0, he = !!r && E.length === 0, ge = pe ? `${D.total.toLocaleString()} rows, ${w.toLocaleString()} per page.${m ? "" : " Sorting is unavailable while this table loads one page at a time."}` : null;
+	}, me = n, he = m ? me.isEnablePrevBtn ?? !P.isFirstPage : !P.isFirstPage, ge = m ? me.isEnableNextBtn ?? !P.isLastPage : !P.isLastPage, _e = m || k, ve = !!r && N.length > 0, ye = !!r && N.length === 0, be = _e ? `${P.total.toLocaleString()} rows, ${A.toLocaleString()} per page.${h ? "" : " Sorting is unavailable while this table loads one page at a time."}` : null;
 	return /* @__PURE__ */ q("div", {
 		"data-testid": "metric-card-chart-table",
 		"data-paging-mode": n.mode,
 		className: R("dbn-v2-table dbn-v2-table--fit flex h-full w-full flex-col overflow-hidden rounded-(--radius-md) border border-(--border)", f),
-		children: [/* @__PURE__ */ q("div", {
-			ref: O,
-			className: "relative min-h-0 flex-1 overflow-auto",
-			children: [
-				me ? /* @__PURE__ */ K("div", {
-					"data-testid": `${d}-refreshing`,
-					"aria-hidden": "true",
-					className: "sticky top-0 z-2 -mb-0.5 h-0.5 w-full animate-pulse bg-(--primary) motion-reduce:animate-none"
-				}) : null,
-				/* @__PURE__ */ q("table", {
-					"aria-label": u,
-					"aria-busy": r || void 0,
-					className: R(me && "opacity-60 transition-opacity motion-reduce:transition-none"),
-					children: [
-						ge ? /* @__PURE__ */ K("caption", {
-							"data-testid": `${d}-caption`,
-							className: "sr-only",
-							children: ge
-						}) : null,
-						/* @__PURE__ */ K("thead", { children: /* @__PURE__ */ q("tr", { children: [t.map((e) => {
-							let t = b?.key === e.key ? b.direction : null;
-							return /* @__PURE__ */ K("th", {
-								scope: "col",
-								"aria-sort": m ? t === "asc" ? "ascending" : t === "desc" ? "descending" : "none" : void 0,
-								className: e.isNumeric ? "dbn-num" : void 0,
-								title: m ? void 0 : "Sorting is unavailable while this table loads one page at a time.",
-								children: m ? /* @__PURE__ */ q("button", {
-									type: "button",
-									...xe(d, "sort", e.key),
-									onClick: () => {
-										g((t) => _l(t, e.key)), v((e) => e.offset === 0 ? e : {
-											...e,
-											offset: 0
-										});
-									},
-									className: "inline-flex min-h-6 cursor-pointer items-center gap-1 rounded-(--radius-xs) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
-									children: [e.label, t === "asc" ? /* @__PURE__ */ K(zt, {
-										"aria-hidden": "true",
-										className: "size-3"
-									}) : t === "desc" ? /* @__PURE__ */ K(Lt, {
-										"aria-hidden": "true",
-										className: "size-3"
-									}) : /* @__PURE__ */ K(Rt, {
-										"aria-hidden": "true",
-										className: "size-3 opacity-40"
-									})]
-								}) : e.label
-							}, e.key);
-						}), /* @__PURE__ */ K(zl, {})] }) }),
-						/* @__PURE__ */ q("tbody", {
-							ref: M,
-							children: [
-								j && !he && ne > 0 ? /* @__PURE__ */ K("tr", {
-									"data-virtual-spacer": "top",
-									children: /* @__PURE__ */ K("td", {
-										colSpan: ae,
-										className: "h-(--spacer-h) border-none p-0",
-										style: { "--spacer-h": `${ne}px` }
-									})
-								}) : null,
-								he ? /* @__PURE__ */ K("tr", {
-									"data-testid": `${d}-loading-row`,
-									children: /* @__PURE__ */ K("td", {
-										colSpan: ae,
-										className: "border-none p-0",
-										children: /* @__PURE__ */ K(de, {
-											label: "Loading rows",
-											minHeight: Il
-										})
-									})
-								}) : ie.map((e, n) => {
-									let r = k.start + n;
-									return /* @__PURE__ */ q("tr", {
-										ref: j ? re(r) : void 0,
-										children: [t.map((t) => {
-											let n = c ? c(e?.[t.key], t, e) : Rl(e?.[t.key]);
-											return /* @__PURE__ */ K("td", {
-												className: t.isNumeric ? "dbn-num" : void 0,
-												children: l ? /* @__PURE__ */ K("button", {
-													type: "button",
-													className: "dbn-v2-table__cell-btn",
-													"data-testid": `${d}-cell`,
-													onClick: (n) => l({
-														row: e,
-														column: t,
-														value: e?.[t.key],
-														rowIndex: r,
-														anchor: n.currentTarget
-													}),
-													children: n
-												}) : n
-											}, t.key);
-										}), /* @__PURE__ */ K(zl, {})]
-									}, r);
-								}),
-								j && !he && A > 0 ? /* @__PURE__ */ K("tr", {
-									"data-virtual-spacer": "bottom",
-									children: /* @__PURE__ */ K("td", {
-										colSpan: ae,
-										className: "h-(--spacer-h) border-none p-0",
-										style: { "--spacer-h": `${A}px` }
-									})
-								}) : null
-							]
-						})
-					]
-				}),
-				!r && i ? /* @__PURE__ */ q("div", {
-					role: "alert",
-					"data-testid": `${d}-error`,
-					className: "flex flex-col items-center justify-center gap-3 p-8 text-center",
-					children: [
-						/* @__PURE__ */ K(ce, {
+		children: [
+			p ? /* @__PURE__ */ q("div", {
+				className: "relative shrink-0 border-b border-(--border)",
+				children: [
+					/* @__PURE__ */ K(Se, {
+						"aria-hidden": "true",
+						className: "pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-(--muted-foreground)"
+					}),
+					/* @__PURE__ */ K("input", {
+						type: "search",
+						value: S,
+						onChange: (e) => E(e.target.value),
+						placeholder: "Search",
+						"aria-label": "Search table",
+						...F(d, "search"),
+						className: "h-8 w-full bg-transparent pr-8 pl-8 text-xs text-(--foreground) outline-none placeholder:text-(--muted-foreground) focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-(--ring) [&::-webkit-search-cancel-button]:appearance-none"
+					}),
+					S ? /* @__PURE__ */ K("button", {
+						type: "button",
+						"aria-label": "Clear search",
+						...F(d, "search", "clear"),
+						onClick: () => E(""),
+						className: "absolute top-1/2 right-1.5 inline-flex size-6 -translate-y-1/2 cursor-pointer items-center justify-center rounded-(--radius-xs) text-(--muted-foreground) hover:text-(--foreground) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
+						children: /* @__PURE__ */ K(Ke, {
 							"aria-hidden": "true",
-							className: "size-6 text-(--destructive)"
-						}),
-						/* @__PURE__ */ K("span", {
+							className: "size-3.5"
+						})
+					}) : null
+				]
+			}) : null,
+			/* @__PURE__ */ q("div", {
+				ref: te,
+				className: "relative min-h-0 flex-1 overflow-auto",
+				children: [
+					ve ? /* @__PURE__ */ K("div", {
+						"data-testid": `${d}-refreshing`,
+						"aria-hidden": "true",
+						className: "sticky top-0 z-2 -mb-0.5 h-0.5 w-full animate-pulse bg-(--primary) motion-reduce:animate-none"
+					}) : null,
+					/* @__PURE__ */ q("table", {
+						"aria-label": u,
+						"aria-busy": r || void 0,
+						className: R(ve && "opacity-60 transition-opacity motion-reduce:transition-none"),
+						children: [
+							be ? /* @__PURE__ */ K("caption", {
+								"data-testid": `${d}-caption`,
+								className: "sr-only",
+								children: be
+							}) : null,
+							/* @__PURE__ */ K("thead", { children: /* @__PURE__ */ q("tr", { children: [t.map((e) => {
+								let t = x?.key === e.key ? x.direction : null;
+								return /* @__PURE__ */ K("th", {
+									scope: "col",
+									"aria-sort": h ? t === "asc" ? "ascending" : t === "desc" ? "descending" : "none" : void 0,
+									className: e.isNumeric ? "dbn-num" : void 0,
+									title: h ? void 0 : "Sorting is unavailable while this table loads one page at a time.",
+									children: h ? /* @__PURE__ */ q("button", {
+										type: "button",
+										...F(d, "sort", e.key),
+										onClick: () => {
+											_((t) => _l(t, e.key)), y((e) => e.offset === 0 ? e : {
+												...e,
+												offset: 0
+											});
+										},
+										className: "inline-flex min-h-6 cursor-pointer items-center gap-1 rounded-(--radius-xs) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
+										children: [e.label, t === "asc" ? /* @__PURE__ */ K(zt, {
+											"aria-hidden": "true",
+											className: "size-3"
+										}) : t === "desc" ? /* @__PURE__ */ K(Lt, {
+											"aria-hidden": "true",
+											className: "size-3"
+										}) : /* @__PURE__ */ K(Rt, {
+											"aria-hidden": "true",
+											className: "size-3 opacity-40"
+										})]
+									}) : e.label
+								}, e.key);
+							}), /* @__PURE__ */ K(zl, {})] }) }),
+							/* @__PURE__ */ q("tbody", {
+								ref: se,
+								children: [
+									ae && !ye && re > 0 ? /* @__PURE__ */ K("tr", {
+										"data-virtual-spacer": "top",
+										children: /* @__PURE__ */ K("td", {
+											colSpan: de,
+											className: "h-(--spacer-h) border-none p-0",
+											style: { "--spacer-h": `${re}px` }
+										})
+									}) : null,
+									ye ? /* @__PURE__ */ K("tr", {
+										"data-testid": `${d}-loading-row`,
+										children: /* @__PURE__ */ K("td", {
+											colSpan: de,
+											className: "border-none p-0",
+											children: /* @__PURE__ */ K(le, {
+												label: "Loading rows",
+												minHeight: Il
+											})
+										})
+									}) : ue.map((e, n) => {
+										let r = ne.start + n;
+										return /* @__PURE__ */ q("tr", {
+											ref: ae ? ce(r) : void 0,
+											children: [t.map((t) => {
+												let n = c ? c(e?.[t.key], t, e) : Rl(e?.[t.key]);
+												return /* @__PURE__ */ K("td", {
+													className: t.isNumeric ? "dbn-num" : void 0,
+													children: l ? /* @__PURE__ */ K("button", {
+														type: "button",
+														className: "dbn-v2-table__cell-btn",
+														"data-testid": `${d}-cell`,
+														onClick: (n) => l({
+															row: e,
+															column: t,
+															value: e?.[t.key],
+															rowIndex: r,
+															anchor: n.currentTarget
+														}),
+														children: n
+													}) : n
+												}, t.key);
+											}), /* @__PURE__ */ K(zl, {})]
+										}, r);
+									}),
+									ae && !ye && ie > 0 ? /* @__PURE__ */ K("tr", {
+										"data-virtual-spacer": "bottom",
+										children: /* @__PURE__ */ K("td", {
+											colSpan: de,
+											className: "h-(--spacer-h) border-none p-0",
+											style: { "--spacer-h": `${ie}px` }
+										})
+									}) : null
+								]
+							})
+						]
+					}),
+					!r && i ? /* @__PURE__ */ q("div", {
+						role: "alert",
+						"data-testid": `${d}-error`,
+						className: "flex flex-col items-center justify-center gap-3 p-8 text-center",
+						children: [
+							/* @__PURE__ */ K(oe, {
+								"aria-hidden": "true",
+								className: "size-6 text-(--destructive)"
+							}),
+							/* @__PURE__ */ K("span", {
+								className: "text-sm text-(--muted-foreground)",
+								children: i
+							}),
+							a ? /* @__PURE__ */ K("button", {
+								type: "button",
+								...F(d, "error", "retry"),
+								onClick: a,
+								className: "inline-flex h-6 cursor-pointer items-center rounded-(--radius-sm) border border-(--border) bg-(--muted) px-3 text-xs font-medium text-(--foreground) transition-colors hover:bg-(--accent) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
+								children: "Try again"
+							}) : null
+						]
+					}) : null,
+					!r && !i && N.length === 0 ? /* @__PURE__ */ q("div", {
+						"data-testid": `${d}-empty`,
+						className: "flex flex-col items-center justify-center gap-3 p-8 text-center",
+						children: [/* @__PURE__ */ K("span", {
 							className: "text-sm text-(--muted-foreground)",
-							children: i
-						}),
-						a ? /* @__PURE__ */ K("button", {
+							children: w ? "No rows match your search." : o || "No data to show."
+						}), w ? /* @__PURE__ */ K("button", {
 							type: "button",
-							...xe(d, "error", "retry"),
-							onClick: a,
+							...F(d, "empty", "clear-search"),
+							onClick: () => E(""),
 							className: "inline-flex h-6 cursor-pointer items-center rounded-(--radius-sm) border border-(--border) bg-(--muted) px-3 text-xs font-medium text-(--foreground) transition-colors hover:bg-(--accent) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
-							children: "Try again"
-						}) : null
-					]
-				}) : null,
-				!r && !i && E.length === 0 ? /* @__PURE__ */ q("div", {
-					"data-testid": `${d}-empty`,
-					className: "flex flex-col items-center justify-center gap-3 p-8 text-center",
-					children: [/* @__PURE__ */ K("span", {
-						className: "text-sm text-(--muted-foreground)",
-						children: o || "No data to show."
-					}), s ? /* @__PURE__ */ K("button", {
-						type: "button",
-						...xe(d, "empty", "action"),
-						onClick: s.onClick,
-						className: "inline-flex h-6 cursor-pointer items-center rounded-(--radius-sm) border border-(--border) bg-(--muted) px-3 text-xs font-medium text-(--foreground) transition-colors hover:bg-(--accent) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
-						children: s.label
-					}) : null]
-				}) : null
-			]
-		}), pe ? /* @__PURE__ */ K(Vl, {
-			qaEntity: d,
-			limit: w,
-			window: D,
-			canPrev: ue && !r,
-			canNext: fe && !r,
-			onChangePageSize: se,
-			onGoToOffset: oe
-		}) : null]
+							children: "Clear search"
+						}) : s ? /* @__PURE__ */ K("button", {
+							type: "button",
+							...F(d, "empty", "action"),
+							onClick: s.onClick,
+							className: "inline-flex h-6 cursor-pointer items-center rounded-(--radius-sm) border border-(--border) bg-(--muted) px-3 text-xs font-medium text-(--foreground) transition-colors hover:bg-(--accent) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
+							children: s.label
+						}) : null]
+					}) : null
+				]
+			}),
+			_e ? /* @__PURE__ */ K(Vl, {
+				qaEntity: d,
+				limit: A,
+				window: P,
+				canPrev: he && !r,
+				canNext: ge && !r,
+				onChangePageSize: pe,
+				onGoToOffset: fe
+			}) : null
+		]
 	});
 }, Vl = ({ qaEntity: e, limit: t, window: n, canPrev: r, canNext: i, onChangePageSize: a, onGoToOffset: o }) => {
-	let s = xe(e, "page-size").id, c = "inline-flex size-6 cursor-pointer items-center justify-center rounded-(--radius-xs) text-(--muted-foreground) transition-colors hover:text-(--foreground) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring) disabled:pointer-events-none disabled:opacity-40";
+	let s = F(e, "page-size").id, c = "inline-flex size-6 cursor-pointer items-center justify-center rounded-(--radius-xs) text-(--muted-foreground) transition-colors hover:text-(--foreground) focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring) disabled:pointer-events-none disabled:opacity-40";
 	return /* @__PURE__ */ q("nav", {
 		"data-testid": `${e}-pagination`,
 		"aria-label": "Table pagination",
-		className: "flex shrink-0 flex-wrap items-center justify-between gap-3 border-t border-(--border) px-3 py-1.5 text-xs text-(--muted-foreground)",
+		className: "@container/table-pager flex shrink-0 flex-wrap items-center justify-between gap-3 border-t border-(--border) px-3 py-1.5 text-xs whitespace-nowrap text-(--muted-foreground)",
 		children: [/* @__PURE__ */ q("div", {
 			className: "flex items-center gap-1.5",
 			children: [/* @__PURE__ */ K("label", {
 				htmlFor: s,
+				className: "@max-xs/table-pager:sr-only",
 				children: "Rows per page"
 			}), /* @__PURE__ */ q("span", {
 				className: "relative inline-flex items-center",
 				children: [/* @__PURE__ */ K("select", {
-					...xe(e, "page-size"),
+					...F(e, "page-size"),
 					value: t,
 					onChange: (e) => a(Number(e.target.value)),
 					className: "h-6 cursor-pointer appearance-none rounded-(--radius-sm) border border-(--border) bg-(--muted) pr-5 pl-1.5 text-xs text-(--foreground) transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)",
@@ -3538,7 +3587,7 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 			"aria-atomic": "true",
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ q("span", {
-				className: "tabular-nums",
+				className: "tabular-nums @max-xs/table-pager:hidden",
 				children: [
 					n.from.toLocaleString(),
 					"-",
@@ -3552,11 +3601,11 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 				children: [
 					/* @__PURE__ */ K("button", {
 						type: "button",
-						...xe(e, "pagination", "first"),
+						...F(e, "pagination", "first"),
 						"aria-label": "First page",
 						disabled: !r,
 						onClick: () => o(0),
-						className: c,
+						className: R(c, "@max-xs/table-pager:hidden"),
 						children: /* @__PURE__ */ K(Ht, {
 							"aria-hidden": "true",
 							className: "size-3.5"
@@ -3564,7 +3613,7 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 					}),
 					/* @__PURE__ */ K("button", {
 						type: "button",
-						...xe(e, "pagination", "prev"),
+						...F(e, "pagination", "prev"),
 						"aria-label": "Previous page",
 						disabled: !r,
 						onClick: () => o(Math.max(0, (n.pageIndex - 1) * t)),
@@ -3584,7 +3633,7 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 					}),
 					/* @__PURE__ */ K("button", {
 						type: "button",
-						...xe(e, "pagination", "next"),
+						...F(e, "pagination", "next"),
 						"aria-label": "Next page",
 						disabled: !i,
 						onClick: () => o((n.pageIndex + 1) * t),
@@ -3596,11 +3645,11 @@ var Pl = ({ rows: e, columns: t, paging: n, isLoading: r = !1, error: i = null,
 					}),
 					/* @__PURE__ */ K("button", {
 						type: "button",
-						...xe(e, "pagination", "last"),
+						...F(e, "pagination", "last"),
 						"aria-label": "Last page",
 						disabled: !i,
 						onClick: () => o((n.pageCount - 1) * t),
-						className: c,
+						className: R(c, "@max-xs/table-pager:hidden"),
 						children: /* @__PURE__ */ K(Ut, {
 							"aria-hidden": "true",
 							className: "size-3.5"
@@ -3715,7 +3764,7 @@ function Zl({ keys: e, rows: t = [], selectedDims: n = [], selectedMetrics: r =
 				isDerived: !0
 			};
 		}
-		let r = Yl(n), a = le(n.datatype), s = r ? "number" : a === "number" || a === "date" || a === "boolean" ? a : Xl(t, e), c = n.label?.trim() || n.alias?.trim() || n.name?.trim() || ql(e);
+		let r = Yl(n), a = se(n.datatype), s = r ? "number" : a === "number" || a === "date" || a === "boolean" ? a : Xl(t, e), c = n.label?.trim() || n.alias?.trim() || n.name?.trim() || ql(e);
 		return {
 			key: e,
 			label: c,
@@ -3764,13 +3813,13 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 	downloadLabel: l
 }), nu = ({ hasActiveFilters: e, open: t, onOpenChange: n, columns: r, rows: i, onDownload: a, title: o, description: s, downloadLabel: c }) => {
 	let l = !i?.length;
-	return /* @__PURE__ */ K(be, {
+	return /* @__PURE__ */ K(ve, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ q(ve, {
+		children: /* @__PURE__ */ q(ge, {
 			className: "flex max-h-4/5 w-full flex-col sm:max-w-180",
 			children: [
-				/* @__PURE__ */ q(ge, { children: [/* @__PURE__ */ K(N, { children: o }), s == null ? null : /* @__PURE__ */ K(Se, { children: s })] }),
+				/* @__PURE__ */ q(me, { children: [/* @__PURE__ */ K(ye, { children: o }), s == null ? null : /* @__PURE__ */ K(be, { children: s })] }),
 				/* @__PURE__ */ K("div", {
 					className: "min-h-0 flex-1",
 					children: l ? /* @__PURE__ */ K(Nc, { hasActiveFilters: e }) : /* @__PURE__ */ K(Pl, {
@@ -3778,7 +3827,7 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 						columns: r
 					})
 				}),
-				a != null && !l ? /* @__PURE__ */ K(he, { children: /* @__PURE__ */ K(me, {
+				a != null && !l ? /* @__PURE__ */ K(pe, { children: /* @__PURE__ */ K(fe, {
 					onClick: a,
 					children: c
 				}) }) : null
@@ -3805,121 +3854,121 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 		i,
 		f,
 		p
-	]), ee = z.useMemo(() => T.map((e) => ({
+	]), E = z.useMemo(() => T.map((e) => ({
 		key: e.key,
 		label: e.label,
 		isNumeric: e.kind === "number" || e.kind === "identifier"
-	})), [T]), te = z.useMemo(() => new Map(T.map((e) => [e.key, e])), [T]), E = z.useCallback((e, t) => {
-		let n = te.get(t.key);
+	})), [T]), D = z.useMemo(() => new Map(T.map((e) => [e.key, e])), [T]), O = z.useCallback((e, t) => {
+		let n = D.get(t.key);
 		return n ? $l(e, n, m) : String(e ?? "");
-	}, [te, m]), D = !!h, O = !D || h.canSearch !== !1, k = w, ne = h?.onRequestPage, A = z.useRef(ne);
+	}, [D, m]), k = !!h, A = !k || h.canSearch !== !1, j = w, ee = h?.onRequestPage, M = z.useRef(ee);
 	z.useEffect(() => {
-		A.current = ne;
-	}, [ne]);
-	let j = h?.limit ?? 100, M = h?.offset ?? 0, re = z.useRef(null);
+		M.current = ee;
+	}, [ee]);
+	let N = h?.limit ?? 100, P = h?.offset ?? 0, te = z.useRef(null);
 	z.useEffect(() => {
-		if (!t || !D) {
-			re.current = null;
+		if (!t || !k) {
+			te.current = null;
 			return;
 		}
-		let e = O && S ? S : void 0, n = JSON.stringify({
-			limit: j,
-			offset: M,
+		let e = A && S ? S : void 0, n = JSON.stringify({
+			limit: N,
+			offset: P,
 			effectiveSearch: e
 		});
-		re.current !== n && (re.current = n, A.current?.({
-			limit: j,
-			offset: M,
+		te.current !== n && (te.current = n, M.current?.({
+			limit: N,
+			offset: P,
 			search: e,
-			searchColumns: e ? k : void 0
+			searchColumns: e ? j : void 0
 		}));
 	}, [
 		t,
-		D,
-		j,
-		M,
+		k,
+		N,
+		P,
 		S,
-		O,
-		k
+		A,
+		j
 	]);
-	let ie = z.useRef(S);
+	let ne = z.useRef(S);
 	z.useEffect(() => {
-		let e = ie.current !== S;
-		ie.current = S, e && D && t && M !== 0 && A.current?.({
-			limit: j,
+		let e = ne.current !== S;
+		ne.current = S, e && k && t && P !== 0 && M.current?.({
+			limit: N,
 			offset: 0,
-			search: O && S ? S : void 0,
-			searchColumns: O && S ? k : void 0
+			search: A && S ? S : void 0,
+			searchColumns: A && S ? j : void 0
 		});
 	}, [
-		O,
-		D,
-		j,
-		M,
+		A,
+		k,
+		N,
+		P,
 		t,
 		S,
-		k
+		j
 	]);
-	let ae = z.useMemo(() => {
-		if (D || !S) return i;
+	let re = z.useMemo(() => {
+		if (k || !S) return i;
 		let e = S.toLowerCase();
 		return (i ?? []).filter((t) => w.some((n) => String(t?.[n] ?? "").toLowerCase().includes(e)));
 	}, [
-		D,
+		k,
 		i,
 		S,
 		w
-	]), oe = D ? i : ae, se = D ? {
+	]), ie = k ? i : re, ae = k ? {
 		mode: "server",
-		limit: j,
-		offset: M,
+		limit: N,
+		offset: P,
 		totalRows: h.totalRows,
 		onChangePage: (e, t, n) => {
-			let r = t ?? j, i = t === void 0 ? n ?? M : 0;
+			let r = t ?? N, i = t === void 0 ? n ?? P : 0;
 			h.onRequestPage({
 				limit: r,
 				offset: i,
-				search: O && S ? S : void 0,
-				searchColumns: O && S ? k : void 0
+				search: A && S ? S : void 0,
+				searchColumns: A && S ? j : void 0
 			});
 		}
 	} : {
 		mode: "client",
 		pageSize: 100
-	}, ce = bl({
-		total: D ? h.totalRows : oe.length,
-		limit: j,
-		offset: D ? M : 0,
-		renderedRowCount: oe.length
-	}), le = z.useMemo(() => {
+	}, oe = bl({
+		total: k ? h.totalRows : ie.length,
+		limit: N,
+		offset: k ? P : 0,
+		renderedRowCount: ie.length
+	}), se = z.useMemo(() => {
 		if (y) return y;
-		if (D) return () => h.onRequestPage({
-			limit: j,
-			offset: M,
-			search: O && S ? S : void 0,
-			searchColumns: O && S ? k : void 0
+		if (k) return () => h.onRequestPage({
+			limit: N,
+			offset: P,
+			search: A && S ? S : void 0,
+			searchColumns: A && S ? j : void 0
 		});
 	}, [
 		y,
-		D,
+		k,
 		h,
-		j,
-		M,
-		O,
+		N,
+		P,
+		A,
 		S,
-		k
-	]), ue = !!S, de = !_ && !v && oe.length === 0, fe = ue ? `No rows match “${S}”.` : "There are no rows behind this value.", _e = ue ? {
+		j
+	]), ce = !!S, le = !_ && !v && ie.length === 0, ue = ce ? `No rows match “${S}”.` : "There are no rows behind this value.", he = ce ? {
 		label: "Clear search",
 		onClick: () => x("")
-	} : void 0, ye = de && !ue && !D, xe = a != null && oe.length > 0, P = D && ce.total > oe.length, F = o != null && P, we = !!s?.isRunning, Te = P ? `Download this page (${oe.length.toLocaleString()} rows)` : u;
-	return /* @__PURE__ */ K(be, {
+	} : void 0, _e = le && !ce && !k, F = a != null && ie.length > 0, xe = k && oe.total > ie.length, Ce = o != null && xe, I = !!s?.isRunning, we = xe ? `Download this page (${ie.length.toLocaleString()} rows)` : u;
+	return /* @__PURE__ */ K(ve, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ q(ve, {
+		children: /* @__PURE__ */ q(ge, {
 			"data-testid": "underlying-data-dialog",
 			className: "flex h-4/5 max-h-4/5 w-full flex-col sm:max-w-260",
 			children: [
-				/* @__PURE__ */ q(ge, { children: [/* @__PURE__ */ K(N, { children: c }), l == null ? null : /* @__PURE__ */ K(Se, { children: l })] }),
+				/* @__PURE__ */ q(me, { children: [/* @__PURE__ */ K(ye, { children: c }), l == null ? null : /* @__PURE__ */ K(be, { children: l })] }),
 				g?.length ? /* @__PURE__ */ q("div", {
 					className: "flex shrink-0 flex-wrap items-center gap-1.5 text-xs text-(--muted-foreground)",
 					"data-testid": "underlying-data-scope",
@@ -3934,14 +3983,14 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 						})]
 					})] }, `${e.label}-${e.value}`))]
 				}) : null,
-				O && !ye ? /* @__PURE__ */ q("div", {
+				A && !_e ? /* @__PURE__ */ q("div", {
 					className: "relative shrink-0",
 					children: [
-						/* @__PURE__ */ K(Ce, {
+						/* @__PURE__ */ K(Se, {
 							"aria-hidden": "true",
 							className: "pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-(--muted-foreground)"
 						}),
-						/* @__PURE__ */ K(pe, {
+						/* @__PURE__ */ K(de, {
 							type: "search",
 							value: b,
 							onChange: (e) => x(e.target.value),
@@ -3950,7 +3999,7 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 							"data-testid": "underlying-data-search",
 							className: "h-8 pr-8 pl-8 text-sm"
 						}),
-						b ? /* @__PURE__ */ K(me, {
+						b ? /* @__PURE__ */ K(fe, {
 							type: "button",
 							variant: "ghost",
 							size: "icon-xs",
@@ -3964,56 +4013,56 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 				}) : null,
 				/* @__PURE__ */ K("div", {
 					className: "flex min-h-0 flex-1 flex-col",
-					children: ye ? /* @__PURE__ */ K(Nc, {
+					children: _e ? /* @__PURE__ */ K(Nc, {
 						className: "flex-1",
-						message: fe,
+						message: ue,
 						hasActiveFilters: e
 					}) : /* @__PURE__ */ K(Pl, {
-						rows: oe,
-						columns: ee,
-						paging: se,
+						rows: ie,
+						columns: E,
+						paging: ae,
 						isLoading: _,
 						error: v,
-						onRetry: le,
-						emptyMessage: fe,
-						emptyAction: _e,
-						renderCell: E,
+						onRetry: se,
+						emptyMessage: ue,
+						emptyAction: he,
+						renderCell: O,
 						ariaLabel: typeof c == "string" ? c : "Underlying data",
 						qaEntity: "underlying-data-table",
 						className: "min-h-0 flex-1"
 					})
 				}),
-				xe ? /* @__PURE__ */ q(he, {
+				F ? /* @__PURE__ */ q(pe, {
 					className: "items-center sm:justify-between",
 					children: [/* @__PURE__ */ K("span", {
 						"data-testid": "underlying-data-download-scope",
 						className: "text-xs text-(--muted-foreground)",
 						"aria-live": "polite",
-						children: we ? `Preparing ${(s?.fetchedRows ?? 0).toLocaleString()} of ${ce.total.toLocaleString()} rows...` : P ? `Showing ${oe.length.toLocaleString()} of ${ce.total.toLocaleString()} rows` : `Downloads all ${ce.total.toLocaleString()} rows`
+						children: I ? `Preparing ${(s?.fetchedRows ?? 0).toLocaleString()} of ${oe.total.toLocaleString()} rows...` : xe ? `Showing ${ie.length.toLocaleString()} of ${oe.total.toLocaleString()} rows` : `Downloads all ${oe.total.toLocaleString()} rows`
 					}), /* @__PURE__ */ q("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ K(me, {
-							variant: F ? "outline" : "default",
+						children: [/* @__PURE__ */ K(fe, {
+							variant: Ce ? "outline" : "default",
 							"data-testid": "underlying-data-download-page",
-							disabled: we,
+							disabled: I,
 							onClick: a,
-							children: Te
-						}), F ? /* @__PURE__ */ K(me, {
+							children: we
+						}), Ce ? /* @__PURE__ */ K(fe, {
 							"data-testid": "underlying-data-download-all",
-							disabled: we,
+							disabled: I,
 							onClick: () => o?.({
-								search: O && S ? S : void 0,
-								searchColumns: O && S ? k : void 0,
-								total: ce.total
+								search: A && S ? S : void 0,
+								searchColumns: A && S ? j : void 0,
+								total: oe.total
 							}),
-							children: we ? "Preparing..." : `Download all ${ce.total.toLocaleString()} rows`
+							children: I ? "Preparing..." : `Download all ${oe.total.toLocaleString()} rows`
 						}) : null]
 					})]
 				}) : null
 			]
 		})
 	});
-}, iu = z.lazy(async () => ({ default: (await import("./charts-BzunXCJW.mjs").then((e) => e.t)).DbnChart })), au = z.lazy(async () => ({ default: (await import("./Chart-CnS4idQI.mjs").then((e) => e.n)).Chart })), ou = Object.freeze({
+}, iu = z.lazy(async () => ({ default: (await import("./charts-BzunXCJW.mjs").then((e) => e.t)).DbnChart })), au = z.lazy(async () => ({ default: (await import("./Chart-BcmkjXMD.mjs").then((e) => e.n)).Chart })), ou = Object.freeze({
 	isLoading: !1,
 	error: "",
 	data: [],
@@ -4072,28 +4121,28 @@ var eu = 300, tu = ({ open: e, onOpenChange: t, columns: n, rows: r, onDownload:
 function gu(e) {
 	if (e != null) return typeof e == "number" ? `${e}px` : e;
 }
-var _u = ({ metric: e, chartSettings: t, data: n, isLoading: r, drillBreadcrumb: a, terminalNotice: o, chartColors: f, chartRendererType: p, chartAppearance: m, chartColumns: h, tablePaging: g, onTableCellClick: v, onOpenSection: S, openSectionLabel: j, isTableRefreshing: M, height: ae, width: oe, onEvents: ce, onChartReady: le, enableCoverageTruncation: de, chartTasteCapability: fe, canOpenDataPointMenu: pe, emptyState: he, hasActiveFilters: ge, className: _e, reduction: ve, reductionRowsIn: ye, serverTruncation: be }) => {
-	let N = hu.has(t?.chartType), xe = f ?? t?.chartColors, Se = ie(fe), P = u(), Ce = P && lu(t) && de !== !1, F = z.useMemo(() => N ? null : rl(t, n, Ce, e, be), [
-		N,
+var _u = ({ metric: e, chartSettings: t, data: n, isLoading: r, drillBreadcrumb: a, terminalNotice: o, chartColors: f, chartRendererType: p, chartAppearance: m, chartColumns: h, tablePaging: g, tableSearch: v, onTableCellClick: O, onOpenSection: N, openSectionLabel: P, isTableRefreshing: re, height: ie, width: oe, onEvents: se, onChartReady: le, enableCoverageTruncation: ue, chartTasteCapability: de, canOpenDataPointMenu: pe, emptyState: me, hasActiveFilters: he, className: ge, reduction: _e, reductionRowsIn: ve, serverTruncation: ye }) => {
+	let F = hu.has(t?.chartType), be = f ?? t?.chartColors, xe = ne(de), Se = u(), Ce = Se && lu(t) && ue !== !1, I = z.useMemo(() => F ? null : rl(t, n, Ce, e, ye), [
+		F,
 		t,
 		n,
 		Ce,
 		e,
-		be
-	]), we = z.useMemo(() => F?.summary ? il(F.summary, t, e) : null, [
-		F?.summary,
+		ye
+	]), we = z.useMemo(() => I?.summary ? il(I.summary, t, e) : null, [
+		I?.summary,
 		t,
 		e
-	]), Te = z.useMemo(() => we ?? se(F?.truncated ?? null), [we, F?.truncated]), I = z.useMemo(() => Vc({
+	]), Te = z.useMemo(() => we ?? ae(I?.truncated ?? null), [we, I?.truncated]), Ee = z.useMemo(() => Vc({
 		truncationFootnote: Te,
-		reduction: ve,
-		rowsIn: ye
+		reduction: _e,
+		rowsIn: ve
 	}), [
 		Te,
-		ve,
-		ye
-	]), Ee = z.useMemo(() => {
-		if (I || !qc()) return;
+		_e,
+		ve
+	]), L = z.useMemo(() => {
+		if (Ee || !qc()) return;
 		let e = t?.chartType;
 		if (e && n?.length) try {
 			let t = d(n);
@@ -4102,155 +4151,155 @@ var _u = ({ metric: e, chartSettings: t, data: n, isLoading: r, drillBreadcrumb:
 			return;
 		}
 	}, [
-		I,
+		Ee,
 		t?.chartType,
 		n
-	]), L = z.useMemo(() => {
-		if (!P) return null;
+	]), De = z.useMemo(() => {
+		if (!Se) return null;
 		let e = t?.chartType;
 		if (!e || !n?.length) return null;
 		try {
 			let r = b[e] ?? b[s(e)] ?? e, i = l[s(r)];
 			if (!i) return null;
-			let a = i.checkRenderable(y(n), E(t, n));
+			let a = i.checkRenderable(y(n), T(t, n));
 			return a.ok ? null : a;
 		} catch {
 			return null;
 		}
 	}, [
-		P,
+		Se,
 		t,
 		n
-	]), De = F?.rows ?? n, Oe = ie(fe), ke = T(null), Ae = z.useMemo(() => !ke || N ? null : D({
-		mapping: ne(t, De),
+	]), Oe = I?.rows ?? n, ke = ne(de), Ae = C(null), je = z.useMemo(() => !Ae || F ? null : k({
+		mapping: x(t, Oe),
 		chartOptions: t,
-		rows: De,
-		enabled: Oe
+		rows: Oe,
+		enabled: ke
 	}), [
-		ke,
-		N,
+		Ae,
+		F,
 		t,
-		De,
-		Oe
-	]), je = F?.summary?.bucketLabel, [Me, Ne] = z.useState(null), Pe = z.useMemo(() => Me === "collapsed" ? F?.collapsedRows ?? [] : n, [
+		Oe,
+		ke
+	]), Me = I?.summary?.bucketLabel, [Ne, Pe] = z.useState(null), Fe = z.useMemo(() => Ne === "collapsed" ? I?.collapsedRows ?? [] : n, [
 		n,
-		F?.collapsedRows,
-		Me
-	]), Fe = z.useMemo(() => vu(h, Pe, !0), [h, Pe]), Ie = ue(), Le = z.useRef(null), Re = z.useRef(le);
+		I?.collapsedRows,
+		Ne
+	]), Ie = z.useMemo(() => vu(h, Fe, !0), [h, Fe]), Le = ce(), Re = z.useRef(null), ze = z.useRef(le);
 	z.useLayoutEffect(() => {
-		Re.current = le;
+		ze.current = le;
 	}, [le]);
-	let ze = z.useCallback((e, t) => {
-		t && Le.current !== t && (Le.current = t, Re.current?.(t));
-	}, []), Be = z.useMemo(() => {
+	let Be = z.useCallback((e, t) => {
+		t && Re.current !== t && (Re.current = t, ze.current?.(t));
+	}, []), Ve = z.useMemo(() => {
 		let t = !!le, n = (e) => {
 			if (!t) return e;
 			let n = e?.finished;
 			return {
 				...e ?? {},
 				finished: (...e) => {
-					n?.(...e), ze(e[0], e[1]);
+					n?.(...e), Be(e[0], e[1]);
 				}
 			};
 		};
-		if (!je && !Ie) return n(ce);
-		let { click: r, ...i } = ce ?? {};
+		if (!Me && !Le) return n(se);
+		let { click: r, ...i } = se ?? {};
 		return n({
 			...i,
 			click: (t, ...n) => {
-				if (je && t?.name === je) {
-					Ne("collapsed");
+				if (Me && t?.name === Me) {
+					Pe("collapsed");
 					return;
 				}
-				Ie?.(e, {
+				Le?.(e, {
 					params: t,
 					rowFilters: Array.isArray(t?.rowFilters) ? t.rowFilters : void 0
 				}) || r?.(t, ...n);
 			}
 		});
 	}, [
-		ce,
-		je,
+		se,
+		Me,
 		e,
-		Ie,
+		Le,
 		le,
-		ze
-	]), Ve = z.useMemo(() => cl(C(m, {
-		...te(t?.customSettings),
+		Be
+	]), He = z.useMemo(() => cl(w(m, {
+		...D(t?.customSettings),
 		tooltipSettings: t?.tooltipSettings,
-		categoryField: Ae?.type === "gaugeV2" ? null : t?.xAxis,
+		categoryField: je?.type === "gaugeV2" ? null : t?.xAxis,
 		chartZoom: t?.customSettings?.chartZoom,
 		percentageSize: t?.percentageSize,
 		repulsion: t?.customSettings?.repulsion,
 		isUseAsDifference: t?.waterfallSettings?.isUseAsDifference,
 		hideNullValues: t?.customSettings?.hideNullValues
-	}), Se, !!pe || Se), [
+	}), xe, !!pe || xe), [
 		m,
 		t,
-		Ae?.type,
-		Se,
+		je?.type,
+		xe,
 		pe
-	]), He = z.useMemo(() => k(Ve, ee(Ae?.data ?? {}, Oe)), [
-		Ve,
-		Ae?.data,
-		Oe
-	]), Ue = z.useMemo(() => N ? void 0 : O(t), [N, t]), We = z.useMemo(() => A(O(t), "precise"), [t]), Ge = z.useMemo(() => t?.chartType === c.horizontalStackTable ? (t?.stackTableCols ?? []).filter(Boolean) : [], [t?.chartType, t?.stackTableCols]), Ke = z.useMemo(() => {
-		if (!Ge.length) return 0;
+	]), Ue = z.useMemo(() => j(He, E(je?.data ?? {}, ke)), [
+		He,
+		je?.data,
+		ke
+	]), We = z.useMemo(() => F ? void 0 : A(t), [F, t]), Ge = z.useMemo(() => M(A(t), "precise"), [t]), Ke = z.useMemo(() => t?.chartType === c.horizontalStackTable ? (t?.stackTableCols ?? []).filter(Boolean) : [], [t?.chartType, t?.stackTableCols]), qe = z.useMemo(() => {
+		if (!Ke.length) return 0;
 		let e = 0;
-		for (let t of n ?? []) e = Math.max(e, fu(t, Ge));
+		for (let t of n ?? []) e = Math.max(e, fu(t, Ke));
 		return e;
-	}, [n, Ge]), qe = z.useCallback((e) => Ge.length ? [...e.filter((e) => !Ge.includes(e.key)), {
+	}, [n, Ke]), Je = z.useCallback((e) => Ke.length ? [...e.filter((e) => !Ke.includes(e.key)), {
 		key: uu,
 		label: t?.tableSettings?.stackColAlias || ""
-	}] : e, [Ge, t?.tableSettings?.stackColAlias]), Je = z.useCallback((e, t, n) => t.key === uu && Ge.length ? /* @__PURE__ */ K(mu, {
+	}] : e, [Ke, t?.tableSettings?.stackColAlias]), Ye = z.useCallback((e, t, n) => t.key === uu && Ke.length ? /* @__PURE__ */ K(mu, {
 		row: n ?? {},
-		cols: Ge,
-		max: Ke,
-		format: (e, t) => We(e, t)
-	}) : typeof e == "number" && Number.isFinite(e) ? We(e, t.key) : wl(e) ? /* @__PURE__ */ K(Ll, {}) : String(e), [
-		We,
+		cols: Ke,
+		max: qe,
+		format: (e, t) => Ge(e, t)
+	}) : typeof e == "number" && Number.isFinite(e) ? Ge(e, t.key) : wl(e) ? /* @__PURE__ */ K(Ll, {}) : String(e), [
 		Ge,
-		Ke
-	]), [Ye, Xe] = z.useState(null), Ze = zc(Ye), Qe = z.useMemo(() => Qc(t, Ze?.surface, Ze?.backdrop), [
+		Ke,
+		qe
+	]), [Xe, Ze] = z.useState(null), Qe = zc(Xe), $e = z.useMemo(() => Qc(t, Qe?.surface, Qe?.backdrop), [
 		t,
-		Ze?.surface,
-		Ze?.backdrop
-	]), $e = z.useMemo(() => P && !N && !Ae ? Xc(t, n) : null, [
-		P,
-		N,
-		Ae,
+		Qe?.surface,
+		Qe?.backdrop
+	]), et = z.useMemo(() => Se && !F && !je ? Xc(t, n) : null, [
+		Se,
+		F,
+		je,
 		t,
 		n
-	]), et = z.useMemo(() => N || $e ? null : x(t, n), [
-		N,
-		$e,
+	]), tt = z.useMemo(() => F || et ? null : S(t, n), [
+		F,
+		et,
 		t,
 		n
-	]), tt = z.useMemo(() => w(t, n ?? []), [t, n]), nt = z.useMemo(() => {
-		let e = re(n, tt);
+	]), nt = z.useMemo(() => ee(t, n ?? []), [t, n]), rt = z.useMemo(() => {
+		let e = te(n, nt);
 		if (!e?.length) return !0;
-		if (N) return !1;
+		if (F) return !1;
 		let t = [
-			...tt.yAxisList ?? [],
-			tt.progressColumn,
-			tt.singleValue
+			...nt.yAxisList ?? [],
+			nt.progressColumn,
+			nt.singleValue
 		].filter((e) => !!e);
 		return t.length ? !e.some((e) => t.some((t) => e?.[t] !== null && e?.[t] !== void 0)) : !1;
 	}, [
 		n,
-		N,
-		tt
-	]), rt = {
-		"--slot-h": gu(ae),
+		F,
+		nt
+	]), it = {
+		"--slot-h": gu(ie),
 		"--slot-w": gu(oe)
 	};
 	return /* @__PURE__ */ q("div", {
 		"data-slot": "metric-card-chart",
 		"data-testid": "metric-card-chart-slot",
-		"data-chart-engine": Ae ? "v2" : void 0,
+		"data-chart-engine": je ? "v2" : void 0,
 		"data-chart-renderer": p,
-		className: R("flex h-(--slot-h,auto) w-(--slot-w,100%) min-h-0 flex-1 flex-col gap-2", _e),
-		style: rt,
+		className: R("flex h-(--slot-h,auto) w-(--slot-w,100%) min-h-0 flex-1 flex-col gap-2", ge),
+		style: it,
 		children: [
 			a != null || o != null ? /* @__PURE__ */ q("div", {
 				"data-testid": "metric-card-drill-breadcrumb",
@@ -4259,69 +4308,70 @@ var _u = ({ metric: e, chartSettings: t, data: n, isLoading: r, drillBreadcrumb:
 			}) : null,
 			r ? /* @__PURE__ */ K(Tc, { className: "flex-1" }) : /* @__PURE__ */ q(Nt, { children: [/* @__PURE__ */ K("div", {
 				className: "min-h-0 w-full flex-1",
-				children: $e ? /* @__PURE__ */ K(jc, {
+				children: et ? /* @__PURE__ */ K(jc, {
 					className: "h-full",
-					reason: $e,
+					reason: et,
 					section: "configure",
-					onOpenSection: S,
-					actionLabel: j
-				}) : et ? /* @__PURE__ */ K(jc, {
+					onOpenSection: N,
+					actionLabel: P
+				}) : tt ? /* @__PURE__ */ K(jc, {
 					className: "h-full",
-					reason: et,
+					reason: tt,
 					section: "configure",
-					onOpenSection: S,
-					actionLabel: j
-				}) : he != null && nt ? he : L && Ae ? /* @__PURE__ */ K(jc, {
+					onOpenSection: N,
+					actionLabel: P
+				}) : me != null && rt ? me : De && je ? /* @__PURE__ */ K(jc, {
 					className: "h-full",
-					reason: L.reason,
-					section: L.section,
-					onOpenSection: S,
-					actionLabel: j
-				}) : N ? /* @__PURE__ */ K(Pl, {
+					reason: De.reason,
+					section: De.section,
+					onOpenSection: N,
+					actionLabel: P
+				}) : F ? /* @__PURE__ */ K(Pl, {
 					rows: n,
-					columns: qe(vu(h, n, !!g)),
+					columns: Je(vu(h, n, !!g)),
 					paging: g,
-					isLoading: !!g && !!M,
-					renderCell: Je,
-					onCellClick: v
-				}) : Ae ? /* @__PURE__ */ K(z.Suspense, {
+					searchable: v,
+					isLoading: !!g && !!re,
+					renderCell: Ye,
+					onCellClick: O
+				}) : je ? /* @__PURE__ */ K(z.Suspense, {
 					fallback: /* @__PURE__ */ K(Tc, { className: "h-full" }),
 					children: /* @__PURE__ */ K(iu, {
-						type: Ae.type,
+						type: je.type,
 						minHeight: 0,
 						family: i(t.chartType)?.family ?? void 0,
-						data: Ae.data,
-						appearance: He,
-						applyDensity: P,
-						mutedCategory: je,
-						colorBy: Ae.colorBy,
-						valueFormatter: Ue,
-						chartColors: xe,
+						data: je.data,
+						appearance: Ue,
+						applyDensity: Se,
+						mutedCategory: Me,
+						colorBy: je.colorBy,
+						valueFormatter: We,
+						chartColors: be,
 						renderer: p,
-						onEvents: Be,
+						onEvents: Ve,
 						className: "h-full w-full"
 					})
-				}) : nt ? /* @__PURE__ */ K(Nc, {
+				}) : rt ? /* @__PURE__ */ K(Nc, {
 					className: "h-full",
-					hasActiveFilters: ge
+					hasActiveFilters: he
 				}) : cu(t?.chartType) ? s(t?.chartType) === s(c.radar) ? /* @__PURE__ */ K(Nc, {
 					className: "h-full",
-					message: ke ? "Radar needs one category and at least three measures. Update it in Configure." : "Radar requires the new chart engine."
+					message: Ae ? "Radar needs one category and at least three measures. Update it in Configure." : "Radar requires the new chart engine."
 				}) : /* @__PURE__ */ K(z.Suspense, {
 					fallback: /* @__PURE__ */ K(Tc, { className: "h-full" }),
 					children: /* @__PURE__ */ K("div", {
-						ref: Xe,
+						ref: Ze,
 						"data-testid": "metric-card-legacy-chart",
 						"data-slot": "metric-card-legacy-chart",
 						className: "dbn:h-full dbn:w-full h-full w-full",
 						children: /* @__PURE__ */ K(au, {
-							chartOptions: Qe,
-							data: De,
+							chartOptions: $e,
+							data: Oe,
 							chartAppearance: m,
-							colors: xe,
+							colors: be,
 							metricCardColor: "transparent",
-							chartFontSettings: Ze,
-							events: Be,
+							chartFontSettings: Qe,
+							events: Ve,
 							pivotDrillState: ou,
 							isMetricCard: !0,
 							isDashboard: !0,
@@ -4332,41 +4382,41 @@ var _u = ({ metric: e, chartSettings: t, data: n, isLoading: r, drillBreadcrumb:
 					className: "h-full",
 					message: "This chart type is no longer available. Pick another type in Configure."
 				})
-			}), I ? /* @__PURE__ */ q("div", {
+			}), Ee ? /* @__PURE__ */ q("div", {
 				"data-testid": "card-truncation-footnote",
 				"data-slot": "metric-card-truncation-footnote",
 				"data-notice-slot": "metric-card-notice",
-				title: F?.summary && I === we ? `${I} - View all ${F.summary.totalCount.toLocaleString("en-US")}` : I,
+				title: I?.summary && Ee === we ? `${Ee} - View all ${I.summary.totalCount.toLocaleString("en-US")}` : Ee,
 				className: "flex shrink-0 items-center overflow-hidden text-xs text-(--muted-foreground)",
 				children: [/* @__PURE__ */ K("span", {
 					className: "truncate",
-					children: I
-				}), F?.summary && I === we ? /* @__PURE__ */ q(Nt, { children: [/* @__PURE__ */ K("span", {
+					children: Ee
+				}), I?.summary && Ee === we ? /* @__PURE__ */ q(Nt, { children: [/* @__PURE__ */ K("span", {
 					"aria-hidden": "true",
 					children: " - "
-				}), /* @__PURE__ */ q(me, {
+				}), /* @__PURE__ */ q(fe, {
 					type: "button",
 					variant: "link",
 					size: "sm",
 					className: "h-auto shrink-0 p-0 text-xs",
 					"data-testid": "card-truncation-view-all",
-					onClick: () => Ne("all"),
+					onClick: () => Pe("all"),
 					children: [
 						"View all",
 						" ",
-						F.summary.totalCount.toLocaleString("en-US")
+						I.summary.totalCount.toLocaleString("en-US")
 					]
 				})] }) : null]
-			}) : /* @__PURE__ */ K(Wl, { sentences: Ee })] }),
+			}) : /* @__PURE__ */ K(Wl, { sentences: L })] }),
 			/* @__PURE__ */ K(tu, {
-				open: Me != null,
+				open: Ne != null,
 				onOpenChange: (e) => {
-					e || Ne(null);
+					e || Pe(null);
 				},
-				columns: Fe,
-				rows: Pe,
-				title: Me === "collapsed" ? "All Other members" : "All categories",
-				description: Me === "collapsed" && F?.summary ? `${F.summary.tailCount.toLocaleString("en-US")} categories are combined in ${F.summary.bucketLabel}.` : F?.summary ? `${F.summary.totalCount.toLocaleString("en-US")} categories in descending order.` : void 0
+				columns: Ie,
+				rows: Fe,
+				title: Ne === "collapsed" ? "All Other members" : "All categories",
+				description: Ne === "collapsed" && I?.summary ? `${I.summary.tailCount.toLocaleString("en-US")} categories are combined in ${I.summary.bucketLabel}.` : I?.summary ? `${I.summary.totalCount.toLocaleString("en-US")} categories in descending order.` : void 0
 			})
 		]
 	});