@object-ui/plugin-dashboard 6.0.3 → 6.1.0

package/dist/index.js

@@ -1,32 +1,52 @@
-import { ComponentRegistry as e, computeDrillFilter as t, extractRecords as n, isDrillEnabled as r, resolveDateMacros as i, resolveDrillTitle as a } from "@object-ui/core";
-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 { createSafeTranslation as p, useObjectTranslation as m, useSafeFieldLabel as h } from "@object-ui/i18n";
-import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Combobox as x, ConfigPanelRenderer as S, ConfigRow as C, DataEmptyState as w, Dialog as T, DialogContent as E, DialogHeader as D, DialogTitle as O, RefreshIndicator as k, Sheet as A, SheetContent as j, SheetHeader as M, SheetTitle as ee, Skeleton as N, cn as P, getLazyIcon as F, useConfigDraft as te } from "@object-ui/components";
-import * as I from "react";
-import { Fragment as ne, forwardRef as L, useCallback as R, useContext as re, useEffect as z, useMemo as B, useRef as ie, useState as V } from "react";
-import { AlertCircle as ae, ArrowDownIcon as H, ArrowUpIcon as U, Edit as oe, GripVertical as W, Loader2 as G, MinusIcon as K, RefreshCw as q, Save as se, Settings as ce, X as J } from "lucide-react";
-import { DndContext as le, PointerSensor as ue, closestCenter as de, useSensor as fe, useSensors as pe } from "@dnd-kit/core";
-import { SortableContext as me, arrayMove as he, rectSortingStrategy as ge, useSortable as Y, verticalListSortingStrategy as _e } from "@dnd-kit/sortable";
-import { CSS as ve } from "@dnd-kit/utilities";
+import { ComponentRegistry as e, compareToTrendLabelKey as t, computeDrillFilter as n, extractRecords as r, isDrillEnabled as i, resolveDateMacros as a, resolveDrillTitle as o, shiftFilterByCompareTo as s } from "@object-ui/core";
+import { SchemaRenderer as c, SchemaRendererContext as l, useActionEngine as u, useDataScope as d, useDnd as f, useHasDndProvider as p, useObjectLabel as m } from "@object-ui/react";
+import { createSafeTranslation as h, useObjectTranslation as g, useSafeFieldLabel as _ } from "@object-ui/i18n";
+import { Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Combobox as C, ConfigPanelRenderer as w, ConfigRow as T, DataEmptyState as E, Dialog as D, DialogContent as O, DialogHeader as k, DialogTitle as A, RefreshIndicator as j, Sheet as M, SheetContent as ee, SheetHeader as te, SheetTitle as ne, Skeleton as N, cn as P, getLazyIcon as F, useConfigDraft as I } from "@object-ui/components";
+import * as L from "react";
+import { Fragment as re, forwardRef as ie, useCallback as R, useContext as z, useEffect as B, useMemo as V, useRef as ae, useState as H } from "react";
+import { AlertCircle as U, ArrowDownIcon as oe, ArrowUpIcon as W, Edit as se, GripVertical as ce, Loader2 as G, MinusIcon as le, RefreshCw as ue, Save as K, Settings as q, X as de } from "lucide-react";
+import { DndContext as fe, PointerSensor as pe, closestCenter as me, useSensor as J, useSensors as he } from "@dnd-kit/core";
+import { SortableContext as Y, arrayMove as ge, rectSortingStrategy as _e, useSortable as ve, verticalListSortingStrategy as ye } from "@dnd-kit/sortable";
+import { CSS as be } from "@dnd-kit/utilities";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { ResponsiveGridLayout as ye, useContainerWidth as be } from "react-grid-layout";
+import { ResponsiveGridLayout as xe, useContainerWidth as Se } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
-import { formatCurrency as xe, formatDate as Se, formatPercent as Ce, getCellRenderer as we, resolveCellRendererType as Te } from "@object-ui/fields";
+import { formatCurrency as Ce, formatDate as we, formatPercent as Te, getCellRenderer as Ee, resolveCellRendererType as De } from "@object-ui/fields";
 //#region src/utils.ts
 function $(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && e.provider === "object";
 }
+function Oe(e, t) {
+	if (t == null || e == null || typeof e != "number" || !Number.isFinite(e) || typeof t != "number" || !Number.isFinite(t)) return null;
+	if (t === 0) return e === 0 ? {
+		value: 0,
+		direction: "neutral"
+	} : {
+		value: 100,
+		direction: e > 0 ? "up" : "down"
+	};
+	let n = e - t;
+	if (n === 0) return {
+		value: 0,
+		direction: "neutral"
+	};
+	let r = Math.round(n / Math.abs(t) * 100);
+	return {
+		value: Math.abs(r),
+		direction: r > 0 ? "up" : "down"
+	};
+}
 //#endregion
 //#region src/DashboardRenderer.tsx
