@object-ui/plugin-dashboard 3.3.1 → 3.4.0

package/dist/index.js

@@ -1,24 +1,23 @@
 import { ComponentRegistry as e, extractRecords as t } from "@object-ui/core";
-import { SchemaRenderer as n, SchemaRendererContext as r, useActionEngine as i, useDataScope as a, useDnd as o, useHasDndProvider as s } from "@object-ui/react";
-import { Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, Combobox as p, ConfigPanelRenderer as m, ConfigRow as h, Skeleton as g, cn as _, useConfigDraft as v } from "@object-ui/components";
-import * as y from "react";
-import b, { forwardRef as x, useCallback as S, useContext as C, useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
-import * as O from "lucide-react";
-import { AlertCircle as k, ArrowDownIcon as A, ArrowUpIcon as j, Edit as M, GripVertical as N, Loader2 as P, MinusIcon as F, RefreshCw as I, Save as L, Settings as R, X as z } from "lucide-react";
-import ee from "clsx";
+import { SchemaRenderer as n, SchemaRendererContext as r, useActionEngine as i, useDataScope as a, useDnd as o, useHasDndProvider as s, useObjectLabel as c } from "@object-ui/react";
+import { Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Combobox as m, ConfigPanelRenderer as h, ConfigRow as g, Skeleton as _, cn as v, getLazyIcon as y, useConfigDraft as b } from "@object-ui/components";
+import * as x from "react";
+import S, { createContext as C, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
+import { AlertCircle as j, ArrowDownIcon as M, ArrowUpIcon as N, Edit as P, GripVertical as F, Loader2 as I, MinusIcon as L, RefreshCw as R, Save as z, Settings as ee, X as B } from "lucide-react";
+import te from "clsx";
 //#region \0rolldown/runtime.js
-var B = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), V = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+var V = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), H = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 //#endregion
 //#region src/utils.ts
