@object-ui/plugin-dashboard 3.1.5 → 3.3.1

package/dist/index.js

@@ -1,24 +1,24 @@
 import { ComponentRegistry as e, extractRecords as t } from "@object-ui/core";
-import { SchemaRenderer as n, SchemaRendererContext as r, useDataScope as i, useDnd as a, useHasDndProvider as o } from "@object-ui/react";
-import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, Combobox as f, ConfigPanelRenderer as p, ConfigRow as m, Skeleton as h, cn as g, useConfigDraft as _ } from "@object-ui/components";
-import * as v from "react";
-import y, { forwardRef as b, useCallback as x, useContext as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import * as D from "lucide-react";
-import { 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 { SchemaRenderer as n, SchemaRendererContext as r, useActionEngine as i, useDataScope as a, useDnd as o, useHasDndProvider as s } from "@object-ui/react";
+import { Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, Combobox as p, ConfigPanelRenderer as m, ConfigRow as h, Skeleton as g, cn as _, useConfigDraft as v } from "@object-ui/components";
+import * as y from "react";
+import b, { forwardRef as x, useCallback as S, useContext as C, useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
+import * as O from "lucide-react";
+import { AlertCircle as k, ArrowDownIcon as A, ArrowUpIcon as j, Edit as M, GripVertical as N, Loader2 as P, MinusIcon as F, RefreshCw as I, Save as L, Settings as R, X as z } from "lucide-react";
 import ee from "clsx";
 //#region \0rolldown/runtime.js
-var 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 B = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), V = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 //#endregion
 //#region src/utils.ts
-function z(e) {
+function H(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 te = /* @__PURE__ */ B(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -33,7 +33,7 @@ var B = /* @__PURE__ */ L(((e) => {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), te = /* @__PURE__ */ L(((e) => {
+})), ne = /* @__PURE__ */ B(((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 = V("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), k = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
 			return null;
 		};
 		m = { react_stack_bottom_frame: function(e) {
 			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,113 +191,182 @@ 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__ */ B(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = te() : t.exports = ne();
 })))();
-function H(e) {
+function re(e) {
+	if (!e) return null;
+	let t = O;
+	return t[e] ? t[e] : t[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null;
+}
+function ie(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var ne = [
+var ae = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], re = b(({ schema: e, className: t, dataSource: r, onRefresh: i, recordCount: a, userActions: o, designMode: f, selectedWidgetId: p, onWidgetClick: m, ...h }, _) => {
-	let v = e.columns || 4, y = e.gap || 4, [b, S] = E(!1), [w, D] = E(!1), O = T(null);
-	C(() => {
-		let e = () => D(window.innerWidth < 768);
+], W = x(({ schema: e, className: t, dataSource: r, onRefresh: a, recordCount: o, userActions: s, designMode: p, selectedWidgetId: m, onWidgetClick: h, modalHandler: g, scriptHandlers: v, ...y }, b) => {
+	let x = (() => {
+		if (e.columns != null) return e.columns;
+		let t = e.widgets ?? [], n = 0;
+		for (let e of t) {
+			let t = (e.layout?.x ?? 0) + (e.layout?.w ?? 0);
+			t > n && (n = t), (e.layout?.w ?? 0) > n && (n = e.layout.w);
+		}
+		return n > 4 ? 12 : 4;
+	})(), C = x, O = e.gap || 4, [k, A] = D(!1), [j, M] = D(!1), N = E(null), { executeAction: P, engine: F } = i({ actions: T(() => (e.header?.actions ?? []).map((e) => ({
+		name: e.actionUrl || e.label,
+		type: e.actionType || "url",
+		target: e.actionUrl,
+		label: e.label
+	})), [e.header?.actions]) });
+	w(() => {
+		let e = F.getRunner();
+		if (g && e.setModalHandler(g), v) for (let [t, n] of Object.entries(v)) e.registerScript(t, n);
+	}, [
+		F,
+		g,
+		v
+	]), w(() => {
+		let e = () => M(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let k = x(() => {
-		i && (S(!0), i(), setTimeout(() => S(!1), 600));
-	}, [i]);
-	C(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return O.current = setInterval(k, e.refreshInterval * 1e3), () => {
-			O.current && clearInterval(O.current);
+	let L = S(() => {
+		a && (A(!0), a(), setTimeout(() => A(!1), 600));
+	}, [a]);
+	w(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return N.current = setInterval(L, e.refreshInterval * 1e3), () => {
+			N.current && clearInterval(N.current);
 		};
 	}, [
 		e.refreshInterval,
-		i,
-		k
+		a,
+		L
 	]);
-	let A = x((e, t) => {
-		!f || !m || !t || (e.stopPropagation(), m(t));
-	}, [f, m]), j = x((t, n, r) => {
-		if (!f || !m) return;
+	let R = S((e, t) => {
+		!p || !h || !t || (e.stopPropagation(), h(t));
+	}, [p, h]), z = S((t, n, r) => {
+		if (!p || !h) return;
 		let i = e.widgets || [];
-		if (t.key === "Enter" || t.key === " ") t.preventDefault(), m(n ?? null);
+		if (t.key === "Enter" || t.key === " ") t.preventDefault(), h(n ?? null);
 		else if (t.key === "ArrowRight" || t.key === "ArrowDown") {
 			t.preventDefault();
 			let e = r + 1 < i.length ? i[r + 1] : null;
-			e?.id && m(e.id);
+			e?.id && h(e.id);
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
 			t.preventDefault();
 			let e = r - 1 >= 0 ? i[r - 1] : null;
-			e?.id && m(e.id);
-		} else t.key === "Escape" && (t.preventDefault(), m(null));
+			e?.id && h(e.id);
+		} else t.key === "Escape" && (t.preventDefault(), h(null));
 	}, [
-		f,
-		m,
+		p,
+		h,
 		e.widgets
-	]), M = x((e) => {
-		!f || !m || e.target === e.currentTarget && m(null);
-	}, [f, m]), P = (e, t, r) => {
-		let i = e.layout ? {
+	]), ee = S((e) => {
+		!p || !h || e.target === e.currentTarget && h(null);
+	}, [p, h]), B = (e, t, i) => {
+		let a = e.layout ? {
 			...e.layout,
-			w: Math.min(e.layout.w, v)
-		} : void 0, a = (() => {
+			w: Math.min(e.layout.w, C)
+		} : void 0, o = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
-			if (t === "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)) {
-					let n = r.aggregate, o = n ? {
+			if (t === "metric" && e.object) {
+				let t = n.data, r = H(t) && t.aggregate ? {
+					field: e.valueField || t.aggregate.field,
+					function: e.aggregate || t.aggregate.function,
+					groupBy: e.categoryField ?? t.aggregate.groupBy ?? "_all"
+				} : e.aggregate ? {
+					field: e.valueField || "value",
+					function: e.aggregate,
+					groupBy: e.categoryField || "_all"
+				} : void 0;
+				return {
+					type: "object-metric",
+					objectName: e.object || (H(t) ? t.object : void 0),
+					aggregate: r,
+					filter: (H(t) ? t.filter : void 0) || e.filter,
+					label: n.label || ie(e.title) || "",
+					fallbackValue: n.value,
+					trend: n.trend,
+					icon: n.icon,
+					description: n.description,
+					colorVariant: e.colorVariant
+				};
+			}
+			if ((t === "gauge" || t === "solid-gauge") && e.object) {
+				let t = e.aggregate ? {
+					field: e.valueField || "value",
+					function: e.aggregate,
+					groupBy: e.categoryField || "_all"
+				} : void 0;
+				return {
+					type: "object-metric",
+					objectName: e.object,
+					aggregate: t,
+					filter: e.filter,
+					label: n.label || ie(e.title) || "",
+					fallbackValue: n.fallbackValue ?? n.value,
+					icon: n.icon,
+					description: n.description
+				};
+			}
+			let r = {
+				funnel: "bar",
+				"horizontal-bar": "bar"
+			}[t] || t;
+			if (r === "bar" || r === "line" || r === "area" || r === "pie" || r === "donut" || r === "scatter") {
+				let t = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
+				if (H(t)) {
+					let n = t.aggregate, o = n ? {
 						field: e.valueField || n.field,
 						function: e.aggregate || n.function,
 						groupBy: e.categoryField || n.groupBy
 					} : void 0, s = o?.field || a;
 					return {
 						type: "object-chart",
-						chartType: t,
-						objectName: e.object || r.object,
+						chartType: r,
+						objectName: e.object || t.object,
 						aggregate: o,
 						xAxisKey: i,
 						series: [{ dataKey: s }],
-						colors: ne,
+						colors: ae,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
-				if (!r && e.object) {
-					let n = e.aggregate ? {
+				if (!t && e.object) {
+					let t = e.aggregate ? {
 						field: e.valueField || "value",
 						function: e.aggregate,
 						groupBy: e.categoryField || "name"
 					} : void 0;
 					return {
 						type: "object-chart",
-						chartType: t,
+						chartType: r,
 						objectName: e.object,
-						aggregate: n,
+						aggregate: t,
 						xAxisKey: i,
 						series: [{ dataKey: e.valueField || "value" }],
-						colors: ne,
+						colors: ae,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
 				return {
 					type: "chart",
-					chartType: t,
-					data: Array.isArray(r) ? r : r?.items || [],
+					chartType: r,
+					data: Array.isArray(t) ? t : t?.items || [],
 					xAxisKey: i,
 					series: [{ dataKey: a }],
-					colors: ne,
+					colors: ae,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
 			if (t === "table") {
 				let t = e.data || n.data;
-				if (z(t)) {
+				if (H(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -329,7 +398,7 @@ var ne = [
 			}
 			if (t === "pivot") {
 				let t = e.data || n.data;
-				if (z(t)) {
+				if (H(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-pivot",
@@ -354,151 +423,176 @@ 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 ? {
+		})(), s = e.type === "metric", c = ie(e.title), h = ie(e.description), g = e.id || c || `widget-${t}`, v = p && m === e.id, y = p ? {
 			"data-testid": `dashboard-preview-widget-${e.id}`,
 			"data-widget-id": e.id,
 			role: "button",
 			tabIndex: 0,
-			"aria-selected": _,
-			"aria-label": `Widget: ${s || `Widget ${t + 1}`}`,
-			onClick: (t) => A(t, e.id),
-			onKeyDown: (n) => j(n, e.id, t)
-		} : {}, b = f ? g("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", _ ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0;
-		return o ? /* @__PURE__ */ (0, V.jsxs)("div", {
-			className: g("h-full w-full", f && "relative", b),
-			style: !w && i ? {
-				gridColumn: `span ${i.w}`,
-				gridRow: `span ${i.h}`
+			"aria-selected": v,
+			"aria-label": `Widget: ${c || `Widget ${t + 1}`}`,
+			onClick: (t) => R(t, e.id),
+			onKeyDown: (n) => z(n, e.id, t)
+		} : {}, b = p ? _("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", v ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0;
+		return s ? /* @__PURE__ */ (0, U.jsxs)("div", {
+			className: _("h-full w-full", p && "relative", b),
+			style: !j && a ? {
+				gridColumn: `span ${a.w}`,
+				gridRow: `span ${a.h}`
 			} : void 0,
 			...y,
-			children: [/* @__PURE__ */ (0, V.jsx)(n, {
-				schema: a,
-				className: g("h-full w-full", f && "pointer-events-none")
-			}), f && /* @__PURE__ */ (0, V.jsx)("div", {
+			children: [/* @__PURE__ */ (0, U.jsx)(n, {
+				schema: o,
+				className: _("h-full w-full", p && "pointer-events-none"),
+				dataSource: r
+			}), p && /* @__PURE__ */ (0, U.jsx)("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}, h) : /* @__PURE__ */ (0, V.jsxs)(c, {
-			className: g("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", f && "relative", b),
-			style: !w && i ? {
-				gridColumn: `span ${i.w}`,
-				gridRow: `span ${i.h}`
+		}, g) : /* @__PURE__ */ (0, U.jsxs)(l, {
+			className: _("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", i && "w-full", p && "relative", b),
+			style: !j && a ? {
+				gridColumn: `span ${a.w}`,
+				gridRow: `span ${a.h}`
 			} : void 0,
 			...y,
 			children: [
-				s && /* @__PURE__ */ (0, V.jsxs)(u, {
+				c && /* @__PURE__ */ (0, U.jsxs)(d, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ (0, V.jsx)(d, {
+					children: [/* @__PURE__ */ (0, U.jsx)(f, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
-						title: s,
-						children: s
-					}), m && /* @__PURE__ */ (0, V.jsx)("p", {
+						title: c,
+						children: c
+					}), h && /* @__PURE__ */ (0, U.jsx)("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
-						children: m
+						children: h
 					})]
 				}),
-				/* @__PURE__ */ (0, V.jsx)(l, {
+				/* @__PURE__ */ (0, U.jsx)(u, {
 					className: "p-0",
-					children: /* @__PURE__ */ (0, V.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)("div", {
+						className: _("h-full w-full", "p-3 sm:p-4 md:p-6", p && "pointer-events-none"),
+						children: /* @__PURE__ */ (0, U.jsx)(n, {
+							schema: o,
+							dataSource: r
+						})
 					})
 				}),
-				f && /* @__PURE__ */ (0, V.jsx)("div", {
+				p && /* @__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", {
+		}, g);
+	}, V = 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: ie(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: ie(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, {
-					variant: "outline",
-					size: "sm",
-					children: e.label
-				}, t))
+				children: e.header.actions.map((e, t) => {
+					let n = re(e.icon);
+					return /* @__PURE__ */ (0, U.jsxs)(c, {
+						variant: "outline",
+						size: "sm",
+						onClick: async () => {
+							let { actionType: t, actionUrl: n, label: r } = e;
+							if (!t || !n) {
+								console.warn("[DashboardRenderer] Header action missing actionType/actionUrl:", e);
+								return;
+							}
+							if (t === "url") {
+								/^https?:\/\//.test(n) || n.startsWith("//") ? window.location.assign(n) : (window.history.pushState({}, "", n), window.dispatchEvent(new PopStateEvent("popstate")));
+								return;
+							}
+							if (t === "modal" || t === "script") {
+								let e = await P(n || r);
+								e?.success || console.warn("[DashboardRenderer] action failed", e?.error);
+								return;
+							}
+							console.warn(`[DashboardRenderer] Unknown header actionType="${t}" for "${r}"`);
+						},
+						children: [n && /* @__PURE__ */ (0, U.jsx)(n, { className: "w-4 h-4 mr-1.5" }), e.label]
+					}, t);
+				})
 			})
 		]
-	}), I = a !== void 0 && /* @__PURE__ */ (0, V.jsxs)("span", {
+	}), te = o !== 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", {
-		className: g("flex items-center justify-end gap-3 mb-2", !w && "col-span-full"),
-		children: [I, /* @__PURE__ */ (0, V.jsxs)(s, {
+		children: [o.toLocaleString(), " records"]
+	}), ne = s ? JSON.stringify(s) : void 0, W = a && /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("flex items-center justify-end gap-3 mb-2", !j && "col-span-full"),
+		children: [te, /* @__PURE__ */ (0, U.jsxs)(c, {
 			variant: "outline",
 			size: "sm",
-			onClick: k,
-			disabled: b,
+			onClick: L,
+			disabled: k,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ (0, V.jsx)(N, { className: g("h-4 w-4 mr-2", b && "animate-spin") }), b ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ (0, U.jsx)(I, { className: _("h-4 w-4 mr-2", k && "animate-spin") }), k ? "Refreshing…" : "Refresh All"]
 		})]
 	});
-	if (w) {
+	if (j) {
 		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [];
-		return /* @__PURE__ */ (0, V.jsxs)("div", {
-			ref: _,
-			className: g("flex flex-col gap-4 px-4", t),
-			"data-user-actions": ee,
-			onClick: M,
-			...h,
+		return /* @__PURE__ */ (0, U.jsxs)("div", {
+			ref: b,
+			className: _("flex flex-col gap-4 px-4", t),
+			"data-user-actions": ne,
+			onClick: ee,
+			...y,
 			children: [
-				F,
-				L,
-				n.length > 0 && /* @__PURE__ */ (0, V.jsx)("div", {
+				V,
+				W,
+				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))
+					onClick: ee,
+					children: n.map((e, t) => B(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))
+					onClick: ee,
+					children: r.map((e, t) => B(e, t, !0))
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ (0, V.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),
+	let oe = e.columns != null || x !== 4;
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
+		ref: b,
+		className: _("grid auto-rows-min", !oe && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...v > 4 && { gridTemplateColumns: `repeat(${v}, minmax(0, 1fr))` },
-			gap: `${y * .25}rem`
+			...oe && { gridTemplateColumns: `repeat(${C}, minmax(0, 1fr))` },
+			gap: `${O * .25}rem`
 		},
-		"data-user-actions": ee,
-		onClick: M,
-		...h,
+		"data-user-actions": ne,
+		onClick: ee,
+		...y,
 		children: [
-			F,
-			L,
-			e.widgets?.map((e, t) => P(e, t))
+			V,
+			W,
+			e.widgets?.map((e, t) => B(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
-function ie(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-76RTO6EO.mjs
+function oe(e) {
 	let { margin: t, containerPadding: n, containerWidth: r, cols: i } = e;
 	return (r - t[0] * (i - 1) - n[0] * 2) / i;
 }
-function ae(e, t, n) {
+function se(e, t, n) {
 	return Number.isFinite(e) ? Math.round(t * e + Math.max(0, e - 1) * n) : e;
 }
-function oe(e, t, n, r, i, a, o) {
-	let { margin: s, containerPadding: c, rowHeight: l } = e, u = ie(e), d, f, p, m;
-	if (o ? (d = Math.round(o.width), f = Math.round(o.height)) : (d = ae(r, u, s[0]), f = ae(i, l, s[1])), a ? (p = Math.round(a.top), m = Math.round(a.left)) : o ? (p = Math.round(o.top), m = Math.round(o.left)) : (p = Math.round((l + s[1]) * n + c[1]), m = Math.round((u + s[0]) * t + c[0])), !a && !o) {
+function ce(e, t, n, r, i, a, o) {
+	let { margin: s, containerPadding: c, rowHeight: l } = e, u = oe(e), d, f, p, m;
+	if (o ? (d = Math.round(o.width), f = Math.round(o.height)) : (d = se(r, u, s[0]), f = se(i, l, s[1])), a ? (p = Math.round(a.top), m = Math.round(a.left)) : o ? (p = Math.round(o.top), m = Math.round(o.left)) : (p = Math.round((l + s[1]) * n + c[1]), m = Math.round((u + s[0]) * t + c[0])), !a && !o) {
 		if (Number.isFinite(r)) {
 			let e = Math.round((u + s[0]) * (t + r) + c[0]) - m - d;
 			e !== s[0] && (d += e - s[0]);
@@ -515,52 +609,52 @@ function oe(e, t, n, r, i, a, o) {
 		height: f
 	};
 }
-function se(e, t, n, r, i) {
-	let { margin: a, containerPadding: o, cols: s, rowHeight: c, maxRows: l } = e, u = ie(e), d = Math.round((n - o[0]) / (u + a[0])), f = Math.round((t - o[1]) / (c + a[1]));
-	return d = ue(d, 0, s - r), f = ue(f, 0, l - i), {
+function le(e, t, n, r, i) {
+	let { margin: a, containerPadding: o, cols: s, rowHeight: c, maxRows: l } = e, u = oe(e), d = Math.round((n - o[0]) / (u + a[0])), f = Math.round((t - o[1]) / (c + a[1]));
+	return d = de(d, 0, s - r), f = de(f, 0, l - i), {
 		x: d,
 		y: f
 	};
 }
-function ce(e, t, n) {
-	let { margin: r, containerPadding: i, rowHeight: a } = e, o = ie(e);
+function ue(e, t, n) {
+	let { margin: r, containerPadding: i, rowHeight: a } = e, o = oe(e);
 	return {
 		x: Math.round((n - i[0]) / (o + r[0])),
 		y: Math.round((t - i[1]) / (a + r[1]))
 	};
 }
-function le(e, t, n) {
-	let { margin: r, rowHeight: i } = e, a = ie(e);
+function G(e, t, n) {
+	let { margin: r, rowHeight: i } = e, a = oe(e);
 	return {
 		w: Math.max(1, Math.round((t + r[0]) / (a + r[0]))),
 		h: Math.max(1, Math.round((n + r[1]) / (i + r[1])))
 	};
 }
-function ue(e, t, n) {
+function de(e, t, n) {
 	return Math.max(Math.min(e, n), t);
 }
-function de(e, t) {
+function fe(e, t) {
 	return !(e.i === t.i || e.x + e.w <= t.x || e.x >= t.x + t.w || e.y + e.h <= t.y || e.y >= t.y + t.h);
 }
-function 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 && fe(r, t)) return r;
 	}
 }
 function pe(e, t) {
-	return e.filter((e) => de(e, t));
+	return e.filter((e) => fe(e, t));
 }
-function U(e, t) {
-	return t === "horizontal" ? me(e) : t === "vertical" || t === "wrap" ? W(e) : [...e];
+function q(e, t) {
+	return t === "horizontal" ? he(e) : t === "vertical" || t === "wrap" ? me(e) : [...e];
 }
-function W(e) {
+function me(e) {
 	return [...e].sort((e, t) => e.y === t.y ? e.x - t.x : e.y - t.y);
 }
-function me(e) {
+function he(e) {
 	return [...e].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x);
 }
-function he(e) {
+function ge(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
@@ -571,16 +665,16 @@ function he(e) {
 	}
 	return t;
 }
-function G(e, t) {
+function _e(e, t) {
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
 		if (r !== void 0 && r.i === t) return r;
 	}
 }
-function K(e) {
+function ve(e) {
 	return e.filter((e) => e.static === !0);
 }
-function ge(e) {
+function ye(e) {
 	return {
 		i: e.i,
 		x: e.x,
@@ -600,15 +694,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] = ye(r));
 	}
 	return t;
 }
-function _e(e, t) {
+function be(e, t) {
 	let n = Array(e.length);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
@@ -616,36 +710,36 @@ 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];
+function Y(e, t, n) {
+	let r = _e(e, t);
+	return r ? (r = n(ye(r)), [be(e, r), r]) : [[...e], null];
 }
-function J(e, t) {
-	let n = K(e);
+function X(e, t) {
+	let n = ve(e);
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i !== void 0) if (i.x + i.w > t.cols && (i.x = t.cols - i.w), i.x < 0 && (i.x = 0, i.w = t.cols), !i.static) n.push(i);
-		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 Z(e, t, n, r, i, a, o, s, c) {
 	if (t.static && t.isDraggable !== !0 || t.y === r && t.x === n) return [...e];
 	let l = t.x, u = t.y;
 	typeof n == "number" && (t.x = n), typeof r == "number" && (t.y = r), t.moved = !0;
-	let d = U(e, o);
+	let d = q(e, o);
 	(o === "vertical" && typeof r == "number" ? u >= r : o === "horizontal" && typeof n == "number" && l >= n) && (d = d.reverse());
 	let f = pe(d, t), p = f.length > 0;
-	if (p && c) return q(e);
+	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 ? Q(m, n, t, i, o) : Q(m, t, n, i, o)));
 	}
 	return m;
 }
-function Y(e, t, n, r, i, a) {
+function Q(e, t, n, r, i, a) {
 	let o = i === "horizontal", s = i === "vertical", c = t.static;
 	if (r) {
 		r = !1;
@@ -655,45 +749,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 Z(e, n, o ? a.x : void 0, s ? a.y : void 0, r, c, i);
+		if (u && s) return Z(e, n, void 0, n.y + 1, r, c, i);
 		if (u && i === null) return t.y = n.y, n.y += n.h, [...e];
-		if (d && o) return ye(e, t, n.x, void 0, r, c, i);
+		if (d && o) return Z(e, t, n.x, void 0, r, c, i);
 	}
 	let l = o ? n.x + 1 : void 0, u = s ? n.y + 1 : void 0;
-	return l === void 0 && u === void 0 ? [...e] : ye(e, n, l, u, r, c, i);
+	return l === void 0 && u === void 0 ? [...e] : Z(e, n, l, u, r, c, i);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/react-grid-layout@2.2.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 $(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: $(t, 0, Math.max(0, r - e.w)),
+			y: $(n, 0, Math.max(0, i - e.h))
 		};
 	},
 	constrainSize(e, t, n, r, { cols: i, maxRows: a }) {
 		let o = r === "w" || r === "nw" || r === "sw" ? e.x + e.w : i - e.x, s = r === "n" || r === "nw" || r === "ne" ? e.y + e.h : a - e.y;
 		return {
-			w: X(t, 1, Math.max(1, o)),
-			h: X(n, 1, Math.max(1, s))
+			w: $(t, 1, Math.max(1, o)),
+			h: $(n, 1, Math.max(1, s))
 		};
 	}
 }, {
 	name: "minMaxSize",
 	constrainSize(e, t, n) {
 		return {
-			w: X(t, e.minW ?? 1, e.maxW ?? Infinity),
-			h: X(n, e.minH ?? 1, e.maxH ?? Infinity)
+			w: $(t, e.minW ?? 1, e.maxW ?? Infinity),
+			h: $(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 +796,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 Ce(e, t, n, r, i, a) {
 	let o = {
 		w: n,
 		h: r
@@ -711,7 +805,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 we({ top: e, left: t, width: n, height: r }) {
 	let i = `translate(${t}px,${e}px)`;
 	return {
 		transform: i,
@@ -724,7 +818,7 @@ function Se({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Q({ top: e, left: t, width: n, height: r }) {
+function Te({ top: e, left: t, width: n, height: r }) {
 	return {
 		top: `${e}px`,
 		left: `${t}px`,
@@ -733,190 +827,190 @@ function Q({ top: e, left: t, width: n, height: r }) {
 		position: "absolute"
 	};
 }
-function Ce(e) {
+function Ee(e) {
 	return e * 100 + "%";
 }
-function we(e, t, n, r) {
+function De(e, t, n, r) {
 	return e + n > r ? t : n;
 }
-function Te(e, t, n) {
+function Oe(e, t, n) {
 	return e < 0 ? t : n;
 }
-function $(e) {
+function ke(e) {
 	return Math.max(0, e);
 }
-function Ee(e) {
+function Ae(e) {
 	return Math.max(0, e);
 }
-var De = (e, t, n) => {
+var je = (e, t, n) => {
 	let { left: r, height: i, width: a } = t, o = e.top - (i - e.height);
 	return {
 		left: r,
 		width: a,
-		height: Te(o, e.height, i),
-		top: Ee(o)
+		height: Oe(o, e.height, i),
+		top: Ae(o)
 	};
-}, Oe = (e, t, n) => {
+}, Me = (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: De(e.left, e.width, o, n),
+		left: ke(i)
 	};
-}, ke = (e, t, n) => {
+}, Ne = (e, t, n) => {
 	let { top: r, height: i, width: a } = t, o = e.left + e.width - a;
 	return o < 0 ? {
 		height: i,
 		width: e.left + e.width,
-		top: Ee(r),
+		top: Ae(r),
 		left: 0
 	} : {
 		height: i,
 		width: a,
-		top: Ee(r),
+		top: Ae(r),
 		left: o
 	};
-}, Ae = (e, t, n) => {
+}, Pe = (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: Oe(r, e.height, a),
+		top: Ae(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))
+}, Fe = {
+	n: je,
+	ne: (e, t, n) => je(e, Me(e, t, n)),
+	e: Me,
+	se: (e, t, n) => Pe(e, Me(e, t, n)),
+	s: Pe,
+	sw: (e, t, n) => Pe(e, Ne(e, t)),
+	w: Ne,
+	nw: (e, t, n) => je(e, Ne(e, t))
 };
-function Me(e, t, n, r) {
-	let i = je[e];
+function Ie(e, t, n, r) {
+	let i = Fe[e];
 	return i ? i(t, {
 		...t,
 		...n
 	}, r) : n;
 }
-var Ne = {
+var Le = {
 	type: "transform",
 	scale: 1,
 	calcStyle(e) {
-		return Se(e);
+		return we(e);
 	}
-}, Pe = {
+}, Re = {
 	cols: 12,
 	rowHeight: 150,
 	margin: [10, 10],
 	containerPadding: null,
 	maxRows: Infinity
-}, Fe = {
+}, ze = {
 	enabled: !0,
 	bounded: !1,
 	threshold: 3
-}, Ie = {
+}, Be = {
 	enabled: !0,
 	handles: ["se"]
-}, Le = {
+}, Ve = {
 	enabled: !1,
 	defaultItem: {
 		w: 1,
 		h: 1
 	}
 };
-function Re(e, t, n, r, i) {
+function He(e, t, n, r, i) {
 	let a = r === "x" ? "w" : "h";
 	t[r] += 1;
-	let o = e.findIndex((e) => e.i === t.i), s = i ?? K(e).length > 0;
+	let o = e.findIndex((e) => e.i === t.i), s = i ?? ve(e).length > 0;
 	for (let i = o + 1; i < e.length; i++) {
 		let o = e[i];
 		if (o !== void 0 && !o.static) {
 			if (!s && o.y > t.y + t.h) break;
-			de(t, o) && Re(e, o, n + t[a], r, s);
+			fe(t, o) && He(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 Ue(e, t, n, r) {
+	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0), t.y = Math.min(r, t.y); t.y > 0 && !K(e, t);) t.y--;
 	let i;
-	for (; (i = fe(e, t)) !== void 0;) Re(n, t, i.y + i.h, "y");
+	for (; (i = K(e, t)) !== void 0;) He(n, t, i.y + i.h, "y");
 	return t.y = Math.max(t.y, 0), t;
 }
-function 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 We(e, t, n, r) {
+	for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0); t.x > 0 && !K(e, t);) t.x--;
 	let i;
-	for (; (i = 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 (He(r, t, i.x + i.w, "x"), t.x + t.w > n) for (t.x = n - t.w, t.y++; t.x > 0 && !K(e, t);) t.x--;
 	return t.x = Math.max(t.x, 0), t;
 }
-var Ve = {
+var Ge = {
 	type: "vertical",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = K(e), r = he(n), i = W(e), a = Array(e.length);
+		let n = ve(e), r = ge(n), i = me(e), a = Array(e.length);
 		for (let t = 0; t < i.length; t++) {
 			let o = i[t];
 			if (o === void 0) continue;
-			let s = ge(o);
-			s.static || (s = ze(n, s, i, r), r = Math.max(r, s.y + s.h), n.push(s));
+			let s = ye(o);
+			s.static || (s = Ue(n, s, i, r), r = Math.max(r, s.y + s.h), n.push(s));
 			let c = e.indexOf(o);
 			a[c] = s, s.moved = !1;
 		}
 		return a;
 	}
-}, He = {
+}, Ke = {
 	type: "horizontal",
 	allowOverlap: !1,
 	compact(e, t) {
-		let n = K(e), r = me(e), i = Array(e.length);
+		let n = ve(e), r = he(e), i = Array(e.length);
 		for (let a = 0; a < r.length; a++) {
 			let o = r[a];
 			if (o === void 0) continue;
-			let s = ge(o);
-			s.static || (s = Be(n, s, t, r), n.push(s));
+			let s = ye(o);
+			s.static || (s = We(n, s, t, r), n.push(s));
 			let c = e.indexOf(o);
 			i[c] = s, s.moved = !1;
 		}
 		return i;
 	}
-}, Ue = {
+}, qe = {
 	type: null,
 	allowOverlap: !1,
 	compact(e, t) {
-		return q(e);
+		return J(e);
 	}
-}, We = {
-	...Ve,
+}, Je = {
+	...Ge,
 	allowOverlap: !0,
 	compact(e, t) {
-		return q(e);
+		return J(e);
 	}
-}, Ge = {
-	...He,
+}, Ye = {
+	...Ke,
 	allowOverlap: !0,
 	compact(e, t) {
-		return q(e);
+		return J(e);
 	}
-}, Ke = {
-	...Ue,
+}, Xe = {
+	...qe,
 	allowOverlap: !0
 };
-function qe(e, t = !1, n = !1) {
+function Ze(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" ? Je : e === "horizontal" ? Ye : Xe : e === "vertical" ? Ge : e === "horizontal" ? Ke : qe, n ? {
 		...r,
 		preventCollision: n
 	} : r;
 }
-function Je(e) {
+function Qe(e) {
 	return Object.keys(e).sort((t, n) => e[t] - e[n]);
 }
-function Ye(e, t) {
-	let n = Je(e), r = n[0];
+function $e(e, t) {
+	let n = Qe(e), r = n[0];
 	if (r === void 0) throw Error("No breakpoints defined");
 	for (let i = 1; i < n.length; i++) {
 		let a = n[i];
@@ -924,15 +1018,15 @@ function Ye(e, t) {
 	}
 	return r;
 }
-function Xe(e, t) {
+function et(e, t) {
 	let n = t[e];
 	if (n === void 0) throw Error(`ResponsiveReactGridLayout: \`cols\` entry for breakpoint ${String(e)} is missing!`);
 	return n;
 }
-function Ze(e, t, n, r, i, a) {
+function tt(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 = Qe(t), l = c.slice(c.indexOf(n));
 	for (let t = 0; t < l.length; t++) {
 		let n = l[t];
 		if (n === void 0) continue;
@@ -942,10 +1036,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 = X(J(s || []), { cols: i });
+	return (typeof a == "object" && a ? a : Ze(a)).compact(u, i);
 }
-function Qe(e, t) {
+function nt(e, t) {
 	if (Array.isArray(e)) return e;
 	let n = e, r = n[t];
 	if (r !== void 0) return r;
@@ -958,7 +1052,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 rt = /* @__PURE__ */ B(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? r(e) : typeof define == "function" && define.amd ? define(["exports"], r) : (n = typeof globalThis < "u" ? globalThis : n || self, r(n["fast-equals"] = {}));
 	})(e, (function(e) {
@@ -1088,16 +1182,16 @@ 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 z(e, t) {
+			return R(e, t, /* @__PURE__ */ new WeakMap());
 		}
-		function z(e) {
+		function ee(e) {
 			return _(r(A, e(A)));
 		}
 		function B(e) {
@@ -1106,30 +1200,40 @@ 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 = z, e.createCustomCircularEqual = B, e.createCustomEqual = ee, e.deepEqual = N, e.sameValueZeroEqual = o, e.shallowEqual = F, Object.defineProperty(e, "__esModule", { value: !0 });
 	}));
 }));
 //#endregion
-//#region ../../node_modules/.pnpm/react-grid-layout@2.2.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 = {}) {
-	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = E(n), [a, o] = E(!t), s = T(null), c = T(null), l = x(() => {
+//#region ../../node_modules/.pnpm/react-grid-layout@2.2.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-grid-layout/dist/chunk-PZLKKWSX.mjs
+function it(e = {}) {
+	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = D(n), [a, o] = D(!t), s = E(null), c = E(null), l = S(() => {
 		let e = s.current;
 		if (e) {
 			let t = e.offsetWidth;
 			i(t), a || o(!0);
 		}
 	}, [a]);
-	return C(() => {
+	return w(() => {
 		let e = s.current;
-		if (e) 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 +1243,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 at = /* @__PURE__ */ B(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -1195,7 +1299,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) => {
+})), ot = /* @__PURE__ */ B(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -1231,49 +1335,49 @@ 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 z(e) {
 			return x(e) === s;
 		}
-		function z(e) {
+		function ee(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
 		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) {
 			return x(e) === r;
 		}
-		function re(e) {
+		function U(e) {
 			return x(e) === o;
 		}
-		function ie(e) {
+		function re(e) {
 			return x(e) === a;
 		}
-		function ae(e) {
+		function ie(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = 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 = z, e.isElement = ee, e.isForwardRef = B, e.isFragment = V, e.isLazy = H, e.isMemo = te, e.isPortal = ne, e.isProfiler = U, e.isStrictMode = re, e.isSuspense = ie, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), rt = /* @__PURE__ */ L(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = tt() : t.exports = nt();
-})), it = /* @__PURE__ */ L(((e, t) => {
+})), st = /* @__PURE__ */ B(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = at() : t.exports = ot();
+})), ct = /* @__PURE__ */ B(((e, t) => {
 	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
 	function a(e) {
 		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
@@ -1306,14 +1410,14 @@ var tt = /* @__PURE__ */ L(((e) => {
 		}
 		return s;
 	};
-})), at = /* @__PURE__ */ L(((e, t) => {
+})), lt = /* @__PURE__ */ B(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), ot = /* @__PURE__ */ L(((e, t) => {
+})), ut = /* @__PURE__ */ B(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), st = /* @__PURE__ */ L(((e, t) => {
+})), dt = /* @__PURE__ */ B(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = at(), i = {}, a = ot();
+		var r = lt(), i = {}, a = ut();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -1346,8 +1450,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() {};
+})), ft = /* @__PURE__ */ B(((e, t) => {
+	var n = st(), r = ct(), i = lt(), a = ut(), o = dt(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -1605,8 +1709,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();
+})), pt = /* @__PURE__ */ B(((e, t) => {
+	var n = lt();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -1645,12 +1749,12 @@ var tt = /* @__PURE__ */ L(((e) => {
 		};
 		return a.PropTypes = a, a;
 	};
-})), ut = /* @__PURE__ */ L(((e, t) => {
+})), mt = /* @__PURE__ */ B(((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 = st();
+		t.exports = ft()(n.isElement, !0);
+	} else t.exports = pt()();
+})), ht = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.dontSetMe = a, e.findInArray = t, e.int = i, e.isFunction = n, e.isNum = r;
 	function t(e, t) {
 		for (let n = 0, r = e.length; n < r; n++) if (t.apply(t, [
@@ -1671,7 +1775,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) => {
+})), gt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.browserPrefixToKey = r, e.browserPrefixToStyle = i, e.default = void 0, e.getPrefix = n;
 	var t = [
 		"Moz",
@@ -1699,9 +1803,9 @@ var tt = /* @__PURE__ */ L(((e) => {
 		return t;
 	}
 	e.default = n();
-})), pt = /* @__PURE__ */ L(((e) => {
+})), _t = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.addClassName = S, e.addEvent = s, e.addUserSelectStyles = y, e.createCSSTransform = m, e.createSVGTransform = h, e.getTouch = _, e.getTouchIdentifier = v, e.getTranslation = g, e.innerHeight = d, e.innerWidth = f, e.matchesSelector = a, e.matchesSelectorAndParentsTo = o, e.offsetXYFromParent = p, e.outerHeight = l, e.outerWidth = u, e.removeClassName = C, e.removeEvent = c, e.scheduleRemoveUserSelectStyles = b;
-	var t = dt(), n = r(ft());
+	var t = ht(), n = r(gt());
 	function r(e, t) {
 		if (typeof WeakMap == "function") var n = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap();
 		return (r = function(e, t) {
@@ -1825,9 +1929,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) => {
+})), vt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.canDragX = a, e.canDragY = o, e.createCoreData = c, e.createDraggableData = l, e.getBoundPosition = r, e.getControlPosition = s, e.snapToGrid = i;
-	var t = dt(), n = pt();
+	var t = ht(), n = _t();
 	function r(e, r, i) {
 		if (!e.props.bounds) return [r, i];
 		let { bounds: a } = e.props;
@@ -1906,12 +2010,12 @@ var tt = /* @__PURE__ */ L(((e) => {
 		if (!t) throw Error("<DraggableCore>: Unmounted during event!");
 		return t;
 	}
-})), ht = /* @__PURE__ */ L(((e) => {
+})), yt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = t;
 	function t() {}
-})), gt = /* @__PURE__ */ L(((e) => {
+})), bt = /* @__PURE__ */ B(((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(V("react")), n = c(mt()), r = c(V("react-dom")), i = _t(), a = vt(), o = ht(), s = c(yt());
 	function c(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2071,14 +2175,14 @@ var tt = /* @__PURE__ */ L(((e) => {
 		onMouseDown: function() {},
 		scale: 1
 	});
-})), _t = /* @__PURE__ */ L(((e) => {
+})), xt = /* @__PURE__ */ B(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), Object.defineProperty(e, "DraggableCore", {
 		enumerable: !0,
 		get: function() {
 			return c.default;
 		}
 	}), e.default = void 0;
-	var t = d(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(V("react")), n = u(mt()), r = u(V("react-dom")), i = V("clsx"), a = _t(), o = vt(), s = ht(), c = u(bt()), l = u(yt());
 	function u(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2272,12 +2376,12 @@ var tt = /* @__PURE__ */ L(((e) => {
 		},
 		scale: 1
 	});
-})), vt = /* @__PURE__ */ L(((e, t) => {
-	var { default: n, DraggableCore: r } = _t();
+})), St = /* @__PURE__ */ B(((e, t) => {
+	var { default: n, DraggableCore: r } = xt();
 	t.exports = n, t.exports.default = n, t.exports.DraggableCore = r;
-})), yt = /* @__PURE__ */ L(((e) => {
+})), Ct = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.cloneElement = c;
-	var t = n(R("react"));
+	var t = n(V("react"));
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2327,10 +2431,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) => {
+})), wt = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.resizableProps = void 0;
-	var t = n(ut());
-	vt();
+	var t = n(mt());
+	St();
 	function n(e) {
 		return e && e.__esModule ? e : { default: e };
 	}
@@ -2389,9 +2493,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) => {
+})), Tt = /* @__PURE__ */ B(((e) => {
 	e.__esModule = !0, e.default = void 0;
-	var t = o(R("react")), n = vt(), r = yt(), i = bt(), a = [
+	var t = o(V("react")), n = St(), r = Ct(), i = wt(), a = [
 		"children",
 		"className",
 		"draggableOpts",
@@ -2588,9 +2692,9 @@ var tt = /* @__PURE__ */ L(((e) => {
 		resizeHandles: ["se"],
 		transformScale: 1
 	};
-})), St = /* @__PURE__ */ L(((e) => {
+})), Et = /* @__PURE__ */ B(((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(V("react")), n = o(mt()), r = o(Tt()), i = wt(), a = [
 		"handle",
 		"handleSize",
 		"onResize",
@@ -2741,26 +2845,26 @@ var tt = /* @__PURE__ */ L(((e) => {
 		}
 	};
 	e.default = g, g.propTypes = u(u({}, i.resizableProps), {}, { children: n.default.element });
-})), Ct = /* @__PURE__ */ L(((e, t) => {
+})), Dt = /* @__PURE__ */ B(((e, t) => {
 	t.exports = function() {
 		throw Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
-	}, t.exports.Resizable = 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 = Tt().default, t.exports.ResizableBox = Et().default;
+})), Ot = St(), kt = Dt(), At = rt();
+function jt(e) {
+	let { children: t, cols: n, containerWidth: r, margin: i, containerPadding: a, rowHeight: o, maxRows: s, isDraggable: c, isResizable: l, isBounded: u, static: d, useCSSTransforms: f = !0, usePercentages: p = !1, transformScale: m = 1, positionStrategy: h, dragThreshold: g = 0, droppingPosition: _, className: v = "", style: y, handle: x = "", cancel: C = "", x: O, y: k, w: A, h: j, minW: M = 1, maxW: N = Infinity, minH: P = 1, maxH: F = Infinity, i: I, resizeHandles: L, resizeHandle: R, constraints: z = xe, layoutItem: B, layout: V = [], onDragStart: H, onDrag: te, onDragStop: ne, onResizeStart: re, onResize: ie, onResizeStop: ae } = e, [W, le] = D(!1), [fe, K] = D(!1), pe = E(null), q = E({
 		left: 0,
 		top: 0
-	}), K = T({
+	}), me = E({
 		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 = E(void 0), ge = E(V);
+	ge.current = V;
+	let _e = E(null), ve = E(null), ye = E(!1), J = E({
 		x: 0,
 		y: 0
-	}), Y = T(!1), X = w(() => ({
+	}), be = E(!1), Y = T(() => ({
 		cols: n,
 		containerPadding: a,
 		containerWidth: r,
@@ -2774,7 +2878,7 @@ function Dt(e) {
 		i,
 		s,
 		o
-	]), we = w(() => ({
+	]), X = T(() => ({
 		cols: n,
 		maxRows: s,
 		containerWidth: r,
@@ -2788,10 +2892,10 @@ function Dt(e) {
 		r,
 		o,
 		i
-	]), Te = x(() => ({
-		...we,
-		layout: q.current
-	}), [we]), $ = w(() => B ?? {
+	]), Z = S(() => ({
+		...X,
+		layout: ge.current
+	}), [X]), Q = T(() => B ?? {
 		i: I,
 		x: O,
 		y: k,
@@ -2812,21 +2916,21 @@ function Dt(e) {
 		N,
 		P,
 		F
-	]), Ee = x((e) => {
+	]), $ = S((e) => {
 		if (h?.calcStyle) return h.calcStyle(e);
-		if (f) return Se(e);
-		let t = Q(e);
+		if (f) return we(e);
+		let t = Te(e);
 		return p ? {
 			...t,
-			left: Ce(e.left / r),
-			width: Ce(e.width / r)
+			left: Ee(e.left / r),
+			width: Ee(e.width / r)
 		} : t;
 	}, [
 		h,
 		f,
 		p,
 		r
-	]), De = x((e, { node: t }) => {
+	]), De = S((e, { node: t }) => {
 		if (!H) return;
 		let { offsetParent: n } = t;
 		if (!n) return;
@@ -2838,16 +2942,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 = {
+			J.current = {
 				x: t.clientX,
 				y: t.clientY
-			}, J.current = !0, Y.current = !1, U(!0);
+			}, ye.current = !0, be.current = !1, le(!0);
 			return;
 		}
-		U(!0);
-		let u = ce(X, l.top, l.left), { x: d, y: f } = xe(z, $, u.x, u.y, Te());
+		le(!0);
+		let u = ue(Y, l.top, l.left), { x: d, y: f } = Se(z, Q, u.x, u.y, Z());
 		H(I, d, f, {
 			e,
 			node: t,
@@ -2856,112 +2960,112 @@ function Dt(e) {
 	}, [
 		H,
 		m,
-		X,
+		Y,
 		h,
 		g,
 		z,
-		$,
-		Te,
+		Q,
+		Z,
 		I
-	]), Oe = x((e, { node: t, deltaX: n, deltaY: a }) => {
-		if (!ne || !pe) return;
+	]), Oe = S((e, { node: t, deltaX: n, deltaY: a }) => {
+		if (!te || !W) return;
 		let s = e;
-		if (J.current && !Y.current) {
-			let n = s.clientX - ye.current.x, r = s.clientY - ye.current.y;
+		if (ye.current && !be.current) {
+			let n = s.clientX - J.current.x, r = s.clientY - J.current.y;
 			if (Math.hypot(n, r) < g) return;
-			if (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 (be.current = !0, ye.current = !1, H) {
+				let n = ue(Y, q.current.top, q.current.left), { x: r, y: i } = Se(z, Q, n.x, n.y, Z());
 				H(I, r, i, {
 					e,
 					node: t,
-					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) {
-				let t = e.clientHeight - ae(j, o, i[1]);
-				c = ue(c, 0, t);
-				let n = r - ae(A, ie(X), i[0]);
-				l = ue(l, 0, n);
+				let t = e.clientHeight - se(j, o, i[1]);
+				c = de(c, 0, t);
+				let n = r - se(A, oe(Y), i[0]);
+				l = de(l, 0, n);
 			}
 		}
 		let d = {
 			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 = ue(Y, c, l), { x: p, y: m } = Se(z, Q, f.x, f.y, Z());
+		te(I, p, m, {
 			e,
 			node: t,
 			newPosition: d
 		});
 	}, [
-		ne,
+		te,
 		H,
-		pe,
+		W,
 		g,
 		u,
 		j,
 		o,
 		i,
-		X,
+		Y,
 		r,
 		A,
 		I,
 		z,
-		$,
-		Te
-	]), ke = x((e, { node: t }) => {
-		if (!re || !pe) return;
-		let n = J.current;
-		if (J.current = !1, Y.current = !1, ye.current = {
+		Q,
+		Z
+	]), ke = S((e, { node: t }) => {
+		if (!ne || !W) return;
+		let n = ye.current;
+		if (ye.current = !1, be.current = !1, J.current = {
 			x: 0,
 			y: 0
 		}, n) {
-			U(!1), G.current = {
+			le(!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 = {
+		le(!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 = ue(Y, i, r), { x: s, y: c } = Se(z, Q, o.x, o.y, Z());
+		ne(I, s, c, {
 			e,
 			node: t,
 			newPosition: a
 		});
 	}, [
-		re,
-		pe,
-		X,
+		ne,
+		W,
+		Y,
 		z,
-		$,
-		Te,
+		Q,
+		Z,
 		I
 	]);
 	_e.current = De, ve.current = Oe;
-	let Ae = x((e, { node: t, size: n, handle: i }, a, o) => {
-		let s = o === "onResizeStart" ? se : o === "onResize" ? de : fe;
+	let Ae = S((e, { node: t, size: n, handle: i }, a, o) => {
+		let s = o === "onResizeStart" ? re : o === "onResize" ? ie : ae;
 		if (!s) return;
 		let c;
-		c = t ? Me(i, a, n, r) : {
+		c = t ? Ie(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 = G(Y, c.width, c.height), { w: u, h: d } = Ce(z, Q, l.w, l.h, i, Z());
 		s(I, u, d, {
 			e: e.nativeEvent,
 			node: t,
@@ -2969,71 +3073,71 @@ function Dt(e) {
 			handle: i
 		});
 	}, [
-		se,
-		de,
-		fe,
+		re,
+		ie,
+		ae,
 		r,
-		X,
+		Y,
 		I,
 		z,
-		$,
-		Te
-	]), je = x((e, t) => {
-		me(!0);
-		let n = oe(X, O, k, A, j);
+		Q,
+		Z
+	]), je = S((e, t) => {
+		K(!0);
+		let n = ce(Y, O, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResizeStart");
 	}, [
 		Ae,
-		X,
+		Y,
 		O,
 		k,
 		A,
 		j
-	]), Ne = x((e, t) => {
-		let n = oe(X, O, k, A, j);
+	]), Me = S((e, t) => {
+		let n = ce(Y, O, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResize");
 	}, [
 		Ae,
-		X,
+		Y,
 		O,
 		k,
 		A,
 		j
-	]), Pe = x((e, t) => {
-		me(!1), K.current = {
+	]), Ne = S((e, t) => {
+		K(!1), me.current = {
 			top: 0,
 			left: 0,
 			width: 0,
 			height: 0
 		};
-		let n = oe(X, O, k, A, j);
+		let n = ce(Y, O, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
 		}, n, "onResizeStop");
 	}, [
 		Ae,
-		X,
+		Y,
 		O,
 		k,
 		A,
 		j
 	]);
-	C(() => {
+	w(() => {
 		if (!_) return;
-		let e = 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 = W && (_.left !== t.left || _.top !== t.top);
+		if (!W) {
 			let t = {
 				node: e,
 				deltaX: _.left,
@@ -3047,69 +3151,69 @@ 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);
 		}
-		ge.current = _;
+		he.current = _;
 	}, [
 		_,
-		pe,
+		W,
 		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 Pe = ce(Y, O, k, A, j, W ? q.current : null, fe ? me.current : null), Fe = b.Children.only(t), Le = oe(Y), Re = [se(M, Le, i[0]), se(P, o, i[1])], ze = [se(N, Le, i[0]), se(F, o, i[1])], Be = Fe.props, Ve = Be.className, He = Be.style, Ue = b.cloneElement(Fe, {
+		ref: pe,
 		className: ee("react-grid-item", Ve, v, {
 			static: d,
-			resizing: W,
+			resizing: fe,
 			"react-draggable": c,
-			"react-draggable-dragging": pe,
+			"react-draggable-dragging": W,
 			dropping: !!_,
 			cssTransforms: f
 		}),
 		style: {
-			...b,
+			...y,
 			...He,
-			...Ee(Fe)
+			...$(Pe)
 		}
 	}), We = R;
-	return Ue = /* @__PURE__ */ (0, V.jsx)(Tt.Resizable, {
+	return Ue = /* @__PURE__ */ (0, U.jsx)(kt.Resizable, {
 		draggableOpts: { disabled: !l },
 		className: l ? void 0 : "react-resizable-hide",
-		width: Fe.width,
-		height: Fe.height,
+		width: Pe.width,
+		height: Pe.height,
 		minConstraints: Re,
 		maxConstraints: ze,
 		onResizeStart: je,
-		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)(Ot.DraggableCore, {
 		disabled: !c,
 		onStart: De,
 		onDrag: Oe,
 		onStop: ke,
-		handle: S,
-		cancel: ".react-resizable-handle" + (D ? "," + D : ""),
+		handle: x,
+		cancel: ".react-resizable-handle" + (C ? "," + C : ""),
 		scale: m,
-		nodeRef: he,
+		nodeRef: pe,
 		children: Ue
 	}), Ue;
 }
-var Ot = () => {}, kt = "react-grid-layout", At = !1;
+var Mt = () => {}, Nt = "react-grid-layout", Pt = !1;
 try {
-	At = /firefox/i.test(navigator.userAgent);
+	Pt = /firefox/i.test(navigator.userAgent);
 } catch {}
-function jt(e, t) {
-	let n = y.Children.toArray(e), r = y.Children.toArray(t);
+function Ft(e, t) {
+	let n = b.Children.toArray(e), r = b.Children.toArray(t);
 	if (n.length !== r.length) return !1;
 	for (let e = 0; e < n.length; e++) {
 		let t = n[e], i = r[e];
@@ -3117,14 +3221,14 @@ function jt(e, t) {
 	}
 	return !0;
 }
-function Mt(e, t, n, r) {
+function It(e, t, n, r) {
 	let i = [], a = /* @__PURE__ */ new Set();
-	y.Children.forEach(t, (t) => {
-		if (!y.isValidElement(t) || t.key === null) return;
+	b.Children.forEach(t, (t) => {
+		if (!b.isValidElement(t) || t.key === null) return;
 		let n = String(t.key);
 		a.add(n);
 		let r = e.find((e) => e.i === n);
-		if (r) i.push(ge(r));
+		if (r) i.push(ye(r));
 		else {
 			let e = t.props["data-grid"];
 			e ? i.push({
@@ -3145,71 +3249,71 @@ function Mt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: he(i),
+				y: ge(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let o = J(i, { cols: n });
+	let o = X(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 Lt(e) {
+	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = Le, compactor: c, constraints: l = xe, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = Mt, onDragStart: _ = Mt, onDrag: v = Mt, onDragStop: y = Mt, onResizeStart: x = Mt, onResize: C = Mt, onResizeStop: O = Mt, onDrop: k = Mt, onDropDragOver: A = Mt } = e, j = T(() => ({
+		...Re,
 		...r
-	}), [r]), M = w(() => ({
-		...Fe,
+	}), [r]), M = T(() => ({
+		...ze,
 		...i
-	}), [i]), N = w(() => ({
-		...Ie,
+	}), [i]), N = T(() => ({
+		...Be,
 		...a
-	}), [a]), P = w(() => ({
-		...Le,
+	}), [a]), P = T(() => ({
+		...Ve,
 		...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: ne } = M, { enabled: re, handles: ie, handleComponent: ae } = N, { enabled: W, defaultItem: ce, onDragOver: ue } = P, G = c ?? Ze("vertical"), de = G.type, fe = G.allowOverlap, K = G.preventCollision ?? !1, q = T(() => d ?? {
 		i: "__dropping-elem__",
-		...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);
-	He.current = Z, C(() => {
-		xe(!0), (0, Et.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;
+		...ce
+	}, [d, ce]), me = s.type === "transform", he = s.scale, ve = z ?? R, [J, be] = D(!1), [X, Q] = D(() => It(u, t, F, G)), [$, Se] = D(null), [Ce, we] = D(!1), [Te, Ee] = D(null), [De, Oe] = D(), ke = E(null), Ae = E(null), je = E(null), Me = E(0), Ne = E(X), Pe = E(u), Fe = E(t), Ie = E(de), He = E(X);
+	He.current = X, w(() => {
+		be(!0), (0, At.deepEqual)(X, u) || g(X);
+	}, []), w(() => {
+		if ($ || Te) return;
+		let e = !(0, At.deepEqual)(u, Pe.current), n = !Ft(t, Fe.current), r = de !== Ie.current;
 		if (e || n || r) {
-			let n = Mt(e ? u : Z, t, F, U);
-			(0, Et.deepEqual)(n, Z) || Se(n);
+			let n = It(e ? u : X, t, F, G);
+			(0, At.deepEqual)(n, X) || Q(n);
 		}
-		ze.current = u, Be.current = t, Ve.current = W;
+		Pe.current = u, Fe.current = t, Ie.current = de;
 	}, [
 		u,
 		t,
 		F,
-		W,
-		U,
-		Q,
+		de,
+		G,
 		$,
-		Z
-	]), C(() => {
-		!Q && !(0, Et.deepEqual)(Z, Re.current) && (Re.current = Z, g(Z.filter((e) => e.i !== q.i)));
+		Te,
+		X
+	]), w(() => {
+		!$ && !(0, At.deepEqual)(X, Ne.current) && (Ne.current = X, g(X.filter((e) => e.i !== q.i)));
 	}, [
-		Z,
-		Q,
+		X,
+		$,
 		g,
 		q.i
 	]);
-	let Ue = w(() => {
+	let Ue = T(() => {
 		if (!f) return;
-		let e = he(Z), t = Y[1];
+		let e = ge(X), t = ve[1];
 		return e * I + (e - 1) * R[1] + t * 2 + "px";
 	}, [
 		f,
-		Z,
+		X,
 		I,
 		R,
-		Y
-	]), We = x((e, t, n, r) => {
-		let i = He.current, a = G(i, e);
+		ve
+	]), We = S((e, t, n, r) => {
+		let i = He.current, a = _e(i, e);
 		if (!a) return;
 		let o = {
 			w: a.w,
@@ -3218,9 +3322,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);
-	}, [_]), Ge = x((e, t, n, r) => {
-		let i = He.current, a = ke.current, o = G(i, e);
+		ke.current = ye(a), je.current = i, Se(o), _(i, a, a, null, r.e, r.node);
+	}, [_]), Ge = S((e, t, n, r) => {
+		let i = He.current, a = ke.current, o = _e(i, e);
 		if (!o) return;
 		let s = {
 			w: o.w,
@@ -3228,37 +3332,37 @@ 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 = Z(i, o, t, n, !0, K, de, F, fe);
+		v(c, a, o, s, r.e, r.node), Q(G.compact(c, F)), Se(s);
 	}, [
 		K,
-		W,
+		de,
 		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);
+	]), Ke = S((e, t, n, r) => {
+		if (!$) return;
+		let i = He.current, a = ke.current, o = _e(i, e);
 		if (!o) return;
-		let s = ye(i, o, t, n, !0, K, W, F, me), c = U.compact(s, F);
-		b(c, a, o, null, r.e, r.node);
+		let s = Z(i, o, t, n, !0, K, de, F, fe), c = G.compact(s, F);
+		y(c, a, o, null, r.e, r.node);
 		let l = je.current;
-		ke.current = null, je.current = null, Ce(null), Se(c), l && !(0, Et.deepEqual)(l, c) && g(c);
+		ke.current = null, je.current = null, Se(null), Q(c), l && !(0, At.deepEqual)(l, c) && g(c);
 	}, [
-		Q,
+		$,
 		K,
-		W,
+		de,
 		F,
-		me,
-		U,
-		b,
+		fe,
+		G,
+		y,
 		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) => {
-		let i = He.current, a = Ae.current, { handle: o } = r, s = !1, c, l, [u, d] = ve(i, e, (e) => (c = e.x, l = e.y, [
+	]), qe = S((e, t, n, r) => {
+		let i = He.current, a = _e(i, e);
+		a && (Ae.current = ye(a), je.current = i, we(!0), x(i, a, a, null, r.e, r.node));
+	}, [x]), Je = S((e, t, n, r) => {
+		let i = He.current, a = Ae.current, { handle: o } = r, s = !1, c, l, [u, d] = Y(i, e, (e) => (c = e.x, l = e.y, [
 			"sw",
 			"w",
 			"nw",
@@ -3272,7 +3376,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), K && !fe && pe(i, {
 			...e,
 			w: t,
 			h: n,
@@ -3281,7 +3385,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 = Z(u, d, c, l, !0, K, de, F, fe));
 		let p = {
 			w: d.w,
 			h: d.h,
@@ -3290,39 +3394,39 @@ function Nt(e) {
 			i: e,
 			static: !0
 		};
-		D(f, a, d, p, r.e, r.node), Se(U.compact(f, F)), Ce(p);
+		C(f, a, d, p, r.e, r.node), Q(G.compact(f, F)), Se(p);
 	}, [
 		K,
-		W,
+		de,
 		F,
-		me,
-		U,
-		D
-	]), Xe = x((e, t, n, r) => {
-		let i = He.current, a = Ae.current, o = G(i, e), s = U.compact(i, F);
+		fe,
+		G,
+		C
+	]), Ye = S((e, t, n, r) => {
+		let i = He.current, a = Ae.current, o = _e(i, e), s = G.compact(i, F);
 		O(s, a, o ?? null, null, r.e, r.node);
 		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, Se(null), we(!1), Q(s), c && !(0, At.deepEqual)(c, s) && g(s);
 	}, [
 		F,
-		U,
+		G,
 		O,
 		g
-	]), Ze = x(() => {
+	]), Xe = S(() => {
 		let e = He.current;
 		if (!e.some((e) => e.i === q.i)) {
-			Ee(null), Ce(null), Oe(void 0);
+			Ee(null), Se(null), Oe(void 0);
 			return;
 		}
-		Se(U.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Ce(null), Oe(void 0);
+		Q(G.compact(e.filter((e) => e.i !== q.i), F)), Ee(null), Se(null), Oe(void 0);
 	}, [
 		q.i,
 		F,
-		U
-	]), 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 (t === !1) return $ && Ze(), !1;
+		G
+	]), Qe = S((e) => {
+		if (e.preventDefault(), e.stopPropagation(), Pt && !e.nativeEvent.target?.classList.contains(Nt)) return !1;
+		let t = ue ? ue(e.nativeEvent) : A(e);
+		if (t === !1) return Te && Xe(), !1;
 		let { dragOffsetX: r = 0, dragOffsetY: i = 0, ...a } = t ?? {}, o = {
 			...q,
 			...a
@@ -3332,16 +3436,16 @@ function Nt(e) {
 			maxRows: L,
 			rowHeight: I,
 			containerWidth: n,
-			containerPadding: Y
-		}, l = ie(c), u = ae(o.w, l, R[0]), d = ae(o.h, I, R[1]), f = u / 2, p = d / 2, m = e.clientX - s.left + r - f, h = e.clientY - s.top + i - p, g = Math.max(0, m), _ = Math.max(0, h), v = {
-			left: g / J,
-			top: _ / J,
+			containerPadding: ve
+		}, l = oe(c), u = se(o.w, l, R[0]), d = se(o.h, I, R[1]), f = u / 2, p = d / 2, m = e.clientX - s.left + r - f, h = e.clientY - s.top + i - p, g = Math.max(0, m), _ = Math.max(0, h), v = {
+			left: g / he,
+			top: _ / he,
 			e: e.nativeEvent
 		};
-		if ($) De && (De.left !== v.left || De.top !== v.top) && Oe(v);
+		if (Te) De && (De.left !== v.left || De.top !== v.top) && Oe(v);
 		else {
-			let e = se(c, _, g, o.w, o.h);
-			Ee(/* @__PURE__ */ (0, V.jsx)("div", {}, o.i)), Oe(v), Se([...He.current, {
+			let e = le(c, _, g, o.w, o.h);
+			Ee(/* @__PURE__ */ (0, U.jsx)("div", {}, o.i)), Oe(v), Q([...He.current.filter((e) => e.i !== o.i), {
 				...o,
 				x: e.x,
 				y: e.y,
@@ -3350,59 +3454,59 @@ function Nt(e) {
 			}]);
 		}
 	}, [
-		$,
+		Te,
 		De,
 		q,
-		fe,
+		ue,
 		A,
-		Ze,
-		J,
+		Xe,
+		he,
 		F,
 		R,
 		L,
 		I,
 		n,
-		Y
-	]), $e = x((e) => {
-		e.preventDefault(), e.stopPropagation(), Me.current--, Me.current < 0 && (Me.current = 0), Me.current === 0 && Ze();
-	}, [Ze]), et = x((e) => {
+		ve
+	]), $e = S((e) => {
+		e.preventDefault(), e.stopPropagation(), Me.current--, Me.current < 0 && (Me.current = 0), Me.current === 0 && Xe();
+	}, [Xe]), et = S((e) => {
 		e.preventDefault(), e.stopPropagation(), Me.current++;
-	}, []), tt = x((e) => {
+	}, []), tt = S((e) => {
 		e.preventDefault(), e.stopPropagation();
 		let t = He.current, n = t.find((e) => e.i === q.i);
-		Me.current = 0, Ze(), k(t, n, e.nativeEvent);
+		Me.current = 0, Xe(), k(t, n, e.nativeEvent);
 	}, [
 		q.i,
-		Ze,
+		Xe,
 		k
-	]), nt = x((e, t) => {
+	]), nt = S((e, t) => {
 		if (!e || !e.key) return null;
-		let r = G(Z, String(e.key));
+		let r = _e(X, String(e.key));
 		if (!r) return null;
-		let i = typeof r.isDraggable == "boolean" ? r.isDraggable : !r.static && B, a = typeof r.isResizable == "boolean" ? r.isResizable : !r.static && 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 && re, o = r.resizeHandles || [...ie], c = i && V && r.isBounded !== !1, u = ae;
+		return /* @__PURE__ */ (0, U.jsx)(jt, {
 			containerWidth: n,
 			cols: F,
 			margin: R,
-			containerPadding: Y,
+			containerPadding: ve,
 			maxRows: L,
 			rowHeight: I,
-			cancel: ne,
+			cancel: te,
 			handle: H,
 			onDragStart: We,
 			onDrag: Ge,
 			onDragStop: Ke,
-			onResizeStart: Je,
-			onResize: Ye,
-			onResizeStop: Xe,
+			onResizeStart: qe,
+			onResize: Je,
+			onResizeStop: Ye,
 			isDraggable: i,
 			isResizable: a,
 			isBounded: c,
-			useCSSTransforms: _e && X,
-			usePercentages: !X,
-			transformScale: J,
+			useCSSTransforms: me && J,
+			usePercentages: !J,
+			transformScale: he,
 			positionStrategy: s,
-			dragThreshold: re,
+			dragThreshold: ne,
 			w: r.w,
 			h: r.h,
 			x: r.x,
@@ -3418,94 +3522,94 @@ function Nt(e) {
 			resizeHandle: u,
 			constraints: l,
 			layoutItem: r,
-			layout: Z,
+			layout: X,
 			children: e
 		}, r.i);
 	}, [
-		Z,
+		X,
 		n,
 		F,
 		R,
-		Y,
+		ve,
 		L,
 		I,
-		ne,
+		te,
 		H,
 		We,
 		Ge,
 		Ke,
+		qe,
 		Je,
 		Ye,
-		Xe,
 		B,
-		oe,
-		te,
-		_e,
-		X,
+		re,
+		V,
+		me,
 		J,
+		he,
 		s,
-		re,
+		ne,
 		De,
-		ce,
-		le,
+		ie,
+		ae,
 		l
-	]), rt = () => Q ? /* @__PURE__ */ (0, V.jsx)(Dt, {
-		w: Q.w,
-		h: Q.h,
-		x: Q.x,
-		y: Q.y,
-		i: Q.i,
-		className: `react-grid-placeholder ${we ? "placeholder-resizing" : ""}`,
+	]), rt = () => $ ? /* @__PURE__ */ (0, U.jsx)(jt, {
+		w: $.w,
+		h: $.h,
+		x: $.x,
+		y: $.y,
+		i: $.i,
+		className: `react-grid-placeholder ${Ce ? "placeholder-resizing" : ""}`,
 		containerWidth: n,
 		cols: F,
 		margin: R,
-		containerPadding: Y,
+		containerPadding: ve,
 		maxRows: L,
 		rowHeight: I,
 		isDraggable: !1,
 		isResizable: !1,
 		isBounded: !1,
-		useCSSTransforms: _e,
-		transformScale: J,
+		useCSSTransforms: me,
+		transformScale: he,
 		constraints: l,
-		layout: Z,
-		children: /* @__PURE__ */ (0, V.jsx)("div", {})
+		layout: X,
+		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(Nt, 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: W ? tt : void 0,
+		onDragLeave: W ? $e : void 0,
+		onDragEnter: W ? et : void 0,
+		onDragOver: W ? Qe : void 0,
 		children: [
-			y.Children.map(t, (e) => y.isValidElement(e) ? nt(e) : null),
-			ue && $ && nt($, !0),
+			b.Children.map(t, (e) => b.isValidElement(e) ? nt(e) : null),
+			W && Te && nt(Te, !0),
 			rt()
 		]
 	});
 }
-var Pt = {
+var Rt = {
 	lg: 1200,
 	md: 996,
 	sm: 768,
 	xs: 480,
 	xxs: 0
-}, Ft = {
+}, zt = {
 	lg: 12,
 	md: 10,
 	sm: 6,
 	xs: 4,
 	xxs: 2
-}, It = () => {};
-function Lt(e, t, n, r) {
+}, Bt = () => {};
+function Vt(e, t, n, r) {
 	let i = [];
-	y.Children.forEach(t, (t) => {
-		if (!y.isValidElement(t) || t.key === null) return;
+	b.Children.forEach(t, (t) => {
+		if (!b.isValidElement(t) || t.key === null) return;
 		let n = String(t.key), r = e.find((e) => e.i === n);
 		if (r) i.push({
 			...r,
@@ -3531,36 +3635,36 @@ function Lt(e, t, n, r) {
 			}) : i.push({
 				i: n,
 				x: 0,
-				y: he(i),
+				y: ge(i),
 				w: 1,
 				h: 1
 			});
 		}
 	});
-	let a = J(i, { cols: n });
+	let a = X(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);
-	C(() => {
+function Ht(e) {
+	let { children: t, width: n, breakpoint: r, breakpoints: i = Rt, cols: a = zt, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = Bt, onLayoutChange: p = Bt, onWidthChange: m = Bt, ...h } = e, g = d ?? Ze("vertical"), _ = g.type, v = g.allowOverlap, y = T(() => r ?? $e(i, n), []), b = T(() => et(y, a), [y, a]), x = T(() => tt(o, i, y, y, b, _), []), [C, O] = D(y), [k, A] = D(b), [j, M] = D(x), [N, P] = D(o), F = E(n), I = E(r), L = E(i), R = E(a), z = E(o), ee = E(_), B = E(N);
+	w(() => {
 		B.current = N;
 	}, [N]);
-	let te = w(() => (0, Et.deepEqual)(o, R.current) ? null : Ze(o, i, D, D, k, g), [
+	let V = T(() => (0, At.deepEqual)(o, z.current) ? null : tt(o, i, C, C, k, g), [
 		o,
 		i,
-		D,
+		C,
 		k,
 		g
-	]), H = te ?? j;
-	C(() => {
-		te !== null && (M(te), P(o), B.current = o, R.current = o);
-	}, [te, o]), C(() => {
-		if (_ !== z.current) {
-			let e = g.compact(q(H), k), t = {
+	]), H = V ?? j;
+	w(() => {
+		V !== null && (M(V), P(o), B.current = o, z.current = o);
+	}, [V, o]), w(() => {
+		if (_ !== ee.current) {
+			let e = g.compact(J(H), k), t = {
 				...B.current,
-				[D]: e
+				[C]: e
 			};
-			M(e), P(t), B.current = t, p(e, t), z.current = _;
+			M(e), P(t), B.current = t, p(e, t), ee.current = _;
 		}
 	}, [
 		_,
@@ -3568,26 +3672,26 @@ function Rt(e) {
 		H,
 		k,
 		v,
-		D,
+		C,
 		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);
+	]), w(() => {
+		let e = n !== F.current, o = r !== I.current, s = !(0, At.deepEqual)(i, L.current), c = !(0, At.deepEqual)(a, R.current);
 		if (e || o || s || c) {
-			let e = r ?? Ye(i, n), o = Xe(e, a), d = D;
+			let e = r ?? $e(i, n), o = et(e, a), d = C;
 			if (d !== e || s || c) {
 				let n = { ...B.current };
-				n[d] || (n[d] = 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 = tt(n, i, e, d, o, g);
+				r = Vt(r, t, o, g), n[e] = r, O(e), A(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
 			}
-			m(n, Qe(l, e), o, u ? Qe(u, e) : null), F.current = n, I.current = r, ee.current = i, L.current = a;
+			m(n, nt(l, e), o, u ? nt(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
 		}
 	}, [
 		n,
 		r,
 		i,
 		a,
-		D,
+		C,
 		k,
 		j,
 		t,
@@ -3600,40 +3704,40 @@ function Rt(e) {
 		p,
 		m
 	]);
-	let ne = x((e) => {
+	let te = S((e) => {
 		let t = {
 			...B.current,
-			[D]: e
+			[C]: e
 		};
 		M(e), P(t), B.current = t, p(e, t);
-	}, [D, p]), re = w(() => Qe(l, D), [l, D]), ie = w(() => u === null ? null : Qe(u, D), [u, D]), ae = w(() => ({
+	}, [C, p]), ne = T(() => nt(l, C), [l, C]), re = T(() => u === null ? null : nt(u, C), [u, C]), ie = T(() => ({
 		cols: k,
 		rowHeight: s,
 		maxRows: c,
-		margin: re,
-		containerPadding: ie
+		margin: ne,
+		containerPadding: re
 	}), [
 		k,
 		s,
 		c,
-		re,
-		ie
+		ne,
+		re
 	]);
-	return /* @__PURE__ */ (0, V.jsx)(Nt, {
+	return /* @__PURE__ */ (0, U.jsx)(Lt, {
 		...h,
 		width: n,
-		gridConfig: ae,
+		gridConfig: ie,
 		compactor: g,
-		onLayoutChange: ne,
+		onLayoutChange: te,
 		layout: H,
 		children: t
 	});
 }
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function zt({ editMode: e }) {
-	let t = a();
-	return v.useEffect(() => {
+function Ut({ editMode: e }) {
+	let t = o();
+	return y.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -3644,17 +3748,17 @@ function zt({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Bt = [
+var Wt = [
 	"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(() => {
+], Gt = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
+	let { width: o, containerRef: p, mounted: m } = it(), [h, g] = y.useState(!1), [v, b] = y.useState(!1), x = s(), S = y.useRef(null), C = y.useCallback(() => {
 		a && (b(!0), a(), setTimeout(() => b(!1), 600));
 	}, [a]);
-	v.useEffect(() => {
+	y.useEffect(() => {
 		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return S.current = setInterval(C, e.refreshInterval * 1e3), () => {
 			S.current && clearInterval(S.current);
 		};
@@ -3663,7 +3767,7 @@ var Bt = [
 		a,
 		C
 	]);
-	let [w, T] = v.useState(() => {
+	let [w, T] = y.useState(() => {
 		if (typeof window < "u" && i) {
 			let e = localStorage.getItem(i);
 			if (e) try {
@@ -3679,11 +3783,11 @@ var Bt = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] };
-	}), E = v.useCallback((e, t) => {
+	}), E = y.useCallback((e, t) => {
 		T(t), r?.(e);
-	}, [r]), D = v.useCallback(() => {
-		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), _(!1);
-	}, [w, i]), O = v.useCallback(() => {
+	}, [r]), D = y.useCallback(() => {
+		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), g(!1);
+	}, [w, i]), O = y.useCallback(() => {
 		T({ lg: e.widgets?.map((e, t) => ({
 			i: e.id || `widget-${t}`,
 			x: e.layout?.x || t % 4 * 3,
@@ -3691,12 +3795,12 @@ var Bt = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] }), typeof window < "u" && i && localStorage.removeItem(i);
-	}, [e.widgets, i]), k = v.useCallback((e) => {
+	}, [e.widgets, i]), k = y.useCallback((e) => {
 		if (e.component) return e.component;
 		let t = e.type, n = e.options || {};
 		if (t === "bar" || t === "line" || t === "area" || t === "pie" || t === "donut" || t === "scatter") {
 			let r = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-			if (z(r)) {
+			if (H(r)) {
 				let n = r.aggregate, o = n ? {
 					field: e.valueField || n.field,
 					function: e.aggregate || n.function,
@@ -3709,7 +3813,7 @@ var Bt = [
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Bt,
+					colors: Wt,
 					className: "h-full"
 				};
 			}
@@ -3726,7 +3830,7 @@ var Bt = [
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Bt,
+					colors: Wt,
 					className: "h-full"
 				};
 			}
@@ -3736,13 +3840,13 @@ var Bt = [
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: Bt,
+				colors: Wt,
 				className: "h-full"
 			};
 		}
 		if (t === "table") {
 			let t = e.data || n.data;
-			if (z(t)) {
+			if (H(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "data-table",
@@ -3774,7 +3878,7 @@ var Bt = [
 		}
 		if (t === "pivot") {
 			let t = e.data || n.data;
-			if (z(t)) {
+			if (H(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "pivot",
@@ -3795,56 +3899,56 @@ var Bt = [
 			...n
 		};
 	}, []);
-	return /* @__PURE__ */ (0, V.jsxs)("div", {
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
 		ref: p,
-		className: g("w-full", t),
+		className: _("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			x && /* @__PURE__ */ (0, V.jsx)(zt, { editMode: h }),
-			/* @__PURE__ */ (0, V.jsxs)("div", {
+			x && /* @__PURE__ */ (0, U.jsx)(Ut, { 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)(c, {
 							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)(L, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ (0, V.jsxs)(s, {
+						/* @__PURE__ */ (0, U.jsxs)(c, {
 							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)(z, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ (0, V.jsx)(s, {
-							onClick: () => _(!1),
+						/* @__PURE__ */ (0, U.jsx)(c, {
+							onClick: () => g(!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)(c, {
 						onClick: C,
 						size: "sm",
 						variant: "outline",
-						disabled: y,
+						disabled: v,
 						"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, {
-						onClick: () => _(!0),
+						children: [/* @__PURE__ */ (0, U.jsx)(I, { className: _("h-4 w-4 mr-2", v && "animate-spin") }), v ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ (0, U.jsxs)(c, {
+						onClick: () => g(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ (0, V.jsx)(A, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ (0, U.jsx)(M, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			m && /* @__PURE__ */ (0, V.jsx)(Rt, {
+			m && /* @__PURE__ */ (0, U.jsx)(Ht, {
 				className: "layout",
-				width: f,
+				width: o,
 				layouts: w,
 				breakpoints: {
 					lg: 1200,
@@ -3869,34 +3973,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)(N, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ (0, U.jsx)(n, {
 								schema: i,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ (0, V.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, {
+						}) : /* @__PURE__ */ (0, U.jsxs)(l, {
+							className: _("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", h && "ring-2 ring-primary/20"),
+							children: [e.title && /* @__PURE__ */ (0, U.jsxs)(d, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ (0, V.jsx)(d, {
+								children: [/* @__PURE__ */ (0, U.jsx)(f, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
-								}), h && /* @__PURE__ */ (0, 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)(N, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ (0, V.jsx)(l, {
+							}), /* @__PURE__ */ (0, U.jsx)(u, {
 								className: "p-0 h-full",
-								children: /* @__PURE__ */ (0, V.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)("div", {
+									className: _("h-full w-full overflow-auto p-4"),
+									children: /* @__PURE__ */ (0, U.jsx)(n, { schema: i })
 								})
 							})]
 						})
@@ -3908,86 +4012,175 @@ var Bt = [
 };
 //#endregion
 //#region src/MetricWidget.tsx
-function Ht(e) {
+function Kt(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 qt = {
+	default: "bg-muted text-muted-foreground",
+	blue: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+	teal: "bg-teal-500/10 text-teal-600 dark:text-teal-400",
+	orange: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+	purple: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+	success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+	warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
+	danger: "bg-rose-500/10 text-rose-600 dark:text-rose-400"
+}, Jt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", ...p }) => {
+	let m = qt[c] || qt.default, h = T(() => {
 		if (typeof r == "string") {
-			let e = D[r];
-			return e ? /* @__PURE__ */ (0, V.jsx)(e, { className: "h-4 w-4 text-muted-foreground" }) : null;
+			let e = O[r];
+			return e ? /* @__PURE__ */ (0, U.jsx)(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ (0, V.jsxs)(c, {
-		className: g("h-full overflow-hidden", i),
-		...o,
-		children: [/* @__PURE__ */ (0, V.jsxs)(u, {
+	return /* @__PURE__ */ (0, U.jsxs)(l, {
+		className: _("h-full overflow-hidden", i),
+		...p,
+		children: [/* @__PURE__ */ (0, U.jsxs)(d, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, V.jsx)(d, {
+			children: [/* @__PURE__ */ (0, U.jsx)(f, {
 				className: "text-sm font-medium truncate",
-				children: Ht(e)
-			}), s && /* @__PURE__ */ (0, V.jsx)("div", {
-				className: "h-4 w-4 text-muted-foreground shrink-0",
+				children: Kt(e)
+			}), h && /* @__PURE__ */ (0, U.jsx)("div", {
+				className: _("flex h-8 w-8 items-center justify-center rounded-md shrink-0", m),
+				children: h
+			})]
+		}), /* @__PURE__ */ (0, U.jsx)(u, { children: o ? /* @__PURE__ */ (0, U.jsxs)("div", {
+			className: "flex items-center gap-2 text-muted-foreground",
+			"data-testid": "metric-loading",
+			children: [/* @__PURE__ */ (0, U.jsx)(P, { 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)(k, { 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", {
-				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 && /* @__PURE__ */ (0, U.jsxs)("span", {
+				className: _("flex items-center mr-2 shrink-0 font-medium", n.direction === "up" && "text-emerald-600 dark:text-emerald-400", n.direction === "down" && "text-rose-600 dark:text-rose-400", n.direction === "neutral" && "text-muted-foreground"),
 				children: [
-					n.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)(j, { className: "h-3 w-3 mr-1" }),
+					n.direction === "down" && /* @__PURE__ */ (0, U.jsx)(A, { className: "h-3 w-3 mr-1" }),
+					n.direction === "neutral" && /* @__PURE__ */ (0, U.jsx)(F, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
-			}), /* @__PURE__ */ (0, V.jsx)("span", {
+			}), /* @__PURE__ */ (0, U.jsx)("span", {
 				className: "truncate",
-				children: Ht(a) || Ht(n?.label)
+				children: Kt(a) || Kt(n?.label)
 			})]
-		})] })]
+		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function Wt(e) {
+function Yt(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, {
-		className: g("h-full", o),
-		...s,
-		children: [/* @__PURE__ */ (0, V.jsxs)(u, {
+var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...p }) => {
+	let m = n && O[n];
+	return /* @__PURE__ */ (0, U.jsxs)(l, {
+		className: _("h-full", o),
+		...p,
+		children: [/* @__PURE__ */ (0, U.jsxs)(d, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ (0, V.jsx)(d, {
+			children: [/* @__PURE__ */ (0, U.jsx)(f, {
 				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: Yt(e)
+			}), m && /* @__PURE__ */ (0, U.jsx)(m, { className: "h-4 w-4 text-muted-foreground" })]
+		}), /* @__PURE__ */ (0, U.jsx)(u, { children: s ? /* @__PURE__ */ (0, U.jsxs)("div", {
+			className: "flex items-center gap-2 text-muted-foreground",
+			"data-testid": "metric-card-loading",
+			children: [/* @__PURE__ */ (0, U.jsx)(P, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ (0, U.jsx)("span", {
+				className: "text-sm",
+				children: "Loading…"
+			})]
+		}) : c ? /* @__PURE__ */ (0, U.jsxs)("div", {
+			className: "flex items-center gap-2",
+			"data-testid": "metric-card-error",
+			role: "alert",
+			children: [/* @__PURE__ */ (0, U.jsx)(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ (0, U.jsx)("span", {
+				className: "text-xs text-destructive truncate",
+				children: c
+			})]
+		}) : /* @__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", {
-				className: g("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
+			children: [r && i && /* @__PURE__ */ (0, U.jsxs)("span", {
+				className: _("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
 				children: [
-					r === "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)(j, { className: "h-3 w-3 mr-1" }),
+					r === "down" && /* @__PURE__ */ (0, U.jsx)(A, { className: "h-3 w-3 mr-1" }),
+					r === "neutral" && /* @__PURE__ */ (0, U.jsx)(F, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), Wt(a)]
-		})] })]
+			}), Yt(a)]
+		})] }) })]
+	});
+}, Zt = ({ objectName: e, aggregate: t, filter: n, label: i, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: u, colorVariant: d }) => {
+	let f = C(r), p = u || f?.dataSource, [m, h] = D(null), [g, _] = D(!1), [v, y] = D(null), b = S(async (r, i) => {
+		if (!(!r || !e)) {
+			i.current && (_(!0), y(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 && h(a);
+			} catch (e) {
+				console.error("[ObjectMetricWidget] Fetch error:", e), i.current && y(e instanceof Error ? e.message : "Failed to load metric");
+			} finally {
+				i.current && _(!1);
+			}
+		}
+	}, [
+		e,
+		t,
+		n
+	]);
+	return w(() => {
+		let t = { current: !0 };
+		return p && e ? b(p, t) : (h(null), y(null)), () => {
+			t.current = !1;
+		};
+	}, [
+		p,
+		e,
+		b
+	]), /* @__PURE__ */ (0, U.jsx)(Jt, {
+		label: i,
+		value: m === null ? p ? "—" : a ?? "—" : m,
+		trend: o,
+		icon: s,
+		className: c,
+		description: l,
+		loading: g,
+		error: v,
+		colorVariant: d
 	});
 };
 //#endregion
 //#region src/PivotTable.tsx
-function Kt(e, t) {
+function Qt(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -4004,7 +4197,7 @@ function Kt(e, t) {
 	}
 	return n + l + r;
 }
-function qt(e, t) {
+function $t(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -4015,8 +4208,8 @@ function qt(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var Jt = ({ schema: e, className: t }) => {
-	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: _, colTotals: v, grandTotal: y } = w(() => {
+var en = ({ schema: e, className: t }) => {
+	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: g, colTotals: v, grandTotal: y } = T(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
 		for (let o of f) {
 			let s = String(o[r] ?? ""), c = String(o[i] ?? ""), l = Number(o[a]) || 0;
@@ -4027,10 +4220,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 = $t(i, o);
 				l[e][r] = a, t.push(...i), !d[r] && d[r];
 			}
-			u[e] = qt(t, o);
+			u[e] = $t(t, o);
 		}
 		for (let e of c) {
 			let t = [];
@@ -4038,7 +4231,7 @@ var Jt = ({ schema: e, className: t }) => {
 				let i = n[r]?.[e] ?? [];
 				t.push(...i);
 			}
-			d[e] = qt(t, o);
+			d[e] = $t(t, o);
 		}
 		let p = [];
 		for (let e of f) p.push(Number(e[a]) || 0);
@@ -4048,7 +4241,7 @@ var Jt = ({ schema: e, className: t }) => {
 			matrix: l,
 			rowTotals: u,
 			colTotals: d,
-			grandTotal: qt(p, o)
+			grandTotal: $t(p, o)
 		};
 	}, [
 		f,
@@ -4056,16 +4249,16 @@ var Jt = ({ schema: e, className: t }) => {
 		i,
 		a,
 		o
-	]), b = (e) => Kt(e, u);
-	return f.length === 0 ? /* @__PURE__ */ (0, V.jsxs)("div", {
-		className: g("overflow-auto", t),
-		children: [n && /* @__PURE__ */ (0, V.jsx)("h3", {
+	]), b = (e) => Qt(e, u);
+	return f.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("overflow-auto", t),
+		children: [n && /* @__PURE__ */ (0, U.jsx)("h3", {
 			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 +4268,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", {
-		className: g("overflow-auto", t),
-		children: [n && /* @__PURE__ */ (0, V.jsx)("h3", {
+	}) : /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("overflow-auto", t),
+		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", {
-							className: g("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
+						m.map((e) => /* @__PURE__ */ (0, U.jsx)("th", {
+							className: _("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", {
-							className: g("text-right p-2 tabular-nums", d?.[t]),
+						m.map((t) => /* @__PURE__ */ (0, U.jsx)("td", {
+							className: _("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)
+							children: b(g[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,9 +4361,9 @@ var Jt = ({ schema: e, className: t }) => {
 			]
 		})]
 	});
-}, Yt = ({ schema: e, dataSource: n, className: a }) => {
-	let o = S(r), s = n || o?.dataSource, c = i(e.bind), [l, u] = E([]), [d, f] = E(!1), [p, m] = E(null);
-	C(() => {
+}, tn = ({ schema: e, dataSource: n, className: i }) => {
+	let o = C(r), s = n || o?.dataSource, c = a(e.bind), [l, u] = D([]), [d, f] = D(!1), [p, m] = D(null);
+	w(() => {
 		let n = !0;
 		return e.objectName && !c && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!s || !e.objectName)) {
@@ -4196,47 +4389,47 @@ var Jt = ({ schema: e, className: t }) => {
 		e.data,
 		e.filter
 	]);
-	let _ = c || e.data || l, v = Array.isArray(_) ? _ : [];
-	return d && v.length === 0 ? /* @__PURE__ */ (0, V.jsxs)("div", {
-		className: g("overflow-auto", a),
+	let h = c || e.data || l, v = Array.isArray(h) ? h : [];
+	return d && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("overflow-auto", i),
 		"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)(g, { className: "h-6 w-24" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-20" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-20" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-20" })
 				]
 			}), [
 				1,
 				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)(g, { className: "h-5 w-24" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-20" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-20" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-20" })
 				]
 			}, e))]
 		})]
-	}) : p ? /* @__PURE__ */ (0, V.jsxs)("div", {
-		className: g("overflow-auto", a),
+	}) : p ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("overflow-auto", i),
 		"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 +4439,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", {
-		className: g("overflow-auto", a),
-		children: [e.title && /* @__PURE__ */ (0, V.jsx)("h3", {
+	}) : !s && e.objectName && v.length === 0 ? /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("overflow-auto", i),
+		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,36 +4478,36 @@ var Jt = ({ schema: e, className: t }) => {
 				]
 			})
 		})]
-	}) : /* @__PURE__ */ (0, V.jsx)(Jt, {
+	}) : /* @__PURE__ */ (0, U.jsx)(en, {
 		schema: {
 			...e,
 			data: v
 		},
-		className: a
+		className: i
 	});
 };
 //#endregion
 //#region src/ObjectDataTable.tsx
-function Xt(e) {
+function nn(e) {
 	return e.map((e) => typeof e == "string" ? {
 		header: e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").trim().replace(/\b\w/g, (e) => e.toUpperCase()),
 		accessorKey: e
 	} : e);
 }
-var Zt = ({ schema: e, dataSource: a, className: o }) => {
-	let s = S(r), c = a || s?.dataSource, l = i(e.bind), [u, d] = E([]), [f, p] = E(!1), [m, _] = E(null);
-	C(() => {
+var rn = ({ schema: e, dataSource: i, className: o }) => {
+	let s = C(r), c = i || s?.dataSource, l = a(e.bind), [u, d] = D([]), [f, p] = D(!1), [m, h] = D(null);
+	w(() => {
 		let n = !0;
 		return e.objectName && !l && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!c || !e.objectName)) {
-				n && (p(!0), _(null));
+				n && (p(!0), h(null));
 				try {
 					let r;
 					if (typeof c.find == "function") r = t(await c.find(e.objectName, { $filter: e.filter }));
 					else return;
 					n && d(r);
 				} catch (e) {
-					console.error("[ObjectDataTable] Fetch error:", e), n && _(e instanceof Error ? e.message : "Failed to load data");
+					console.error("[ObjectDataTable] Fetch error:", e), n && h(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
 					n && p(!1);
 				}
@@ -4329,45 +4522,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 = T(() => e.columns && e.columns.length > 0 ? nn(e.columns) : y.length === 0 ? [] : Object.keys(y[0]).filter((e) => !e.startsWith("_")).map((e) => ({
 		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1"),
 		accessorKey: e
 	})), [e.columns, y]);
-	return f && y.length === 0 ? /* @__PURE__ */ (0, V.jsx)("div", {
-		className: g("overflow-auto", o),
+	return f && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
+		className: _("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)(g, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-6 w-1/4" })
 				]
 			}), [
 				1,
 				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)(g, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ (0, U.jsx)(g, { className: "h-5 w-1/4" })
 				]
 			}, e))]
 		})
-	}) : m ? /* @__PURE__ */ (0, V.jsx)("div", {
-		className: g("overflow-auto", o),
+	}) : m ? /* @__PURE__ */ (0, U.jsx)("div", {
+		className: _("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 +4570,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", {
-		className: g("overflow-auto", o),
-		children: /* @__PURE__ */ (0, V.jsx)("div", {
+	}) : !c && e.objectName && y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
+		className: _("overflow-auto", o),
+		children: /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ (0, V.jsxs)("p", {
+			children: /* @__PURE__ */ (0, U.jsxs)("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -4413,12 +4606,12 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 				]
 			})
 		})
-	}) : y.length === 0 ? /* @__PURE__ */ (0, V.jsx)("div", {
-		className: g("overflow-auto", o),
+	}) : y.length === 0 ? /* @__PURE__ */ (0, U.jsx)("div", {
+		className: _("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 +4621,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 +4629,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 +4656,7 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 		},
 		className: o
 	});
-}, Qt = {
+}, an = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -4568,12 +4761,12 @@ var Zt = ({ schema: e, dataSource: a, className: o }) => {
 		}
 	]
 };
-function $t({ 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, {
+function on({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+	let { draft: a, isDirty: o, updateField: s, discard: c } = v(n, { onUpdate: i });
+	return /* @__PURE__ */ (0, U.jsx)(m, {
 		open: e,
 		onClose: t,
-		schema: Qt,
+		schema: an,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -4583,7 +4776,7 @@ function $t({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var en = [
+var sn = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -4628,7 +4821,7 @@ var en = [
 		value: "custom",
 		label: "Custom"
 	}
-], tn = [
+], cn = [
 	{
 		value: "default",
 		label: "Default"
@@ -4661,7 +4854,7 @@ var en = [
 		value: "danger",
 		label: "Danger"
 	}
-], nn = [
+], ln = [
 	{
 		value: "count",
 		label: "Count"
@@ -4682,7 +4875,7 @@ var en = [
 		value: "max",
 		label: "Max"
 	}
-], rn = [
+], un = [
 	"bar",
 	"line",
 	"area",
@@ -4690,32 +4883,32 @@ var en = [
 	"donut",
 	"scatter"
 ];
-function an(e) {
-	return !!e && rn.includes(e);
+function dn(e) {
+	return !!e && un.includes(e);
 }
-var on = [{
+var fn = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], sn = [{
+}], pn = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function cn(e, t, n, r) {
+function mn(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)(h, {
 			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)(p, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -4729,16 +4922,16 @@ function cn(e, t, n, r) {
 		})
 	};
 }
-function ln(e, t, n) {
+function hn(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ (0, V.jsx)(m, {
+		render: (t, n) => /* @__PURE__ */ (0, U.jsx)(h, {
 			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)(p, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -4754,27 +4947,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 ? mn("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 ? mn("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 ? mn("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 ? mn("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 ? mn("pivotValueField", "Field", "Select value field…", t) : {
 		key: "pivotValueField",
 		label: "Field",
 		type: "input",
@@ -4784,7 +4977,7 @@ function ln(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (an(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (dn(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -4806,7 +4999,7 @@ function ln(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: en,
+						options: sn,
 						defaultValue: "metric"
 					}
 				]
@@ -4824,7 +5017,7 @@ function ln(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: nn,
+						options: ln,
 						defaultValue: "count"
 					}
 				]
@@ -4847,14 +5040,14 @@ function ln(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: on,
+						options: fn,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: sn,
+						options: pn,
 						defaultValue: "asc"
 					},
 					{
@@ -4882,14 +5075,14 @@ function ln(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: on,
+						options: fn,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: sn,
+						options: pn,
 						defaultValue: "asc"
 					},
 					{
@@ -4917,7 +5110,7 @@ function ln(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: nn,
+						options: ln,
 						defaultValue: "sum"
 					},
 					{
@@ -4932,7 +5125,7 @@ function ln(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => an(e.type),
+				visibleWhen: (e) => dn(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -5002,7 +5195,7 @@ function ln(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: tn,
+					options: cn,
 					defaultValue: "default"
 				}, {
 					key: "actionUrl",
@@ -5014,7 +5207,7 @@ function ln(e, t, n) {
 		]
 	};
 }
-function un(e) {
+function gn(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -5023,16 +5216,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 }) {
-	let { draft: c, isDirty: l, updateField: u, discard: d } = _(v.useMemo(() => ({
+function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
+	let { draft: c, isDirty: l, updateField: u, discard: d } = v(y.useMemo(() => ({
 		...n,
-		title: typeof n.title == "object" ? un(n.title) : n.title,
-		description: typeof n.description == "object" ? un(n.description) : n.description
+		title: typeof n.title == "object" ? gn(n.title) : n.title,
+		description: typeof n.description == "object" ? gn(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ (0, V.jsx)(p, {
+	return /* @__PURE__ */ (0, U.jsx)(m, {
 		open: e,
 		onClose: t,
-		schema: v.useMemo(() => ln(o, s, c.type), [
+		schema: y.useMemo(() => hn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -5047,12 +5240,12 @@ 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 }) {
-	let [l, u] = E(o), [d, f] = E(null), [p, m] = E(e), [h, _] = E(0);
-	C(() => {
-		m(e), _((e) => e + 1);
+function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [l, u] = D(o), [d, f] = D(null), [p, m] = D(e), [h, g] = D(0);
+	w(() => {
+		m(e), g((e) => e + 1);
 	}, [e]);
-	let y = v.useMemo(() => {
+	let v = y.useMemo(() => {
 		if (!d || !p.widgets) return null;
 		let e = p.widgets.find((e) => (e.id || e.title) === d);
 		return e ? {
@@ -5069,11 +5262,11 @@ function fn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
 		} : null;
-	}, [d, h]), b = x((e) => {
+	}, [d, h]), b = S((e) => {
 		f(e), u(!0);
-	}, []), S = x(() => {
+	}, []), x = S(() => {
 		f(null);
-	}, []), w = x((e, t) => {
+	}, []), C = S((e, t) => {
 		d && m((n) => n.widgets ? {
 			...n,
 			widgets: n.widgets.map((n) => (n.id || n.title) === d ? e === "layoutW" ? {
@@ -5093,26 +5286,26 @@ function fn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				[e]: t
 			} : n)
 		} : n);
-	}, [d]), T = x((e) => {
-		d && r && r(d, e), f(null), _((e) => e + 1);
-	}, [d, r]), D = x(() => {
+	}, [d]), T = S((e) => {
+		d && r && r(d, e), f(null), g((e) => e + 1);
+	}, [d, r]), E = S(() => {
 		u((e) => !e), f(null);
 	}, []);
-	return /* @__PURE__ */ (0, V.jsxs)("div", {
-		className: g("flex h-full w-full", c),
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: _("flex h-full w-full", s),
 		"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)(c, {
 					size: "sm",
 					variant: l ? "default" : "outline",
-					onClick: D,
+					onClick: E,
 					"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)(R, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ (0, V.jsx)(re, {
+			}), /* @__PURE__ */ (0, U.jsx)(W, {
 				schema: p,
 				onRefresh: i,
 				recordCount: a,
@@ -5120,15 +5313,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 && v ? /* @__PURE__ */ (0, U.jsx)(_n, {
 				open: !0,
-				onClose: S,
-				config: y,
+				onClose: x,
+				config: v,
 				onSave: T,
-				onFieldChange: w
-			}) : /* @__PURE__ */ (0, V.jsx)($t, {
+				onFieldChange: C
+			}) : /* @__PURE__ */ (0, U.jsx)(on, {
 				open: !0,
 				onClose: () => u(!1),
 				config: t,
@@ -5137,7 +5330,7 @@ function fn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", re, {
+e.register("dashboard", W, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -5165,7 +5358,7 @@ e.register("dashboard", re, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Ut, {
+}), e.register("metric", Jt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -5178,7 +5371,7 @@ e.register("dashboard", re, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Gt, {
+}), e.register("metric-card", Xt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -5233,7 +5426,36 @@ e.register("dashboard", re, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("pivot", Jt, {
+}), e.register("object-metric", Zt, {
+	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", en, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -5312,7 +5534,7 @@ e.register("dashboard", re, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", Yt, {
+}), e.register("object-pivot", tn, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -5401,7 +5623,7 @@ e.register("dashboard", re, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Vt, {
+}), e.register("dashboard-grid", Gt, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -5429,7 +5651,7 @@ e.register("dashboard", re, {
 		widgets: [],
 		persistLayoutKey: "dashboard-layout"
 	}
-}), e.register("object-data-table", Zt, {
+}), e.register("object-data-table", rn, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -5467,17 +5689,18 @@ e.register("dashboard", re, {
 		pagination: !1
 	}
 });
-var pn = {
-	DashboardRenderer: re,
-	DashboardGridLayout: Vt,
-	MetricWidget: Ut,
-	MetricCard: Gt,
-	PivotTable: Jt,
-	ObjectPivotTable: Yt,
-	ObjectDataTable: Zt,
-	DashboardConfigPanel: $t,
-	WidgetConfigPanel: dn,
-	DashboardWithConfig: fn
+var yn = {
+	DashboardRenderer: W,
+	DashboardGridLayout: Gt,
+	MetricWidget: Jt,
+	MetricCard: Xt,
+	ObjectMetricWidget: Zt,
+	PivotTable: en,
+	ObjectPivotTable: tn,
+	ObjectDataTable: rn,
+	DashboardConfigPanel: on,
+	WidgetConfigPanel: _n,
+	DashboardWithConfig: vn
 };
 //#endregion
-export { $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 { on as DashboardConfigPanel, Gt as DashboardGridLayout, W as DashboardRenderer, vn as DashboardWithConfig, Xt as MetricCard, Jt as MetricWidget, rn as ObjectDataTable, Zt as ObjectMetricWidget, tn as ObjectPivotTable, en as PivotTable, _n as WidgetConfigPanel, yn as dashboardComponents };