-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 } = Y({
+function ke({ 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 } = ve({
 		id: e,
 		disabled: t
 	});
 	return /* @__PURE__ */ Z("div", {
 		ref: s,
 		style: {
-			transform: ve.Transform.toString(c),
+			transform: be.Transform.toString(c),
 			transition: l,
 			opacity: u ? .4 : 1,
 			...n ? {
@@ -41,19 +61,19 @@ function Ee({ id: e, disabled: t, gridSpan: n, className: r, children: i }) {
 		children: i
 	});
 }
-function De(e) {
+function Ae(e) {
 	return e ? F(e) : null;
 }
-function Oe(e) {
+function je(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var ke = [
+var Me = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], Ae = new Set([
+], Ne = new Set([
 	"bar",
 	"horizontal-bar",
 	"line",
@@ -62,10 +82,10 @@ var ke = [
 	"donut",
 	"funnel"
 ]);
-function je(e) {
-	return Ae.has(e) ? { enabled: !0 } : void 0;
+function Pe(e) {
+	return Ne.has(e) ? { enabled: !0 } : void 0;
 }
-var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount: i, userActions: a, designMode: s, selectedWidgetId: l, onWidgetClick: u, onWidgetsReorder: d, modalHandler: p, scriptHandlers: h, hideHeaderText: x, ...S }, C) => {
+var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount: i, userActions: a, designMode: o, selectedWidgetId: s, onWidgetClick: l, onWidgetsReorder: d, modalHandler: f, scriptHandlers: p, hideHeaderText: h, ..._ }, C) => {
 	let w = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
@@ -74,73 +94,73 @@ var Me = L(({ 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;
-	})(), T = w, E = e.gap || 4, [D, O] = V(!1), [k, A] = V(!1), j = ie(null), { executeAction: M, engine: ee } = c({ actions: B(() => (e.header?.actions ?? []).map((e) => ({
+	})(), T = w, E = e.gap || 4, [D, O] = H(!1), [k, A] = H(!1), j = ae(null), { executeAction: M, engine: ee } = u({ actions: V(() => (e.header?.actions ?? []).map((e) => ({
 		name: e.actionUrl || e.label,
 		type: e.actionType || "url",
 		target: e.actionUrl,
 		label: e.label
-	})), [e.header?.actions]) }), { dashboardLabel: N, dashboardDescription: F, dashboardActionLabel: te, widgetTitle: I, widgetDescription: L, fieldLabel: re } = f(), { t: ae } = m(), H = R((e, t, n) => n && (!t || t === "value" || t === "count" || n === "count") ? ae(`report.aggregate.${n}`, { defaultValue: n }) : e ? re(e, t, t) : t, [ae, re]), U = e.name, oe = R((e) => U ? te(U, e.actionUrl || e.label, e.label) : e.label, [U, te]), W = R((e) => {
-		let t = Oe(e.title);
-		return !U || !e.id || t === void 0 ? t : I(U, e.id, t);
-	}, [U, I]), G = R((e) => {
-		let t = Oe(e.description);
-		return !U || !e.id ? t : L(U, e.id, t);
-	}, [U, L]);
-	z(() => {
+	})), [e.header?.actions]) }), { dashboardLabel: te, dashboardDescription: ne, dashboardActionLabel: N, widgetTitle: F, widgetDescription: I, fieldLabel: L } = m(), { t: ie } = g(), z = R((e, t, n) => n && (!t || t === "value" || t === "count" || n === "count") ? ie(`report.aggregate.${n}`, { defaultValue: n }) : e ? L(e, t, t) : t, [ie, L]), U = e.name, oe = R((e) => U ? N(U, e.actionUrl || e.label, e.label) : e.label, [U, N]), W = R((e) => {
+		let t = je(e.title);
+		return !U || !e.id || t === void 0 ? t : F(U, e.id, t);
+	}, [U, F]), se = R((e) => {
+		let t = je(e.description);
+		return !U || !e.id ? t : I(U, e.id, t);
+	}, [U, I]);
+	B(() => {
 		let e = ee.getRunner();
-		if (p && e.setModalHandler(p), h) for (let [t, n] of Object.entries(h)) e.registerScript(t, n);
+		if (f && e.setModalHandler(f), p) for (let [t, n] of Object.entries(p)) e.registerScript(t, n);
 	}, [
 		ee,
-		p,
-		h
-	]), z(() => {
+		f,
+		p
+	]), B(() => {
 		let e = () => A(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let K = R(() => {
+	let ce = R(() => {
 		r && (O(!0), r(), setTimeout(() => O(!1), 600));
 	}, [r]);
-	z(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return j.current = setInterval(K, e.refreshInterval * 1e3), () => {
+	B(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return j.current = setInterval(ce, e.refreshInterval * 1e3), () => {
 			j.current && clearInterval(j.current);
 		};
 	}, [
 		e.refreshInterval,
 		r,
-		K
+		ce
 	]);
-	let se = R((e, t) => {
-		!s || !u || !t || (e.stopPropagation(), u(t));
-	}, [s, u]), ce = R((t, n, r) => {
-		if (!s || !u) return;
+	let G = R((e, t) => {
+		!o || !l || !t || (e.stopPropagation(), l(t));
+	}, [o, l]), le = R((t, n, r) => {
+		if (!o || !l) return;
 		let i = e.widgets || [];
-		if (t.key === "Enter" || t.key === " ") t.preventDefault(), u(n ?? null);
+		if (t.key === "Enter" || t.key === " ") t.preventDefault(), l(n ?? null);
 		else if (t.key === "ArrowRight" || t.key === "ArrowDown") {
 			t.preventDefault();
 			let e = r + 1 < i.length ? i[r + 1] : null;
-			e?.id && u(e.id);
+			e?.id && l(e.id);
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
 			t.preventDefault();
 			let e = r - 1 >= 0 ? i[r - 1] : null;
-			e?.id && u(e.id);
-		} else t.key === "Escape" && (t.preventDefault(), u(null));
+			e?.id && l(e.id);
+		} else t.key === "Escape" && (t.preventDefault(), l(null));
 	}, [
-		s,
-		u,
+		o,
+		l,
 		e.widgets
-	]), J = R((e) => {
-		!s || !u || e.target === e.currentTarget && u(null);
-	}, [s, u]), Y = !!(s && d), ve = pe(fe(ue, { activationConstraint: { distance: 5 } })), X = R((t) => {
-		if (!Y) return;
+	]), K = R((e) => {
+		!o || !l || e.target === e.currentTarget && l(null);
+	}, [o, l]), q = !!(o && d), de = he(J(pe, { activationConstraint: { distance: 5 } })), ve = R((t) => {
+		if (!q) 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?.(he(i, a, o));
+		a < 0 || o < 0 || d?.(ge(i, a, o));
 	}, [
-		Y,
+		q,
 		e.widgets,
 		d
-	]), ye = (e, t, r) => {
+	]), be = (e, t, r) => {
 		let i = e.layout ? {
 			...e.layout,
 			w: Math.min(e.layout.w, T)
@@ -173,7 +193,8 @@ var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 					prefix: n.prefix,
 					suffix: n.suffix,
 					drillDown: n.drillDown ?? { enabled: !0 },
-					title: n.label || W(e) || ""
+					title: n.label || W(e) || "",
+					compareTo: e.compareTo
 				};
 			}
 			if ((t === "gauge" || t === "solid-gauge") && e.object) {
@@ -196,51 +217,65 @@ var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 					currency: n.currency,
 					prefix: n.prefix,
 					suffix: n.suffix,
-					invert: n.invert
+					invert: n.invert,
+					compareTo: e.compareTo
 				};
 			}
 			let r = t && {}[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 ($(t)) {
-					let o = t.aggregate, s = o ? {
+					let o = t.aggregate, s = (() => {
+						let t = e.categoryField || o?.groupBy;
+						if (t) return e.categoryGranularity && typeof t == "string" ? {
+							field: t,
+							dateGranularity: e.categoryGranularity
+						} : t;
+					})(), c = o ? {
 						field: e.valueField || o.field,
 						function: e.aggregate || o.function,
-						groupBy: e.categoryField || o.groupBy
-					} : void 0, c = s?.field || a, l = e.object || t.object;
+						groupBy: s
+					} : void 0, l = c?.field || a, u = e.object || t.object;
 					return {
 						type: "object-chart",
 						chartType: r,
-						objectName: l,
-						aggregate: s,
+						objectName: u,
+						aggregate: c,
+						filter: t.filter || e.filter,
 						xAxisKey: i,
 						series: [{
-							dataKey: c,
-							label: H(l, c, s?.function)
+							dataKey: l,
+							label: z(u, l, c?.function)
 						}],
-						colors: ke,
-						drillDown: n.drillDown ?? je(r),
+						colors: Me,
+						drillDown: n.drillDown ?? Pe(r),
+						compareTo: e.compareTo,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
 				if (!t && e.object) {
-					let t = e.aggregate ? {
+					let t = e.categoryField || "name", a = e.categoryGranularity ? {
+						field: t,
+						dateGranularity: e.categoryGranularity
+					} : t, o = e.aggregate ? {
 						field: e.valueField || "value",
 						function: e.aggregate,
-						groupBy: e.categoryField || "name"
-					} : void 0, a = e.valueField || "value";
+						groupBy: a
+					} : void 0, s = e.valueField || "value";
 					return {
 						type: "object-chart",
 						chartType: r,
 						objectName: e.object,
-						aggregate: t,
+						aggregate: o,
+						filter: e.filter,
 						xAxisKey: i,
 						series: [{
-							dataKey: a,
-							label: H(e.object, a, e.aggregate)
+							dataKey: s,
+							label: z(e.object, s, e.aggregate)
 						}],
-						colors: ke,
-						drillDown: n.drillDown ?? je(r),
+						colors: Me,
+						drillDown: n.drillDown ?? Pe(r),
+						compareTo: e.compareTo,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
@@ -251,9 +286,9 @@ var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 					xAxisKey: i,
 					series: [{
 						dataKey: a,
-						label: H(e.object, a, e.aggregate)
+						label: z(e.object, a, e.aggregate)
 					}],
-					colors: ke,
+					colors: Me,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
@@ -368,39 +403,39 @@ var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 				...e,
 				...n
 			};
-		})(), c = e.type === "metric", u = W(e), d = G(e), f = e.id || u || `widget-${t}`, p = s && l === e.id, m = s ? {
+		})(), l = e.type === "metric", u = W(e), d = se(e), f = e.id || u || `widget-${t}`, p = o && s === e.id, m = o ? {
 			"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) => se(t, e.id),
-			onKeyDown: (n) => ce(n, e.id, t)
-		} : {}, h = s ? P("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, g = !k && i && !Y ? {
+			onClick: (t) => G(t, e.id),
+			onKeyDown: (n) => le(n, e.id, t)
+		} : {}, h = o ? P("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, g = !k && i && !q ? {
 			gridColumn: `span ${i.w}`,
 			gridRow: `span ${i.h}`
-		} : void 0, x = c ? /* @__PURE__ */ Q("div", {
-			className: P("h-full w-full", s && "relative", h),
+		} : void 0, _ = l ? /* @__PURE__ */ Q("div", {
+			className: P("h-full w-full", o && "relative", h),
 			style: g,
 			...m,
-			children: [/* @__PURE__ */ Z(o, {
+			children: [/* @__PURE__ */ Z(c, {
 				schema: a,
-				className: P("h-full w-full", s && "pointer-events-none"),
+				className: P("h-full w-full", o && "pointer-events-none"),
 				dataSource: n
-			}), s && /* @__PURE__ */ Z("div", {
+			}), o && /* @__PURE__ */ Z("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}) : /* @__PURE__ */ Q(_, {
-			className: P("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", s && "relative", h),
+		}) : /* @__PURE__ */ Q(y, {
+			className: P("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", o && "relative", h),
 			style: g,
 			...m,
 			children: [
-				u && /* @__PURE__ */ Q(y, {
+				u && /* @__PURE__ */ Q(x, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ Z(b, {
+					children: [/* @__PURE__ */ Z(S, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
 						title: u,
 						children: u
@@ -409,53 +444,53 @@ var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 						children: d
 					})]
 				}),
-				/* @__PURE__ */ Z(v, {
+				/* @__PURE__ */ Z(b, {
 					className: "p-0",
 					children: /* @__PURE__ */ Z("div", {
-						className: P("h-full w-full", "p-3 sm:p-4 md:p-6", s && "pointer-events-none"),
-						children: /* @__PURE__ */ Z(o, {
+						className: P("h-full w-full", "p-3 sm:p-4 md:p-6", o && "pointer-events-none"),
+						children: /* @__PURE__ */ Z(c, {
 							schema: a,
 							dataSource: n
 						})
 					})
 				}),
-				s && /* @__PURE__ */ Z("div", {
+				o && /* @__PURE__ */ Z("div", {
 					className: "absolute inset-0 z-10",
 					"aria-hidden": "true",
 					"data-testid": "widget-click-overlay"
 				})
 			]
 		});
-		return Y && e.id ? /* @__PURE__ */ Z(Ee, {
+		return q && e.id ? /* @__PURE__ */ Z(ke, {
 			id: e.id,
 			gridSpan: !k && i ? {
 				w: i.w,
 				h: i.h
 			} : void 0,
-			children: x
-		}, f) : /* @__PURE__ */ Z(ne, { children: x }, f);
-	}, be = e.header && /* @__PURE__ */ Q("div", {
+			children: _
+		}, f) : /* @__PURE__ */ Z(re, { children: _ }, f);
+	}, X = e.header && /* @__PURE__ */ Q("div", {
 		className: "col-span-full mb-4",
 		children: [
-			!x && e.header.showTitle !== !1 && e.title && /* @__PURE__ */ Z("h2", {
+			!h && e.header.showTitle !== !1 && e.title && /* @__PURE__ */ Z("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: U ? N({
+				children: U ? te({
 					name: U,
-					label: Oe(e.title)
-				}) : Oe(e.title)
+					label: je(e.title)
+				}) : je(e.title)
 			}),
-			!x && e.header.showDescription !== !1 && e.description && /* @__PURE__ */ Z("p", {
+			!h && e.header.showDescription !== !1 && e.description && /* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: U ? F({
+				children: U ? ne({
 					name: U,
-					description: Oe(e.description)
-				}) : Oe(e.description)
+					description: je(e.description)
+				}) : je(e.description)
 			}),
 			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ Z("div", {
 				className: "flex gap-2 mt-3",
 				children: e.header.actions.map((e, t) => {
-					let n = De(e.icon);
-					return /* @__PURE__ */ Q(g, {
+					let n = Ae(e.icon);
+					return /* @__PURE__ */ Q(v, {
 						variant: "outline",
 						size: "sm",
 						onClick: async () => {
@@ -485,87 +520,87 @@ var Me = L(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount:
 		children: [i.toLocaleString(), " records"]
 	}), Se = a ? JSON.stringify(a) : void 0, Ce = r && /* @__PURE__ */ Q("div", {
 		className: P("flex items-center justify-end gap-3 mb-2", !k && "col-span-full"),
-		children: [xe, /* @__PURE__ */ Q(g, {
+		children: [xe, /* @__PURE__ */ Q(v, {
 			variant: "outline",
 			size: "sm",
-			onClick: K,
+			onClick: ce,
 			disabled: D,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ Z(q, { className: P("h-4 w-4 mr-2", D && "animate-spin") }), D ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ Z(ue, { className: P("h-4 w-4 mr-2", D && "animate-spin") }), D ? "Refreshing…" : "Refresh All"]
 		})]
-	}), we = B(() => (e.widgets ?? []).map((e) => e.id).filter((e) => !!e), [e.widgets]), Te = B(() => (e.widgets ?? []).filter((e) => e.type === "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]), Ae = B(() => (e.widgets ?? []).filter((e) => e.type !== "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]);
+	}), we = V(() => (e.widgets ?? []).map((e) => e.id).filter((e) => !!e), [e.widgets]), Te = V(() => (e.widgets ?? []).filter((e) => e.type === "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]), Ee = V(() => (e.widgets ?? []).filter((e) => e.type !== "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]);
 	if (k) {
 		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [], i = /* @__PURE__ */ Q("div", {
 			ref: C,
 			className: P("flex flex-col gap-4 px-4", t),
 			"data-user-actions": Se,
-			onClick: J,
-			...S,
+			onClick: K,
+			..._,
 			children: [
-				be,
+				X,
 				Ce,
 				n.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "grid grid-cols-2 gap-3",
-					onClick: J,
-					children: /* @__PURE__ */ Z(me, {
+					onClick: K,
+					children: /* @__PURE__ */ Z(Y, {
 						items: Te,
-						strategy: ge,
-						disabled: !Y,
-						children: n.map((e, t) => ye(e, t))
+						strategy: _e,
+						disabled: !q,
+						children: n.map((e, t) => be(e, t))
 					})
 				}),
 				r.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "flex flex-col gap-4",
-					onClick: J,
-					children: /* @__PURE__ */ Z(me, {
-						items: Ae,
-						strategy: _e,
-						disabled: !Y,
-						children: r.map((e, t) => ye(e, t, !0))
+					onClick: K,
+					children: /* @__PURE__ */ Z(Y, {
+						items: Ee,
+						strategy: ye,
+						disabled: !q,
+						children: r.map((e, t) => be(e, t, !0))
 					})
 				})
 			]
 		});
-		return Y ? /* @__PURE__ */ Z(le, {
-			sensors: ve,
-			collisionDetection: de,
-			onDragEnd: X,
+		return q ? /* @__PURE__ */ Z(fe, {
+			sensors: de,
+			collisionDetection: me,
+			onDragEnd: ve,
 			children: i
 		}) : i;
 	}
-	let Me = e.columns != null || w !== 4, Ne = /* @__PURE__ */ Q("div", {
+	let De = e.columns != null || w !== 4, Oe = /* @__PURE__ */ Q("div", {
 		ref: C,
-		className: P("grid auto-rows-min", !Me && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+		className: P("grid auto-rows-min", !De && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...Me && { gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))` },
+			...De && { gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))` },
 			gap: `${E * .25}rem`
 		},
 		"data-user-actions": Se,
-		onClick: J,
-		...S,
+		onClick: K,
+		..._,
 		children: [
-			be,
+			X,
 			Ce,
-			/* @__PURE__ */ Z(me, {
+			/* @__PURE__ */ Z(Y, {
 				items: we,
-				strategy: ge,
-				disabled: !Y,
-				children: e.widgets?.map((e, t) => ye(e, t))
+				strategy: _e,
+				disabled: !q,
+				children: e.widgets?.map((e, t) => be(e, t))
 			})
 		]
 	});
-	return Y ? /* @__PURE__ */ Z(le, {
-		sensors: ve,
-		collisionDetection: de,
-		onDragEnd: X,
-		children: Ne
-	}) : Ne;
+	return q ? /* @__PURE__ */ Z(fe, {
+		sensors: de,
+		collisionDetection: me,
+		onDragEnd: ve,
+		children: Oe
+	}) : Oe;
 });
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function Ne({ editMode: e }) {
-	let t = u();
-	return I.useEffect(() => {
+function Ie({ editMode: e }) {
+	let t = f();
+	return L.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -576,14 +611,14 @@ function Ne({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Pe = [
+var Le = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
 ];
-function Fe(e, t) {
+function Re(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);
@@ -602,7 +637,7 @@ function Fe(e, t) {
 		widgets: r
 	};
 }
-function Ie(e) {
+function ze(e) {
 	return { lg: e.widgets?.map((e, t) => ({
 		i: e.id || `widget-${t}`,
 		x: e.layout?.x ?? t % 4 * 3,
@@ -611,40 +646,40 @@ function Ie(e) {
 		h: e.layout?.h ?? 4
 	})) || [] };
 }
-var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRefresh: i }) => {
-	let { width: a, containerRef: s, mounted: c } = be(), [l, u] = I.useState(!1), [f, p] = I.useState(!1), m = d(), h = I.useRef(null), x = I.useCallback(() => {
-		i && (p(!0), i(), setTimeout(() => p(!1), 600));
+var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRefresh: i }) => {
+	let { width: a, containerRef: o, mounted: s } = Se(), [l, u] = L.useState(!1), [d, f] = L.useState(!1), m = p(), h = L.useRef(null), g = L.useCallback(() => {
+		i && (f(!0), i(), setTimeout(() => f(!1), 600));
 	}, [i]);
-	I.useEffect(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return h.current = setInterval(x, e.refreshInterval * 1e3), () => {
+	L.useEffect(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return h.current = setInterval(g, e.refreshInterval * 1e3), () => {
 			h.current && clearInterval(h.current);
 		};
 	}, [
 		e.refreshInterval,
 		i,
-		x
+		g
 	]);
-	let [S, C] = I.useState(() => Ie(e)), w = I.useMemo(() => JSON.stringify(e.widgets?.map((e, t) => ({
+	let [_, C] = L.useState(() => ze(e)), w = L.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]);
-	I.useEffect(() => {
-		C(Ie(e));
+	L.useEffect(() => {
+		C(ze(e));
 	}, [w]);
-	let T = I.useCallback((e, t) => {
+	let T = L.useCallback((e, t) => {
 		C(t), n?.(e);
-	}, [n]), E = I.useCallback(() => {
-		r ? r(Fe(e, S.lg)) : globalThis.process?.env?.NODE_ENV !== "production" && console.warn("[DashboardGridLayout] Layout edits are in-memory only. Wire `onSchemaChange` to persist via your data adapter."), u(!1);
+	}, [n]), E = L.useCallback(() => {
+		r ? r(Re(e, _.lg)) : globalThis.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 = I.useCallback(() => {
-		C(Ie(e));
-	}, [e]), O = I.useCallback((e) => {
+		_
+	]), D = L.useCallback(() => {
+		C(ze(e));
+	}, [e]), O = L.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") {
@@ -662,7 +697,7 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Pe,
+					colors: Le,
 					className: "h-full"
 				};
 			}
@@ -679,7 +714,7 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Pe,
+					colors: Le,
 					className: "h-full"
 				};
 			}
@@ -689,7 +724,7 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: Pe,
+				colors: Le,
 				className: "h-full"
 			};
 		}
@@ -749,11 +784,11 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 		};
 	}, []);
 	return /* @__PURE__ */ Q("div", {
-		ref: s,
+		ref: o,
 		className: P("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			m && /* @__PURE__ */ Z(Ne, { editMode: l }),
+			m && /* @__PURE__ */ Z(Ie, { editMode: l }),
 			/* @__PURE__ */ Q("div", {
 				className: "mb-4 flex items-center justify-between",
 				children: [/* @__PURE__ */ Z("h2", {
@@ -762,43 +797,43 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 				}), /* @__PURE__ */ Z("div", {
 					className: "flex gap-2",
 					children: l ? /* @__PURE__ */ Q(X, { children: [
-						/* @__PURE__ */ Q(g, {
+						/* @__PURE__ */ Q(v, {
 							onClick: E,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ Z(se, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ Z(K, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ Q(g, {
+						/* @__PURE__ */ Q(v, {
 							onClick: D,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ Z(J, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ Z(de, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ Z(g, {
+						/* @__PURE__ */ Z(v, {
 							onClick: () => u(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ Q(X, { children: [i && /* @__PURE__ */ Q(g, {
-						onClick: x,
+					] }) : /* @__PURE__ */ Q(X, { children: [i && /* @__PURE__ */ Q(v, {
+						onClick: g,
 						size: "sm",
 						variant: "outline",
-						disabled: f,
+						disabled: d,
 						"aria-label": "Refresh dashboard",
-						children: [/* @__PURE__ */ Z(q, { className: P("h-4 w-4 mr-2", f && "animate-spin") }), f ? "Refreshing…" : "Refresh All"]
-					}), /* @__PURE__ */ Q(g, {
+						children: [/* @__PURE__ */ Z(ue, { className: P("h-4 w-4 mr-2", d && "animate-spin") }), d ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ Q(v, {
 						onClick: () => u(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ Z(oe, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ Z(se, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			c && /* @__PURE__ */ Z(ye, {
+			s && /* @__PURE__ */ Z(xe, {
 				className: "layout",
 				width: a,
-				layouts: S,
+				layouts: _,
 				breakpoints: {
 					lg: 1200,
 					md: 996,
@@ -828,28 +863,28 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 							className: "h-full w-full relative",
 							children: [l && /* @__PURE__ */ Z("div", {
 								className: "drag-handle absolute top-2 right-2 z-10 cursor-move p-1 bg-background/80 rounded border border-border",
-								children: /* @__PURE__ */ Z(W, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ Z(o, {
+								children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ Z(c, {
 								schema: r,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ Q(_, {
+						}) : /* @__PURE__ */ Q(y, {
 							className: P("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__ */ Q(y, {
+							children: [e.title && /* @__PURE__ */ Q(x, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ Z(b, {
+								children: [/* @__PURE__ */ Z(S, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
 								}), l && /* @__PURE__ */ Z("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ Z(W, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ Z(v, {
+							}), /* @__PURE__ */ Z(b, {
 								className: "p-0 h-full",
 								children: /* @__PURE__ */ Z("div", {
 									className: P("h-full w-full overflow-auto p-4"),
-									children: /* @__PURE__ */ Z(o, { schema: r })
+									children: /* @__PURE__ */ Z(c, { schema: r })
 								})
 							})]
 						})
@@ -858,7 +893,7 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 			})
 		]
 	});
-}, Re = p({
+}, Ve = h({
 	"dashboard.trend.vsLastQuarter": "vs last quarter",
 	"dashboard.trend.vsLastMonth": "vs last month",
 	"dashboard.trend.vsLastWeek": "vs last week",
@@ -866,7 +901,7 @@ var Le = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 	"dashboard.trend.vsYesterday": "vs yesterday",
 	"dashboard.trend.vsPreviousPeriod": "vs previous period"
 }, "dashboard.trend.vsLastQuarter");
-function ze(e) {
+function He(e) {
 	switch (e.trim().toLowerCase().replace(/\s+/g, " ")) {
 		case "vs last quarter":
 		case "vs previous quarter": return "dashboard.trend.vsLastQuarter";
@@ -882,11 +917,11 @@ function ze(e) {
 		default: return;
 	}
 }
-function Be(e, t, n) {
+function Ue(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 : Ue(r, t, n);
 	}
 	if (!isFinite(e)) return String(e);
 	let r = {
@@ -913,10 +948,10 @@ function Be(e, t, n) {
 		maximumFractionDigits: c
 	}).format(e);
 }
-function Ve(e) {
+function We(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var He = {
+var Ge = {
 	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",
@@ -925,18 +960,18 @@ var He = {
 	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"
-}, Ue = ({ 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, ...m }) => {
-	let h = He[c] || He.default, { t: g } = Re(), x = B(() => {
-		let e = Ve(a) || Ve(n?.label);
+}, Ke = ({ 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, ...m }) => {
+	let h = Ge[c] || Ge.default, { t: g } = Ve(), _ = V(() => {
+		let e = We(a) || We(n?.label);
 		if (!e) return e;
-		let t = ze(e);
+		let t = He(e);
 		return t ? g(t) : e;
 	}, [
 		a,
 		n?.label,
 		g
-	]), S = B(() => {
-		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? Be(t, l, u) : t ?? "", n = String(e);
+	]), v = V(() => {
+		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? Ue(t, l, u) : t ?? "", n = String(e);
 		return `${d && n.startsWith(d) ? "" : d ?? ""}${n}${f && n.endsWith(f) ? "" : f ?? ""}`;
 	}, [
 		t,
@@ -944,14 +979,14 @@ var He = {
 		u,
 		d,
 		f
-	]), C = B(() => {
+	]), C = V(() => {
 		if (typeof r == "string") {
 			let e = F(r);
 			return e ? /* @__PURE__ */ Z(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ Q(_, {
+	return /* @__PURE__ */ Q(y, {
 		className: P("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,
@@ -960,16 +995,16 @@ var He = {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
 		} : void 0,
 		...m,
-		children: [/* @__PURE__ */ Q(y, {
+		children: [/* @__PURE__ */ Q(x, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ Z(b, {
+			children: [/* @__PURE__ */ Z(S, {
 				className: "text-sm font-medium truncate",
-				children: Ve(e)
+				children: We(e)
 			}), C && /* @__PURE__ */ Z("div", {
 				className: P("flex h-8 w-8 items-center justify-center rounded-md shrink-0", h),
 				children: C
 			})]
-		}), /* @__PURE__ */ Z(v, { children: o ? /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z(b, { children: o ? /* @__PURE__ */ Q("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-loading",
 			children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
@@ -980,48 +1015,48 @@ var He = {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-error",
 			role: "alert",
-			children: [/* @__PURE__ */ Z(ae, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
+			children: [/* @__PURE__ */ Z(U, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
 				className: "text-xs text-destructive truncate",
 				children: s
 			})]
 		}) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("div", {
 			className: "text-2xl font-bold truncate",
-			children: S
+			children: v
 		}), (n || a) && /* @__PURE__ */ Q("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__ */ Q("span", {
 				className: P("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__ */ Z(U, { className: "h-3 w-3 mr-1" }),
-					n.direction === "down" && /* @__PURE__ */ Z(H, { className: "h-3 w-3 mr-1" }),
-					n.direction === "neutral" && /* @__PURE__ */ Z(K, { className: "h-3 w-3 mr-1" }),
+					n.direction === "up" && /* @__PURE__ */ Z(W, { className: "h-3 w-3 mr-1" }),
+					n.direction === "down" && /* @__PURE__ */ Z(oe, { className: "h-3 w-3 mr-1" }),
+					n.direction === "neutral" && /* @__PURE__ */ Z(le, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
 			}), /* @__PURE__ */ Z("span", {
 				className: "truncate min-w-0",
-				children: x
+				children: _
 			})]
 		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function We(e) {
+function qe(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Ge = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
+var Je = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
 	let u = n ? F(n) : null;
-	return /* @__PURE__ */ Q(_, {
+	return /* @__PURE__ */ Q(y, {
 		className: P("h-full", o),
 		...l,
-		children: [/* @__PURE__ */ Q(y, {
+		children: [/* @__PURE__ */ Q(x, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ Z(b, {
+			children: [/* @__PURE__ */ Z(S, {
 				className: "text-sm font-medium",
-				children: We(e)
+				children: qe(e)
 			}), u && /* @__PURE__ */ Z(u, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ Z(v, { children: s ? /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z(b, { children: s ? /* @__PURE__ */ Q("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-card-loading",
 			children: [/* @__PURE__ */ Z(G, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
@@ -1032,7 +1067,7 @@ var Ge = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 			className: "flex items-center gap-2",
 			"data-testid": "metric-card-error",
 			role: "alert",
-			children: [/* @__PURE__ */ Z(ae, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
+			children: [/* @__PURE__ */ Z(U, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
 				className: "text-xs text-destructive truncate",
 				children: c
 			})]
@@ -1044,105 +1079,133 @@ var Ge = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 			children: [r && i && /* @__PURE__ */ Q("span", {
 				className: P("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
 				children: [
-					r === "up" && /* @__PURE__ */ Z(U, { className: "h-3 w-3 mr-1" }),
-					r === "down" && /* @__PURE__ */ Z(H, { className: "h-3 w-3 mr-1" }),
-					r === "neutral" && /* @__PURE__ */ Z(K, { className: "h-3 w-3 mr-1" }),
+					r === "up" && /* @__PURE__ */ Z(W, { className: "h-3 w-3 mr-1" }),
+					r === "down" && /* @__PURE__ */ Z(oe, { className: "h-3 w-3 mr-1" }),
+					r === "neutral" && /* @__PURE__ */ Z(le, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), We(a)]
+			}), qe(a)]
 		})] }) })]
 	});
-}, Ke = ({ 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, invert: b, drillDown: x, title: S }) => {
-	let C = re(s), w = m || C?.dataSource, [k, N] = V(!1), [P, F] = V(null), [te, I] = V(!1), [ne, L] = V(null), [ie, ae] = V(null);
-	z(() => {
+}, Ye = ({ objectName: e, aggregate: n, filter: r, label: u, fallbackValue: d, trend: f, icon: p, className: m, description: h, dataSource: g, colorVariant: _, format: v, currency: y, prefix: b, suffix: x, invert: S, drillDown: C, title: w, compareTo: T, t: E }) => {
+	let j = z(l), N = g || j?.dataSource, [P, F] = H(!1), [I, L] = H(null), [re, ie] = H(null), [ae, U] = H(!1), [oe, W] = H(null), [se, ce] = H(null);
+	B(() => {
 		let t = !0;
-		if (!(!w || !e || typeof w.getObjectSchema != "function")) return w.getObjectSchema(e).then((e) => {
-			t && ae(e);
+		if (!(!N || !e || typeof N.getObjectSchema != "function")) return N.getObjectSchema(e).then((e) => {
+			t && ce(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
-	}, [w, e]);
-	let H = B(() => {
-		let e = t?.field;
-		if (!e || !ie?.fields) return null;
-		let n = ie.fields;
-		return Array.isArray(n) ? n.find((t) => t?.name === e) || null : n[e] || null;
-	}, [ie, t?.field]), U = B(() => {
-		if (g) return g;
-		if (H) {
-			if (H.type === "currency") {
-				let e = H.precision ?? H.scale ?? 0;
+	}, [N, e]);
+	let G = V(() => {
+		let e = n?.field;
+		if (!e || !se?.fields) return null;
+		let t = se.fields;
+		return Array.isArray(t) ? t.find((t) => t?.name === e) || null : t[e] || null;
+	}, [se, n?.field]), le = V(() => {
+		if (v) return v;
+		if (G) {
+			if (G.type === "currency") {
+				let e = G.precision ?? G.scale ?? 0;
 				return e > 0 ? `0,0.${"0".repeat(e)}` : "0,0";
 			}
-			if (H.type === "percent") return "0,0%";
-			if (H.type === "number" || H.type === "integer") return "0,0";
+			if (G.type === "percent") return "0,0%";
+			if (G.type === "number" || G.type === "integer") return "0,0";
 		}
-	}, [g, H]), oe = B(() => {
-		if (_) return _;
-		if (H?.type === "currency") return H.defaultCurrency || H.currency || void 0;
-	}, [_, H]), W = B(() => t ? JSON.stringify(t) : "", [t]), G = B(() => i(n), [n]), K = R(async (n, r) => {
-		if (!(!n || !e)) {
-			r.current && (I(!0), L(null));
+	}, [v, G]), ue = V(() => {
+		if (y) return y;
+		if (G?.type === "currency") return G.defaultCurrency || G.currency || void 0;
+	}, [y, G]), K = V(() => n ? JSON.stringify(n) : "", [n]), q = V(() => a(r), [r]), de = V(() => q ? JSON.stringify(q) : "", [q]), fe = V(() => T ? JSON.stringify(T) : "", [T]), pe = R(async (t, r) => {
+		if (n && typeof t.aggregate == "function") {
+			let i = await t.aggregate(e, {
+				field: n.field,
+				function: n.function,
+				groupBy: n.groupBy || "_all",
+				filter: r
+			}), a = Array.isArray(i) ? i : [];
+			if (a.length === 0) return 0;
+			if (n.function === "count") {
+				let e = `${n.field}_count`;
+				return a.reduce((t, r) => t + (Number(r[e]) || Number(r[n.field]) || Number(r.count) || 0), 0);
+			}
+			let o = a[0];
+			return o[`${n.field}_${n.function}`] ?? o[n.field] ?? o.value ?? 0;
+		}
+		if (typeof t.find == "function") {
+			let n = await t.find(e, { $filter: r });
+			return (Array.isArray(n) ? n : n?.data || n?.records || []).length;
+		}
+		return null;
+	}, [e, K]), me = R(async (t, n) => {
+		if (!(!t || !e)) {
+			n.current && (U(!0), W(null));
 			try {
-				let i;
-				if (t && typeof n.aggregate == "function") {
-					let r = await n.aggregate(e, {
-						field: t.field,
-						function: t.function,
-						groupBy: t.groupBy || "_all",
-						filter: G
-					}), a = Array.isArray(r) ? r : [];
-					if (a.length === 0) i = 0;
-					else if (t.function === "count") {
-						let e = `${t.field}_count`;
-						i = a.reduce((n, r) => n + (Number(r[e]) || Number(r[t.field]) || Number(r.count) || 0), 0);
-					} else {
-						let e = a[0];
-						i = e[`${t.field}_${t.function}`] ?? e[t.field] ?? e.value ?? 0;
-					}
-				} else if (typeof n.find == "function") {
-					let t = await n.find(e, { $filter: G });
-					i = (Array.isArray(t) ? t : t?.data || t?.records || []).length;
-				} else return;
-				r.current && F(i);
+				let e = T ? s(r, T) : null, [i, a] = await Promise.all([pe(t, q), e ? pe(t, e) : Promise.resolve(null)]);
+				if (i === null) return;
+				n.current && (L(i), ie(typeof a == "number" && Number.isFinite(a) ? a : null));
 			} catch (e) {
-				console.error("[ObjectMetricWidget] Fetch error:", e), r.current && L(e instanceof Error ? e.message : "Failed to load metric");
+				console.error("[ObjectMetricWidget] Fetch error:", e), n.current && W(e instanceof Error ? e.message : "Failed to load metric");
 			} finally {
-				r.current && I(!1);
+				n.current && U(!1);
 			}
 		}
 	}, [
 		e,
-		W,
-		B(() => G ? JSON.stringify(G) : "", [G])
+		K,
+		de,
+		fe,
+		pe
 	]);
-	z(() => {
+	B(() => {
 		let t = { current: !0 };
-		return w && e ? K(w, t) : (F(null), L(null)), () => {
+		return N && e ? me(N, t) : (L(null), W(null)), () => {
 			t.current = !1;
 		};
 	}, [
-		w,
+		N,
 		e,
-		K
+		me
 	]);
-	let q = P === null ? w ? "—" : l ?? "—" : P;
-	b && typeof q == "number" && isFinite(q) && q >= 0 && q <= 1 && (q = 1 - q);
-	let se = r(x) && !!e && !!w, ce = B(() => {
-		let e = typeof c == "string" ? c : c?.defaultValue || "";
-		return a(x, {}, (typeof S == "string" ? S : S?.defaultValue || "") || e || "Details");
+	let J = I === null ? N ? "—" : d ?? "—" : I;
+	S && typeof J == "number" && isFinite(J) && J >= 0 && J <= 1 && (J = 1 - J);
+	let he = V(() => {
+		if (!T || typeof I != "number" || !Number.isFinite(I) || re === null) return;
+		let e = Oe(I, re);
+		if (!e) return;
+		let n = t(T, r), i = `dashboard.trend.${n}`, a = {
+			vsPreviousPeriod: "vs previous period",
+			vsLastWeek: "vs last week",
+			vsLastMonth: "vs last month",
+			vsLastQuarter: "vs last quarter",
+			vsLastYear: "vs last year",
+			vsYesterday: "vs yesterday"
+		}, o = E ? E(i, a[n] || n) : a[n] || n;
+		return {
+			value: e.value,
+			direction: e.direction,
+			label: o
+		};
 	}, [
-		x,
-		c,
-		S
-	]), J = B(() => {
-		if (!se) return null;
-		let t = x?.target ?? "drawer", n = x?.report, r = n && typeof n == "object" && (Array.isArray(n.columns) || "objectName" in n), i;
+		T,
+		I,
+		re,
+		r,
+		E
+	]) ?? f, Y = i(C) && !!e && !!N, ge = V(() => {
+		let e = typeof u == "string" ? u : u?.defaultValue || "";
+		return o(C, {}, (typeof w == "string" ? w : w?.defaultValue || "") || e || "Details");
+	}, [
+		C,
+		u,
+		w
+	]), _e = V(() => {
+		if (!Y) return null;
+		let t = C?.target ?? "drawer", n = C?.report, r = n && typeof n == "object" && (Array.isArray(n.columns) || "objectName" in n), i;
 		if (r) {
-			let e = n.filter, t = e ? G ? { $and: [e, G] } : e : G;
+			let e = n.filter, t = e ? q ? { $and: [e, q] } : e : q;
 			i = /* @__PURE__ */ Z("div", {
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ Z(o, { schema: {
+				children: /* @__PURE__ */ Z(c, { schema: {
 					type: "spec-report",
 					...n,
 					filter: t
@@ -1150,76 +1213,76 @@ var Ge = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 			});
 		} else i = /* @__PURE__ */ Z("div", {
 			className: "h-full overflow-auto",
-			children: /* @__PURE__ */ Z(o, { schema: {
+			children: /* @__PURE__ */ Z(c, { schema: {
 				type: "object-data-table",
 				objectName: e,
-				filter: G,
+				filter: q,
 				pageSize: 25,
 				drillDown: { enabled: !1 }
 			} })
 		});
-		return t === "dialog" ? /* @__PURE__ */ Z(T, {
+		return t === "dialog" ? /* @__PURE__ */ Z(D, {
 			open: !0,
-			onOpenChange: (e) => !e && N(!1),
-			children: /* @__PURE__ */ Q(E, {
+			onOpenChange: (e) => !e && F(!1),
+			children: /* @__PURE__ */ Q(O, {
 				className: "max-w-5xl",
-				children: [/* @__PURE__ */ Z(D, { children: /* @__PURE__ */ Z(O, { children: ce }) }), i]
+				children: [/* @__PURE__ */ Z(k, { children: /* @__PURE__ */ Z(A, { children: ge }) }), i]
 			})
-		}) : /* @__PURE__ */ Z(A, {
+		}) : /* @__PURE__ */ Z(M, {
 			open: !0,
-			onOpenChange: (e) => !e && N(!1),
-			children: /* @__PURE__ */ Q(j, {
+			onOpenChange: (e) => !e && F(!1),
+			children: /* @__PURE__ */ Q(ee, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-5xl flex flex-col",
-				children: [/* @__PURE__ */ Z(M, { children: /* @__PURE__ */ Z(ee, { children: ce }) }), /* @__PURE__ */ Z("div", {
+				children: [/* @__PURE__ */ Z(te, { children: /* @__PURE__ */ Z(ne, { children: ge }) }), /* @__PURE__ */ Z("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: i
 				})]
 			})
 		});
 	}, [
-		se,
-		x,
+		Y,
+		C,
 		e,
-		G,
-		ce
+		q,
+		ge
 	]);
-	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Ue, {
-		label: c,
-		value: q,
-		trend: u,
-		icon: d,
-		className: f,
-		description: p,
-		loading: te,
-		error: ne,
-		colorVariant: h,
-		format: U,
-		currency: oe,
-		prefix: v,
-		suffix: y,
-		onClick: se ? () => N(!0) : void 0
-	}), k && J] });
+	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Ke, {
+		label: u,
+		value: J,
+		trend: he,
+		icon: p,
+		className: m,
+		description: h,
+		loading: ae,
+		error: oe,
+		colorVariant: _,
+		format: le,
+		currency: ue,
+		prefix: b,
+		suffix: x,
+		onClick: Y ? () => F(!0) : void 0
+	}), P && _e] });
 };
 //#endregion
 //#region src/PivotTable.tsx
-function qe() {
+function Xe() {
 	try {
-		let { t: e } = m(), t = e("dashboard.total");
+		let { t: e } = g(), t = e("dashboard.total");
 		return !t || t === "dashboard.total" ? "Total" : t;
 	} catch {
 		return "Total";
 	}
 }
-function Je() {
+function Ze() {
 	try {
-		let { t: e } = m(), t = e("dashboard.noDataAvailable");
+		let { t: e } = g(), t = e("dashboard.noDataAvailable");
 		return !t || t === "dashboard.noDataAvailable" ? "No data available" : t;
 	} catch {
 		return "No data available";
 	}
 }
-function Ye(e, t) {
+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]) {
@@ -1236,11 +1299,11 @@ function Ye(e, t) {
 	}
 	return n + l + r;
 }
-var Xe = "—";
-function Ze(e, t) {
-	return e === "" ? Xe : t?.[e] ?? e;
+var $e = "—";
+function et(e, t) {
+	return e === "" ? $e : t?.[e] ?? e;
 }
-function Qe(e, t) {
+function tt(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -1251,18 +1314,18 @@ function Qe(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var $e = ({ 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 = qe(), y = Je(), b = r(_) && typeof o == "function", x = (e) => {
+var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, 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 = Xe(), y = Ze(), b = i(_) && 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
+			colLabel: e.colKey === void 0 ? e.colLabel : r?.[e.colKey] ?? e.colKey
 		});
 	}, S = (e) => (t) => {
 		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
-	}, C = b ? "cursor-pointer hover:bg-accent/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-[-2px]" : "", T = Array.isArray(f) ? f : [], { rowKeys: E, colKeys: D, matrix: O, rowTotals: k, colTotals: A, grandTotal: j } = B(() => {
+	}, 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: D, matrix: O, rowTotals: k, colTotals: A, grandTotal: j } = V(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
-		for (let r of T) {
+		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);
 		}
@@ -1271,10 +1334,10 @@ var $e = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 			a[e] = {};
 			let t = [];
 			for (let r of i) {
-				let i = n[e]?.[r] ?? [], o = Qe(i, d);
+				let i = n[e]?.[r] ?? [], o = tt(i, d);
 				a[e][r] = o, t.push(...i), !s[r] && s[r];
 			}
-			o[e] = Qe(t, d);
+			o[e] = tt(t, d);
 		}
 		for (let e of i) {
 			let t = [];
@@ -1282,31 +1345,31 @@ var $e = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 				let r = n[i]?.[e] ?? [];
 				t.push(...r);
 			}
-			s[e] = Qe(t, d);
+			s[e] = tt(t, d);
 		}
 		let f = [];
-		for (let e of T) 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: Qe(f, d)
+			grandTotal: tt(f, d)
 		};
 	}, [
-		T,
+		w,
 		c,
 		l,
 		u,
 		d
-	]), M = (e) => Ye(e, h);
-	return T.length === 0 ? /* @__PURE__ */ Q("div", {
+	]), M = (e) => Qe(e, h);
+	return w.length === 0 ? /* @__PURE__ */ Q("div", {
 		className: P("overflow-auto", t),
 		children: [s && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: s
-		}), /* @__PURE__ */ Z(w, {
+		}), /* @__PURE__ */ Z(E, {
 			"data-testid": "pivot-empty-state",
 			className: "py-8 gap-2 [&>h3]:hidden",
 			icon: /* @__PURE__ */ Q("svg", {
@@ -1378,7 +1441,7 @@ var $e = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 								onClick: b ? t : void 0,
 								onKeyDown: b ? S(t) : void 0,
 								"aria-label": b ? `Drill into ${l}: ${e || "(empty)"}` : void 0,
-								children: Ze(e, i)
+								children: et(e, r)
 							}, e);
 						}),
 						p && /* @__PURE__ */ Z("th", {
@@ -1387,7 +1450,7 @@ var $e = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 						})
 					]
 				}) }),
-				/* @__PURE__ */ Z("tbody", { children: E.map((e) => /* @__PURE__ */ Q("tr", {
+				/* @__PURE__ */ Z("tbody", { children: T.map((e) => /* @__PURE__ */ Q("tr", {
 					className: "border-b border-border/50 hover:bg-muted/30",
 					children: [
 						/* @__PURE__ */ Z("td", {
@@ -1403,7 +1466,7 @@ var $e = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 								rowKey: e
 							})) : void 0,
 							"aria-label": b ? `Drill into ${c}: ${e || "(empty)"}` : void 0,
-							children: Ze(e, n)
+							children: et(e, n)
 						}),
 						D.map((t) => {
 							let n = O[e]?.[t] ?? 0, r = () => x({
@@ -1485,13 +1548,13 @@ var $e = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabe
 };
 //#endregion
 //#region src/ObjectDataTable.tsx
-function et(e) {
+function rt(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 tt(e, t) {
+function it(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);
@@ -1509,30 +1572,30 @@ function tt(e, t) {
 	} else for (let [e, t] of Object.entries(n)) r(t?.type) && a.add(e);
 	return Array.from(a);
 }
-var nt = ({ schema: e, dataSource: t, className: r }) => {
-	let a = re(s), c = t || a?.dataSource, u = l(e.bind), { fieldLabel: d, fieldOptionLabel: f } = h(), p = "No data available", g = "No data source available for";
+var at = ({ schema: e, dataSource: t, className: n }) => {
+	let i = z(l), o = t || i?.dataSource, s = d(e.bind), { fieldLabel: u, fieldOptionLabel: f } = _(), p = "No data available", m = "No data source available for";
 	try {
-		let { t: e } = m(), t = e("dashboard.noDataAvailable");
+		let { t: e } = g(), t = e("dashboard.noDataAvailable");
 		t && t !== "dashboard.noDataAvailable" && (p = t);
 		let n = e("dashboard.noDataSourceFor");
-		n && n !== "dashboard.noDataSourceFor" && (g = n);
+		n && n !== "dashboard.noDataSourceFor" && (m = n);
 	} catch {}
-	let [_, v] = V([]), [y, b] = V(null), [x, S] = V(() => !(Array.isArray(e.data) && e.data.length > 0) && !!e.objectName), [C, w] = V(null);
-	z(() => {
+	let [h, v] = H([]), [y, b] = H(null), [x, S] = H(() => !(Array.isArray(e.data) && e.data.length > 0) && !!e.objectName), [C, w] = H(null);
+	B(() => {
 		let t = !0;
-		return e.objectName && !u && (!e.data || e.data.length === 0) ? (async () => {
-			if (!c || !e.objectName) {
+		return e.objectName && !s && (!e.data || e.data.length === 0) ? (async () => {
+			if (!o || !e.objectName) {
 				t && S(!1);
 				return;
 			}
 			t && (S(!0), w(null));
 			try {
-				let r;
-				if (typeof c.find == "function") {
-					let t = tt(e, y), a = { $filter: i(e.filter) };
-					t.length && (a.$expand = t), r = n(await c.find(e.objectName, a));
+				let n;
+				if (typeof o.find == "function") {
+					let t = it(e, y), i = { $filter: a(e.filter) };
+					t.length && (i.$expand = t), n = r(await o.find(e.objectName, i));
 				} else return;
-				t && v(r);
+				t && v(n);
 			} catch (e) {
 				console.error("[ObjectDataTable] Fetch error:", e), t && w(e instanceof Error ? e.message : "Failed to load data");
 			} finally {
@@ -1543,20 +1606,20 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		};
 	}, [
 		e.objectName,
-		c,
-		u,
+		o,
+		s,
 		e.data,
 		e.filter,
 		y
-	]), z(() => {
+	]), B(() => {
 		let t = !0;
-		if (!(!c || !e.objectName || typeof c.getObjectSchema != "function")) return c.getObjectSchema(e.objectName).then((e) => {
+		if (!(!o || !e.objectName || typeof o.getObjectSchema != "function")) return o.getObjectSchema(e.objectName).then((e) => {
 			t && b(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
-	}, [e.objectName, c]);
-	let T = u || e.data || _, E = Array.isArray(T) ? T : [], D = B(() => {
+	}, [e.objectName, o]);
+	let T = s || e.data || h, E = Array.isArray(T) ? T : [], D = V(() => {
 		let t = e.objectName, n = {};
 		if (y?.fields) {
 			let e = y.fields;
@@ -1568,7 +1631,7 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		}
 		let r = (e) => {
 			let n = e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1");
-			return t ? d(t, e, n) : n;
+			return t ? u(t, e, n) : n;
 		}, i = (e) => {
 			let r = n[e.accessorKey], i = e.referenceTo ?? r?.referenceTo ?? (typeof r?.reference == "string" ? r.reference : r?.reference?.to) ?? r?.target, a = e.options ?? r?.options;
 			t && a && (r?.type === "select" || r?.type === "picklist" || r?.type === "dropdown" || r?.type === "status") && (a = a.map((n) => {
@@ -1614,13 +1677,13 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 						"€": "EUR",
 						"£": "GBP"
 					}[t[0]];
-					return xe(e, o.currency || n);
+					return Ce(e, o.currency || n);
 				}
 				if (typeof t == "string" && /%/.test(t) && typeof e == "number") {
 					let n = (t.match(/0\.(0+)%/) || [, ""])[1].length;
-					return Ce((e > 1 ? e / 100 : e) * 100, n);
+					return Te((e > 1 ? e / 100 : e) * 100, n);
 				}
-				return typeof t == "string" && /[YMDHms]/.test(t) ? Se(e, t) : /* @__PURE__ */ Z(we(Te(o)), {
+				return typeof t == "string" && /[YMDHms]/.test(t) ? we(e, t) : /* @__PURE__ */ Z(Ee(De(o)), {
 					value: e,
 					field: o
 				});
@@ -1633,10 +1696,10 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 			};
 		};
 		if (e.columns && e.columns.length > 0) {
-			let n = et(e.columns);
+			let n = rt(e.columns);
 			return (t ? n.map((e) => ({
 				...e,
-				header: d(t, e.accessorKey, e.header)
+				header: u(t, e.accessorKey, e.header)
 			})) : n).map(i);
 		}
 		if (E.length === 0) return [];
@@ -1663,11 +1726,11 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		e.objectName,
 		E,
 		y,
-		d,
+		u,
 		f
 	]);
 	if (x && E.length === 0) return /* @__PURE__ */ Z("div", {
-		className: P("overflow-auto", r),
+		className: P("overflow-auto", n),
 		"data-testid": "table-loading",
 		children: /* @__PURE__ */ Q("div", {
 			className: "space-y-2 p-2",
@@ -1696,7 +1759,7 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		})
 	});
 	if (C) return /* @__PURE__ */ Z("div", {
-		className: P("overflow-auto", r),
+		className: P("overflow-auto", n),
 		"data-testid": "table-error",
 		children: /* @__PURE__ */ Q("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
@@ -1735,14 +1798,14 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 			})]
 		})
 	});
-	if (!c && e.objectName && E.length === 0) return /* @__PURE__ */ Z("div", {
-		className: P("overflow-auto", r),
+	if (!o && e.objectName && E.length === 0) return /* @__PURE__ */ Z("div", {
+		className: P("overflow-auto", n),
 		children: /* @__PURE__ */ Z("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
 			children: /* @__PURE__ */ Q("p", {
 				className: "text-xs",
 				children: [
-					g,
+					m,
 					" “",
 					e.objectName,
 					"”"
@@ -1751,7 +1814,7 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		})
 	});
 	if (E.length === 0) return /* @__PURE__ */ Z("div", {
-		className: P("overflow-auto", r),
+		className: P("overflow-auto", n),
 		"data-testid": "table-empty-state",
 		children: /* @__PURE__ */ Q("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
@@ -1799,19 +1862,19 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		columns: D
 	};
 	return /* @__PURE__ */ Q("div", {
-		className: P("relative", r),
-		children: [/* @__PURE__ */ Z(k, { active: x && E.length > 0 }), /* @__PURE__ */ Z(o, {
+		className: P("relative", n),
+		children: [/* @__PURE__ */ Z(j, { active: x && E.length > 0 }), /* @__PURE__ */ Z(c, {
 			schema: O,
-			className: r
+			className: n
 		})]
 	});
-}, rt = ({ open: e, onClose: t, title: n, target: r = "drawer", objectName: i, filter: a, dataSource: s, columns: c, maxRows: l, className: u, report: d }) => {
+}, ot = ({ open: e, onClose: t, title: n, target: r = "drawer", objectName: i, filter: a, dataSource: o, columns: s, maxRows: l, className: u, report: d }) => {
 	let f = d && typeof d == "object" && (Array.isArray(d.columns) || "objectName" in d), p = /* @__PURE__ */ Z("div", {
 		className: P("overflow-auto", u),
 		"data-testid": "drill-down-body",
 		children: f ? (() => {
 			let e = d.filter, t = e ? a ? { $and: [e, a] } : e : a;
-			return /* @__PURE__ */ Z(o, { schema: {
+			return /* @__PURE__ */ Z(c, { schema: {
 				...d,
 				type: "spec-report",
 				report: {
@@ -1820,12 +1883,12 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 				},
 				filter: t
 			} });
-		})() : /* @__PURE__ */ Z(nt, {
+		})() : /* @__PURE__ */ Z(at, {
 			schema: {
 				type: "object-data-table",
 				objectName: i,
 				filter: a,
-				columns: c?.map((e) => ({
+				columns: s?.map((e) => ({
 					accessorKey: e,
 					header: e
 				})),
@@ -1833,38 +1896,38 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 				searchable: !1,
 				pageSize: l
 			},
-			dataSource: s
+			dataSource: o
 		})
 	});
-	return r === "dialog" ? /* @__PURE__ */ Z(T, {
+	return r === "dialog" ? /* @__PURE__ */ Z(D, {
 		open: e,
 		onOpenChange: (e) => !e && t(),
-		children: /* @__PURE__ */ Q(E, {
+		children: /* @__PURE__ */ Q(O, {
 			className: "max-w-5xl",
-			children: [/* @__PURE__ */ Z(D, { children: /* @__PURE__ */ Z(O, { children: n }) }), p]
+			children: [/* @__PURE__ */ Z(k, { children: /* @__PURE__ */ Z(A, { children: n }) }), p]
 		})
-	}) : /* @__PURE__ */ Z(A, {
+	}) : /* @__PURE__ */ Z(M, {
 		open: e,
 		onOpenChange: (e) => !e && t(),
-		children: /* @__PURE__ */ Q(j, {
+		children: /* @__PURE__ */ Q(ee, {
 			side: "right",
 			className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-			children: [/* @__PURE__ */ Z(M, { children: /* @__PURE__ */ Z(ee, { children: n }) }), /* @__PURE__ */ Z("div", {
+			children: [/* @__PURE__ */ Z(te, { children: /* @__PURE__ */ Z(ne, { children: n }) }), /* @__PURE__ */ Z("div", {
 				className: "flex-1 overflow-hidden mt-2",
 				children: p
 			})]
 		})
 	});
-}, it = ({ schema: e, dataSource: o, className: c }) => {
-	let u = re(s), d = o || u?.dataSource, f = l(e.bind), [p, m] = V([]), [g, _] = V(!1), [v, y] = V(null), [b, x] = V({}), [S, C] = V({}), [w, T] = V(null), { fieldLabel: E, fieldOptionLabel: D } = h(), O = ie(E), k = ie(D);
-	z(() => {
+}, st = ({ schema: e, dataSource: t, className: s }) => {
+	let c = z(l), u = t || c?.dataSource, f = d(e.bind), [p, m] = H([]), [h, g] = H(!1), [v, y] = H(null), [b, x] = H({}), [S, C] = H({}), [w, T] = H(null), { fieldLabel: E, fieldOptionLabel: D } = _(), O = ae(E), k = ae(D);
+	B(() => {
 		O.current = E, k.current = D;
-	}, [E, D]), z(() => {
-		if (!d || !e.objectName) return;
-		let t = d.getObjectSchema;
+	}, [E, D]), B(() => {
+		if (!u || !e.objectName) return;
+		let t = u.getObjectSchema;
 		if (typeof t != "function") return;
 		let n = !0;
-		return Promise.resolve(t.call(d, e.objectName)).then((t) => {
+		return Promise.resolve(t.call(u, e.objectName)).then((t) => {
 			if (!n || !t?.fields) return;
 			let r = e.objectName, i = {}, a = {};
 			for (let [e, n] of Object.entries(t.fields)) {
@@ -1884,20 +1947,20 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		}).catch(() => {}), () => {
 			n = !1;
 		};
-	}, [d, e.objectName]), z(() => {
+	}, [u, e.objectName]), B(() => {
 		let t = !0;
 		return e.objectName && !f && (!e.data || e.data.length === 0) && (async () => {
-			if (!(!d || !e.objectName)) {
-				t && (_(!0), y(null));
+			if (!(!u || !e.objectName)) {
+				t && (g(!0), y(null));
 				try {
-					let r;
-					if (typeof d.find == "function") r = n(await d.find(e.objectName, { $filter: i(e.filter) }));
+					let n;
+					if (typeof u.find == "function") n = r(await u.find(e.objectName, { $filter: a(e.filter) }));
 					else return;
-					t && m(r);
+					t && m(n);
 				} catch (e) {
 					console.error("[ObjectPivotTable] Fetch error:", e), t && y(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
-					t && _(!1);
+					t && g(!1);
 				}
 			}
 		})(), () => {
@@ -1905,14 +1968,14 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		};
 	}, [
 		e.objectName,
-		d,
+		u,
 		f,
 		e.data,
 		e.filter
 	]);
 	let A = f || e.data || p, j = Array.isArray(A) ? A : [];
-	if (g && j.length === 0) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", c),
+	if (h && j.length === 0) return /* @__PURE__ */ Q("div", {
+		className: P("overflow-auto", s),
 		"data-testid": "pivot-loading",
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -1943,7 +2006,7 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		})]
 	});
 	if (v) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", c),
+		className: P("overflow-auto", s),
 		"data-testid": "pivot-error",
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -1985,8 +2048,8 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 			})]
 		})]
 	});
-	if (!d && e.objectName && j.length === 0) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", c),
+	if (!u && e.objectName && j.length === 0) return /* @__PURE__ */ Q("div", {
+		className: P("overflow-auto", s),
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
@@ -2005,37 +2068,37 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 	let M = {
 		...e,
 		data: j
-	}, ee = e.rowField ? b[e.rowField] : void 0, F = e.columnField ? b[e.columnField] : void 0, te = e.rowField ? S[e.rowField] : void 0, I = e.drillDown;
-	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z($e, {
+	}, ee = e.rowField ? b[e.rowField] : void 0, te = e.columnField ? b[e.columnField] : void 0, ne = e.rowField ? S[e.rowField] : void 0, F = e.drillDown;
+	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(nt, {
 		schema: M,
-		className: c,
+		className: s,
 		rowLabels: ee,
-		columnLabels: F,
-		rowFieldLabel: te,
-		onDrillDown: r(I) ? (e) => T(e) : void 0
+		columnLabels: te,
+		rowFieldLabel: ne,
+		onDrillDown: i(F) ? (e) => T(e) : void 0
 	}), (() => {
 		if (!w || !e.objectName) return null;
-		let n = t(I, w, {
+		let t = n(F, w, {
 			rowField: e.rowField,
 			columnField: e.columnField
 		}), r = {
 			...e.filter || {},
-			...n
+			...t
 		};
-		return /* @__PURE__ */ Z(rt, {
+		return /* @__PURE__ */ Z(ot, {
 			open: !0,
 			onClose: () => T(null),
-			title: a(I, w, e.title || "Details"),
-			target: I?.target ?? "drawer",
+			title: o(F, w, e.title || "Details"),
+			target: F?.target ?? "drawer",
 			objectName: e.objectName,
 			filter: r,
-			dataSource: d,
-			columns: I?.columns,
-			maxRows: I?.maxRows,
-			report: I?.report
+			dataSource: u,
+			columns: F?.columns,
+			maxRows: F?.maxRows,
+			report: F?.report
 		});
 	})()] });
-}, at = {
+}, ct = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -2161,12 +2224,12 @@ var nt = ({ schema: e, dataSource: t, className: r }) => {
 		}
 	]
 };
-function ot({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
-	let { draft: a, isDirty: o, updateField: s, discard: c } = te(n, { onUpdate: i });
-	return /* @__PURE__ */ Z(S, {
+function lt({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+	let { draft: a, isDirty: o, updateField: s, discard: c } = I(n, { onUpdate: i });
+	return /* @__PURE__ */ Z(w, {
 		open: e,
 		onClose: t,
-		schema: at,
+		schema: ct,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -2176,7 +2239,7 @@ function ot({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var st = [
+var ut = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -2221,7 +2284,7 @@ var st = [
 		value: "pivot",
 		label: "Pivot Table"
 	}
-], ct = [
+], dt = [
 	{
 		value: "default",
 		label: "Default"
@@ -2254,7 +2317,7 @@ var st = [
 		value: "danger",
 		label: "Danger"
 	}
-], lt = [
+], ft = [
 	{
 		value: "count",
 		label: "Count"
@@ -2275,7 +2338,7 @@ var st = [
 		value: "max",
 		label: "Max"
 	}
-], ut = [
+], pt = [
 	"bar",
 	"horizontal-bar",
 	"line",
@@ -2284,17 +2347,17 @@ var st = [
 	"donut",
 	"scatter",
 	"funnel"
-], dt = [
+], mt = [
 	"bar",
 	"horizontal-bar",
 	"line",
 	"area",
 	"scatter"
-], ft = [
+], ht = [
 	"pie",
 	"donut",
 	"funnel"
-], pt = ["metric", ...ut], mt = [...ut], ht = [
+], gt = ["metric", ...pt], _t = [...pt], vt = [
 	"pivot",
 	"metric",
 	"bar",
@@ -2305,50 +2368,50 @@ var st = [
 	"donut",
 	"funnel"
 ];
-function gt(e) {
-	return !!e && ut.includes(e);
-}
-function _t(e) {
-	return !!e && dt.includes(e);
-}
-function vt(e) {
-	return !!e && mt.includes(e);
-}
 function yt(e) {
 	return !!e && pt.includes(e);
 }
 function bt(e) {
-	return !!e && ht.includes(e);
+	return !!e && mt.includes(e);
+}
+function xt(e) {
+	return !!e && _t.includes(e);
 }
-var xt = [{
+function St(e) {
+	return !!e && gt.includes(e);
+}
+function Ct(e) {
+	return !!e && vt.includes(e);
+}
+var wt = [{
 	value: "drawer",
 	label: "Side drawer"
 }, {
 	value: "dialog",
 	label: "Center dialog"
-}], St = [{
+}], Tt = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], Ct = [{
+}], Et = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function wt(e, t, n, r) {
+function Dt(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ Z(C, {
+		render: (i, a, o) => /* @__PURE__ */ Z(T, {
 			label: t,
 			children: /* @__PURE__ */ Z("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ Z(x, {
+				children: /* @__PURE__ */ Z(C, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -2362,16 +2425,16 @@ function wt(e, t, n, r) {
 		})
 	};
 }
-function Tt(e, t, n) {
+function Ot(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ Z(C, {
+		render: (t, n) => /* @__PURE__ */ Z(T, {
 			label: "Data source",
 			children: /* @__PURE__ */ Z("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ Z(x, {
+				children: /* @__PURE__ */ Z(C, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -2388,38 +2451,38 @@ function Tt(e, t, n) {
 		type: "input",
 		placeholder: "Object name"
 	}, a = r ? {
-		...wt("categoryField", "Category field", "Select field…", t),
+		...Dt("categoryField", "Category field", "Select field…", t),
 		helpText: "Group records by this field (one bar/slice/segment per value).",
-		visibleWhen: (e) => vt(e.type)
+		visibleWhen: (e) => xt(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) => vt(e.type)
+		visibleWhen: (e) => xt(e.type)
 	}, o = r ? {
-		...wt("valueField", "Value field", "Select field…", t),
+		...Dt("valueField", "Value field", "Select field…", t),
 		helpText: "Field to aggregate (sum / average / min / max).",
-		visibleWhen: (e) => yt(e.type) && (e.aggregate ?? "count") !== "count"
+		visibleWhen: (e) => St(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) => yt(e.type) && (e.aggregate ?? "count") !== "count"
-	}, s = r ? wt("rowField", "Field", "Select row field…", t) : {
+		visibleWhen: (e) => St(e.type) && (e.aggregate ?? "count") !== "count"
+	}, s = r ? Dt("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? wt("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? Dt("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? wt("valueField", "Field", "Select value field…", t) : {
+	}, l = r ? Dt("valueField", "Field", "Select value field…", t) : {
 		key: "valueField",
 		label: "Field",
 		type: "input",
@@ -2429,7 +2492,7 @@ function Tt(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (gt(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (yt(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -2451,7 +2514,7 @@ function Tt(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: st,
+						options: ut,
 						defaultValue: "metric"
 					}
 				]
@@ -2469,10 +2532,10 @@ function Tt(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: lt,
+						options: ft,
 						defaultValue: "count",
 						helpText: "Count ignores Value field; Sum / Avg / Min / Max require it.",
-						visibleWhen: (e) => yt(e.type)
+						visibleWhen: (e) => St(e.type)
 					}
 				]
 			},
@@ -2494,14 +2557,14 @@ function Tt(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: St,
+						options: Tt,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: Ct,
+						options: Et,
 						defaultValue: "asc"
 					},
 					{
@@ -2529,14 +2592,14 @@ function Tt(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: St,
+						options: Tt,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: Ct,
+						options: Et,
 						defaultValue: "asc"
 					},
 					{
@@ -2564,7 +2627,7 @@ function Tt(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: lt,
+						options: ft,
 						defaultValue: "sum"
 					},
 					{
@@ -2579,7 +2642,7 @@ function Tt(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => _t(e.type),
+				visibleWhen: (e) => bt(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -2605,7 +2668,7 @@ function Tt(e, t, n) {
 				key: "chart-legend",
 				title: "Display",
 				collapsible: !0,
-				visibleWhen: (e) => !!e.type && ft.includes(e.type),
+				visibleWhen: (e) => !!e.type && ht.includes(e.type),
 				fields: [{
 					key: "showLegend",
 					label: "Show legend",
@@ -2657,7 +2720,7 @@ function Tt(e, t, n) {
 				title: "Drill-down",
 				collapsible: !0,
 				defaultCollapsed: !0,
-				visibleWhen: (e) => bt(e.type),
+				visibleWhen: (e) => Ct(e.type),
 				fields: [{
 					key: "drillDownEnabled",
 					label: "Enable drill-down",
@@ -2668,7 +2731,7 @@ function Tt(e, t, n) {
 					key: "drillDownTarget",
 					label: "Open in",
 					type: "select",
-					options: xt,
+					options: wt,
 					defaultValue: "drawer",
 					visibleWhen: (e) => !!e.drillDownEnabled
 				}]
@@ -2694,14 +2757,14 @@ function Tt(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: ct,
+					options: dt,
 					defaultValue: "default"
 				}]
 			}
 		]
 	};
 }
-function Et(e) {
+function kt(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -2710,20 +2773,20 @@ function Et(e) {
 	}
 	return String(e);
 }
-function Dt(e) {
+function At(e) {
 	let t = e.type, n = { ...e };
-	return vt(t) || delete n.categoryField, yt(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), _t(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), bt(t) || (delete n.drillDownEnabled, delete n.drillDownTarget), n;
+	return xt(t) || delete n.categoryField, St(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), bt(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), Ct(t) || (delete n.drillDownEnabled, delete n.drillDownTarget), n;
 }
-function Ot({ 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 } = te(I.useMemo(() => ({
+function jt({ 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 } = I(L.useMemo(() => ({
 		...n,
-		title: typeof n.title == "object" ? Et(n.title) : n.title,
-		description: typeof n.description == "object" ? Et(n.description) : n.description
+		title: typeof n.title == "object" ? kt(n.title) : n.title,
+		description: typeof n.description == "object" ? kt(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ Z(S, {
+	return /* @__PURE__ */ Z(w, {
 		open: e,
 		onClose: t,
-		schema: I.useMemo(() => Tt(o, s, c.type), [
+		schema: L.useMemo(() => Ot(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -2731,19 +2794,19 @@ function Ot({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 		draft: c,
 		isDirty: l,
 		onFieldChange: u,
-		onSave: () => r(Dt(c)),
+		onSave: () => r(At(c)),
 		onDiscard: d,
 		headerExtra: a
 	});
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-function kt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
-	let [c, l] = V(o), [u, d] = V(null), [f, p] = V(e), [m, h] = V(0);
-	z(() => {
+function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [c, l] = H(o), [u, d] = H(null), [f, p] = H(e), [m, h] = H(0);
+	B(() => {
 		p(e), h((e) => e + 1);
 	}, [e]);
-	let _ = I.useMemo(() => {
+	let g = L.useMemo(() => {
 		if (!u || !f.widgets) return null;
 		let e = f.widgets.find((e) => (e.id || e.title) === u);
 		if (!e) return null;
@@ -2765,7 +2828,7 @@ function kt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
 		};
-	}, [u, m]), v = R((e) => {
+	}, [u, m]), _ = R((e) => {
 		d(e), l(!0);
 	}, []), y = R(() => {
 		d(null);
@@ -2833,30 +2896,30 @@ function kt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			className: "flex-1 min-w-0 overflow-auto relative",
 			children: [/* @__PURE__ */ Z("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ Q(g, {
+				children: /* @__PURE__ */ Q(v, {
 					size: "sm",
 					variant: c ? "default" : "outline",
 					onClick: S,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ Z(ce, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ Z(q, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ Z(Me, {
+			}), /* @__PURE__ */ Z(Fe, {
 				schema: f,
 				onRefresh: i,
 				recordCount: a,
 				designMode: c,
 				selectedWidgetId: u,
-				onWidgetClick: v
+				onWidgetClick: _
 			})]
 		}), c && /* @__PURE__ */ Z("div", {
 			className: "relative shrink-0",
-			children: u && _ ? /* @__PURE__ */ Z(Ot, {
+			children: u && g ? /* @__PURE__ */ Z(jt, {
 				open: !0,
 				onClose: y,
-				config: _,
+				config: g,
 				onSave: x,
 				onFieldChange: b
-			}) : /* @__PURE__ */ Z(ot, {
+			}) : /* @__PURE__ */ Z(lt, {
 				open: !0,
 				onClose: () => l(!1),
 				config: t,
@@ -2865,7 +2928,7 @@ function kt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", Me, {
+e.register("dashboard", Fe, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -2893,7 +2956,7 @@ e.register("dashboard", Me, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Ue, {
+}), e.register("metric", Ke, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -2906,7 +2969,7 @@ e.register("dashboard", Me, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Ge, {
+}), e.register("metric-card", Je, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -2961,7 +3024,7 @@ e.register("dashboard", Me, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Ke, {
+}), e.register("object-metric", Ye, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -2990,7 +3053,7 @@ e.register("dashboard", Me, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", $e, {
+}), e.register("pivot", nt, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -3069,7 +3132,7 @@ e.register("dashboard", Me, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", it, {
+}), e.register("object-pivot", st, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -3158,7 +3221,7 @@ e.register("dashboard", Me, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Le, {
+}), e.register("dashboard-grid", Be, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -3176,7 +3239,7 @@ e.register("dashboard", Me, {
 		title: "Dashboard",
 		widgets: []
 	}
-}), e.register("object-data-table", nt, {
+}), e.register("object-data-table", at, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -3214,18 +3277,18 @@ e.register("dashboard", Me, {
 		pagination: !1
 	}
 });
-var At = {
-	DashboardRenderer: Me,
-	DashboardGridLayout: Le,
-	MetricWidget: Ue,
-	MetricCard: Ge,
-	ObjectMetricWidget: Ke,
-	PivotTable: $e,
-	ObjectPivotTable: it,
-	ObjectDataTable: nt,
-	DashboardConfigPanel: ot,
-	WidgetConfigPanel: Ot,
-	DashboardWithConfig: kt
+var Nt = {
+	DashboardRenderer: Fe,
+	DashboardGridLayout: Be,
+	MetricWidget: Ke,
+	MetricCard: Je,
+	ObjectMetricWidget: Ye,
+	PivotTable: nt,
+	ObjectPivotTable: st,
+	ObjectDataTable: at,
+	DashboardConfigPanel: lt,
+	WidgetConfigPanel: jt,
+	DashboardWithConfig: Mt
 };
 //#endregion
-export { ot as DashboardConfigPanel, Le as DashboardGridLayout, Me as DashboardRenderer, kt as DashboardWithConfig, rt as DrillDownDrawer, Ge as MetricCard, Ue as MetricWidget, nt as ObjectDataTable, Ke as ObjectMetricWidget, it as ObjectPivotTable, $e as PivotTable, Ot as WidgetConfigPanel, At as dashboardComponents };
+export { lt as DashboardConfigPanel, Be as DashboardGridLayout, Fe as DashboardRenderer, Mt as DashboardWithConfig, ot as DrillDownDrawer, Je as MetricCard, Ke as MetricWidget, at as ObjectDataTable, Ye as ObjectMetricWidget, st as ObjectPivotTable, nt as PivotTable, jt as WidgetConfigPanel, Nt as dashboardComponents };