-function H(e) {
+function U(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && e.provider === "object";
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.production.js
-var te = /* @__PURE__ */ B(((e) => {
+var ne = /* @__PURE__ */ V(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -33,7 +32,7 @@ var te = /* @__PURE__ */ B(((e) => {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), ne = /* @__PURE__ */ B(((e) => {
+})), re = /* @__PURE__ */ V(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -176,7 +175,7 @@ var te = /* @__PURE__ */ B(((e) => {
 		function p(e) {
 			return typeof e == "object" && !!e && e.$$typeof === h;
 		}
-		var m = V("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), k = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
+		var m = H("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), k = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
 			return null;
 		};
 		m = { react_stack_bottom_frame: function(e) {
@@ -191,15 +190,13 @@ var te = /* @__PURE__ */ B(((e) => {
 			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
 		};
 	})();
-})), U = (/* @__PURE__ */ B(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = te() : t.exports = ne();
+})), W = (/* @__PURE__ */ V(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = ne() : t.exports = re();
 })))();
-function re(e) {
-	if (!e) return null;
-	let t = O;
-	return t[e] ? t[e] : t[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null;
-}
 function ie(e) {
+	return e ? y(e) : null;
+}
+function G(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
 var ae = [
@@ -208,8 +205,8 @@ var ae = [
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], W = x(({ schema: e, className: t, dataSource: r, onRefresh: a, recordCount: o, userActions: s, designMode: p, selectedWidgetId: m, onWidgetClick: h, modalHandler: g, scriptHandlers: v, ...y }, b) => {
-	let x = (() => {
+], oe = w(({ schema: e, className: t, dataSource: r, onRefresh: a, recordCount: o, userActions: s, designMode: m, selectedWidgetId: h, onWidgetClick: g, modalHandler: _, scriptHandlers: y, ...b }, x) => {
+	let S = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
 		for (let e of t) {
@@ -217,57 +214,63 @@ var ae = [
 			t > n && (n = t), (e.layout?.w ?? 0) > n && (n = e.layout.w);
 		}
 		return n > 4 ? 12 : 4;
-	})(), C = x, O = e.gap || 4, [k, A] = D(!1), [j, M] = D(!1), N = E(null), { executeAction: P, engine: F } = i({ actions: T(() => (e.header?.actions ?? []).map((e) => ({
+	})(), C = S, w = e.gap || 4, [E, j] = A(!1), [M, N] = A(!1), P = k(null), { executeAction: F, engine: I } = i({ actions: O(() => (e.header?.actions ?? []).map((e) => ({
 		name: e.actionUrl || e.label,
 		type: e.actionType || "url",
 		target: e.actionUrl,
 		label: e.label
-	})), [e.header?.actions]) });
-	w(() => {
-		let e = F.getRunner();
-		if (g && e.setModalHandler(g), v) for (let [t, n] of Object.entries(v)) e.registerScript(t, n);
+	})), [e.header?.actions]) }), { dashboardLabel: L, dashboardDescription: z, dashboardActionLabel: ee, widgetTitle: B, widgetDescription: te, fieldLabel: V } = c(), H = e.name, ne = T((e) => H ? ee(H, e.actionUrl || e.label, e.label) : e.label, [H, ee]), re = T((e) => {
+		let t = G(e.title);
+		return !H || !e.id || t === void 0 ? t : B(H, e.id, t);
+	}, [H, B]), oe = T((e) => {
+		let t = G(e.description);
+		return !H || !e.id ? t : te(H, e.id, t);
+	}, [H, te]);
+	D(() => {
+		let e = I.getRunner();
+		if (_ && e.setModalHandler(_), y) for (let [t, n] of Object.entries(y)) e.registerScript(t, n);
 	}, [
-		F,
-		g,
-		v
-	]), w(() => {
-		let e = () => M(window.innerWidth < 768);
+		I,
+		_,
+		y
+	]), D(() => {
+		let e = () => N(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let L = S(() => {
-		a && (A(!0), a(), setTimeout(() => A(!1), 600));
+	let se = T(() => {
+		a && (j(!0), a(), setTimeout(() => j(!1), 600));
 	}, [a]);
-	w(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return N.current = setInterval(L, e.refreshInterval * 1e3), () => {
-			N.current && clearInterval(N.current);
+	D(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return P.current = setInterval(se, e.refreshInterval * 1e3), () => {
+			P.current && clearInterval(P.current);
 		};
 	}, [
 		e.refreshInterval,
 		a,
-		L
+		se
 	]);
-	let R = S((e, t) => {
-		!p || !h || !t || (e.stopPropagation(), h(t));
-	}, [p, h]), z = S((t, n, r) => {
-		if (!p || !h) return;
+	let ce = T((e, t) => {
+		!m || !g || !t || (e.stopPropagation(), g(t));
+	}, [m, g]), K = T((t, n, r) => {
+		if (!m || !g) return;
 		let i = e.widgets || [];
-		if (t.key === "Enter" || t.key === " ") t.preventDefault(), h(n ?? null);
+		if (t.key === "Enter" || t.key === " ") t.preventDefault(), g(n ?? null);
 		else if (t.key === "ArrowRight" || t.key === "ArrowDown") {
 			t.preventDefault();
 			let e = r + 1 < i.length ? i[r + 1] : null;
-			e?.id && h(e.id);
+			e?.id && g(e.id);
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
 			t.preventDefault();
 			let e = r - 1 >= 0 ? i[r - 1] : null;
-			e?.id && h(e.id);
-		} else t.key === "Escape" && (t.preventDefault(), h(null));
+			e?.id && g(e.id);
+		} else t.key === "Escape" && (t.preventDefault(), g(null));
 	}, [
-		p,
-		h,
+		m,
+		g,
 		e.widgets
-	]), ee = S((e) => {
-		!p || !h || e.target === e.currentTarget && h(null);
-	}, [p, h]), B = (e, t, i) => {
+	]), le = T((e) => {
+		!m || !g || e.target === e.currentTarget && g(null);
+	}, [m, g]), q = (e, t, i) => {
 		let a = e.layout ? {
 			...e.layout,
 			w: Math.min(e.layout.w, C)
@@ -275,7 +278,7 @@ var ae = [
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
 			if (t === "metric" && e.object) {
-				let t = n.data, r = H(t) && t.aggregate ? {
+				let t = n.data, r = U(t) && t.aggregate ? {
 					field: e.valueField || t.aggregate.field,
 					function: e.aggregate || t.aggregate.function,
 					groupBy: e.categoryField ?? t.aggregate.groupBy ?? "_all"
@@ -286,10 +289,10 @@ var ae = [
 				} : void 0;
 				return {
 					type: "object-metric",
-					objectName: e.object || (H(t) ? t.object : void 0),
+					objectName: e.object || (U(t) ? t.object : void 0),
 					aggregate: r,
-					filter: (H(t) ? t.filter : void 0) || e.filter,
-					label: n.label || ie(e.title) || "",
+					filter: (U(t) ? t.filter : void 0) || e.filter,
+					label: n.label || re(e) || "",
 					fallbackValue: n.value,
 					trend: n.trend,
 					icon: n.icon,
@@ -308,7 +311,7 @@ var ae = [
 					objectName: e.object,
 					aggregate: t,
 					filter: e.filter,
-					label: n.label || ie(e.title) || "",
+					label: n.label || re(e) || "",
 					fallbackValue: n.fallbackValue ?? n.value,
 					icon: n.icon,
 					description: n.description
@@ -320,19 +323,22 @@ var ae = [
 			}[t] || t;
 			if (r === "bar" || r === "line" || r === "area" || r === "pie" || r === "donut" || r === "scatter") {
 				let t = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-				if (H(t)) {
+				if (U(t)) {
 					let n = t.aggregate, o = n ? {
 						field: e.valueField || n.field,
 						function: e.aggregate || n.function,
 						groupBy: e.categoryField || n.groupBy
-					} : void 0, s = o?.field || a;
+					} : void 0, s = o?.field || a, c = e.object || t.object;
 					return {
 						type: "object-chart",
 						chartType: r,
-						objectName: e.object || t.object,
+						objectName: c,
 						aggregate: o,
 						xAxisKey: i,
-						series: [{ dataKey: s }],
+						series: [{
+							dataKey: s,
+							label: c ? V(c, s, s) : s
+						}],
 						colors: ae,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
@@ -342,14 +348,17 @@ var ae = [
 						field: e.valueField || "value",
 						function: e.aggregate,
 						groupBy: e.categoryField || "name"
-					} : void 0;
+					} : void 0, n = e.valueField || "value";
 					return {
 						type: "object-chart",
 						chartType: r,
 						objectName: e.object,
 						aggregate: t,
 						xAxisKey: i,
-						series: [{ dataKey: e.valueField || "value" }],
+						series: [{
+							dataKey: n,
+							label: V(e.object, n, n)
+						}],
 						colors: ae,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
@@ -359,14 +368,17 @@ var ae = [
 					chartType: r,
 					data: Array.isArray(t) ? t : t?.items || [],
 					xAxisKey: i,
-					series: [{ dataKey: a }],
+					series: [{
+						dataKey: a,
+						label: e.object ? V(e.object, a, a) : a
+					}],
 					colors: ae,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
 			if (t === "table") {
 				let t = e.data || n.data;
-				if (H(t)) {
+				if (U(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -398,7 +410,7 @@ var ae = [
 			}
 			if (t === "pivot") {
 				let t = e.data || n.data;
-				if (H(t)) {
+				if (U(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-pivot",
@@ -423,84 +435,90 @@ var ae = [
 				...e,
 				...n
 			};
-		})(), s = e.type === "metric", c = ie(e.title), h = ie(e.description), g = e.id || c || `widget-${t}`, v = p && m === e.id, y = p ? {
+		})(), s = e.type === "metric", c = re(e), l = oe(e), g = e.id || c || `widget-${t}`, _ = m && h === e.id, y = m ? {
 			"data-testid": `dashboard-preview-widget-${e.id}`,
 			"data-widget-id": e.id,
 			role: "button",
 			tabIndex: 0,
-			"aria-selected": v,
+			"aria-selected": _,
 			"aria-label": `Widget: ${c || `Widget ${t + 1}`}`,
-			onClick: (t) => R(t, e.id),
-			onKeyDown: (n) => z(n, e.id, t)
-		} : {}, b = p ? _("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", v ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0;
-		return s ? /* @__PURE__ */ (0, U.jsxs)("div", {
-			className: _("h-full w-full", p && "relative", b),
-			style: !j && a ? {
+			onClick: (t) => ce(t, e.id),
+			onKeyDown: (n) => K(n, e.id, t)
+		} : {}, b = m ? v("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", _ ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0;
+		return s ? /* @__PURE__ */ (0, W.jsxs)("div", {
+			className: v("h-full w-full", m && "relative", b),
+			style: !M && a ? {
 				gridColumn: `span ${a.w}`,
 				gridRow: `span ${a.h}`
 			} : void 0,
 			...y,
-			children: [/* @__PURE__ */ (0, U.jsx)(n, {
+			children: [/* @__PURE__ */ (0, W.jsx)(n, {
 				schema: o,
-				className: _("h-full w-full", p && "pointer-events-none"),
+				className: v("h-full w-full", m && "pointer-events-none"),
 				dataSource: r
-			}), p && /* @__PURE__ */ (0, U.jsx)("div", {
+			}), m && /* @__PURE__ */ (0, W.jsx)("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}, g) : /* @__PURE__ */ (0, U.jsxs)(l, {
-			className: _("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", i && "w-full", p && "relative", b),
-			style: !j && a ? {
+		}, g) : /* @__PURE__ */ (0, W.jsxs)(u, {
+			className: v("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", i && "w-full", m && "relative", b),
+			style: !M && a ? {
 				gridColumn: `span ${a.w}`,
 				gridRow: `span ${a.h}`
 			} : void 0,
 			...y,
 			children: [
-				c && /* @__PURE__ */ (0, U.jsxs)(d, {
+				c && /* @__PURE__ */ (0, W.jsxs)(f, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ (0, U.jsx)(f, {
+					children: [/* @__PURE__ */ (0, W.jsx)(p, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
 						title: c,
 						children: c
-					}), h && /* @__PURE__ */ (0, U.jsx)("p", {
+					}), l && /* @__PURE__ */ (0, W.jsx)("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
-						children: h
+						children: l
 					})]
 				}),
-				/* @__PURE__ */ (0, U.jsx)(u, {
+				/* @__PURE__ */ (0, W.jsx)(d, {
 					className: "p-0",
-					children: /* @__PURE__ */ (0, U.jsx)("div", {
-						className: _("h-full w-full", "p-3 sm:p-4 md:p-6", p && "pointer-events-none"),
-						children: /* @__PURE__ */ (0, U.jsx)(n, {
+					children: /* @__PURE__ */ (0, W.jsx)("div", {
+						className: v("h-full w-full", "p-3 sm:p-4 md:p-6", m && "pointer-events-none"),
+						children: /* @__PURE__ */ (0, W.jsx)(n, {
 							schema: o,
 							dataSource: r
 						})
 					})
 				}),
-				p && /* @__PURE__ */ (0, U.jsx)("div", {
+				m && /* @__PURE__ */ (0, W.jsx)("div", {
 					className: "absolute inset-0 z-10",
 					"aria-hidden": "true",
 					"data-testid": "widget-click-overlay"
 				})
 			]
 		}, g);
-	}, V = e.header && /* @__PURE__ */ (0, U.jsxs)("div", {
+	}, ue = e.header && /* @__PURE__ */ (0, W.jsxs)("div", {
 		className: "col-span-full mb-4",
 		children: [
-			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ (0, U.jsx)("h2", {
+			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ (0, W.jsx)("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: ie(e.title)
+				children: H ? L({
+					name: H,
+					label: G(e.title)
+				}) : G(e.title)
 			}),
-			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ (0, U.jsx)("p", {
+			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ (0, W.jsx)("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: ie(e.description)
+				children: H ? z({
+					name: H,
+					description: G(e.description)
+				}) : G(e.description)
 			}),
-			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
+			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ (0, W.jsx)("div", {
 				className: "flex gap-2 mt-3",
 				children: e.header.actions.map((e, t) => {
-					let n = re(e.icon);
-					return /* @__PURE__ */ (0, U.jsxs)(c, {
+					let n = ie(e.icon);
+					return /* @__PURE__ */ (0, W.jsxs)(l, {
 						variant: "outline",
 						size: "sm",
 						onClick: async () => {
@@ -514,85 +532,85 @@ var ae = [
 								return;
 							}
 							if (t === "modal" || t === "script") {
-								let e = await P(n || r);
+								let e = await F(n || r);
 								e?.success || console.warn("[DashboardRenderer] action failed", e?.error);
 								return;
 							}
 							console.warn(`[DashboardRenderer] Unknown header actionType="${t}" for "${r}"`);
 						},
-						children: [n && /* @__PURE__ */ (0, U.jsx)(n, { className: "w-4 h-4 mr-1.5" }), e.label]
+						children: [n && /* @__PURE__ */ (0, W.jsx)(n, { className: "w-4 h-4 mr-1.5" }), ne(e)]
 					}, t);
 				})
 			})
 		]
-	}), te = o !== void 0 && /* @__PURE__ */ (0, U.jsxs)("span", {
+	}), J = o !== void 0 && /* @__PURE__ */ (0, W.jsxs)("span", {
 		className: "text-xs text-muted-foreground",
 		children: [o.toLocaleString(), " records"]
-	}), ne = s ? JSON.stringify(s) : void 0, W = a && /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("flex items-center justify-end gap-3 mb-2", !j && "col-span-full"),
-		children: [te, /* @__PURE__ */ (0, U.jsxs)(c, {
+	}), Y = s ? JSON.stringify(s) : void 0, X = a && /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("flex items-center justify-end gap-3 mb-2", !M && "col-span-full"),
+		children: [J, /* @__PURE__ */ (0, W.jsxs)(l, {
 			variant: "outline",
 			size: "sm",
-			onClick: L,
-			disabled: k,
+			onClick: se,
+			disabled: E,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ (0, U.jsx)(I, { className: _("h-4 w-4 mr-2", k && "animate-spin") }), k ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ (0, W.jsx)(R, { className: v("h-4 w-4 mr-2", E && "animate-spin") }), E ? "Refreshing…" : "Refresh All"]
 		})]
 	});
-	if (j) {
+	if (M) {
 		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [];
-		return /* @__PURE__ */ (0, U.jsxs)("div", {
-			ref: b,
-			className: _("flex flex-col gap-4 px-4", t),
-			"data-user-actions": ne,
-			onClick: ee,
-			...y,
+		return /* @__PURE__ */ (0, W.jsxs)("div", {
+			ref: x,
+			className: v("flex flex-col gap-4 px-4", t),
+			"data-user-actions": Y,
+			onClick: le,
+			...b,
 			children: [
-				V,
-				W,
-				n.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
+				ue,
+				X,
+				n.length > 0 && /* @__PURE__ */ (0, W.jsx)("div", {
 					className: "grid grid-cols-2 gap-3",
-					onClick: ee,
-					children: n.map((e, t) => B(e, t))
+					onClick: le,
+					children: n.map((e, t) => q(e, t))
 				}),
-				r.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
+				r.length > 0 && /* @__PURE__ */ (0, W.jsx)("div", {
 					className: "flex flex-col gap-4",
-					onClick: ee,
-					children: r.map((e, t) => B(e, t, !0))
+					onClick: le,
+					children: r.map((e, t) => q(e, t, !0))
 				})
 			]
 		});
 	}
-	let oe = e.columns != null || x !== 4;
-	return /* @__PURE__ */ (0, U.jsxs)("div", {
-		ref: b,
-		className: _("grid auto-rows-min", !oe && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+	let de = e.columns != null || S !== 4;
+	return /* @__PURE__ */ (0, W.jsxs)("div", {
+		ref: x,
+		className: v("grid auto-rows-min", !de && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...oe && { gridTemplateColumns: `repeat(${C}, minmax(0, 1fr))` },
-			gap: `${O * .25}rem`
+			...de && { gridTemplateColumns: `repeat(${C}, minmax(0, 1fr))` },
+			gap: `${w * .25}rem`
 		},
-		"data-user-actions": ne,
-		onClick: ee,
-		...y,
+		"data-user-actions": Y,
+		onClick: le,
+		...b,
 		children: [
-			V,
-			W,
-			e.widgets?.map((e, t) => B(e, t))
+			ue,
+			X,
+			e.widgets?.map((e, t) => q(e, t))
 		]
 	});
 });
 //#endregion
 //#region ../../node_modules/.pnpm/react-grid-layout@2.2.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-grid-layout/dist/chunk-76RTO6EO.mjs
-function oe(e) {
+function se(e) {
 	let { margin: t, containerPadding: n, containerWidth: r, cols: i } = e;
 	return (r - t[0] * (i - 1) - n[0] * 2) / i;
 }
-function se(e, t, n) {
+function ce(e, t, n) {
 	return Number.isFinite(e) ? Math.round(t * e + Math.max(0, e - 1) * n) : e;
 }
-function ce(e, t, n, r, i, a, o) {
-	let { margin: s, containerPadding: c, rowHeight: l } = e, u = oe(e), d, f, p, m;
-	if (o ? (d = Math.round(o.width), f = Math.round(o.height)) : (d = se(r, u, s[0]), f = se(i, l, s[1])), a ? (p = Math.round(a.top), m = Math.round(a.left)) : o ? (p = Math.round(o.top), m = Math.round(o.left)) : (p = Math.round((l + s[1]) * n + c[1]), m = Math.round((u + s[0]) * t + c[0])), !a && !o) {
+function K(e, t, n, r, i, a, o) {
+	let { margin: s, containerPadding: c, rowHeight: l } = e, u = se(e), d, f, p, m;
+	if (o ? (d = Math.round(o.width), f = Math.round(o.height)) : (d = ce(r, u, s[0]), f = ce(i, l, s[1])), a ? (p = Math.round(a.top), m = Math.round(a.left)) : o ? (p = Math.round(o.top), m = Math.round(o.left)) : (p = Math.round((l + s[1]) * n + c[1]), m = Math.round((u + s[0]) * t + c[0])), !a && !o) {
 		if (Number.isFinite(r)) {
 			let e = Math.round((u + s[0]) * (t + r) + c[0]) - m - d;
 			e !== s[0] && (d += e - s[0]);
@@ -610,51 +628,51 @@ function ce(e, t, n, r, i, a, o) {
 	};
 }
 function le(e, t, n, r, i) {
-	let { margin: a, containerPadding: o, cols: s, rowHeight: c, maxRows: l } = e, u = oe(e), d = Math.round((n - o[0]) / (u + a[0])), f = Math.round((t - o[1]) / (c + a[1]));
-	return d = de(d, 0, s - r), f = de(f, 0, l - i), {
+	let { margin: a, containerPadding: o, cols: s, rowHeight: c, maxRows: l } = e, u = se(e), d = Math.round((n - o[0]) / (u + a[0])), f = Math.round((t - o[1]) / (c + a[1]));
+	return d = J(d, 0, s - r), f = J(f, 0, l - i), {
 		x: d,
 		y: f
 	};
 }
-function ue(e, t, n) {
-	let { margin: r, containerPadding: i, rowHeight: a } = e, o = oe(e);
+function q(e, t, n) {
+	let { margin: r, containerPadding: i, rowHeight: a } = e, o = se(e);
 	return {
 		x: Math.round((n - i[0]) / (o + r[0])),
 		y: Math.round((t - i[1]) / (a + r[1]))
 	};
 }
-function G(e, t, n) {
-	let { margin: r, rowHeight: i } = e, a = oe(e);
+function ue(e, t, n) {
+	let { margin: r, rowHeight: i } = e, a = se(e);
 	return {
 		w: Math.max(1, Math.round((t + r[0]) / (a + r[0]))),
 		h: Math.max(1, Math.round((n + r[1]) / (i + r[1])))
 	};
 }
-function de(e, t, n) {
+function J(e, t, n) {
 	return Math.max(Math.min(e, n), t);
 }
-function fe(e, t) {
+function Y(e, t) {
 	return !(e.i === t.i || e.x + e.w <= t.x || e.x >= t.x + t.w || e.y + e.h <= t.y || e.y >= t.y + t.h);
 }
-function K(e, t) {
+function X(e, t) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
-		if (r !== void 0 && fe(r, t)) return r;
+		if (r !== void 0 && Y(r, t)) return r;
 	}
 }
-function pe(e, t) {
-	return e.filter((e) => fe(e, t));
+function de(e, t) {
+	return e.filter((e) => Y(e, t));
 }
-function q(e, t) {
-	return t === "horizontal" ? he(e) : t === "vertical" || t === "wrap" ? me(e) : [...e];
+function fe(e, t) {
+	return t === "horizontal" ? me(e) : t === "vertical" || t === "wrap" ? pe(e) : [...e];
 }
-function me(e) {
+function pe(e) {
 	return [...e].sort((e, t) => e.y === t.y ? e.x - t.x : e.y - t.y);
 }
-function he(e) {
+function me(e) {
 	return [...e].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x);
 }
-function ge(e) {
+function he(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
@@ -665,16 +683,16 @@ function ge(e) {
 	}
 	return t;
 }
-function _e(e, t) {
+function Z(e, t) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
 		if (r !== void 0 && r.i === t) return r;
 	}
 }
-function ve(e) {
+function ge(e) {
 	return e.filter((e) => e.static === !0);
 }
-function ye(e) {
+function _e(e) {
 	return {
 		i: e.i,
 		x: e.x,
@@ -694,15 +712,15 @@ function ye(e) {
 		isBounded: e.isBounded
 	};
 }
-function J(e) {
+function Q(e) {
 	let t = Array(e.length);
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
-		r !== void 0 && (t[n] = ye(r));
+		r !== void 0 && (t[n] = _e(r));
 	}
 	return t;
 }
-function be(e, t) {
+function ve(e, t) {
 	let n = Array(e.length);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
@@ -710,36 +728,36 @@ function be(e, t) {
 	}
 	return n;
 }
-function Y(e, t, n) {
-	let r = _e(e, t);
-	return r ? (r = n(ye(r)), [be(e, r), r]) : [[...e], null];
+function ye(e, t, n) {
+	let r = Z(e, t);
+	return r ? (r = n(_e(r)), [ve(e, r), r]) : [[...e], null];
 }
-function X(e, t) {
-	let n = ve(e);
+function $(e, t) {
+	let n = ge(e);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i !== void 0) if (i.x + i.w > t.cols && (i.x = t.cols - i.w), i.x < 0 && (i.x = 0, i.w = t.cols), !i.static) n.push(i);
-		else for (; K(n, i);) i.y++;
+		else for (; X(n, i);) i.y++;
 	}
 	return e;
 }
-function Z(e, t, n, r, i, a, o, s, c) {
+function be(e, t, n, r, i, a, o, s, c) {
 	if (t.static && t.isDraggable !== !0 || t.y === r && t.x === n) return [...e];
 	let l = t.x, u = t.y;
 	typeof n == "number" && (t.x = n), typeof r == "number" && (t.y = r), t.moved = !0;
-	let d = q(e, o);
+	let d = fe(e, o);
 	(o === "vertical" && typeof r == "number" ? u >= r : o === "horizontal" && typeof n == "number" && l >= n) && (d = d.reverse());
-	let f = pe(d, t), p = f.length > 0;
-	if (p && c) return J(e);
+	let f = de(d, t), p = f.length > 0;
+	if (p && c) return Q(e);
 	if (p && a) return t.x = l, t.y = u, t.moved = !1, e;
 	let m = [...e];
 	for (let e = 0; e < f.length; e++) {
 		let n = f[e];
-		n !== void 0 && (n.moved || (m = n.static ? Q(m, n, t, i, o) : Q(m, t, n, i, o)));
+		n !== void 0 && (n.moved || (m = n.static ? xe(m, n, t, i, o) : xe(m, t, n, i, o)));
 	}
 	return m;
 }
-function Q(e, t, n, r, i, a) {
+function xe(e, t, n, r, i, a) {
 	let o = i === "horizontal", s = i === "vertical", c = t.static;
 	if (r) {
 		r = !1;
@@ -749,45 +767,45 @@ function Q(e, t, n, r, i, a) {
 			w: n.w,
 			h: n.h,
 			i: "-1"
-		}, l = K(e, a), u = l !== void 0 && l.y + l.h > t.y, d = l !== void 0 && t.x + t.w > l.x;
-		if (!l) return Z(e, n, o ? a.x : void 0, s ? a.y : void 0, r, c, i);
-		if (u && s) return Z(e, n, void 0, n.y + 1, r, c, i);
+		}, l = X(e, a), u = l !== void 0 && l.y + l.h > t.y, d = l !== void 0 && t.x + t.w > l.x;
+		if (!l) return be(e, n, o ? a.x : void 0, s ? a.y : void 0, r, c, i);
+		if (u && s) return be(e, n, void 0, n.y + 1, r, c, i);
 		if (u && i === null) return t.y = n.y, n.y += n.h, [...e];
-		if (d && o) return Z(e, t, n.x, void 0, r, c, i);
+		if (d && o) return be(e, t, n.x, void 0, r, c, i);
 	}
 	let l = o ? n.x + 1 : void 0, u = s ? n.y + 1 : void 0;
-	return l === void 0 && u === void 0 ? [...e] : Z(e, n, l, u, r, c, i);
+	return l === void 0 && u === void 0 ? [...e] : be(e, n, l, u, r, c, i);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react-grid-layout@2.2.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-grid-layout/dist/chunk-KDANGDDL.mjs
-function $(e, t, n) {
+function Se(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-var xe = [{
+var Ce = [{
 	name: "gridBounds",
 	constrainPosition(e, t, n, { cols: r, maxRows: i }) {
 		return {
-			x: $(t, 0, Math.max(0, r - e.w)),
-			y: $(n, 0, Math.max(0, i - e.h))
+			x: Se(t, 0, Math.max(0, r - e.w)),
+			y: Se(n, 0, Math.max(0, i - e.h))
 		};
 	},
 	constrainSize(e, t, n, r, { cols: i, maxRows: a }) {
 		let o = r === "w" || r === "nw" || r === "sw" ? e.x + e.w : i - e.x, s = r === "n" || r === "nw" || r === "ne" ? e.y + e.h : a - e.y;
 		return {
-			w: $(t, 1, Math.max(1, o)),
-			h: $(n, 1, Math.max(1, s))
+			w: Se(t, 1, Math.max(1, o)),
+			h: Se(n, 1, Math.max(1, s))
 		};
 	}
 }, {
 	name: "minMaxSize",
 	constrainSize(e, t, n) {
 		return {
-			w: $(t, e.minW ?? 1, e.maxW ?? Infinity),
-			h: $(n, e.minH ?? 1, e.maxH ?? Infinity)
+			w: Se(t, e.minW ?? 1, e.maxW ?? Infinity),
+			h: Se(n, e.minH ?? 1, e.maxH ?? Infinity)
 		};
 	}
 }];
-function Se(e, t, n, r, i) {
+function we(e, t, n, r, i) {
 	let a = {
 		x: n,
 		y: r
@@ -796,7 +814,7 @@ function Se(e, t, n, r, i) {
 	if (t.constraints) for (let e of t.constraints) e.constrainPosition && (a = e.constrainPosition(t, a.x, a.y, i));
 	return a;
 }
-function Ce(e, t, n, r, i, a) {
+function Te(e, t, n, r, i, a) {
 	let o = {
 		w: n,
 		h: r
@@ -805,7 +823,7 @@ function Ce(e, t, n, r, i, a) {
 	if (t.constraints) for (let e of t.constraints) e.constrainSize && (o = e.constrainSize(t, o.w, o.h, i, a));
 	return o;
 }
-function we({ top: e, left: t, width: n, height: r }) {
+function Ee({ top: e, left: t, width: n, height: r }) {
 	let i = `translate(${t}px,${e}px)`;
 	return {
 		transform: i,
@@ -818,7 +836,7 @@ function we({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Te({ top: e, left: t, width: n, height: r }) {
+function De({ top: e, left: t, width: n, height: r }) {
 	return {
 		top: `${e}px`,
 		left: `${t}px`,
@@ -827,190 +845,190 @@ function Te({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Ee(e) {
+function Oe(e) {
 	return e * 100 + "%";
 }
-function De(e, t, n, r) {
+function ke(e, t, n, r) {
 	return e + n > r ? t : n;
 }
-function Oe(e, t, n) {
+function Ae(e, t, n) {
 	return e < 0 ? t : n;
 }
-function ke(e) {
+function je(e) {
 	return Math.max(0, e);
 }
-function Ae(e) {
+function Me(e) {
 	return Math.max(0, e);
 }
-var je = (e, t, n) => {
+var Ne = (e, t, n) => {
 	let { left: r, height: i, width: a } = t, o = e.top - (i - e.height);
 	return {
 		left: r,
 		width: a,
-		height: Oe(o, e.height, i),
-		top: Ae(o)
+		height: Ae(o, e.height, i),
+		top: Me(o)
 	};
-}, Me = (e, t, n) => {
+}, Pe = (e, t, n) => {
 	let { top: r, left: i, height: a, width: o } = t;
 	return {
 		top: r,
 		height: a,
-		width: De(e.left, e.width, o, n),
-		left: ke(i)
+		width: ke(e.left, e.width, o, n),
+		left: je(i)
 	};
-}, Ne = (e, t, n) => {
+}, Fe = (e, t, n) => {
 	let { top: r, height: i, width: a } = t, o = e.left + e.width - a;
 	return o < 0 ? {
 		height: i,
 		width: e.left + e.width,
-		top: Ae(r),
+		top: Me(r),
 		left: 0
 	} : {
 		height: i,
 		width: a,
-		top: Ae(r),
+		top: Me(r),
 		left: o
 	};
-}, Pe = (e, t, n) => {
+}, Ie = (e, t, n) => {
 	let { top: r, left: i, height: a, width: o } = t;
 	return {
 		width: o,
 		left: i,
-		height: Oe(r, e.height, a),
-		top: Ae(r)
+		height: Ae(r, e.height, a),
+		top: Me(r)
 	};
-}, Fe = {
-	n: je,
-	ne: (e, t, n) => je(e, Me(e, t, n)),
-	e: Me,
-	se: (e, t, n) => Pe(e, Me(e, t, n)),
-	s: Pe,
-	sw: (e, t, n) => Pe(e, Ne(e, t)),
-	w: Ne,
-	nw: (e, t, n) => je(e, Ne(e, t))
+}, Le = {
+	n: Ne,
+	ne: (e, t, n) => Ne(e, Pe(e, t, n)),
+	e: Pe,
+	se: (e, t, n) => Ie(e, Pe(e, t, n)),
+	s: Ie,
+	sw: (e, t, n) => Ie(e, Fe(e, t)),
+	w: Fe,
+	nw: (e, t, n) => Ne(e, Fe(e, t))
 };
-function Ie(e, t, n, r) {
-	let i = Fe[e];
+function Re(e, t, n, r) {
+	let i = Le[e];
 	return i ? i(t, {
 		...t,
 		...n
 	}, r) : n;
 }
-var Le = {
+var ze = {
 	type: "transform",
 	scale: 1,
 	calcStyle(e) {
-		return we(e);
+		return Ee(e);
 	}
-}, Re = {
+}, Be = {
 	cols: 12,
 	rowHeight: 150,
 	margin: [10, 10],
 	containerPadding: null,
 	maxRows: Infinity
-}, ze = {
+}, Ve = {
 	enabled: !0,
 	bounded: !1,
 	threshold: 3
-}, Be = {
+}, He = {
 	enabled: !0,
 	handles: ["se"]
-}, Ve = {
+}, Ue = {
 	enabled: !1,
 	defaultItem: {
 		w: 1,
 		h: 1
 	}
 };
-function He(e, t, n, r, i) {
+function We(e, t, n, r, i) {
 	let a = r === "x" ? "w" : "h";
 	t[r] += 1;
-	let o = e.findIndex((e) => e.i === t.i), s = i ?? ve(e).length > 0;
+	let o = e.findIndex((e) => e.i === t.i), s = i ?? ge(e).length > 0;
 	for (let i = o + 1; i < e.length; i++) {
 		let o = e[i];
 		if (o !== void 0 && !o.static) {
 			if (!s && o.y > t.y + t.h) break;
-			fe(t, o) && He(e, o, n + t[a], r, s);
+			Y(t, o) && We(e, o, n + t[a], r, s);
 		}
 	}
 	t[r] = n;
 }
-function Ue(e, t, n, r) {
-	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0), t.y = Math.min(r, t.y); t.y > 0 && !K(e, t);) t.y--;
+function Ge(e, t, n, r) {
+	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0), t.y = Math.min(r, t.y); t.y > 0 && !X(e, t);) t.y--;
 	let i;
-	for (; (i = K(e, t)) !== void 0;) He(n, t, i.y + i.h, "y");
+	for (; (i = X(e, t)) !== void 0;) We(n, t, i.y + i.h, "y");
 	return t.y = Math.max(t.y, 0), t;
 }
-function We(e, t, n, r) {
-	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0); t.x > 0 && !K(e, t);) t.x--;
+function Ke(e, t, n, r) {
+	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0); t.x > 0 && !X(e, t);) t.x--;
 	let i;
-	for (; (i = K(e, t)) !== void 0;) if (He(r, t, i.x + i.w, "x"), t.x + t.w > n) for (t.x = n - t.w, t.y++; t.x > 0 && !K(e, t);) t.x--;
+	for (; (i = X(e, t)) !== void 0;) if (We(r, t, i.x + i.w, "x"), t.x + t.w > n) for (t.x = n - t.w, t.y++; t.x > 0 && !X(e, t);) t.x--;
 	return t.x = Math.max(t.x, 0), t;
 }
-var Ge = {
+var qe = {
 	type: "vertical",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = ve(e), r = ge(n), i = me(e), a = Array(e.length);
+		let n = ge(e), r = he(n), i = pe(e), a = Array(e.length);
 		for (let t = 0; t < i.length; t++) {
 			let o = i[t];
 			if (o === void 0) continue;
-			let s = ye(o);
-			s.static || (s = Ue(n, s, i, r), r = Math.max(r, s.y + s.h), n.push(s));
+			let s = _e(o);
+			s.static || (s = Ge(n, s, i, r), r = Math.max(r, s.y + s.h), n.push(s));
 			let c = e.indexOf(o);
 			a[c] = s, s.moved = !1;
 		}
 		return a;
 	}
-}, Ke = {
+}, Je = {
 	type: "horizontal",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = ve(e), r = he(e), i = Array(e.length);
+		let n = ge(e), r = me(e), i = Array(e.length);
 		for (let a = 0; a < r.length; a++) {
 			let o = r[a];
 			if (o === void 0) continue;
-			let s = ye(o);
-			s.static || (s = We(n, s, t, r), n.push(s));
+			let s = _e(o);
+			s.static || (s = Ke(n, s, t, r), n.push(s));
 			let c = e.indexOf(o);
 			i[c] = s, s.moved = !1;
 		}
 		return i;
 	}
-}, qe = {
+}, Ye = {
 	type: null,
 	allowOverlap: !1,
 	compact(e, t) {
-		return J(e);
+		return Q(e);
 	}
-}, Je = {
-	...Ge,
+}, Xe = {
+	...qe,
 	allowOverlap: !0,
 	compact(e, t) {
-		return J(e);
+		return Q(e);
 	}
-}, Ye = {
-	...Ke,
+}, Ze = {
+	...Je,
 	allowOverlap: !0,
 	compact(e, t) {
-		return J(e);
+		return Q(e);
 	}
-}, Xe = {
-	...qe,
+}, Qe = {
+	...Ye,
 	allowOverlap: !0
 };
-function Ze(e, t = !1, n = !1) {
+function $e(e, t = !1, n = !1) {
 	let r;
-	return r = t ? e === "vertical" ? Je : e === "horizontal" ? Ye : Xe : e === "vertical" ? Ge : e === "horizontal" ? Ke : qe, n ? {
+	return r = t ? e === "vertical" ? Xe : e === "horizontal" ? Ze : Qe : e === "vertical" ? qe : e === "horizontal" ? Je : Ye, n ? {
 		...r,
 		preventCollision: n
 	} : r;
 }
-function Qe(e) {
+function et(e) {
 	return Object.keys(e).sort((t, n) => e[t] - e[n]);
 }
-function $e(e, t) {
-	let n = Qe(e), r = n[0];
+function tt(e, t) {
+	let n = et(e), r = n[0];
 	if (r === void 0) throw Error("No breakpoints defined");
 	for (let i = 1; i < n.length; i++) {
 		let a = n[i];
@@ -1018,15 +1036,15 @@ function $e(e, t) {
 	}
 	return r;
 }
-function et(e, t) {
+function nt(e, t) {
 	let n = t[e];
 	if (n === void 0) throw Error(`ResponsiveReactGridLayout: \`cols\` entry for breakpoint ${String(e)} is missing!`);
 	return n;
 }
-function tt(e, t, n, r, i, a) {
+function rt(e, t, n, r, i, a) {
 	let o = e[n];
-	if (o) return J(o);
-	let s = e[r], c = Qe(t), l = c.slice(c.indexOf(n));
+	if (o) return Q(o);
+	let s = e[r], c = et(t), l = c.slice(c.indexOf(n));
 	for (let t = 0; t < l.length; t++) {
 		let n = l[t];
 		if (n === void 0) continue;
@@ -1036,10 +1054,10 @@ function tt(e, t, n, r, i, a) {
 			break;
 		}
 	}
-	let u = X(J(s || []), { cols: i });
-	return (typeof a == "object" && a ? a : Ze(a)).compact(u, i);
+	let u = $(Q(s || []), { cols: i });
+	return (typeof a == "object" && a ? a : $e(a)).compact(u, i);
 }
-function nt(e, t) {
+function it(e, t) {
 	if (Array.isArray(e)) return e;
 	let n = e, r = n[t];
 	if (r !== void 0) return r;
@@ -1052,7 +1070,7 @@ function nt(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fast-equals@4.0.3/node_modules/fast-equals/dist/fast-equals.js
-var rt = /* @__PURE__ */ B(((e, t) => {
+var at = /* @__PURE__ */ V(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? r(e) : typeof define == "function" && define.amd ? define(["exports"], r) : (n = typeof globalThis < "u" ? globalThis : n || self, r(n["fast-equals"] = {}));
 	})(e, (function(e) {
@@ -1205,15 +1223,15 @@ var rt = /* @__PURE__ */ B(((e, t) => {
 }));
 //#endregion
 //#region ../../node_modules/.pnpm/react-grid-layout@2.2.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-grid-layout/dist/chunk-PZLKKWSX.mjs
-function it(e = {}) {
-	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = D(n), [a, o] = D(!t), s = E(null), c = E(null), l = S(() => {
+function ot(e = {}) {
+	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = A(n), [a, o] = A(!t), s = k(null), c = k(null), l = T(() => {
 		let e = s.current;
 		if (e) {
 			let t = e.offsetWidth;
 			i(t), a || o(!0);
 		}
 	}, [a]);
-	return w(() => {
+	return D(() => {
 		let e = s.current;
 		if (e) {
 			if (l(), typeof ResizeObserver < "u") {
@@ -1243,7 +1261,7 @@ function it(e = {}) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js
-var at = /* @__PURE__ */ B(((e) => {
+var st = /* @__PURE__ */ V(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -1299,7 +1317,7 @@ var at = /* @__PURE__ */ B(((e) => {
 	}, e.isValidElementType = function(e) {
 		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
 	}, e.typeOf = b;
-})), ot = /* @__PURE__ */ B(((e) => {
+})), ct = /* @__PURE__ */ V(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -1352,32 +1370,32 @@ var at = /* @__PURE__ */ B(((e) => {
 		function B(e) {
 			return x(e) === d;
 		}
-		function V(e) {
+		function te(e) {
 			return x(e) === i;
 		}
-		function H(e) {
+		function V(e) {
 			return x(e) === h;
 		}
-		function te(e) {
+		function H(e) {
 			return x(e) === m;
 		}
-		function ne(e) {
+		function U(e) {
 			return x(e) === r;
 		}
-		function U(e) {
+		function ne(e) {
 			return x(e) === o;
 		}
 		function re(e) {
 			return x(e) === a;
 		}
-		function ie(e) {
+		function W(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = ee, e.isForwardRef = B, e.isFragment = V, e.isLazy = H, e.isMemo = te, e.isPortal = ne, e.isProfiler = U, e.isStrictMode = re, e.isSuspense = ie, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = R, e.isContextProvider = z, e.isElement = ee, e.isForwardRef = B, e.isFragment = te, e.isLazy = V, e.isMemo = H, e.isPortal = U, e.isProfiler = ne, e.isStrictMode = re, e.isSuspense = W, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), st = /* @__PURE__ */ B(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = at() : t.exports = ot();
-})), ct = /* @__PURE__ */ B(((e, t) => {
+})), lt = /* @__PURE__ */ V(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = st() : t.exports = ct();
+})), ut = /* @__PURE__ */ V(((e, t) => {
 	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
 	function a(e) {
 		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
@@ -1410,14 +1428,14 @@ var at = /* @__PURE__ */ B(((e) => {
 		}
 		return s;
 	};
-})), lt = /* @__PURE__ */ B(((e, t) => {
+})), dt = /* @__PURE__ */ V(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), ut = /* @__PURE__ */ B(((e, t) => {
+})), ft = /* @__PURE__ */ V(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), dt = /* @__PURE__ */ B(((e, t) => {
+})), pt = /* @__PURE__ */ V(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = lt(), i = {}, a = ut();
+		var r = dt(), i = {}, a = ft();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -1450,8 +1468,8 @@ var at = /* @__PURE__ */ B(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), ft = /* @__PURE__ */ B(((e, t) => {
-	var n = st(), r = ct(), i = lt(), a = ut(), o = dt(), s = function() {};
+})), mt = /* @__PURE__ */ V(((e, t) => {
+	var n = lt(), r = ut(), i = dt(), a = ft(), o = pt(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -1709,8 +1727,8 @@ var at = /* @__PURE__ */ B(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), pt = /* @__PURE__ */ B(((e, t) => {
-	var n = lt();
+})), ht = /* @__PURE__ */ V(((e, t) => {
+	var n = dt();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -1749,12 +1767,12 @@ var at = /* @__PURE__ */ B(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), mt = /* @__PURE__ */ B(((e, t) => {
+})), gt = /* @__PURE__ */ V(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = st();
-		t.exports = ft()(n.isElement, !0);
-	} else t.exports = pt()();
-})), ht = /* @__PURE__ */ B(((e) => {
+		var n = lt();
+		t.exports = mt()(n.isElement, !0);
+	} else t.exports = ht()();
+})), _t = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.dontSetMe = a, e.findInArray = t, e.int = i, e.isFunction = n, e.isNum = r;
 	function t(e, t) {
 		for (let n = 0, r = e.length; n < r; n++) if (t.apply(t, [
@@ -1775,7 +1793,7 @@ var at = /* @__PURE__ */ B(((e) => {
 	function a(e, t, n) {
 		if (e[t]) return /* @__PURE__ */ Error(`Invalid prop ${t} passed to ${n} - do not set this, set it on the child.`);
 	}
-})), gt = /* @__PURE__ */ B(((e) => {
+})), vt = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.browserPrefixToKey = r, e.browserPrefixToStyle = i, e.default = void 0, e.getPrefix = n;
 	var t = [
 		"Moz",
@@ -1803,9 +1821,9 @@ var at = /* @__PURE__ */ B(((e) => {
 		return t;
 	}
 	e.default = n();
-})), _t = /* @__PURE__ */ B(((e) => {
+})), yt = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.addClassName = S, e.addEvent = s, e.addUserSelectStyles = y, e.createCSSTransform = m, e.createSVGTransform = h, e.getTouch = _, e.getTouchIdentifier = v, e.getTranslation = g, e.innerHeight = d, e.innerWidth = f, e.matchesSelector = a, e.matchesSelectorAndParentsTo = o, e.offsetXYFromParent = p, e.outerHeight = l, e.outerWidth = u, e.removeClassName = C, e.removeEvent = c, e.scheduleRemoveUserSelectStyles = b;
-	var t = ht(), n = r(gt());
+	var t = _t(), n = r(vt());
 	function r(e, t) {
 		if (typeof WeakMap == "function") var n = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap();
 		return (r = function(e, t) {
@@ -1929,9 +1947,9 @@ var at = /* @__PURE__ */ B(((e) => {
 	function C(e, t) {
 		e.classList ? e.classList.remove(t) : e.className = e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`, "g"), "");
 	}
-})), vt = /* @__PURE__ */ B(((e) => {
+})), bt = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.canDragX = a, e.canDragY = o, e.createCoreData = c, e.createDraggableData = l, e.getBoundPosition = r, e.getControlPosition = s, e.snapToGrid = i;
-	var t = ht(), n = _t();
+	var t = _t(), n = yt();
 	function r(e, r, i) {
 		if (!e.props.bounds) return [r, i];
 		let { bounds: a } = e.props;
@@ -2010,12 +2028,12 @@ var at = /* @__PURE__ */ B(((e) => {
 		if (!t) throw Error("<DraggableCore>: Unmounted during event!");
 		return t;
 	}
-})), yt = /* @__PURE__ */ B(((e) => {
+})), xt = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = t;
 	function t() {}
-})), bt = /* @__PURE__ */ B(((e) => {
+})), St = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = void 0;
-	var t = l(V("react")), n = c(mt()), r = c(V("react-dom")), i = _t(), a = vt(), o = ht(), s = c(yt());
+	var t = l(H("react")), n = c(gt()), r = c(H("react-dom")), i = yt(), a = bt(), o = _t(), s = c(xt());
 	function c(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2175,14 +2193,14 @@ var at = /* @__PURE__ */ B(((e) => {
 		onMouseDown: function() {},
 		scale: 1
 	});
-})), xt = /* @__PURE__ */ B(((e) => {
+})), Ct = /* @__PURE__ */ V(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), Object.defineProperty(e, "DraggableCore", {
 		enumerable: !0,
 		get: function() {
 			return c.default;
 		}
 	}), e.default = void 0;
-	var t = d(V("react")), n = u(mt()), r = u(V("react-dom")), i = V("clsx"), a = _t(), o = vt(), s = ht(), c = u(bt()), l = u(yt());
+	var t = d(H("react")), n = u(gt()), r = u(H("react-dom")), i = H("clsx"), a = yt(), o = bt(), s = _t(), c = u(St()), l = u(xt());
 	function u(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2376,12 +2394,12 @@ var at = /* @__PURE__ */ B(((e) => {
 		},
 		scale: 1
 	});
-})), St = /* @__PURE__ */ B(((e, t) => {
-	var { default: n, DraggableCore: r } = xt();
+})), wt = /* @__PURE__ */ V(((e, t) => {
+	var { default: n, DraggableCore: r } = Ct();
 	t.exports = n, t.exports.default = n, t.exports.DraggableCore = r;
-})), Ct = /* @__PURE__ */ B(((e) => {
+})), Tt = /* @__PURE__ */ V(((e) => {
 	e.__esModule = !0, e.cloneElement = c;
-	var t = n(V("react"));
+	var t = n(H("react"));
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2431,10 +2449,10 @@ var at = /* @__PURE__ */ B(((e) => {
 	function c(e, n) {
 		return n.style && e.props.style && (n.style = i(i({}, e.props.style), n.style)), n.className && e.props.className && (n.className = `${e.props.className} ${n.className}`), /* @__PURE__ */ t.default.cloneElement(e, n);
 	}
-})), wt = /* @__PURE__ */ B(((e) => {
+})), Et = /* @__PURE__ */ V(((e) => {
 	e.__esModule = !0, e.resizableProps = void 0;
-	var t = n(mt());
-	St();
+	var t = n(gt());
+	wt();
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2493,9 +2511,9 @@ var at = /* @__PURE__ */ B(((e) => {
 			return n.axis === "both" || n.axis === "x" ? t.default.number.isRequired(...e) : t.default.number(...e);
 		}
 	};
-})), Tt = /* @__PURE__ */ B(((e) => {
+})), Dt = /* @__PURE__ */ V(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = o(V("react")), n = St(), r = Ct(), i = wt(), a = [
+	var t = o(H("react")), n = wt(), r = Tt(), i = Et(), a = [
 		"children",
 		"className",
 		"draggableOpts",
@@ -2692,9 +2710,9 @@ var at = /* @__PURE__ */ B(((e) => {
 		resizeHandles: ["se"],
 		transformScale: 1
 	};
-})), Et = /* @__PURE__ */ B(((e) => {
+})), Ot = /* @__PURE__ */ V(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = s(V("react")), n = o(mt()), r = o(Tt()), i = wt(), a = [
+	var t = s(H("react")), n = o(gt()), r = o(Dt()), i = Et(), a = [
 		"handle",
 		"handleSize",
 		"onResize",
@@ -2845,26 +2863,26 @@ var at = /* @__PURE__ */ B(((e) => {
 		}
 	};
 	e.default = g, g.propTypes = u(u({}, i.resizableProps), {}, { children: n.default.element });
-})), Dt = /* @__PURE__ */ B(((e, t) => {
+})), kt = /* @__PURE__ */ V(((e, t) => {
 	t.exports = function() {
 		throw Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
-	}, t.exports.Resizable = Tt().default, t.exports.ResizableBox = Et().default;
-})), Ot = St(), kt = Dt(), At = rt();
-function jt(e) {
-	let { children: t, cols: n, containerWidth: r, margin: i, containerPadding: a, rowHeight: o, maxRows: s, isDraggable: c, isResizable: l, isBounded: u, static: d, useCSSTransforms: f = !0, usePercentages: p = !1, transformScale: m = 1, positionStrategy: h, dragThreshold: g = 0, droppingPosition: _, className: v = "", style: y, handle: x = "", cancel: C = "", x: O, y: k, w: A, h: j, minW: M = 1, maxW: N = Infinity, minH: P = 1, maxH: F = Infinity, i: I, resizeHandles: L, resizeHandle: R, constraints: z = xe, layoutItem: B, layout: V = [], onDragStart: H, onDrag: te, onDragStop: ne, onResizeStart: re, onResize: ie, onResizeStop: ae } = e, [W, le] = D(!1), [fe, K] = D(!1), pe = E(null), q = E({
+	}, t.exports.Resizable = Dt().default, t.exports.ResizableBox = Ot().default;
+})), At = wt(), jt = kt(), Mt = at();
+function Nt(e) {
+	let { children: t, cols: n, containerWidth: r, margin: i, containerPadding: a, rowHeight: o, maxRows: s, isDraggable: c, isResizable: l, isBounded: u, static: d, useCSSTransforms: f = !0, usePercentages: p = !1, transformScale: m = 1, positionStrategy: h, dragThreshold: g = 0, droppingPosition: _, className: v = "", style: y, handle: b = "", cancel: x = "", x: C, y: w, w: E, h: j, minW: M = 1, maxW: N = Infinity, minH: P = 1, maxH: F = Infinity, i: I, resizeHandles: L, resizeHandle: R, constraints: z = Ce, layoutItem: ee, layout: B = [], onDragStart: V, onDrag: H, onDragStop: U, onResizeStart: ne, onResize: re, onResizeStop: ie } = e, [G, ae] = A(!1), [oe, le] = A(!1), Y = k(null), X = k({
 		left: 0,
 		top: 0
-	}), me = E({
+	}), de = k({
 		top: 0,
 		left: 0,
 		width: 0,
 		height: 0
-	}), he = E(void 0), ge = E(V);
-	ge.current = V;
-	let _e = E(null), ve = E(null), ye = E(!1), J = E({
+	}), fe = k(void 0), pe = k(B);
+	pe.current = B;
+	let me = k(null), he = k(null), Z = k(!1), ge = k({
 		x: 0,
 		y: 0
-	}), be = E(!1), Y = T(() => ({
+	}), _e = k(!1), Q = O(() => ({
 		cols: n,
 		containerPadding: a,
 		containerWidth: r,
@@ -2878,7 +2896,7 @@ function jt(e) {
 		i,
 		s,
 		o
-	]), X = T(() => ({
+	]), ve = O(() => ({
 		cols: n,
 		maxRows: s,
 		containerWidth: r,
@@ -2892,46 +2910,46 @@ function jt(e) {
 		r,
 		o,
 		i
-	]), Z = S(() => ({
-		...X,
-		layout: ge.current
-	}), [X]), Q = T(() => B ?? {
+	]), ye = T(() => ({
+		...ve,
+		layout: pe.current
+	}), [ve]), $ = O(() => ee ?? {
 		i: I,
-		x: O,
-		y: k,
-		w: A,
+		x: C,
+		y: w,
+		w: E,
 		h: j,
 		minW: M,
 		maxW: N,
 		minH: P,
 		maxH: F
 	}, [
-		B,
+		ee,
 		I,
-		O,
-		k,
-		A,
+		C,
+		w,
+		E,
 		j,
 		M,
 		N,
 		P,
 		F
-	]), $ = S((e) => {
+	]), be = T((e) => {
 		if (h?.calcStyle) return h.calcStyle(e);
-		if (f) return we(e);
-		let t = Te(e);
+		if (f) return Ee(e);
+		let t = De(e);
 		return p ? {
 			...t,
-			left: Ee(e.left / r),
-			width: Ee(e.width / r)
+			left: Oe(e.left / r),
+			width: Oe(e.width / r)
 		} : t;
 	}, [
 		h,
 		f,
 		p,
 		r
-	]), De = S((e, { node: t }) => {
-		if (!H) return;
+	]), xe = T((e, { node: t }) => {
+		if (!V) return;
 		let { offsetParent: n } = t;
 		if (!n) return;
 		let r = n.getBoundingClientRect(), i = t.getBoundingClientRect(), a = i.left / m, o = r.left / m, s = i.top / m, c = r.top / m, l;
@@ -2942,130 +2960,130 @@ function jt(e) {
 			left: a - o + n.scrollLeft,
 			top: s - c + n.scrollTop
 		};
-		if (q.current = l, g > 0) {
+		if (X.current = l, g > 0) {
 			let t = e;
-			J.current = {
+			ge.current = {
 				x: t.clientX,
 				y: t.clientY
-			}, ye.current = !0, be.current = !1, le(!0);
+			}, Z.current = !0, _e.current = !1, ae(!0);
 			return;
 		}
-		le(!0);
-		let u = ue(Y, l.top, l.left), { x: d, y: f } = Se(z, Q, u.x, u.y, Z());
-		H(I, d, f, {
+		ae(!0);
+		let u = q(Q, l.top, l.left), { x: d, y: f } = we(z, $, u.x, u.y, ye());
+		V(I, d, f, {
 			e,
 			node: t,
 			newPosition: l
 		});
 	}, [
-		H,
+		V,
 		m,
-		Y,
+		Q,
 		h,
 		g,
 		z,
-		Q,
-		Z,
+		$,
+		ye,
 		I
-	]), Oe = S((e, { node: t, deltaX: n, deltaY: a }) => {
-		if (!te || !W) return;
+	]), Se = T((e, { node: t, deltaX: n, deltaY: a }) => {
+		if (!H || !G) return;
 		let s = e;
-		if (ye.current && !be.current) {
-			let n = s.clientX - J.current.x, r = s.clientY - J.current.y;
+		if (Z.current && !_e.current) {
+			let n = s.clientX - ge.current.x, r = s.clientY - ge.current.y;
 			if (Math.hypot(n, r) < g) return;
-			if (be.current = !0, ye.current = !1, H) {
-				let n = ue(Y, q.current.top, q.current.left), { x: r, y: i } = Se(z, Q, n.x, n.y, Z());
-				H(I, r, i, {
+			if (_e.current = !0, Z.current = !1, V) {
+				let n = q(Q, X.current.top, X.current.left), { x: r, y: i } = we(z, $, n.x, n.y, ye());
+				V(I, r, i, {
 					e,
 					node: t,
-					newPosition: q.current
+					newPosition: X.current
 				});
 			}
 		}
-		let c = q.current.top + a, l = q.current.left + n;
+		let c = X.current.top + a, l = X.current.left + n;
 		if (u) {
 			let { offsetParent: e } = t;
 			if (e) {
-				let t = e.clientHeight - se(j, o, i[1]);
-				c = de(c, 0, t);
-				let n = r - se(A, oe(Y), i[0]);
-				l = de(l, 0, n);
+				let t = e.clientHeight - ce(j, o, i[1]);
+				c = J(c, 0, t);
+				let n = r - ce(E, se(Q), i[0]);
+				l = J(l, 0, n);
 			}
 		}
 		let d = {
 			top: c,
 			left: l
 		};
-		q.current = d;
-		let f = ue(Y, c, l), { x: p, y: m } = Se(z, Q, f.x, f.y, Z());
-		te(I, p, m, {
+		X.current = d;
+		let f = q(Q, c, l), { x: p, y: m } = we(z, $, f.x, f.y, ye());
+		H(I, p, m, {
 			e,
 			node: t,
 			newPosition: d
 		});
 	}, [
-		te,
 		H,
-		W,
+		V,
+		G,
 		g,
 		u,
 		j,
 		o,
 		i,
-		Y,
+		Q,
 		r,
-		A,
+		E,
 		I,
 		z,
-		Q,
-		Z
-	]), ke = S((e, { node: t }) => {
-		if (!ne || !W) return;
-		let n = ye.current;
-		if (ye.current = !1, be.current = !1, J.current = {
+		$,
+		ye
+	]), ke = T((e, { node: t }) => {
+		if (!U || !G) return;
+		let n = Z.current;
+		if (Z.current = !1, _e.current = !1, ge.current = {
 			x: 0,
 			y: 0
 		}, n) {
-			le(!1), q.current = {
+			ae(!1), X.current = {
 				left: 0,
 				top: 0
 			};
 			return;
 		}
-		let { left: r, top: i } = q.current, a = {
+		let { left: r, top: i } = X.current, a = {
 			top: i,
 			left: r
 		};
-		le(!1), q.current = {
+		ae(!1), X.current = {
 			left: 0,
 			top: 0
 		};
-		let o = ue(Y, i, r), { x: s, y: c } = Se(z, Q, o.x, o.y, Z());
-		ne(I, s, c, {
+		let o = q(Q, i, r), { x: s, y: c } = we(z, $, o.x, o.y, ye());
+		U(I, s, c, {
 			e,
 			node: t,
 			newPosition: a
 		});
 	}, [
-		ne,
-		W,
-		Y,
-		z,
+		U,
+		G,
 		Q,
-		Z,
+		z,
+		$,
+		ye,
 		I
 	]);
-	_e.current = De, ve.current = Oe;
-	let Ae = S((e, { node: t, size: n, handle: i }, a, o) => {
-		let s = o === "onResizeStart" ? re : o === "onResize" ? ie : ae;
+	me.current = xe, he.current = Se;
+	let Ae = T((e, { node: t, size: n, handle: i }, a, o) => {
+		let s = o === "onResizeStart" ? ne : o === "onResize" ? re : ie;
 		if (!s) return;
 		let c;
-		c = t ? Ie(i, a, n, r) : {
+		c = t ? Re(i, a, n, r) : {
 			...n,
 			top: a.top,
 			left: a.left
-		}, me.current = c;
-		let l = G(Y, c.width, c.height), { w: u, h: d } = Ce(z, Q, l.w, l.h, i, Z());
+		}, de.current = c;
+		let l = ue(Q, c.width, c.height), { w: u, h: d } = Te(z, $, l.w, l.h, i, ye());
 		s(I, u, d, {
 			e: e.nativeEvent,
 			node: t,
@@ -3073,71 +3091,71 @@ function jt(e) {
 			handle: i
 		});
 	}, [
+		ne,
 		re,
 		ie,
-		ae,
 		r,
-		Y,
+		Q,
 		I,
 		z,
-		Q,
-		Z
-	]), je = S((e, t) => {
-		K(!0);
-		let n = ce(Y, O, k, A, j);
+		$,
+		ye
+	]), je = T((e, t) => {
+		le(!0);
+		let n = K(Q, C, w, E, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResizeStart");
 	}, [
 		Ae,
-		Y,
-		O,
-		k,
-		A,
+		Q,
+		C,
+		w,
+		E,
 		j
-	]), Me = S((e, t) => {
-		let n = ce(Y, O, k, A, j);
+	]), Me = T((e, t) => {
+		let n = K(Q, C, w, E, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResize");
 	}, [
 		Ae,
-		Y,
-		O,
-		k,
-		A,
+		Q,
+		C,
+		w,
+		E,
 		j
-	]), Ne = S((e, t) => {
-		K(!1), me.current = {
+	]), Ne = T((e, t) => {
+		le(!1), de.current = {
 			top: 0,
 			left: 0,
 			width: 0,
 			height: 0
 		};
-		let n = ce(Y, O, k, A, j);
+		let n = K(Q, C, w, E, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResizeStop");
 	}, [
 		Ae,
-		Y,
-		O,
-		k,
-		A,
+		Q,
+		C,
+		w,
+		E,
 		j
 	]);
-	w(() => {
+	D(() => {
 		if (!_) return;
-		let e = pe.current;
+		let e = Y.current;
 		if (!e) return;
-		let t = he.current || {
+		let t = fe.current || {
 			left: 0,
 			top: 0
-		}, n = W && (_.left !== t.left || _.top !== t.top);
-		if (!W) {
+		}, n = G && (_.left !== t.left || _.top !== t.top);
+		if (!G) {
 			let t = {
 				node: e,
 				deltaX: _.left,
@@ -3147,47 +3165,47 @@ function jt(e) {
 				x: _.left,
 				y: _.top
 			};
-			_e.current?.(_.e, t);
+			me.current?.(_.e, t);
 		} else if (n) {
 			let t = {
 				node: e,
-				deltaX: _.left - q.current.left,
-				deltaY: _.top - q.current.top,
-				lastX: q.current.left,
-				lastY: q.current.top,
+				deltaX: _.left - X.current.left,
+				deltaY: _.top - X.current.top,
+				lastX: X.current.left,
+				lastY: X.current.top,
 				x: _.left,
 				y: _.top
 			};
-			ve.current?.(_.e, t);
+			he.current?.(_.e, t);
 		}
-		he.current = _;
+		fe.current = _;
 	}, [
 		_,
-		W,
+		G,
 		I
 	]);
-	let Pe = ce(Y, O, k, A, j, W ? q.current : null, fe ? me.current : null), Fe = b.Children.only(t), Le = oe(Y), Re = [se(M, Le, i[0]), se(P, o, i[1])], ze = [se(N, Le, i[0]), se(F, o, i[1])], Be = Fe.props, Ve = Be.className, He = Be.style, Ue = b.cloneElement(Fe, {
-		ref: pe,
-		className: ee("react-grid-item", Ve, v, {
+	let Pe = K(Q, C, w, E, j, G ? X.current : null, oe ? de.current : null), Fe = S.Children.only(t), Ie = se(Q), Le = [ce(M, Ie, i[0]), ce(P, o, i[1])], ze = [ce(N, Ie, i[0]), ce(F, o, i[1])], Be = Fe.props, Ve = Be.className, He = Be.style, Ue = S.cloneElement(Fe, {
+		ref: Y,
+		className: te("react-grid-item", Ve, v, {
 			static: d,
-			resizing: fe,
+			resizing: oe,
 			"react-draggable": c,
-			"react-draggable-dragging": W,
+			"react-draggable-dragging": G,
 			dropping: !!_,
 			cssTransforms: f
 		}),
 		style: {
 			...y,
 			...He,
-			...$(Pe)
+			...be(Pe)
 		}
 	}), We = R;
-	return Ue = /* @__PURE__ */ (0, U.jsx)(kt.Resizable, {
+	return Ue = /* @__PURE__ */ (0, W.jsx)(jt.Resizable, {
 		draggableOpts: { disabled: !l },
 		className: l ? void 0 : "react-resizable-hide",
 		width: Pe.width,
 		height: Pe.height,
-		minConstraints: Re,
+		minConstraints: Le,
 		maxConstraints: ze,
 		onResizeStart: je,
 		onResize: Me,
@@ -3196,24 +3214,24 @@ function jt(e) {
 		resizeHandles: L,
 		handle: We,
 		children: Ue
-	}), Ue = /* @__PURE__ */ (0, U.jsx)(Ot.DraggableCore, {
+	}), Ue = /* @__PURE__ */ (0, W.jsx)(At.DraggableCore, {
 		disabled: !c,
-		onStart: De,
-		onDrag: Oe,
+		onStart: xe,
+		onDrag: Se,
 		onStop: ke,
-		handle: x,
-		cancel: ".react-resizable-handle" + (C ? "," + C : ""),
+		handle: b,
+		cancel: ".react-resizable-handle" + (x ? "," + x : ""),
 		scale: m,
-		nodeRef: pe,
+		nodeRef: Y,
 		children: Ue
 	}), Ue;
 }
-var Mt = () => {}, Nt = "react-grid-layout", Pt = !1;
+var Pt = () => {}, Ft = "react-grid-layout", It = !1;
 try {
-	Pt = /firefox/i.test(navigator.userAgent);
+	It = /firefox/i.test(navigator.userAgent);
 } catch {}
-function Ft(e, t) {
-	let n = b.Children.toArray(e), r = b.Children.toArray(t);
+function Lt(e, t) {
+	let n = S.Children.toArray(e), r = S.Children.toArray(t);
 	if (n.length !== r.length) return !1;
 	for (let e = 0; e < n.length; e++) {
 		let t = n[e], i = r[e];
@@ -3221,14 +3239,14 @@ function Ft(e, t) {
 	}
 	return !0;
 }
-function It(e, t, n, r) {
+function Rt(e, t, n, r) {
 	let i = [], a = /* @__PURE__ */ new Set();
-	b.Children.forEach(t, (t) => {
-		if (!b.isValidElement(t) || t.key === null) return;
+	S.Children.forEach(t, (t) => {
+		if (!S.isValidElement(t) || t.key === null) return;
 		let n = String(t.key);
 		a.add(n);
 		let r = e.find((e) => e.i === n);
-		if (r) i.push(ye(r));
+		if (r) i.push(_e(r));
 		else {
 			let e = t.props["data-grid"];
 			e ? i.push({
@@ -3249,71 +3267,71 @@ function It(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: ge(i),
+				y: he(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let o = X(i, { cols: n });
+	let o = $(i, { cols: n });
 	return r.compact(o, n);
 }
-function Lt(e) {
-	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = Le, compactor: c, constraints: l = xe, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = Mt, onDragStart: _ = Mt, onDrag: v = Mt, onDragStop: y = Mt, onResizeStart: x = Mt, onResize: C = Mt, onResizeStop: O = Mt, onDrop: k = Mt, onDropDragOver: A = Mt } = e, j = T(() => ({
-		...Re,
+function zt(e) {
+	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = ze, compactor: c, constraints: l = Ce, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = Pt, onDragStart: _ = Pt, onDrag: v = Pt, onDragStop: y = Pt, onResizeStart: b = Pt, onResize: x = Pt, onResizeStop: C = Pt, onDrop: w = Pt, onDropDragOver: E = Pt } = e, j = O(() => ({
+		...Be,
 		...r
-	}), [r]), M = T(() => ({
-		...ze,
+	}), [r]), M = O(() => ({
+		...Ve,
 		...i
-	}), [i]), N = T(() => ({
-		...Be,
+	}), [i]), N = O(() => ({
+		...He,
 		...a
-	}), [a]), P = T(() => ({
-		...Ve,
+	}), [a]), P = O(() => ({
+		...Ue,
 		...o
-	}), [o]), { cols: F, rowHeight: I, maxRows: L, margin: R, containerPadding: z } = j, { enabled: B, bounded: V, handle: H, cancel: te, threshold: ne } = M, { enabled: re, handles: ie, handleComponent: ae } = N, { enabled: W, defaultItem: ce, onDragOver: ue } = P, G = c ?? Ze("vertical"), de = G.type, fe = G.allowOverlap, K = G.preventCollision ?? !1, q = T(() => d ?? {
+	}), [o]), { cols: F, rowHeight: I, maxRows: L, margin: R, containerPadding: z } = j, { enabled: ee, bounded: B, handle: V, cancel: H, threshold: U } = M, { enabled: ne, handles: re, handleComponent: ie } = N, { enabled: G, defaultItem: ae, onDragOver: oe } = P, K = c ?? $e("vertical"), q = K.type, ue = K.allowOverlap, J = K.preventCollision ?? !1, Y = O(() => d ?? {
 		i: "__dropping-elem__",
-		...ce
-	}, [d, ce]), me = s.type === "transform", he = s.scale, ve = z ?? R, [J, be] = D(!1), [X, Q] = D(() => It(u, t, F, G)), [$, Se] = D(null), [Ce, we] = D(!1), [Te, Ee] = D(null), [De, Oe] = D(), ke = E(null), Ae = E(null), je = E(null), Me = E(0), Ne = E(X), Pe = E(u), Fe = E(t), Ie = E(de), He = E(X);
-	He.current = X, w(() => {
-		be(!0), (0, At.deepEqual)(X, u) || g(X);
-	}, []), w(() => {
+		...ae
+	}, [d, ae]), X = s.type === "transform", fe = s.scale, pe = z ?? R, [me, ge] = A(!1), [Q, ve] = A(() => Rt(u, t, F, K)), [$, xe] = A(null), [Se, we] = A(!1), [Te, Ee] = A(null), [De, Oe] = A(), ke = k(null), Ae = k(null), je = k(null), Me = k(0), Ne = k(Q), Pe = k(u), Fe = k(t), Ie = k(q), Le = k(Q);
+	Le.current = Q, D(() => {
+		ge(!0), (0, Mt.deepEqual)(Q, u) || g(Q);
+	}, []), D(() => {
 		if ($ || Te) return;
-		let e = !(0, At.deepEqual)(u, Pe.current), n = !Ft(t, Fe.current), r = de !== Ie.current;
+		let e = !(0, Mt.deepEqual)(u, Pe.current), n = !Lt(t, Fe.current), r = q !== Ie.current;
 		if (e || n || r) {
-			let n = It(e ? u : X, t, F, G);
-			(0, At.deepEqual)(n, X) || Q(n);
+			let n = Rt(e ? u : Q, t, F, K);
+			(0, Mt.deepEqual)(n, Q) || ve(n);
 		}
-		Pe.current = u, Fe.current = t, Ie.current = de;
+		Pe.current = u, Fe.current = t, Ie.current = q;
 	}, [
 		u,
 		t,
 		F,
-		de,
-		G,
+		q,
+		K,
 		$,
 		Te,
-		X
-	]), w(() => {
-		!$ && !(0, At.deepEqual)(X, Ne.current) && (Ne.current = X, g(X.filter((e) => e.i !== q.i)));
+		Q
+	]), D(() => {
+		!$ && !(0, Mt.deepEqual)(Q, Ne.current) && (Ne.current = Q, g(Q.filter((e) => e.i !== Y.i)));
 	}, [
-		X,
+		Q,
 		$,
 		g,
-		q.i
+		Y.i
 	]);
-	let Ue = T(() => {
+	let Re = O(() => {
 		if (!f) return;
-		let e = ge(X), t = ve[1];
+		let e = he(Q), t = pe[1];
 		return e * I + (e - 1) * R[1] + t * 2 + "px";
 	}, [
 		f,
-		X,
+		Q,
 		I,
 		R,
-		ve
-	]), We = S((e, t, n, r) => {
-		let i = He.current, a = _e(i, e);
+		pe
+	]), We = T((e, t, n, r) => {
+		let i = Le.current, a = Z(i, e);
 		if (!a) return;
 		let o = {
 			w: a.w,
@@ -3322,9 +3340,9 @@ function Lt(e) {
 			y: a.y,
 			i: e
 		};
-		ke.current = ye(a), je.current = i, Se(o), _(i, a, a, null, r.e, r.node);
-	}, [_]), Ge = S((e, t, n, r) => {
-		let i = He.current, a = ke.current, o = _e(i, e);
+		ke.current = _e(a), je.current = i, xe(o), _(i, a, a, null, r.e, r.node);
+	}, [_]), Ge = T((e, t, n, r) => {
+		let i = Le.current, a = ke.current, o = Z(i, e);
 		if (!o) return;
 		let s = {
 			w: o.w,
@@ -3332,37 +3350,37 @@ function Lt(e) {
 			x: o.x,
 			y: o.y,
 			i: e
-		}, c = Z(i, o, t, n, !0, K, de, F, fe);
-		v(c, a, o, s, r.e, r.node), Q(G.compact(c, F)), Se(s);
+		}, c = be(i, o, t, n, !0, J, q, F, ue);
+		v(c, a, o, s, r.e, r.node), ve(K.compact(c, F)), xe(s);
 	}, [
-		K,
-		de,
+		J,
+		q,
 		F,
-		fe,
-		G,
+		ue,
+		K,
 		v
-	]), Ke = S((e, t, n, r) => {
+	]), Ke = T((e, t, n, r) => {
 		if (!$) return;
-		let i = He.current, a = ke.current, o = _e(i, e);
+		let i = Le.current, a = ke.current, o = Z(i, e);
 		if (!o) return;
-		let s = Z(i, o, t, n, !0, K, de, F, fe), c = G.compact(s, F);
+		let s = be(i, o, t, n, !0, J, q, F, ue), c = K.compact(s, F);
 		y(c, a, o, null, r.e, r.node);
 		let l = je.current;
-		ke.current = null, je.current = null, Se(null), Q(c), l && !(0, At.deepEqual)(l, c) && g(c);
+		ke.current = null, je.current = null, xe(null), ve(c), l && !(0, Mt.deepEqual)(l, c) && g(c);
 	}, [
 		$,
-		K,
-		de,
+		J,
+		q,
 		F,
-		fe,
-		G,
+		ue,
+		K,
 		y,
 		g
-	]), qe = S((e, t, n, r) => {
-		let i = He.current, a = _e(i, e);
-		a && (Ae.current = ye(a), je.current = i, we(!0), x(i, a, a, null, r.e, r.node));
-	}, [x]), Je = S((e, t, n, r) => {
-		let i = He.current, a = Ae.current, { handle: o } = r, s = !1, c, l, [u, d] = Y(i, e, (e) => (c = e.x, l = e.y, [
+	]), qe = T((e, t, n, r) => {
+		let i = Le.current, a = Z(i, e);
+		a && (Ae.current = _e(a), je.current = i, we(!0), b(i, a, a, null, r.e, r.node));
+	}, [b]), Je = T((e, t, n, r) => {
+		let i = Le.current, a = Ae.current, { handle: o } = r, s = !1, c, l, [u, d] = ye(i, e, (e) => (c = e.x, l = e.y, [
 			"sw",
 			"w",
 			"nw",
@@ -3376,7 +3394,7 @@ function Lt(e) {
 			"ne",
 			"n",
 			"nw"
-		].includes(o) && (l = e.y + (e.h - n), n = e.y !== l && l < 0 ? e.h : n, l = l < 0 ? 0 : l), s = !0), K && !fe && pe(i, {
+		].includes(o) && (l = e.y + (e.h - n), n = e.y !== l && l < 0 ? e.h : n, l = l < 0 ? 0 : l), s = !0), J && !ue && de(i, {
 			...e,
 			w: t,
 			h: n,
@@ -3385,7 +3403,7 @@ function Lt(e) {
 		}).filter((t) => t.i !== e.i).length > 0 && (l = e.y, n = e.h, c = e.x, t = e.w, s = !1), e.w = t, e.h = n, e));
 		if (!d) return;
 		let f = u;
-		s && c !== void 0 && l !== void 0 && (f = Z(u, d, c, l, !0, K, de, F, fe));
+		s && c !== void 0 && l !== void 0 && (f = be(u, d, c, l, !0, J, q, F, ue));
 		let p = {
 			w: d.w,
 			h: d.h,
@@ -3394,41 +3412,41 @@ function Lt(e) {
 			i: e,
 			static: !0
 		};
-		C(f, a, d, p, r.e, r.node), Q(G.compact(f, F)), Se(p);
+		x(f, a, d, p, r.e, r.node), ve(K.compact(f, F)), xe(p);
 	}, [
-		K,
-		de,
+		J,
+		q,
 		F,
-		fe,
-		G,
-		C
-	]), Ye = S((e, t, n, r) => {
-		let i = He.current, a = Ae.current, o = _e(i, e), s = G.compact(i, F);
-		O(s, a, o ?? null, null, r.e, r.node);
+		ue,
+		K,
+		x
+	]), Ye = T((e, t, n, r) => {
+		let i = Le.current, a = Ae.current, o = Z(i, e), s = K.compact(i, F);
+		C(s, a, o ?? null, null, r.e, r.node);
 		let c = je.current;
-		Ae.current = null, je.current = null, Se(null), we(!1), Q(s), c && !(0, At.deepEqual)(c, s) && g(s);
+		Ae.current = null, je.current = null, xe(null), we(!1), ve(s), c && !(0, Mt.deepEqual)(c, s) && g(s);
 	}, [
 		F,
-		G,
-		O,
+		K,
+		C,
 		g
-	]), Xe = S(() => {
-		let e = He.current;
-		if (!e.some((e) => e.i === q.i)) {
-			Ee(null), Se(null), Oe(void 0);
+	]), Xe = T(() => {
+		let e = Le.current;
+		if (!e.some((e) => e.i === Y.i)) {
+			Ee(null), xe(null), Oe(void 0);
 			return;
 		}
-		Q(G.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Se(null), Oe(void 0);
+		ve(K.compact(e.filter((e) => e.i !== Y.i), F)), Ee(null), xe(null), Oe(void 0);
 	}, [
-		q.i,
+		Y.i,
 		F,
-		G
-	]), Qe = S((e) => {
-		if (e.preventDefault(), e.stopPropagation(), Pt && !e.nativeEvent.target?.classList.contains(Nt)) return !1;
-		let t = ue ? ue(e.nativeEvent) : A(e);
+		K
+	]), Ze = T((e) => {
+		if (e.preventDefault(), e.stopPropagation(), It && !e.nativeEvent.target?.classList.contains(Ft)) return !1;
+		let t = oe ? oe(e.nativeEvent) : E(e);
 		if (t === !1) return Te && Xe(), !1;
 		let { dragOffsetX: r = 0, dragOffsetY: i = 0, ...a } = t ?? {}, o = {
-			...q,
+			...Y,
 			...a
 		}, s = e.currentTarget.getBoundingClientRect(), c = {
 			cols: F,
@@ -3436,16 +3454,16 @@ function Lt(e) {
 			maxRows: L,
 			rowHeight: I,
 			containerWidth: n,
-			containerPadding: ve
-		}, l = oe(c), u = se(o.w, l, R[0]), d = se(o.h, I, R[1]), f = u / 2, p = d / 2, m = e.clientX - s.left + r - f, h = e.clientY - s.top + i - p, g = Math.max(0, m), _ = Math.max(0, h), v = {
-			left: g / he,
-			top: _ / he,
+			containerPadding: pe
+		}, l = se(c), u = ce(o.w, l, R[0]), d = ce(o.h, I, R[1]), f = u / 2, p = d / 2, m = e.clientX - s.left + r - f, h = e.clientY - s.top + i - p, g = Math.max(0, m), _ = Math.max(0, h), v = {
+			left: g / fe,
+			top: _ / fe,
 			e: e.nativeEvent
 		};
 		if (Te) De && (De.left !== v.left || De.top !== v.top) && Oe(v);
 		else {
 			let e = le(c, _, g, o.w, o.h);
-			Ee(/* @__PURE__ */ (0, U.jsx)("div", {}, o.i)), Oe(v), Q([...He.current.filter((e) => e.i !== o.i), {
+			Ee(/* @__PURE__ */ (0, W.jsx)("div", {}, o.i)), Oe(v), ve([...Le.current.filter((e) => e.i !== o.i), {
 				...o,
 				x: e.x,
 				y: e.y,
@@ -3456,43 +3474,43 @@ function Lt(e) {
 	}, [
 		Te,
 		De,
-		q,
-		ue,
-		A,
+		Y,
+		oe,
+		E,
 		Xe,
-		he,
+		fe,
 		F,
 		R,
 		L,
 		I,
 		n,
-		ve
-	]), $e = S((e) => {
+		pe
+	]), Qe = T((e) => {
 		e.preventDefault(), e.stopPropagation(), Me.current--, Me.current < 0 && (Me.current = 0), Me.current === 0 && Xe();
-	}, [Xe]), et = S((e) => {
+	}, [Xe]), et = T((e) => {
 		e.preventDefault(), e.stopPropagation(), Me.current++;
-	}, []), tt = S((e) => {
+	}, []), tt = T((e) => {
 		e.preventDefault(), e.stopPropagation();
-		let t = He.current, n = t.find((e) => e.i === q.i);
-		Me.current = 0, Xe(), k(t, n, e.nativeEvent);
+		let t = Le.current, n = t.find((e) => e.i === Y.i);
+		Me.current = 0, Xe(), w(t, n, e.nativeEvent);
 	}, [
-		q.i,
+		Y.i,
 		Xe,
-		k
-	]), nt = S((e, t) => {
+		w
+	]), nt = T((e, t) => {
 		if (!e || !e.key) return null;
-		let r = _e(X, String(e.key));
+		let r = Z(Q, String(e.key));
 		if (!r) return null;
-		let i = typeof r.isDraggable == "boolean" ? r.isDraggable : !r.static && B, a = typeof r.isResizable == "boolean" ? r.isResizable : !r.static && re, o = r.resizeHandles || [...ie], c = i && V && r.isBounded !== !1, u = ae;
-		return /* @__PURE__ */ (0, U.jsx)(jt, {
+		let i = typeof r.isDraggable == "boolean" ? r.isDraggable : !r.static && ee, a = typeof r.isResizable == "boolean" ? r.isResizable : !r.static && ne, o = r.resizeHandles || [...re], c = i && B && r.isBounded !== !1, u = ie;
+		return /* @__PURE__ */ (0, W.jsx)(Nt, {
 			containerWidth: n,
 			cols: F,
 			margin: R,
-			containerPadding: ve,
+			containerPadding: pe,
 			maxRows: L,
 			rowHeight: I,
-			cancel: te,
-			handle: H,
+			cancel: H,
+			handle: V,
 			onDragStart: We,
 			onDrag: Ge,
 			onDragStop: Ke,
@@ -3502,11 +3520,11 @@ function Lt(e) {
 			isDraggable: i,
 			isResizable: a,
 			isBounded: c,
-			useCSSTransforms: me && J,
-			usePercentages: !J,
-			transformScale: he,
+			useCSSTransforms: X && me,
+			usePercentages: !me,
+			transformScale: fe,
 			positionStrategy: s,
-			dragThreshold: ne,
+			dragThreshold: U,
 			w: r.w,
 			h: r.h,
 			x: r.x,
@@ -3522,94 +3540,94 @@ function Lt(e) {
 			resizeHandle: u,
 			constraints: l,
 			layoutItem: r,
-			layout: X,
+			layout: Q,
 			children: e
 		}, r.i);
 	}, [
-		X,
+		Q,
 		n,
 		F,
 		R,
-		ve,
+		pe,
 		L,
 		I,
-		te,
 		H,
+		V,
 		We,
 		Ge,
 		Ke,
 		qe,
 		Je,
 		Ye,
+		ee,
+		ne,
 		B,
-		re,
-		V,
+		X,
 		me,
-		J,
-		he,
+		fe,
 		s,
-		ne,
+		U,
 		De,
+		re,
 		ie,
-		ae,
 		l
-	]), rt = () => $ ? /* @__PURE__ */ (0, U.jsx)(jt, {
+	]), rt = () => $ ? /* @__PURE__ */ (0, W.jsx)(Nt, {
 		w: $.w,
 		h: $.h,
 		x: $.x,
 		y: $.y,
 		i: $.i,
-		className: `react-grid-placeholder ${Ce ? "placeholder-resizing" : ""}`,
+		className: `react-grid-placeholder ${Se ? "placeholder-resizing" : ""}`,
 		containerWidth: n,
 		cols: F,
 		margin: R,
-		containerPadding: ve,
+		containerPadding: pe,
 		maxRows: L,
 		rowHeight: I,
 		isDraggable: !1,
 		isResizable: !1,
 		isBounded: !1,
-		useCSSTransforms: me,
-		transformScale: he,
+		useCSSTransforms: X,
+		transformScale: fe,
 		constraints: l,
-		layout: X,
-		children: /* @__PURE__ */ (0, U.jsx)("div", {})
+		layout: Q,
+		children: /* @__PURE__ */ (0, W.jsx)("div", {})
 	}) : null;
-	return /* @__PURE__ */ (0, U.jsxs)("div", {
+	return /* @__PURE__ */ (0, W.jsxs)("div", {
 		ref: h,
-		className: ee(Nt, p),
+		className: te(Ft, p),
 		style: {
-			height: Ue,
+			height: Re,
 			...m
 		},
-		onDrop: W ? tt : void 0,
-		onDragLeave: W ? $e : void 0,
-		onDragEnter: W ? et : void 0,
-		onDragOver: W ? Qe : void 0,
+		onDrop: G ? tt : void 0,
+		onDragLeave: G ? Qe : void 0,
+		onDragEnter: G ? et : void 0,
+		onDragOver: G ? Ze : void 0,
 		children: [
-			b.Children.map(t, (e) => b.isValidElement(e) ? nt(e) : null),
-			W && Te && nt(Te, !0),
+			S.Children.map(t, (e) => S.isValidElement(e) ? nt(e) : null),
+			G && Te && nt(Te, !0),
 			rt()
 		]
 	});
 }
-var Rt = {
+var Bt = {
 	lg: 1200,
 	md: 996,
 	sm: 768,
 	xs: 480,
 	xxs: 0
-}, zt = {
+}, Vt = {
 	lg: 12,
 	md: 10,
 	sm: 6,
 	xs: 4,
 	xxs: 2
-}, Bt = () => {};
-function Vt(e, t, n, r) {
+}, Ht = () => {};
+function Ut(e, t, n, r) {
 	let i = [];
-	b.Children.forEach(t, (t) => {
-		if (!b.isValidElement(t) || t.key === null) return;
+	S.Children.forEach(t, (t) => {
+		if (!S.isValidElement(t) || t.key === null) return;
 		let n = String(t.key), r = e.find((e) => e.i === n);
 		if (r) i.push({
 			...r,
@@ -3635,64 +3653,64 @@ function Vt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: ge(i),
+				y: he(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let a = X(i, { cols: n });
+	let a = $(i, { cols: n });
 	return r.compact(a, n);
 }
-function Ht(e) {
-	let { children: t, width: n, breakpoint: r, breakpoints: i = Rt, cols: a = zt, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = Bt, onLayoutChange: p = Bt, onWidthChange: m = Bt, ...h } = e, g = d ?? Ze("vertical"), _ = g.type, v = g.allowOverlap, y = T(() => r ?? $e(i, n), []), b = T(() => et(y, a), [y, a]), x = T(() => tt(o, i, y, y, b, _), []), [C, O] = D(y), [k, A] = D(b), [j, M] = D(x), [N, P] = D(o), F = E(n), I = E(r), L = E(i), R = E(a), z = E(o), ee = E(_), B = E(N);
-	w(() => {
+function Wt(e) {
+	let { children: t, width: n, breakpoint: r, breakpoints: i = Bt, cols: a = Vt, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = Ht, onLayoutChange: p = Ht, onWidthChange: m = Ht, ...h } = e, g = d ?? $e("vertical"), _ = g.type, v = g.allowOverlap, y = O(() => r ?? tt(i, n), []), b = O(() => nt(y, a), [y, a]), x = O(() => rt(o, i, y, y, b, _), []), [S, C] = A(y), [w, E] = A(b), [j, M] = A(x), [N, P] = A(o), F = k(n), I = k(r), L = k(i), R = k(a), z = k(o), ee = k(_), B = k(N);
+	D(() => {
 		B.current = N;
 	}, [N]);
-	let V = T(() => (0, At.deepEqual)(o, z.current) ? null : tt(o, i, C, C, k, g), [
+	let te = O(() => (0, Mt.deepEqual)(o, z.current) ? null : rt(o, i, S, S, w, g), [
 		o,
 		i,
-		C,
-		k,
+		S,
+		w,
 		g
-	]), H = V ?? j;
-	w(() => {
-		V !== null && (M(V), P(o), B.current = o, z.current = o);
-	}, [V, o]), w(() => {
+	]), V = te ?? j;
+	D(() => {
+		te !== null && (M(te), P(o), B.current = o, z.current = o);
+	}, [te, o]), D(() => {
 		if (_ !== ee.current) {
-			let e = g.compact(J(H), k), t = {
+			let e = g.compact(Q(V), w), t = {
 				...B.current,
-				[C]: e
+				[S]: e
 			};
 			M(e), P(t), B.current = t, p(e, t), ee.current = _;
 		}
 	}, [
 		_,
 		g,
-		H,
-		k,
+		V,
+		w,
 		v,
-		C,
+		S,
 		p
-	]), w(() => {
-		let e = n !== F.current, o = r !== I.current, s = !(0, At.deepEqual)(i, L.current), c = !(0, At.deepEqual)(a, R.current);
+	]), D(() => {
+		let e = n !== F.current, o = r !== I.current, s = !(0, Mt.deepEqual)(i, L.current), c = !(0, Mt.deepEqual)(a, R.current);
 		if (e || o || s || c) {
-			let e = r ?? $e(i, n), o = et(e, a), d = C;
+			let e = r ?? tt(i, n), o = nt(e, a), d = S;
 			if (d !== e || s || c) {
 				let n = { ...B.current };
-				n[d] || (n[d] = J(j));
-				let r = tt(n, i, e, d, o, g);
-				r = Vt(r, t, o, g), n[e] = r, O(e), A(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
+				n[d] || (n[d] = Q(j));
+				let r = rt(n, i, e, d, o, g);
+				r = Ut(r, t, o, g), n[e] = r, C(e), E(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
 			}
-			m(n, nt(l, e), o, u ? nt(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
+			m(n, it(l, e), o, u ? it(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
 		}
 	}, [
 		n,
 		r,
 		i,
 		a,
-		C,
-		k,
+		S,
+		w,
 		j,
 		t,
 		g,
@@ -3704,40 +3722,40 @@ function Ht(e) {
 		p,
 		m
 	]);
-	let te = S((e) => {
+	let H = T((e) => {
 		let t = {
 			...B.current,
-			[C]: e
+			[S]: e
 		};
 		M(e), P(t), B.current = t, p(e, t);
-	}, [C, p]), ne = T(() => nt(l, C), [l, C]), re = T(() => u === null ? null : nt(u, C), [u, C]), ie = T(() => ({
-		cols: k,
+	}, [S, p]), U = O(() => it(l, S), [l, S]), ne = O(() => u === null ? null : it(u, S), [u, S]), re = O(() => ({
+		cols: w,
 		rowHeight: s,
 		maxRows: c,
-		margin: ne,
-		containerPadding: re
+		margin: U,
+		containerPadding: ne
 	}), [
-		k,
+		w,
 		s,
 		c,
-		ne,
-		re
+		U,
+		ne
 	]);
-	return /* @__PURE__ */ (0, U.jsx)(Lt, {
+	return /* @__PURE__ */ (0, W.jsx)(zt, {
 		...h,
 		width: n,
-		gridConfig: ie,
+		gridConfig: re,
 		compactor: g,
-		onLayoutChange: te,
-		layout: H,
+		onLayoutChange: H,
+		layout: V,
 		children: t
 	});
 }
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function Ut({ editMode: e }) {
+function Gt({ editMode: e }) {
 	let t = o();
-	return y.useEffect(() => {
+	return x.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -3748,17 +3766,17 @@ function Ut({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Wt = [
+var Kt = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], Gt = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
-	let { width: o, containerRef: p, mounted: m } = it(), [h, g] = y.useState(!1), [v, b] = y.useState(!1), x = s(), S = y.useRef(null), C = y.useCallback(() => {
-		a && (b(!0), a(), setTimeout(() => b(!1), 600));
+], qt = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
+	let { width: o, containerRef: c, mounted: m } = ot(), [h, g] = x.useState(!1), [_, y] = x.useState(!1), b = s(), S = x.useRef(null), C = x.useCallback(() => {
+		a && (y(!0), a(), setTimeout(() => y(!1), 600));
 	}, [a]);
-	y.useEffect(() => {
+	x.useEffect(() => {
 		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return S.current = setInterval(C, e.refreshInterval * 1e3), () => {
 			S.current && clearInterval(S.current);
 		};
@@ -3767,7 +3785,7 @@ var Wt = [
 		a,
 		C
 	]);
-	let [w, T] = y.useState(() => {
+	let [w, T] = x.useState(() => {
 		if (typeof window < "u" && i) {
 			let e = localStorage.getItem(i);
 			if (e) try {
@@ -3783,11 +3801,11 @@ var Wt = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] };
-	}), E = y.useCallback((e, t) => {
+	}), E = x.useCallback((e, t) => {
 		T(t), r?.(e);
-	}, [r]), D = y.useCallback(() => {
+	}, [r]), D = x.useCallback(() => {
 		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), g(!1);
-	}, [w, i]), O = y.useCallback(() => {
+	}, [w, i]), O = x.useCallback(() => {
 		T({ lg: e.widgets?.map((e, t) => ({
 			i: e.id || `widget-${t}`,
 			x: e.layout?.x || t % 4 * 3,
@@ -3795,12 +3813,12 @@ var Wt = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] }), typeof window < "u" && i && localStorage.removeItem(i);
-	}, [e.widgets, i]), k = y.useCallback((e) => {
+	}, [e.widgets, i]), k = x.useCallback((e) => {
 		if (e.component) return e.component;
 		let t = e.type, n = e.options || {};
 		if (t === "bar" || t === "line" || t === "area" || t === "pie" || t === "donut" || t === "scatter") {
 			let r = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-			if (H(r)) {
+			if (U(r)) {
 				let n = r.aggregate, o = n ? {
 					field: e.valueField || n.field,
 					function: e.aggregate || n.function,
@@ -3813,7 +3831,7 @@ var Wt = [
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Wt,
+					colors: Kt,
 					className: "h-full"
 				};
 			}
@@ -3830,7 +3848,7 @@ var Wt = [
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Wt,
+					colors: Kt,
 					className: "h-full"
 				};
 			}
@@ -3840,13 +3858,13 @@ var Wt = [
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: Wt,
+				colors: Kt,
 				className: "h-full"
 			};
 		}
 		if (t === "table") {
 			let t = e.data || n.data;
-			if (H(t)) {
+			if (U(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "data-table",
@@ -3878,7 +3896,7 @@ var Wt = [
 		}
 		if (t === "pivot") {
 			let t = e.data || n.data;
-			if (H(t)) {
+			if (U(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "pivot",
@@ -3899,54 +3917,54 @@ var Wt = [
 			...n
 		};
 	}, []);
-	return /* @__PURE__ */ (0, U.jsxs)("div", {
-		ref: p,
-		className: _("w-full", t),
+	return /* @__PURE__ */ (0, W.jsxs)("div", {
+		ref: c,
+		className: v("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			x && /* @__PURE__ */ (0, U.jsx)(Ut, { editMode: h }),
-			/* @__PURE__ */ (0, U.jsxs)("div", {
+			b && /* @__PURE__ */ (0, W.jsx)(Gt, { editMode: h }),
+			/* @__PURE__ */ (0, W.jsxs)("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ (0, U.jsx)("h2", {
+				children: [/* @__PURE__ */ (0, W.jsx)("h2", {
 					className: "text-2xl font-bold",
 					children: e.title || "Dashboard"
-				}), /* @__PURE__ */ (0, U.jsx)("div", {
+				}), /* @__PURE__ */ (0, W.jsx)("div", {
 					className: "flex gap-2",
-					children: h ? /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
-						/* @__PURE__ */ (0, U.jsxs)(c, {
+					children: h ? /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [
+						/* @__PURE__ */ (0, W.jsxs)(l, {
 							onClick: D,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ (0, W.jsx)(z, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ (0, U.jsxs)(c, {
+						/* @__PURE__ */ (0, W.jsxs)(l, {
 							onClick: O,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ (0, U.jsx)(z, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ (0, W.jsx)(B, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ (0, U.jsx)(c, {
+						/* @__PURE__ */ (0, W.jsx)(l, {
 							onClick: () => g(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [a && /* @__PURE__ */ (0, U.jsxs)(c, {
+					] }) : /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [a && /* @__PURE__ */ (0, W.jsxs)(l, {
 						onClick: C,
 						size: "sm",
 						variant: "outline",
-						disabled: v,
+						disabled: _,
 						"aria-label": "Refresh dashboard",
-						children: [/* @__PURE__ */ (0, U.jsx)(I, { className: _("h-4 w-4 mr-2", v && "animate-spin") }), v ? "Refreshing…" : "Refresh All"]
-					}), /* @__PURE__ */ (0, U.jsxs)(c, {
+						children: [/* @__PURE__ */ (0, W.jsx)(R, { className: v("h-4 w-4 mr-2", _ && "animate-spin") }), _ ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ (0, W.jsxs)(l, {
 						onClick: () => g(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ (0, U.jsx)(M, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ (0, W.jsx)(P, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			m && /* @__PURE__ */ (0, U.jsx)(Ht, {
+			m && /* @__PURE__ */ (0, W.jsx)(Wt, {
 				className: "layout",
 				width: o,
 				layouts: w,
@@ -3973,34 +3991,34 @@ var Wt = [
 				onLayoutChange: E,
 				children: e.widgets?.map((e, t) => {
 					let r = e.id || `widget-${t}`, i = k(e);
-					return /* @__PURE__ */ (0, U.jsx)("div", {
+					return /* @__PURE__ */ (0, W.jsx)("div", {
 						className: "h-full",
-						children: e.type === "metric" ? /* @__PURE__ */ (0, U.jsxs)("div", {
+						children: e.type === "metric" ? /* @__PURE__ */ (0, W.jsxs)("div", {
 							className: "h-full w-full relative",
-							children: [h && /* @__PURE__ */ (0, U.jsx)("div", {
+							children: [h && /* @__PURE__ */ (0, W.jsx)("div", {
 								className: "drag-handle absolute top-2 right-2 z-10 cursor-move p-1 bg-background/80 rounded border border-border",
-								children: /* @__PURE__ */ (0, U.jsx)(N, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ (0, U.jsx)(n, {
+								children: /* @__PURE__ */ (0, W.jsx)(F, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ (0, W.jsx)(n, {
 								schema: i,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ (0, U.jsxs)(l, {
-							className: _("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", h && "ring-2 ring-primary/20"),
-							children: [e.title && /* @__PURE__ */ (0, U.jsxs)(d, {
+						}) : /* @__PURE__ */ (0, W.jsxs)(u, {
+							className: v("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", h && "ring-2 ring-primary/20"),
+							children: [e.title && /* @__PURE__ */ (0, W.jsxs)(f, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ (0, U.jsx)(f, {
+								children: [/* @__PURE__ */ (0, W.jsx)(p, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
-								}), h && /* @__PURE__ */ (0, U.jsx)("div", {
+								}), h && /* @__PURE__ */ (0, W.jsx)("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ (0, U.jsx)(N, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, W.jsx)(F, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ (0, U.jsx)(u, {
+							}), /* @__PURE__ */ (0, W.jsx)(d, {
 								className: "p-0 h-full",
-								children: /* @__PURE__ */ (0, U.jsx)("div", {
-									className: _("h-full w-full overflow-auto p-4"),
-									children: /* @__PURE__ */ (0, U.jsx)(n, { schema: i })
+								children: /* @__PURE__ */ (0, W.jsx)("div", {
+									className: v("h-full w-full overflow-auto p-4"),
+									children: /* @__PURE__ */ (0, W.jsx)(n, { schema: i })
 								})
 							})]
 						})
@@ -4012,10 +4030,10 @@ var Wt = [
 };
 //#endregion
 //#region src/MetricWidget.tsx
-function Kt(e) {
+function Jt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var qt = {
+var Yt = {
 	default: "bg-muted text-muted-foreground",
 	blue: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
 	teal: "bg-teal-500/10 text-teal-600 dark:text-teal-400",
@@ -4024,111 +4042,111 @@ var qt = {
 	success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
 	warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
 	danger: "bg-rose-500/10 text-rose-600 dark:text-rose-400"
-}, Jt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", ...p }) => {
-	let m = qt[c] || qt.default, h = T(() => {
+}, Xt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", ...l }) => {
+	let m = Yt[c] || Yt.default, h = O(() => {
 		if (typeof r == "string") {
-			let e = O[r];
-			return e ? /* @__PURE__ */ (0, U.jsx)(e, { className: "h-4 w-4" }) : null;
+			let e = y(r);
+			return e ? /* @__PURE__ */ (0, W.jsx)(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ (0, U.jsxs)(l, {
-		className: _("h-full overflow-hidden", i),
-		...p,
-		children: [/* @__PURE__ */ (0, U.jsxs)(d, {
+	return /* @__PURE__ */ (0, W.jsxs)(u, {
+		className: v("h-full overflow-hidden", i),
+		...l,
+		children: [/* @__PURE__ */ (0, W.jsxs)(f, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, U.jsx)(f, {
+			children: [/* @__PURE__ */ (0, W.jsx)(p, {
 				className: "text-sm font-medium truncate",
-				children: Kt(e)
-			}), h && /* @__PURE__ */ (0, U.jsx)("div", {
-				className: _("flex h-8 w-8 items-center justify-center rounded-md shrink-0", m),
+				children: Jt(e)
+			}), h && /* @__PURE__ */ (0, W.jsx)("div", {
+				className: v("flex h-8 w-8 items-center justify-center rounded-md shrink-0", m),
 				children: h
 			})]
-		}), /* @__PURE__ */ (0, U.jsx)(u, { children: o ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		}), /* @__PURE__ */ (0, W.jsx)(d, { children: o ? /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-loading",
-			children: [/* @__PURE__ */ (0, U.jsx)(P, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, W.jsx)(I, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, W.jsx)("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : s ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		}) : s ? /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-error",
 			role: "alert",
-			children: [/* @__PURE__ */ (0, U.jsx)(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, W.jsx)(j, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, W.jsx)("span", {
 				className: "text-xs text-destructive truncate",
 				children: s
 			})]
-		}) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)("div", {
+		}) : /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)("div", {
 			className: "text-2xl font-bold truncate",
 			children: t
-		}), (n || a) && /* @__PURE__ */ (0, U.jsxs)("p", {
+		}), (n || a) && /* @__PURE__ */ (0, W.jsxs)("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1 truncate",
-			children: [n && /* @__PURE__ */ (0, U.jsxs)("span", {
-				className: _("flex items-center mr-2 shrink-0 font-medium", n.direction === "up" && "text-emerald-600 dark:text-emerald-400", n.direction === "down" && "text-rose-600 dark:text-rose-400", n.direction === "neutral" && "text-muted-foreground"),
+			children: [n && /* @__PURE__ */ (0, W.jsxs)("span", {
+				className: v("flex items-center mr-2 shrink-0 font-medium", n.direction === "up" && "text-emerald-600 dark:text-emerald-400", n.direction === "down" && "text-rose-600 dark:text-rose-400", n.direction === "neutral" && "text-muted-foreground"),
 				children: [
-					n.direction === "up" && /* @__PURE__ */ (0, U.jsx)(j, { className: "h-3 w-3 mr-1" }),
-					n.direction === "down" && /* @__PURE__ */ (0, U.jsx)(A, { className: "h-3 w-3 mr-1" }),
-					n.direction === "neutral" && /* @__PURE__ */ (0, U.jsx)(F, { className: "h-3 w-3 mr-1" }),
+					n.direction === "up" && /* @__PURE__ */ (0, W.jsx)(N, { className: "h-3 w-3 mr-1" }),
+					n.direction === "down" && /* @__PURE__ */ (0, W.jsx)(M, { className: "h-3 w-3 mr-1" }),
+					n.direction === "neutral" && /* @__PURE__ */ (0, W.jsx)(L, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
-			}), /* @__PURE__ */ (0, U.jsx)("span", {
+			}), /* @__PURE__ */ (0, W.jsx)("span", {
 				className: "truncate",
-				children: Kt(a) || Kt(n?.label)
+				children: Jt(a) || Jt(n?.label)
 			})]
 		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function Yt(e) {
+function Zt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...p }) => {
-	let m = n && O[n];
-	return /* @__PURE__ */ (0, U.jsxs)(l, {
-		className: _("h-full", o),
-		...p,
-		children: [/* @__PURE__ */ (0, U.jsxs)(d, {
+var Qt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
+	let m = n ? y(n) : null;
+	return /* @__PURE__ */ (0, W.jsxs)(u, {
+		className: v("h-full", o),
+		...l,
+		children: [/* @__PURE__ */ (0, W.jsxs)(f, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, U.jsx)(f, {
+			children: [/* @__PURE__ */ (0, W.jsx)(p, {
 				className: "text-sm font-medium",
-				children: Yt(e)
-			}), m && /* @__PURE__ */ (0, U.jsx)(m, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ (0, U.jsx)(u, { children: s ? /* @__PURE__ */ (0, U.jsxs)("div", {
+				children: Zt(e)
+			}), m && /* @__PURE__ */ (0, W.jsx)(m, { className: "h-4 w-4 text-muted-foreground" })]
+		}), /* @__PURE__ */ (0, W.jsx)(d, { children: s ? /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-card-loading",
-			children: [/* @__PURE__ */ (0, U.jsx)(P, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, W.jsx)(I, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, W.jsx)("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : c ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		}) : c ? /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-card-error",
 			role: "alert",
-			children: [/* @__PURE__ */ (0, U.jsx)(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, W.jsx)(j, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, W.jsx)("span", {
 				className: "text-xs text-destructive truncate",
 				children: c
 			})]
-		}) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)("div", {
+		}) : /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)("div", {
 			className: "text-2xl font-bold",
 			children: t
-		}), (r || i || a) && /* @__PURE__ */ (0, U.jsxs)("p", {
+		}), (r || i || a) && /* @__PURE__ */ (0, W.jsxs)("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1",
-			children: [r && i && /* @__PURE__ */ (0, U.jsxs)("span", {
-				className: _("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
+			children: [r && i && /* @__PURE__ */ (0, W.jsxs)("span", {
+				className: v("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
 				children: [
-					r === "up" && /* @__PURE__ */ (0, U.jsx)(j, { className: "h-3 w-3 mr-1" }),
-					r === "down" && /* @__PURE__ */ (0, U.jsx)(A, { className: "h-3 w-3 mr-1" }),
-					r === "neutral" && /* @__PURE__ */ (0, U.jsx)(F, { className: "h-3 w-3 mr-1" }),
+					r === "up" && /* @__PURE__ */ (0, W.jsx)(N, { className: "h-3 w-3 mr-1" }),
+					r === "down" && /* @__PURE__ */ (0, W.jsx)(M, { className: "h-3 w-3 mr-1" }),
+					r === "neutral" && /* @__PURE__ */ (0, W.jsx)(L, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), Yt(a)]
+			}), Zt(a)]
 		})] }) })]
 	});
-}, Zt = ({ objectName: e, aggregate: t, filter: n, label: i, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: u, colorVariant: d }) => {
-	let f = C(r), p = u || f?.dataSource, [m, h] = D(null), [g, _] = D(!1), [v, y] = D(null), b = S(async (r, i) => {
+}, $t = ({ objectName: e, aggregate: t, filter: n, label: i, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: u, colorVariant: d }) => {
+	let f = E(r), p = u || f?.dataSource, [m, h] = A(null), [g, _] = A(!1), [v, y] = A(null), b = T(async (r, i) => {
 		if (!(!r || !e)) {
 			i.current && (_(!0), y(null));
 			try {
@@ -4154,10 +4172,10 @@ var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 		}
 	}, [
 		e,
-		t,
-		n
+		O(() => t ? JSON.stringify(t) : "", [t]),
+		O(() => n ? JSON.stringify(n) : "", [n])
 	]);
-	return w(() => {
+	return D(() => {
 		let t = { current: !0 };
 		return p && e ? b(p, t) : (h(null), y(null)), () => {
 			t.current = !1;
@@ -4166,7 +4184,7 @@ var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 		p,
 		e,
 		b
-	]), /* @__PURE__ */ (0, U.jsx)(Jt, {
+	]), /* @__PURE__ */ (0, W.jsx)(Xt, {
 		label: i,
 		value: m === null ? p ? "—" : a ?? "—" : m,
 		trend: o,
@@ -4180,7 +4198,7 @@ var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 };
 //#endregion
 //#region src/PivotTable.tsx
-function Qt(e, t) {
+function en(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -4197,7 +4215,7 @@ function Qt(e, t) {
 	}
 	return n + l + r;
 }
-function $t(e, t) {
+function tn(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -4208,8 +4226,8 @@ function $t(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var en = ({ schema: e, className: t }) => {
-	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: g, colTotals: v, grandTotal: y } = T(() => {
+var nn = ({ schema: e, className: t }) => {
+	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: g, colTotals: _, grandTotal: y } = O(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
 		for (let o of f) {
 			let s = String(o[r] ?? ""), c = String(o[i] ?? ""), l = Number(o[a]) || 0;
@@ -4220,10 +4238,10 @@ var en = ({ schema: e, className: t }) => {
 			l[e] = {};
 			let t = [];
 			for (let r of c) {
-				let i = n[e]?.[r] ?? [], a = $t(i, o);
+				let i = n[e]?.[r] ?? [], a = tn(i, o);
 				l[e][r] = a, t.push(...i), !d[r] && d[r];
 			}
-			u[e] = $t(t, o);
+			u[e] = tn(t, o);
 		}
 		for (let e of c) {
 			let t = [];
@@ -4231,7 +4249,7 @@ var en = ({ schema: e, className: t }) => {
 				let i = n[r]?.[e] ?? [];
 				t.push(...i);
 			}
-			d[e] = $t(t, o);
+			d[e] = tn(t, o);
 		}
 		let p = [];
 		for (let e of f) p.push(Number(e[a]) || 0);
@@ -4241,7 +4259,7 @@ var en = ({ schema: e, className: t }) => {
 			matrix: l,
 			rowTotals: u,
 			colTotals: d,
-			grandTotal: $t(p, o)
+			grandTotal: tn(p, o)
 		};
 	}, [
 		f,
@@ -4249,16 +4267,16 @@ var en = ({ schema: e, className: t }) => {
 		i,
 		a,
 		o
-	]), b = (e) => Qt(e, u);
-	return f.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("overflow-auto", t),
-		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
+	]), b = (e) => en(e, u);
+	return f.length === 0 ? /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("overflow-auto", t),
+		children: [n && /* @__PURE__ */ (0, W.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: n
-		}), /* @__PURE__ */ (0, U.jsxs)("div", {
+		}), /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
 			"data-testid": "pivot-empty-state",
-			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, W.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -4268,91 +4286,91 @@ var en = ({ schema: e, className: t }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)("rect", {
+					/* @__PURE__ */ (0, W.jsx)("rect", {
 						x: "3",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("rect", {
+					/* @__PURE__ */ (0, W.jsx)("rect", {
 						x: "14",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("rect", {
+					/* @__PURE__ */ (0, W.jsx)("rect", {
 						x: "3",
 						y: "14",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("rect", {
+					/* @__PURE__ */ (0, W.jsx)("rect", {
 						x: "14",
 						y: "14",
 						width: "7",
 						height: "7"
 					})
 				]
-			}), /* @__PURE__ */ (0, U.jsx)("p", {
+			}), /* @__PURE__ */ (0, W.jsx)("p", {
 				className: "text-xs",
 				children: "No data available"
 			})]
 		})]
-	}) : /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("overflow-auto", t),
-		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
+	}) : /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("overflow-auto", t),
+		children: [n && /* @__PURE__ */ (0, W.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: n
-		}), /* @__PURE__ */ (0, U.jsxs)("table", {
+		}), /* @__PURE__ */ (0, W.jsxs)("table", {
 			className: "w-full text-sm border-collapse",
 			role: "table",
 			children: [
-				/* @__PURE__ */ (0, U.jsx)("thead", { children: /* @__PURE__ */ (0, U.jsxs)("tr", {
+				/* @__PURE__ */ (0, W.jsx)("thead", { children: /* @__PURE__ */ (0, W.jsxs)("tr", {
 					className: "border-b border-border",
 					children: [
-						/* @__PURE__ */ (0, U.jsx)("th", {
+						/* @__PURE__ */ (0, W.jsx)("th", {
 							className: "text-left p-2 font-medium text-muted-foreground",
 							children: r
 						}),
-						m.map((e) => /* @__PURE__ */ (0, U.jsx)("th", {
-							className: _("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
+						m.map((e) => /* @__PURE__ */ (0, W.jsx)("th", {
+							className: v("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
 							children: e
 						}, e)),
-						c && /* @__PURE__ */ (0, U.jsx)("th", {
+						c && /* @__PURE__ */ (0, W.jsx)("th", {
 							className: "text-right p-2 font-semibold text-muted-foreground bg-muted/20",
 							children: "Total"
 						})
 					]
 				}) }),
-				/* @__PURE__ */ (0, U.jsx)("tbody", { children: p.map((e) => /* @__PURE__ */ (0, U.jsxs)("tr", {
+				/* @__PURE__ */ (0, W.jsx)("tbody", { children: p.map((e) => /* @__PURE__ */ (0, W.jsxs)("tr", {
 					className: "border-b border-border/50 hover:bg-muted/30",
 					children: [
-						/* @__PURE__ */ (0, U.jsx)("td", {
+						/* @__PURE__ */ (0, W.jsx)("td", {
 							className: "p-2 font-medium",
 							children: e
 						}),
-						m.map((t) => /* @__PURE__ */ (0, U.jsx)("td", {
-							className: _("text-right p-2 tabular-nums", d?.[t]),
+						m.map((t) => /* @__PURE__ */ (0, W.jsx)("td", {
+							className: v("text-right p-2 tabular-nums", d?.[t]),
 							children: b(h[e]?.[t] ?? 0)
 						}, t)),
-						c && /* @__PURE__ */ (0, U.jsx)("td", {
+						c && /* @__PURE__ */ (0, W.jsx)("td", {
 							className: "text-right p-2 font-semibold tabular-nums bg-muted/20",
 							children: b(g[e] ?? 0)
 						})
 					]
 				}, e)) }),
-				l && /* @__PURE__ */ (0, U.jsx)("tfoot", { children: /* @__PURE__ */ (0, U.jsxs)("tr", {
+				l && /* @__PURE__ */ (0, W.jsx)("tfoot", { children: /* @__PURE__ */ (0, W.jsxs)("tr", {
 					className: "border-t-2 border-border font-semibold bg-muted/40",
 					children: [
-						/* @__PURE__ */ (0, U.jsx)("td", {
+						/* @__PURE__ */ (0, W.jsx)("td", {
 							className: "p-2",
 							children: "Total"
 						}),
-						m.map((e) => /* @__PURE__ */ (0, U.jsx)("td", {
+						m.map((e) => /* @__PURE__ */ (0, W.jsx)("td", {
 							className: "text-right p-2 tabular-nums",
-							children: b(v[e] ?? 0)
+							children: b(_[e] ?? 0)
 						}, e)),
-						c && /* @__PURE__ */ (0, U.jsx)("td", {
+						c && /* @__PURE__ */ (0, W.jsx)("td", {
 							className: "text-right p-2 tabular-nums font-bold",
 							children: b(y)
 						})
@@ -4361,9 +4379,9 @@ var en = ({ schema: e, className: t }) => {
 			]
 		})]
 	});
-}, tn = ({ schema: e, dataSource: n, className: i }) => {
-	let o = C(r), s = n || o?.dataSource, c = a(e.bind), [l, u] = D([]), [d, f] = D(!1), [p, m] = D(null);
-	w(() => {
+}, rn = ({ schema: e, dataSource: n, className: i }) => {
+	let o = E(r), s = n || o?.dataSource, c = a(e.bind), [l, u] = A([]), [d, f] = A(!1), [p, m] = A(null);
+	D(() => {
 		let n = !0;
 		return e.objectName && !c && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!s || !e.objectName)) {
@@ -4389,47 +4407,47 @@ var en = ({ schema: e, className: t }) => {
 		e.data,
 		e.filter
 	]);
-	let h = c || e.data || l, v = Array.isArray(h) ? h : [];
-	return d && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("overflow-auto", i),
+	let h = c || e.data || l, g = Array.isArray(h) ? h : [];
+	return d && g.length === 0 ? /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("overflow-auto", i),
 		"data-testid": "pivot-loading",
-		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
+		children: [e.title && /* @__PURE__ */ (0, W.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ (0, U.jsxs)("div", {
+		}), /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, W.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-24" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-20" })
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-24" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-20" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-20" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-20" })
 				]
 			}), [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ (0, U.jsxs)("div", {
+			].map((e) => /* @__PURE__ */ (0, W.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-24" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-20" })
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-24" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-20" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-20" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-20" })
 				]
 			}, e))]
 		})]
-	}) : p ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("overflow-auto", i),
+	}) : p ? /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("overflow-auto", i),
 		"data-testid": "pivot-error",
-		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
+		children: [e.title && /* @__PURE__ */ (0, W.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ (0, U.jsxs)("div", {
+		}), /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "pivot-error-message",
-			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, W.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -4439,37 +4457,37 @@ var en = ({ schema: e, className: t }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)("circle", {
+					/* @__PURE__ */ (0, W.jsx)("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("line", {
+					/* @__PURE__ */ (0, W.jsx)("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("line", {
+					/* @__PURE__ */ (0, W.jsx)("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ (0, U.jsx)("p", {
+			}), /* @__PURE__ */ (0, W.jsx)("p", {
 				className: "text-xs",
 				children: p
 			})]
 		})]
-	}) : !s && e.objectName && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("overflow-auto", i),
-		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
+	}) : !s && e.objectName && g.length === 0 ? /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("overflow-auto", i),
+		children: [e.title && /* @__PURE__ */ (0, W.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ (0, U.jsx)("div", {
+		}), /* @__PURE__ */ (0, W.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ (0, U.jsxs)("p", {
+			children: /* @__PURE__ */ (0, W.jsxs)("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -4478,38 +4496,415 @@ var en = ({ schema: e, className: t }) => {
 				]
 			})
 		})]
-	}) : /* @__PURE__ */ (0, U.jsx)(en, {
+	}) : /* @__PURE__ */ (0, W.jsx)(nn, {
 		schema: {
 			...e,
-			data: v
+			data: g
 		},
 		className: i
 	});
-};
+}, an = (e, t, n, r) => {
+	let i = [n, {
+		code: t,
+		...r || {}
+	}];
+	if (e?.services?.logger?.forward) return e.services.logger.forward(i, "warn", "react-i18next::", !0);
+	fn(i[0]) && (i[0] = `react-i18next:: ${i[0]}`), e?.services?.logger?.warn ? e.services.logger.warn(...i) : console?.warn && console.warn(...i);
+}, on = {}, sn = (e, t, n, r) => {
+	fn(n) && on[n] || (fn(n) && (on[n] = /* @__PURE__ */ new Date()), an(e, t, n, r));
+}, cn = (e, t) => () => {
+	if (e.isInitialized) t();
+	else {
+		let n = () => {
+			setTimeout(() => {
+				e.off("initialized", n);
+			}, 0), t();
+		};
+		e.on("initialized", n);
+	}
+}, ln = (e, t, n) => {
+	e.loadNamespaces(t, cn(e, n));
+}, un = (e, t, n, r) => {
+	if (fn(n) && (n = [n]), e.options.preload && e.options.preload.indexOf(t) > -1) return ln(e, n, r);
+	n.forEach((t) => {
+		e.options.ns.indexOf(t) < 0 && e.options.ns.push(t);
+	}), e.loadLanguages(t, cn(e, r));
+}, dn = (e, t, n = {}) => !t.languages || !t.languages.length ? (sn(t, "NO_LANGUAGES", "i18n.languages were undefined or empty", { languages: t.languages }), !0) : t.hasLoadedNamespace(e, {
+	lng: n.lng,
+	precheck: (t, r) => {
+		if (n.bindI18n && n.bindI18n.indexOf("languageChanging") > -1 && t.services.backendConnector.backend && t.isLanguageChangingTo && !r(t.isLanguageChangingTo, e)) return !1;
+	}
+}), fn = (e) => typeof e == "string", pn = (e) => typeof e == "object" && !!e, mn = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, hn = {
+	"&amp;": "&",
+	"&#38;": "&",
+	"&lt;": "<",
+	"&#60;": "<",
+	"&gt;": ">",
+	"&#62;": ">",
+	"&apos;": "'",
+	"&#39;": "'",
+	"&quot;": "\"",
+	"&#34;": "\"",
+	"&nbsp;": " ",
+	"&#160;": " ",
+	"&copy;": "©",
+	"&#169;": "©",
+	"&reg;": "®",
+	"&#174;": "®",
+	"&hellip;": "…",
+	"&#8230;": "…",
+	"&#x2F;": "/",
+	"&#47;": "/"
+}, gn = (e) => hn[e], _n = {
+	bindI18n: "languageChanged",
+	bindI18nStore: "",
+	transEmptyNodeValue: "",
+	transSupportBasicHtmlNodes: !0,
+	transWrapTextNodes: "",
+	transKeepBasicHtmlNodesFor: [
+		"br",
+		"strong",
+		"i",
+		"p"
+	],
+	useSuspense: !0,
+	unescape: (e) => e.replace(mn, gn),
+	transDefaultProps: void 0
+}, vn = () => _n, yn, bn = () => yn, xn = C(), Sn = class {
+	constructor() {
+		this.usedNamespaces = {};
+	}
+	addUsedNamespaces(e) {
+		e.forEach((e) => {
+			this.usedNamespaces[e] || (this.usedNamespaces[e] = !0);
+		});
+	}
+	getUsedNamespaces() {
+		return Object.keys(this.usedNamespaces);
+	}
+}, Cn = /* @__PURE__ */ V(((e) => {
+	var t = H("react");
+	function n(e, t) {
+		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+	}
+	var r = typeof Object.is == "function" ? Object.is : n, i = t.useState, a = t.useEffect, o = t.useLayoutEffect, s = t.useDebugValue;
+	function c(e, t) {
+		var n = t(), r = i({ inst: {
+			value: n,
+			getSnapshot: t
+		} }), c = r[0].inst, u = r[1];
+		return o(function() {
+			c.value = n, c.getSnapshot = t, l(c) && u({ inst: c });
+		}, [
+			e,
+			n,
+			t
+		]), a(function() {
+			return l(c) && u({ inst: c }), e(function() {
+				l(c) && u({ inst: c });
+			});
+		}, [e]), s(n), n;
+	}
+	function l(e) {
+		var t = e.getSnapshot;
+		e = e.value;
+		try {
+			var n = t();
+			return !r(e, n);
+		} catch {
+			return !0;
+		}
+	}
+	function u(e, t) {
+		return t();
+	}
+	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
+	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
+})), wn = /* @__PURE__ */ V(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e, t) {
+			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+		}
+		function n(e, t) {
+			d || a.startTransition === void 0 || (d = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			var n = t();
+			if (!f) {
+				var i = t();
+				o(n, i) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), f = !0);
+			}
+			i = s({ inst: {
+				value: n,
+				getSnapshot: t
+			} });
+			var p = i[0].inst, m = i[1];
+			return l(function() {
+				p.value = n, p.getSnapshot = t, r(p) && m({ inst: p });
+			}, [
+				e,
+				n,
+				t
+			]), c(function() {
+				return r(p) && m({ inst: p }), e(function() {
+					r(p) && m({ inst: p });
+				});
+			}, [e]), u(n), n;
+		}
+		function r(e) {
+			var t = e.getSnapshot;
+			e = e.value;
+			try {
+				var n = t();
+				return !o(e, n);
+			} catch {
+				return !0;
+			}
+		}
+		function i(e, t) {
+			return t();
+		}
+		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var a = H("react"), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
+		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+})), Tn = (/* @__PURE__ */ V(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Cn() : t.exports = wn();
+})))(), En = {
+	t: (e, t) => {
+		if (fn(t)) return t;
+		if (pn(t) && fn(t.defaultValue)) return t.defaultValue;
+		if (typeof e == "function") return "";
+		if (Array.isArray(e)) {
+			let t = e[e.length - 1];
+			return typeof t == "function" ? "" : t;
+		}
+		return e;
+	},
+	ready: !1
+}, Dn = () => () => {}, On = (e, t = {}) => {
+	let { i18n: n } = t, { i18n: r, defaultNS: i } = E(xn) || {}, a = n || r || bn();
+	a && !a.reportNamespaces && (a.reportNamespaces = new Sn()), a || sn(a, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+	let o = O(() => ({
+		...vn(),
+		...a?.options?.react,
+		...t
+	}), [a, t]), { useSuspense: s, keyPrefix: c } = o, l = e || i || a?.options?.defaultNS, u = fn(l) ? [l] : l || ["translation"], d = O(() => u, u);
+	a?.reportNamespaces?.addUsedNamespaces?.(d);
+	let f = k(0), p = T((e) => {
+		if (!a) return Dn;
+		let { bindI18n: t, bindI18nStore: n } = o, r = () => {
+			f.current += 1, e();
+		};
+		return t && a.on(t, r), n && a.store.on(n, r), () => {
+			t && t.split(" ").forEach((e) => a.off(e, r)), n && n.split(" ").forEach((e) => a.store.off(e, r));
+		};
+	}, [a, o]), m = k(), h = T(() => {
+		if (!a) return En;
+		let e = !!(a.isInitialized || a.initializedStoreOnce) && d.every((e) => dn(e, a, o)), n = t.lng || a.language, r = f.current, i = m.current;
+		if (i && i.ready === e && i.lng === n && i.keyPrefix === c && i.revision === r) return i;
+		let s = {
+			t: a.getFixedT(n, o.nsMode === "fallback" ? d : d[0], c),
+			ready: e,
+			lng: n,
+			keyPrefix: c,
+			revision: r
+		};
+		return m.current = s, s;
+	}, [
+		a,
+		d,
+		c,
+		o,
+		t.lng
+	]), [g, _] = A(0), { t: v, ready: y } = (0, Tn.useSyncExternalStore)(p, h, h);
+	D(() => {
+		if (a && !y && !s) {
+			let e = () => _((e) => e + 1);
+			t.lng ? un(a, t.lng, d, e) : ln(a, d, e);
+		}
+	}, [
+		a,
+		t.lng,
+		d,
+		y,
+		s,
+		g
+	]);
+	let b = a || {}, x = k(null), S = k(), C = (e) => {
+		let t = Object.getOwnPropertyDescriptors(e);
+		t.__original && delete t.__original;
+		let n = Object.create(Object.getPrototypeOf(e), t);
+		if (!Object.prototype.hasOwnProperty.call(n, "__original")) try {
+			Object.defineProperty(n, "__original", {
+				value: e,
+				writable: !1,
+				enumerable: !1,
+				configurable: !1
+			});
+		} catch {}
+		return n;
+	}, w = O(() => {
+		let e = b, t = e?.language, n = e;
+		e && (x.current && x.current.__original === e && S.current === t ? n = x.current : (n = C(e), x.current = n, S.current = t));
+		let r = !y && !s ? (...e) => (sn(a, "USE_T_BEFORE_READY", "useTranslation: t was called before ready. When using useSuspense: false, make sure to check the ready flag before using t."), v(...e)) : v, i = [
+			r,
+			n,
+			y
+		];
+		return i.t = r, i.i18n = n, i.ready = y, i;
+	}, [
+		v,
+		b,
+		y,
+		b.resolvedLanguage,
+		b.language,
+		b.languages
+	]);
+	if (a && s && !y) throw new Promise((e) => {
+		let n = () => e();
+		t.lng ? un(a, t.lng, d, n) : ln(a, d, n);
+	});
+	return w;
+}, kn = C(null);
+function An(e) {
+	let t = E(kn), { t: n, i18n: r } = On(e);
+	return {
+		t: n,
+		language: t?.language || r.language || "en",
+		changeLanguage: t?.changeLanguage || (async (e) => {
+			await r.changeLanguage(e);
+		}),
+		direction: t?.direction || "ltr",
+		i18n: r
+	};
+}
+//#endregion
+//#region ../i18n/dist/useObjectLabel.js
+var jn = new Set([
+	"common",
+	"validation",
+	"form",
+	"table",
+	"grid",
+	"calendar",
+	"list",
+	"kanban",
+	"chart",
+	"dashboard",
+	"configPanel",
+	"appDesigner",
+	"console",
+	"errors",
+	"detail"
+]);
+function Mn() {
+	let { t: e, i18n: t } = An(), n = () => {
+		if (!t || typeof t.getResourceBundle != "function") return [];
+		let e = t.language || "en", n = t.getResourceBundle(e, "translation");
+		return n ? Object.keys(n).filter((e) => !jn.has(e) && n[e] && typeof n[e] == "object" && (n[e].objects || n[e].fields || n[e].apps || n[e].dashboards || n[e].pages || n[e].reports)) : [];
+	}, r = (e) => {
+		let t = e.indexOf("__");
+		return t > 0 ? e.slice(t + 2) : e;
+	}, i = (t, r) => {
+		let i = Array.isArray(t) ? t : [t];
+		try {
+			let t = n();
+			for (let n of t) for (let t of i) {
+				let r = `${n}.${t}`, i = e(r, { defaultValue: "" });
+				if (i && i !== r && i !== "") return i;
+			}
+		} catch {}
+		return r;
+	}, a = (e, t) => {
+		let n = r(e);
+		return n === e ? [`objects.${e}.${t}`] : [`objects.${e}.${t}`, `objects.${n}.${t}`];
+	}, o = (e, t) => {
+		let n = r(e);
+		return n === e ? [`fields.${e}.${t}`] : [`fields.${e}.${t}`, `fields.${n}.${t}`];
+	}, s = (e, t, n) => {
+		let i = r(e);
+		return i === e ? [`fieldOptions.${e}.${t}.${n}`] : [`fieldOptions.${e}.${t}.${n}`, `fieldOptions.${i}.${t}.${n}`];
+	}, c = (e, t) => {
+		let n = r(e);
+		return n === e ? [`dashboards.${e}.${t}`] : [`dashboards.${e}.${t}`, `dashboards.${n}.${t}`];
+	}, l = (e, t) => {
+		let n = r(e);
+		return n === e ? [`pages.${e}.${t}`] : [`pages.${e}.${t}`, `pages.${n}.${t}`];
+	}, u = (e, t) => {
+		let n = r(e);
+		return n === e ? [`reports.${e}.${t}`] : [`reports.${e}.${t}`, `reports.${n}.${t}`];
+	};
+	return {
+		objectLabel: (e) => i(a(e.name, "label"), e.label),
+		objectDescription: (e) => {
+			if (e.description) return i(a(e.name, "description"), e.description);
+		},
+		fieldLabel: (e, t, n) => i(o(e, t), n),
+		fieldOptionLabel: (e, t, n, r) => i(s(e, t, n), r),
+		translateOptions: (e, t, n) => n.map((n) => ({
+			...n,
+			label: i(s(e, t, n.value), n.label)
+		})),
+		appLabel: (e) => i(`apps.${e.name}.label`, e.label ?? e.name),
+		appDescription: (e) => {
+			let t = e.description ?? "";
+			return i(`apps.${e.name}.description`, t) || void 0;
+		},
+		navGroupLabel: (e, t, n) => i(`apps.${e}.navigation.${t}.label`, n),
+		dashboardLabel: (e) => i(c(e.name, "label"), e.label ?? e.name),
+		dashboardDescription: (e) => {
+			let t = e.description ?? "";
+			return i(c(e.name, "description"), t) || void 0;
+		},
+		dashboardActionLabel: (e, t, n) => i(c(e, `actions.${t}.label`), n),
+		widgetTitle: (e, t, n) => i(c(e, `widgets.${t}.title`), n),
+		widgetDescription: (e, t, n) => {
+			let r = n ?? "";
+			return i(c(e, `widgets.${t}.description`), r) || void 0;
+		},
+		pageLabel: (e) => i(l(e.name, "label"), e.label ?? e.name),
+		reportLabel: (e) => i(u(e.name, "label"), e.label ?? e.name)
+	};
+}
+function Nn() {
+	try {
+		let { fieldLabel: e, translateOptions: t, fieldOptionLabel: n } = Mn();
+		return {
+			fieldLabel: e,
+			translateOptions: t,
+			fieldOptionLabel: n
+		};
+	} catch {
+		return {
+			fieldLabel: (e, t, n) => n,
+			translateOptions: (e, t, n) => n,
+			fieldOptionLabel: (e, t, n, r) => r
+		};
+	}
+}
 //#endregion
 //#region src/ObjectDataTable.tsx
-function nn(e) {
+function Pn(e) {
 	return e.map((e) => typeof e == "string" ? {
 		header: e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").trim().replace(/\b\w/g, (e) => e.toUpperCase()),
 		accessorKey: e
 	} : e);
 }
-var rn = ({ schema: e, dataSource: i, className: o }) => {
-	let s = C(r), c = i || s?.dataSource, l = a(e.bind), [u, d] = D([]), [f, p] = D(!1), [m, h] = D(null);
-	w(() => {
+var Fn = ({ schema: e, dataSource: i, className: o }) => {
+	let s = E(r), c = i || s?.dataSource, l = a(e.bind), { fieldLabel: u, fieldOptionLabel: d } = Nn(), [f, p] = A([]), [m, h] = A(null), [g, y] = A(!1), [b, x] = A(null);
+	D(() => {
 		let n = !0;
 		return e.objectName && !l && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!c || !e.objectName)) {
-				n && (p(!0), h(null));
+				n && (y(!0), x(null));
 				try {
 					let r;
 					if (typeof c.find == "function") r = t(await c.find(e.objectName, { $filter: e.filter }));
 					else return;
-					n && d(r);
+					n && p(r);
 				} catch (e) {
-					console.error("[ObjectDataTable] Fetch error:", e), n && h(e instanceof Error ? e.message : "Failed to load data");
+					console.error("[ObjectDataTable] Fetch error:", e), n && x(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
-					n && p(!1);
+					n && y(!1);
 				}
 			}
 		})(), () => {
@@ -4521,46 +4916,100 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 		l,
 		e.data,
 		e.filter
+	]), D(() => {
+		let t = !0;
+		if (!(!c || !e.objectName || typeof c.getObjectSchema != "function")) return c.getObjectSchema(e.objectName).then((e) => {
+			t && h(e);
+		}).catch(() => {}), () => {
+			t = !1;
+		};
+	}, [e.objectName, c]);
+	let S = l || e.data || f, C = Array.isArray(S) ? S : [], w = O(() => {
+		let t = e.objectName, n = (e) => {
+			let n = e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1");
+			return t ? u(t, e, n) : n;
+		};
+		if (e.columns && e.columns.length > 0) {
+			let n = Pn(e.columns);
+			return t ? n.map((e) => ({
+				...e,
+				header: u(t, e.accessorKey, e.header)
+			})) : n;
+		}
+		return C.length === 0 ? [] : Object.keys(C[0]).filter((e) => !e.startsWith("_")).map((e) => ({
+			header: n(e),
+			accessorKey: e
+		}));
+	}, [
+		e.columns,
+		e.objectName,
+		C,
+		u
+	]), T = O(() => {
+		let t = e.objectName;
+		if (!t || !m?.fields || C.length === 0) return C;
+		let n = {};
+		for (let e of w) {
+			let t = m.fields[e.accessorKey];
+			if (!t) continue;
+			let r = t.type;
+			if (r !== "select" && r !== "picklist" && r !== "dropdown") continue;
+			let i = t.options || [], a = {};
+			for (let e of i) typeof e == "string" ? a[e] = e : e && typeof e == "object" && (a[String(e.value)] = e.label || String(e.value));
+			n[e.accessorKey] = a;
+		}
+		return Object.keys(n).length === 0 ? C : C.map((e) => {
+			let r = { ...e };
+			for (let [i, a] of Object.entries(n)) {
+				let n = e[i];
+				if (n == null || n === "") continue;
+				let o = String(n);
+				r[i] = d(t, i, o, a[o] || o);
+			}
+			return r;
+		});
+	}, [
+		C,
+		w,
+		m,
+		e.objectName,
+		d
 	]);
-	let v = l || e.data || u, y = Array.isArray(v) ? v : [], b = T(() => e.columns && e.columns.length > 0 ? nn(e.columns) : y.length === 0 ? [] : Object.keys(y[0]).filter((e) => !e.startsWith("_")).map((e) => ({
-		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1"),
-		accessorKey: e
-	})), [e.columns, y]);
-	return f && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: _("overflow-auto", o),
+	return g && C.length === 0 ? /* @__PURE__ */ (0, W.jsx)("div", {
+		className: v("overflow-auto", o),
 		"data-testid": "table-loading",
-		children: /* @__PURE__ */ (0, U.jsxs)("div", {
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, W.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" })
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-6 w-1/4" })
 				]
 			}), [
 				1,
 				2,
 				3,
 				4
-			].map((e) => /* @__PURE__ */ (0, U.jsxs)("div", {
+			].map((e) => /* @__PURE__ */ (0, W.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" })
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ (0, W.jsx)(_, { className: "h-5 w-1/4" })
 				]
 			}, e))]
 		})
-	}) : m ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: _("overflow-auto", o),
+	}) : b ? /* @__PURE__ */ (0, W.jsx)("div", {
+		className: v("overflow-auto", o),
 		"data-testid": "table-error",
-		children: /* @__PURE__ */ (0, U.jsxs)("div", {
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "table-error-message",
-			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, W.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -4570,34 +5019,34 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)("circle", {
+					/* @__PURE__ */ (0, W.jsx)("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("line", {
+					/* @__PURE__ */ (0, W.jsx)("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("line", {
+					/* @__PURE__ */ (0, W.jsx)("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ (0, U.jsx)("p", {
+			}), /* @__PURE__ */ (0, W.jsx)("p", {
 				className: "text-xs",
-				children: m
+				children: b
 			})]
 		})
-	}) : !c && e.objectName && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: _("overflow-auto", o),
-		children: /* @__PURE__ */ (0, U.jsx)("div", {
+	}) : !c && e.objectName && C.length === 0 ? /* @__PURE__ */ (0, W.jsx)("div", {
+		className: v("overflow-auto", o),
+		children: /* @__PURE__ */ (0, W.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ (0, U.jsxs)("p", {
+			children: /* @__PURE__ */ (0, W.jsxs)("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -4606,12 +5055,12 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 				]
 			})
 		})
-	}) : y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: _("overflow-auto", o),
+	}) : C.length === 0 ? /* @__PURE__ */ (0, W.jsx)("div", {
+		className: v("overflow-auto", o),
 		"data-testid": "table-empty-state",
-		children: /* @__PURE__ */ (0, U.jsxs)("div", {
+		children: /* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, W.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -4621,7 +5070,7 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)("rect", {
+					/* @__PURE__ */ (0, W.jsx)("rect", {
 						x: "3",
 						y: "3",
 						width: "18",
@@ -4629,34 +5078,34 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 						rx: "2",
 						ry: "2"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("line", {
+					/* @__PURE__ */ (0, W.jsx)("line", {
 						x1: "3",
 						y1: "9",
 						x2: "21",
 						y2: "9"
 					}),
-					/* @__PURE__ */ (0, U.jsx)("line", {
+					/* @__PURE__ */ (0, W.jsx)("line", {
 						x1: "9",
 						y1: "21",
 						x2: "9",
 						y2: "9"
 					})
 				]
-			}), /* @__PURE__ */ (0, U.jsx)("p", {
+			}), /* @__PURE__ */ (0, W.jsx)("p", {
 				className: "text-xs",
 				children: "No data available"
 			})]
 		})
-	}) : /* @__PURE__ */ (0, U.jsx)(n, {
+	}) : /* @__PURE__ */ (0, W.jsx)(n, {
 		schema: {
 			...e,
 			type: "data-table",
-			data: y,
-			columns: b
+			data: T,
+			columns: w
 		},
 		className: o
 	});
-}, an = {
+}, In = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -4761,12 +5210,12 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 		}
 	]
 };
-function on({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
-	let { draft: a, isDirty: o, updateField: s, discard: c } = v(n, { onUpdate: i });
-	return /* @__PURE__ */ (0, U.jsx)(m, {
+function Ln({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+	let { draft: a, isDirty: o, updateField: s, discard: c } = b(n, { onUpdate: i });
+	return /* @__PURE__ */ (0, W.jsx)(h, {
 		open: e,
 		onClose: t,
-		schema: an,
+		schema: In,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -4776,7 +5225,7 @@ function on({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var sn = [
+var Rn = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -4821,7 +5270,7 @@ var sn = [
 		value: "custom",
 		label: "Custom"
 	}
-], cn = [
+], zn = [
 	{
 		value: "default",
 		label: "Default"
@@ -4854,7 +5303,7 @@ var sn = [
 		value: "danger",
 		label: "Danger"
 	}
-], ln = [
+], Bn = [
 	{
 		value: "count",
 		label: "Count"
@@ -4875,7 +5324,7 @@ var sn = [
 		value: "max",
 		label: "Max"
 	}
-], un = [
+], Vn = [
 	"bar",
 	"line",
 	"area",
@@ -4883,32 +5332,32 @@ var sn = [
 	"donut",
 	"scatter"
 ];
-function dn(e) {
-	return !!e && un.includes(e);
+function Hn(e) {
+	return !!e && Vn.includes(e);
 }
-var fn = [{
+var Un = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], pn = [{
+}], Wn = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function mn(e, t, n, r) {
+function Gn(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ (0, U.jsx)(h, {
+		render: (i, a, o) => /* @__PURE__ */ (0, W.jsx)(g, {
 			label: t,
-			children: /* @__PURE__ */ (0, U.jsx)("div", {
+			children: /* @__PURE__ */ (0, W.jsx)("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ (0, U.jsx)(p, {
+				children: /* @__PURE__ */ (0, W.jsx)(m, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -4922,16 +5371,16 @@ function mn(e, t, n, r) {
 		})
 	};
 }
-function hn(e, t, n) {
+function Kn(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ (0, U.jsx)(h, {
+		render: (t, n) => /* @__PURE__ */ (0, W.jsx)(g, {
 			label: "Data source",
-			children: /* @__PURE__ */ (0, U.jsx)("div", {
+			children: /* @__PURE__ */ (0, W.jsx)("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ (0, U.jsx)(p, {
+				children: /* @__PURE__ */ (0, W.jsx)(m, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -4947,27 +5396,27 @@ function hn(e, t, n) {
 		label: "Data source",
 		type: "input",
 		placeholder: "Object name"
-	}, a = r ? mn("categoryField", "Category field", "Select field…", t) : {
+	}, a = r ? Gn("categoryField", "Category field", "Select field…", t) : {
 		key: "categoryField",
 		label: "Category field",
 		type: "input",
 		placeholder: "e.g. status"
-	}, o = r ? mn("valueField", "Value field", "Select field…", t) : {
+	}, o = r ? Gn("valueField", "Value field", "Select field…", t) : {
 		key: "valueField",
 		label: "Value field",
 		type: "input",
 		placeholder: "e.g. amount"
-	}, s = r ? mn("rowField", "Field", "Select row field…", t) : {
+	}, s = r ? Gn("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? mn("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? Gn("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? mn("pivotValueField", "Field", "Select value field…", t) : {
+	}, l = r ? Gn("pivotValueField", "Field", "Select value field…", t) : {
 		key: "pivotValueField",
 		label: "Field",
 		type: "input",
@@ -4977,7 +5426,7 @@ function hn(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (dn(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (Hn(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -4999,7 +5448,7 @@ function hn(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: sn,
+						options: Rn,
 						defaultValue: "metric"
 					}
 				]
@@ -5017,7 +5466,7 @@ function hn(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: ln,
+						options: Bn,
 						defaultValue: "count"
 					}
 				]
@@ -5040,14 +5489,14 @@ function hn(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: fn,
+						options: Un,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: pn,
+						options: Wn,
 						defaultValue: "asc"
 					},
 					{
@@ -5075,14 +5524,14 @@ function hn(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: fn,
+						options: Un,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: pn,
+						options: Wn,
 						defaultValue: "asc"
 					},
 					{
@@ -5110,7 +5559,7 @@ function hn(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: ln,
+						options: Bn,
 						defaultValue: "sum"
 					},
 					{
@@ -5125,7 +5574,7 @@ function hn(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => dn(e.type),
+				visibleWhen: (e) => Hn(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -5195,7 +5644,7 @@ function hn(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: cn,
+					options: zn,
 					defaultValue: "default"
 				}, {
 					key: "actionUrl",
@@ -5207,7 +5656,7 @@ function hn(e, t, n) {
 		]
 	};
 }
-function gn(e) {
+function qn(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -5216,16 +5665,16 @@ function gn(e) {
 	}
 	return String(e);
 }
-function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
-	let { draft: c, isDirty: l, updateField: u, discard: d } = v(y.useMemo(() => ({
+function Jn({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
+	let { draft: c, isDirty: l, updateField: u, discard: d } = b(x.useMemo(() => ({
 		...n,
-		title: typeof n.title == "object" ? gn(n.title) : n.title,
-		description: typeof n.description == "object" ? gn(n.description) : n.description
+		title: typeof n.title == "object" ? qn(n.title) : n.title,
+		description: typeof n.description == "object" ? qn(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ (0, U.jsx)(m, {
+	return /* @__PURE__ */ (0, W.jsx)(h, {
 		open: e,
 		onClose: t,
-		schema: y.useMemo(() => hn(o, s, c.type), [
+		schema: x.useMemo(() => Kn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -5240,12 +5689,12 @@ function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
-	let [l, u] = D(o), [d, f] = D(null), [p, m] = D(e), [h, g] = D(0);
-	w(() => {
+function Yn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [c, u] = A(o), [d, f] = A(null), [p, m] = A(e), [h, g] = A(0);
+	D(() => {
 		m(e), g((e) => e + 1);
 	}, [e]);
-	let v = y.useMemo(() => {
+	let _ = x.useMemo(() => {
 		if (!d || !p.widgets) return null;
 		let e = p.widgets.find((e) => (e.id || e.title) === d);
 		return e ? {
@@ -5262,11 +5711,11 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
 		} : null;
-	}, [d, h]), b = S((e) => {
+	}, [d, h]), y = T((e) => {
 		f(e), u(!0);
-	}, []), x = S(() => {
+	}, []), b = T(() => {
 		f(null);
-	}, []), C = S((e, t) => {
+	}, []), S = T((e, t) => {
 		d && m((n) => n.widgets ? {
 			...n,
 			widgets: n.widgets.map((n) => (n.id || n.title) === d ? e === "layoutW" ? {
@@ -5286,42 +5735,42 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				[e]: t
 			} : n)
 		} : n);
-	}, [d]), T = S((e) => {
+	}, [d]), C = T((e) => {
 		d && r && r(d, e), f(null), g((e) => e + 1);
-	}, [d, r]), E = S(() => {
+	}, [d, r]), w = T(() => {
 		u((e) => !e), f(null);
 	}, []);
-	return /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: _("flex h-full w-full", s),
+	return /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: v("flex h-full w-full", s),
 		"data-testid": "dashboard-with-config",
-		children: [/* @__PURE__ */ (0, U.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, W.jsxs)("div", {
 			className: "flex-1 min-w-0 overflow-auto relative",
-			children: [/* @__PURE__ */ (0, U.jsx)("div", {
+			children: [/* @__PURE__ */ (0, W.jsx)("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ (0, U.jsxs)(c, {
+				children: /* @__PURE__ */ (0, W.jsxs)(l, {
 					size: "sm",
-					variant: l ? "default" : "outline",
-					onClick: E,
+					variant: c ? "default" : "outline",
+					onClick: w,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ (0, W.jsx)(ee, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ (0, U.jsx)(W, {
+			}), /* @__PURE__ */ (0, W.jsx)(oe, {
 				schema: p,
 				onRefresh: i,
 				recordCount: a,
-				designMode: l,
+				designMode: c,
 				selectedWidgetId: d,
-				onWidgetClick: b
+				onWidgetClick: y
 			})]
-		}), l && /* @__PURE__ */ (0, U.jsx)("div", {
+		}), c && /* @__PURE__ */ (0, W.jsx)("div", {
 			className: "relative shrink-0",
-			children: d && v ? /* @__PURE__ */ (0, U.jsx)(_n, {
+			children: d && _ ? /* @__PURE__ */ (0, W.jsx)(Jn, {
 				open: !0,
-				onClose: x,
-				config: v,
-				onSave: T,
-				onFieldChange: C
-			}) : /* @__PURE__ */ (0, U.jsx)(on, {
+				onClose: b,
+				config: _,
+				onSave: C,
+				onFieldChange: S
+			}) : /* @__PURE__ */ (0, W.jsx)(Ln, {
 				open: !0,
 				onClose: () => u(!1),
 				config: t,
@@ -5330,7 +5779,7 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", W, {
+e.register("dashboard", oe, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -5358,7 +5807,7 @@ e.register("dashboard", W, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Jt, {
+}), e.register("metric", Xt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -5371,7 +5820,7 @@ e.register("dashboard", W, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Xt, {
+}), e.register("metric-card", Qt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -5426,7 +5875,7 @@ e.register("dashboard", W, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Zt, {
+}), e.register("object-metric", $t, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -5455,7 +5904,7 @@ e.register("dashboard", W, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", en, {
+}), e.register("pivot", nn, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -5534,7 +5983,7 @@ e.register("dashboard", W, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", tn, {
+}), e.register("object-pivot", rn, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -5623,7 +6072,7 @@ e.register("dashboard", W, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Gt, {
+}), e.register("dashboard-grid", qt, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -5651,7 +6100,7 @@ e.register("dashboard", W, {
 		widgets: [],
 		persistLayoutKey: "dashboard-layout"
 	}
-}), e.register("object-data-table", rn, {
+}), e.register("object-data-table", Fn, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -5689,18 +6138,18 @@ e.register("dashboard", W, {
 		pagination: !1
 	}
 });
-var yn = {
-	DashboardRenderer: W,
-	DashboardGridLayout: Gt,
-	MetricWidget: Jt,
-	MetricCard: Xt,
-	ObjectMetricWidget: Zt,
-	PivotTable: en,
-	ObjectPivotTable: tn,
-	ObjectDataTable: rn,
-	DashboardConfigPanel: on,
-	WidgetConfigPanel: _n,
-	DashboardWithConfig: vn
+var Xn = {
+	DashboardRenderer: oe,
+	DashboardGridLayout: qt,
+	MetricWidget: Xt,
+	MetricCard: Qt,
+	ObjectMetricWidget: $t,
+	PivotTable: nn,
+	ObjectPivotTable: rn,
+	ObjectDataTable: Fn,
+	DashboardConfigPanel: Ln,
+	WidgetConfigPanel: Jn,
+	DashboardWithConfig: Yn
 };
 //#endregion
-export { on as DashboardConfigPanel, Gt as DashboardGridLayout, W as DashboardRenderer, vn as DashboardWithConfig, Xt as MetricCard, Jt as MetricWidget, rn as ObjectDataTable, Zt as ObjectMetricWidget, tn as ObjectPivotTable, en as PivotTable, _n as WidgetConfigPanel, yn as dashboardComponents };
+export { Ln as DashboardConfigPanel, qt as DashboardGridLayout, oe as DashboardRenderer, Yn as DashboardWithConfig, Qt as MetricCard, Xt as MetricWidget, Fn as ObjectDataTable, $t as ObjectMetricWidget, rn as ObjectPivotTable, nn as PivotTable, Jn as WidgetConfigPanel, Xn as dashboardComponents };