@object-ui/plugin-dashboard 3.1.4 → 3.3.0

package/dist/index.js

@@ -4,21 +4,21 @@ import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as
 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 { ArrowDownIcon as O, ArrowUpIcon as k, Edit as A, GripVertical as j, MinusIcon as M, RefreshCw as N, Save as P, Settings as F, X as I } 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 ee from "clsx";
 //#region \0rolldown/runtime.js
-var L = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), R = /* @__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 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) {
 	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 z(e) {
+function V(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && e.provider === "object";
 }
 //#endregion
-//#region ../../node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react-jsx-runtime.production.js
-var B = /* @__PURE__ */ L(((e) => {
+//#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.production.js
+var H = /* @__PURE__ */ z(((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 B = /* @__PURE__ */ L(((e) => {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), te = /* @__PURE__ */ L(((e) => {
+})), te = /* @__PURE__ */ z(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -164,7 +164,7 @@ var B = /* @__PURE__ */ L(((e) => {
 				var m = Object.keys(n).filter(function(e) {
 					return e !== "key";
 				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", ee[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), ee[p + o] = !0);
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", L[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), L[p + o] = !0);
 			}
 			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
 			else i = n;
@@ -176,13 +176,13 @@ var B = /* @__PURE__ */ L(((e) => {
 		function p(e) {
 			return typeof e == "object" && !!e && e.$$typeof === h;
 		}
-		var m = R("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 = 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() {
 			return null;
 		};
 		m = { react_stack_bottom_frame: function(e) {
 			return e();
 		} };
-		var N, P = {}, F = m.react_stack_bottom_frame.bind(m, o)(), I = M(i(o)), ee = {};
+		var N, P = {}, F = m.react_stack_bottom_frame.bind(m, o)(), I = M(i(o)), L = {};
 		e.Fragment = _, e.jsx = function(e, t, n) {
 			var r = 1e4 > k.recentlyCreatedOwnerStacks++;
 			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
@@ -191,10 +191,10 @@ var B = /* @__PURE__ */ L(((e) => {
 			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
 		};
 	})();
-})), V = (/* @__PURE__ */ L(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = B() : t.exports = te();
+})), U = (/* @__PURE__ */ z(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = H() : t.exports = te();
 })))();
-function H(e) {
+function W(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
 var ne = [
@@ -242,16 +242,38 @@ var ne = [
 		e.widgets
 	]), M = x((e) => {
 		!f || !m || e.target === e.currentTarget && m(null);
-	}, [f, m]), P = (e, t, r) => {
+	}, [f, m]), N = (e, t, r) => {
 		let i = e.layout ? {
 			...e.layout,
 			w: Math.min(e.layout.w, v)
 		} : void 0, a = (() => {
 			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 ? {
+					field: e.valueField || t.aggregate.field,
+					function: e.aggregate || t.aggregate.function,
+					groupBy: e.categoryField ?? t.aggregate.groupBy ?? "_all"
+				} : e.aggregate ? {
+					field: e.valueField || "value",
+					function: e.aggregate,
+					groupBy: e.categoryField || "_all"
+				} : void 0;
+				return {
+					type: "object-metric",
+					objectName: e.object || (V(t) ? t.object : void 0),
+					aggregate: r,
+					filter: (V(t) ? t.filter : void 0) || e.filter,
+					label: n.label || W(e.title) || "",
+					fallbackValue: n.value,
+					trend: n.trend,
+					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 (z(r)) {
+				if (V(r)) {
 					let n = r.aggregate, o = n ? {
 						field: e.valueField || n.field,
 						function: e.aggregate || n.function,
@@ -297,7 +319,7 @@ var ne = [
 			}
 			if (t === "table") {
 				let t = e.data || n.data;
-				if (z(t)) {
+				if (V(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -329,7 +351,7 @@ var ne = [
 			}
 			if (t === "pivot") {
 				let t = e.data || n.data;
-				if (z(t)) {
+				if (V(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-pivot",
@@ -354,7 +376,7 @@ var ne = [
 				...e,
 				...n
 			};
-		})(), o = e.type === "metric", s = H(e.title), m = H(e.description), h = e.id || s || `widget-${t}`, _ = f && p === e.id, y = f ? {
+		})(), o = e.type === "metric", s = W(e.title), m = W(e.description), h = e.id || s || `widget-${t}`, _ = f && p === e.id, y = f ? {
 			"data-testid": `dashboard-preview-widget-${e.id}`,
 			"data-widget-id": e.id,
 			role: "button",
@@ -364,22 +386,22 @@ var ne = [
 			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, V.jsxs)("div", {
+		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}`
 			} : void 0,
 			...y,
-			children: [/* @__PURE__ */ (0, V.jsx)(n, {
+			children: [/* @__PURE__ */ (0, U.jsx)(n, {
 				schema: a,
 				className: g("h-full w-full", f && "pointer-events-none")
-			}), f && /* @__PURE__ */ (0, V.jsx)("div", {
+			}), f && /* @__PURE__ */ (0, U.jsx)("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}, h) : /* @__PURE__ */ (0, V.jsxs)(c, {
+		}, 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}`,
@@ -387,108 +409,108 @@ var ne = [
 			} : void 0,
 			...y,
 			children: [
-				s && /* @__PURE__ */ (0, V.jsxs)(u, {
+				s && /* @__PURE__ */ (0, U.jsxs)(u, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ (0, V.jsx)(d, {
+					children: [/* @__PURE__ */ (0, U.jsx)(d, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
 						title: s,
 						children: s
-					}), m && /* @__PURE__ */ (0, V.jsx)("p", {
+					}), m && /* @__PURE__ */ (0, U.jsx)("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
 						children: m
 					})]
 				}),
-				/* @__PURE__ */ (0, V.jsx)(l, {
+				/* @__PURE__ */ (0, U.jsx)(l, {
 					className: "p-0",
-					children: /* @__PURE__ */ (0, V.jsx)("div", {
+					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, V.jsx)(n, { schema: a })
+						children: /* @__PURE__ */ (0, U.jsx)(n, { schema: a })
 					})
 				}),
-				f && /* @__PURE__ */ (0, V.jsx)("div", {
+				f && /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "absolute inset-0 z-10",
 					"aria-hidden": "true",
 					"data-testid": "widget-click-overlay"
 				})
 			]
 		}, h);
-	}, F = e.header && /* @__PURE__ */ (0, V.jsxs)("div", {
+	}, P = e.header && /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: "col-span-full mb-4",
 		children: [
-			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ (0, V.jsx)("h2", {
+			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ (0, U.jsx)("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: H(e.title)
+				children: W(e.title)
 			}),
-			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ (0, V.jsx)("p", {
+			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: H(e.description)
+				children: W(e.description)
 			}),
-			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ (0, V.jsx)("div", {
+			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, V.jsx)(s, {
+				children: e.header.actions.map((e, t) => /* @__PURE__ */ (0, U.jsx)(s, {
 					variant: "outline",
 					size: "sm",
 					children: e.label
 				}, t))
 			})
 		]
-	}), I = a !== void 0 && /* @__PURE__ */ (0, V.jsxs)("span", {
+	}), I = a !== void 0 && /* @__PURE__ */ (0, U.jsxs)("span", {
 		className: "text-xs text-muted-foreground",
 		children: [a.toLocaleString(), " records"]
-	}), ee = o ? JSON.stringify(o) : void 0, L = i && /* @__PURE__ */ (0, V.jsxs)("div", {
+	}), 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, V.jsxs)(s, {
+		children: [I, /* @__PURE__ */ (0, U.jsxs)(s, {
 			variant: "outline",
 			size: "sm",
 			onClick: k,
 			disabled: b,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ (0, V.jsx)(N, { className: g("h-4 w-4 mr-2", b && "animate-spin") }), b ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ (0, U.jsx)(F, { className: g("h-4 w-4 mr-2", b && "animate-spin") }), b ? "Refreshing…" : "Refresh All"]
 		})]
 	});
 	if (w) {
 		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [];
-		return /* @__PURE__ */ (0, V.jsxs)("div", {
+		return /* @__PURE__ */ (0, U.jsxs)("div", {
 			ref: _,
 			className: g("flex flex-col gap-4 px-4", t),
-			"data-user-actions": ee,
+			"data-user-actions": L,
 			onClick: M,
 			...h,
 			children: [
-				F,
-				L,
-				n.length > 0 && /* @__PURE__ */ (0, V.jsx)("div", {
+				P,
+				R,
+				n.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "grid grid-cols-2 gap-3",
 					onClick: M,
-					children: n.map((e, t) => P(e, t))
+					children: n.map((e, t) => N(e, t))
 				}),
-				r.length > 0 && /* @__PURE__ */ (0, V.jsx)("div", {
+				r.length > 0 && /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "flex flex-col gap-4",
 					onClick: M,
-					children: r.map((e, t) => P(e, t, !0))
+					children: r.map((e, t) => N(e, t, !0))
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ (0, V.jsxs)("div", {
+	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),
 		style: {
 			...v > 4 && { gridTemplateColumns: `repeat(${v}, minmax(0, 1fr))` },
 			gap: `${y * .25}rem`
 		},
-		"data-user-actions": ee,
+		"data-user-actions": L,
 		onClick: M,
 		...h,
 		children: [
-			F,
-			L,
-			e.widgets?.map((e, t) => P(e, t))
+			P,
+			R,
+			e.widgets?.map((e, t) => N(e, t))
 		]
 	});
 });
 //#endregion
-//#region ../../node_modules/.pnpm/react-grid-layout@2.2.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-grid-layout/dist/chunk-AWM66AWF.mjs
+//#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) {
 	let { margin: t, containerPadding: n, containerWidth: r, cols: i } = e;
 	return (r - t[0] * (i - 1) - n[0] * 2) / i;
@@ -539,28 +561,28 @@ function le(e, t, n) {
 function ue(e, t, n) {
 	return Math.max(Math.min(e, n), t);
 }
-function de(e, t) {
+function G(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 fe(e, t) {
+function K(e, t) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
-		if (r !== void 0 && de(r, t)) return r;
+		if (r !== void 0 && G(r, t)) return r;
 	}
 }
-function pe(e, t) {
-	return e.filter((e) => de(e, t));
+function de(e, t) {
+	return e.filter((e) => G(e, t));
 }
-function U(e, t) {
-	return t === "horizontal" ? me(e) : t === "vertical" || t === "wrap" ? W(e) : [...e];
+function fe(e, t) {
+	return t === "horizontal" ? q(e) : t === "vertical" || t === "wrap" ? pe(e) : [...e];
 }
-function W(e) {
+function pe(e) {
 	return [...e].sort((e, t) => e.y === t.y ? e.x - t.x : e.y - t.y);
 }
-function me(e) {
+function q(e) {
 	return [...e].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x);
 }
-function he(e) {
+function me(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
@@ -571,16 +593,16 @@ function he(e) {
 	}
 	return t;
 }
-function G(e, t) {
+function he(e, t) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
 		if (r !== void 0 && r.i === t) return r;
 	}
 }
-function K(e) {
+function ge(e) {
 	return e.filter((e) => e.static === !0);
 }
-function ge(e) {
+function _e(e) {
 	return {
 		i: e.i,
 		x: e.x,
@@ -600,15 +622,15 @@ function ge(e) {
 		isBounded: e.isBounded
 	};
 }
-function q(e) {
+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] = ge(r));
+		r !== void 0 && (t[n] = _e(r));
 	}
 	return t;
 }
-function _e(e, t) {
+function Y(e, t) {
 	let n = Array(e.length);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
@@ -617,35 +639,35 @@ function _e(e, t) {
 	return n;
 }
 function ve(e, t, n) {
-	let r = G(e, t);
-	return r ? (r = n(ge(r)), [_e(e, r), r]) : [[...e], null];
+	let r = he(e, t);
+	return r ? (r = n(_e(r)), [Y(e, r), r]) : [[...e], null];
 }
-function J(e, t) {
-	let n = K(e);
+function ye(e, t) {
+	let n = ge(e);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i !== void 0) if (i.x + i.w > t.cols && (i.x = t.cols - i.w), i.x < 0 && (i.x = 0, i.w = t.cols), !i.static) n.push(i);
-		else for (; fe(n, i);) i.y++;
+		else for (; K(n, i);) i.y++;
 	}
 	return e;
 }
-function ye(e, t, n, r, i, a, o, s, c) {
+function X(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 = U(e, o);
+	let d = fe(e, o);
 	(o === "vertical" && typeof r == "number" ? u >= r : o === "horizontal" && typeof n == "number" && l >= n) && (d = d.reverse());
-	let f = pe(d, t), p = f.length > 0;
-	if (p && c) return q(e);
+	let f = de(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 ? Y(m, n, t, i, o) : Y(m, t, n, i, o)));
+		n !== void 0 && (n.moved || (m = n.static ? be(m, n, t, i, o) : be(m, t, n, i, o)));
 	}
 	return m;
 }
-function Y(e, t, n, r, i, a) {
+function be(e, t, n, r, i, a) {
 	let o = i === "horizontal", s = i === "vertical", c = t.static;
 	if (r) {
 		r = !1;
@@ -655,45 +677,45 @@ function Y(e, t, n, r, i, a) {
 			w: n.w,
 			h: n.h,
 			i: "-1"
-		}, l = fe(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 ye(e, n, o ? a.x : void 0, s ? a.y : void 0, r, c, i);
-		if (u && s) return ye(e, n, void 0, n.y + 1, r, c, i);
+		}, 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 (u && i === null) return t.y = n.y, n.y += n.h, [...e];
-		if (d && o) return ye(e, t, n.x, void 0, r, c, i);
+		if (d && o) return X(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] : ye(e, n, l, u, r, c, i);
+	return l === void 0 && u === void 0 ? [...e] : X(e, n, l, u, r, c, i);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/react-grid-layout@2.2.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-grid-layout/dist/chunk-XYPIYYYQ.mjs
-function X(e, t, n) {
+//#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) {
 	return Math.max(t, Math.min(n, e));
 }
-var be = [{
+var xe = [{
 	name: "gridBounds",
 	constrainPosition(e, t, n, { cols: r, maxRows: i }) {
 		return {
-			x: X(t, 0, Math.max(0, r - e.w)),
-			y: X(n, 0, Math.max(0, i - e.h))
+			x: Z(t, 0, Math.max(0, r - e.w)),
+			y: Z(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: X(t, 1, Math.max(1, o)),
-			h: X(n, 1, Math.max(1, s))
+			w: Z(t, 1, Math.max(1, o)),
+			h: Z(n, 1, Math.max(1, s))
 		};
 	}
 }, {
 	name: "minMaxSize",
 	constrainSize(e, t, n) {
 		return {
-			w: X(t, e.minW ?? 1, e.maxW ?? Infinity),
-			h: X(n, e.minH ?? 1, e.maxH ?? Infinity)
+			w: Z(t, e.minW ?? 1, e.maxW ?? Infinity),
+			h: Z(n, e.minH ?? 1, e.maxH ?? Infinity)
 		};
 	}
 }];
-function xe(e, t, n, r, i) {
+function Se(e, t, n, r, i) {
 	let a = {
 		x: n,
 		y: r
@@ -702,7 +724,7 @@ function xe(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 Z(e, t, n, r, i, a) {
+function Q(e, t, n, r, i, a) {
 	let o = {
 		w: n,
 		h: r
@@ -711,7 +733,7 @@ function Z(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 Se({ top: e, left: t, width: n, height: r }) {
+function Ce({ top: e, left: t, width: n, height: r }) {
 	let i = `translate(${t}px,${e}px)`;
 	return {
 		transform: i,
@@ -724,7 +746,7 @@ function Se({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Q({ top: e, left: t, width: n, height: r }) {
+function we({ top: e, left: t, width: n, height: r }) {
 	return {
 		top: `${e}px`,
 		left: `${t}px`,
@@ -733,190 +755,190 @@ function Q({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Ce(e) {
+function Te(e) {
 	return e * 100 + "%";
 }
-function we(e, t, n, r) {
+function $(e, t, n, r) {
 	return e + n > r ? t : n;
 }
-function Te(e, t, n) {
+function Ee(e, t, n) {
 	return e < 0 ? t : n;
 }
-function $(e) {
+function De(e) {
 	return Math.max(0, e);
 }
-function Ee(e) {
+function Oe(e) {
 	return Math.max(0, e);
 }
-var De = (e, t, n) => {
+var ke = (e, t, n) => {
 	let { left: r, height: i, width: a } = t, o = e.top - (i - e.height);
 	return {
 		left: r,
 		width: a,
-		height: Te(o, e.height, i),
-		top: Ee(o)
+		height: Ee(o, e.height, i),
+		top: Oe(o)
 	};
-}, Oe = (e, t, n) => {
+}, Ae = (e, t, n) => {
 	let { top: r, left: i, height: a, width: o } = t;
 	return {
 		top: r,
 		height: a,
-		width: we(e.left, e.width, o, n),
-		left: $(i)
+		width: $(e.left, e.width, o, n),
+		left: De(i)
 	};
-}, ke = (e, t, n) => {
+}, je = (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: Ee(r),
+		top: Oe(r),
 		left: 0
 	} : {
 		height: i,
 		width: a,
-		top: Ee(r),
+		top: Oe(r),
 		left: o
 	};
-}, Ae = (e, t, n) => {
+}, Me = (e, t, n) => {
 	let { top: r, left: i, height: a, width: o } = t;
 	return {
 		width: o,
 		left: i,
-		height: Te(r, e.height, a),
-		top: Ee(r)
+		height: Ee(r, e.height, a),
+		top: Oe(r)
 	};
-}, je = {
-	n: De,
-	ne: (e, t, n) => De(e, Oe(e, t, n)),
-	e: Oe,
-	se: (e, t, n) => Ae(e, Oe(e, t, n)),
-	s: Ae,
-	sw: (e, t, n) => Ae(e, ke(e, t)),
-	w: ke,
-	nw: (e, t, n) => De(e, ke(e, t))
+}, 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))
 };
-function Me(e, t, n, r) {
-	let i = je[e];
+function Pe(e, t, n, r) {
+	let i = Ne[e];
 	return i ? i(t, {
 		...t,
 		...n
 	}, r) : n;
 }
-var Ne = {
+var Fe = {
 	type: "transform",
 	scale: 1,
 	calcStyle(e) {
-		return Se(e);
+		return Ce(e);
 	}
-}, Pe = {
+}, Ie = {
 	cols: 12,
 	rowHeight: 150,
 	margin: [10, 10],
 	containerPadding: null,
 	maxRows: Infinity
-}, Fe = {
+}, Le = {
 	enabled: !0,
 	bounded: !1,
 	threshold: 3
-}, Ie = {
+}, Re = {
 	enabled: !0,
 	handles: ["se"]
-}, Le = {
+}, ze = {
 	enabled: !1,
 	defaultItem: {
 		w: 1,
 		h: 1
 	}
 };
-function Re(e, t, n, r, i) {
+function Be(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 ?? K(e).length > 0;
+	let o = e.findIndex((e) => e.i === t.i), s = i ?? ge(e).length > 0;
 	for (let i = o + 1; i < e.length; i++) {
 		let o = e[i];
 		if (o !== void 0 && !o.static) {
 			if (!s && o.y > t.y + t.h) break;
-			de(t, o) && Re(e, o, n + t[a], r, s);
+			G(t, o) && Be(e, o, n + t[a], r, s);
 		}
 	}
 	t[r] = n;
 }
-function ze(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 && !fe(e, t);) t.y--;
+function Ve(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 = fe(e, t)) !== void 0;) Re(n, t, i.y + i.h, "y");
+	for (; (i = K(e, t)) !== void 0;) Be(n, t, i.y + i.h, "y");
 	return t.y = Math.max(t.y, 0), t;
 }
-function Be(e, t, n, r) {
-	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0); t.x > 0 && !fe(e, t);) t.x--;
+function He(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 = fe(e, t)) !== void 0;) if (Re(r, t, i.x + i.w, "x"), t.x + t.w > n) for (t.x = n - t.w, t.y++; t.x > 0 && !fe(e, t);) t.x--;
+	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--;
 	return t.x = Math.max(t.x, 0), t;
 }
-var Ve = {
+var Ue = {
 	type: "vertical",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = K(e), r = he(n), i = W(e), a = Array(e.length);
+		let n = ge(e), r = me(n), i = pe(e), a = Array(e.length);
 		for (let t = 0; t < i.length; t++) {
 			let o = i[t];
 			if (o === void 0) continue;
-			let s = ge(o);
-			s.static || (s = ze(n, s, i, r), r = Math.max(r, s.y + s.h), n.push(s));
+			let s = _e(o);
+			s.static || (s = Ve(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;
 	}
-}, He = {
+}, We = {
 	type: "horizontal",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = K(e), r = me(e), i = Array(e.length);
+		let n = ge(e), r = q(e), i = Array(e.length);
 		for (let a = 0; a < r.length; a++) {
 			let o = r[a];
 			if (o === void 0) continue;
-			let s = ge(o);
-			s.static || (s = Be(n, s, t, r), n.push(s));
+			let s = _e(o);
+			s.static || (s = He(n, s, t, r), n.push(s));
 			let c = e.indexOf(o);
 			i[c] = s, s.moved = !1;
 		}
 		return i;
 	}
-}, Ue = {
+}, Ge = {
 	type: null,
 	allowOverlap: !1,
 	compact(e, t) {
-		return q(e);
+		return J(e);
 	}
-}, We = {
-	...Ve,
+}, Ke = {
+	...Ue,
 	allowOverlap: !0,
 	compact(e, t) {
-		return q(e);
+		return J(e);
 	}
-}, Ge = {
-	...He,
+}, qe = {
+	...We,
 	allowOverlap: !0,
 	compact(e, t) {
-		return q(e);
+		return J(e);
 	}
-}, Ke = {
-	...Ue,
+}, Je = {
+	...Ge,
 	allowOverlap: !0
 };
-function qe(e, t = !1, n = !1) {
+function Ye(e, t = !1, n = !1) {
 	let r;
-	return r = t ? e === "vertical" ? We : e === "horizontal" ? Ge : Ke : e === "vertical" ? Ve : e === "horizontal" ? He : Ue, n ? {
+	return r = t ? e === "vertical" ? Ke : e === "horizontal" ? qe : Je : e === "vertical" ? Ue : e === "horizontal" ? We : Ge, n ? {
 		...r,
 		preventCollision: n
 	} : r;
 }
-function Je(e) {
+function Xe(e) {
 	return Object.keys(e).sort((t, n) => e[t] - e[n]);
 }
-function Ye(e, t) {
-	let n = Je(e), r = n[0];
+function Ze(e, t) {
+	let n = Xe(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];
@@ -924,15 +946,15 @@ function Ye(e, t) {
 	}
 	return r;
 }
-function Xe(e, t) {
+function Qe(e, t) {
 	let n = t[e];
 	if (n === void 0) throw Error(`ResponsiveReactGridLayout: \`cols\` entry for breakpoint ${String(e)} is missing!`);
 	return n;
 }
-function Ze(e, t, n, r, i, a) {
+function $e(e, t, n, r, i, a) {
 	let o = e[n];
-	if (o) return q(o);
-	let s = e[r], c = Je(t), l = c.slice(c.indexOf(n));
+	if (o) return J(o);
+	let s = e[r], c = Xe(t), l = c.slice(c.indexOf(n));
 	for (let t = 0; t < l.length; t++) {
 		let n = l[t];
 		if (n === void 0) continue;
@@ -942,10 +964,10 @@ function Ze(e, t, n, r, i, a) {
 			break;
 		}
 	}
-	let u = J(q(s || []), { cols: i });
-	return (typeof a == "object" && a ? a : qe(a)).compact(u, i);
+	let u = ye(J(s || []), { cols: i });
+	return (typeof a == "object" && a ? a : Ye(a)).compact(u, i);
 }
-function Qe(e, t) {
+function et(e, t) {
 	if (Array.isArray(e)) return e;
 	let n = e, r = n[t];
 	if (r !== void 0) return r;
@@ -958,7 +980,7 @@ function Qe(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/fast-equals@4.0.3/node_modules/fast-equals/dist/fast-equals.js
-var $e = /* @__PURE__ */ L(((e, t) => {
+var tt = /* @__PURE__ */ z(((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) {
@@ -1088,14 +1110,14 @@ var $e = /* @__PURE__ */ L(((e, t) => {
 			return P(e, t, void 0);
 		}
 		var I = _(j);
-		function ee(e, t) {
+		function L(e, t) {
 			return I(e, t, /* @__PURE__ */ new WeakMap());
 		}
-		var L = _(r(j, { createIsNestedEqual: function() {
+		var R = _(r(j, { createIsNestedEqual: function() {
 			return o;
 		} }));
-		function R(e, t) {
-			return L(e, t, /* @__PURE__ */ new WeakMap());
+		function ee(e, t) {
+			return R(e, t, /* @__PURE__ */ new WeakMap());
 		}
 		function z(e) {
 			return _(r(A, e(A)));
@@ -1106,12 +1128,12 @@ var $e = /* @__PURE__ */ L(((e, t) => {
 				return r === void 0 && (r = /* @__PURE__ */ new WeakMap()), t(e, n, r);
 			});
 		}
-		e.circularDeepEqual = ee, e.circularShallowEqual = R, 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 = ee, e.createCustomCircularEqual = B, e.createCustomEqual = z, 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.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-grid-layout/dist/chunk-YFVX5RDK.mjs
-function et(e = {}) {
+//#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(() => {
 		let e = s.current;
 		if (e) {
@@ -1121,15 +1143,25 @@ function et(e = {}) {
 	}, [a]);
 	return C(() => {
 		let e = s.current;
-		if (e) return l(), typeof ResizeObserver < "u" && (c.current = new ResizeObserver((e) => {
-			let t = e[0];
-			if (t) {
-				let e = t.contentRect.width;
-				i(e);
+		if (e) {
+			if (l(), typeof ResizeObserver < "u") {
+				let t = null;
+				return c.current = new ResizeObserver((e) => {
+					let n = e[0];
+					if (n) {
+						let e = n.contentRect.width;
+						t !== null && cancelAnimationFrame(t), t = requestAnimationFrame(() => {
+							i(e), t = null;
+						});
+					}
+				}), c.current.observe(e), () => {
+					t !== null && cancelAnimationFrame(t), c.current &&= (c.current.disconnect(), null);
+				};
 			}
-		}), c.current.observe(e)), () => {
-			c.current &&= (c.current.disconnect(), null);
-		};
+			return () => {
+				c.current &&= (c.current.disconnect(), null);
+			};
+		}
 	}, [l]), {
 		width: r,
 		mounted: a,
@@ -1139,7 +1171,7 @@ function et(e = {}) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js
-var tt = /* @__PURE__ */ L(((e) => {
+var rt = /* @__PURE__ */ z(((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) {
@@ -1195,7 +1227,7 @@ var tt = /* @__PURE__ */ L(((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;
-})), nt = /* @__PURE__ */ L(((e) => {
+})), it = /* @__PURE__ */ z(((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) {
@@ -1231,15 +1263,15 @@ var tt = /* @__PURE__ */ L(((e) => {
 		}
 		var S = l, C = u, w = c, T = s, E = n, D = d, O = i, k = h, A = m, j = r, M = o, N = a, P = f, F = !1;
 		function I(e) {
-			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ee(e) || x(e) === l;
+			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), L(e) || x(e) === l;
 		}
-		function ee(e) {
+		function L(e) {
 			return x(e) === u;
 		}
-		function L(e) {
+		function R(e) {
 			return x(e) === c;
 		}
-		function R(e) {
+		function ee(e) {
 			return x(e) === s;
 		}
 		function z(e) {
@@ -1248,32 +1280,32 @@ var tt = /* @__PURE__ */ L(((e) => {
 		function B(e) {
 			return x(e) === d;
 		}
-		function te(e) {
+		function V(e) {
 			return x(e) === i;
 		}
-		function V(e) {
+		function H(e) {
 			return x(e) === h;
 		}
-		function H(e) {
+		function te(e) {
 			return x(e) === m;
 		}
-		function ne(e) {
+		function U(e) {
 			return x(e) === r;
 		}
-		function re(e) {
+		function W(e) {
 			return x(e) === o;
 		}
-		function ie(e) {
+		function ne(e) {
 			return x(e) === a;
 		}
-		function ae(e) {
+		function re(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 = ee, e.isContextConsumer = L, e.isContextProvider = R, e.isElement = z, e.isForwardRef = B, e.isFragment = te, e.isLazy = V, e.isMemo = H, e.isPortal = ne, e.isProfiler = re, e.isStrictMode = ie, e.isSuspense = ae, 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 = 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;
 	})();
-})), rt = /* @__PURE__ */ L(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = tt() : t.exports = nt();
-})), it = /* @__PURE__ */ L(((e, t) => {
+})), at = /* @__PURE__ */ z(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = rt() : t.exports = it();
+})), ot = /* @__PURE__ */ z(((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");
@@ -1306,14 +1338,14 @@ var tt = /* @__PURE__ */ L(((e) => {
 		}
 		return s;
 	};
-})), at = /* @__PURE__ */ L(((e, t) => {
+})), st = /* @__PURE__ */ z(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), ot = /* @__PURE__ */ L(((e, t) => {
+})), ct = /* @__PURE__ */ z(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), st = /* @__PURE__ */ L(((e, t) => {
+})), lt = /* @__PURE__ */ z(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = at(), i = {}, a = ot();
+		var r = st(), i = {}, a = ct();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -1346,8 +1378,8 @@ var tt = /* @__PURE__ */ L(((e) => {
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), ct = /* @__PURE__ */ L(((e, t) => {
-	var n = rt(), r = it(), i = at(), a = ot(), o = st(), s = function() {};
+})), ut = /* @__PURE__ */ z(((e, t) => {
+	var n = at(), r = ot(), i = st(), a = ct(), o = lt(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -1605,8 +1637,8 @@ var tt = /* @__PURE__ */ L(((e) => {
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), lt = /* @__PURE__ */ L(((e, t) => {
-	var n = at();
+})), dt = /* @__PURE__ */ z(((e, t) => {
+	var n = st();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -1645,12 +1677,12 @@ var tt = /* @__PURE__ */ L(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), ut = /* @__PURE__ */ L(((e, t) => {
+})), ft = /* @__PURE__ */ z(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = rt();
-		t.exports = ct()(n.isElement, !0);
-	} else t.exports = lt()();
-})), dt = /* @__PURE__ */ L(((e) => {
+		var n = at();
+		t.exports = ut()(n.isElement, !0);
+	} else t.exports = dt()();
+})), pt = /* @__PURE__ */ z(((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, [
@@ -1671,7 +1703,7 @@ var tt = /* @__PURE__ */ L(((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.`);
 	}
-})), ft = /* @__PURE__ */ L(((e) => {
+})), mt = /* @__PURE__ */ z(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.browserPrefixToKey = r, e.browserPrefixToStyle = i, e.default = void 0, e.getPrefix = n;
 	var t = [
 		"Moz",
@@ -1699,9 +1731,9 @@ var tt = /* @__PURE__ */ L(((e) => {
 		return t;
 	}
 	e.default = n();
-})), pt = /* @__PURE__ */ L(((e) => {
+})), ht = /* @__PURE__ */ z(((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 = dt(), n = r(ft());
+	var t = pt(), n = r(mt());
 	function r(e, t) {
 		if (typeof WeakMap == "function") var n = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap();
 		return (r = function(e, t) {
@@ -1825,9 +1857,9 @@ var tt = /* @__PURE__ */ L(((e) => {
 	function C(e, t) {
 		e.classList ? e.classList.remove(t) : e.className = e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`, "g"), "");
 	}
-})), mt = /* @__PURE__ */ L(((e) => {
+})), gt = /* @__PURE__ */ z(((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 = dt(), n = pt();
+	var t = pt(), n = ht();
 	function r(e, r, i) {
 		if (!e.props.bounds) return [r, i];
 		let { bounds: a } = e.props;
@@ -1906,12 +1938,12 @@ var tt = /* @__PURE__ */ L(((e) => {
 		if (!t) throw Error("<DraggableCore>: Unmounted during event!");
 		return t;
 	}
-})), ht = /* @__PURE__ */ L(((e) => {
+})), _t = /* @__PURE__ */ z(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = t;
 	function t() {}
-})), gt = /* @__PURE__ */ L(((e) => {
+})), vt = /* @__PURE__ */ z(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = void 0;
-	var t = l(R("react")), n = c(ut()), r = c(R("react-dom")), i = pt(), a = mt(), o = dt(), s = c(ht());
+	var t = l(B("react")), n = c(ft()), r = c(B("react-dom")), i = ht(), a = gt(), o = pt(), s = c(_t());
 	function c(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2071,14 +2103,14 @@ var tt = /* @__PURE__ */ L(((e) => {
 		onMouseDown: function() {},
 		scale: 1
 	});
-})), _t = /* @__PURE__ */ L(((e) => {
+})), yt = /* @__PURE__ */ z(((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(R("react")), n = u(ut()), r = u(R("react-dom")), i = R("clsx"), a = pt(), o = mt(), s = dt(), c = u(gt()), l = u(ht());
+	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());
 	function u(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2272,12 +2304,12 @@ var tt = /* @__PURE__ */ L(((e) => {
 		},
 		scale: 1
 	});
-})), vt = /* @__PURE__ */ L(((e, t) => {
-	var { default: n, DraggableCore: r } = _t();
+})), bt = /* @__PURE__ */ z(((e, t) => {
+	var { default: n, DraggableCore: r } = yt();
 	t.exports = n, t.exports.default = n, t.exports.DraggableCore = r;
-})), yt = /* @__PURE__ */ L(((e) => {
+})), xt = /* @__PURE__ */ z(((e) => {
 	e.__esModule = !0, e.cloneElement = c;
-	var t = n(R("react"));
+	var t = n(B("react"));
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2327,10 +2359,10 @@ var tt = /* @__PURE__ */ L(((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);
 	}
-})), bt = /* @__PURE__ */ L(((e) => {
+})), St = /* @__PURE__ */ z(((e) => {
 	e.__esModule = !0, e.resizableProps = void 0;
-	var t = n(ut());
-	vt();
+	var t = n(ft());
+	bt();
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2389,9 +2421,9 @@ var tt = /* @__PURE__ */ L(((e) => {
 			return n.axis === "both" || n.axis === "x" ? t.default.number.isRequired(...e) : t.default.number(...e);
 		}
 	};
-})), xt = /* @__PURE__ */ L(((e) => {
+})), Ct = /* @__PURE__ */ z(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = o(R("react")), n = vt(), r = yt(), i = bt(), a = [
+	var t = o(B("react")), n = bt(), r = xt(), i = St(), a = [
 		"children",
 		"className",
 		"draggableOpts",
@@ -2588,9 +2620,9 @@ var tt = /* @__PURE__ */ L(((e) => {
 		resizeHandles: ["se"],
 		transformScale: 1
 	};
-})), St = /* @__PURE__ */ L(((e) => {
+})), wt = /* @__PURE__ */ z(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = s(R("react")), n = o(ut()), r = o(xt()), i = bt(), a = [
+	var t = s(B("react")), n = o(ft()), r = o(Ct()), i = St(), a = [
 		"handle",
 		"handleSize",
 		"onResize",
@@ -2741,26 +2773,26 @@ var tt = /* @__PURE__ */ L(((e) => {
 		}
 	};
 	e.default = g, g.propTypes = u(u({}, i.resizableProps), {}, { children: n.default.element });
-})), Ct = /* @__PURE__ */ L(((e, t) => {
+})), Tt = /* @__PURE__ */ z(((e, t) => {
 	t.exports = function() {
 		throw Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
-	}, t.exports.Resizable = xt().default, t.exports.ResizableBox = St().default;
-})), wt = vt(), Tt = Ct(), Et = $e();
-function Dt(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 = be, layoutItem: B, layout: te = [], onDragStart: H, onDrag: ne, onDragStop: re, onResizeStart: se, onResize: de, onResizeStop: fe } = e, [pe, U] = E(!1), [W, me] = E(!1), he = T(null), G = T({
+	}, 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({
 		left: 0,
 		top: 0
-	}), K = T({
+	}), me = T({
 		top: 0,
 		left: 0,
 		width: 0,
 		height: 0
-	}), ge = T(void 0), q = T(te);
-	q.current = te;
-	let _e = T(null), ve = T(null), J = T(!1), ye = T({
+	}), he = T(void 0), ge = T(V);
+	ge.current = V;
+	let _e = T(null), J = T(null), Y = T(!1), ve = T({
 		x: 0,
 		y: 0
-	}), Y = T(!1), X = w(() => ({
+	}), ye = T(!1), X = w(() => ({
 		cols: n,
 		containerPadding: a,
 		containerWidth: r,
@@ -2774,7 +2806,7 @@ function Dt(e) {
 		i,
 		s,
 		o
-	]), we = w(() => ({
+	]), be = w(() => ({
 		cols: n,
 		maxRows: s,
 		containerWidth: r,
@@ -2788,10 +2820,10 @@ function Dt(e) {
 		r,
 		o,
 		i
-	]), Te = x(() => ({
-		...we,
-		layout: q.current
-	}), [we]), $ = w(() => B ?? {
+	]), Z = x(() => ({
+		...be,
+		layout: ge.current
+	}), [be]), $ = w(() => B ?? {
 		i: I,
 		x: O,
 		y: k,
@@ -2814,12 +2846,12 @@ function Dt(e) {
 		F
 	]), Ee = x((e) => {
 		if (h?.calcStyle) return h.calcStyle(e);
-		if (f) return Se(e);
-		let t = Q(e);
+		if (f) return Ce(e);
+		let t = we(e);
 		return p ? {
 			...t,
-			left: Ce(e.left / r),
-			width: Ce(e.width / r)
+			left: Te(e.left / r),
+			width: Te(e.width / r)
 		} : t;
 	}, [
 		h,
@@ -2838,16 +2870,16 @@ function Dt(e) {
 			left: a - o + n.scrollLeft,
 			top: s - c + n.scrollTop
 		};
-		if (G.current = l, g > 0) {
+		if (q.current = l, g > 0) {
 			let t = e;
-			ye.current = {
+			ve.current = {
 				x: t.clientX,
 				y: t.clientY
-			}, J.current = !0, Y.current = !1, U(!0);
+			}, Y.current = !0, ye.current = !1, K(!0);
 			return;
 		}
-		U(!0);
-		let u = ce(X, l.top, l.left), { x: d, y: f } = xe(z, $, u.x, u.y, Te());
+		K(!0);
+		let u = ce(X, l.top, l.left), { x: d, y: f } = Se(z, $, u.x, u.y, Z());
 		H(I, d, f, {
 			e,
 			node: t,
@@ -2861,24 +2893,24 @@ function Dt(e) {
 		g,
 		z,
 		$,
-		Te,
+		Z,
 		I
 	]), Oe = x((e, { node: t, deltaX: n, deltaY: a }) => {
-		if (!ne || !pe) return;
+		if (!te || !G) return;
 		let s = e;
-		if (J.current && !Y.current) {
-			let n = s.clientX - ye.current.x, r = s.clientY - ye.current.y;
+		if (Y.current && !ye.current) {
+			let n = s.clientX - ve.current.x, r = s.clientY - ve.current.y;
 			if (Math.hypot(n, r) < g) return;
-			if (Y.current = !0, J.current = !1, H) {
-				let n = ce(X, G.current.top, G.current.left), { x: r, y: i } = xe(z, $, n.x, n.y, Te());
+			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());
 				H(I, r, i, {
 					e,
 					node: t,
-					newPosition: G.current
+					newPosition: q.current
 				});
 			}
 		}
-		let c = G.current.top + a, l = G.current.left + n;
+		let c = q.current.top + a, l = q.current.left + n;
 		if (u) {
 			let { offsetParent: e } = t;
 			if (e) {
@@ -2892,17 +2924,17 @@ function Dt(e) {
 			top: c,
 			left: l
 		};
-		G.current = d;
-		let f = ce(X, c, l), { x: p, y: m } = xe(z, $, f.x, f.y, Te());
-		ne(I, p, m, {
+		q.current = d;
+		let f = ce(X, c, l), { x: p, y: m } = Se(z, $, f.x, f.y, Z());
+		te(I, p, m, {
 			e,
 			node: t,
 			newPosition: d
 		});
 	}, [
-		ne,
+		te,
 		H,
-		pe,
+		G,
 		g,
 		u,
 		j,
@@ -2914,54 +2946,54 @@ function Dt(e) {
 		I,
 		z,
 		$,
-		Te
+		Z
 	]), ke = x((e, { node: t }) => {
-		if (!re || !pe) return;
-		let n = J.current;
-		if (J.current = !1, Y.current = !1, ye.current = {
+		if (!W || !G) return;
+		let n = Y.current;
+		if (Y.current = !1, ye.current = !1, ve.current = {
 			x: 0,
 			y: 0
 		}, n) {
-			U(!1), G.current = {
+			K(!1), q.current = {
 				left: 0,
 				top: 0
 			};
 			return;
 		}
-		let { left: r, top: i } = G.current, a = {
+		let { left: r, top: i } = q.current, a = {
 			top: i,
 			left: r
 		};
-		U(!1), G.current = {
+		K(!1), q.current = {
 			left: 0,
 			top: 0
 		};
-		let o = ce(X, i, r), { x: s, y: c } = xe(z, $, o.x, o.y, Te());
-		re(I, s, c, {
+		let o = ce(X, i, r), { x: s, y: c } = Se(z, $, o.x, o.y, Z());
+		W(I, s, c, {
 			e,
 			node: t,
 			newPosition: a
 		});
 	}, [
-		re,
-		pe,
+		W,
+		G,
 		X,
 		z,
 		$,
-		Te,
+		Z,
 		I
 	]);
-	_e.current = De, ve.current = Oe;
+	_e.current = De, J.current = Oe;
 	let Ae = x((e, { node: t, size: n, handle: i }, a, o) => {
-		let s = o === "onResizeStart" ? se : o === "onResize" ? de : fe;
+		let s = o === "onResizeStart" ? ne : o === "onResize" ? re : se;
 		if (!s) return;
 		let c;
-		c = t ? Me(i, a, n, r) : {
+		c = t ? Pe(i, a, n, r) : {
 			...n,
 			top: a.top,
 			left: a.left
-		}, K.current = c;
-		let l = le(X, c.width, c.height), { w: u, h: d } = Z(z, $, l.w, l.h, i, Te());
+		}, me.current = c;
+		let l = le(X, c.width, c.height), { w: u, h: d } = Q(z, $, l.w, l.h, i, Z());
 		s(I, u, d, {
 			e: e.nativeEvent,
 			node: t,
@@ -2969,17 +3001,17 @@ function Dt(e) {
 			handle: i
 		});
 	}, [
+		ne,
+		re,
 		se,
-		de,
-		fe,
 		r,
 		X,
 		I,
 		z,
 		$,
-		Te
+		Z
 	]), je = x((e, t) => {
-		me(!0);
+		fe(!0);
 		let n = oe(X, O, k, A, j);
 		Ae(e, {
 			...t,
@@ -2992,7 +3024,7 @@ function Dt(e) {
 		k,
 		A,
 		j
-	]), Ne = x((e, t) => {
+	]), Me = x((e, t) => {
 		let n = oe(X, O, k, A, j);
 		Ae(e, {
 			...t,
@@ -3005,8 +3037,8 @@ function Dt(e) {
 		k,
 		A,
 		j
-	]), Pe = x((e, t) => {
-		me(!1), K.current = {
+	]), Ne = x((e, t) => {
+		fe(!1), me.current = {
 			top: 0,
 			left: 0,
 			width: 0,
@@ -3027,13 +3059,13 @@ function Dt(e) {
 	]);
 	C(() => {
 		if (!_) return;
-		let e = he.current;
+		let e = pe.current;
 		if (!e) return;
-		let t = ge.current || {
+		let t = he.current || {
 			left: 0,
 			top: 0
-		}, n = pe && (_.left !== t.left || _.top !== t.top);
-		if (!pe) {
+		}, n = G && (_.left !== t.left || _.top !== t.top);
+		if (!G) {
 			let t = {
 				node: e,
 				deltaX: _.left,
@@ -3047,28 +3079,28 @@ function Dt(e) {
 		} else if (n) {
 			let t = {
 				node: e,
-				deltaX: _.left - G.current.left,
-				deltaY: _.top - G.current.top,
-				lastX: G.current.left,
-				lastY: G.current.top,
+				deltaX: _.left - q.current.left,
+				deltaY: _.top - q.current.top,
+				lastX: q.current.left,
+				lastY: q.current.top,
 				x: _.left,
 				y: _.top
 			};
-			ve.current?.(_.e, t);
+			J.current?.(_.e, t);
 		}
-		ge.current = _;
+		he.current = _;
 	}, [
 		_,
-		pe,
+		G,
 		I
 	]);
-	let Fe = oe(X, O, k, A, j, pe ? G.current : null, W ? K.current : null), Ie = y.Children.only(t), Le = oe(X, 0, 0, 1, 1), Re = [Le.width, Le.height], ze = [Infinity, Infinity], Be = Ie.props, Ve = Be.className, He = Be.style, Ue = y.cloneElement(Ie, {
-		ref: he,
+	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, {
+		ref: pe,
 		className: ee("react-grid-item", Ve, v, {
 			static: d,
-			resizing: W,
+			resizing: de,
 			"react-draggable": c,
-			"react-draggable-dragging": pe,
+			"react-draggable-dragging": G,
 			dropping: !!_,
 			cssTransforms: f
 		}),
@@ -3078,7 +3110,7 @@ function Dt(e) {
 			...Ee(Fe)
 		}
 	}), We = R;
-	return Ue = /* @__PURE__ */ (0, V.jsx)(Tt.Resizable, {
+	return Ue = /* @__PURE__ */ (0, U.jsx)(Dt.Resizable, {
 		draggableOpts: { disabled: !l },
 		className: l ? void 0 : "react-resizable-hide",
 		width: Fe.width,
@@ -3086,13 +3118,13 @@ function Dt(e) {
 		minConstraints: Re,
 		maxConstraints: ze,
 		onResizeStart: je,
-		onResize: Ne,
-		onResizeStop: Pe,
+		onResize: Me,
+		onResizeStop: Ne,
 		transformScale: m,
 		resizeHandles: L,
 		handle: We,
 		children: Ue
-	}), Ue = /* @__PURE__ */ (0, V.jsx)(wt.DraggableCore, {
+	}), Ue = /* @__PURE__ */ (0, U.jsx)(Et.DraggableCore, {
 		disabled: !c,
 		onStart: De,
 		onDrag: Oe,
@@ -3100,15 +3132,15 @@ function Dt(e) {
 		handle: S,
 		cancel: ".react-resizable-handle" + (D ? "," + D : ""),
 		scale: m,
-		nodeRef: he,
+		nodeRef: pe,
 		children: Ue
 	}), Ue;
 }
-var Ot = () => {}, kt = "react-grid-layout", At = !1;
+var At = () => {}, jt = "react-grid-layout", Mt = !1;
 try {
-	At = /firefox/i.test(navigator.userAgent);
+	Mt = /firefox/i.test(navigator.userAgent);
 } catch {}
-function jt(e, t) {
+function Nt(e, t) {
 	let n = y.Children.toArray(e), r = y.Children.toArray(t);
 	if (n.length !== r.length) return !1;
 	for (let e = 0; e < n.length; e++) {
@@ -3117,14 +3149,14 @@ function jt(e, t) {
 	}
 	return !0;
 }
-function Mt(e, t, n, r) {
+function Pt(e, t, n, r) {
 	let i = [], a = /* @__PURE__ */ new Set();
 	y.Children.forEach(t, (t) => {
 		if (!y.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(ge(r));
+		if (r) i.push(_e(r));
 		else {
 			let e = t.props["data-grid"];
 			e ? i.push({
@@ -3145,53 +3177,53 @@ function Mt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: he(i),
+				y: me(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let o = J(i, { cols: n });
+	let o = ye(i, { cols: n });
 	return r.compact(o, n);
 }
-function Nt(e) {
-	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = Ne, compactor: c, constraints: l = be, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = Ot, onDragStart: _ = Ot, onDrag: v = Ot, onDragStop: b = Ot, onResizeStart: S = Ot, onResize: D = Ot, onResizeStop: O = Ot, onDrop: k = Ot, onDropDragOver: A = Ot } = e, j = w(() => ({
-		...Pe,
+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,
 		...r
 	}), [r]), M = w(() => ({
-		...Fe,
+		...Le,
 		...i
 	}), [i]), N = w(() => ({
-		...Ie,
+		...Re,
 		...a
 	}), [a]), P = w(() => ({
-		...Le,
+		...ze,
 		...o
-	}), [o]), { cols: F, rowHeight: I, maxRows: L, margin: R, containerPadding: z } = j, { enabled: B, bounded: te, handle: H, cancel: ne, threshold: re } = M, { enabled: oe, handles: ce, handleComponent: le } = N, { enabled: ue, defaultItem: de, onDragOver: fe } = P, U = c ?? qe("vertical"), W = U.type, me = U.allowOverlap, K = U.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: 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 ?? {
 		i: "__dropping-elem__",
-		...de
-	}, [d, de]), _e = s.type === "transform", J = s.scale, Y = z ?? R, [X, xe] = E(!1), [Z, Se] = E(() => Mt(u, t, F, U)), [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), Re = T(Z), ze = T(u), Be = T(t), Ve = T(W), He = T(Z);
+		...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(() => {
-		xe(!0), (0, Et.deepEqual)(Z, u) || g(Z);
+		be(!0), (0, Ot.deepEqual)(Z, u) || g(Z);
 	}, []), C(() => {
 		if (Q || $) return;
-		let e = !(0, Et.deepEqual)(u, ze.current), n = !jt(t, Be.current), r = W !== Ve.current;
+		let e = !(0, Ot.deepEqual)(u, Pe.current), n = !Nt(t, Be.current), r = K !== Ve.current;
 		if (e || n || r) {
-			let n = Mt(e ? u : Z, t, F, U);
-			(0, Et.deepEqual)(n, Z) || Se(n);
+			let n = Pt(e ? u : Z, t, F, G);
+			(0, Ot.deepEqual)(n, Z) || Se(n);
 		}
-		ze.current = u, Be.current = t, Ve.current = W;
+		Pe.current = u, Be.current = t, Ve.current = K;
 	}, [
 		u,
 		t,
 		F,
-		W,
-		U,
+		K,
+		G,
 		Q,
 		$,
 		Z
 	]), C(() => {
-		!Q && !(0, Et.deepEqual)(Z, Re.current) && (Re.current = Z, g(Z.filter((e) => e.i !== q.i)));
+		!Q && !(0, Ot.deepEqual)(Z, Ne.current) && (Ne.current = Z, g(Z.filter((e) => e.i !== q.i)));
 	}, [
 		Z,
 		Q,
@@ -3200,7 +3232,7 @@ function Nt(e) {
 	]);
 	let Ue = w(() => {
 		if (!f) return;
-		let e = he(Z), t = Y[1];
+		let e = me(Z), t = Y[1];
 		return e * I + (e - 1) * R[1] + t * 2 + "px";
 	}, [
 		f,
@@ -3209,7 +3241,7 @@ function Nt(e) {
 		R,
 		Y
 	]), We = x((e, t, n, r) => {
-		let i = He.current, a = G(i, e);
+		let i = He.current, a = he(i, e);
 		if (!a) return;
 		let o = {
 			w: a.w,
@@ -3218,9 +3250,9 @@ function Nt(e) {
 			y: a.y,
 			i: e
 		};
-		ke.current = ge(a), je.current = i, Ce(o), _(i, a, a, null, r.e, r.node);
+		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 = G(i, e);
+		let i = He.current, a = ke.current, o = he(i, e);
 		if (!o) return;
 		let s = {
 			w: o.w,
@@ -3228,36 +3260,36 @@ function Nt(e) {
 			x: o.x,
 			y: o.y,
 			i: e
-		}, c = ye(i, o, t, n, !0, K, W, F, me);
-		v(c, a, o, s, r.e, r.node), Se(U.compact(c, F)), Ce(s);
+		}, 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);
 	}, [
+		pe,
 		K,
-		W,
 		F,
-		me,
-		U,
+		fe,
+		G,
 		v
 	]), Ke = x((e, t, n, r) => {
 		if (!Q) return;
-		let i = He.current, a = ke.current, o = G(i, e);
+		let i = He.current, a = ke.current, o = he(i, e);
 		if (!o) return;
-		let s = ye(i, o, t, n, !0, K, W, F, me), c = U.compact(s, F);
+		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 l = je.current;
-		ke.current = null, je.current = null, Ce(null), Se(c), l && !(0, Et.deepEqual)(l, c) && g(c);
+		ke.current = null, je.current = null, Ce(null), Se(c), l && !(0, Ot.deepEqual)(l, c) && g(c);
 	}, [
 		Q,
+		pe,
 		K,
-		W,
 		F,
-		me,
-		U,
+		fe,
+		G,
 		b,
 		g
-	]), Je = x((e, t, n, r) => {
-		let i = He.current, a = G(i, e);
-		a && (Ae.current = ge(a), je.current = i, Te(!0), S(i, a, a, null, r.e, r.node));
-	}, [S]), Ye = x((e, t, n, r) => {
+	]), 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, [
 			"sw",
 			"w",
@@ -3272,7 +3304,7 @@ function Nt(e) {
 			"ne",
 			"n",
 			"nw"
-		].includes(o) && (l = e.y + (e.h - n), n = e.y !== l && l < 0 ? e.h : n, l = l < 0 ? 0 : l), s = !0), K && !me && pe(i, {
+		].includes(o) && (l = e.y + (e.h - n), n = e.y !== l && l < 0 ? e.h : n, l = l < 0 ? 0 : l), s = !0), pe && !fe && de(i, {
 			...e,
 			w: t,
 			h: n,
@@ -3281,7 +3313,7 @@ function Nt(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 = ye(u, d, c, l, !0, K, W, F, me));
+		s && c !== void 0 && l !== void 0 && (f = X(u, d, c, l, !0, pe, K, F, fe));
 		let p = {
 			w: d.w,
 			h: d.h,
@@ -3290,22 +3322,22 @@ function Nt(e) {
 			i: e,
 			static: !0
 		};
-		D(f, a, d, p, r.e, r.node), Se(U.compact(f, F)), Ce(p);
+		D(f, a, d, p, r.e, r.node), Se(G.compact(f, F)), Ce(p);
 	}, [
+		pe,
 		K,
-		W,
 		F,
-		me,
-		U,
+		fe,
+		G,
 		D
 	]), Xe = x((e, t, n, r) => {
-		let i = He.current, a = Ae.current, o = G(i, e), s = U.compact(i, F);
+		let i = He.current, a = Ae.current, o = he(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, Et.deepEqual)(c, s) && g(s);
+		Ae.current = null, je.current = null, Ce(null), Te(!1), Se(s), c && !(0, Ot.deepEqual)(c, s) && g(s);
 	}, [
 		F,
-		U,
+		G,
 		O,
 		g
 	]), Ze = x(() => {
@@ -3314,14 +3346,14 @@ function Nt(e) {
 			Ee(null), Ce(null), Oe(void 0);
 			return;
 		}
-		Se(U.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Ce(null), Oe(void 0);
+		Se(G.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Ce(null), Oe(void 0);
 	}, [
 		q.i,
 		F,
-		U
+		G
 	]), Qe = x((e) => {
-		if (e.preventDefault(), e.stopPropagation(), At && !e.nativeEvent.target?.classList.contains(kt)) return !1;
-		let t = fe ? fe(e.nativeEvent) : A(e);
+		if (e.preventDefault(), e.stopPropagation(), Mt && !e.nativeEvent.target?.classList.contains(jt)) return !1;
+		let t = ue ? ue(e.nativeEvent) : A(e);
 		if (t === !1) return $ && Ze(), !1;
 		let { dragOffsetX: r = 0, dragOffsetY: i = 0, ...a } = t ?? {}, o = {
 			...q,
@@ -3341,7 +3373,7 @@ function Nt(e) {
 		if ($) De && (De.left !== v.left || De.top !== v.top) && Oe(v);
 		else {
 			let e = se(c, _, g, o.w, o.h);
-			Ee(/* @__PURE__ */ (0, V.jsx)("div", {}, o.i)), Oe(v), Se([...He.current, {
+			Ee(/* @__PURE__ */ (0, U.jsx)("div", {}, o.i)), Oe(v), Se([...He.current.filter((e) => e.i !== o.i), {
 				...o,
 				x: e.x,
 				y: e.y,
@@ -3353,7 +3385,7 @@ function Nt(e) {
 		$,
 		De,
 		q,
-		fe,
+		ue,
 		A,
 		Ze,
 		J,
@@ -3377,32 +3409,32 @@ function Nt(e) {
 		k
 	]), nt = x((e, t) => {
 		if (!e || !e.key) return null;
-		let r = G(Z, String(e.key));
+		let r = he(Z, 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 && oe, o = r.resizeHandles || [...ce], c = i && te && r.isBounded !== !1, u = le;
-		return /* @__PURE__ */ (0, V.jsx)(Dt, {
+		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, {
 			containerWidth: n,
 			cols: F,
 			margin: R,
 			containerPadding: Y,
 			maxRows: L,
 			rowHeight: I,
-			cancel: ne,
+			cancel: te,
 			handle: H,
 			onDragStart: We,
 			onDrag: Ge,
 			onDragStop: Ke,
-			onResizeStart: Je,
-			onResize: Ye,
+			onResizeStart: qe,
+			onResize: Je,
 			onResizeStop: Xe,
 			isDraggable: i,
 			isResizable: a,
 			isBounded: c,
-			useCSSTransforms: _e && X,
-			usePercentages: !X,
+			useCSSTransforms: ge && ye,
+			usePercentages: !ye,
 			transformScale: J,
 			positionStrategy: s,
-			dragThreshold: re,
+			dragThreshold: W,
 			w: r.w,
 			h: r.h,
 			x: r.x,
@@ -3429,27 +3461,27 @@ function Nt(e) {
 		Y,
 		L,
 		I,
-		ne,
+		te,
 		H,
 		We,
 		Ge,
 		Ke,
+		qe,
 		Je,
-		Ye,
 		Xe,
 		B,
-		oe,
-		te,
-		_e,
-		X,
+		ne,
+		V,
+		ge,
+		ye,
 		J,
 		s,
-		re,
+		W,
 		De,
-		ce,
-		le,
+		re,
+		oe,
 		l
-	]), rt = () => Q ? /* @__PURE__ */ (0, V.jsx)(Dt, {
+	]), rt = () => Q ? /* @__PURE__ */ (0, U.jsx)(kt, {
 		w: Q.w,
 		h: Q.h,
 		x: Q.x,
@@ -3465,44 +3497,44 @@ function Nt(e) {
 		isDraggable: !1,
 		isResizable: !1,
 		isBounded: !1,
-		useCSSTransforms: _e,
+		useCSSTransforms: ge,
 		transformScale: J,
 		constraints: l,
 		layout: Z,
-		children: /* @__PURE__ */ (0, V.jsx)("div", {})
+		children: /* @__PURE__ */ (0, U.jsx)("div", {})
 	}) : null;
-	return /* @__PURE__ */ (0, V.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		ref: h,
-		className: ee(kt, p),
+		className: ee(jt, p),
 		style: {
 			height: Ue,
 			...m
 		},
-		onDrop: ue ? tt : void 0,
-		onDragLeave: ue ? $e : void 0,
-		onDragEnter: ue ? et : void 0,
-		onDragOver: ue ? Qe : void 0,
+		onDrop: ce ? tt : void 0,
+		onDragLeave: ce ? $e : void 0,
+		onDragEnter: ce ? et : void 0,
+		onDragOver: ce ? Qe : void 0,
 		children: [
 			y.Children.map(t, (e) => y.isValidElement(e) ? nt(e) : null),
-			ue && $ && nt($, !0),
+			ce && $ && nt($, !0),
 			rt()
 		]
 	});
 }
-var Pt = {
+var It = {
 	lg: 1200,
 	md: 996,
 	sm: 768,
 	xs: 480,
 	xxs: 0
-}, Ft = {
+}, Lt = {
 	lg: 12,
 	md: 10,
 	sm: 6,
 	xs: 4,
 	xxs: 2
-}, It = () => {};
-function Lt(e, t, n, r) {
+}, Rt = () => {};
+function zt(e, t, n, r) {
 	let i = [];
 	y.Children.forEach(t, (t) => {
 		if (!y.isValidElement(t) || t.key === null) return;
@@ -3531,32 +3563,32 @@ function Lt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: he(i),
+				y: me(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let a = J(i, { cols: n });
+	let a = ye(i, { cols: n });
 	return r.compact(a, n);
 }
-function Rt(e) {
-	let { children: t, width: n, breakpoint: r, breakpoints: i = Pt, cols: a = Ft, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = It, onLayoutChange: p = It, onWidthChange: m = It, ...h } = e, g = d ?? qe("vertical"), _ = g.type, v = g.allowOverlap, y = w(() => r ?? Ye(i, n), []), b = w(() => Xe(y, a), [y, a]), S = w(() => Ze(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), ee = T(i), L = T(a), R = T(o), z = T(_), B = T(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(() => {
 		B.current = N;
 	}, [N]);
-	let te = w(() => (0, Et.deepEqual)(o, R.current) ? null : Ze(o, i, D, D, k, g), [
+	let V = w(() => (0, Ot.deepEqual)(o, ee.current) ? null : $e(o, i, D, D, k, g), [
 		o,
 		i,
 		D,
 		k,
 		g
-	]), H = te ?? j;
+	]), H = V ?? j;
 	C(() => {
-		te !== null && (M(te), P(o), B.current = o, R.current = o);
-	}, [te, o]), C(() => {
+		V !== null && (M(V), P(o), B.current = o, ee.current = o);
+	}, [V, o]), C(() => {
 		if (_ !== z.current) {
-			let e = g.compact(q(H), k), t = {
+			let e = g.compact(J(H), k), t = {
 				...B.current,
 				[D]: e
 			};
@@ -3571,16 +3603,16 @@ function Rt(e) {
 		D,
 		p
 	]), C(() => {
-		let e = n !== F.current, o = r !== I.current, s = !(0, Et.deepEqual)(i, ee.current), c = !(0, Et.deepEqual)(a, L.current);
+		let e = n !== F.current, o = r !== I.current, s = !(0, Ot.deepEqual)(i, L.current), c = !(0, Ot.deepEqual)(a, R.current);
 		if (e || o || s || c) {
-			let e = r ?? Ye(i, n), o = Xe(e, a), d = D;
+			let e = r ?? Ze(i, n), o = Qe(e, a), d = D;
 			if (d !== e || s || c) {
 				let n = { ...B.current };
-				n[d] || (n[d] = q(j));
-				let r = Ze(n, i, e, d, o, g);
-				r = Lt(r, t, o, g), n[e] = r, O(e), A(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
+				n[d] || (n[d] = 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);
 			}
-			m(n, Qe(l, e), o, u ? Qe(u, e) : null), F.current = n, I.current = r, ee.current = i, L.current = a;
+			m(n, et(l, e), o, u ? et(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
 		}
 	}, [
 		n,
@@ -3600,38 +3632,38 @@ function Rt(e) {
 		p,
 		m
 	]);
-	let ne = x((e) => {
+	let te = x((e) => {
 		let t = {
 			...B.current,
 			[D]: e
 		};
 		M(e), P(t), B.current = t, p(e, t);
-	}, [D, p]), re = w(() => Qe(l, D), [l, D]), ie = w(() => u === null ? null : Qe(u, D), [u, D]), ae = w(() => ({
+	}, [D, p]), W = w(() => et(l, D), [l, D]), ne = w(() => u === null ? null : et(u, D), [u, D]), re = w(() => ({
 		cols: k,
 		rowHeight: s,
 		maxRows: c,
-		margin: re,
-		containerPadding: ie
+		margin: W,
+		containerPadding: ne
 	}), [
 		k,
 		s,
 		c,
-		re,
-		ie
+		W,
+		ne
 	]);
-	return /* @__PURE__ */ (0, V.jsx)(Nt, {
+	return /* @__PURE__ */ (0, U.jsx)(Ft, {
 		...h,
 		width: n,
-		gridConfig: ae,
+		gridConfig: re,
 		compactor: g,
-		onLayoutChange: ne,
+		onLayoutChange: te,
 		layout: H,
 		children: t
 	});
 }
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function zt({ editMode: e }) {
+function Vt({ editMode: e }) {
 	let t = a();
 	return v.useEffect(() => {
 		if (e) return t.startDrag({
@@ -3644,14 +3676,14 @@ function zt({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Bt = [
+var Ht = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], Vt = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
-	let { width: f, containerRef: p, mounted: m } = et(), [h, _] = v.useState(!1), [y, b] = v.useState(!1), x = o(), S = v.useRef(null), C = v.useCallback(() => {
+], 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(() => {
 		a && (b(!0), a(), setTimeout(() => b(!1), 600));
 	}, [a]);
 	v.useEffect(() => {
@@ -3696,7 +3728,7 @@ var Bt = [
 		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 (z(r)) {
+			if (V(r)) {
 				let n = r.aggregate, o = n ? {
 					field: e.valueField || n.field,
 					function: e.aggregate || n.function,
@@ -3709,7 +3741,7 @@ var Bt = [
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Bt,
+					colors: Ht,
 					className: "h-full"
 				};
 			}
@@ -3726,7 +3758,7 @@ var Bt = [
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Bt,
+					colors: Ht,
 					className: "h-full"
 				};
 			}
@@ -3736,13 +3768,13 @@ var Bt = [
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: Bt,
+				colors: Ht,
 				className: "h-full"
 			};
 		}
 		if (t === "table") {
 			let t = e.data || n.data;
-			if (z(t)) {
+			if (V(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "data-table",
@@ -3774,7 +3806,7 @@ var Bt = [
 		}
 		if (t === "pivot") {
 			let t = e.data || n.data;
-			if (z(t)) {
+			if (V(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "pivot",
@@ -3795,54 +3827,54 @@ var Bt = [
 			...n
 		};
 	}, []);
-	return /* @__PURE__ */ (0, V.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		ref: p,
 		className: g("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			x && /* @__PURE__ */ (0, V.jsx)(zt, { editMode: h }),
-			/* @__PURE__ */ (0, V.jsxs)("div", {
+			x && /* @__PURE__ */ (0, U.jsx)(Vt, { editMode: h }),
+			/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ (0, V.jsx)("h2", {
+				children: [/* @__PURE__ */ (0, U.jsx)("h2", {
 					className: "text-2xl font-bold",
 					children: e.title || "Dashboard"
-				}), /* @__PURE__ */ (0, V.jsx)("div", {
+				}), /* @__PURE__ */ (0, U.jsx)("div", {
 					className: "flex gap-2",
-					children: h ? /* @__PURE__ */ (0, V.jsxs)(V.Fragment, { children: [
-						/* @__PURE__ */ (0, V.jsxs)(s, {
+					children: h ? /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+						/* @__PURE__ */ (0, U.jsxs)(s, {
 							onClick: D,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ (0, V.jsx)(P, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ (0, U.jsx)(I, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ (0, V.jsxs)(s, {
+						/* @__PURE__ */ (0, U.jsxs)(s, {
 							onClick: O,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ (0, V.jsx)(I, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ (0, U.jsx)(R, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ (0, V.jsx)(s, {
+						/* @__PURE__ */ (0, U.jsx)(s, {
 							onClick: () => _(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ (0, V.jsxs)(V.Fragment, { children: [a && /* @__PURE__ */ (0, V.jsxs)(s, {
+					] }) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [a && /* @__PURE__ */ (0, U.jsxs)(s, {
 						onClick: C,
 						size: "sm",
 						variant: "outline",
 						disabled: y,
 						"aria-label": "Refresh dashboard",
-						children: [/* @__PURE__ */ (0, V.jsx)(N, { className: g("h-4 w-4 mr-2", y && "animate-spin") }), y ? "Refreshing…" : "Refresh All"]
-					}), /* @__PURE__ */ (0, V.jsxs)(s, {
+						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),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ (0, V.jsx)(A, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ (0, U.jsx)(j, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			m && /* @__PURE__ */ (0, V.jsx)(Rt, {
+			m && /* @__PURE__ */ (0, U.jsx)(Bt, {
 				className: "layout",
 				width: f,
 				layouts: w,
@@ -3869,34 +3901,34 @@ var Bt = [
 				onLayoutChange: E,
 				children: e.widgets?.map((e, t) => {
 					let r = e.id || `widget-${t}`, i = k(e);
-					return /* @__PURE__ */ (0, V.jsx)("div", {
+					return /* @__PURE__ */ (0, U.jsx)("div", {
 						className: "h-full",
-						children: e.type === "metric" ? /* @__PURE__ */ (0, V.jsxs)("div", {
+						children: e.type === "metric" ? /* @__PURE__ */ (0, U.jsxs)("div", {
 							className: "h-full w-full relative",
-							children: [h && /* @__PURE__ */ (0, V.jsx)("div", {
+							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, V.jsx)(j, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ (0, V.jsx)(n, {
+								children: /* @__PURE__ */ (0, U.jsx)(M, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ (0, U.jsx)(n, {
 								schema: i,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ (0, V.jsxs)(c, {
+						}) : /* @__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, V.jsxs)(u, {
+							children: [e.title && /* @__PURE__ */ (0, U.jsxs)(u, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ (0, V.jsx)(d, {
+								children: [/* @__PURE__ */ (0, U.jsx)(d, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
-								}), h && /* @__PURE__ */ (0, V.jsx)("div", {
+								}), h && /* @__PURE__ */ (0, U.jsx)("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ (0, V.jsx)(j, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, U.jsx)(M, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ (0, V.jsx)(l, {
+							}), /* @__PURE__ */ (0, U.jsx)(l, {
 								className: "p-0 h-full",
-								children: /* @__PURE__ */ (0, V.jsx)("div", {
+								children: /* @__PURE__ */ (0, U.jsx)("div", {
 									className: g("h-full w-full overflow-auto p-4"),
-									children: /* @__PURE__ */ (0, V.jsx)(n, { schema: i })
+									children: /* @__PURE__ */ (0, U.jsx)(n, { schema: i })
 								})
 							})]
 						})
@@ -3908,86 +3940,165 @@ var Bt = [
 };
 //#endregion
 //#region src/MetricWidget.tsx
-function Ht(e) {
+function Wt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Ut = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, ...o }) => {
-	let s = w(() => {
+var Gt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, ...f }) => {
+	let p = w(() => {
 		if (typeof r == "string") {
 			let e = D[r];
-			return e ? /* @__PURE__ */ (0, V.jsx)(e, { className: "h-4 w-4 text-muted-foreground" }) : null;
+			return e ? /* @__PURE__ */ (0, U.jsx)(e, { className: "h-4 w-4 text-muted-foreground" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ (0, V.jsxs)(c, {
+	return /* @__PURE__ */ (0, U.jsxs)(c, {
 		className: g("h-full overflow-hidden", i),
-		...o,
-		children: [/* @__PURE__ */ (0, V.jsxs)(u, {
+		...f,
+		children: [/* @__PURE__ */ (0, U.jsxs)(u, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, V.jsx)(d, {
+			children: [/* @__PURE__ */ (0, U.jsx)(d, {
 				className: "text-sm font-medium truncate",
-				children: Ht(e)
-			}), s && /* @__PURE__ */ (0, V.jsx)("div", {
+				children: Wt(e)
+			}), p && /* @__PURE__ */ (0, U.jsx)("div", {
 				className: "h-4 w-4 text-muted-foreground shrink-0",
+				children: p
+			})]
+		}), /* @__PURE__ */ (0, U.jsx)(l, { 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", {
+				className: "text-sm",
+				children: "Loading…"
+			})]
+		}) : s ? /* @__PURE__ */ (0, U.jsxs)("div", {
+			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", {
+				className: "text-xs text-destructive truncate",
 				children: s
 			})]
-		}), /* @__PURE__ */ (0, V.jsxs)(l, { children: [/* @__PURE__ */ (0, V.jsx)("div", {
+		}) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)("div", {
 			className: "text-2xl font-bold truncate",
 			children: t
-		}), (n || a) && /* @__PURE__ */ (0, V.jsxs)("p", {
+		}), (n || a) && /* @__PURE__ */ (0, U.jsxs)("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1 truncate",
-			children: [n && /* @__PURE__ */ (0, V.jsxs)("span", {
+			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"),
 				children: [
-					n.direction === "up" && /* @__PURE__ */ (0, V.jsx)(k, { className: "h-3 w-3 mr-1" }),
-					n.direction === "down" && /* @__PURE__ */ (0, V.jsx)(O, { className: "h-3 w-3 mr-1" }),
-					n.direction === "neutral" && /* @__PURE__ */ (0, V.jsx)(M, { className: "h-3 w-3 mr-1" }),
+					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.value,
 					"%"
 				]
-			}), /* @__PURE__ */ (0, V.jsx)("span", {
+			}), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "truncate",
-				children: Ht(a) || Ht(n?.label)
+				children: Wt(a) || Wt(n?.label)
 			})]
-		})] })]
+		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function Wt(e) {
+function Kt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Gt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, ...s }) => {
-	let f = n && D[n];
-	return /* @__PURE__ */ (0, V.jsxs)(c, {
+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),
-		...s,
-		children: [/* @__PURE__ */ (0, V.jsxs)(u, {
+		...p,
+		children: [/* @__PURE__ */ (0, U.jsxs)(u, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, V.jsx)(d, {
+			children: [/* @__PURE__ */ (0, U.jsx)(d, {
 				className: "text-sm font-medium",
-				children: Wt(e)
-			}), f && /* @__PURE__ */ (0, V.jsx)(f, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ (0, V.jsxs)(l, { children: [/* @__PURE__ */ (0, V.jsx)("div", {
+				children: Kt(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", {
+			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", {
+				className: "text-sm",
+				children: "Loading…"
+			})]
+		}) : f ? /* @__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", {
+				className: "text-xs text-destructive truncate",
+				children: f
+			})]
+		}) : /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)("div", {
 			className: "text-2xl font-bold",
 			children: t
-		}), (r || i || a) && /* @__PURE__ */ (0, V.jsxs)("p", {
+		}), (r || i || a) && /* @__PURE__ */ (0, U.jsxs)("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1",
-			children: [r && i && /* @__PURE__ */ (0, V.jsxs)("span", {
+			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"),
 				children: [
-					r === "up" && /* @__PURE__ */ (0, V.jsx)(k, { className: "h-3 w-3 mr-1" }),
-					r === "down" && /* @__PURE__ */ (0, V.jsx)(O, { className: "h-3 w-3 mr-1" }),
-					r === "neutral" && /* @__PURE__ */ (0, V.jsx)(M, { className: "h-3 w-3 mr-1" }),
+					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" }),
 					i
 				]
-			}), Wt(a)]
-		})] })]
+			}), Kt(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) => {
+		if (!(!r || !e)) {
+			i.current && (g(!0), v(null));
+			try {
+				let a;
+				if (t && typeof r.aggregate == "function") {
+					let i = await r.aggregate(e, {
+						field: t.field,
+						function: t.function,
+						groupBy: t.groupBy || "_all",
+						filter: n
+					}), o = Array.isArray(i) ? i : [];
+					a = o.length === 0 ? 0 : t.function === "count" ? o.reduce((e, n) => e + (Number(n[t.field]) || Number(n.count) || 0), 0) : o[0][t.field] ?? 0;
+				} else if (typeof r.find == "function") {
+					let t = await r.find(e, { $filter: n });
+					a = (Array.isArray(t) ? t : t?.data || t?.records || []).length;
+				} else return;
+				i.current && m(a);
+			} catch (e) {
+				console.error("[ObjectMetricWidget] Fetch error:", e), i.current && v(e instanceof Error ? e.message : "Failed to load metric");
+			} finally {
+				i.current && g(!1);
+			}
+		}
+	}, [
+		e,
+		t,
+		n
+	]);
+	return C(() => {
+		let t = { current: !0 };
+		return f && e ? y(f, t) : (m(null), v(null)), () => {
+			t.current = !1;
+		};
+	}, [
+		f,
+		e,
+		y
+	]), /* @__PURE__ */ (0, U.jsx)(Gt, {
+		label: i,
+		value: p === null ? f ? "—" : a ?? "—" : p,
+		trend: o,
+		icon: s,
+		className: c,
+		description: l,
+		loading: h,
+		error: _
 	});
 };
 //#endregion
 //#region src/PivotTable.tsx
-function Kt(e, t) {
+function Yt(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -4004,7 +4115,7 @@ function Kt(e, t) {
 	}
 	return n + l + r;
 }
-function qt(e, t) {
+function Xt(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -4015,7 +4126,7 @@ function qt(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var Jt = ({ schema: e, className: t }) => {
+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(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
 		for (let o of f) {
@@ -4027,10 +4138,10 @@ var Jt = ({ schema: e, className: t }) => {
 			l[e] = {};
 			let t = [];
 			for (let r of c) {
-				let i = n[e]?.[r] ?? [], a = qt(i, o);
+				let i = n[e]?.[r] ?? [], a = Xt(i, o);
 				l[e][r] = a, t.push(...i), !d[r] && d[r];
 			}
-			u[e] = qt(t, o);
+			u[e] = Xt(t, o);
 		}
 		for (let e of c) {
 			let t = [];
@@ -4038,7 +4149,7 @@ var Jt = ({ schema: e, className: t }) => {
 				let i = n[r]?.[e] ?? [];
 				t.push(...i);
 			}
-			d[e] = qt(t, o);
+			d[e] = Xt(t, o);
 		}
 		let p = [];
 		for (let e of f) p.push(Number(e[a]) || 0);
@@ -4048,7 +4159,7 @@ var Jt = ({ schema: e, className: t }) => {
 			matrix: l,
 			rowTotals: u,
 			colTotals: d,
-			grandTotal: qt(p, o)
+			grandTotal: Xt(p, o)
 		};
 	}, [
 		f,
@@ -4056,16 +4167,16 @@ var Jt = ({ schema: e, className: t }) => {
 		i,
 		a,
 		o
-	]), b = (e) => Kt(e, u);
-	return f.length === 0 ? /* @__PURE__ */ (0, V.jsxs)("div", {
+	]), b = (e) => Yt(e, u);
+	return f.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: g("overflow-auto", t),
-		children: [n && /* @__PURE__ */ (0, V.jsx)("h3", {
+		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: n
-		}), /* @__PURE__ */ (0, V.jsxs)("div", {
+		}), /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
 			"data-testid": "pivot-empty-state",
-			children: [/* @__PURE__ */ (0, V.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -4075,91 +4186,91 @@ var Jt = ({ schema: e, className: t }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)("rect", {
+					/* @__PURE__ */ (0, U.jsx)("rect", {
 						x: "3",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("rect", {
+					/* @__PURE__ */ (0, U.jsx)("rect", {
 						x: "14",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("rect", {
+					/* @__PURE__ */ (0, U.jsx)("rect", {
 						x: "3",
 						y: "14",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("rect", {
+					/* @__PURE__ */ (0, U.jsx)("rect", {
 						x: "14",
 						y: "14",
 						width: "7",
 						height: "7"
 					})
 				]
-			}), /* @__PURE__ */ (0, V.jsx)("p", {
+			}), /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "text-xs",
 				children: "No data available"
 			})]
 		})]
-	}) : /* @__PURE__ */ (0, V.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: g("overflow-auto", t),
-		children: [n && /* @__PURE__ */ (0, V.jsx)("h3", {
+		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: n
-		}), /* @__PURE__ */ (0, V.jsxs)("table", {
+		}), /* @__PURE__ */ (0, U.jsxs)("table", {
 			className: "w-full text-sm border-collapse",
 			role: "table",
 			children: [
-				/* @__PURE__ */ (0, V.jsx)("thead", { children: /* @__PURE__ */ (0, V.jsxs)("tr", {
+				/* @__PURE__ */ (0, U.jsx)("thead", { children: /* @__PURE__ */ (0, U.jsxs)("tr", {
 					className: "border-b border-border",
 					children: [
-						/* @__PURE__ */ (0, V.jsx)("th", {
+						/* @__PURE__ */ (0, U.jsx)("th", {
 							className: "text-left p-2 font-medium text-muted-foreground",
 							children: r
 						}),
-						m.map((e) => /* @__PURE__ */ (0, V.jsx)("th", {
+						m.map((e) => /* @__PURE__ */ (0, U.jsx)("th", {
 							className: g("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
 							children: e
 						}, e)),
-						c && /* @__PURE__ */ (0, V.jsx)("th", {
+						c && /* @__PURE__ */ (0, U.jsx)("th", {
 							className: "text-right p-2 font-semibold text-muted-foreground bg-muted/20",
 							children: "Total"
 						})
 					]
 				}) }),
-				/* @__PURE__ */ (0, V.jsx)("tbody", { children: p.map((e) => /* @__PURE__ */ (0, V.jsxs)("tr", {
+				/* @__PURE__ */ (0, U.jsx)("tbody", { children: p.map((e) => /* @__PURE__ */ (0, U.jsxs)("tr", {
 					className: "border-b border-border/50 hover:bg-muted/30",
 					children: [
-						/* @__PURE__ */ (0, V.jsx)("td", {
+						/* @__PURE__ */ (0, U.jsx)("td", {
 							className: "p-2 font-medium",
 							children: e
 						}),
-						m.map((t) => /* @__PURE__ */ (0, V.jsx)("td", {
+						m.map((t) => /* @__PURE__ */ (0, U.jsx)("td", {
 							className: g("text-right p-2 tabular-nums", d?.[t]),
 							children: b(h[e]?.[t] ?? 0)
 						}, t)),
-						c && /* @__PURE__ */ (0, V.jsx)("td", {
+						c && /* @__PURE__ */ (0, U.jsx)("td", {
 							className: "text-right p-2 font-semibold tabular-nums bg-muted/20",
 							children: b(_[e] ?? 0)
 						})
 					]
 				}, e)) }),
-				l && /* @__PURE__ */ (0, V.jsx)("tfoot", { children: /* @__PURE__ */ (0, V.jsxs)("tr", {
+				l && /* @__PURE__ */ (0, U.jsx)("tfoot", { children: /* @__PURE__ */ (0, U.jsxs)("tr", {
 					className: "border-t-2 border-border font-semibold bg-muted/40",
 					children: [
-						/* @__PURE__ */ (0, V.jsx)("td", {
+						/* @__PURE__ */ (0, U.jsx)("td", {
 							className: "p-2",
 							children: "Total"
 						}),
-						m.map((e) => /* @__PURE__ */ (0, V.jsx)("td", {
+						m.map((e) => /* @__PURE__ */ (0, U.jsx)("td", {
 							className: "text-right p-2 tabular-nums",
 							children: b(v[e] ?? 0)
 						}, e)),
-						c && /* @__PURE__ */ (0, V.jsx)("td", {
+						c && /* @__PURE__ */ (0, U.jsx)("td", {
 							className: "text-right p-2 tabular-nums font-bold",
 							children: b(y)
 						})
@@ -4168,7 +4279,7 @@ var Jt = ({ schema: e, className: t }) => {
 			]
 		})]
 	});
-}, Yt = ({ schema: e, dataSource: n, className: a }) => {
+}, 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(() => {
 		let n = !0;
@@ -4197,46 +4308,46 @@ var Jt = ({ schema: e, className: t }) => {
 		e.filter
 	]);
 	let _ = c || e.data || l, v = Array.isArray(_) ? _ : [];
-	return d && v.length === 0 ? /* @__PURE__ */ (0, V.jsxs)("div", {
+	return d && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: g("overflow-auto", a),
 		"data-testid": "pivot-loading",
-		children: [e.title && /* @__PURE__ */ (0, V.jsx)("h3", {
+		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ (0, V.jsxs)("div", {
+		}), /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ (0, V.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-24" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-20" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-20" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-20" })
+					/* @__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" })
 				]
 			}), [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ (0, V.jsxs)("div", {
+			].map((e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-24" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-20" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-20" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-20" })
+					/* @__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" })
 				]
 			}, e))]
 		})]
-	}) : p ? /* @__PURE__ */ (0, V.jsxs)("div", {
+	}) : p ? /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: g("overflow-auto", a),
 		"data-testid": "pivot-error",
-		children: [e.title && /* @__PURE__ */ (0, V.jsx)("h3", {
+		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ (0, V.jsxs)("div", {
+		}), /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "pivot-error-message",
-			children: [/* @__PURE__ */ (0, V.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -4246,37 +4357,37 @@ var Jt = ({ schema: e, className: t }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)("circle", {
+					/* @__PURE__ */ (0, U.jsx)("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("line", {
+					/* @__PURE__ */ (0, U.jsx)("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("line", {
+					/* @__PURE__ */ (0, U.jsx)("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ (0, V.jsx)("p", {
+			}), /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "text-xs",
 				children: p
 			})]
 		})]
-	}) : !s && e.objectName && v.length === 0 ? /* @__PURE__ */ (0, V.jsxs)("div", {
+	}) : !s && e.objectName && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: g("overflow-auto", a),
-		children: [e.title && /* @__PURE__ */ (0, V.jsx)("h3", {
+		children: [e.title && /* @__PURE__ */ (0, U.jsx)("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ (0, V.jsx)("div", {
+		}), /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ (0, V.jsxs)("p", {
+			children: /* @__PURE__ */ (0, U.jsxs)("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -4285,7 +4396,7 @@ var Jt = ({ schema: e, className: t }) => {
 				]
 			})
 		})]
-	}) : /* @__PURE__ */ (0, V.jsx)(Jt, {
+	}) : /* @__PURE__ */ (0, U.jsx)(Zt, {
 		schema: {
 			...e,
 			data: v
@@ -4295,13 +4406,13 @@ var Jt = ({ schema: e, className: t }) => {
 };
 //#endregion
 //#region src/ObjectDataTable.tsx
-function Xt(e) {
+function $t(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 Zt = ({ schema: e, dataSource: a, className: o }) => {
+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(() => {
 		let n = !0;
@@ -4329,45 +4440,45 @@ var Zt = ({ 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 ? Xt(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 = w(() => e.columns && e.columns.length > 0 ? $t(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, V.jsx)("div", {
+	return f && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
 		className: g("overflow-auto", o),
 		"data-testid": "table-loading",
-		children: /* @__PURE__ */ (0, V.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ (0, V.jsxs)("div", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ (0, V.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)(h, { className: "h-6 w-1/4" })
 				]
 			}), [
 				1,
 				2,
 				3,
 				4
-			].map((e) => /* @__PURE__ */ (0, V.jsxs)("div", {
+			].map((e) => /* @__PURE__ */ (0, U.jsxs)("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, V.jsx)(h, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ (0, V.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)(h, { className: "h-5 w-1/4" })
 				]
 			}, e))]
 		})
-	}) : m ? /* @__PURE__ */ (0, V.jsx)("div", {
+	}) : m ? /* @__PURE__ */ (0, U.jsx)("div", {
 		className: g("overflow-auto", o),
 		"data-testid": "table-error",
-		children: /* @__PURE__ */ (0, V.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "table-error-message",
-			children: [/* @__PURE__ */ (0, V.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -4377,34 +4488,34 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)("circle", {
+					/* @__PURE__ */ (0, U.jsx)("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("line", {
+					/* @__PURE__ */ (0, U.jsx)("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("line", {
+					/* @__PURE__ */ (0, U.jsx)("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ (0, V.jsx)("p", {
+			}), /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "text-xs",
 				children: m
 			})]
 		})
-	}) : !c && e.objectName && y.length === 0 ? /* @__PURE__ */ (0, V.jsx)("div", {
+	}) : !c && e.objectName && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
 		className: g("overflow-auto", o),
-		children: /* @__PURE__ */ (0, V.jsx)("div", {
+		children: /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ (0, V.jsxs)("p", {
+			children: /* @__PURE__ */ (0, U.jsxs)("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -4413,12 +4524,12 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 				]
 			})
 		})
-	}) : y.length === 0 ? /* @__PURE__ */ (0, V.jsx)("div", {
+	}) : y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
 		className: g("overflow-auto", o),
 		"data-testid": "table-empty-state",
-		children: /* @__PURE__ */ (0, V.jsxs)("div", {
+		children: /* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: [/* @__PURE__ */ (0, V.jsxs)("svg", {
+			children: [/* @__PURE__ */ (0, U.jsxs)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -4428,7 +4539,7 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ (0, V.jsx)("rect", {
+					/* @__PURE__ */ (0, U.jsx)("rect", {
 						x: "3",
 						y: "3",
 						width: "18",
@@ -4436,25 +4547,25 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 						rx: "2",
 						ry: "2"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("line", {
+					/* @__PURE__ */ (0, U.jsx)("line", {
 						x1: "3",
 						y1: "9",
 						x2: "21",
 						y2: "9"
 					}),
-					/* @__PURE__ */ (0, V.jsx)("line", {
+					/* @__PURE__ */ (0, U.jsx)("line", {
 						x1: "9",
 						y1: "21",
 						x2: "9",
 						y2: "9"
 					})
 				]
-			}), /* @__PURE__ */ (0, V.jsx)("p", {
+			}), /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "text-xs",
 				children: "No data available"
 			})]
 		})
-	}) : /* @__PURE__ */ (0, V.jsx)(n, {
+	}) : /* @__PURE__ */ (0, U.jsx)(n, {
 		schema: {
 			...e,
 			type: "data-table",
@@ -4463,7 +4574,7 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 		},
 		className: o
 	});
-}, Qt = {
+}, tn = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -4568,12 +4679,12 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 		}
 	]
 };
-function $t({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+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, V.jsx)(p, {
+	return /* @__PURE__ */ (0, U.jsx)(p, {
 		open: e,
 		onClose: t,
-		schema: Qt,
+		schema: tn,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -4583,7 +4694,7 @@ function $t({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var en = [
+var rn = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -4628,7 +4739,7 @@ var en = [
 		value: "custom",
 		label: "Custom"
 	}
-], tn = [
+], an = [
 	{
 		value: "default",
 		label: "Default"
@@ -4661,7 +4772,7 @@ var en = [
 		value: "danger",
 		label: "Danger"
 	}
-], nn = [
+], on = [
 	{
 		value: "count",
 		label: "Count"
@@ -4682,7 +4793,7 @@ var en = [
 		value: "max",
 		label: "Max"
 	}
-], rn = [
+], sn = [
 	"bar",
 	"line",
 	"area",
@@ -4690,32 +4801,32 @@ var en = [
 	"donut",
 	"scatter"
 ];
-function an(e) {
-	return !!e && rn.includes(e);
+function cn(e) {
+	return !!e && sn.includes(e);
 }
-var on = [{
+var ln = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], sn = [{
+}], un = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function cn(e, t, n, r) {
+function dn(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ (0, V.jsx)(m, {
+		render: (i, a, o) => /* @__PURE__ */ (0, U.jsx)(m, {
 			label: t,
-			children: /* @__PURE__ */ (0, V.jsx)("div", {
+			children: /* @__PURE__ */ (0, U.jsx)("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ (0, V.jsx)(f, {
+				children: /* @__PURE__ */ (0, U.jsx)(f, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -4729,16 +4840,16 @@ function cn(e, t, n, r) {
 		})
 	};
 }
-function ln(e, t, n) {
+function fn(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ (0, V.jsx)(m, {
+		render: (t, n) => /* @__PURE__ */ (0, U.jsx)(m, {
 			label: "Data source",
-			children: /* @__PURE__ */ (0, V.jsx)("div", {
+			children: /* @__PURE__ */ (0, U.jsx)("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ (0, V.jsx)(f, {
+				children: /* @__PURE__ */ (0, U.jsx)(f, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -4754,27 +4865,27 @@ function ln(e, t, n) {
 		label: "Data source",
 		type: "input",
 		placeholder: "Object name"
-	}, a = r ? cn("categoryField", "Category field", "Select field…", t) : {
+	}, a = r ? dn("categoryField", "Category field", "Select field…", t) : {
 		key: "categoryField",
 		label: "Category field",
 		type: "input",
 		placeholder: "e.g. status"
-	}, o = r ? cn("valueField", "Value field", "Select field…", t) : {
+	}, o = r ? dn("valueField", "Value field", "Select field…", t) : {
 		key: "valueField",
 		label: "Value field",
 		type: "input",
 		placeholder: "e.g. amount"
-	}, s = r ? cn("rowField", "Field", "Select row field…", t) : {
+	}, s = r ? dn("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? cn("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? dn("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? cn("pivotValueField", "Field", "Select value field…", t) : {
+	}, l = r ? dn("pivotValueField", "Field", "Select value field…", t) : {
 		key: "pivotValueField",
 		label: "Field",
 		type: "input",
@@ -4784,7 +4895,7 @@ function ln(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (an(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (cn(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -4806,7 +4917,7 @@ function ln(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: en,
+						options: rn,
 						defaultValue: "metric"
 					}
 				]
@@ -4824,7 +4935,7 @@ function ln(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: nn,
+						options: on,
 						defaultValue: "count"
 					}
 				]
@@ -4847,14 +4958,14 @@ function ln(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: on,
+						options: ln,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: sn,
+						options: un,
 						defaultValue: "asc"
 					},
 					{
@@ -4882,14 +4993,14 @@ function ln(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: on,
+						options: ln,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: sn,
+						options: un,
 						defaultValue: "asc"
 					},
 					{
@@ -4917,7 +5028,7 @@ function ln(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: nn,
+						options: on,
 						defaultValue: "sum"
 					},
 					{
@@ -4932,7 +5043,7 @@ function ln(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => an(e.type),
+				visibleWhen: (e) => cn(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -5002,7 +5113,7 @@ function ln(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: tn,
+					options: an,
 					defaultValue: "default"
 				}, {
 					key: "actionUrl",
@@ -5014,7 +5125,7 @@ function ln(e, t, n) {
 		]
 	};
 }
-function un(e) {
+function pn(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -5023,16 +5134,16 @@ function un(e) {
 	}
 	return String(e);
 }
-function dn({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
+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(() => ({
 		...n,
-		title: typeof n.title == "object" ? un(n.title) : n.title,
-		description: typeof n.description == "object" ? un(n.description) : n.description
+		title: typeof n.title == "object" ? pn(n.title) : n.title,
+		description: typeof n.description == "object" ? pn(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ (0, V.jsx)(p, {
+	return /* @__PURE__ */ (0, U.jsx)(p, {
 		open: e,
 		onClose: t,
-		schema: v.useMemo(() => ln(o, s, c.type), [
+		schema: v.useMemo(() => fn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -5047,7 +5158,7 @@ function dn({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-function fn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: c }) {
+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);
@@ -5098,21 +5209,21 @@ function fn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 	}, [d, r]), D = x(() => {
 		u((e) => !e), f(null);
 	}, []);
-	return /* @__PURE__ */ (0, V.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		className: g("flex h-full w-full", c),
 		"data-testid": "dashboard-with-config",
-		children: [/* @__PURE__ */ (0, V.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, U.jsxs)("div", {
 			className: "flex-1 min-w-0 overflow-auto relative",
-			children: [/* @__PURE__ */ (0, V.jsx)("div", {
+			children: [/* @__PURE__ */ (0, U.jsx)("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ (0, V.jsxs)(s, {
+				children: /* @__PURE__ */ (0, U.jsxs)(s, {
 					size: "sm",
 					variant: l ? "default" : "outline",
 					onClick: D,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ (0, V.jsx)(F, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ (0, U.jsx)(L, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ (0, V.jsx)(re, {
+			}), /* @__PURE__ */ (0, U.jsx)(re, {
 				schema: p,
 				onRefresh: i,
 				recordCount: a,
@@ -5120,15 +5231,15 @@ function fn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				selectedWidgetId: d,
 				onWidgetClick: b
 			})]
-		}), l && /* @__PURE__ */ (0, V.jsx)("div", {
+		}), l && /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "relative shrink-0",
-			children: d && y ? /* @__PURE__ */ (0, V.jsx)(dn, {
+			children: d && y ? /* @__PURE__ */ (0, U.jsx)(mn, {
 				open: !0,
 				onClose: S,
 				config: y,
 				onSave: T,
 				onFieldChange: w
-			}) : /* @__PURE__ */ (0, V.jsx)($t, {
+			}) : /* @__PURE__ */ (0, U.jsx)(nn, {
 				open: !0,
 				onClose: () => u(!1),
 				config: t,
@@ -5165,7 +5276,7 @@ e.register("dashboard", re, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Ut, {
+}), e.register("metric", Gt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -5178,7 +5289,7 @@ e.register("dashboard", re, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Gt, {
+}), e.register("metric-card", qt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -5233,7 +5344,36 @@ e.register("dashboard", re, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("pivot", Jt, {
+}), e.register("object-metric", Jt, {
+	namespace: "plugin-dashboard",
+	label: "Object Metric",
+	category: "Dashboard",
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			label: "Object Name",
+			required: !0
+		},
+		{
+			name: "label",
+			type: "string",
+			label: "Label"
+		},
+		{
+			name: "aggregate",
+			type: "object",
+			label: "Aggregate",
+			description: "Aggregation config: { field, function, groupBy }"
+		},
+		{
+			name: "icon",
+			type: "string",
+			label: "Icon (Lucide name)"
+		}
+	],
+	defaultProps: { label: "Metric" }
+}), e.register("pivot", Zt, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -5312,7 +5452,7 @@ e.register("dashboard", re, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", Yt, {
+}), e.register("object-pivot", Qt, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -5401,7 +5541,7 @@ e.register("dashboard", re, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Vt, {
+}), e.register("dashboard-grid", Ut, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -5429,7 +5569,7 @@ e.register("dashboard", re, {
 		widgets: [],
 		persistLayoutKey: "dashboard-layout"
 	}
-}), e.register("object-data-table", Zt, {
+}), e.register("object-data-table", en, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -5467,17 +5607,18 @@ e.register("dashboard", re, {
 		pagination: !1
 	}
 });
-var pn = {
+var gn = {
 	DashboardRenderer: re,
-	DashboardGridLayout: Vt,
-	MetricWidget: Ut,
-	MetricCard: Gt,
-	PivotTable: Jt,
-	ObjectPivotTable: Yt,
-	ObjectDataTable: Zt,
-	DashboardConfigPanel: $t,
-	WidgetConfigPanel: dn,
-	DashboardWithConfig: fn
+	DashboardGridLayout: Ut,
+	MetricWidget: Gt,
+	MetricCard: qt,
+	ObjectMetricWidget: Jt,
+	PivotTable: Zt,
+	ObjectPivotTable: Qt,
+	ObjectDataTable: en,
+	DashboardConfigPanel: nn,
+	WidgetConfigPanel: mn,
+	DashboardWithConfig: hn
 };
 //#endregion
-export { $t as DashboardConfigPanel, Vt as DashboardGridLayout, re as DashboardRenderer, fn as DashboardWithConfig, Gt as MetricCard, Ut as MetricWidget, Zt as ObjectDataTable, Yt as ObjectPivotTable, Jt as PivotTable, dn as WidgetConfigPanel, pn as dashboardComponents };
+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 };