npm - @object-ui/plugin-dashboard - Versions diffs - 4.0.9 → 4.0.11 - Mend

@object-ui/plugin-dashboard 4.0.9 → 4.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/index.js CHANGED Viewed

@@ -2,32 +2,58 @@ import { ComponentRegistry as e, computeDrillFilter as t, extractRecords as n, i
 import { SchemaRenderer as o, SchemaRendererContext as s, useActionEngine as c, useDataScope as l, useDnd as u, useHasDndProvider as d, useObjectLabel as f } from "@object-ui/react";
 import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Combobox as v, ConfigPanelRenderer as y, ConfigRow as b, Dialog as x, DialogContent as S, DialogHeader as C, DialogTitle as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, cn as A, getLazyIcon as j, useConfigDraft as M } from "@object-ui/components";
 import * as N from "react";
-import { forwardRef as P, useCallback as F, useContext as ee, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { AlertCircle as B, ArrowDownIcon as V, ArrowUpIcon as H, Edit as te, GripVertical as U, Loader2 as ne, MinusIcon as W, RefreshCw as re, Save as ie, Settings as ae, X as G } from "lucide-react";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { ResponsiveGridLayout as Y, useContainerWidth as oe } from "react-grid-layout";
+import { Fragment as ee, forwardRef as P, useCallback as F, useContext as te, useEffect as I, useMemo as L, useRef as ne, useState as R } from "react";
+import { AlertCircle as z, ArrowDownIcon as re, ArrowUpIcon as B, Edit as V, GripVertical as H, Loader2 as U, MinusIcon as W, RefreshCw as ie, Save as ae, Settings as G, X as oe } from "lucide-react";
+import { DndContext as se, PointerSensor as ce, closestCenter as K, useSensor as le, useSensors as ue } from "@dnd-kit/core";
+import { SortableContext as de, arrayMove as fe, rectSortingStrategy as pe, useSortable as me, verticalListSortingStrategy as he } from "@dnd-kit/sortable";
+import { CSS as q } from "@dnd-kit/utilities";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
+import { ResponsiveGridLayout as ge, useContainerWidth as _e } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
-import { useObjectTranslation as X, useSafeFieldLabel as Z } from "@object-ui/i18n";
-import { formatCurrency as se, formatDate as ce, formatPercent as le, getCellRenderer as ue, resolveCellRendererType as de } from "@object-ui/fields";
+import { createSafeTranslation as ve, useObjectTranslation as ye, useSafeFieldLabel as be } from "@object-ui/i18n";
+import { formatCurrency as xe, formatDate as Se, formatPercent as Ce, getCellRenderer as we, resolveCellRendererType as Te } from "@object-ui/fields";
 //#region src/utils.ts
-function Q(e) {
+function Z(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && e.provider === "object";
 }
 //#endregion
 //#region src/DashboardRenderer.tsx
-function fe(e) {
+function Ee({ id: e, disabled: t, gridSpan: n, className: r, children: i }) {
+	let { attributes: a, listeners: o, setNodeRef: s, transform: c, transition: l, isDragging: u, isOver: d } = me({
+		id: e,
+		disabled: t
+	});
+	return /* @__PURE__ */ Y("div", {
+		ref: s,
+		style: {
+			transform: q.Transform.toString(c),
+			transition: l,
+			opacity: u ? .4 : 1,
+			...n ? {
+				gridColumn: `span ${n.w}`,
+				gridRow: `span ${n.h}`
+			} : {}
+		},
+		className: A("h-full w-full", r, !t && "cursor-grab active:cursor-grabbing", d && !u && "ring-2 ring-primary ring-offset-2 rounded-lg"),
+		"data-sortable-widget-id": e,
+		...a,
+		...o,
+		children: i
+	});
+}
+function De(e) {
 	return e ? j(e) : null;
 }
-function $(e) {
+function Q(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var pe = [
+var Oe = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], me = new Set([
+], ke = new Set([
 	"bar",
 	"horizontal-bar",
 	"line",
@@ -36,11 +62,11 @@ var pe = [
 	"donut",
 	"funnel"
 ]);
-function he(e) {
-	return me.has(e) ? { enabled: !0 } : void 0;
+function Ae(e) {
+	return ke.has(e) ? { enabled: !0 } : void 0;
 }
-var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount: i, userActions: a, designMode: s, selectedWidgetId: l, onWidgetClick: u, modalHandler: d, scriptHandlers: v, ...y }, b) => {
-	let x = (() => {
+var $ = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount: i, userActions: a, designMode: s, selectedWidgetId: l, onWidgetClick: u, onWidgetsReorder: d, modalHandler: v, scriptHandlers: y, hideHeaderText: b, ...x }, S) => {
+	let C = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
 		for (let e of t) {
@@ -48,44 +74,44 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 			t > n && (n = t), (e.layout?.w ?? 0) > n && (n = e.layout.w);
 		}
 		return n > 4 ? 12 : 4;
-	})(), S = x, C = e.gap || 4, [w, T] = z(!1), [E, D] = z(!1), O = R(null), { executeAction: k, engine: j } = c({ actions: L(() => (e.header?.actions ?? []).map((e) => ({
+	})(), w = C, T = e.gap || 4, [E, D] = R(!1), [O, k] = R(!1), j = ne(null), { executeAction: M, engine: N } = c({ actions: L(() => (e.header?.actions ?? []).map((e) => ({
 		name: e.actionUrl || e.label,
 		type: e.actionType || "url",
 		target: e.actionUrl,
 		label: e.label
-	})), [e.header?.actions]) }), { dashboardLabel: M, dashboardDescription: N, dashboardActionLabel: P, widgetTitle: ee, widgetDescription: B, fieldLabel: V } = f(), H = e.name, te = F((e) => H ? P(H, e.actionUrl || e.label, e.label) : e.label, [H, P]), U = F((e) => {
-		let t = $(e.title);
-		return !H || !e.id || t === void 0 ? t : ee(H, e.id, t);
-	}, [H, ee]), ne = F((e) => {
-		let t = $(e.description);
+	})), [e.header?.actions]) }), { dashboardLabel: P, dashboardDescription: te, dashboardActionLabel: z, widgetTitle: re, widgetDescription: B, fieldLabel: V } = f(), H = e.name, U = F((e) => H ? z(H, e.actionUrl || e.label, e.label) : e.label, [H, z]), W = F((e) => {
+		let t = Q(e.title);
+		return !H || !e.id || t === void 0 ? t : re(H, e.id, t);
+	}, [H, re]), ae = F((e) => {
+		let t = Q(e.description);
 		return !H || !e.id ? t : B(H, e.id, t);
 	}, [H, B]);
 	I(() => {
-		let e = j.getRunner();
-		if (d && e.setModalHandler(d), v) for (let [t, n] of Object.entries(v)) e.registerScript(t, n);
+		let e = N.getRunner();
+		if (v && e.setModalHandler(v), y) for (let [t, n] of Object.entries(y)) e.registerScript(t, n);
 	}, [
-		j,
-		d,
-		v
+		N,
+		v,
+		y
 	]), I(() => {
-		let e = () => D(window.innerWidth < 768);
+		let e = () => k(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let W = F(() => {
-		r && (T(!0), r(), setTimeout(() => T(!1), 600));
+	let G = F(() => {
+		r && (D(!0), r(), setTimeout(() => D(!1), 600));
 	}, [r]);
 	I(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return O.current = setInterval(W, e.refreshInterval * 1e3), () => {
-			O.current && clearInterval(O.current);
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return j.current = setInterval(G, e.refreshInterval * 1e3), () => {
+			j.current && clearInterval(j.current);
 		};
 	}, [
 		e.refreshInterval,
 		r,
-		W
+		G
 	]);
-	let ie = F((e, t) => {
+	let oe = F((e, t) => {
 		!s || !u || !t || (e.stopPropagation(), u(t));
-	}, [s, u]), ae = F((t, n, r) => {
+	}, [s, u]), me = F((t, n, r) => {
 		if (!s || !u) return;
 		let i = e.widgets || [];
 		if (t.key === "Enter" || t.key === " ") t.preventDefault(), u(n ?? null);
@@ -102,17 +128,27 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 		s,
 		u,
 		e.widgets
-	]), G = F((e) => {
+	]), q = F((e) => {
 		!s || !u || e.target === e.currentTarget && u(null);
-	}, [s, u]), K = (e, t, r) => {
+	}, [s, u]), J = !!(s && d), ge = ue(le(ce, { activationConstraint: { distance: 5 } })), _e = F((t) => {
+		if (!J) return;
+		let { active: n, over: r } = t;
+		if (!r || n.id === r.id) return;
+		let i = e.widgets ?? [], a = i.findIndex((e) => e.id === n.id), o = i.findIndex((e) => e.id === r.id);
+		a < 0 || o < 0 || d?.(fe(i, a, o));
+	}, [
+		J,
+		e.widgets,
+		d
+	]), ve = (e, t, r) => {
 		let i = e.layout ? {
 			...e.layout,
-			w: Math.min(e.layout.w, S)
+			w: Math.min(e.layout.w, w)
 		} : void 0, a = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
 			if (t === "metric" && e.object) {
-				let t = n.data, r = Q(t) && t.aggregate ? {
+				let t = n.data, r = Z(t) && t.aggregate ? {
 					field: e.valueField || t.aggregate.field,
 					function: e.aggregate || t.aggregate.function,
 					groupBy: e.categoryField ?? t.aggregate.groupBy ?? "_all"
@@ -123,10 +159,10 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 				} : void 0;
 				return {
 					type: "object-metric",
-					objectName: e.object || (Q(t) ? t.object : void 0),
+					objectName: e.object || (Z(t) ? t.object : void 0),
 					aggregate: r,
-					filter: (Q(t) ? t.filter : void 0) || e.filter,
-					label: n.label || U(e) || "",
+					filter: (Z(t) ? t.filter : void 0) || e.filter,
+					label: n.label || W(e) || "",
 					fallbackValue: n.value,
 					trend: n.trend,
 					icon: n.icon,
@@ -137,7 +173,7 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 					prefix: n.prefix,
 					suffix: n.suffix,
 					drillDown: n.drillDown ?? { enabled: !0 },
-					title: n.label || U(e) || ""
+					title: n.label || W(e) || ""
 				};
 			}
 			if ((t === "gauge" || t === "solid-gauge") && e.object) {
@@ -151,7 +187,7 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 					objectName: e.object,
 					aggregate: t,
 					filter: e.filter,
-					label: n.label || U(e) || "",
+					label: n.label || W(e) || "",
 					fallbackValue: n.fallbackValue ?? n.value,
 					icon: n.icon,
 					description: n.description
@@ -160,7 +196,7 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 			let r = {}[t] || t;
 			if (r === "bar" || r === "horizontal-bar" || r === "line" || r === "area" || r === "pie" || r === "donut" || r === "scatter" || r === "funnel") {
 				let t = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-				if (Q(t)) {
+				if (Z(t)) {
 					let o = t.aggregate, s = o ? {
 						field: e.valueField || o.field,
 						function: e.aggregate || o.function,
@@ -176,8 +212,8 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 							dataKey: c,
 							label: l ? V(l, c, c) : c
 						}],
-						colors: pe,
-						drillDown: n.drillDown ?? he(r),
+						colors: Oe,
+						drillDown: n.drillDown ?? Ae(r),
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
@@ -197,8 +233,8 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 							dataKey: a,
 							label: V(e.object, a, a)
 						}],
-						colors: pe,
-						drillDown: n.drillDown ?? he(r),
+						colors: Oe,
+						drillDown: n.drillDown ?? Ae(r),
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
@@ -211,13 +247,13 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 						dataKey: a,
 						label: e.object ? V(e.object, a, a) : a
 					}],
-					colors: pe,
+					colors: Oe,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
 			if (t === "table") {
 				let t = e.data || n.data;
-				if (Q(t)) {
+				if (Z(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -256,11 +292,11 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 					showRowTotals: r.showRowTotals ?? n.showRowTotals,
 					showColumnTotals: r.showColumnTotals ?? n.showColumnTotals,
 					format: r.format ?? n.format
-				}, a = (Q(t) || !t && e.object) && n.drillDown === void 0 ? {
+				}, a = (Z(t) || !t && e.object) && n.drillDown === void 0 ? {
 					...n,
 					drillDown: { enabled: !0 }
 				} : n;
-				if (Q(t)) {
+				if (Z(t)) {
 					let { data: n, ...r } = a;
 					return {
 						type: "object-pivot",
@@ -286,7 +322,7 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 			}
 			if (t === "list") {
 				let t = e.data || n.data;
-				if (Q(t)) {
+				if (Z(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -326,90 +362,94 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 				...e,
 				...n
 			};
-		})(), c = e.type === "metric", u = U(e), d = ne(e), f = e.id || u || `widget-${t}`, p = s && l === e.id, v = s ? {
+		})(), c = e.type === "metric", u = W(e), d = ae(e), f = e.id || u || `widget-${t}`, p = s && l === e.id, v = s ? {
 			"data-testid": `dashboard-preview-widget-${e.id}`,
 			"data-widget-id": e.id,
 			role: "button",
 			tabIndex: 0,
 			"aria-selected": p,
 			"aria-label": `Widget: ${u || `Widget ${t + 1}`}`,
-			onClick: (t) => ie(t, e.id),
-			onKeyDown: (n) => ae(n, e.id, t)
-		} : {}, y = s ? A("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", p ? "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 c ? /* @__PURE__ */ J("div", {
+			onClick: (t) => oe(t, e.id),
+			onKeyDown: (n) => me(n, e.id, t)
+		} : {}, y = s ? A("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", p ? "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, b = !O && i && !J ? {
+			gridColumn: `span ${i.w}`,
+			gridRow: `span ${i.h}`
+		} : void 0, x = c ? /* @__PURE__ */ X("div", {
 			className: A("h-full w-full", s && "relative", y),
-			style: !E && i ? {
-				gridColumn: `span ${i.w}`,
-				gridRow: `span ${i.h}`
-			} : void 0,
+			style: b,
 			...v,
-			children: [/* @__PURE__ */ q(o, {
+			children: [/* @__PURE__ */ Y(o, {
 				schema: a,
 				className: A("h-full w-full", s && "pointer-events-none"),
 				dataSource: n
-			}), s && /* @__PURE__ */ q("div", {
+			}), s && /* @__PURE__ */ Y("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}, f) : /* @__PURE__ */ J(m, {
+		}) : /* @__PURE__ */ X(m, {
 			className: A("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", s && "relative", y),
-			style: !E && i ? {
-				gridColumn: `span ${i.w}`,
-				gridRow: `span ${i.h}`
-			} : void 0,
+			style: b,
 			...v,
 			children: [
-				u && /* @__PURE__ */ J(g, {
+				u && /* @__PURE__ */ X(g, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ q(_, {
+					children: [/* @__PURE__ */ Y(_, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
 						title: u,
 						children: u
-					}), d && /* @__PURE__ */ q("p", {
+					}), d && /* @__PURE__ */ Y("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
 						children: d
 					})]
 				}),
-				/* @__PURE__ */ q(h, {
+				/* @__PURE__ */ Y(h, {
 					className: "p-0",
-					children: /* @__PURE__ */ q("div", {
+					children: /* @__PURE__ */ Y("div", {
 						className: A("h-full w-full", "p-3 sm:p-4 md:p-6", s && "pointer-events-none"),
-						children: /* @__PURE__ */ q(o, {
+						children: /* @__PURE__ */ Y(o, {
 							schema: a,
 							dataSource: n
 						})
 					})
 				}),
-				s && /* @__PURE__ */ q("div", {
+				s && /* @__PURE__ */ Y("div", {
 					className: "absolute inset-0 z-10",
 					"aria-hidden": "true",
 					"data-testid": "widget-click-overlay"
 				})
 			]
-		}, f);
-	}, Y = e.header && /* @__PURE__ */ J("div", {
+		});
+		return J && e.id ? /* @__PURE__ */ Y(Ee, {
+			id: e.id,
+			gridSpan: !O && i ? {
+				w: i.w,
+				h: i.h
+			} : void 0,
+			children: x
+		}, f) : /* @__PURE__ */ Y(ee, { children: x }, f);
+	}, ye = e.header && /* @__PURE__ */ X("div", {
 		className: "col-span-full mb-4",
 		children: [
-			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ q("h2", {
+			!b && e.header.showTitle !== !1 && e.title && /* @__PURE__ */ Y("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: H ? M({
+				children: H ? P({
 					name: H,
-					label: $(e.title)
-				}) : $(e.title)
+					label: Q(e.title)
+				}) : Q(e.title)
 			}),
-			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ q("p", {
+			!b && e.header.showDescription !== !1 && e.description && /* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: H ? N({
+				children: H ? te({
 					name: H,
-					description: $(e.description)
-				}) : $(e.description)
+					description: Q(e.description)
+				}) : Q(e.description)
 			}),
-			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ q("div", {
+			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ Y("div", {
 				className: "flex gap-2 mt-3",
 				children: e.header.actions.map((e, t) => {
-					let n = fe(e.icon);
-					return /* @__PURE__ */ J(p, {
+					let n = De(e.icon);
+					return /* @__PURE__ */ X(p, {
 						variant: "outline",
 						size: "sm",
 						onClick: async () => {
@@ -423,76 +463,101 @@ var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 								return;
 							}
 							if (t === "modal" || t === "script") {
-								let e = await k(n || r);
+								let e = await M(n || r);
 								e?.success || console.warn("[DashboardRenderer] action failed", e?.error);
 								return;
 							}
 							console.warn(`[DashboardRenderer] Unknown header actionType="${t}" for "${r}"`);
 						},
-						children: [n && /* @__PURE__ */ q(n, { className: "w-4 h-4 mr-1.5" }), te(e)]
+						children: [n && /* @__PURE__ */ Y(n, { className: "w-4 h-4 mr-1.5" }), U(e)]
 					}, t);
 				})
 			})
 		]
-	}), oe = i !== void 0 && /* @__PURE__ */ J("span", {
+	}), be = i !== void 0 && /* @__PURE__ */ X("span", {
 		className: "text-xs text-muted-foreground",
 		children: [i.toLocaleString(), " records"]
-	}), X = a ? JSON.stringify(a) : void 0, Z = r && /* @__PURE__ */ J("div", {
-		className: A("flex items-center justify-end gap-3 mb-2", !E && "col-span-full"),
-		children: [oe, /* @__PURE__ */ J(p, {
+	}), xe = a ? JSON.stringify(a) : void 0, Se = r && /* @__PURE__ */ X("div", {
+		className: A("flex items-center justify-end gap-3 mb-2", !O && "col-span-full"),
+		children: [be, /* @__PURE__ */ X(p, {
 			variant: "outline",
 			size: "sm",
-			onClick: W,
-			disabled: w,
+			onClick: G,
+			disabled: E,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ q(re, { className: A("h-4 w-4 mr-2", w && "animate-spin") }), w ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ Y(ie, { className: A("h-4 w-4 mr-2", E && "animate-spin") }), E ? "Refreshing…" : "Refresh All"]
 		})]
-	});
-	if (E) {
-		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [];
-		return /* @__PURE__ */ J("div", {
-			ref: b,
+	}), Ce = L(() => (e.widgets ?? []).map((e) => e.id).filter((e) => !!e), [e.widgets]), we = L(() => (e.widgets ?? []).filter((e) => e.type === "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]), Te = L(() => (e.widgets ?? []).filter((e) => e.type !== "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]);
+	if (O) {
+		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [], i = /* @__PURE__ */ X("div", {
+			ref: S,
 			className: A("flex flex-col gap-4 px-4", t),
-			"data-user-actions": X,
-			onClick: G,
-			...y,
+			"data-user-actions": xe,
+			onClick: q,
+			...x,
 			children: [
-				Y,
-				Z,
-				n.length > 0 && /* @__PURE__ */ q("div", {
+				ye,
+				Se,
+				n.length > 0 && /* @__PURE__ */ Y("div", {
 					className: "grid grid-cols-2 gap-3",
-					onClick: G,
-					children: n.map((e, t) => K(e, t))
+					onClick: q,
+					children: /* @__PURE__ */ Y(de, {
+						items: we,
+						strategy: pe,
+						disabled: !J,
+						children: n.map((e, t) => ve(e, t))
+					})
 				}),
-				r.length > 0 && /* @__PURE__ */ q("div", {
+				r.length > 0 && /* @__PURE__ */ Y("div", {
 					className: "flex flex-col gap-4",
-					onClick: G,
-					children: r.map((e, t) => K(e, t, !0))
+					onClick: q,
+					children: /* @__PURE__ */ Y(de, {
+						items: Te,
+						strategy: he,
+						disabled: !J,
+						children: r.map((e, t) => ve(e, t, !0))
+					})
 				})
 			]
 		});
+		return J ? /* @__PURE__ */ Y(se, {
+			sensors: ge,
+			collisionDetection: K,
+			onDragEnd: _e,
+			children: i
+		}) : i;
 	}
-	let se = e.columns != null || x !== 4;
-	return /* @__PURE__ */ J("div", {
-		ref: b,
-		className: A("grid auto-rows-min", !se && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+	let ke = e.columns != null || C !== 4, $ = /* @__PURE__ */ X("div", {
+		ref: S,
+		className: A("grid auto-rows-min", !ke && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...se && { gridTemplateColumns: `repeat(${S}, minmax(0, 1fr))` },
-			gap: `${C * .25}rem`
+			...ke && { gridTemplateColumns: `repeat(${w}, minmax(0, 1fr))` },
+			gap: `${T * .25}rem`
 		},
-		"data-user-actions": X,
-		onClick: G,
-		...y,
+		"data-user-actions": xe,
+		onClick: q,
+		...x,
 		children: [
-			Y,
-			Z,
-			e.widgets?.map((e, t) => K(e, t))
+			ye,
+			Se,
+			/* @__PURE__ */ Y(de, {
+				items: Ce,
+				strategy: pe,
+				disabled: !J,
+				children: e.widgets?.map((e, t) => ve(e, t))
+			})
 		]
 	});
+	return J ? /* @__PURE__ */ Y(se, {
+		sensors: ge,
+		collisionDetection: K,
+		onDragEnd: _e,
+		children: $
+	}) : $;
 });
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function _e({ editMode: e }) {
+function je({ editMode: e }) {
 	let t = u();
 	return N.useEffect(() => {
 		if (e) return t.startDrag({
@@ -505,14 +570,43 @@ function _e({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var ve = [
+var Me = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], ye = ({ schema: e, className: t, onLayoutChange: n, persistLayoutKey: r = "dashboard-layout", onRefresh: i }) => {
-	let { width: a, containerRef: s, mounted: c } = oe(), [l, u] = N.useState(!1), [f, v] = N.useState(!1), y = d(), b = N.useRef(null), x = N.useCallback(() => {
+];
+function Ne(e, t) {
+	if (!e.widgets?.length) return e;
+	let n = new Map(t.map((e) => [e.i, e])), r = e.widgets.map((e, t) => {
+		let r = e.id || `widget-${t}`, i = n.get(r);
+		return i ? {
+			...e,
+			layout: {
+				x: i.x,
+				y: i.y,
+				w: i.w,
+				h: i.h
+			}
+		} : e;
+	});
+	return {
+		...e,
+		widgets: r
+	};
+}
+function Pe(e) {
+	return { lg: e.widgets?.map((e, t) => ({
+		i: e.id || `widget-${t}`,
+		x: e.layout?.x ?? t % 4 * 3,
+		y: e.layout?.y ?? Math.floor(t / 4) * 4,
+		w: e.layout?.w ?? 3,
+		h: e.layout?.h ?? 4
+	})) || [] };
+}
+var Fe = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRefresh: i }) => {
+	let { width: a, containerRef: s, mounted: c } = _e(), [l, u] = N.useState(!1), [f, v] = N.useState(!1), y = d(), b = N.useRef(null), x = N.useCallback(() => {
 		i && (v(!0), i(), setTimeout(() => v(!1), 600));
 	}, [i]);
 	N.useEffect(() => {
@@ -524,40 +618,32 @@ var ve = [
 		i,
 		x
 	]);
-	let [S, C] = N.useState(() => {
-		if (typeof window < "u" && r) {
-			let e = localStorage.getItem(r);
-			if (e) try {
-				return JSON.parse(e);
-			} catch (e) {
-				console.error("Failed to parse saved layout:", e);
-			}
-		}
-		return { lg: e.widgets?.map((e, t) => ({
-			i: e.id || `widget-${t}`,
-			x: e.layout?.x || t % 4 * 3,
-			y: e.layout?.y || Math.floor(t / 4) * 4,
-			w: e.layout?.w || 3,
-			h: e.layout?.h || 4
-		})) || [] };
-	}), w = N.useCallback((e, t) => {
+	let [S, C] = N.useState(() => Pe(e)), w = N.useMemo(() => JSON.stringify(e.widgets?.map((e, t) => ({
+		i: e.id || `widget-${t}`,
+		x: e.layout?.x,
+		y: e.layout?.y,
+		w: e.layout?.w,
+		h: e.layout?.h
+	})) ?? []), [e.widgets]);
+	N.useEffect(() => {
+		C(Pe(e));
+	}, [w]);
+	let T = N.useCallback((e, t) => {
 		C(t), n?.(e);
-	}, [n]), T = N.useCallback(() => {
-		typeof window < "u" && r && localStorage.setItem(r, JSON.stringify(S)), u(!1);
-	}, [S, r]), E = N.useCallback(() => {
-		C({ lg: e.widgets?.map((e, t) => ({
-			i: e.id || `widget-${t}`,
-			x: e.layout?.x || t % 4 * 3,
-			y: e.layout?.y || Math.floor(t / 4) * 4,
-			w: e.layout?.w || 3,
-			h: e.layout?.h || 4
-		})) || [] }), typeof window < "u" && r && localStorage.removeItem(r);
-	}, [e.widgets, r]), D = N.useCallback((e) => {
+	}, [n]), E = N.useCallback(() => {
+		r ? r(Ne(e, S.lg)) : process.env.NODE_ENV !== "production" && console.warn("[DashboardGridLayout] Layout edits are in-memory only. Wire `onSchemaChange` to persist via your data adapter."), u(!1);
+	}, [
+		r,
+		e,
+		S
+	]), D = N.useCallback(() => {
+		C(Pe(e));
+	}, [e]), O = N.useCallback((e) => {
 		if (e.component) return e.component;
 		let t = e.type, n = e.options || {};
 		if (t === "bar" || t === "horizontal-bar" || t === "line" || t === "area" || t === "pie" || t === "donut" || t === "scatter" || t === "funnel") {
 			let r = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-			if (Q(r)) {
+			if (Z(r)) {
 				let n = r.aggregate, o = n ? {
 					field: e.valueField || n.field,
 					function: e.aggregate || n.function,
@@ -570,7 +656,7 @@ var ve = [
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: ve,
+					colors: Me,
 					className: "h-full"
 				};
 			}
@@ -587,7 +673,7 @@ var ve = [
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: ve,
+					colors: Me,
 					className: "h-full"
 				};
 			}
@@ -597,13 +683,13 @@ var ve = [
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: ve,
+				colors: Me,
 				className: "h-full"
 			};
 		}
 		if (t === "table") {
 			let t = e.data || n.data;
-			if (Q(t)) {
+			if (Z(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "data-table",
@@ -635,7 +721,7 @@ var ve = [
 		}
 		if (t === "pivot") {
 			let t = e.data || n.data;
-			if (Q(t)) {
+			if (Z(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "pivot",
@@ -656,54 +742,54 @@ var ve = [
 			...n
 		};
 	}, []);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ X("div", {
 		ref: s,
 		className: A("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			y && /* @__PURE__ */ q(_e, { editMode: l }),
-			/* @__PURE__ */ J("div", {
+			y && /* @__PURE__ */ Y(je, { editMode: l }),
+			/* @__PURE__ */ X("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ q("h2", {
+				children: [/* @__PURE__ */ Y("h2", {
 					className: "text-2xl font-bold",
 					children: e.title || "Dashboard"
-				}), /* @__PURE__ */ q("div", {
+				}), /* @__PURE__ */ Y("div", {
 					className: "flex gap-2",
-					children: l ? /* @__PURE__ */ J(K, { children: [
-						/* @__PURE__ */ J(p, {
-							onClick: T,
+					children: l ? /* @__PURE__ */ X(J, { children: [
+						/* @__PURE__ */ X(p, {
+							onClick: E,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ q(ie, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ Y(ae, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ J(p, {
-							onClick: E,
+						/* @__PURE__ */ X(p, {
+							onClick: D,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ q(G, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ Y(oe, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ q(p, {
+						/* @__PURE__ */ Y(p, {
 							onClick: () => u(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ J(K, { children: [i && /* @__PURE__ */ J(p, {
+					] }) : /* @__PURE__ */ X(J, { children: [i && /* @__PURE__ */ X(p, {
 						onClick: x,
 						size: "sm",
 						variant: "outline",
 						disabled: f,
 						"aria-label": "Refresh dashboard",
-						children: [/* @__PURE__ */ q(re, { className: A("h-4 w-4 mr-2", f && "animate-spin") }), f ? "Refreshing…" : "Refresh All"]
-					}), /* @__PURE__ */ J(p, {
+						children: [/* @__PURE__ */ Y(ie, { className: A("h-4 w-4 mr-2", f && "animate-spin") }), f ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ X(p, {
 						onClick: () => u(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ q(te, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ Y(V, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			c && /* @__PURE__ */ q(Y, {
+			c && /* @__PURE__ */ Y(ge, {
 				className: "layout",
 				width: a,
 				layouts: S,
@@ -727,37 +813,37 @@ var ve = [
 					handle: ".drag-handle"
 				},
 				resizeConfig: { enabled: l },
-				onLayoutChange: w,
+				onLayoutChange: T,
 				children: e.widgets?.map((e, t) => {
-					let n = e.id || `widget-${t}`, r = D(e);
-					return /* @__PURE__ */ q("div", {
+					let n = e.id || `widget-${t}`, r = O(e);
+					return /* @__PURE__ */ Y("div", {
 						className: "h-full",
-						children: e.type === "metric" ? /* @__PURE__ */ J("div", {
+						children: e.type === "metric" ? /* @__PURE__ */ X("div", {
 							className: "h-full w-full relative",
-							children: [l && /* @__PURE__ */ q("div", {
+							children: [l && /* @__PURE__ */ Y("div", {
 								className: "drag-handle absolute top-2 right-2 z-10 cursor-move p-1 bg-background/80 rounded border border-border",
-								children: /* @__PURE__ */ q(U, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ q(o, {
+								children: /* @__PURE__ */ Y(H, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ Y(o, {
 								schema: r,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ J(m, {
+						}) : /* @__PURE__ */ X(m, {
 							className: A("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", l && "ring-2 ring-primary/20"),
-							children: [e.title && /* @__PURE__ */ J(g, {
+							children: [e.title && /* @__PURE__ */ X(g, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ q(_, {
+								children: [/* @__PURE__ */ Y(_, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
-								}), l && /* @__PURE__ */ q("div", {
+								}), l && /* @__PURE__ */ Y("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ q(U, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ Y(H, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ q(h, {
+							}), /* @__PURE__ */ Y(h, {
 								className: "p-0 h-full",
-								children: /* @__PURE__ */ q("div", {
+								children: /* @__PURE__ */ Y("div", {
 									className: A("h-full w-full overflow-auto p-4"),
-									children: /* @__PURE__ */ q(o, { schema: r })
+									children: /* @__PURE__ */ Y(o, { schema: r })
 								})
 							})]
 						})
@@ -766,14 +852,35 @@ var ve = [
 			})
 		]
 	});
-};
-//#endregion
-//#region src/MetricWidget.tsx
-function be(e, t, n) {
+}, Ie = ve({
+	"dashboard.trend.vsLastQuarter": "vs last quarter",
+	"dashboard.trend.vsLastMonth": "vs last month",
+	"dashboard.trend.vsLastWeek": "vs last week",
+	"dashboard.trend.vsLastYear": "vs last year",
+	"dashboard.trend.vsYesterday": "vs yesterday",
+	"dashboard.trend.vsPreviousPeriod": "vs previous period"
+}, "dashboard.trend.vsLastQuarter");
+function Le(e) {
+	switch (e.trim().toLowerCase().replace(/\s+/g, " ")) {
+		case "vs last quarter":
+		case "vs previous quarter": return "dashboard.trend.vsLastQuarter";
+		case "vs last month":
+		case "vs previous month": return "dashboard.trend.vsLastMonth";
+		case "vs last week":
+		case "vs previous week": return "dashboard.trend.vsLastWeek";
+		case "vs last year":
+		case "vs previous year": return "dashboard.trend.vsLastYear";
+		case "vs yesterday": return "dashboard.trend.vsYesterday";
+		case "vs previous period":
+		case "vs prior period": return "dashboard.trend.vsPreviousPeriod";
+		default: return;
+	}
+}
+function Re(e, t, n) {
 	if (e == null) return "";
 	if (typeof e == "string") {
 		let r = Number(e);
-		return !isFinite(r) || e.trim() === "" ? e : be(r, t, n);
+		return !isFinite(r) || e.trim() === "" ? e : Re(r, t, n);
 	}
 	if (!isFinite(e)) return String(e);
 	let r = {
@@ -800,10 +907,10 @@ function be(e, t, n) {
 		maximumFractionDigits: c
 	}).format(e);
 }
-function xe(e) {
+function ze(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Se = {
+var Be = {
 	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",
@@ -812,9 +919,18 @@ var Se = {
 	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"
-}, Ce = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", format: l, currency: u, prefix: d, suffix: f, onClick: p, ...v }) => {
-	let y = Se[c] || Se.default, b = L(() => {
-		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? be(t, l, u) : t ?? "", n = String(e);
+}, Ve = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", format: l, currency: u, prefix: d, suffix: f, onClick: p, ...v }) => {
+	let y = Be[c] || Be.default, { t: b } = Ie(), x = L(() => {
+		let e = ze(a) || ze(n?.label);
+		if (!e) return e;
+		let t = Le(e);
+		return t ? b(t) : e;
+	}, [
+		a,
+		n?.label,
+		b
+	]), S = L(() => {
+		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? Re(t, l, u) : t ?? "", n = String(e);
 		return `${d && n.startsWith(d) ? "" : d ?? ""}${n}${f && n.endsWith(f) ? "" : f ?? ""}`;
 	}, [
 		t,
@@ -822,14 +938,14 @@ var Se = {
 		u,
 		d,
 		f
-	]), x = L(() => {
+	]), C = L(() => {
 		if (typeof r == "string") {
 			let e = j(r);
-			return e ? /* @__PURE__ */ q(e, { className: "h-4 w-4" }) : null;
+			return e ? /* @__PURE__ */ Y(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ J(m, {
+	return /* @__PURE__ */ X(m, {
 		className: A("h-full overflow-hidden", p && "cursor-pointer transition-colors hover:bg-accent/40 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", i),
 		onClick: p,
 		role: p ? "button" : void 0,
@@ -838,129 +954,129 @@ var Se = {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
 		} : void 0,
 		...v,
-		children: [/* @__PURE__ */ J(g, {
+		children: [/* @__PURE__ */ X(g, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ q(_, {
+			children: [/* @__PURE__ */ Y(_, {
 				className: "text-sm font-medium truncate",
-				children: xe(e)
-			}), x && /* @__PURE__ */ q("div", {
+				children: ze(e)
+			}), C && /* @__PURE__ */ Y("div", {
 				className: A("flex h-8 w-8 items-center justify-center rounded-md shrink-0", y),
-				children: x
+				children: C
 			})]
-		}), /* @__PURE__ */ q(h, { children: o ? /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ Y(h, { children: o ? /* @__PURE__ */ X("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-loading",
-			children: [/* @__PURE__ */ q(ne, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ Y(U, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Y("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : s ? /* @__PURE__ */ J("div", {
+		}) : s ? /* @__PURE__ */ X("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-error",
 			role: "alert",
-			children: [/* @__PURE__ */ q(B, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ Y(z, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Y("span", {
 				className: "text-xs text-destructive truncate",
 				children: s
 			})]
-		}) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
+		}) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", {
 			className: "text-2xl font-bold truncate",
-			children: b
-		}), (n || a) && /* @__PURE__ */ J("div", {
+			children: S
+		}), (n || a) && /* @__PURE__ */ X("div", {
 			className: "text-xs text-muted-foreground mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 min-w-0",
-			children: [n && /* @__PURE__ */ J("span", {
+			children: [n && /* @__PURE__ */ X("span", {
 				className: A("flex items-center 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__ */ q(H, { className: "h-3 w-3 mr-1" }),
-					n.direction === "down" && /* @__PURE__ */ q(V, { className: "h-3 w-3 mr-1" }),
-					n.direction === "neutral" && /* @__PURE__ */ q(W, { className: "h-3 w-3 mr-1" }),
+					n.direction === "up" && /* @__PURE__ */ Y(B, { className: "h-3 w-3 mr-1" }),
+					n.direction === "down" && /* @__PURE__ */ Y(re, { className: "h-3 w-3 mr-1" }),
+					n.direction === "neutral" && /* @__PURE__ */ Y(W, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
-			}), /* @__PURE__ */ q("span", {
+			}), /* @__PURE__ */ Y("span", {
 				className: "truncate min-w-0",
-				children: xe(a) || xe(n?.label)
+				children: x
 			})]
 		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function we(e) {
+function He(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Te = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
+var Ue = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
 	let u = n ? j(n) : null;
-	return /* @__PURE__ */ J(m, {
+	return /* @__PURE__ */ X(m, {
 		className: A("h-full", o),
 		...l,
-		children: [/* @__PURE__ */ J(g, {
+		children: [/* @__PURE__ */ X(g, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ q(_, {
+			children: [/* @__PURE__ */ Y(_, {
 				className: "text-sm font-medium",
-				children: we(e)
-			}), u && /* @__PURE__ */ q(u, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ q(h, { children: s ? /* @__PURE__ */ J("div", {
+				children: He(e)
+			}), u && /* @__PURE__ */ Y(u, { className: "h-4 w-4 text-muted-foreground" })]
+		}), /* @__PURE__ */ Y(h, { children: s ? /* @__PURE__ */ X("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-card-loading",
-			children: [/* @__PURE__ */ q(ne, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ Y(U, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Y("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : c ? /* @__PURE__ */ J("div", {
+		}) : c ? /* @__PURE__ */ X("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-card-error",
 			role: "alert",
-			children: [/* @__PURE__ */ q(B, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ q("span", {
+			children: [/* @__PURE__ */ Y(z, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Y("span", {
 				className: "text-xs text-destructive truncate",
 				children: c
 			})]
-		}) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
+		}) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("div", {
 			className: "text-2xl font-bold",
 			children: t
-		}), (r || i || a) && /* @__PURE__ */ J("p", {
+		}), (r || i || a) && /* @__PURE__ */ X("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1",
-			children: [r && i && /* @__PURE__ */ J("span", {
+			children: [r && i && /* @__PURE__ */ X("span", {
 				className: A("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
 				children: [
-					r === "up" && /* @__PURE__ */ q(H, { className: "h-3 w-3 mr-1" }),
-					r === "down" && /* @__PURE__ */ q(V, { className: "h-3 w-3 mr-1" }),
-					r === "neutral" && /* @__PURE__ */ q(W, { className: "h-3 w-3 mr-1" }),
+					r === "up" && /* @__PURE__ */ Y(B, { className: "h-3 w-3 mr-1" }),
+					r === "down" && /* @__PURE__ */ Y(re, { className: "h-3 w-3 mr-1" }),
+					r === "neutral" && /* @__PURE__ */ Y(W, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), we(a)]
+			}), He(a)]
 		})] }) })]
 	});
-}, Ee = ({ objectName: e, aggregate: t, filter: n, label: c, fallbackValue: l, trend: u, icon: d, className: f, description: p, dataSource: m, colorVariant: h, format: g, currency: _, prefix: v, suffix: y, drillDown: b, title: k }) => {
-	let A = ee(s), j = m || A?.dataSource, [M, N] = z(!1), [P, R] = z(null), [B, V] = z(!1), [H, te] = z(null), [U, ne] = z(null);
+}, We = ({ objectName: e, aggregate: t, filter: n, label: c, fallbackValue: l, trend: u, icon: d, className: f, description: p, dataSource: m, colorVariant: h, format: g, currency: _, prefix: v, suffix: y, drillDown: b, title: k }) => {
+	let A = te(s), j = m || A?.dataSource, [M, N] = R(!1), [ee, P] = R(null), [ne, z] = R(!1), [re, B] = R(null), [V, H] = R(null);
 	I(() => {
 		let t = !0;
 		if (!(!j || !e || typeof j.getObjectSchema != "function")) return j.getObjectSchema(e).then((e) => {
-			t && ne(e);
+			t && H(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
 	}, [j, e]);
-	let W = L(() => {
+	let U = L(() => {
 		let e = t?.field;
-		if (!e || !U?.fields) return null;
-		let n = U.fields;
+		if (!e || !V?.fields) return null;
+		let n = V.fields;
 		return Array.isArray(n) ? n.find((t) => t?.name === e) || null : n[e] || null;
-	}, [U, t?.field]), re = L(() => {
+	}, [V, t?.field]), W = L(() => {
 		if (g) return g;
-		if (W) {
-			if (W.type === "currency") {
-				let e = W.precision ?? W.scale ?? 0;
+		if (U) {
+			if (U.type === "currency") {
+				let e = U.precision ?? U.scale ?? 0;
 				return e > 0 ? `0,0.${"0".repeat(e)}` : "0,0";
 			}
-			if (W.type === "percent") return "0,0%";
-			if (W.type === "number" || W.type === "integer") return "0,0";
+			if (U.type === "percent") return "0,0%";
+			if (U.type === "number" || U.type === "integer") return "0,0";
 		}
-	}, [g, W]), ie = L(() => {
+	}, [g, U]), ie = L(() => {
 		if (_) return _;
-		if (W?.type === "currency") return W.defaultCurrency || W.currency || void 0;
-	}, [_, W]), ae = L(() => t ? JSON.stringify(t) : "", [t]), G = L(() => i(n), [n]), Y = F(async (n, r) => {
+		if (U?.type === "currency") return U.defaultCurrency || U.currency || void 0;
+	}, [_, U]), ae = L(() => t ? JSON.stringify(t) : "", [t]), G = L(() => i(n), [n]), oe = F(async (n, r) => {
 		if (!(!n || !e)) {
-			r.current && (V(!0), te(null));
+			r.current && (z(!0), B(null));
 			try {
 				let i;
 				if (t && typeof n.aggregate == "function") {
@@ -975,11 +1091,11 @@ var Te = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 					let t = await n.find(e, { $filter: G });
 					i = (Array.isArray(t) ? t : t?.data || t?.records || []).length;
 				} else return;
-				r.current && R(i);
+				r.current && P(i);
 			} catch (e) {
-				console.error("[ObjectMetricWidget] Fetch error:", e), r.current && te(e instanceof Error ? e.message : "Failed to load metric");
+				console.error("[ObjectMetricWidget] Fetch error:", e), r.current && B(e instanceof Error ? e.message : "Failed to load metric");
 			} finally {
-				r.current && V(!1);
+				r.current && z(!1);
 			}
 		}
 	}, [
@@ -989,26 +1105,26 @@ var Te = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 	]);
 	I(() => {
 		let t = { current: !0 };
-		return j && e ? Y(j, t) : (R(null), te(null)), () => {
+		return j && e ? oe(j, t) : (P(null), B(null)), () => {
 			t.current = !1;
 		};
 	}, [
 		j,
 		e,
-		Y
+		oe
 	]);
-	let oe = P === null ? j ? "—" : l ?? "—" : P, X = r(b) && !!e && !!j, Z = L(() => {
+	let se = ee === null ? j ? "—" : l ?? "—" : ee, ce = r(b) && !!e && !!j, K = L(() => {
 		let e = typeof c == "string" ? c : c?.defaultValue || "";
 		return a(b, {}, (typeof k == "string" ? k : k?.defaultValue || "") || e || "Details");
 	}, [
 		b,
 		c,
 		k
-	]), se = L(() => {
-		if (!X) return null;
-		let t = b?.target ?? "drawer", n = /* @__PURE__ */ q("div", {
+	]), le = L(() => {
+		if (!ce) return null;
+		let t = b?.target ?? "drawer", n = /* @__PURE__ */ Y("div", {
 			className: "h-full overflow-auto",
-			children: /* @__PURE__ */ q(o, { schema: {
+			children: /* @__PURE__ */ Y(o, { schema: {
 				type: "object-data-table",
 				objectName: e,
 				filter: G,
@@ -1016,60 +1132,68 @@ var Te = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 				drillDown: { enabled: !1 }
 			} })
 		});
-		return t === "modal" ? /* @__PURE__ */ q(x, {
+		return t === "modal" ? /* @__PURE__ */ Y(x, {
 			open: !0,
 			onOpenChange: (e) => !e && N(!1),
-			children: /* @__PURE__ */ J(S, {
+			children: /* @__PURE__ */ X(S, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ q(C, { children: /* @__PURE__ */ q(w, { children: Z }) }), n]
+				children: [/* @__PURE__ */ Y(C, { children: /* @__PURE__ */ Y(w, { children: K }) }), n]
 			})
-		}) : /* @__PURE__ */ q(T, {
+		}) : /* @__PURE__ */ Y(T, {
 			open: !0,
 			onOpenChange: (e) => !e && N(!1),
-			children: /* @__PURE__ */ J(E, {
+			children: /* @__PURE__ */ X(E, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-				children: [/* @__PURE__ */ q(D, { children: /* @__PURE__ */ q(O, { children: Z }) }), /* @__PURE__ */ q("div", {
+				children: [/* @__PURE__ */ Y(D, { children: /* @__PURE__ */ Y(O, { children: K }) }), /* @__PURE__ */ Y("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: n
 				})]
 			})
 		});
 	}, [
-		X,
+		ce,
 		b,
 		e,
 		G,
-		Z
+		K
 	]);
-	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(Ce, {
+	return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(Ve, {
 		label: c,
-		value: oe,
+		value: se,
 		trend: u,
 		icon: d,
 		className: f,
 		description: p,
-		loading: B,
-		error: H,
+		loading: ne,
+		error: re,
 		colorVariant: h,
-		format: re,
+		format: W,
 		currency: ie,
 		prefix: v,
 		suffix: y,
-		onClick: X ? () => N(!0) : void 0
-	}), M && se] });
+		onClick: ce ? () => N(!0) : void 0
+	}), M && le] });
 };
 //#endregion
 //#region src/PivotTable.tsx
-function De() {
+function Ge() {
 	try {
-		let { t: e } = X(), t = e("dashboard.total");
+		let { t: e } = ye(), t = e("dashboard.total");
 		return !t || t === "dashboard.total" ? "Total" : t;
 	} catch {
 		return "Total";
 	}
 }
-function Oe(e, t) {
+function Ke() {
+	try {
+		let { t: e } = ye(), t = e("dashboard.noDataAvailable");
+		return !t || t === "dashboard.noDataAvailable" ? "No data available" : t;
+	} catch {
+		return "No data available";
+	}
+}
+function qe(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -1086,11 +1210,11 @@ function Oe(e, t) {
 	}
 	return n + l + r;
 }
-var ke = "—";
-function Ae(e, t) {
-	return e === "" ? ke : t?.[e] ?? e;
+var Je = "—";
+function Ye(e, t) {
+	return e === "" ? Je : t?.[e] ?? e;
 }
-function je(e, t) {
+function Xe(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -1101,18 +1225,18 @@ function je(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var Me = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabel: a, onDrillDown: o }) => {
-	let { title: s, rowField: c, columnField: l, valueField: u, aggregation: d = "sum", data: f = [], showRowTotals: p = !1, showColumnTotals: m = !1, format: h, columnColors: g, drillDown: _ } = e, v = De(), y = r(_) && typeof o == "function", b = (e) => {
-		y && o({
+var Ze = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabel: a, onDrillDown: o }) => {
+	let { title: s, rowField: c, columnField: l, valueField: u, aggregation: d = "sum", data: f = [], showRowTotals: p = !1, showColumnTotals: m = !1, format: h, columnColors: g, drillDown: _ } = e, v = Ge(), y = Ke(), b = r(_) && typeof o == "function", x = (e) => {
+		b && o({
 			...e,
 			rowLabel: e.rowKey === void 0 ? e.rowLabel : n?.[e.rowKey] ?? e.rowKey,
 			colLabel: e.colKey === void 0 ? e.colLabel : i?.[e.colKey] ?? e.colKey
 		});
-	}, x = (e) => (t) => {
+	}, S = (e) => (t) => {
 		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
-	}, S = y ? "cursor-pointer hover:bg-accent/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-[-2px]" : "", C = Array.isArray(f) ? f : [], { rowKeys: w, colKeys: T, matrix: E, rowTotals: D, colTotals: O, grandTotal: k } = L(() => {
+	}, C = b ? "cursor-pointer hover:bg-accent/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-[-2px]" : "", w = Array.isArray(f) ? f : [], { rowKeys: T, colKeys: E, matrix: D, rowTotals: O, colTotals: k, grandTotal: j } = L(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
-		for (let r of C) {
+		for (let r of w) {
 			let i = String(r[c] ?? ""), a = String(r[l] ?? ""), o = Number(r[u]) || 0;
 			e.set(i, !0), t.set(a, !0), n[i] || (n[i] = {}), n[i][a] || (n[i][a] = []), n[i][a].push(o);
 		}
@@ -1121,10 +1245,10 @@ var Me = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 			a[e] = {};
 			let t = [];
 			for (let r of i) {
-				let i = n[e]?.[r] ?? [], o = je(i, d);
+				let i = n[e]?.[r] ?? [], o = Xe(i, d);
 				a[e][r] = o, t.push(...i), !s[r] && s[r];
 			}
-			o[e] = je(t, d);
+			o[e] = Xe(t, d);
 		}
 		for (let e of i) {
 			let t = [];
@@ -1132,34 +1256,34 @@ var Me = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 				let r = n[i]?.[e] ?? [];
 				t.push(...r);
 			}
-			s[e] = je(t, d);
+			s[e] = Xe(t, d);
 		}
 		let f = [];
-		for (let e of C) f.push(Number(e[u]) || 0);
+		for (let e of w) f.push(Number(e[u]) || 0);
 		return {
 			rowKeys: r,
 			colKeys: i,
 			matrix: a,
 			rowTotals: o,
 			colTotals: s,
-			grandTotal: je(f, d)
+			grandTotal: Xe(f, d)
 		};
 	}, [
-		C,
+		w,
 		c,
 		l,
 		u,
 		d
-	]), j = (e) => Oe(e, h);
-	return C.length === 0 ? /* @__PURE__ */ J("div", {
+	]), M = (e) => qe(e, h);
+	return w.length === 0 ? /* @__PURE__ */ X("div", {
 		className: A("overflow-auto", t),
-		children: [s && /* @__PURE__ */ q("h3", {
+		children: [s && /* @__PURE__ */ Y("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: s
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
 			"data-testid": "pivot-empty-state",
-			children: [/* @__PURE__ */ J("svg", {
+			children: [/* @__PURE__ */ X("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -1169,163 +1293,163 @@ var Me = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ q("rect", {
+					/* @__PURE__ */ Y("rect", {
 						x: "3",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ q("rect", {
+					/* @__PURE__ */ Y("rect", {
 						x: "14",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ q("rect", {
+					/* @__PURE__ */ Y("rect", {
 						x: "3",
 						y: "14",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ q("rect", {
+					/* @__PURE__ */ Y("rect", {
 						x: "14",
 						y: "14",
 						width: "7",
 						height: "7"
 					})
 				]
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "text-xs",
-				children: "No data available"
+				children: y
 			})]
 		})]
-	}) : /* @__PURE__ */ J("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: A("overflow-auto", t),
-		children: [s && /* @__PURE__ */ q("h3", {
+		children: [s && /* @__PURE__ */ Y("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: s
-		}), /* @__PURE__ */ J("table", {
+		}), /* @__PURE__ */ X("table", {
 			className: "w-full text-sm border-collapse table-auto",
 			role: "table",
 			children: [
-				/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ J("tr", {
+				/* @__PURE__ */ Y("thead", { children: /* @__PURE__ */ X("tr", {
 					className: "border-b border-border",
 					children: [
-						/* @__PURE__ */ q("th", {
+						/* @__PURE__ */ Y("th", {
 							className: "text-left p-2 font-medium text-muted-foreground whitespace-nowrap",
 							children: a || c
 						}),
-						T.map((e) => {
-							let t = () => b({
+						E.map((e) => {
+							let t = () => x({
 								scope: "column",
 								colKey: e
 							});
-							return /* @__PURE__ */ q("th", {
-								className: A("text-right p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", g?.[e] ?? "text-muted-foreground", S),
+							return /* @__PURE__ */ Y("th", {
+								className: A("text-right p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", g?.[e] ?? "text-muted-foreground", C),
 								title: e === "" ? `${l}: (empty)` : `${l}: ${e}`,
-								role: y ? "button" : void 0,
-								tabIndex: y ? 0 : void 0,
-								onClick: y ? t : void 0,
-								onKeyDown: y ? x(t) : void 0,
-								"aria-label": y ? `Drill into ${l}: ${e || "(empty)"}` : void 0,
-								children: Ae(e, i)
+								role: b ? "button" : void 0,
+								tabIndex: b ? 0 : void 0,
+								onClick: b ? t : void 0,
+								onKeyDown: b ? S(t) : void 0,
+								"aria-label": b ? `Drill into ${l}: ${e || "(empty)"}` : void 0,
+								children: Ye(e, i)
 							}, e);
 						}),
-						p && /* @__PURE__ */ q("th", {
+						p && /* @__PURE__ */ Y("th", {
 							className: "text-right p-2 font-semibold text-muted-foreground bg-muted/20 whitespace-nowrap",
 							children: v
 						})
 					]
 				}) }),
-				/* @__PURE__ */ q("tbody", { children: w.map((e) => /* @__PURE__ */ J("tr", {
+				/* @__PURE__ */ Y("tbody", { children: T.map((e) => /* @__PURE__ */ X("tr", {
 					className: "border-b border-border/50 hover:bg-muted/30",
 					children: [
-						/* @__PURE__ */ q("td", {
-							className: A("p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", S),
-							role: y ? "button" : void 0,
-							tabIndex: y ? 0 : void 0,
-							onClick: y ? () => b({
+						/* @__PURE__ */ Y("td", {
+							className: A("p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", C),
+							role: b ? "button" : void 0,
+							tabIndex: b ? 0 : void 0,
+							onClick: b ? () => x({
 								scope: "row",
 								rowKey: e
 							}) : void 0,
-							onKeyDown: y ? x(() => b({
+							onKeyDown: b ? S(() => x({
 								scope: "row",
 								rowKey: e
 							})) : void 0,
-							"aria-label": y ? `Drill into ${c}: ${e || "(empty)"}` : void 0,
-							children: Ae(e, n)
+							"aria-label": b ? `Drill into ${c}: ${e || "(empty)"}` : void 0,
+							children: Ye(e, n)
 						}),
-						T.map((t) => {
-							let n = E[e]?.[t] ?? 0, r = () => b({
+						E.map((t) => {
+							let n = D[e]?.[t] ?? 0, r = () => x({
 								scope: "cell",
 								rowKey: e,
 								colKey: t,
 								value: n
 							});
-							return /* @__PURE__ */ q("td", {
-								className: A("text-right p-2 tabular-nums", g?.[t], S),
-								role: y ? "button" : void 0,
-								tabIndex: y ? 0 : void 0,
-								onClick: y ? r : void 0,
-								onKeyDown: y ? x(r) : void 0,
-								"aria-label": y ? `Drill into ${c}=${e || "(empty)"}, ${l}=${t || "(empty)"}` : void 0,
-								children: j(n)
+							return /* @__PURE__ */ Y("td", {
+								className: A("text-right p-2 tabular-nums", g?.[t], C),
+								role: b ? "button" : void 0,
+								tabIndex: b ? 0 : void 0,
+								onClick: b ? r : void 0,
+								onKeyDown: b ? S(r) : void 0,
+								"aria-label": b ? `Drill into ${c}=${e || "(empty)"}, ${l}=${t || "(empty)"}` : void 0,
+								children: M(n)
 							}, t);
 						}),
-						p && /* @__PURE__ */ q("td", {
-							className: A("text-right p-2 font-semibold tabular-nums bg-muted/20", S),
-							role: y ? "button" : void 0,
-							tabIndex: y ? 0 : void 0,
-							onClick: y ? () => b({
+						p && /* @__PURE__ */ Y("td", {
+							className: A("text-right p-2 font-semibold tabular-nums bg-muted/20", C),
+							role: b ? "button" : void 0,
+							tabIndex: b ? 0 : void 0,
+							onClick: b ? () => x({
 								scope: "row",
 								rowKey: e,
-								value: D[e] ?? 0
+								value: O[e] ?? 0
 							}) : void 0,
-							onKeyDown: y ? x(() => b({
+							onKeyDown: b ? S(() => x({
 								scope: "row",
 								rowKey: e,
-								value: D[e] ?? 0
+								value: O[e] ?? 0
 							})) : void 0,
-							children: j(D[e] ?? 0)
+							children: M(O[e] ?? 0)
 						})
 					]
 				}, e)) }),
-				m && /* @__PURE__ */ q("tfoot", { children: /* @__PURE__ */ J("tr", {
+				m && /* @__PURE__ */ Y("tfoot", { children: /* @__PURE__ */ X("tr", {
 					className: "border-t-2 border-border font-semibold bg-muted/40",
 					children: [
-						/* @__PURE__ */ q("td", {
+						/* @__PURE__ */ Y("td", {
 							className: "p-2",
 							children: v
 						}),
-						T.map((e) => /* @__PURE__ */ q("td", {
-							className: A("text-right p-2 tabular-nums", S),
-							role: y ? "button" : void 0,
-							tabIndex: y ? 0 : void 0,
-							onClick: y ? () => b({
+						E.map((e) => /* @__PURE__ */ Y("td", {
+							className: A("text-right p-2 tabular-nums", C),
+							role: b ? "button" : void 0,
+							tabIndex: b ? 0 : void 0,
+							onClick: b ? () => x({
 								scope: "column",
 								colKey: e,
-								value: O[e] ?? 0
+								value: k[e] ?? 0
 							}) : void 0,
-							onKeyDown: y ? x(() => b({
+							onKeyDown: b ? S(() => x({
 								scope: "column",
 								colKey: e,
-								value: O[e] ?? 0
+								value: k[e] ?? 0
 							})) : void 0,
-							children: j(O[e] ?? 0)
+							children: M(k[e] ?? 0)
 						}, e)),
-						p && /* @__PURE__ */ q("td", {
-							className: A("text-right p-2 tabular-nums font-bold", S),
-							role: y ? "button" : void 0,
-							tabIndex: y ? 0 : void 0,
-							onClick: y ? () => b({
+						p && /* @__PURE__ */ Y("td", {
+							className: A("text-right p-2 tabular-nums font-bold", C),
+							role: b ? "button" : void 0,
+							tabIndex: b ? 0 : void 0,
+							onClick: b ? () => x({
 								scope: "total",
-								value: k
+								value: j
 							}) : void 0,
-							onKeyDown: y ? x(() => b({
+							onKeyDown: b ? S(() => x({
 								scope: "total",
-								value: k
+								value: j
 							})) : void 0,
-							children: j(k)
+							children: M(j)
 						})
 					]
 				}) })
@@ -1335,13 +1459,13 @@ var Me = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 };
 //#endregion
 //#region src/ObjectDataTable.tsx
-function Ne(e) {
+function Qe(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);
 }
-function Pe(e, t) {
+function $e(e, t) {
 	if (!t?.fields) return [];
 	let n = {};
 	if (Array.isArray(t.fields)) for (let e of t.fields) e?.name && (n[e.name] = e);
@@ -1359,24 +1483,31 @@ function Pe(e, t) {
 	} else for (let [e, t] of Object.entries(n)) r(t?.type) && a.add(e);
 	return Array.from(a);
 }
-var Fe = ({ schema: e, dataSource: t, className: r }) => {
-	let a = ee(s), c = t || a?.dataSource, u = l(e.bind), { fieldLabel: d, fieldOptionLabel: f } = Z(), [p, m] = z([]), [h, g] = z(null), [_, v] = z(!1), [y, b] = z(null);
+var et = ({ schema: e, dataSource: t, className: r }) => {
+	let a = te(s), c = t || a?.dataSource, u = l(e.bind), { fieldLabel: d, fieldOptionLabel: f } = be(), p = "No data available", m = "No data source available for";
+	try {
+		let { t: e } = ye(), t = e("dashboard.noDataAvailable");
+		t && t !== "dashboard.noDataAvailable" && (p = t);
+		let n = e("dashboard.noDataSourceFor");
+		n && n !== "dashboard.noDataSourceFor" && (m = n);
+	} catch {}
+	let [h, g] = R([]), [_, v] = R(null), [y, b] = R(!1), [x, S] = R(null);
 	I(() => {
 		let t = !0;
 		return e.objectName && !u && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!c || !e.objectName)) {
-				t && (v(!0), b(null));
+				t && (b(!0), S(null));
 				try {
 					let r;
 					if (typeof c.find == "function") {
-						let t = Pe(e, h), a = { $filter: i(e.filter) };
+						let t = $e(e, _), a = { $filter: i(e.filter) };
 						t.length && (a.$expand = t), r = n(await c.find(e.objectName, a));
 					} else return;
-					t && m(r);
+					t && g(r);
 				} catch (e) {
-					console.error("[ObjectDataTable] Fetch error:", e), t && b(e instanceof Error ? e.message : "Failed to load data");
+					console.error("[ObjectDataTable] Fetch error:", e), t && S(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
-					t && v(!1);
+					t && b(!1);
 				}
 			}
 		})(), () => {
@@ -1388,19 +1519,19 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 		u,
 		e.data,
 		e.filter,
-		h
+		_
 	]), I(() => {
 		let t = !0;
 		if (!(!c || !e.objectName || typeof c.getObjectSchema != "function")) return c.getObjectSchema(e.objectName).then((e) => {
-			t && g(e);
+			t && v(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
 	}, [e.objectName, c]);
-	let x = u || e.data || p, S = Array.isArray(x) ? x : [], C = L(() => {
+	let C = u || e.data || h, w = Array.isArray(C) ? C : [], T = L(() => {
 		let t = e.objectName, n = {};
-		if (h?.fields) {
-			let e = h.fields;
+		if (_?.fields) {
+			let e = _.fields;
 			if (Array.isArray(e)) for (let t of e) t?.name && (n[t.name] = t);
 			else for (let [t, r] of Object.entries(e)) n[t] = {
 				name: t,
@@ -1455,13 +1586,13 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 						"€": "EUR",
 						"£": "GBP"
 					}[t[0]];
-					return se(e, o.currency || n);
+					return xe(e, o.currency || n);
 				}
 				if (typeof t == "string" && /%/.test(t) && typeof e == "number") {
 					let n = (t.match(/0\.(0+)%/) || [, ""])[1].length;
-					return le((e > 1 ? e / 100 : e) * 100, n);
+					return Ce((e > 1 ? e / 100 : e) * 100, n);
 				}
-				return typeof t == "string" && /[YMDHms]/.test(t) ? ce(e, t) : /* @__PURE__ */ q(ue(de(o)), {
+				return typeof t == "string" && /[YMDHms]/.test(t) ? Se(e, t) : /* @__PURE__ */ Y(we(Te(o)), {
 					value: e,
 					field: o
 				});
@@ -1474,13 +1605,13 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 			};
 		};
 		if (e.columns && e.columns.length > 0) {
-			let n = Ne(e.columns);
+			let n = Qe(e.columns);
 			return (t ? n.map((e) => ({
 				...e,
 				header: d(t, e.accessorKey, e.header)
 			})) : n).map(i);
 		}
-		if (S.length === 0) return [];
+		if (w.length === 0) return [];
 		let a = new Set([
 			"id",
 			"organization_id",
@@ -1495,53 +1626,53 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 			"_id",
 			"__typename"
 		]), o = (e, t) => t && (t.isSystem === !0 || t.system === !0) ? !0 : a.has(e);
-		return (Object.keys(n).length > 0 ? Object.keys(n).filter((e) => !o(e, n[e])) : Object.keys(S[0]).filter((e) => !e.startsWith("_") && !o(e))).map((e) => i({
+		return (Object.keys(n).length > 0 ? Object.keys(n).filter((e) => !o(e, n[e])) : Object.keys(w[0]).filter((e) => !e.startsWith("_") && !o(e))).map((e) => i({
 			header: r(e),
 			accessorKey: e
 		}));
 	}, [
 		e.columns,
 		e.objectName,
-		S,
-		h,
+		w,
+		_,
 		d,
 		f
 	]);
-	return _ && S.length === 0 ? /* @__PURE__ */ q("div", {
+	return y && w.length === 0 ? /* @__PURE__ */ Y("div", {
 		className: A("overflow-auto", r),
 		"data-testid": "table-loading",
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ X("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ X("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" })
+					/* @__PURE__ */ Y(k, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Y(k, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Y(k, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Y(k, { className: "h-6 w-1/4" })
 				]
 			}), [
 				1,
 				2,
 				3,
 				4
-			].map((e) => /* @__PURE__ */ J("div", {
+			].map((e) => /* @__PURE__ */ X("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" })
+					/* @__PURE__ */ Y(k, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Y(k, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Y(k, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Y(k, { className: "h-5 w-1/4" })
 				]
 			}, e))]
 		})
-	}) : y ? /* @__PURE__ */ q("div", {
+	}) : x ? /* @__PURE__ */ Y("div", {
 		className: A("overflow-auto", r),
 		"data-testid": "table-error",
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ X("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "table-error-message",
-			children: [/* @__PURE__ */ J("svg", {
+			children: [/* @__PURE__ */ X("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -1551,48 +1682,49 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ q("circle", {
+					/* @__PURE__ */ Y("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ q("line", {
+					/* @__PURE__ */ Y("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ q("line", {
+					/* @__PURE__ */ Y("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "text-xs",
-				children: y
+				children: x
 			})]
 		})
-	}) : !c && e.objectName && S.length === 0 ? /* @__PURE__ */ q("div", {
+	}) : !c && e.objectName && w.length === 0 ? /* @__PURE__ */ Y("div", {
 		className: A("overflow-auto", r),
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ J("p", {
+			children: /* @__PURE__ */ X("p", {
 				className: "text-xs",
 				children: [
-					"No data source available for “",
+					m,
+					" “",
 					e.objectName,
 					"”"
 				]
 			})
 		})
-	}) : S.length === 0 ? /* @__PURE__ */ q("div", {
+	}) : w.length === 0 ? /* @__PURE__ */ Y("div", {
 		className: A("overflow-auto", r),
 		"data-testid": "table-empty-state",
-		children: /* @__PURE__ */ J("div", {
+		children: /* @__PURE__ */ X("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: [/* @__PURE__ */ J("svg", {
+			children: [/* @__PURE__ */ X("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -1602,7 +1734,7 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ q("rect", {
+					/* @__PURE__ */ Y("rect", {
 						x: "3",
 						y: "3",
 						width: "18",
@@ -1610,34 +1742,34 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 						rx: "2",
 						ry: "2"
 					}),
-					/* @__PURE__ */ q("line", {
+					/* @__PURE__ */ Y("line", {
 						x1: "3",
 						y1: "9",
 						x2: "21",
 						y2: "9"
 					}),
-					/* @__PURE__ */ q("line", {
+					/* @__PURE__ */ Y("line", {
 						x1: "9",
 						y1: "21",
 						x2: "9",
 						y2: "9"
 					})
 				]
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "text-xs",
-				children: "No data available"
+				children: p
 			})]
 		})
-	}) : /* @__PURE__ */ q(o, {
+	}) : /* @__PURE__ */ Y(o, {
 		schema: {
 			...e,
 			type: "data-table",
-			data: S,
-			columns: C
+			data: w,
+			columns: T
 		},
 		className: r
 	});
-}, Ie = ({ open: e, onClose: t, title: n, target: r = "drawer", objectName: i, filter: a, dataSource: o, columns: s, maxRows: c, className: l }) => {
+}, tt = ({ open: e, onClose: t, title: n, target: r = "drawer", objectName: i, filter: a, dataSource: o, columns: s, maxRows: c, className: l }) => {
 	let u = {
 		type: "object-data-table",
 		objectName: i,
@@ -1649,35 +1781,35 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 		pagination: !0,
 		searchable: !1,
 		pageSize: c
-	}, d = /* @__PURE__ */ q("div", {
+	}, d = /* @__PURE__ */ Y("div", {
 		className: A("overflow-auto", l),
 		"data-testid": "drill-down-body",
-		children: /* @__PURE__ */ q(Fe, {
+		children: /* @__PURE__ */ Y(et, {
 			schema: u,
 			dataSource: o
 		})
 	});
-	return r === "dialog" ? /* @__PURE__ */ q(x, {
+	return r === "dialog" ? /* @__PURE__ */ Y(x, {
 		open: e,
 		onOpenChange: (e) => !e && t(),
-		children: /* @__PURE__ */ J(S, {
+		children: /* @__PURE__ */ X(S, {
 			className: "max-w-4xl",
-			children: [/* @__PURE__ */ q(C, { children: /* @__PURE__ */ q(w, { children: n }) }), d]
+			children: [/* @__PURE__ */ Y(C, { children: /* @__PURE__ */ Y(w, { children: n }) }), d]
 		})
-	}) : /* @__PURE__ */ q(T, {
+	}) : /* @__PURE__ */ Y(T, {
 		open: e,
 		onOpenChange: (e) => !e && t(),
-		children: /* @__PURE__ */ J(E, {
+		children: /* @__PURE__ */ X(E, {
 			side: "right",
 			className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-			children: [/* @__PURE__ */ q(D, { children: /* @__PURE__ */ q(O, { children: n }) }), /* @__PURE__ */ q("div", {
+			children: [/* @__PURE__ */ Y(D, { children: /* @__PURE__ */ Y(O, { children: n }) }), /* @__PURE__ */ Y("div", {
 				className: "flex-1 overflow-hidden mt-2",
 				children: d
 			})]
 		})
 	});
-}, Le = ({ schema: e, dataSource: o, className: c }) => {
-	let u = ee(s), d = o || u?.dataSource, f = l(e.bind), [p, m] = z([]), [h, g] = z(!1), [_, v] = z(null), [y, b] = z({}), [x, S] = z({}), [C, w] = z(null), { fieldLabel: T, fieldOptionLabel: E } = Z(), D = R(T), O = R(E);
+}, nt = ({ schema: e, dataSource: o, className: c }) => {
+	let u = te(s), d = o || u?.dataSource, f = l(e.bind), [p, m] = R([]), [h, g] = R(!1), [_, v] = R(null), [y, b] = R({}), [x, S] = R({}), [C, w] = R(null), { fieldLabel: T, fieldOptionLabel: E } = be(), D = ne(T), O = ne(E);
 	I(() => {
 		D.current = T, O.current = E;
 	}, [T, E]), I(() => {
@@ -1732,47 +1864,47 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 		e.filter
 	]);
 	let j = f || e.data || p, M = Array.isArray(j) ? j : [];
-	if (h && M.length === 0) return /* @__PURE__ */ J("div", {
+	if (h && M.length === 0) return /* @__PURE__ */ X("div", {
 		className: A("overflow-auto", c),
 		"data-testid": "pivot-loading",
-		children: [e.title && /* @__PURE__ */ q("h3", {
+		children: [e.title && /* @__PURE__ */ Y("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ J("div", {
+			children: [/* @__PURE__ */ X("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ q(k, { className: "h-6 w-24" }),
-					/* @__PURE__ */ q(k, { className: "h-6 w-20" }),
-					/* @__PURE__ */ q(k, { className: "h-6 w-20" }),
-					/* @__PURE__ */ q(k, { className: "h-6 w-20" })
+					/* @__PURE__ */ Y(k, { className: "h-6 w-24" }),
+					/* @__PURE__ */ Y(k, { className: "h-6 w-20" }),
+					/* @__PURE__ */ Y(k, { className: "h-6 w-20" }),
+					/* @__PURE__ */ Y(k, { className: "h-6 w-20" })
 				]
 			}), [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ J("div", {
+			].map((e) => /* @__PURE__ */ X("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ q(k, { className: "h-5 w-24" }),
-					/* @__PURE__ */ q(k, { className: "h-5 w-20" }),
-					/* @__PURE__ */ q(k, { className: "h-5 w-20" }),
-					/* @__PURE__ */ q(k, { className: "h-5 w-20" })
+					/* @__PURE__ */ Y(k, { className: "h-5 w-24" }),
+					/* @__PURE__ */ Y(k, { className: "h-5 w-20" }),
+					/* @__PURE__ */ Y(k, { className: "h-5 w-20" }),
+					/* @__PURE__ */ Y(k, { className: "h-5 w-20" })
 				]
 			}, e))]
 		})]
 	});
-	if (_) return /* @__PURE__ */ J("div", {
+	if (_) return /* @__PURE__ */ X("div", {
 		className: A("overflow-auto", c),
 		"data-testid": "pivot-error",
-		children: [e.title && /* @__PURE__ */ q("h3", {
+		children: [e.title && /* @__PURE__ */ Y("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "pivot-error-message",
-			children: [/* @__PURE__ */ J("svg", {
+			children: [/* @__PURE__ */ X("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -1782,38 +1914,38 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ q("circle", {
+					/* @__PURE__ */ Y("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ q("line", {
+					/* @__PURE__ */ Y("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ q("line", {
+					/* @__PURE__ */ Y("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "text-xs",
 				children: _
 			})]
 		})]
 	});
-	if (!d && e.objectName && M.length === 0) return /* @__PURE__ */ J("div", {
+	if (!d && e.objectName && M.length === 0) return /* @__PURE__ */ X("div", {
 		className: A("overflow-auto", c),
-		children: [e.title && /* @__PURE__ */ q("h3", {
+		children: [e.title && /* @__PURE__ */ Y("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
-		}), /* @__PURE__ */ q("div", {
+		}), /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ J("p", {
+			children: /* @__PURE__ */ X("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -1826,36 +1958,36 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 	let N = {
 		...e,
 		data: M
-	}, P = e.rowField ? y[e.rowField] : void 0, F = e.columnField ? y[e.columnField] : void 0, L = e.rowField ? x[e.rowField] : void 0, B = e.drillDown;
-	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(Me, {
+	}, ee = e.rowField ? y[e.rowField] : void 0, P = e.columnField ? y[e.columnField] : void 0, F = e.rowField ? x[e.rowField] : void 0, L = e.drillDown;
+	return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(Ze, {
 		schema: N,
 		className: c,
-		rowLabels: P,
-		columnLabels: F,
-		rowFieldLabel: L,
-		onDrillDown: r(B) ? (e) => w(e) : void 0
+		rowLabels: ee,
+		columnLabels: P,
+		rowFieldLabel: F,
+		onDrillDown: r(L) ? (e) => w(e) : void 0
 	}), (() => {
 		if (!C || !e.objectName) return null;
-		let n = t(B, C, {
+		let n = t(L, C, {
 			rowField: e.rowField,
 			columnField: e.columnField
 		}), r = {
 			...e.filter || {},
 			...n
 		};
-		return /* @__PURE__ */ q(Ie, {
+		return /* @__PURE__ */ Y(tt, {
 			open: !0,
 			onClose: () => w(null),
-			title: a(B, C, e.title || "Details"),
-			target: B?.target ?? "drawer",
+			title: a(L, C, e.title || "Details"),
+			target: L?.target ?? "drawer",
 			objectName: e.objectName,
 			filter: r,
 			dataSource: d,
-			columns: B?.columns,
-			maxRows: B?.maxRows
+			columns: L?.columns,
+			maxRows: L?.maxRows
 		});
 	})()] });
-}, Re = {
+}, rt = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -1945,6 +2077,12 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 					type: "input",
 					placeholder: "Dashboard title"
 				},
+				{
+					key: "description",
+					label: "Description",
+					type: "textarea",
+					placeholder: "Short summary shown under the title"
+				},
 				{
 					key: "showDescription",
 					label: "Show description",
@@ -1975,12 +2113,12 @@ var Fe = ({ schema: e, dataSource: t, className: r }) => {
 		}
 	]
 };
-function ze({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+function it({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 	let { draft: a, isDirty: o, updateField: s, discard: c } = M(n, { onUpdate: i });
-	return /* @__PURE__ */ q(y, {
+	return /* @__PURE__ */ Y(y, {
 		open: e,
 		onClose: t,
-		schema: Re,
+		schema: rt,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -1990,7 +2128,7 @@ function ze({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var Be = [
+var at = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -2034,16 +2172,8 @@ var Be = [
 	{
 		value: "pivot",
 		label: "Pivot Table"
-	},
-	{
-		value: "list",
-		label: "List"
-	},
-	{
-		value: "custom",
-		label: "Custom"
 	}
-], Ve = [
+], ot = [
 	{
 		value: "default",
 		label: "Default"
@@ -2076,7 +2206,7 @@ var Be = [
 		value: "danger",
 		label: "Danger"
 	}
-], He = [
+], st = [
 	{
 		value: "count",
 		label: "Count"
@@ -2097,7 +2227,7 @@ var Be = [
 		value: "max",
 		label: "Max"
 	}
-], Ue = [
+], ct = [
 	"bar",
 	"horizontal-bar",
 	"line",
@@ -2106,17 +2236,17 @@ var Be = [
 	"donut",
 	"scatter",
 	"funnel"
-], We = [
+], lt = [
 	"bar",
 	"horizontal-bar",
 	"line",
 	"area",
 	"scatter"
-], Ge = [
+], ut = [
 	"pie",
 	"donut",
 	"funnel"
-], Ke = ["metric", ...Ue], qe = [...Ue], Je = [
+], dt = ["metric", ...ct], ft = [...ct], pt = [
 	"pivot",
 	"metric",
 	"bar",
@@ -2127,50 +2257,50 @@ var Be = [
 	"donut",
 	"funnel"
 ];
-function Ye(e) {
-	return !!e && Ue.includes(e);
+function mt(e) {
+	return !!e && ct.includes(e);
 }
-function Xe(e) {
-	return !!e && We.includes(e);
+function ht(e) {
+	return !!e && lt.includes(e);
 }
-function Ze(e) {
-	return !!e && qe.includes(e);
+function gt(e) {
+	return !!e && ft.includes(e);
 }
-function Qe(e) {
-	return !!e && Ke.includes(e);
+function _t(e) {
+	return !!e && dt.includes(e);
 }
-function $e(e) {
-	return !!e && Je.includes(e);
+function vt(e) {
+	return !!e && pt.includes(e);
 }
-var et = [{
+var yt = [{
 	value: "drawer",
 	label: "Side drawer"
 }, {
 	value: "dialog",
 	label: "Center dialog"
-}], tt = [{
+}], bt = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], nt = [{
+}], xt = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function rt(e, t, n, r) {
+function St(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ q(b, {
+		render: (i, a, o) => /* @__PURE__ */ Y(b, {
 			label: t,
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ Y("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ q(v, {
+				children: /* @__PURE__ */ Y(v, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -2184,16 +2314,16 @@ function rt(e, t, n, r) {
 		})
 	};
 }
-function it(e, t, n) {
+function Ct(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ q(b, {
+		render: (t, n) => /* @__PURE__ */ Y(b, {
 			label: "Data source",
-			children: /* @__PURE__ */ q("div", {
+			children: /* @__PURE__ */ Y("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ q(v, {
+				children: /* @__PURE__ */ Y(v, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -2210,38 +2340,38 @@ function it(e, t, n) {
 		type: "input",
 		placeholder: "Object name"
 	}, a = r ? {
-		...rt("categoryField", "Category field", "Select field…", t),
+		...St("categoryField", "Category field", "Select field…", t),
 		helpText: "Group records by this field (one bar/slice/segment per value).",
-		visibleWhen: (e) => Ze(e.type)
+		visibleWhen: (e) => gt(e.type)
 	} : {
 		key: "categoryField",
 		label: "Category field",
 		type: "input",
 		placeholder: "e.g. status",
 		helpText: "Group records by this field (one bar/slice/segment per value).",
-		visibleWhen: (e) => Ze(e.type)
+		visibleWhen: (e) => gt(e.type)
 	}, o = r ? {
-		...rt("valueField", "Value field", "Select field…", t),
+		...St("valueField", "Value field", "Select field…", t),
 		helpText: "Field to aggregate (sum / average / min / max).",
-		visibleWhen: (e) => Qe(e.type) && (e.aggregate ?? "count") !== "count"
+		visibleWhen: (e) => _t(e.type) && (e.aggregate ?? "count") !== "count"
 	} : {
 		key: "valueField",
 		label: "Value field",
 		type: "input",
 		placeholder: "e.g. amount",
 		helpText: "Field to aggregate (sum / average / min / max).",
-		visibleWhen: (e) => Qe(e.type) && (e.aggregate ?? "count") !== "count"
-	}, s = r ? rt("rowField", "Field", "Select row field…", t) : {
+		visibleWhen: (e) => _t(e.type) && (e.aggregate ?? "count") !== "count"
+	}, s = r ? St("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? rt("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? St("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? rt("valueField", "Field", "Select value field…", t) : {
+	}, l = r ? St("valueField", "Field", "Select value field…", t) : {
 		key: "valueField",
 		label: "Field",
 		type: "input",
@@ -2251,7 +2381,7 @@ function it(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (Ye(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (mt(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -2273,7 +2403,7 @@ function it(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: Be,
+						options: at,
 						defaultValue: "metric"
 					}
 				]
@@ -2291,10 +2421,10 @@ function it(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: He,
+						options: st,
 						defaultValue: "count",
 						helpText: "Count ignores Value field; Sum / Avg / Min / Max require it.",
-						visibleWhen: (e) => Qe(e.type)
+						visibleWhen: (e) => _t(e.type)
 					}
 				]
 			},
@@ -2316,14 +2446,14 @@ function it(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: tt,
+						options: bt,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: nt,
+						options: xt,
 						defaultValue: "asc"
 					},
 					{
@@ -2351,14 +2481,14 @@ function it(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: tt,
+						options: bt,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: nt,
+						options: xt,
 						defaultValue: "asc"
 					},
 					{
@@ -2386,7 +2516,7 @@ function it(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: He,
+						options: st,
 						defaultValue: "sum"
 					},
 					{
@@ -2401,7 +2531,7 @@ function it(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => Xe(e.type),
+				visibleWhen: (e) => ht(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -2427,7 +2557,7 @@ function it(e, t, n) {
 				key: "chart-legend",
 				title: "Display",
 				collapsible: !0,
-				visibleWhen: (e) => !!e.type && Ge.includes(e.type),
+				visibleWhen: (e) => !!e.type && ut.includes(e.type),
 				fields: [{
 					key: "showLegend",
 					label: "Show legend",
@@ -2479,7 +2609,7 @@ function it(e, t, n) {
 				title: "Drill-down",
 				collapsible: !0,
 				defaultCollapsed: !0,
-				visibleWhen: (e) => $e(e.type),
+				visibleWhen: (e) => vt(e.type),
 				fields: [{
 					key: "drillDownEnabled",
 					label: "Enable drill-down",
@@ -2490,7 +2620,7 @@ function it(e, t, n) {
 					key: "drillDownTarget",
 					label: "Open in",
 					type: "select",
-					options: et,
+					options: yt,
 					defaultValue: "drawer",
 					visibleWhen: (e) => !!e.drillDownEnabled
 				}]
@@ -2516,14 +2646,14 @@ function it(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: Ve,
+					options: ot,
 					defaultValue: "default"
 				}]
 			}
 		]
 	};
 }
-function at(e) {
+function wt(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -2532,20 +2662,20 @@ function at(e) {
 	}
 	return String(e);
 }
-function ot(e) {
+function Tt(e) {
 	let t = e.type, n = { ...e };
-	return Ze(t) || delete n.categoryField, Qe(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), Xe(t) || (delete n.xAxisLabel, delete n.yAxisLabel), t === "pivot" ? (delete n.aggregate, delete n.categoryField) : (delete n.rowField, delete n.columnField, delete n.aggregation, delete n.rowSortBy, delete n.rowSortOrder, delete n.columnSortBy, delete n.columnSortOrder, delete n.showRowLabels, delete n.showRowTotals, delete n.showColumnLabels, delete n.showColumnTotals, delete n.format), t !== "table" && (delete n.searchable, delete n.pagination), $e(t) || (delete n.drillDownEnabled, delete n.drillDownTarget), n;
+	return gt(t) || delete n.categoryField, _t(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), ht(t) || (delete n.xAxisLabel, delete n.yAxisLabel), t === "pivot" ? (delete n.aggregate, delete n.categoryField) : (delete n.rowField, delete n.columnField, delete n.aggregation, delete n.rowSortBy, delete n.rowSortOrder, delete n.columnSortBy, delete n.columnSortOrder, delete n.showRowLabels, delete n.showRowTotals, delete n.showColumnLabels, delete n.showColumnTotals, delete n.format), t !== "table" && (delete n.searchable, delete n.pagination), vt(t) || (delete n.drillDownEnabled, delete n.drillDownTarget), n;
 }
-function st({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
+function Et({ 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 } = M(N.useMemo(() => ({
 		...n,
-		title: typeof n.title == "object" ? at(n.title) : n.title,
-		description: typeof n.description == "object" ? at(n.description) : n.description
+		title: typeof n.title == "object" ? wt(n.title) : n.title,
+		description: typeof n.description == "object" ? wt(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ q(y, {
+	return /* @__PURE__ */ Y(y, {
 		open: e,
 		onClose: t,
-		schema: N.useMemo(() => it(o, s, c.type), [
+		schema: N.useMemo(() => Ct(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -2553,15 +2683,15 @@ function st({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 		draft: c,
 		isDirty: l,
 		onFieldChange: u,
-		onSave: () => r(ot(c)),
+		onSave: () => r(Tt(c)),
 		onDiscard: d,
 		headerExtra: a
 	});
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-function ct({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
-	let [c, l] = z(o), [u, d] = z(null), [f, m] = z(e), [h, g] = z(0);
+function Dt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [c, l] = R(o), [u, d] = R(null), [f, m] = R(e), [h, g] = R(0);
 	I(() => {
 		m(e), g((e) => e + 1);
 	}, [e]);
@@ -2648,21 +2778,21 @@ function ct({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 	}, [u, r]), S = F(() => {
 		l((e) => !e), d(null);
 	}, []);
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ X("div", {
 		className: A("flex h-full w-full", s),
 		"data-testid": "dashboard-with-config",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "flex-1 min-w-0 overflow-auto relative",
-			children: [/* @__PURE__ */ q("div", {
+			children: [/* @__PURE__ */ Y("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ J(p, {
+				children: /* @__PURE__ */ X(p, {
 					size: "sm",
 					variant: c ? "default" : "outline",
 					onClick: S,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ q(ae, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ Y(G, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ q(ge, {
+			}), /* @__PURE__ */ Y($, {
 				schema: f,
 				onRefresh: i,
 				recordCount: a,
@@ -2670,15 +2800,15 @@ function ct({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				selectedWidgetId: u,
 				onWidgetClick: v
 			})]
-		}), c && /* @__PURE__ */ q("div", {
+		}), c && /* @__PURE__ */ Y("div", {
 			className: "relative shrink-0",
-			children: u && _ ? /* @__PURE__ */ q(st, {
+			children: u && _ ? /* @__PURE__ */ Y(Et, {
 				open: !0,
 				onClose: y,
 				config: _,
 				onSave: x,
 				onFieldChange: b
-			}) : /* @__PURE__ */ q(ze, {
+			}) : /* @__PURE__ */ Y(it, {
 				open: !0,
 				onClose: () => l(!1),
 				config: t,
@@ -2687,7 +2817,7 @@ function ct({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", ge, {
+e.register("dashboard", $, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -2715,7 +2845,7 @@ e.register("dashboard", ge, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Ce, {
+}), e.register("metric", Ve, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -2728,7 +2858,7 @@ e.register("dashboard", ge, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Te, {
+}), e.register("metric-card", Ue, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -2783,7 +2913,7 @@ e.register("dashboard", ge, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Ee, {
+}), e.register("object-metric", We, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -2812,7 +2942,7 @@ e.register("dashboard", ge, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", Me, {
+}), e.register("pivot", Ze, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -2891,7 +3021,7 @@ e.register("dashboard", ge, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", Le, {
+}), e.register("object-pivot", nt, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -2980,35 +3110,25 @@ e.register("dashboard", ge, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", ye, {
+}), e.register("dashboard-grid", Fe, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
 	icon: "layout-grid",
-	inputs: [
-		{
-			name: "title",
-			type: "string",
-			label: "Title"
-		},
-		{
-			name: "persistLayoutKey",
-			type: "string",
-			label: "Layout Storage Key",
-			defaultValue: "dashboard-layout"
-		},
-		{
-			name: "className",
-			type: "string",
-			label: "CSS Class"
-		}
-	],
+	inputs: [{
+		name: "title",
+		type: "string",
+		label: "Title"
+	}, {
+		name: "className",
+		type: "string",
+		label: "CSS Class"
+	}],
 	defaultProps: {
 		title: "Dashboard",
-		widgets: [],
-		persistLayoutKey: "dashboard-layout"
+		widgets: []
 	}
-}), e.register("object-data-table", Fe, {
+}), e.register("object-data-table", et, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -3046,18 +3166,18 @@ e.register("dashboard", ge, {
 		pagination: !1
 	}
 });
-var lt = {
-	DashboardRenderer: ge,
-	DashboardGridLayout: ye,
-	MetricWidget: Ce,
-	MetricCard: Te,
-	ObjectMetricWidget: Ee,
-	PivotTable: Me,
-	ObjectPivotTable: Le,
-	ObjectDataTable: Fe,
-	DashboardConfigPanel: ze,
-	WidgetConfigPanel: st,
-	DashboardWithConfig: ct
+var Ot = {
+	DashboardRenderer: $,
+	DashboardGridLayout: Fe,
+	MetricWidget: Ve,
+	MetricCard: Ue,
+	ObjectMetricWidget: We,
+	PivotTable: Ze,
+	ObjectPivotTable: nt,
+	ObjectDataTable: et,
+	DashboardConfigPanel: it,
+	WidgetConfigPanel: Et,
+	DashboardWithConfig: Dt
 };
 //#endregion
-export { ze as DashboardConfigPanel, ye as DashboardGridLayout, ge as DashboardRenderer, ct as DashboardWithConfig, Ie as DrillDownDrawer, Te as MetricCard, Ce as MetricWidget, Fe as ObjectDataTable, Ee as ObjectMetricWidget, Le as ObjectPivotTable, Me as PivotTable, st as WidgetConfigPanel, lt as dashboardComponents };
+export { it as DashboardConfigPanel, Fe as DashboardGridLayout, $ as DashboardRenderer, Dt as DashboardWithConfig, tt as DrillDownDrawer, Ue as MetricCard, Ve as MetricWidget, et as ObjectDataTable, We as ObjectMetricWidget, nt as ObjectPivotTable, Ze as PivotTable, Et as WidgetConfigPanel, Ot as dashboardComponents };