@object-ui/plugin-dashboard 3.3.0 → 3.3.1

package/dist/index.js

@@ -1,24 +1,24 @@
 import { ComponentRegistry as e, extractRecords as t } from "@object-ui/core";
-import { SchemaRenderer as n, SchemaRendererContext as r, useDataScope as i, useDnd as a, useHasDndProvider as o } from "@object-ui/react";
-import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, Combobox as f, ConfigPanelRenderer as p, ConfigRow as m, Skeleton as h, cn as g, useConfigDraft as _ } from "@object-ui/components";
-import * as v from "react";
-import y, { forwardRef as b, useCallback as x, useContext as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import * as D from "lucide-react";
-import { AlertCircle as O, ArrowDownIcon as k, ArrowUpIcon as A, Edit as j, GripVertical as M, Loader2 as N, MinusIcon as P, RefreshCw as F, Save as I, Settings as L, X as R } from "lucide-react";
+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";
 //#region \0rolldown/runtime.js
-var z = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), B = /* @__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 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) {
 	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 V(e) {
+function H(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 H = /* @__PURE__ */ z(((e) => {
+var te = /* @__PURE__ */ B(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -33,7 +33,7 @@ var H = /* @__PURE__ */ z(((e) => {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), te = /* @__PURE__ */ z(((e) => {
+})), ne = /* @__PURE__ */ B(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -176,7 +176,7 @@ var H = /* @__PURE__ */ z(((e) => {
 		function p(e) {
 			return typeof e == "object" && !!e && e.$$typeof === h;
 		}
-		var m = B("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 = 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() {
 			return null;
 		};
 		m = { react_stack_bottom_frame: function(e) {
@@ -191,66 +191,91 @@ var H = /* @__PURE__ */ z(((e) => {
 			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
 		};
 	})();
-})), U = (/* @__PURE__ */ z(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = H() : t.exports = te();
+})), U = (/* @__PURE__ */ B(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = te() : t.exports = ne();
 })))();
-function W(e) {
+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) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var ne = [
+var ae = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], re = b(({ schema: e, className: t, dataSource: r, onRefresh: i, recordCount: a, userActions: o, designMode: f, selectedWidgetId: p, onWidgetClick: m, ...h }, _) => {
-	let v = e.columns || 4, y = e.gap || 4, [b, S] = E(!1), [w, D] = E(!1), O = T(null);
-	C(() => {
-		let e = () => D(window.innerWidth < 768);
+], 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 = (() => {
+		if (e.columns != null) return e.columns;
+		let t = e.widgets ?? [], n = 0;
+		for (let e of t) {
+			let t = (e.layout?.x ?? 0) + (e.layout?.w ?? 0);
+			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) => ({
+		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);
+	}, [
+		F,
+		g,
+		v
+	]), w(() => {
+		let e = () => M(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let k = x(() => {
-		i && (S(!0), i(), setTimeout(() => S(!1), 600));
-	}, [i]);
-	C(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return O.current = setInterval(k, e.refreshInterval * 1e3), () => {
-			O.current && clearInterval(O.current);
+	let L = S(() => {
+		a && (A(!0), a(), setTimeout(() => A(!1), 600));
+	}, [a]);
+	w(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return N.current = setInterval(L, e.refreshInterval * 1e3), () => {
+			N.current && clearInterval(N.current);
 		};
 	}, [
 		e.refreshInterval,
-		i,
-		k
+		a,
+		L
 	]);
-	let A = x((e, t) => {
-		!f || !m || !t || (e.stopPropagation(), m(t));
-	}, [f, m]), j = x((t, n, r) => {
-		if (!f || !m) return;
+	let R = S((e, t) => {
+		!p || !h || !t || (e.stopPropagation(), h(t));
+	}, [p, h]), z = S((t, n, r) => {
+		if (!p || !h) return;
 		let i = e.widgets || [];
-		if (t.key === "Enter" || t.key === " ") t.preventDefault(), m(n ?? null);
+		if (t.key === "Enter" || t.key === " ") t.preventDefault(), h(n ?? null);
 		else if (t.key === "ArrowRight" || t.key === "ArrowDown") {
 			t.preventDefault();
 			let e = r + 1 < i.length ? i[r + 1] : null;
-			e?.id && m(e.id);
+			e?.id && h(e.id);
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
 			t.preventDefault();
 			let e = r - 1 >= 0 ? i[r - 1] : null;
-			e?.id && m(e.id);
-		} else t.key === "Escape" && (t.preventDefault(), m(null));
+			e?.id && h(e.id);
+		} else t.key === "Escape" && (t.preventDefault(), h(null));
 	}, [
-		f,
-		m,
+		p,
+		h,
 		e.widgets
-	]), M = x((e) => {
-		!f || !m || e.target === e.currentTarget && m(null);
-	}, [f, m]), N = (e, t, r) => {
-		let i = e.layout ? {
+	]), ee = S((e) => {
+		!p || !h || e.target === e.currentTarget && h(null);
+	}, [p, h]), B = (e, t, i) => {
+		let a = e.layout ? {
 			...e.layout,
-			w: Math.min(e.layout.w, v)
-		} : void 0, a = (() => {
+			w: Math.min(e.layout.w, C)
+		} : void 0, o = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
 			if (t === "metric" && e.object) {
-				let t = n.data, r = V(t) && t.aggregate ? {
+				let t = n.data, r = H(t) && t.aggregate ? {
 					field: e.valueField || t.aggregate.field,
 					function: e.aggregate || t.aggregate.function,
 					groupBy: e.categoryField ?? t.aggregate.groupBy ?? "_all"
@@ -261,65 +286,87 @@ var ne = [
 				} : void 0;
 				return {
 					type: "object-metric",
-					objectName: e.object || (V(t) ? t.object : void 0),
+					objectName: e.object || (H(t) ? t.object : void 0),
 					aggregate: r,
-					filter: (V(t) ? t.filter : void 0) || e.filter,
-					label: n.label || W(e.title) || "",
+					filter: (H(t) ? t.filter : void 0) || e.filter,
+					label: n.label || ie(e.title) || "",
 					fallbackValue: n.value,
 					trend: n.trend,
 					icon: n.icon,
+					description: n.description,
+					colorVariant: e.colorVariant
+				};
+			}
+			if ((t === "gauge" || t === "solid-gauge") && e.object) {
+				let t = e.aggregate ? {
+					field: e.valueField || "value",
+					function: e.aggregate,
+					groupBy: e.categoryField || "_all"
+				} : void 0;
+				return {
+					type: "object-metric",
+					objectName: e.object,
+					aggregate: t,
+					filter: e.filter,
+					label: n.label || ie(e.title) || "",
+					fallbackValue: n.fallbackValue ?? n.value,
+					icon: n.icon,
 					description: n.description
 				};
 			}
-			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 (V(r)) {
-					let n = r.aggregate, o = n ? {
+			let r = {
+				funnel: "bar",
+				"horizontal-bar": "bar"
+			}[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)) {
+					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;
 					return {
 						type: "object-chart",
-						chartType: t,
-						objectName: e.object || r.object,
+						chartType: r,
+						objectName: e.object || t.object,
 						aggregate: o,
 						xAxisKey: i,
 						series: [{ dataKey: s }],
-						colors: ne,
+						colors: ae,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
-				if (!r && e.object) {
-					let n = e.aggregate ? {
+				if (!t && e.object) {
+					let t = e.aggregate ? {
 						field: e.valueField || "value",
 						function: e.aggregate,
 						groupBy: e.categoryField || "name"
 					} : void 0;
 					return {
 						type: "object-chart",
-						chartType: t,
+						chartType: r,
 						objectName: e.object,
-						aggregate: n,
+						aggregate: t,
 						xAxisKey: i,
 						series: [{ dataKey: e.valueField || "value" }],
-						colors: ne,
+						colors: ae,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
 				return {
 					type: "chart",
-					chartType: t,
-					data: Array.isArray(r) ? r : r?.items || [],
+					chartType: r,
+					data: Array.isArray(t) ? t : t?.items || [],
 					xAxisKey: i,
 					series: [{ dataKey: a }],
-					colors: ne,
+					colors: ae,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
 			if (t === "table") {
 				let t = e.data || n.data;
-				if (V(t)) {
+				if (H(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -351,7 +398,7 @@ var ne = [
 			}
 			if (t === "pivot") {
 				let t = e.data || n.data;
-				if (V(t)) {
+				if (H(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-pivot",
@@ -376,151 +423,176 @@ var ne = [
 				...e,
 				...n
 			};
-		})(), o = e.type === "metric", s = W(e.title), m = W(e.description), h = e.id || s || `widget-${t}`, _ = f && p === e.id, y = f ? {
+		})(), 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 ? {
 			"data-testid": `dashboard-preview-widget-${e.id}`,
 			"data-widget-id": e.id,
 			role: "button",
 			tabIndex: 0,
-			"aria-selected": _,
-			"aria-label": `Widget: ${s || `Widget ${t + 1}`}`,
-			onClick: (t) => A(t, e.id),
-			onKeyDown: (n) => j(n, e.id, t)
-		} : {}, b = f ? g("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 o ? /* @__PURE__ */ (0, U.jsxs)("div", {
-			className: g("h-full w-full", f && "relative", b),
-			style: !w && i ? {
-				gridColumn: `span ${i.w}`,
-				gridRow: `span ${i.h}`
+			"aria-selected": v,
+			"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 ? {
+				gridColumn: `span ${a.w}`,
+				gridRow: `span ${a.h}`
 			} : void 0,
 			...y,
 			children: [/* @__PURE__ */ (0, U.jsx)(n, {
-				schema: a,
-				className: g("h-full w-full", f && "pointer-events-none")
-			}), f && /* @__PURE__ */ (0, U.jsx)("div", {
+				schema: o,
+				className: _("h-full w-full", p && "pointer-events-none"),
+				dataSource: r
+			}), p && /* @__PURE__ */ (0, U.jsx)("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}, h) : /* @__PURE__ */ (0, U.jsxs)(c, {
-			className: g("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", f && "relative", b),
-			style: !w && i ? {
-				gridColumn: `span ${i.w}`,
-				gridRow: `span ${i.h}`
+		}, 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 ? {
+				gridColumn: `span ${a.w}`,
+				gridRow: `span ${a.h}`
 			} : void 0,
 			...y,
 			children: [
-				s && /* @__PURE__ */ (0, U.jsxs)(u, {
+				c && /* @__PURE__ */ (0, U.jsxs)(d, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ (0, U.jsx)(d, {
+					children: [/* @__PURE__ */ (0, U.jsx)(f, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
-						title: s,
-						children: s
-					}), m && /* @__PURE__ */ (0, U.jsx)("p", {
+						title: c,
+						children: c
+					}), h && /* @__PURE__ */ (0, U.jsx)("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
-						children: m
+						children: h
 					})]
 				}),
-				/* @__PURE__ */ (0, U.jsx)(l, {
+				/* @__PURE__ */ (0, U.jsx)(u, {
 					className: "p-0",
 					children: /* @__PURE__ */ (0, U.jsx)("div", {
-						className: g("h-full w-full", "p-3 sm:p-4 md:p-6", f && "pointer-events-none"),
-						children: /* @__PURE__ */ (0, U.jsx)(n, { schema: a })
+						className: _("h-full w-full", "p-3 sm:p-4 md:p-6", p && "pointer-events-none"),
+						children: /* @__PURE__ */ (0, U.jsx)(n, {
+							schema: o,
+							dataSource: r
+						})
 					})
 				}),
-				f && /* @__PURE__ */ (0, U.jsx)("div", {
+				p && /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "absolute inset-0 z-10",
 					"aria-hidden": "true",
 					"data-testid": "widget-click-overlay"
 				})
 			]
-		}, h);
-	}, P = e.header && /* @__PURE__ */ (0, U.jsxs)("div", {
+		}, g);
+	}, V = e.header && /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: "col-span-full mb-4",
 		children: [
 			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ (0, U.jsx)("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: W(e.title)
+				children: ie(e.title)
 			}),
 			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: W(e.description)
+				children: ie(e.description)
 			}),
 			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
 				className: "flex gap-2 mt-3",
-				children: e.header.actions.map((e, t) => /* @__PURE__ */ (0, U.jsx)(s, {
-					variant: "outline",
-					size: "sm",
-					children: e.label
-				}, t))
+				children: e.header.actions.map((e, t) => {
+					let n = re(e.icon);
+					return /* @__PURE__ */ (0, U.jsxs)(c, {
+						variant: "outline",
+						size: "sm",
+						onClick: async () => {
+							let { actionType: t, actionUrl: n, label: r } = e;
+							if (!t || !n) {
+								console.warn("[DashboardRenderer] Header action missing actionType/actionUrl:", e);
+								return;
+							}
+							if (t === "url") {
+								/^https?:\/\//.test(n) || n.startsWith("//") ? window.location.assign(n) : (window.history.pushState({}, "", n), window.dispatchEvent(new PopStateEvent("popstate")));
+								return;
+							}
+							if (t === "modal" || t === "script") {
+								let e = await P(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]
+					}, t);
+				})
 			})
 		]
-	}), I = a !== void 0 && /* @__PURE__ */ (0, U.jsxs)("span", {
+	}), te = o !== void 0 && /* @__PURE__ */ (0, U.jsxs)("span", {
 		className: "text-xs text-muted-foreground",
-		children: [a.toLocaleString(), " records"]
-	}), L = o ? JSON.stringify(o) : void 0, R = i && /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("flex items-center justify-end gap-3 mb-2", !w && "col-span-full"),
-		children: [I, /* @__PURE__ */ (0, U.jsxs)(s, {
+		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, {
 			variant: "outline",
 			size: "sm",
-			onClick: k,
-			disabled: b,
+			onClick: L,
+			disabled: k,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ (0, U.jsx)(F, { className: g("h-4 w-4 mr-2", b && "animate-spin") }), b ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ (0, U.jsx)(I, { className: _("h-4 w-4 mr-2", k && "animate-spin") }), k ? "Refreshing…" : "Refresh All"]
 		})]
 	});
-	if (w) {
+	if (j) {
 		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [];
 		return /* @__PURE__ */ (0, U.jsxs)("div", {
-			ref: _,
-			className: g("flex flex-col gap-4 px-4", t),
-			"data-user-actions": L,
-			onClick: M,
-			...h,
+			ref: b,
+			className: _("flex flex-col gap-4 px-4", t),
+			"data-user-actions": ne,
+			onClick: ee,
+			...y,
 			children: [
-				P,
-				R,
+				V,
+				W,
 				n.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "grid grid-cols-2 gap-3",
-					onClick: M,
-					children: n.map((e, t) => N(e, t))
+					onClick: ee,
+					children: n.map((e, t) => B(e, t))
 				}),
 				r.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "flex flex-col gap-4",
-					onClick: M,
-					children: r.map((e, t) => N(e, t, !0))
+					onClick: ee,
+					children: r.map((e, t) => B(e, t, !0))
 				})
 			]
 		});
 	}
+	let oe = e.columns != null || x !== 4;
 	return /* @__PURE__ */ (0, U.jsxs)("div", {
-		ref: _,
-		className: g("grid auto-rows-min", "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+		ref: b,
+		className: _("grid auto-rows-min", !oe && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...v > 4 && { gridTemplateColumns: `repeat(${v}, minmax(0, 1fr))` },
-			gap: `${y * .25}rem`
+			...oe && { gridTemplateColumns: `repeat(${C}, minmax(0, 1fr))` },
+			gap: `${O * .25}rem`
 		},
-		"data-user-actions": L,
-		onClick: M,
-		...h,
+		"data-user-actions": ne,
+		onClick: ee,
+		...y,
 		children: [
-			P,
-			R,
-			e.widgets?.map((e, t) => N(e, t))
+			V,
+			W,
+			e.widgets?.map((e, t) => 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-76RTO6EO.mjs
-function ie(e) {
+function oe(e) {
 	let { margin: t, containerPadding: n, containerWidth: r, cols: i } = e;
 	return (r - t[0] * (i - 1) - n[0] * 2) / i;
 }
-function ae(e, t, n) {
+function se(e, t, n) {
 	return Number.isFinite(e) ? Math.round(t * e + Math.max(0, e - 1) * n) : e;
 }
-function oe(e, t, n, r, i, a, o) {
-	let { margin: s, containerPadding: c, rowHeight: l } = e, u = ie(e), d, f, p, m;
-	if (o ? (d = Math.round(o.width), f = Math.round(o.height)) : (d = ae(r, u, s[0]), f = ae(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 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) {
 		if (Number.isFinite(r)) {
 			let e = Math.round((u + s[0]) * (t + r) + c[0]) - m - d;
 			e !== s[0] && (d += e - s[0]);
@@ -537,52 +609,52 @@ function oe(e, t, n, r, i, a, o) {
 		height: f
 	};
 }
-function se(e, t, n, r, i) {
-	let { margin: a, containerPadding: o, cols: s, rowHeight: c, maxRows: l } = e, u = ie(e), d = Math.round((n - o[0]) / (u + a[0])), f = Math.round((t - o[1]) / (c + a[1]));
-	return d = ue(d, 0, s - r), f = ue(f, 0, l - i), {
+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), {
 		x: d,
 		y: f
 	};
 }
-function ce(e, t, n) {
-	let { margin: r, containerPadding: i, rowHeight: a } = e, o = ie(e);
+function ue(e, t, n) {
+	let { margin: r, containerPadding: i, rowHeight: a } = e, o = oe(e);
 	return {
 		x: Math.round((n - i[0]) / (o + r[0])),
 		y: Math.round((t - i[1]) / (a + r[1]))
 	};
 }
-function le(e, t, n) {
-	let { margin: r, rowHeight: i } = e, a = ie(e);
+function G(e, t, n) {
+	let { margin: r, rowHeight: i } = e, a = oe(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 ue(e, t, n) {
+function de(e, t, n) {
 	return Math.max(Math.min(e, n), t);
 }
-function G(e, t) {
+function fe(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) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
-		if (r !== void 0 && G(r, t)) return r;
+		if (r !== void 0 && fe(r, t)) return r;
 	}
 }
-function de(e, t) {
-	return e.filter((e) => G(e, t));
+function pe(e, t) {
+	return e.filter((e) => fe(e, t));
 }
-function fe(e, t) {
-	return t === "horizontal" ? q(e) : t === "vertical" || t === "wrap" ? pe(e) : [...e];
+function q(e, t) {
+	return t === "horizontal" ? he(e) : t === "vertical" || t === "wrap" ? me(e) : [...e];
 }
-function pe(e) {
+function me(e) {
 	return [...e].sort((e, t) => e.y === t.y ? e.x - t.x : e.y - t.y);
 }
-function q(e) {
+function he(e) {
 	return [...e].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x);
 }
-function me(e) {
+function ge(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
@@ -593,16 +665,16 @@ function me(e) {
 	}
 	return t;
 }
-function he(e, t) {
+function _e(e, t) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
 		if (r !== void 0 && r.i === t) return r;
 	}
 }
-function ge(e) {
+function ve(e) {
 	return e.filter((e) => e.static === !0);
 }
-function _e(e) {
+function ye(e) {
 	return {
 		i: e.i,
 		x: e.x,
@@ -626,11 +698,11 @@ function J(e) {
 	let t = Array(e.length);
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
-		r !== void 0 && (t[n] = _e(r));
+		r !== void 0 && (t[n] = ye(r));
 	}
 	return t;
 }
-function Y(e, t) {
+function be(e, t) {
 	let n = Array(e.length);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
@@ -638,12 +710,12 @@ function Y(e, t) {
 	}
 	return n;
 }
-function ve(e, t, n) {
-	let r = he(e, t);
-	return r ? (r = n(_e(r)), [Y(e, r), r]) : [[...e], null];
+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) {
-	let n = ge(e);
+function X(e, t) {
+	let n = ve(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);
@@ -651,23 +723,23 @@ function ye(e, t) {
 	}
 	return e;
 }
-function X(e, t, n, r, i, a, o, s, c) {
+function Z(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 = fe(e, o);
+	let d = q(e, o);
 	(o === "vertical" && typeof r == "number" ? u >= r : o === "horizontal" && typeof n == "number" && l >= n) && (d = d.reverse());
-	let f = de(d, t), p = f.length > 0;
+	let f = pe(d, t), p = f.length > 0;
 	if (p && c) return J(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 ? be(m, n, t, i, o) : be(m, t, n, i, o)));
+		n !== void 0 && (n.moved || (m = n.static ? Q(m, n, t, i, o) : Q(m, t, n, i, o)));
 	}
 	return m;
 }
-function be(e, t, n, r, i, a) {
+function Q(e, t, n, r, i, a) {
 	let o = i === "horizontal", s = i === "vertical", c = t.static;
 	if (r) {
 		r = !1;
@@ -678,40 +750,40 @@ function be(e, t, n, r, i, a) {
 			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 X(e, n, o ? a.x : void 0, s ? a.y : void 0, r, c, i);
-		if (u && s) return X(e, n, void 0, n.y + 1, r, c, i);
+		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);
 		if (u && i === null) return t.y = n.y, n.y += n.h, [...e];
-		if (d && o) return X(e, t, n.x, void 0, r, c, i);
+		if (d && o) return Z(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] : X(e, n, l, u, r, c, i);
+	return l === void 0 && u === void 0 ? [...e] : Z(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 Z(e, t, n) {
+function $(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
 var xe = [{
 	name: "gridBounds",
 	constrainPosition(e, t, n, { cols: r, maxRows: i }) {
 		return {
-			x: Z(t, 0, Math.max(0, r - e.w)),
-			y: Z(n, 0, Math.max(0, i - e.h))
+			x: $(t, 0, Math.max(0, r - e.w)),
+			y: $(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: Z(t, 1, Math.max(1, o)),
-			h: Z(n, 1, Math.max(1, s))
+			w: $(t, 1, Math.max(1, o)),
+			h: $(n, 1, Math.max(1, s))
 		};
 	}
 }, {
 	name: "minMaxSize",
 	constrainSize(e, t, n) {
 		return {
-			w: Z(t, e.minW ?? 1, e.maxW ?? Infinity),
-			h: Z(n, e.minH ?? 1, e.maxH ?? Infinity)
+			w: $(t, e.minW ?? 1, e.maxW ?? Infinity),
+			h: $(n, e.minH ?? 1, e.maxH ?? Infinity)
 		};
 	}
 }];
@@ -724,7 +796,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 Q(e, t, n, r, i, a) {
+function Ce(e, t, n, r, i, a) {
 	let o = {
 		w: n,
 		h: r
@@ -733,7 +805,7 @@ function Q(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 Ce({ top: e, left: t, width: n, height: r }) {
+function we({ top: e, left: t, width: n, height: r }) {
 	let i = `translate(${t}px,${e}px)`;
 	return {
 		transform: i,
@@ -746,7 +818,7 @@ function Ce({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function we({ top: e, left: t, width: n, height: r }) {
+function Te({ top: e, left: t, width: n, height: r }) {
 	return {
 		top: `${e}px`,
 		left: `${t}px`,
@@ -755,190 +827,190 @@ function we({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Te(e) {
+function Ee(e) {
 	return e * 100 + "%";
 }
-function $(e, t, n, r) {
+function De(e, t, n, r) {
 	return e + n > r ? t : n;
 }
-function Ee(e, t, n) {
+function Oe(e, t, n) {
 	return e < 0 ? t : n;
 }
-function De(e) {
+function ke(e) {
 	return Math.max(0, e);
 }
-function Oe(e) {
+function Ae(e) {
 	return Math.max(0, e);
 }
-var ke = (e, t, n) => {
+var je = (e, t, n) => {
 	let { left: r, height: i, width: a } = t, o = e.top - (i - e.height);
 	return {
 		left: r,
 		width: a,
-		height: Ee(o, e.height, i),
-		top: Oe(o)
+		height: Oe(o, e.height, i),
+		top: Ae(o)
 	};
-}, Ae = (e, t, n) => {
+}, Me = (e, t, n) => {
 	let { top: r, left: i, height: a, width: o } = t;
 	return {
 		top: r,
 		height: a,
-		width: $(e.left, e.width, o, n),
-		left: De(i)
+		width: De(e.left, e.width, o, n),
+		left: ke(i)
 	};
-}, je = (e, t, n) => {
+}, Ne = (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: Oe(r),
+		top: Ae(r),
 		left: 0
 	} : {
 		height: i,
 		width: a,
-		top: Oe(r),
+		top: Ae(r),
 		left: o
 	};
-}, Me = (e, t, n) => {
+}, Pe = (e, t, n) => {
 	let { top: r, left: i, height: a, width: o } = t;
 	return {
 		width: o,
 		left: i,
-		height: Ee(r, e.height, a),
-		top: Oe(r)
+		height: Oe(r, e.height, a),
+		top: Ae(r)
 	};
-}, Ne = {
-	n: ke,
-	ne: (e, t, n) => ke(e, Ae(e, t, n)),
-	e: Ae,
-	se: (e, t, n) => Me(e, Ae(e, t, n)),
-	s: Me,
-	sw: (e, t, n) => Me(e, je(e, t)),
-	w: je,
-	nw: (e, t, n) => ke(e, je(e, t))
+}, 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))
 };
-function Pe(e, t, n, r) {
-	let i = Ne[e];
+function Ie(e, t, n, r) {
+	let i = Fe[e];
 	return i ? i(t, {
 		...t,
 		...n
 	}, r) : n;
 }
-var Fe = {
+var Le = {
 	type: "transform",
 	scale: 1,
 	calcStyle(e) {
-		return Ce(e);
+		return we(e);
 	}
-}, Ie = {
+}, Re = {
 	cols: 12,
 	rowHeight: 150,
 	margin: [10, 10],
 	containerPadding: null,
 	maxRows: Infinity
-}, Le = {
+}, ze = {
 	enabled: !0,
 	bounded: !1,
 	threshold: 3
-}, Re = {
+}, Be = {
 	enabled: !0,
 	handles: ["se"]
-}, ze = {
+}, Ve = {
 	enabled: !1,
 	defaultItem: {
 		w: 1,
 		h: 1
 	}
 };
-function Be(e, t, n, r, i) {
+function He(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 ?? ge(e).length > 0;
+	let o = e.findIndex((e) => e.i === t.i), s = i ?? ve(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;
-			G(t, o) && Be(e, o, n + t[a], r, s);
+			fe(t, o) && He(e, o, n + t[a], r, s);
 		}
 	}
 	t[r] = n;
 }
-function Ve(e, t, n, r) {
+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--;
 	let i;
-	for (; (i = K(e, t)) !== void 0;) Be(n, t, i.y + i.h, "y");
+	for (; (i = K(e, t)) !== void 0;) He(n, t, i.y + i.h, "y");
 	return t.y = Math.max(t.y, 0), t;
 }
-function He(e, t, n, r) {
+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--;
 	let i;
-	for (; (i = K(e, t)) !== void 0;) if (Be(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 = 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--;
 	return t.x = Math.max(t.x, 0), t;
 }
-var Ue = {
+var Ge = {
 	type: "vertical",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = ge(e), r = me(n), i = pe(e), a = Array(e.length);
+		let n = ve(e), r = ge(n), i = me(e), a = Array(e.length);
 		for (let t = 0; t < i.length; t++) {
 			let o = i[t];
 			if (o === void 0) continue;
-			let s = _e(o);
-			s.static || (s = Ve(n, s, i, r), r = Math.max(r, s.y + s.h), n.push(s));
+			let s = ye(o);
+			s.static || (s = Ue(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;
 	}
-}, We = {
+}, Ke = {
 	type: "horizontal",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = ge(e), r = q(e), i = Array(e.length);
+		let n = ve(e), r = he(e), i = Array(e.length);
 		for (let a = 0; a < r.length; a++) {
 			let o = r[a];
 			if (o === void 0) continue;
-			let s = _e(o);
-			s.static || (s = He(n, s, t, r), n.push(s));
+			let s = ye(o);
+			s.static || (s = We(n, s, t, r), n.push(s));
 			let c = e.indexOf(o);
 			i[c] = s, s.moved = !1;
 		}
 		return i;
 	}
-}, Ge = {
+}, qe = {
 	type: null,
 	allowOverlap: !1,
 	compact(e, t) {
 		return J(e);
 	}
-}, Ke = {
-	...Ue,
+}, Je = {
+	...Ge,
 	allowOverlap: !0,
 	compact(e, t) {
 		return J(e);
 	}
-}, qe = {
-	...We,
+}, Ye = {
+	...Ke,
 	allowOverlap: !0,
 	compact(e, t) {
 		return J(e);
 	}
-}, Je = {
-	...Ge,
+}, Xe = {
+	...qe,
 	allowOverlap: !0
 };
-function Ye(e, t = !1, n = !1) {
+function Ze(e, t = !1, n = !1) {
 	let r;
-	return r = t ? e === "vertical" ? Ke : e === "horizontal" ? qe : Je : e === "vertical" ? Ue : e === "horizontal" ? We : Ge, n ? {
+	return r = t ? e === "vertical" ? Je : e === "horizontal" ? Ye : Xe : e === "vertical" ? Ge : e === "horizontal" ? Ke : qe, n ? {
 		...r,
 		preventCollision: n
 	} : r;
 }
-function Xe(e) {
+function Qe(e) {
 	return Object.keys(e).sort((t, n) => e[t] - e[n]);
 }
-function Ze(e, t) {
-	let n = Xe(e), r = n[0];
+function $e(e, t) {
+	let n = Qe(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];
@@ -946,15 +1018,15 @@ function Ze(e, t) {
 	}
 	return r;
 }
-function Qe(e, t) {
+function et(e, t) {
 	let n = t[e];
 	if (n === void 0) throw Error(`ResponsiveReactGridLayout: \`cols\` entry for breakpoint ${String(e)} is missing!`);
 	return n;
 }
-function $e(e, t, n, r, i, a) {
+function tt(e, t, n, r, i, a) {
 	let o = e[n];
 	if (o) return J(o);
-	let s = e[r], c = Xe(t), l = c.slice(c.indexOf(n));
+	let s = e[r], c = Qe(t), l = c.slice(c.indexOf(n));
 	for (let t = 0; t < l.length; t++) {
 		let n = l[t];
 		if (n === void 0) continue;
@@ -964,10 +1036,10 @@ function $e(e, t, n, r, i, a) {
 			break;
 		}
 	}
-	let u = ye(J(s || []), { cols: i });
-	return (typeof a == "object" && a ? a : Ye(a)).compact(u, i);
+	let u = X(J(s || []), { cols: i });
+	return (typeof a == "object" && a ? a : Ze(a)).compact(u, i);
 }
-function et(e, t) {
+function nt(e, t) {
 	if (Array.isArray(e)) return e;
 	let n = e, r = n[t];
 	if (r !== void 0) return r;
@@ -980,7 +1052,7 @@ function et(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fast-equals@4.0.3/node_modules/fast-equals/dist/fast-equals.js
-var tt = /* @__PURE__ */ z(((e, t) => {
+var rt = /* @__PURE__ */ B(((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) {
@@ -1116,10 +1188,10 @@ var tt = /* @__PURE__ */ z(((e, t) => {
 		var R = _(r(j, { createIsNestedEqual: function() {
 			return o;
 		} }));
-		function ee(e, t) {
+		function z(e, t) {
 			return R(e, t, /* @__PURE__ */ new WeakMap());
 		}
-		function z(e) {
+		function ee(e) {
 			return _(r(A, e(A)));
 		}
 		function B(e) {
@@ -1128,20 +1200,20 @@ var tt = /* @__PURE__ */ z(((e, t) => {
 				return r === void 0 && (r = /* @__PURE__ */ new WeakMap()), t(e, n, r);
 			});
 		}
-		e.circularDeepEqual = L, e.circularShallowEqual = ee, e.createCustomCircularEqual = B, e.createCustomEqual = z, e.deepEqual = N, e.sameValueZeroEqual = o, e.shallowEqual = F, Object.defineProperty(e, "__esModule", { value: !0 });
+		e.circularDeepEqual = L, e.circularShallowEqual = z, e.createCustomCircularEqual = B, e.createCustomEqual = ee, e.deepEqual = N, e.sameValueZeroEqual = o, e.shallowEqual = F, Object.defineProperty(e, "__esModule", { value: !0 });
 	}));
 }));
 //#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 nt(e = {}) {
-	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = E(n), [a, o] = E(!t), s = T(null), c = T(null), l = x(() => {
+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(() => {
 		let e = s.current;
 		if (e) {
 			let t = e.offsetWidth;
 			i(t), a || o(!0);
 		}
 	}, [a]);
-	return C(() => {
+	return w(() => {
 		let e = s.current;
 		if (e) {
 			if (l(), typeof ResizeObserver < "u") {
@@ -1171,7 +1243,7 @@ function nt(e = {}) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js
-var rt = /* @__PURE__ */ z(((e) => {
+var at = /* @__PURE__ */ B(((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) {
@@ -1227,7 +1299,7 @@ var rt = /* @__PURE__ */ z(((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;
-})), it = /* @__PURE__ */ z(((e) => {
+})), ot = /* @__PURE__ */ B(((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) {
@@ -1271,10 +1343,10 @@ var rt = /* @__PURE__ */ z(((e) => {
 		function R(e) {
 			return x(e) === c;
 		}
-		function ee(e) {
+		function z(e) {
 			return x(e) === s;
 		}
-		function z(e) {
+		function ee(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
 		function B(e) {
@@ -1289,23 +1361,23 @@ var rt = /* @__PURE__ */ z(((e) => {
 		function te(e) {
 			return x(e) === m;
 		}
-		function U(e) {
+		function ne(e) {
 			return x(e) === r;
 		}
-		function W(e) {
+		function U(e) {
 			return x(e) === o;
 		}
-		function ne(e) {
+		function re(e) {
 			return x(e) === a;
 		}
-		function re(e) {
+		function ie(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 = ee, e.isElement = z, e.isForwardRef = B, e.isFragment = V, e.isLazy = H, e.isMemo = te, e.isPortal = U, e.isProfiler = W, e.isStrictMode = ne, e.isSuspense = re, 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 = 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;
 	})();
-})), at = /* @__PURE__ */ z(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = rt() : t.exports = it();
-})), ot = /* @__PURE__ */ z(((e, t) => {
+})), st = /* @__PURE__ */ B(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = at() : t.exports = ot();
+})), ct = /* @__PURE__ */ B(((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");
@@ -1338,14 +1410,14 @@ var rt = /* @__PURE__ */ z(((e) => {
 		}
 		return s;
 	};
-})), st = /* @__PURE__ */ z(((e, t) => {
+})), lt = /* @__PURE__ */ B(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), ct = /* @__PURE__ */ z(((e, t) => {
+})), ut = /* @__PURE__ */ B(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), lt = /* @__PURE__ */ z(((e, t) => {
+})), dt = /* @__PURE__ */ B(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = st(), i = {}, a = ct();
+		var r = lt(), i = {}, a = ut();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -1378,8 +1450,8 @@ var rt = /* @__PURE__ */ z(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), ut = /* @__PURE__ */ z(((e, t) => {
-	var n = at(), r = ot(), i = st(), a = ct(), o = lt(), s = function() {};
+})), ft = /* @__PURE__ */ B(((e, t) => {
+	var n = st(), r = ct(), i = lt(), a = ut(), o = dt(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -1637,8 +1709,8 @@ var rt = /* @__PURE__ */ z(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), dt = /* @__PURE__ */ z(((e, t) => {
-	var n = st();
+})), pt = /* @__PURE__ */ B(((e, t) => {
+	var n = lt();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -1677,12 +1749,12 @@ var rt = /* @__PURE__ */ z(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), ft = /* @__PURE__ */ z(((e, t) => {
+})), mt = /* @__PURE__ */ B(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = at();
-		t.exports = ut()(n.isElement, !0);
-	} else t.exports = dt()();
-})), pt = /* @__PURE__ */ z(((e) => {
+		var n = st();
+		t.exports = ft()(n.isElement, !0);
+	} else t.exports = pt()();
+})), ht = /* @__PURE__ */ B(((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, [
@@ -1703,7 +1775,7 @@ var rt = /* @__PURE__ */ z(((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.`);
 	}
-})), mt = /* @__PURE__ */ z(((e) => {
+})), gt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.browserPrefixToKey = r, e.browserPrefixToStyle = i, e.default = void 0, e.getPrefix = n;
 	var t = [
 		"Moz",
@@ -1731,9 +1803,9 @@ var rt = /* @__PURE__ */ z(((e) => {
 		return t;
 	}
 	e.default = n();
-})), ht = /* @__PURE__ */ z(((e) => {
+})), _t = /* @__PURE__ */ B(((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 = pt(), n = r(mt());
+	var t = ht(), n = r(gt());
 	function r(e, t) {
 		if (typeof WeakMap == "function") var n = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap();
 		return (r = function(e, t) {
@@ -1857,9 +1929,9 @@ var rt = /* @__PURE__ */ z(((e) => {
 	function C(e, t) {
 		e.classList ? e.classList.remove(t) : e.className = e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`, "g"), "");
 	}
-})), gt = /* @__PURE__ */ z(((e) => {
+})), vt = /* @__PURE__ */ B(((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 = pt(), n = ht();
+	var t = ht(), n = _t();
 	function r(e, r, i) {
 		if (!e.props.bounds) return [r, i];
 		let { bounds: a } = e.props;
@@ -1938,12 +2010,12 @@ var rt = /* @__PURE__ */ z(((e) => {
 		if (!t) throw Error("<DraggableCore>: Unmounted during event!");
 		return t;
 	}
-})), _t = /* @__PURE__ */ z(((e) => {
+})), yt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = t;
 	function t() {}
-})), vt = /* @__PURE__ */ z(((e) => {
+})), bt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = void 0;
-	var t = l(B("react")), n = c(ft()), r = c(B("react-dom")), i = ht(), a = gt(), o = pt(), s = c(_t());
+	var t = l(V("react")), n = c(mt()), r = c(V("react-dom")), i = _t(), a = vt(), o = ht(), s = c(yt());
 	function c(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2103,14 +2175,14 @@ var rt = /* @__PURE__ */ z(((e) => {
 		onMouseDown: function() {},
 		scale: 1
 	});
-})), yt = /* @__PURE__ */ z(((e) => {
+})), xt = /* @__PURE__ */ B(((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(B("react")), n = u(ft()), r = u(B("react-dom")), i = B("clsx"), a = ht(), o = gt(), s = pt(), c = u(vt()), l = u(_t());
+	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());
 	function u(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2304,12 +2376,12 @@ var rt = /* @__PURE__ */ z(((e) => {
 		},
 		scale: 1
 	});
-})), bt = /* @__PURE__ */ z(((e, t) => {
-	var { default: n, DraggableCore: r } = yt();
+})), St = /* @__PURE__ */ B(((e, t) => {
+	var { default: n, DraggableCore: r } = xt();
 	t.exports = n, t.exports.default = n, t.exports.DraggableCore = r;
-})), xt = /* @__PURE__ */ z(((e) => {
+})), Ct = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.cloneElement = c;
-	var t = n(B("react"));
+	var t = n(V("react"));
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2359,10 +2431,10 @@ var rt = /* @__PURE__ */ z(((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);
 	}
-})), St = /* @__PURE__ */ z(((e) => {
+})), wt = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.resizableProps = void 0;
-	var t = n(ft());
-	bt();
+	var t = n(mt());
+	St();
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2421,9 +2493,9 @@ var rt = /* @__PURE__ */ z(((e) => {
 			return n.axis === "both" || n.axis === "x" ? t.default.number.isRequired(...e) : t.default.number(...e);
 		}
 	};
-})), Ct = /* @__PURE__ */ z(((e) => {
+})), Tt = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = o(B("react")), n = bt(), r = xt(), i = St(), a = [
+	var t = o(V("react")), n = St(), r = Ct(), i = wt(), a = [
 		"children",
 		"className",
 		"draggableOpts",
@@ -2620,9 +2692,9 @@ var rt = /* @__PURE__ */ z(((e) => {
 		resizeHandles: ["se"],
 		transformScale: 1
 	};
-})), wt = /* @__PURE__ */ z(((e) => {
+})), Et = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = s(B("react")), n = o(ft()), r = o(Ct()), i = St(), a = [
+	var t = s(V("react")), n = o(mt()), r = o(Tt()), i = wt(), a = [
 		"handle",
 		"handleSize",
 		"onResize",
@@ -2773,26 +2845,26 @@ var rt = /* @__PURE__ */ z(((e) => {
 		}
 	};
 	e.default = g, g.propTypes = u(u({}, i.resizableProps), {}, { children: n.default.element });
-})), Tt = /* @__PURE__ */ z(((e, t) => {
+})), Dt = /* @__PURE__ */ B(((e, t) => {
 	t.exports = function() {
 		throw Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
-	}, t.exports.Resizable = Ct().default, t.exports.ResizableBox = wt().default;
-})), Et = bt(), Dt = Tt(), Ot = tt();
-function kt(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: b, handle: S = "", cancel: D = "", 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: W, onResizeStart: ne, onResize: re, onResizeStop: se } = e, [G, K] = E(!1), [de, fe] = E(!1), pe = T(null), q = T({
+	}, 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({
 		left: 0,
 		top: 0
-	}), me = T({
+	}), me = E({
 		top: 0,
 		left: 0,
 		width: 0,
 		height: 0
-	}), he = T(void 0), ge = T(V);
+	}), he = E(void 0), ge = E(V);
 	ge.current = V;
-	let _e = T(null), J = T(null), Y = T(!1), ve = T({
+	let _e = E(null), ve = E(null), ye = E(!1), J = E({
 		x: 0,
 		y: 0
-	}), ye = T(!1), X = w(() => ({
+	}), be = E(!1), Y = T(() => ({
 		cols: n,
 		containerPadding: a,
 		containerWidth: r,
@@ -2806,7 +2878,7 @@ function kt(e) {
 		i,
 		s,
 		o
-	]), be = w(() => ({
+	]), X = T(() => ({
 		cols: n,
 		maxRows: s,
 		containerWidth: r,
@@ -2820,10 +2892,10 @@ function kt(e) {
 		r,
 		o,
 		i
-	]), Z = x(() => ({
-		...be,
+	]), Z = S(() => ({
+		...X,
 		layout: ge.current
-	}), [be]), $ = w(() => B ?? {
+	}), [X]), Q = T(() => B ?? {
 		i: I,
 		x: O,
 		y: k,
@@ -2844,21 +2916,21 @@ function kt(e) {
 		N,
 		P,
 		F
-	]), Ee = x((e) => {
+	]), $ = S((e) => {
 		if (h?.calcStyle) return h.calcStyle(e);
-		if (f) return Ce(e);
-		let t = we(e);
+		if (f) return we(e);
+		let t = Te(e);
 		return p ? {
 			...t,
-			left: Te(e.left / r),
-			width: Te(e.width / r)
+			left: Ee(e.left / r),
+			width: Ee(e.width / r)
 		} : t;
 	}, [
 		h,
 		f,
 		p,
 		r
-	]), De = x((e, { node: t }) => {
+	]), De = S((e, { node: t }) => {
 		if (!H) return;
 		let { offsetParent: n } = t;
 		if (!n) return;
@@ -2872,14 +2944,14 @@ function kt(e) {
 		};
 		if (q.current = l, g > 0) {
 			let t = e;
-			ve.current = {
+			J.current = {
 				x: t.clientX,
 				y: t.clientY
-			}, Y.current = !0, ye.current = !1, K(!0);
+			}, ye.current = !0, be.current = !1, le(!0);
 			return;
 		}
-		K(!0);
-		let u = ce(X, l.top, l.left), { x: d, y: f } = Se(z, $, u.x, u.y, Z());
+		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, {
 			e,
 			node: t,
@@ -2888,21 +2960,21 @@ function kt(e) {
 	}, [
 		H,
 		m,
-		X,
+		Y,
 		h,
 		g,
 		z,
-		$,
+		Q,
 		Z,
 		I
-	]), Oe = x((e, { node: t, deltaX: n, deltaY: a }) => {
-		if (!te || !G) return;
+	]), Oe = S((e, { node: t, deltaX: n, deltaY: a }) => {
+		if (!te || !W) return;
 		let s = e;
-		if (Y.current && !ye.current) {
-			let n = s.clientX - ve.current.x, r = s.clientY - ve.current.y;
+		if (ye.current && !be.current) {
+			let n = s.clientX - J.current.x, r = s.clientY - J.current.y;
 			if (Math.hypot(n, r) < g) return;
-			if (ye.current = !0, Y.current = !1, H) {
-				let n = ce(X, q.current.top, q.current.left), { x: r, y: i } = Se(z, $, n.x, n.y, Z());
+			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, {
 					e,
 					node: t,
@@ -2914,10 +2986,10 @@ function kt(e) {
 		if (u) {
 			let { offsetParent: e } = t;
 			if (e) {
-				let t = e.clientHeight - ae(j, o, i[1]);
-				c = ue(c, 0, t);
-				let n = r - ae(A, ie(X), i[0]);
-				l = ue(l, 0, n);
+				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 d = {
@@ -2925,7 +2997,7 @@ function kt(e) {
 			left: l
 		};
 		q.current = d;
-		let f = ce(X, c, l), { x: p, y: m } = Se(z, $, f.x, f.y, Z());
+		let f = ue(Y, c, l), { x: p, y: m } = Se(z, Q, f.x, f.y, Z());
 		te(I, p, m, {
 			e,
 			node: t,
@@ -2934,27 +3006,27 @@ function kt(e) {
 	}, [
 		te,
 		H,
-		G,
+		W,
 		g,
 		u,
 		j,
 		o,
 		i,
-		X,
+		Y,
 		r,
 		A,
 		I,
 		z,
-		$,
+		Q,
 		Z
-	]), ke = x((e, { node: t }) => {
-		if (!W || !G) return;
-		let n = Y.current;
-		if (Y.current = !1, ye.current = !1, ve.current = {
+	]), ke = S((e, { node: t }) => {
+		if (!ne || !W) return;
+		let n = ye.current;
+		if (ye.current = !1, be.current = !1, J.current = {
 			x: 0,
 			y: 0
 		}, n) {
-			K(!1), q.current = {
+			le(!1), q.current = {
 				left: 0,
 				top: 0
 			};
@@ -2964,36 +3036,36 @@ function kt(e) {
 			top: i,
 			left: r
 		};
-		K(!1), q.current = {
+		le(!1), q.current = {
 			left: 0,
 			top: 0
 		};
-		let o = ce(X, i, r), { x: s, y: c } = Se(z, $, o.x, o.y, Z());
-		W(I, s, c, {
+		let o = ue(Y, i, r), { x: s, y: c } = Se(z, Q, o.x, o.y, Z());
+		ne(I, s, c, {
 			e,
 			node: t,
 			newPosition: a
 		});
 	}, [
+		ne,
 		W,
-		G,
-		X,
+		Y,
 		z,
-		$,
+		Q,
 		Z,
 		I
 	]);
-	_e.current = De, J.current = Oe;
-	let Ae = x((e, { node: t, size: n, handle: i }, a, o) => {
-		let s = o === "onResizeStart" ? ne : o === "onResize" ? re : se;
+	_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;
 		if (!s) return;
 		let c;
-		c = t ? Pe(i, a, n, r) : {
+		c = t ? Ie(i, a, n, r) : {
 			...n,
 			top: a.top,
 			left: a.left
 		}, me.current = c;
-		let l = le(X, c.width, c.height), { w: u, h: d } = Q(z, $, l.w, l.h, i, Z());
+		let l = G(Y, c.width, c.height), { w: u, h: d } = Ce(z, Q, l.w, l.h, i, Z());
 		s(I, u, d, {
 			e: e.nativeEvent,
 			node: t,
@@ -3001,71 +3073,71 @@ function kt(e) {
 			handle: i
 		});
 	}, [
-		ne,
 		re,
-		se,
+		ie,
+		ae,
 		r,
-		X,
+		Y,
 		I,
 		z,
-		$,
+		Q,
 		Z
-	]), je = x((e, t) => {
-		fe(!0);
-		let n = oe(X, O, k, A, j);
+	]), je = S((e, t) => {
+		K(!0);
+		let n = ce(Y, O, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResizeStart");
 	}, [
 		Ae,
-		X,
+		Y,
 		O,
 		k,
 		A,
 		j
-	]), Me = x((e, t) => {
-		let n = oe(X, O, k, A, j);
+	]), Me = S((e, t) => {
+		let n = ce(Y, O, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResize");
 	}, [
 		Ae,
-		X,
+		Y,
 		O,
 		k,
 		A,
 		j
-	]), Ne = x((e, t) => {
-		fe(!1), me.current = {
+	]), Ne = S((e, t) => {
+		K(!1), me.current = {
 			top: 0,
 			left: 0,
 			width: 0,
 			height: 0
 		};
-		let n = oe(X, O, k, A, j);
+		let n = ce(Y, O, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResizeStop");
 	}, [
 		Ae,
-		X,
+		Y,
 		O,
 		k,
 		A,
 		j
 	]);
-	C(() => {
+	w(() => {
 		if (!_) return;
 		let e = pe.current;
 		if (!e) return;
 		let t = he.current || {
 			left: 0,
 			top: 0
-		}, n = G && (_.left !== t.left || _.top !== t.top);
-		if (!G) {
+		}, n = W && (_.left !== t.left || _.top !== t.top);
+		if (!W) {
 			let t = {
 				node: e,
 				deltaX: _.left,
@@ -3086,35 +3158,35 @@ function kt(e) {
 				x: _.left,
 				y: _.top
 			};
-			J.current?.(_.e, t);
+			ve.current?.(_.e, t);
 		}
 		he.current = _;
 	}, [
 		_,
-		G,
+		W,
 		I
 	]);
-	let Fe = oe(X, O, k, A, j, G ? q.current : null, de ? me.current : null), Ie = y.Children.only(t), Le = ie(X), Re = [ae(M, Le, i[0]), ae(P, o, i[1])], ze = [ae(N, Le, i[0]), ae(F, o, i[1])], Be = Ie.props, Ve = Be.className, He = Be.style, Ue = y.cloneElement(Ie, {
+	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, {
 			static: d,
-			resizing: de,
+			resizing: fe,
 			"react-draggable": c,
-			"react-draggable-dragging": G,
+			"react-draggable-dragging": W,
 			dropping: !!_,
 			cssTransforms: f
 		}),
 		style: {
-			...b,
+			...y,
 			...He,
-			...Ee(Fe)
+			...$(Pe)
 		}
 	}), We = R;
-	return Ue = /* @__PURE__ */ (0, U.jsx)(Dt.Resizable, {
+	return Ue = /* @__PURE__ */ (0, U.jsx)(kt.Resizable, {
 		draggableOpts: { disabled: !l },
 		className: l ? void 0 : "react-resizable-hide",
-		width: Fe.width,
-		height: Fe.height,
+		width: Pe.width,
+		height: Pe.height,
 		minConstraints: Re,
 		maxConstraints: ze,
 		onResizeStart: je,
@@ -3124,24 +3196,24 @@ function kt(e) {
 		resizeHandles: L,
 		handle: We,
 		children: Ue
-	}), Ue = /* @__PURE__ */ (0, U.jsx)(Et.DraggableCore, {
+	}), Ue = /* @__PURE__ */ (0, U.jsx)(Ot.DraggableCore, {
 		disabled: !c,
 		onStart: De,
 		onDrag: Oe,
 		onStop: ke,
-		handle: S,
-		cancel: ".react-resizable-handle" + (D ? "," + D : ""),
+		handle: x,
+		cancel: ".react-resizable-handle" + (C ? "," + C : ""),
 		scale: m,
 		nodeRef: pe,
 		children: Ue
 	}), Ue;
 }
-var At = () => {}, jt = "react-grid-layout", Mt = !1;
+var Mt = () => {}, Nt = "react-grid-layout", Pt = !1;
 try {
-	Mt = /firefox/i.test(navigator.userAgent);
+	Pt = /firefox/i.test(navigator.userAgent);
 } catch {}
-function Nt(e, t) {
-	let n = y.Children.toArray(e), r = y.Children.toArray(t);
+function Ft(e, t) {
+	let n = b.Children.toArray(e), r = b.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];
@@ -3149,14 +3221,14 @@ function Nt(e, t) {
 	}
 	return !0;
 }
-function Pt(e, t, n, r) {
+function It(e, t, n, r) {
 	let i = [], a = /* @__PURE__ */ new Set();
-	y.Children.forEach(t, (t) => {
-		if (!y.isValidElement(t) || t.key === null) return;
+	b.Children.forEach(t, (t) => {
+		if (!b.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(_e(r));
+		if (r) i.push(ye(r));
 		else {
 			let e = t.props["data-grid"];
 			e ? i.push({
@@ -3177,71 +3249,71 @@ function Pt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: me(i),
+				y: ge(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let o = ye(i, { cols: n });
+	let o = X(i, { cols: n });
 	return r.compact(o, n);
 }
-function Ft(e) {
-	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = Fe, compactor: c, constraints: l = xe, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = At, onDragStart: _ = At, onDrag: v = At, onDragStop: b = At, onResizeStart: S = At, onResize: D = At, onResizeStop: O = At, onDrop: k = At, onDropDragOver: A = At } = e, j = w(() => ({
-		...Ie,
+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,
 		...r
-	}), [r]), M = w(() => ({
-		...Le,
+	}), [r]), M = T(() => ({
+		...ze,
 		...i
-	}), [i]), N = w(() => ({
-		...Re,
+	}), [i]), N = T(() => ({
+		...Be,
 		...a
-	}), [a]), P = w(() => ({
-		...ze,
+	}), [a]), P = T(() => ({
+		...Ve,
 		...o
-	}), [o]), { cols: F, rowHeight: I, maxRows: L, margin: R, containerPadding: z } = j, { enabled: B, bounded: V, handle: H, cancel: te, threshold: W } = M, { enabled: ne, handles: re, handleComponent: oe } = N, { enabled: ce, defaultItem: le, onDragOver: ue } = P, G = c ?? Ye("vertical"), K = G.type, fe = G.allowOverlap, pe = G.preventCollision ?? !1, q = w(() => d ?? {
+	}), [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 ?? {
 		i: "__dropping-elem__",
-		...le
-	}, [d, le]), ge = s.type === "transform", J = s.scale, Y = z ?? R, [ye, be] = E(!1), [Z, Se] = E(() => Pt(u, t, F, G)), [Q, Ce] = E(null), [we, Te] = E(!1), [$, Ee] = E(null), [De, Oe] = E(), ke = T(null), Ae = T(null), je = T(null), Me = T(0), Ne = T(Z), Pe = T(u), Be = T(t), Ve = T(K), He = T(Z);
-	He.current = Z, C(() => {
-		be(!0), (0, Ot.deepEqual)(Z, u) || g(Z);
-	}, []), C(() => {
-		if (Q || $) return;
-		let e = !(0, Ot.deepEqual)(u, Pe.current), n = !Nt(t, Be.current), r = K !== Ve.current;
+		...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(() => {
+		if ($ || Te) return;
+		let e = !(0, At.deepEqual)(u, Pe.current), n = !Ft(t, Fe.current), r = de !== Ie.current;
 		if (e || n || r) {
-			let n = Pt(e ? u : Z, t, F, G);
-			(0, Ot.deepEqual)(n, Z) || Se(n);
+			let n = It(e ? u : X, t, F, G);
+			(0, At.deepEqual)(n, X) || Q(n);
 		}
-		Pe.current = u, Be.current = t, Ve.current = K;
+		Pe.current = u, Fe.current = t, Ie.current = de;
 	}, [
 		u,
 		t,
 		F,
-		K,
+		de,
 		G,
-		Q,
 		$,
-		Z
-	]), C(() => {
-		!Q && !(0, Ot.deepEqual)(Z, Ne.current) && (Ne.current = Z, g(Z.filter((e) => e.i !== q.i)));
+		Te,
+		X
+	]), w(() => {
+		!$ && !(0, At.deepEqual)(X, Ne.current) && (Ne.current = X, g(X.filter((e) => e.i !== q.i)));
 	}, [
-		Z,
-		Q,
+		X,
+		$,
 		g,
 		q.i
 	]);
-	let Ue = w(() => {
+	let Ue = T(() => {
 		if (!f) return;
-		let e = me(Z), t = Y[1];
+		let e = ge(X), t = ve[1];
 		return e * I + (e - 1) * R[1] + t * 2 + "px";
 	}, [
 		f,
-		Z,
+		X,
 		I,
 		R,
-		Y
-	]), We = x((e, t, n, r) => {
-		let i = He.current, a = he(i, e);
+		ve
+	]), We = S((e, t, n, r) => {
+		let i = He.current, a = _e(i, e);
 		if (!a) return;
 		let o = {
 			w: a.w,
@@ -3250,9 +3322,9 @@ function Ft(e) {
 			y: a.y,
 			i: e
 		};
-		ke.current = _e(a), je.current = i, Ce(o), _(i, a, a, null, r.e, r.node);
-	}, [_]), Ge = x((e, t, n, r) => {
-		let i = He.current, a = ke.current, o = he(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);
 		if (!o) return;
 		let s = {
 			w: o.w,
@@ -3260,37 +3332,37 @@ function Ft(e) {
 			x: o.x,
 			y: o.y,
 			i: e
-		}, c = X(i, o, t, n, !0, pe, K, F, fe);
-		v(c, a, o, s, r.e, r.node), Se(G.compact(c, F)), Ce(s);
+		}, 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);
 	}, [
-		pe,
 		K,
+		de,
 		F,
 		fe,
 		G,
 		v
-	]), Ke = x((e, t, n, r) => {
-		if (!Q) return;
-		let i = He.current, a = ke.current, o = he(i, e);
+	]), Ke = S((e, t, n, r) => {
+		if (!$) return;
+		let i = He.current, a = ke.current, o = _e(i, e);
 		if (!o) return;
-		let s = X(i, o, t, n, !0, pe, K, F, fe), c = G.compact(s, F);
-		b(c, a, o, null, r.e, r.node);
+		let s = Z(i, o, t, n, !0, K, de, F, fe), c = G.compact(s, F);
+		y(c, a, o, null, r.e, r.node);
 		let l = je.current;
-		ke.current = null, je.current = null, Ce(null), Se(c), l && !(0, Ot.deepEqual)(l, c) && g(c);
+		ke.current = null, je.current = null, Se(null), Q(c), l && !(0, At.deepEqual)(l, c) && g(c);
 	}, [
-		Q,
-		pe,
+		$,
 		K,
+		de,
 		F,
 		fe,
 		G,
-		b,
+		y,
 		g
-	]), qe = x((e, t, n, r) => {
-		let i = He.current, a = he(i, e);
-		a && (Ae.current = _e(a), je.current = i, Te(!0), S(i, a, a, null, r.e, r.node));
-	}, [S]), Je = x((e, t, n, r) => {
-		let i = He.current, a = Ae.current, { handle: o } = r, s = !1, c, l, [u, d] = ve(i, e, (e) => (c = e.x, l = e.y, [
+	]), 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, [
 			"sw",
 			"w",
 			"nw",
@@ -3304,7 +3376,7 @@ function Ft(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), pe && !fe && de(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), K && !fe && pe(i, {
 			...e,
 			w: t,
 			h: n,
@@ -3313,7 +3385,7 @@ function Ft(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 = X(u, d, c, l, !0, pe, K, F, fe));
+		s && c !== void 0 && l !== void 0 && (f = Z(u, d, c, l, !0, K, de, F, fe));
 		let p = {
 			w: d.w,
 			h: d.h,
@@ -3322,39 +3394,39 @@ function Ft(e) {
 			i: e,
 			static: !0
 		};
-		D(f, a, d, p, r.e, r.node), Se(G.compact(f, F)), Ce(p);
+		C(f, a, d, p, r.e, r.node), Q(G.compact(f, F)), Se(p);
 	}, [
-		pe,
 		K,
+		de,
 		F,
 		fe,
 		G,
-		D
-	]), Xe = x((e, t, n, r) => {
-		let i = He.current, a = Ae.current, o = he(i, e), s = G.compact(i, F);
+		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);
 		let c = je.current;
-		Ae.current = null, je.current = null, Ce(null), Te(!1), Se(s), c && !(0, Ot.deepEqual)(c, s) && g(s);
+		Ae.current = null, je.current = null, Se(null), we(!1), Q(s), c && !(0, At.deepEqual)(c, s) && g(s);
 	}, [
 		F,
 		G,
 		O,
 		g
-	]), Ze = x(() => {
+	]), Xe = S(() => {
 		let e = He.current;
 		if (!e.some((e) => e.i === q.i)) {
-			Ee(null), Ce(null), Oe(void 0);
+			Ee(null), Se(null), Oe(void 0);
 			return;
 		}
-		Se(G.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Ce(null), Oe(void 0);
+		Q(G.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Se(null), Oe(void 0);
 	}, [
 		q.i,
 		F,
 		G
-	]), Qe = x((e) => {
-		if (e.preventDefault(), e.stopPropagation(), Mt && !e.nativeEvent.target?.classList.contains(jt)) return !1;
+	]), 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);
-		if (t === !1) return $ && Ze(), !1;
+		if (t === !1) return Te && Xe(), !1;
 		let { dragOffsetX: r = 0, dragOffsetY: i = 0, ...a } = t ?? {}, o = {
 			...q,
 			...a
@@ -3364,16 +3436,16 @@ function Ft(e) {
 			maxRows: L,
 			rowHeight: I,
 			containerWidth: n,
-			containerPadding: Y
-		}, l = ie(c), u = ae(o.w, l, R[0]), d = ae(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 / J,
-			top: _ / J,
+			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,
 			e: e.nativeEvent
 		};
-		if ($) De && (De.left !== v.left || De.top !== v.top) && Oe(v);
+		if (Te) De && (De.left !== v.left || De.top !== v.top) && Oe(v);
 		else {
-			let e = se(c, _, g, o.w, o.h);
-			Ee(/* @__PURE__ */ (0, U.jsx)("div", {}, o.i)), Oe(v), Se([...He.current.filter((e) => e.i !== o.i), {
+			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), {
 				...o,
 				x: e.x,
 				y: e.y,
@@ -3382,41 +3454,41 @@ function Ft(e) {
 			}]);
 		}
 	}, [
-		$,
+		Te,
 		De,
 		q,
 		ue,
 		A,
-		Ze,
-		J,
+		Xe,
+		he,
 		F,
 		R,
 		L,
 		I,
 		n,
-		Y
-	]), $e = x((e) => {
-		e.preventDefault(), e.stopPropagation(), Me.current--, Me.current < 0 && (Me.current = 0), Me.current === 0 && Ze();
-	}, [Ze]), et = x((e) => {
+		ve
+	]), $e = S((e) => {
+		e.preventDefault(), e.stopPropagation(), Me.current--, Me.current < 0 && (Me.current = 0), Me.current === 0 && Xe();
+	}, [Xe]), et = S((e) => {
 		e.preventDefault(), e.stopPropagation(), Me.current++;
-	}, []), tt = x((e) => {
+	}, []), tt = S((e) => {
 		e.preventDefault(), e.stopPropagation();
 		let t = He.current, n = t.find((e) => e.i === q.i);
-		Me.current = 0, Ze(), k(t, n, e.nativeEvent);
+		Me.current = 0, Xe(), k(t, n, e.nativeEvent);
 	}, [
 		q.i,
-		Ze,
+		Xe,
 		k
-	]), nt = x((e, t) => {
+	]), nt = S((e, t) => {
 		if (!e || !e.key) return null;
-		let r = he(Z, String(e.key));
+		let r = _e(X, 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 && ne, o = r.resizeHandles || [...re], c = i && V && r.isBounded !== !1, u = oe;
-		return /* @__PURE__ */ (0, U.jsx)(kt, {
+		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, {
 			containerWidth: n,
 			cols: F,
 			margin: R,
-			containerPadding: Y,
+			containerPadding: ve,
 			maxRows: L,
 			rowHeight: I,
 			cancel: te,
@@ -3426,15 +3498,15 @@ function Ft(e) {
 			onDragStop: Ke,
 			onResizeStart: qe,
 			onResize: Je,
-			onResizeStop: Xe,
+			onResizeStop: Ye,
 			isDraggable: i,
 			isResizable: a,
 			isBounded: c,
-			useCSSTransforms: ge && ye,
-			usePercentages: !ye,
-			transformScale: J,
+			useCSSTransforms: me && J,
+			usePercentages: !J,
+			transformScale: he,
 			positionStrategy: s,
-			dragThreshold: W,
+			dragThreshold: ne,
 			w: r.w,
 			h: r.h,
 			x: r.x,
@@ -3450,15 +3522,15 @@ function Ft(e) {
 			resizeHandle: u,
 			constraints: l,
 			layoutItem: r,
-			layout: Z,
+			layout: X,
 			children: e
 		}, r.i);
 	}, [
-		Z,
+		X,
 		n,
 		F,
 		R,
-		Y,
+		ve,
 		L,
 		I,
 		te,
@@ -3468,76 +3540,76 @@ function Ft(e) {
 		Ke,
 		qe,
 		Je,
-		Xe,
+		Ye,
 		B,
-		ne,
+		re,
 		V,
-		ge,
-		ye,
+		me,
 		J,
+		he,
 		s,
-		W,
+		ne,
 		De,
-		re,
-		oe,
+		ie,
+		ae,
 		l
-	]), rt = () => Q ? /* @__PURE__ */ (0, U.jsx)(kt, {
-		w: Q.w,
-		h: Q.h,
-		x: Q.x,
-		y: Q.y,
-		i: Q.i,
-		className: `react-grid-placeholder ${we ? "placeholder-resizing" : ""}`,
+	]), rt = () => $ ? /* @__PURE__ */ (0, U.jsx)(jt, {
+		w: $.w,
+		h: $.h,
+		x: $.x,
+		y: $.y,
+		i: $.i,
+		className: `react-grid-placeholder ${Ce ? "placeholder-resizing" : ""}`,
 		containerWidth: n,
 		cols: F,
 		margin: R,
-		containerPadding: Y,
+		containerPadding: ve,
 		maxRows: L,
 		rowHeight: I,
 		isDraggable: !1,
 		isResizable: !1,
 		isBounded: !1,
-		useCSSTransforms: ge,
-		transformScale: J,
+		useCSSTransforms: me,
+		transformScale: he,
 		constraints: l,
-		layout: Z,
+		layout: X,
 		children: /* @__PURE__ */ (0, U.jsx)("div", {})
 	}) : null;
 	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		ref: h,
-		className: ee(jt, p),
+		className: ee(Nt, p),
 		style: {
 			height: Ue,
 			...m
 		},
-		onDrop: ce ? tt : void 0,
-		onDragLeave: ce ? $e : void 0,
-		onDragEnter: ce ? et : void 0,
-		onDragOver: ce ? Qe : void 0,
+		onDrop: W ? tt : void 0,
+		onDragLeave: W ? $e : void 0,
+		onDragEnter: W ? et : void 0,
+		onDragOver: W ? Qe : void 0,
 		children: [
-			y.Children.map(t, (e) => y.isValidElement(e) ? nt(e) : null),
-			ce && $ && nt($, !0),
+			b.Children.map(t, (e) => b.isValidElement(e) ? nt(e) : null),
+			W && Te && nt(Te, !0),
 			rt()
 		]
 	});
 }
-var It = {
+var Rt = {
 	lg: 1200,
 	md: 996,
 	sm: 768,
 	xs: 480,
 	xxs: 0
-}, Lt = {
+}, zt = {
 	lg: 12,
 	md: 10,
 	sm: 6,
 	xs: 4,
 	xxs: 2
-}, Rt = () => {};
-function zt(e, t, n, r) {
+}, Bt = () => {};
+function Vt(e, t, n, r) {
 	let i = [];
-	y.Children.forEach(t, (t) => {
-		if (!y.isValidElement(t) || t.key === null) return;
+	b.Children.forEach(t, (t) => {
+		if (!b.isValidElement(t) || t.key === null) return;
 		let n = String(t.key), r = e.find((e) => e.i === n);
 		if (r) i.push({
 			...r,
@@ -3563,36 +3635,36 @@ function zt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: me(i),
+				y: ge(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let a = ye(i, { cols: n });
+	let a = X(i, { cols: n });
 	return r.compact(a, n);
 }
-function Bt(e) {
-	let { children: t, width: n, breakpoint: r, breakpoints: i = It, cols: a = Lt, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = Rt, onLayoutChange: p = Rt, onWidthChange: m = Rt, ...h } = e, g = d ?? Ye("vertical"), _ = g.type, v = g.allowOverlap, y = w(() => r ?? Ze(i, n), []), b = w(() => Qe(y, a), [y, a]), S = w(() => $e(o, i, y, y, b, _), []), [D, O] = E(y), [k, A] = E(b), [j, M] = E(S), [N, P] = E(o), F = T(n), I = T(r), L = T(i), R = T(a), ee = T(o), z = T(_), B = T(N);
-	C(() => {
+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(() => {
 		B.current = N;
 	}, [N]);
-	let V = w(() => (0, Ot.deepEqual)(o, ee.current) ? null : $e(o, i, D, D, k, g), [
+	let V = T(() => (0, At.deepEqual)(o, z.current) ? null : tt(o, i, C, C, k, g), [
 		o,
 		i,
-		D,
+		C,
 		k,
 		g
 	]), H = V ?? j;
-	C(() => {
-		V !== null && (M(V), P(o), B.current = o, ee.current = o);
-	}, [V, o]), C(() => {
-		if (_ !== z.current) {
+	w(() => {
+		V !== null && (M(V), P(o), B.current = o, z.current = o);
+	}, [V, o]), w(() => {
+		if (_ !== ee.current) {
 			let e = g.compact(J(H), k), t = {
 				...B.current,
-				[D]: e
+				[C]: e
 			};
-			M(e), P(t), B.current = t, p(e, t), z.current = _;
+			M(e), P(t), B.current = t, p(e, t), ee.current = _;
 		}
 	}, [
 		_,
@@ -3600,26 +3672,26 @@ function Bt(e) {
 		H,
 		k,
 		v,
-		D,
+		C,
 		p
-	]), C(() => {
-		let e = n !== F.current, o = r !== I.current, s = !(0, Ot.deepEqual)(i, L.current), c = !(0, Ot.deepEqual)(a, R.current);
+	]), w(() => {
+		let e = n !== F.current, o = r !== I.current, s = !(0, At.deepEqual)(i, L.current), c = !(0, At.deepEqual)(a, R.current);
 		if (e || o || s || c) {
-			let e = r ?? Ze(i, n), o = Qe(e, a), d = D;
+			let e = r ?? $e(i, n), o = et(e, a), d = C;
 			if (d !== e || s || c) {
 				let n = { ...B.current };
 				n[d] || (n[d] = J(j));
-				let r = $e(n, i, e, d, o, g);
-				r = zt(r, t, o, g), n[e] = r, O(e), A(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
+				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);
 			}
-			m(n, et(l, e), o, u ? et(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
+			m(n, nt(l, e), o, u ? nt(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
 		}
 	}, [
 		n,
 		r,
 		i,
 		a,
-		D,
+		C,
 		k,
 		j,
 		t,
@@ -3632,29 +3704,29 @@ function Bt(e) {
 		p,
 		m
 	]);
-	let te = x((e) => {
+	let te = S((e) => {
 		let t = {
 			...B.current,
-			[D]: e
+			[C]: e
 		};
 		M(e), P(t), B.current = t, p(e, t);
-	}, [D, p]), W = w(() => et(l, D), [l, D]), ne = w(() => u === null ? null : et(u, D), [u, D]), re = w(() => ({
+	}, [C, p]), ne = T(() => nt(l, C), [l, C]), re = T(() => u === null ? null : nt(u, C), [u, C]), ie = T(() => ({
 		cols: k,
 		rowHeight: s,
 		maxRows: c,
-		margin: W,
-		containerPadding: ne
+		margin: ne,
+		containerPadding: re
 	}), [
 		k,
 		s,
 		c,
-		W,
-		ne
+		ne,
+		re
 	]);
-	return /* @__PURE__ */ (0, U.jsx)(Ft, {
+	return /* @__PURE__ */ (0, U.jsx)(Lt, {
 		...h,
 		width: n,
-		gridConfig: re,
+		gridConfig: ie,
 		compactor: g,
 		onLayoutChange: te,
 		layout: H,
@@ -3663,9 +3735,9 @@ function Bt(e) {
 }
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function Vt({ editMode: e }) {
-	let t = a();
-	return v.useEffect(() => {
+function Ut({ editMode: e }) {
+	let t = o();
+	return y.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -3676,17 +3748,17 @@ function Vt({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Ht = [
+var Wt = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], Ut = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
-	let { width: f, containerRef: p, mounted: m } = nt(), [h, _] = v.useState(!1), [y, b] = v.useState(!1), x = o(), S = v.useRef(null), C = v.useCallback(() => {
+], 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));
 	}, [a]);
-	v.useEffect(() => {
+	y.useEffect(() => {
 		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return S.current = setInterval(C, e.refreshInterval * 1e3), () => {
 			S.current && clearInterval(S.current);
 		};
@@ -3695,7 +3767,7 @@ var Ht = [
 		a,
 		C
 	]);
-	let [w, T] = v.useState(() => {
+	let [w, T] = y.useState(() => {
 		if (typeof window < "u" && i) {
 			let e = localStorage.getItem(i);
 			if (e) try {
@@ -3711,11 +3783,11 @@ var Ht = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] };
-	}), E = v.useCallback((e, t) => {
+	}), E = y.useCallback((e, t) => {
 		T(t), r?.(e);
-	}, [r]), D = v.useCallback(() => {
-		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), _(!1);
-	}, [w, i]), O = v.useCallback(() => {
+	}, [r]), D = y.useCallback(() => {
+		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), g(!1);
+	}, [w, i]), O = y.useCallback(() => {
 		T({ lg: e.widgets?.map((e, t) => ({
 			i: e.id || `widget-${t}`,
 			x: e.layout?.x || t % 4 * 3,
@@ -3723,12 +3795,12 @@ var Ht = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] }), typeof window < "u" && i && localStorage.removeItem(i);
-	}, [e.widgets, i]), k = v.useCallback((e) => {
+	}, [e.widgets, i]), k = y.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 (V(r)) {
+			if (H(r)) {
 				let n = r.aggregate, o = n ? {
 					field: e.valueField || n.field,
 					function: e.aggregate || n.function,
@@ -3741,7 +3813,7 @@ var Ht = [
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Ht,
+					colors: Wt,
 					className: "h-full"
 				};
 			}
@@ -3758,7 +3830,7 @@ var Ht = [
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Ht,
+					colors: Wt,
 					className: "h-full"
 				};
 			}
@@ -3768,13 +3840,13 @@ var Ht = [
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: Ht,
+				colors: Wt,
 				className: "h-full"
 			};
 		}
 		if (t === "table") {
 			let t = e.data || n.data;
-			if (V(t)) {
+			if (H(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "data-table",
@@ -3806,7 +3878,7 @@ var Ht = [
 		}
 		if (t === "pivot") {
 			let t = e.data || n.data;
-			if (V(t)) {
+			if (H(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "pivot",
@@ -3829,10 +3901,10 @@ var Ht = [
 	}, []);
 	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		ref: p,
-		className: g("w-full", t),
+		className: _("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			x && /* @__PURE__ */ (0, U.jsx)(Vt, { editMode: h }),
+			x && /* @__PURE__ */ (0, U.jsx)(Ut, { editMode: h }),
 			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "mb-4 flex items-center justify-between",
 				children: [/* @__PURE__ */ (0, U.jsx)("h2", {
@@ -3841,42 +3913,42 @@ var Ht = [
 				}), /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "flex gap-2",
 					children: h ? /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
-						/* @__PURE__ */ (0, U.jsxs)(s, {
+						/* @__PURE__ */ (0, U.jsxs)(c, {
 							onClick: D,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ (0, U.jsx)(I, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ (0, U.jsxs)(s, {
+						/* @__PURE__ */ (0, U.jsxs)(c, {
 							onClick: O,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ (0, U.jsx)(z, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ (0, U.jsx)(s, {
-							onClick: () => _(!1),
+						/* @__PURE__ */ (0, U.jsx)(c, {
+							onClick: () => g(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [a && /* @__PURE__ */ (0, U.jsxs)(s, {
+					] }) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [a && /* @__PURE__ */ (0, U.jsxs)(c, {
 						onClick: C,
 						size: "sm",
 						variant: "outline",
-						disabled: y,
+						disabled: v,
 						"aria-label": "Refresh dashboard",
-						children: [/* @__PURE__ */ (0, U.jsx)(F, { className: g("h-4 w-4 mr-2", y && "animate-spin") }), y ? "Refreshing…" : "Refresh All"]
-					}), /* @__PURE__ */ (0, U.jsxs)(s, {
-						onClick: () => _(!0),
+						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, {
+						onClick: () => g(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ (0, U.jsx)(j, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ (0, U.jsx)(M, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			m && /* @__PURE__ */ (0, U.jsx)(Bt, {
+			m && /* @__PURE__ */ (0, U.jsx)(Ht, {
 				className: "layout",
-				width: f,
+				width: o,
 				layouts: w,
 				breakpoints: {
 					lg: 1200,
@@ -3907,27 +3979,27 @@ var Ht = [
 							className: "h-full w-full relative",
 							children: [h && /* @__PURE__ */ (0, U.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)(M, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ (0, U.jsx)(N, { className: "h-4 w-4" })
 							}), /* @__PURE__ */ (0, U.jsx)(n, {
 								schema: i,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ (0, U.jsxs)(c, {
-							className: g("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)(u, {
+						}) : /* @__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, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ (0, U.jsx)(d, {
+								children: [/* @__PURE__ */ (0, U.jsx)(f, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
 								}), h && /* @__PURE__ */ (0, U.jsx)("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ (0, U.jsx)(M, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, U.jsx)(N, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ (0, U.jsx)(l, {
+							}), /* @__PURE__ */ (0, U.jsx)(u, {
 								className: "p-0 h-full",
 								children: /* @__PURE__ */ (0, U.jsx)("div", {
-									className: g("h-full w-full overflow-auto p-4"),
+									className: _("h-full w-full overflow-auto p-4"),
 									children: /* @__PURE__ */ (0, U.jsx)(n, { schema: i })
 								})
 							})]
@@ -3940,33 +4012,42 @@ var Ht = [
 };
 //#endregion
 //#region src/MetricWidget.tsx
-function Wt(e) {
+function Kt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Gt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, ...f }) => {
-	let p = w(() => {
+var qt = {
+	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",
+	orange: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+	purple: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+	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(() => {
 		if (typeof r == "string") {
-			let e = D[r];
-			return e ? /* @__PURE__ */ (0, U.jsx)(e, { className: "h-4 w-4 text-muted-foreground" }) : null;
+			let e = O[r];
+			return e ? /* @__PURE__ */ (0, U.jsx)(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ (0, U.jsxs)(c, {
-		className: g("h-full overflow-hidden", i),
-		...f,
-		children: [/* @__PURE__ */ (0, U.jsxs)(u, {
+	return /* @__PURE__ */ (0, U.jsxs)(l, {
+		className: _("h-full overflow-hidden", i),
+		...p,
+		children: [/* @__PURE__ */ (0, U.jsxs)(d, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, U.jsx)(d, {
+			children: [/* @__PURE__ */ (0, U.jsx)(f, {
 				className: "text-sm font-medium truncate",
-				children: Wt(e)
-			}), p && /* @__PURE__ */ (0, U.jsx)("div", {
-				className: "h-4 w-4 text-muted-foreground shrink-0",
-				children: p
+				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: h
 			})]
-		}), /* @__PURE__ */ (0, U.jsx)(l, { children: o ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		}), /* @__PURE__ */ (0, U.jsx)(u, { children: o ? /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-loading",
-			children: [/* @__PURE__ */ (0, U.jsx)(N, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, U.jsx)(P, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
@@ -3974,7 +4055,7 @@ var Gt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a,
 			className: "flex items-center gap-2",
 			"data-testid": "metric-error",
 			role: "alert",
-			children: [/* @__PURE__ */ (0, U.jsx)(O, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, U.jsx)(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "text-xs text-destructive truncate",
 				children: s
 			})]
@@ -3984,51 +4065,51 @@ var Gt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a,
 		}), (n || a) && /* @__PURE__ */ (0, U.jsxs)("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1 truncate",
 			children: [n && /* @__PURE__ */ (0, U.jsxs)("span", {
-				className: g("flex items-center mr-2 shrink-0", n.direction === "up" && "text-green-500", n.direction === "down" && "text-red-500", n.direction === "neutral" && "text-yellow-500"),
+				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.direction === "up" && /* @__PURE__ */ (0, U.jsx)(A, { className: "h-3 w-3 mr-1" }),
-					n.direction === "down" && /* @__PURE__ */ (0, U.jsx)(k, { className: "h-3 w-3 mr-1" }),
-					n.direction === "neutral" && /* @__PURE__ */ (0, U.jsx)(P, { className: "h-3 w-3 mr-1" }),
+					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.value,
 					"%"
 				]
 			}), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "truncate",
-				children: Wt(a) || Wt(n?.label)
+				children: Kt(a) || Kt(n?.label)
 			})]
 		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function Kt(e) {
+function Yt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var qt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: f, ...p }) => {
-	let m = n && D[n];
-	return /* @__PURE__ */ (0, U.jsxs)(c, {
-		className: g("h-full", o),
+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)(u, {
+		children: [/* @__PURE__ */ (0, U.jsxs)(d, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, U.jsx)(d, {
+			children: [/* @__PURE__ */ (0, U.jsx)(f, {
 				className: "text-sm font-medium",
-				children: Kt(e)
+				children: Yt(e)
 			}), m && /* @__PURE__ */ (0, U.jsx)(m, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ (0, U.jsx)(l, { children: s ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		}), /* @__PURE__ */ (0, U.jsx)(u, { children: s ? /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-card-loading",
-			children: [/* @__PURE__ */ (0, U.jsx)(N, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, U.jsx)(P, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : f ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		}) : c ? /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-card-error",
 			role: "alert",
-			children: [/* @__PURE__ */ (0, U.jsx)(O, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
+			children: [/* @__PURE__ */ (0, U.jsx)(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "text-xs text-destructive truncate",
-				children: f
+				children: c
 			})]
 		}) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)("div", {
 			className: "text-2xl font-bold",
@@ -4036,20 +4117,20 @@ var qt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 		}), (r || i || a) && /* @__PURE__ */ (0, U.jsxs)("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1",
 			children: [r && i && /* @__PURE__ */ (0, U.jsxs)("span", {
-				className: g("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
+				className: _("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)(A, { className: "h-3 w-3 mr-1" }),
-					r === "down" && /* @__PURE__ */ (0, U.jsx)(k, { className: "h-3 w-3 mr-1" }),
-					r === "neutral" && /* @__PURE__ */ (0, U.jsx)(P, { className: "h-3 w-3 mr-1" }),
+					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" }),
 					i
 				]
-			}), Kt(a)]
+			}), Yt(a)]
 		})] }) })]
 	});
-}, Jt = ({ objectName: e, aggregate: t, filter: n, label: i, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: u }) => {
-	let d = S(r), f = u || d?.dataSource, [p, m] = E(null), [h, g] = E(!1), [_, v] = E(null), y = x(async (r, i) => {
+}, 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) => {
 		if (!(!r || !e)) {
-			i.current && (g(!0), v(null));
+			i.current && (_(!0), y(null));
 			try {
 				let a;
 				if (t && typeof r.aggregate == "function") {
@@ -4064,11 +4145,11 @@ var qt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 					let t = await r.find(e, { $filter: n });
 					a = (Array.isArray(t) ? t : t?.data || t?.records || []).length;
 				} else return;
-				i.current && m(a);
+				i.current && h(a);
 			} catch (e) {
-				console.error("[ObjectMetricWidget] Fetch error:", e), i.current && v(e instanceof Error ? e.message : "Failed to load metric");
+				console.error("[ObjectMetricWidget] Fetch error:", e), i.current && y(e instanceof Error ? e.message : "Failed to load metric");
 			} finally {
-				i.current && g(!1);
+				i.current && _(!1);
 			}
 		}
 	}, [
@@ -4076,29 +4157,30 @@ var qt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 		t,
 		n
 	]);
-	return C(() => {
+	return w(() => {
 		let t = { current: !0 };
-		return f && e ? y(f, t) : (m(null), v(null)), () => {
+		return p && e ? b(p, t) : (h(null), y(null)), () => {
 			t.current = !1;
 		};
 	}, [
-		f,
+		p,
 		e,
-		y
-	]), /* @__PURE__ */ (0, U.jsx)(Gt, {
+		b
+	]), /* @__PURE__ */ (0, U.jsx)(Jt, {
 		label: i,
-		value: p === null ? f ? "—" : a ?? "—" : p,
+		value: m === null ? p ? "—" : a ?? "—" : m,
 		trend: o,
 		icon: s,
 		className: c,
 		description: l,
-		loading: h,
-		error: _
+		loading: g,
+		error: v,
+		colorVariant: d
 	});
 };
 //#endregion
 //#region src/PivotTable.tsx
-function Yt(e, t) {
+function Qt(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -4115,7 +4197,7 @@ function Yt(e, t) {
 	}
 	return n + l + r;
 }
-function Xt(e, t) {
+function $t(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -4126,8 +4208,8 @@ function Xt(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var Zt = ({ 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: _, colTotals: v, grandTotal: y } = w(() => {
+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(() => {
 		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;
@@ -4138,10 +4220,10 @@ var Zt = ({ schema: e, className: t }) => {
 			l[e] = {};
 			let t = [];
 			for (let r of c) {
-				let i = n[e]?.[r] ?? [], a = Xt(i, o);
+				let i = n[e]?.[r] ?? [], a = $t(i, o);
 				l[e][r] = a, t.push(...i), !d[r] && d[r];
 			}
-			u[e] = Xt(t, o);
+			u[e] = $t(t, o);
 		}
 		for (let e of c) {
 			let t = [];
@@ -4149,7 +4231,7 @@ var Zt = ({ schema: e, className: t }) => {
 				let i = n[r]?.[e] ?? [];
 				t.push(...i);
 			}
-			d[e] = Xt(t, o);
+			d[e] = $t(t, o);
 		}
 		let p = [];
 		for (let e of f) p.push(Number(e[a]) || 0);
@@ -4159,7 +4241,7 @@ var Zt = ({ schema: e, className: t }) => {
 			matrix: l,
 			rowTotals: u,
 			colTotals: d,
-			grandTotal: Xt(p, o)
+			grandTotal: $t(p, o)
 		};
 	}, [
 		f,
@@ -4167,9 +4249,9 @@ var Zt = ({ schema: e, className: t }) => {
 		i,
 		a,
 		o
-	]), b = (e) => Yt(e, u);
+	]), b = (e) => Qt(e, u);
 	return f.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("overflow-auto", t),
+		className: _("overflow-auto", t),
 		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: n
@@ -4217,7 +4299,7 @@ var Zt = ({ schema: e, className: t }) => {
 			})]
 		})]
 	}) : /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("overflow-auto", t),
+		className: _("overflow-auto", t),
 		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: n
@@ -4233,7 +4315,7 @@ var Zt = ({ schema: e, className: t }) => {
 							children: r
 						}),
 						m.map((e) => /* @__PURE__ */ (0, U.jsx)("th", {
-							className: g("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
+							className: _("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
 							children: e
 						}, e)),
 						c && /* @__PURE__ */ (0, U.jsx)("th", {
@@ -4250,12 +4332,12 @@ var Zt = ({ schema: e, className: t }) => {
 							children: e
 						}),
 						m.map((t) => /* @__PURE__ */ (0, U.jsx)("td", {
-							className: g("text-right p-2 tabular-nums", d?.[t]),
+							className: _("text-right p-2 tabular-nums", d?.[t]),
 							children: b(h[e]?.[t] ?? 0)
 						}, t)),
 						c && /* @__PURE__ */ (0, U.jsx)("td", {
 							className: "text-right p-2 font-semibold tabular-nums bg-muted/20",
-							children: b(_[e] ?? 0)
+							children: b(g[e] ?? 0)
 						})
 					]
 				}, e)) }),
@@ -4279,9 +4361,9 @@ var Zt = ({ schema: e, className: t }) => {
 			]
 		})]
 	});
-}, Qt = ({ schema: e, dataSource: n, className: a }) => {
-	let o = S(r), s = n || o?.dataSource, c = i(e.bind), [l, u] = E([]), [d, f] = E(!1), [p, m] = E(null);
-	C(() => {
+}, 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(() => {
 		let n = !0;
 		return e.objectName && !c && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!s || !e.objectName)) {
@@ -4307,9 +4389,9 @@ var Zt = ({ schema: e, className: t }) => {
 		e.data,
 		e.filter
 	]);
-	let _ = c || e.data || l, v = Array.isArray(_) ? _ : [];
+	let h = c || e.data || l, v = Array.isArray(h) ? h : [];
 	return d && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("overflow-auto", a),
+		className: _("overflow-auto", i),
 		"data-testid": "pivot-loading",
 		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -4319,10 +4401,10 @@ var Zt = ({ schema: e, className: t }) => {
 			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-24" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-20" })
+					/* @__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" })
 				]
 			}), [
 				1,
@@ -4331,15 +4413,15 @@ var Zt = ({ schema: e, className: t }) => {
 			].map((e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-24" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-20" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-20" })
+					/* @__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" })
 				]
 			}, e))]
 		})]
 	}) : p ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("overflow-auto", a),
+		className: _("overflow-auto", i),
 		"data-testid": "pivot-error",
 		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -4381,7 +4463,7 @@ var Zt = ({ schema: e, className: t }) => {
 			})]
 		})]
 	}) : !s && e.objectName && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("overflow-auto", a),
+		className: _("overflow-auto", i),
 		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
@@ -4396,36 +4478,36 @@ var Zt = ({ schema: e, className: t }) => {
 				]
 			})
 		})]
-	}) : /* @__PURE__ */ (0, U.jsx)(Zt, {
+	}) : /* @__PURE__ */ (0, U.jsx)(en, {
 		schema: {
 			...e,
 			data: v
 		},
-		className: a
+		className: i
 	});
 };
 //#endregion
 //#region src/ObjectDataTable.tsx
-function $t(e) {
+function nn(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 en = ({ schema: e, dataSource: a, className: o }) => {
-	let s = S(r), c = a || s?.dataSource, l = i(e.bind), [u, d] = E([]), [f, p] = E(!1), [m, _] = E(null);
-	C(() => {
+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(() => {
 		let n = !0;
 		return e.objectName && !l && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!c || !e.objectName)) {
-				n && (p(!0), _(null));
+				n && (p(!0), h(null));
 				try {
 					let r;
 					if (typeof c.find == "function") r = t(await c.find(e.objectName, { $filter: e.filter }));
 					else return;
 					n && d(r);
 				} catch (e) {
-					console.error("[ObjectDataTable] Fetch error:", e), n && _(e instanceof Error ? e.message : "Failed to load data");
+					console.error("[ObjectDataTable] Fetch error:", e), n && h(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
 					n && p(!1);
 				}
@@ -4440,22 +4522,22 @@ var en = ({ schema: e, dataSource: a, className: o }) => {
 		e.data,
 		e.filter
 	]);
-	let v = l || e.data || u, y = Array.isArray(v) ? v : [], b = w(() => e.columns && e.columns.length > 0 ? $t(e.columns) : y.length === 0 ? [] : Object.keys(y[0]).filter((e) => !e.startsWith("_")).map((e) => ({
+	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: g("overflow-auto", o),
+		className: _("overflow-auto", o),
 		"data-testid": "table-loading",
 		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "space-y-2 p-2",
 			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { 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, U.jsx)(g, { className: "h-6 w-1/4" })
 				]
 			}), [
 				1,
@@ -4465,15 +4547,15 @@ var en = ({ schema: e, dataSource: a, className: o }) => {
 			].map((e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, U.jsx)(h, { 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, U.jsx)(g, { className: "h-5 w-1/4" })
 				]
 			}, e))]
 		})
 	}) : m ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: g("overflow-auto", o),
+		className: _("overflow-auto", o),
 		"data-testid": "table-error",
 		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
@@ -4512,7 +4594,7 @@ var en = ({ schema: e, dataSource: a, className: o }) => {
 			})]
 		})
 	}) : !c && e.objectName && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: g("overflow-auto", o),
+		className: _("overflow-auto", o),
 		children: /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
 			children: /* @__PURE__ */ (0, U.jsxs)("p", {
@@ -4525,7 +4607,7 @@ var en = ({ schema: e, dataSource: a, className: o }) => {
 			})
 		})
 	}) : y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
-		className: g("overflow-auto", o),
+		className: _("overflow-auto", o),
 		"data-testid": "table-empty-state",
 		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
@@ -4574,7 +4656,7 @@ var en = ({ schema: e, dataSource: a, className: o }) => {
 		},
 		className: o
 	});
-}, tn = {
+}, an = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -4679,12 +4761,12 @@ var en = ({ schema: e, dataSource: a, className: o }) => {
 		}
 	]
 };
-function nn({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
-	let { draft: a, isDirty: o, updateField: s, discard: c } = _(n, { onUpdate: i });
-	return /* @__PURE__ */ (0, U.jsx)(p, {
+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, {
 		open: e,
 		onClose: t,
-		schema: tn,
+		schema: an,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -4694,7 +4776,7 @@ function nn({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var rn = [
+var sn = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -4739,7 +4821,7 @@ var rn = [
 		value: "custom",
 		label: "Custom"
 	}
-], an = [
+], cn = [
 	{
 		value: "default",
 		label: "Default"
@@ -4772,7 +4854,7 @@ var rn = [
 		value: "danger",
 		label: "Danger"
 	}
-], on = [
+], ln = [
 	{
 		value: "count",
 		label: "Count"
@@ -4793,7 +4875,7 @@ var rn = [
 		value: "max",
 		label: "Max"
 	}
-], sn = [
+], un = [
 	"bar",
 	"line",
 	"area",
@@ -4801,32 +4883,32 @@ var rn = [
 	"donut",
 	"scatter"
 ];
-function cn(e) {
-	return !!e && sn.includes(e);
+function dn(e) {
+	return !!e && un.includes(e);
 }
-var ln = [{
+var fn = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], un = [{
+}], pn = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function dn(e, t, n, r) {
+function mn(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ (0, U.jsx)(m, {
+		render: (i, a, o) => /* @__PURE__ */ (0, U.jsx)(h, {
 			label: t,
 			children: /* @__PURE__ */ (0, U.jsx)("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ (0, U.jsx)(f, {
+				children: /* @__PURE__ */ (0, U.jsx)(p, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -4840,16 +4922,16 @@ function dn(e, t, n, r) {
 		})
 	};
 }
-function fn(e, t, n) {
+function hn(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)(m, {
+		render: (t, n) => /* @__PURE__ */ (0, U.jsx)(h, {
 			label: "Data source",
 			children: /* @__PURE__ */ (0, U.jsx)("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ (0, U.jsx)(f, {
+				children: /* @__PURE__ */ (0, U.jsx)(p, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -4865,27 +4947,27 @@ function fn(e, t, n) {
 		label: "Data source",
 		type: "input",
 		placeholder: "Object name"
-	}, a = r ? dn("categoryField", "Category field", "Select field…", t) : {
+	}, a = r ? mn("categoryField", "Category field", "Select field…", t) : {
 		key: "categoryField",
 		label: "Category field",
 		type: "input",
 		placeholder: "e.g. status"
-	}, o = r ? dn("valueField", "Value field", "Select field…", t) : {
+	}, o = r ? mn("valueField", "Value field", "Select field…", t) : {
 		key: "valueField",
 		label: "Value field",
 		type: "input",
 		placeholder: "e.g. amount"
-	}, s = r ? dn("rowField", "Field", "Select row field…", t) : {
+	}, s = r ? mn("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? dn("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? mn("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? dn("pivotValueField", "Field", "Select value field…", t) : {
+	}, l = r ? mn("pivotValueField", "Field", "Select value field…", t) : {
 		key: "pivotValueField",
 		label: "Field",
 		type: "input",
@@ -4895,7 +4977,7 @@ function fn(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (cn(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (dn(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -4917,7 +4999,7 @@ function fn(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: rn,
+						options: sn,
 						defaultValue: "metric"
 					}
 				]
@@ -4935,7 +5017,7 @@ function fn(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: on,
+						options: ln,
 						defaultValue: "count"
 					}
 				]
@@ -4958,14 +5040,14 @@ function fn(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: ln,
+						options: fn,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: un,
+						options: pn,
 						defaultValue: "asc"
 					},
 					{
@@ -4993,14 +5075,14 @@ function fn(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: ln,
+						options: fn,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: un,
+						options: pn,
 						defaultValue: "asc"
 					},
 					{
@@ -5028,7 +5110,7 @@ function fn(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: on,
+						options: ln,
 						defaultValue: "sum"
 					},
 					{
@@ -5043,7 +5125,7 @@ function fn(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => cn(e.type),
+				visibleWhen: (e) => dn(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -5113,7 +5195,7 @@ function fn(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: an,
+					options: cn,
 					defaultValue: "default"
 				}, {
 					key: "actionUrl",
@@ -5125,7 +5207,7 @@ function fn(e, t, n) {
 		]
 	};
 }
-function pn(e) {
+function gn(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -5134,16 +5216,16 @@ function pn(e) {
 	}
 	return String(e);
 }
-function mn({ 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.useMemo(() => ({
+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(() => ({
 		...n,
-		title: typeof n.title == "object" ? pn(n.title) : n.title,
-		description: typeof n.description == "object" ? pn(n.description) : n.description
+		title: typeof n.title == "object" ? gn(n.title) : n.title,
+		description: typeof n.description == "object" ? gn(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ (0, U.jsx)(p, {
+	return /* @__PURE__ */ (0, U.jsx)(m, {
 		open: e,
 		onClose: t,
-		schema: v.useMemo(() => fn(o, s, c.type), [
+		schema: y.useMemo(() => hn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -5158,12 +5240,12 @@ function mn({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-function hn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: c }) {
-	let [l, u] = E(o), [d, f] = E(null), [p, m] = E(e), [h, _] = E(0);
-	C(() => {
-		m(e), _((e) => e + 1);
+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(() => {
+		m(e), g((e) => e + 1);
 	}, [e]);
-	let y = v.useMemo(() => {
+	let v = y.useMemo(() => {
 		if (!d || !p.widgets) return null;
 		let e = p.widgets.find((e) => (e.id || e.title) === d);
 		return e ? {
@@ -5180,11 +5262,11 @@ function hn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
 		} : null;
-	}, [d, h]), b = x((e) => {
+	}, [d, h]), b = S((e) => {
 		f(e), u(!0);
-	}, []), S = x(() => {
+	}, []), x = S(() => {
 		f(null);
-	}, []), w = x((e, t) => {
+	}, []), C = S((e, t) => {
 		d && m((n) => n.widgets ? {
 			...n,
 			widgets: n.widgets.map((n) => (n.id || n.title) === d ? e === "layoutW" ? {
@@ -5204,26 +5286,26 @@ function hn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				[e]: t
 			} : n)
 		} : n);
-	}, [d]), T = x((e) => {
-		d && r && r(d, e), f(null), _((e) => e + 1);
-	}, [d, r]), D = x(() => {
+	}, [d]), T = S((e) => {
+		d && r && r(d, e), f(null), g((e) => e + 1);
+	}, [d, r]), E = S(() => {
 		u((e) => !e), f(null);
 	}, []);
 	return /* @__PURE__ */ (0, U.jsxs)("div", {
-		className: g("flex h-full w-full", c),
+		className: _("flex h-full w-full", s),
 		"data-testid": "dashboard-with-config",
 		children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex-1 min-w-0 overflow-auto relative",
 			children: [/* @__PURE__ */ (0, U.jsx)("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ (0, U.jsxs)(s, {
+				children: /* @__PURE__ */ (0, U.jsxs)(c, {
 					size: "sm",
 					variant: l ? "default" : "outline",
-					onClick: D,
+					onClick: E,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ (0, U.jsx)(re, {
+			}), /* @__PURE__ */ (0, U.jsx)(W, {
 				schema: p,
 				onRefresh: i,
 				recordCount: a,
@@ -5233,13 +5315,13 @@ function hn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			})]
 		}), l && /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "relative shrink-0",
-			children: d && y ? /* @__PURE__ */ (0, U.jsx)(mn, {
+			children: d && v ? /* @__PURE__ */ (0, U.jsx)(_n, {
 				open: !0,
-				onClose: S,
-				config: y,
+				onClose: x,
+				config: v,
 				onSave: T,
-				onFieldChange: w
-			}) : /* @__PURE__ */ (0, U.jsx)(nn, {
+				onFieldChange: C
+			}) : /* @__PURE__ */ (0, U.jsx)(on, {
 				open: !0,
 				onClose: () => u(!1),
 				config: t,
@@ -5248,7 +5330,7 @@ function hn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", re, {
+e.register("dashboard", W, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -5276,7 +5358,7 @@ e.register("dashboard", re, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Gt, {
+}), e.register("metric", Jt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -5289,7 +5371,7 @@ e.register("dashboard", re, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", qt, {
+}), e.register("metric-card", Xt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -5344,7 +5426,7 @@ e.register("dashboard", re, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Jt, {
+}), e.register("object-metric", Zt, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -5373,7 +5455,7 @@ e.register("dashboard", re, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", Zt, {
+}), e.register("pivot", en, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -5452,7 +5534,7 @@ e.register("dashboard", re, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", Qt, {
+}), e.register("object-pivot", tn, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -5541,7 +5623,7 @@ e.register("dashboard", re, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Ut, {
+}), e.register("dashboard-grid", Gt, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -5569,7 +5651,7 @@ e.register("dashboard", re, {
 		widgets: [],
 		persistLayoutKey: "dashboard-layout"
 	}
-}), e.register("object-data-table", en, {
+}), e.register("object-data-table", rn, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -5607,18 +5689,18 @@ e.register("dashboard", re, {
 		pagination: !1
 	}
 });
-var gn = {
-	DashboardRenderer: re,
-	DashboardGridLayout: Ut,
-	MetricWidget: Gt,
-	MetricCard: qt,
-	ObjectMetricWidget: Jt,
-	PivotTable: Zt,
-	ObjectPivotTable: Qt,
-	ObjectDataTable: en,
-	DashboardConfigPanel: nn,
-	WidgetConfigPanel: mn,
-	DashboardWithConfig: hn
+var yn = {
+	DashboardRenderer: W,
+	DashboardGridLayout: Gt,
+	MetricWidget: Jt,
+	MetricCard: Xt,
+	ObjectMetricWidget: Zt,
+	PivotTable: en,
+	ObjectPivotTable: tn,
+	ObjectDataTable: rn,
+	DashboardConfigPanel: on,
+	WidgetConfigPanel: _n,
+	DashboardWithConfig: vn
 };
 //#endregion
-export { nn as DashboardConfigPanel, Ut as DashboardGridLayout, re as DashboardRenderer, hn as DashboardWithConfig, qt as MetricCard, Gt as MetricWidget, en as ObjectDataTable, Jt as ObjectMetricWidget, Qt as ObjectPivotTable, Zt as PivotTable, mn as WidgetConfigPanel, gn as dashboardComponents };
+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 };