@object-ui/plugin-dashboard 6.2.2 → 7.0.0

package/dist/index.js

@@ -1,22 +1,22 @@
-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 xe, useContainerWidth as Se } from "react-grid-layout";
+import { ComponentRegistry as e, buildChartSeries as t, buildDatasetDrillFilter as n, buildDatasetFieldHelpers as r, compareToTrendLabelKey as i, computeDrillFilter as a, extractRecords as o, findChartSeriesRow as s, formatDimensionValue as c, formatMeasure as l, isDrillEnabled as u, resolveDateMacros as d, resolveDrillTitle as f, shiftFilterByCompareTo as p } from "@object-ui/core";
+import { SchemaRenderer as m, SchemaRendererContext as h, useActionEngine as g, useDataScope as _, useDnd as v, useDrillNavigation as y, useHasDndProvider as b, useObjectLabel as x } from "@object-ui/react";
+import { createSafeTranslation as S, resolveFieldCurrency as C, useLocalization as w, useObjectTranslation as T, useSafeFieldLabel as E, useSafeTranslate as D } from "@object-ui/i18n";
+import { Button as O, Card as k, CardContent as A, CardHeader as j, CardTitle as M, Combobox as N, ConfigPanelRenderer as P, ConfigRow as F, DataEmptyState as I, Dialog as L, DialogContent as R, DialogHeader as ee, DialogTitle as te, RefreshIndicator as ne, Sheet as z, SheetContent as re, SheetHeader as ie, SheetTitle as ae, Skeleton as B, cn as V, getLazyIcon as oe, useConfigDraft as se } from "@object-ui/components";
+import * as H from "react";
+import U, { Fragment as ce, forwardRef as le, useCallback as W, useContext as ue, useEffect as G, useMemo as K, useRef as de, useState as q } from "react";
+import { AlertCircle as fe, AlertTriangle as J, ArrowDownIcon as pe, ArrowUpIcon as me, ArrowUpRight as he, BarChart3 as ge, Download as Y, Edit as _e, GripVertical as ve, Loader2 as X, MinusIcon as ye, RefreshCw as be, Save as xe, Settings as Se, X as Ce } from "lucide-react";
+import { DndContext as we, PointerSensor as Te, closestCenter as Ee, useSensor as De, useSensors as Oe } from "@dnd-kit/core";
+import { SortableContext as ke, arrayMove as Ae, rectSortingStrategy as je, useSortable as Me, verticalListSortingStrategy as Ne } from "@dnd-kit/sortable";
+import { CSS as Pe } from "@dnd-kit/utilities";
+import { formatCurrency as Fe, formatDate as Ie, formatPercent as Le, getCellRenderer as Re, resolveCellRendererType as ze } from "@object-ui/fields";
+import { Fragment as Be, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { ResponsiveGridLayout as Ve, useContainerWidth as He } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
-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) {
+function Ue(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,
@@ -37,16 +37,866 @@ function Oe(e, t) {
 	};
 }
 //#endregion
+//#region src/recordFields.tsx
+var We = new Set([
+	"id",
+	"organization_id",
+	"tenant_id",
+	"created_at",
+	"updated_at",
+	"created_by",
+	"updated_by",
+	"deleted_at",
+	"deleted_by",
+	"version",
+	"_id",
+	"__typename"
+]);
+function Ge(e, t) {
+	return t && (t.isSystem === !0 || t.system === !0) ? !0 : We.has(e);
+}
+var Ke = new Set([
+	"select",
+	"picklist",
+	"dropdown",
+	"status"
+]), qe = new Set([
+	"currency",
+	"money",
+	"number",
+	"integer",
+	"decimal",
+	"float",
+	"percent",
+	"percentage"
+]);
+function Je(e) {
+	let t = {}, n = e?.fields;
+	if (!n) return t;
+	if (Array.isArray(n)) for (let e of n) e?.name && (t[e.name] = e);
+	else for (let [e, r] of Object.entries(n)) t[e] = {
+		name: e,
+		...r
+	};
+	return t;
+}
+function Ye(e) {
+	let { accessorKey: t, label: n, def: r, objectName: i, fieldOptionLabel: a, overrides: o = {} } = e, s = o.referenceTo ?? r?.referenceTo ?? (typeof r?.reference == "string" ? r.reference : r?.reference?.to) ?? r?.target, c = o.options ?? r?.options;
+	return i && c && a && Ke.has(r?.type) && (c = c.map((e) => {
+		if (e == null) return e;
+		let n = typeof e == "object" ? e.value : e, r = typeof e == "object" && e.label || String(n);
+		return {
+			value: n,
+			label: a(i, t, String(n), r),
+			color: typeof e == "object" ? e.color : void 0
+		};
+	})), {
+		name: t,
+		label: n,
+		type: o.type ?? r?.type,
+		options: c,
+		referenceTo: s,
+		format: o.format ?? r?.format,
+		currency: o.currency ?? r?.currency ?? r?.defaultCurrency,
+		decimals: o.decimals ?? r?.decimals ?? r?.precision ?? r?.scale
+	};
+}
+function Xe(e) {
+	return qe.has(e.type) || typeof e.format == "string" && /^[\$¥€£]|%$|0/.test(e.format);
+}
+function Ze(e, t, n) {
+	if (e == null || e === "") return "";
+	let r = t.format;
+	if (typeof r == "string" && /^\$|¥|€|£/.test(r) && typeof e == "number") {
+		let i = {
+			$: "USD",
+			"¥": "JPY",
+			"€": "EUR",
+			"£": "GBP"
+		}[r[0]];
+		return Fe(e, t.currency || i || n);
+	}
+	if (typeof r == "string" && /%/.test(r) && typeof e == "number") {
+		let t = (r.match(/0\.(0+)%/) || [, ""])[1].length;
+		return Le((e > 1 ? e / 100 : e) * 100, t);
+	}
+	return typeof r == "string" && /[YMDHms]/.test(r) ? Ie(e, r) : /* @__PURE__ */ Z(Re(ze(t)), {
+		value: e,
+		field: t
+	});
+}
+//#endregion
+//#region src/RecordDetailDrawer.tsx
+var Qe = [
+	"name",
+	"title",
+	"label",
+	"subject",
+	"display_name",
+	"full_name"
+];
+function $e(e, t) {
+	if (t && t.trim()) return t;
+	for (let t of Qe) {
+		let n = e[t];
+		if (typeof n == "string" && n.trim()) return n;
+	}
+	let n = e.id ?? e._id;
+	return n == null ? "Record" : String(n);
+}
+var et = ({ record: e, objectName: t, objectSchema: n, fields: r, title: i, target: a = "drawer", onClose: o }) => {
+	let { fieldLabel: s, fieldOptionLabel: c } = E(), { currency: l } = w(), u = K(() => {
+		if (!e) return [];
+		let i = Je(n), a;
+		return a = r && r.length > 0 ? r : Object.keys(i).length > 0 ? Object.keys(i).filter((e) => !Ge(e, i[e])) : Object.keys(e).filter((e) => !e.startsWith("_") && !Ge(e)), a.map((n) => {
+			let r = i[n], a = n.charAt(0).toUpperCase() + n.slice(1).replace(/([A-Z])/g, " $1").replace(/_/g, " "), o = t ? s(t, n, a) : a, u = Ye({
+				accessorKey: n,
+				label: o,
+				def: r,
+				objectName: t,
+				fieldOptionLabel: c
+			});
+			return {
+				key: n,
+				label: o,
+				node: Ze(e[n], u, l),
+				numeric: Xe(u)
+			};
+		});
+	}, [
+		e,
+		n,
+		t,
+		r,
+		s,
+		c,
+		l
+	]);
+	if (!e) return null;
+	let d = $e(e, i), f = /* @__PURE__ */ Z("dl", {
+		className: "divide-y divide-border/60",
+		"data-testid": "record-detail-body",
+		children: u.map((e) => /* @__PURE__ */ Q("div", {
+			className: "grid grid-cols-3 gap-3 py-2.5",
+			children: [/* @__PURE__ */ Z("dt", {
+				className: "text-xs font-medium text-muted-foreground self-center",
+				children: e.label
+			}), /* @__PURE__ */ Z("dd", {
+				className: `col-span-2 text-sm break-words ${e.numeric ? "tabular-nums" : ""}`,
+				children: e.node === "" || e.node == null ? /* @__PURE__ */ Z("span", {
+					className: "text-muted-foreground/60",
+					children: "—"
+				}) : e.node
+			})]
+		}, e.key))
+	});
+	return a === "dialog" ? /* @__PURE__ */ Z(L, {
+		open: !0,
+		onOpenChange: (e) => !e && o(),
+		children: /* @__PURE__ */ Q(R, {
+			className: "max-w-2xl",
+			children: [/* @__PURE__ */ Z(ee, { children: /* @__PURE__ */ Z(te, { children: d }) }), /* @__PURE__ */ Z("div", {
+				className: "max-h-[70vh] overflow-auto",
+				children: f
+			})]
+		})
+	}) : /* @__PURE__ */ Z(z, {
+		open: !0,
+		onOpenChange: (e) => !e && o(),
+		children: /* @__PURE__ */ Q(re, {
+			side: "right",
+			className: "w-full sm:max-w-md md:max-w-lg flex flex-col",
+			children: [/* @__PURE__ */ Z(ie, { children: /* @__PURE__ */ Z(ae, { children: d }) }), /* @__PURE__ */ Z("div", {
+				className: "flex-1 overflow-auto mt-2 pr-1",
+				children: f
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/ObjectDataTable.tsx
+function tt(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 nt(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);
+	else for (let [e, r] of Object.entries(t.fields)) n[e] = {
+		name: e,
+		...r
+	};
+	let r = (e) => e === "lookup" || e === "reference" || e === "master_detail" || e === "user" || e === "owner", i = Array.isArray(e.columns) ? e.columns : [], a = /* @__PURE__ */ new Set();
+	if (i.length > 0) {
+		let e = i.map((e) => typeof e == "string" ? e : e.accessorKey || e.name).filter(Boolean);
+		for (let t of e) {
+			let e = n[t];
+			e && r(e.type) && a.add(t);
+		}
+	} else for (let [e, t] of Object.entries(n)) r(t?.type) && a.add(e);
+	return Array.from(a);
+}
+var rt = ({ schema: e, dataSource: t, className: n }) => {
+	let { currency: r } = w(), i = ue(h), a = t || i?.dataSource, s = _(e.bind), { fieldLabel: c, fieldOptionLabel: l } = E(), f = "No data available", p = "No data source available for";
+	try {
+		let { t: e } = T(), t = e("dashboard.noDataAvailable");
+		t && t !== "dashboard.noDataAvailable" && (f = t);
+		let n = e("dashboard.noDataSourceFor");
+		n && n !== "dashboard.noDataSourceFor" && (p = n);
+	} catch {}
+	let [g, v] = q([]), [y, b] = q(null), [x, S] = q(() => !(Array.isArray(e.data) && e.data.length > 0) && !!e.objectName), [C, D] = q(null), O = e.drillDown, k = u(O) && (O?.mode ?? "record") === "record", [A, j] = q(null), M = W((e) => {
+		j(e ?? null);
+	}, []);
+	G(() => {
+		let t = !0;
+		return e.objectName && !s && (!e.data || e.data.length === 0) ? (async () => {
+			if (!a || !e.objectName) {
+				t && S(!1);
+				return;
+			}
+			t && (S(!0), D(null));
+			try {
+				let n;
+				if (typeof a.find == "function") {
+					let t = nt(e, y), r = { $filter: d(e.filter) };
+					t.length && (r.$expand = t), n = o(await a.find(e.objectName, r));
+				} else return;
+				t && v(n);
+			} catch (e) {
+				console.error("[ObjectDataTable] Fetch error:", e), t && D(e instanceof Error ? e.message : "Failed to load data");
+			} finally {
+				t && S(!1);
+			}
+		})() : t && S(!1), () => {
+			t = !1;
+		};
+	}, [
+		e.objectName,
+		a,
+		s,
+		e.data,
+		e.filter,
+		y
+	]), G(() => {
+		let t = !0;
+		if (!(!a || !e.objectName || typeof a.getObjectSchema != "function")) return a.getObjectSchema(e.objectName).then((e) => {
+			t && b(e);
+		}).catch(() => {}), () => {
+			t = !1;
+		};
+	}, [e.objectName, a]);
+	let N = s || e.data || g, P = Array.isArray(N) ? N : [], F = K(() => {
+		let t = e.objectName, n = {};
+		if (y?.fields) {
+			let e = y.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,
+				...r
+			};
+		}
+		let i = (e) => {
+			let n = e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1");
+			return t ? c(t, e, n) : n;
+		}, a = (e) => {
+			let i = Ye({
+				accessorKey: e.accessorKey,
+				label: e.header,
+				def: n[e.accessorKey],
+				objectName: t,
+				fieldOptionLabel: l,
+				overrides: {
+					type: e.type,
+					format: e.format,
+					options: e.options,
+					referenceTo: e.referenceTo,
+					currency: e.currency,
+					decimals: e.decimals
+				}
+			}), a = e.align ?? (Xe(i) ? "right" : void 0);
+			if (typeof e.cell == "function") return {
+				...e,
+				...i,
+				align: a
+			};
+			let o = (e) => Ze(e, i, r);
+			return {
+				...e,
+				...i,
+				align: a,
+				cell: o
+			};
+		};
+		if (e.columns && e.columns.length > 0) {
+			let n = tt(e.columns);
+			return (t ? n.map((e) => ({
+				...e,
+				header: c(t, e.accessorKey, e.header)
+			})) : n).map(a);
+		}
+		return P.length === 0 ? [] : (Object.keys(n).length > 0 ? Object.keys(n).filter((e) => !Ge(e, n[e])) : Object.keys(P[0]).filter((e) => !e.startsWith("_") && !Ge(e))).map((e) => a({
+			header: i(e),
+			accessorKey: e
+		}));
+	}, [
+		e.columns,
+		e.objectName,
+		P,
+		y,
+		c,
+		l,
+		r
+	]);
+	if (x && P.length === 0) return /* @__PURE__ */ Z("div", {
+		className: V("overflow-auto", n),
+		"data-testid": "table-loading",
+		children: /* @__PURE__ */ Q("div", {
+			className: "space-y-2 p-2",
+			children: [/* @__PURE__ */ Q("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ Z(B, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Z(B, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Z(B, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Z(B, { className: "h-6 w-1/4" })
+				]
+			}), [
+				1,
+				2,
+				3,
+				4
+			].map((e) => /* @__PURE__ */ Q("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ Z(B, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Z(B, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Z(B, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Z(B, { className: "h-5 w-1/4" })
+				]
+			}, e))]
+		})
+	});
+	if (C) return /* @__PURE__ */ Z("div", {
+		className: V("overflow-auto", n),
+		"data-testid": "table-error",
+		children: /* @__PURE__ */ Q("div", {
+			className: "flex flex-col items-center justify-center py-8 text-destructive",
+			"data-testid": "table-error-message",
+			children: [/* @__PURE__ */ Q("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-8 w-8 mb-2 opacity-60",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ Z("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					/* @__PURE__ */ Z("line", {
+						x1: "12",
+						y1: "8",
+						x2: "12",
+						y2: "12"
+					}),
+					/* @__PURE__ */ Z("line", {
+						x1: "12",
+						y1: "16",
+						x2: "12.01",
+						y2: "16"
+					})
+				]
+			}), /* @__PURE__ */ Z("p", {
+				className: "text-xs",
+				children: C
+			})]
+		})
+	});
+	if (!a && e.objectName && P.length === 0) return /* @__PURE__ */ Z("div", {
+		className: V("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: [
+					p,
+					" “",
+					e.objectName,
+					"”"
+				]
+			})
+		})
+	});
+	if (P.length === 0) return /* @__PURE__ */ Z("div", {
+		className: V("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",
+			children: [/* @__PURE__ */ Q("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-8 w-8 mb-2 opacity-40",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ Z("rect", {
+						x: "3",
+						y: "3",
+						width: "18",
+						height: "18",
+						rx: "2",
+						ry: "2"
+					}),
+					/* @__PURE__ */ Z("line", {
+						x1: "3",
+						y1: "9",
+						x2: "21",
+						y2: "9"
+					}),
+					/* @__PURE__ */ Z("line", {
+						x1: "9",
+						y1: "21",
+						x2: "9",
+						y2: "9"
+					})
+				]
+			}), /* @__PURE__ */ Z("p", {
+				className: "text-xs",
+				children: f
+			})]
+		})
+	});
+	let I = {
+		...e,
+		type: "data-table",
+		data: P,
+		columns: F,
+		onRowClick: e.onRowClick ?? (k ? M : void 0)
+	}, L = O?.title && !O.title.includes("${") ? O.title : void 0;
+	return /* @__PURE__ */ Q("div", {
+		className: V("relative", n),
+		children: [
+			/* @__PURE__ */ Z(ne, { active: x && P.length > 0 }),
+			/* @__PURE__ */ Z(m, {
+				schema: I,
+				className: n
+			}),
+			k && /* @__PURE__ */ Z(et, {
+				record: A,
+				objectName: e.objectName,
+				objectSchema: y,
+				fields: O?.columns,
+				title: L,
+				target: O?.target === "dialog" ? "dialog" : "drawer",
+				onClose: () => j(null)
+			})
+		]
+	});
+}, it = ({ objectName: e, filter: t, onNavigate: n, className: r }) => {
+	let { openRecordList: i } = y(), a = D();
+	return !i || !e ? null : /* @__PURE__ */ Q(O, {
+		type: "button",
+		variant: "ghost",
+		size: "sm",
+		className: r,
+		"data-testid": "drill-open-in-list",
+		onClick: () => {
+			i(e, t), n?.();
+		},
+		children: [a("dashboard.openInList", "Open in list"), /* @__PURE__ */ Z(he, { className: "ml-1 h-3.5 w-3.5" })]
+	});
+}, at = ({ open: e, onClose: t, title: n, target: r = "drawer", objectName: i, filter: a, dataSource: o, columns: s, maxRows: c, className: l, report: u }) => {
+	let { openRecordList: d } = y(), f = u && typeof u == "object" && (Array.isArray(u.columns) || "objectName" in u), p = r === "navigate" && !!d && !f && !!i;
+	if (U.useEffect(() => {
+		e && p && (d(i, a), t());
+	}, [e, p]), p) return null;
+	let h = f ? null : /* @__PURE__ */ Z(it, {
+		objectName: i,
+		filter: a,
+		onNavigate: t
+	}), g = /* @__PURE__ */ Z("div", {
+		className: V("overflow-auto", l),
+		"data-testid": "drill-down-body",
+		children: f ? (() => {
+			let e = u.filter, t = e ? a ? { $and: [e, a] } : e : a;
+			return /* @__PURE__ */ Z(m, { schema: {
+				...u,
+				type: "spec-report",
+				report: {
+					...u,
+					filter: t
+				},
+				filter: t
+			} });
+		})() : /* @__PURE__ */ Z(rt, {
+			schema: {
+				type: "object-data-table",
+				objectName: i,
+				filter: a,
+				columns: s?.map((e) => ({
+					accessorKey: e,
+					header: e
+				})),
+				pagination: !0,
+				searchable: !1,
+				pageSize: c,
+				drillDown: {
+					enabled: !0,
+					mode: "record",
+					target: "dialog"
+				}
+			},
+			dataSource: o
+		})
+	});
+	return r === "dialog" ? /* @__PURE__ */ Z(L, {
+		open: e,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ Q(R, {
+			className: "max-w-5xl",
+			children: [/* @__PURE__ */ Q(ee, {
+				className: "flex-row items-center justify-between gap-4 pr-8",
+				children: [/* @__PURE__ */ Z(te, { children: n }), h]
+			}), g]
+		})
+	}) : /* @__PURE__ */ Z(z, {
+		open: e,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ Q(re, {
+			side: "right",
+			className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
+			children: [/* @__PURE__ */ Q(ie, {
+				className: "flex-row items-center justify-between gap-4 pr-8",
+				children: [/* @__PURE__ */ Z(ae, { children: n }), h]
+			}), /* @__PURE__ */ Z("div", {
+				className: "flex-1 overflow-hidden mt-2",
+				children: g
+			})]
+		})
+	});
+}, ot = n;
+function st(e, t, n) {
+	let r = [], i = [], a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map();
+	return e.forEach((e, l) => {
+		let u = t.map((t) => String(e[t] ?? "∅")).join("
"), d = String(e[n] ?? "∅");
+		a.has(u) || (a.add(u), r.push({
+			id: u,
+			labels: t.map((t) => c(e[t]))
+		})), o.has(d) || (o.add(d), i.push({
+			id: d,
+			label: c(e[n])
+		})), s.set(`${u} ${d}`, l);
+	}), {
+		rowHeaders: r,
+		colHeaders: i,
+		cellIndex: s
+	};
+}
+function ct(e) {
+	if (e == null) return "";
+	let t = String(e);
+	return /[",\n\r]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+}
+function lt(e) {
+	return e.map((e) => e.map(ct).join(",")).join("\r\n");
+}
+function ut(e, t) {
+	if (typeof document > "u") return;
+	let n = e && e.trim() ? e.trim() : "export", r = new Blob([`${lt(t)}`], { type: "text/csv;charset=utf-8;" }), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = n.endsWith(".csv") ? n : `${n}.csv`, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(i);
+}
+var dt = new Set([
+	"metric",
+	"kpi",
+	"gauge",
+	"solid-gauge",
+	"bullet"
+]), ft = {
+	bar: "bar",
+	column: "column",
+	"horizontal-bar": "horizontal-bar",
+	"grouped-bar": "bar",
+	"stacked-bar": "bar",
+	"bi-polar-bar": "bar",
+	line: "line",
+	spline: "line",
+	"step-line": "line",
+	area: "area",
+	"stacked-area": "area",
+	pie: "pie",
+	donut: "donut",
+	funnel: "funnel",
+	pyramid: "funnel",
+	scatter: "scatter",
+	bubble: "scatter",
+	radar: "radar",
+	treemap: "treemap",
+	sankey: "sankey"
+};
+function pt({ widget: e, dataSource: n }) {
+	let i = String(e?.dataset ?? ""), a = K(() => Array.isArray(e?.dimensions) ? e.dimensions.filter(Boolean) : [], [e]), o = K(() => Array.isArray(e?.values) ? e.values.filter(Boolean) : [], [e]), u = e?.compareTo && typeof e.compareTo == "object" ? e.compareTo : void 0, f = String(e?.type ?? ""), p = dt.has(f) || a.length === 0, h = f === "table" || f === "pivot", g = f === "pivot" && a.length >= 2, _ = g ? a.slice(0, -1) : [], v = g ? a[a.length - 1] : "", y = g ? [
+		_,
+		[v],
+		[]
+	] : void 0, b = D(), { fieldLabel: x } = E(), S = e?.filter, C = K(() => S && typeof S == "object" && Object.keys(S).length > 0 ? d(S) : void 0, [S]), [w, T] = q({
+		status: "idle",
+		rows: []
+	}), [O, k] = q(null);
+	if (G(() => {
+		let e = n;
+		if (!e || typeof e.queryDataset != "function") {
+			T({
+				status: "error",
+				rows: [],
+				error: b("dashboard.datasetUnsupported", "This data source does not support dataset queries.")
+			});
+			return;
+		}
+		if (o.length === 0) {
+			T({
+				status: "idle",
+				rows: []
+			});
+			return;
+		}
+		let t = !1;
+		return T({
+			status: "loading",
+			rows: []
+		}), e.queryDataset(i, {
+			dimensions: a,
+			measures: o,
+			...C ? { runtimeFilter: C } : {},
+			...u ? { compareTo: u } : {},
+			...y ? { totals: { groupings: y } } : {}
+		}).then((e) => {
+			t || T({
+				status: "ok",
+				rows: Array.isArray(e?.rows) ? e.rows : [],
+				fields: Array.isArray(e?.fields) ? e.fields : [],
+				object: e?.object,
+				dimensionFields: e?.dimensionFields,
+				drillRawRows: Array.isArray(e?.drillRawRows) ? e.drillRawRows : void 0,
+				totals: Array.isArray(e?.totals) ? e.totals : void 0
+			});
+		}).catch((e) => {
+			t || T({
+				status: "error",
+				rows: [],
+				error: String(e?.message ?? e)
+			});
+		}), () => {
+			t = !0;
+		};
+	}, [`${f}|${i}|${a.join(",")}|${o.join(",")}|${JSON.stringify(S ?? null)}|${JSON.stringify(u ?? null)}`]), o.length === 0) return /* @__PURE__ */ Z("div", {
+		className: "flex h-full w-full items-center justify-center rounded border border-dashed bg-muted/20 p-4 text-xs text-muted-foreground",
+		children: b("dashboard.pickMeasures", "Pick measures (values) for this dataset widget.")
+	});
+	if (w.status === "loading" || w.status === "idle") return /* @__PURE__ */ Z("div", {
+		className: "flex h-full w-full items-center justify-center p-4 text-muted-foreground",
+		children: /* @__PURE__ */ Z(X, { className: "h-4 w-4 animate-spin" })
+	});
+	if (w.status === "error") return /* @__PURE__ */ Q("div", {
+		role: "alert",
+		className: "flex h-full w-full items-start gap-2 rounded border border-destructive/40 bg-destructive/5 p-3 text-xs text-destructive",
+		children: [/* @__PURE__ */ Z(J, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }), /* @__PURE__ */ Z("span", {
+			className: "break-words",
+			children: w.error
+		})]
+	});
+	if (w.rows.length === 0 && !p) return /* @__PURE__ */ Q("div", {
+		className: "flex h-full w-full items-center justify-center rounded border border-dashed bg-muted/20 p-4 text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ Z(ge, { className: "mr-2 h-4 w-4" }), b("dashboard.noRows", "No rows")]
+	});
+	let { measureField: A, headerLabel: j } = r(w.fields, w.object, x), { object: M, dimensionFields: N, drillRawRows: P } = w, F = N ? a.filter((e) => e in N) : [], I = !!M && F.length > 0, L = (t, n) => {
+		!M || !N || k({
+			filter: ot(P?.[t], F, N, C),
+			title: n || String(e?.title ?? "")
+		});
+	}, R = O && M ? /* @__PURE__ */ Z(at, {
+		open: !0,
+		onClose: () => k(null),
+		title: O.title || String(e?.title ?? b("dashboard.details", "Details")),
+		objectName: M,
+		filter: O.filter,
+		dataSource: n
+	}) : null;
+	if (p) {
+		let e = A(o[0]);
+		return /* @__PURE__ */ Q("div", {
+			className: "flex h-full w-full flex-col items-start justify-center gap-1 p-2",
+			children: [/* @__PURE__ */ Z("span", {
+				className: "text-2xl font-semibold tabular-nums",
+				children: l(w.rows[0]?.[o[0]] ?? 0, e?.format, e?.currency)
+			}), /* @__PURE__ */ Z("span", {
+				className: "text-xs text-muted-foreground",
+				children: j(o[0])
+			})]
+		});
+	}
+	if (h) {
+		let t = [...a, ...o], n = /* @__PURE__ */ Z("button", {
+			type: "button",
+			onClick: () => ut(String(e?.title ?? i ?? "export"), [t.map((e) => j(e)), ...w.rows.map((e) => t.map((t) => {
+				let n = e[t];
+				return n == null ? "" : typeof n == "number" ? n : String(n);
+			}))]),
+			"data-testid": "dataset-export",
+			title: b("dashboard.exportCsv", "Export CSV"),
+			"aria-label": b("dashboard.exportCsv", "Export CSV"),
+			className: "absolute right-1 top-1 z-10 rounded p-1 text-muted-foreground opacity-70 hover:bg-accent/50 hover:text-foreground hover:opacity-100",
+			children: /* @__PURE__ */ Z(Y, { className: "h-3.5 w-3.5" })
+		});
+		if (g) {
+			let e = st(w.rows, _, v), t = e.colHeaders.flatMap((e) => o.map((t) => ({
+				col: e,
+				measure: t,
+				header: o.length === 1 ? e.label : `${e.label} · ${j(t)}`
+			}))), r = (e, t) => l(e, A(t)?.format, A(t)?.currency), i = (e) => w.totals?.find((t) => Array.isArray(t.dimensions) && t.dimensions.join(",") === e.join(","))?.rows, a = /* @__PURE__ */ new Map();
+			for (let e of i(_) ?? []) a.set(_.map((t) => String(e[t] ?? "∅")).join(""), e);
+			let s = /* @__PURE__ */ new Map();
+			for (let e of i([v]) ?? []) s.set(String(e[v] ?? "∅"), e);
+			let c = i([])?.[0], u = a.size > 0, d = s.size > 0, f = b("dashboard.total", "Total");
+			return /* @__PURE__ */ Q("div", {
+				className: "relative h-full w-full overflow-auto p-1",
+				"data-testid": "dataset-matrix",
+				children: [
+					n,
+					/* @__PURE__ */ Q("table", {
+						className: "w-full text-xs",
+						children: [/* @__PURE__ */ Z("thead", {
+							className: "bg-muted/40",
+							children: /* @__PURE__ */ Q("tr", { children: [
+								_.map((e) => /* @__PURE__ */ Z("th", {
+									className: "px-2 py-1.5 text-left font-medium whitespace-nowrap",
+									children: j(e)
+								}, e)),
+								t.map((e) => /* @__PURE__ */ Z("th", {
+									className: "px-2 py-1.5 text-right font-medium whitespace-nowrap",
+									children: e.header
+								}, `${e.col.id}-${e.measure}`)),
+								u && o.map((e) => /* @__PURE__ */ Z("th", {
+									className: "px-2 py-1.5 text-right font-medium whitespace-nowrap",
+									"data-testid": "matrix-total-col-header",
+									children: o.length === 1 ? f : `${f} · ${j(e)}`
+								}, `total-${e}`))
+							] })
+						}), /* @__PURE__ */ Q("tbody", { children: [e.rowHeaders.map((n) => /* @__PURE__ */ Q("tr", {
+							className: "border-t",
+							children: [
+								n.labels.map((e, t) => /* @__PURE__ */ Z("td", {
+									className: "px-2 py-1 whitespace-nowrap font-medium",
+									children: e
+								}, t)),
+								t.map((t) => {
+									let i = e.cellIndex.get(`${n.id} ${t.col.id}`), a = i == null ? void 0 : w.rows[i], o = I && i != null, s = [...n.labels, t.col.label].filter(Boolean).join(" / ");
+									return /* @__PURE__ */ Z("td", {
+										className: V("px-2 py-1 text-right tabular-nums whitespace-nowrap", o && "cursor-pointer hover:bg-accent/40"),
+										"data-testid": o ? "dataset-drill-cell" : void 0,
+										onClick: o ? () => L(i, s) : void 0,
+										children: a ? r(a[t.measure], t.measure) : "—"
+									}, `${t.col.id}-${t.measure}`);
+								}),
+								u && o.map((e) => /* @__PURE__ */ Z("td", {
+									className: "px-2 py-1 text-right tabular-nums whitespace-nowrap font-medium",
+									"data-testid": "matrix-row-total",
+									children: r(a.get(n.id)?.[e], e)
+								}, `total-${e}`))
+							]
+						}, n.id)), d && /* @__PURE__ */ Q("tr", {
+							className: "border-t bg-muted/30 font-medium",
+							"data-testid": "matrix-total-row",
+							children: [
+								_.length > 0 && /* @__PURE__ */ Z("td", {
+									colSpan: _.length,
+									className: "px-2 py-1 whitespace-nowrap",
+									children: f
+								}),
+								t.map((e) => /* @__PURE__ */ Z("td", {
+									className: "px-2 py-1 text-right tabular-nums whitespace-nowrap",
+									children: r(s.get(e.col.id)?.[e.measure], e.measure)
+								}, `${e.col.id}-${e.measure}`)),
+								u && o.map((e) => /* @__PURE__ */ Z("td", {
+									className: "px-2 py-1 text-right tabular-nums whitespace-nowrap",
+									"data-testid": "matrix-grand-total",
+									children: r(c?.[e], e)
+								}, `grand-${e}`))
+							]
+						})] })]
+					}),
+					R
+				]
+			});
+		}
+		let r = [...a, ...o];
+		return /* @__PURE__ */ Q("div", {
+			className: "relative h-full w-full overflow-auto p-1",
+			children: [
+				n,
+				/* @__PURE__ */ Q("table", {
+					className: "w-full text-xs",
+					children: [/* @__PURE__ */ Z("thead", {
+						className: "bg-muted/40",
+						children: /* @__PURE__ */ Z("tr", { children: r.map((e) => /* @__PURE__ */ Z("th", {
+							className: "px-2 py-1.5 text-left font-medium whitespace-nowrap",
+							children: j(e)
+						}, e)) })
+					}), /* @__PURE__ */ Z("tbody", { children: w.rows.map((e, t) => /* @__PURE__ */ Z("tr", {
+						className: V("border-t", I && "cursor-pointer hover:bg-accent/40"),
+						"data-testid": I ? "dataset-drill-row" : void 0,
+						onClick: I ? () => L(t, F.map((t) => c(e[t])).filter(Boolean).join(" / ")) : void 0,
+						children: r.map((t) => /* @__PURE__ */ Z("td", {
+							className: "px-2 py-1 whitespace-nowrap tabular-nums",
+							children: o.includes(t) ? l(e[t], A(t)?.format, A(t)?.currency) : c(e[t])
+						}, t))
+					}, t)) })]
+				}),
+				R
+			]
+		});
+	}
+	let ee = ft[f] ?? "bar", { data: te, xAxisKey: ne, series: z } = t(w.rows, a, o, w.fields), re = I ? (e) => {
+		let t = s(w.rows, a, o, e?.category, e?.series);
+		if (t < 0) return;
+		let n = a.length >= 2 && o.length === 1;
+		L(t, [e?.category, n ? e?.series : void 0].filter(Boolean).map(String).join(" / "));
+	} : void 0;
+	return /* @__PURE__ */ Q("div", {
+		className: V("relative h-full w-full min-h-[220px]"),
+		children: [/* @__PURE__ */ Z(m, {
+			schema: {
+				type: "chart",
+				chartType: ee,
+				data: te,
+				xAxisKey: ne,
+				series: z
+			},
+			onChartClick: re,
+			onSegmentClick: re
+		}), R]
+	});
+}
+//#endregion
 //#region src/DashboardRenderer.tsx
-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({
+function mt({ 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__ */ Z("div", {
 		ref: s,
 		style: {
-			transform: be.Transform.toString(c),
+			transform: Pe.Transform.toString(c),
 			transition: l,
 			opacity: u ? .4 : 1,
 			...n ? {
@@ -54,39 +904,81 @@ function ke({ id: e, disabled: t, gridSpan: n, className: r, children: i }) {
 				gridRow: `span ${n.h}`
 			} : {}
 		},
-		className: P("h-full w-full", r, !t && "cursor-grab active:cursor-grabbing", d && !u && "ring-2 ring-primary ring-offset-2 rounded-lg"),
+		className: V("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 Ae(e) {
-	return e ? F(e) : null;
+function ht(e) {
+	return e ? oe(e) : null;
 }
-function je(e) {
+function gt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Me = [
+var _t = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], Ne = new Set([
+], vt = {
+	column: "bar",
+	"stacked-bar": "bar",
+	"grouped-bar": "bar",
+	"bi-polar-bar": "bar",
+	spline: "line",
+	"step-line": "line",
+	"stacked-area": "area",
+	pyramid: "funnel",
+	bubble: "scatter"
+}, yt = new Set([
 	"bar",
 	"horizontal-bar",
 	"line",
 	"area",
 	"pie",
 	"donut",
-	"funnel"
+	"scatter",
+	"funnel",
+	"radar",
+	"treemap",
+	"sankey"
+]), bt = new Set([
+	"gauge",
+	"solid-gauge",
+	"kpi",
+	"bullet"
+]), xt = new Set([
+	"sunburst",
+	"word-cloud",
+	"choropleth",
+	"bubble-map",
+	"gl-map",
+	"heatmap",
+	"waterfall",
+	"box-plot",
+	"violin",
+	"candlestick",
+	"stock"
+]), St = new Set([
+	"bar",
+	"horizontal-bar",
+	"line",
+	"area",
+	"pie",
+	"donut",
+	"funnel",
+	"scatter",
+	"treemap",
+	"sankey"
 ]);
-function Pe(e) {
-	return Ne.has(e) ? { enabled: !0 } : void 0;
+function Ct(e) {
+	return St.has(e) ? { enabled: !0 } : void 0;
 }
-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 = (() => {
+var wt = le(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount: i, userActions: a, designMode: o, selectedWidgetId: s, onWidgetClick: c, onWidgetsReorder: l, modalHandler: u, scriptHandlers: d, hideHeaderText: f, ...p }, h) => {
+	let _ = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
 		for (let e of t) {
@@ -94,77 +986,77 @@ var Fe = ie(({ 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] = H(!1), [k, A] = H(!1), j = ae(null), { executeAction: M, engine: ee } = u({ actions: V(() => (e.header?.actions ?? []).map((e) => ({
+	})(), v = _, y = e.gap || 4, [b, S] = q(!1), [C, w] = q(!1), E = de(null), { executeAction: D, engine: N } = g({ actions: K(() => (e.header?.actions ?? []).map((e) => ({
 		name: e.actionUrl || e.label,
 		type: e.actionType || "url",
 		target: e.actionUrl,
 		label: e.label
-	})), [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 (f && e.setModalHandler(f), p) for (let [t, n] of Object.entries(p)) e.registerScript(t, n);
+	})), [e.header?.actions]) }), { dashboardLabel: P, dashboardDescription: F, dashboardActionLabel: I, widgetTitle: L, widgetDescription: R, fieldLabel: ee } = x(), { t: te } = T(), ne = W((e, t, n) => n && (!t || t === "value" || t === "count" || n === "count") ? te(`report.aggregate.${n}`, { defaultValue: n }) : e ? ee(e, t, t) : t, [te, ee]), z = e.name, re = W((e) => z ? I(z, e.actionUrl || e.label, e.label) : e.label, [z, I]), ie = W((e) => {
+		let t = gt(e.title);
+		return !z || !e.id || t === void 0 ? t : L(z, e.id, t);
+	}, [z, L]), ae = W((e) => {
+		let t = gt(e.description);
+		return !z || !e.id ? t : R(z, e.id, t);
+	}, [z, R]);
+	G(() => {
+		let e = N.getRunner();
+		if (u && e.setModalHandler(u), d) for (let [t, n] of Object.entries(d)) e.registerScript(t, n);
 	}, [
-		ee,
-		f,
-		p
-	]), B(() => {
-		let e = () => A(window.innerWidth < 768);
+		N,
+		u,
+		d
+	]), G(() => {
+		let e = () => w(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let ce = R(() => {
-		r && (O(!0), r(), setTimeout(() => O(!1), 600));
+	let B = W(() => {
+		r && (S(!0), r(), setTimeout(() => S(!1), 600));
 	}, [r]);
-	B(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return j.current = setInterval(ce, e.refreshInterval * 1e3), () => {
-			j.current && clearInterval(j.current);
+	G(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return E.current = setInterval(B, e.refreshInterval * 1e3), () => {
+			E.current && clearInterval(E.current);
 		};
 	}, [
 		e.refreshInterval,
 		r,
-		ce
+		B
 	]);
-	let G = R((e, t) => {
-		!o || !l || !t || (e.stopPropagation(), l(t));
-	}, [o, l]), le = R((t, n, r) => {
-		if (!o || !l) return;
+	let oe = W((e, t) => {
+		!o || !c || !t || (e.stopPropagation(), c(t));
+	}, [o, c]), se = W((t, n, r) => {
+		if (!o || !c) return;
 		let i = e.widgets || [];
-		if (t.key === "Enter" || t.key === " ") t.preventDefault(), l(n ?? null);
+		if (t.key === "Enter" || t.key === " ") t.preventDefault(), c(n ?? null);
 		else if (t.key === "ArrowRight" || t.key === "ArrowDown") {
 			t.preventDefault();
 			let e = r + 1 < i.length ? i[r + 1] : null;
-			e?.id && l(e.id);
+			e?.id && c(e.id);
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
 			t.preventDefault();
 			let e = r - 1 >= 0 ? i[r - 1] : null;
-			e?.id && l(e.id);
-		} else t.key === "Escape" && (t.preventDefault(), l(null));
+			e?.id && c(e.id);
+		} else t.key === "Escape" && (t.preventDefault(), c(null));
 	}, [
 		o,
-		l,
+		c,
 		e.widgets
-	]), 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;
+	]), H = W((e) => {
+		!o || !c || e.target === e.currentTarget && c(null);
+	}, [o, c]), U = !!(o && l), le = Oe(De(Te, { activationConstraint: { distance: 5 } })), ue = W((t) => {
+		if (!U) 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?.(ge(i, a, o));
+		a < 0 || o < 0 || l?.(Ae(i, a, o));
 	}, [
-		q,
+		U,
 		e.widgets,
-		d
-	]), be = (e, t, r) => {
+		l
+	]), fe = (e, t, r) => {
 		let i = e.layout ? {
 			...e.layout,
-			w: Math.min(e.layout.w, T)
-		} : void 0, a = (() => {
+			w: Math.min(e.layout.w, v)
+		} : void 0, a = !!e.dataset, c = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
 			if (t === "metric" && e.object) {
@@ -182,7 +1074,7 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 					objectName: e.object || ($(t) ? t.object : void 0),
 					aggregate: r,
 					filter: ($(t) ? t.filter : void 0) || e.filter,
-					label: n.label || W(e) || "",
+					label: n.label || ie(e) || "",
 					fallbackValue: n.value,
 					trend: n.trend,
 					icon: n.icon,
@@ -193,11 +1085,11 @@ var Fe = ie(({ 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 || ie(e) || "",
 					compareTo: e.compareTo
 				};
 			}
-			if ((t === "gauge" || t === "solid-gauge") && e.object) {
+			if (bt.has(t || "") && e.object) {
 				let t = e.aggregate ? {
 					field: e.valueField || "value",
 					function: e.aggregate,
@@ -208,7 +1100,7 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 					objectName: e.object,
 					aggregate: t,
 					filter: e.filter,
-					label: n.label || W(e) || "",
+					label: n.label || ie(e) || "",
 					fallbackValue: n.fallbackValue ?? n.value,
 					icon: n.icon,
 					description: n.description,
@@ -221,8 +1113,8 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 					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 r = t && vt[t] || t;
+			if (r && yt.has(r)) {
 				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 = (() => {
@@ -245,10 +1137,10 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 						xAxisKey: i,
 						series: [{
 							dataKey: l,
-							label: z(u, l, c?.function)
+							label: ne(u, l, c?.function)
 						}],
-						colors: Me,
-						drillDown: n.drillDown ?? Pe(r),
+						colors: _t,
+						drillDown: n.drillDown ?? Ct(r),
 						compareTo: e.compareTo,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
@@ -271,10 +1163,10 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 						xAxisKey: i,
 						series: [{
 							dataKey: s,
-							label: z(e.object, s, e.aggregate)
+							label: ne(e.object, s, e.aggregate)
 						}],
-						colors: Me,
-						drillDown: n.drillDown ?? Pe(r),
+						colors: _t,
+						drillDown: n.drillDown ?? Ct(r),
 						compareTo: e.compareTo,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
@@ -286,24 +1178,28 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 					xAxisKey: i,
 					series: [{
 						dataKey: a,
-						label: z(e.object, a, e.aggregate)
+						label: ne(e.object, a, e.aggregate)
 					}],
-					colors: Me,
+					colors: _t,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
 			if (t === "table") {
-				let t = e.data || n.data;
+				let t = e.data || n.data, r = $(t) || !t && e.object ? n.drillDown ?? {
+					enabled: !0,
+					mode: "record"
+				} : void 0;
 				if ($(t)) {
-					let { data: r, ...i } = n;
+					let { data: i, ...a } = n;
 					return {
 						type: "object-data-table",
-						...i,
+						...a,
 						objectName: e.object || t.object,
 						dataProvider: t,
 						filter: t.filter || e.filter,
 						searchable: e.searchable ?? !1,
 						pagination: e.pagination ?? !1,
+						drillDown: r,
 						className: "border-0"
 					};
 				}
@@ -314,6 +1210,7 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 					filter: e.filter,
 					searchable: e.searchable ?? !1,
 					pagination: e.pagination ?? !1,
+					drillDown: r,
 					className: "border-0"
 				} : {
 					type: "data-table",
@@ -362,17 +1259,21 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 				};
 			}
 			if (t === "list") {
-				let t = e.data || n.data;
+				let t = e.data || n.data, r = $(t) || !t && e.object ? n.drillDown ?? {
+					enabled: !0,
+					mode: "record"
+				} : void 0;
 				if ($(t)) {
-					let { data: r, ...i } = n;
+					let { data: i, ...a } = n;
 					return {
 						type: "object-data-table",
-						...i,
+						...a,
 						objectName: e.object || t.object,
 						dataProvider: t,
 						filter: t.filter || e.filter,
 						searchable: !1,
 						pagination: !1,
+						drillDown: r,
 						className: "border-0"
 					};
 				}
@@ -383,6 +1284,7 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 					filter: e.filter,
 					searchable: !1,
 					pagination: !1,
+					drillDown: r,
 					className: "border-0"
 				} : {
 					type: "data-table",
@@ -399,43 +1301,55 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 				variant: "caption",
 				align: "center",
 				className: "flex h-full w-full items-center justify-center rounded border border-dashed bg-muted/20 p-4 text-muted-foreground"
+			} : t && xt.has(t) ? {
+				type: "text",
+				value: `「${t}」chart type is not supported yet`,
+				variant: "caption",
+				align: "center",
+				className: "flex h-full w-full items-center justify-center rounded border border-dashed bg-muted/20 p-4 text-muted-foreground"
 			} : {
 				...e,
 				...n
 			};
-		})(), l = e.type === "metric", u = W(e), d = se(e), f = e.id || u || `widget-${t}`, p = o && s === e.id, m = o ? {
+		})(), l = e.type === "metric" && !a, u = ie(e), d = ae(e), f = e.id || u || `widget-${t}`, p = o && s === e.id, h = 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) => 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 ? {
+			onClick: (t) => oe(t, e.id),
+			onKeyDown: (n) => se(n, e.id, t)
+		} : {}, g = o ? V("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, _ = !C && i && !U ? {
 			gridColumn: `span ${i.w}`,
 			gridRow: `span ${i.h}`
-		} : void 0, _ = l ? /* @__PURE__ */ Q("div", {
-			className: P("h-full w-full", o && "relative", h),
-			style: g,
-			...m,
-			children: [/* @__PURE__ */ Z(c, {
-				schema: a,
-				className: P("h-full w-full", o && "pointer-events-none"),
+		} : void 0, y = l ? /* @__PURE__ */ Q("div", {
+			className: V("h-full w-full", o && "relative", g),
+			style: _,
+			...h,
+			children: [a ? /* @__PURE__ */ Z("div", {
+				className: V("h-full w-full", o && "pointer-events-none"),
+				children: /* @__PURE__ */ Z(pt, {
+					widget: e,
+					dataSource: n
+				})
+			}) : /* @__PURE__ */ Z(m, {
+				schema: c,
+				className: V("h-full w-full", o && "pointer-events-none"),
 				dataSource: n
 			}), o && /* @__PURE__ */ Z("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}) : /* @__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,
+		}) : /* @__PURE__ */ Q(k, {
+			className: V("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", o && "relative", g),
+			style: _,
+			...h,
 			children: [
-				u && /* @__PURE__ */ Q(x, {
+				u && /* @__PURE__ */ Q(j, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ Z(S, {
+					children: [/* @__PURE__ */ Z(M, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
 						title: u,
 						children: u
@@ -444,12 +1358,15 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 						children: d
 					})]
 				}),
-				/* @__PURE__ */ Z(b, {
+				/* @__PURE__ */ Z(A, {
 					className: "p-0",
 					children: /* @__PURE__ */ Z("div", {
-						className: P("h-full w-full", "p-3 sm:p-4 md:p-6", o && "pointer-events-none"),
-						children: /* @__PURE__ */ Z(c, {
-							schema: a,
+						className: V("h-full w-full", "p-3 sm:p-4 md:p-6", o && "pointer-events-none"),
+						children: a ? /* @__PURE__ */ Z(pt, {
+							widget: e,
+							dataSource: n
+						}) : /* @__PURE__ */ Z(m, {
+							schema: c,
 							dataSource: n
 						})
 					})
@@ -461,36 +1378,36 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 				})
 			]
 		});
-		return q && e.id ? /* @__PURE__ */ Z(ke, {
+		return U && e.id ? /* @__PURE__ */ Z(mt, {
 			id: e.id,
-			gridSpan: !k && i ? {
+			gridSpan: !C && i ? {
 				w: i.w,
 				h: i.h
 			} : void 0,
-			children: _
-		}, f) : /* @__PURE__ */ Z(re, { children: _ }, f);
-	}, X = e.header && /* @__PURE__ */ Q("div", {
+			children: y
+		}, f) : /* @__PURE__ */ Z(ce, { children: y }, f);
+	}, J = e.header && /* @__PURE__ */ Q("div", {
 		className: "col-span-full mb-4",
 		children: [
-			!h && e.header.showTitle !== !1 && e.title && /* @__PURE__ */ Z("h2", {
+			!f && e.header.showTitle !== !1 && e.title && /* @__PURE__ */ Z("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: U ? te({
-					name: U,
-					label: je(e.title)
-				}) : je(e.title)
+				children: z ? P({
+					name: z,
+					label: gt(e.title)
+				}) : gt(e.title)
 			}),
-			!h && e.header.showDescription !== !1 && e.description && /* @__PURE__ */ Z("p", {
+			!f && e.header.showDescription !== !1 && e.description && /* @__PURE__ */ Z("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: U ? ne({
-					name: U,
-					description: je(e.description)
-				}) : je(e.description)
+				children: z ? F({
+					name: z,
+					description: gt(e.description)
+				}) : gt(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 = Ae(e.icon);
-					return /* @__PURE__ */ Q(v, {
+					let n = ht(e.icon);
+					return /* @__PURE__ */ Q(O, {
 						variant: "outline",
 						size: "sm",
 						onClick: async () => {
@@ -504,103 +1421,106 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 								return;
 							}
 							if (t === "modal" || t === "script") {
-								let e = await M(n || r);
+								let e = await D(n || r);
 								e?.success || console.warn("[DashboardRenderer] action failed", e?.error);
 								return;
 							}
 							console.warn(`[DashboardRenderer] Unknown header actionType="${t}" for "${r}"`);
 						},
-						children: [n && /* @__PURE__ */ Z(n, { className: "w-4 h-4 mr-1.5" }), oe(e)]
+						children: [n && /* @__PURE__ */ Z(n, { className: "w-4 h-4 mr-1.5" }), re(e)]
 					}, t);
 				})
 			})
 		]
-	}), xe = i !== void 0 && /* @__PURE__ */ Q("span", {
+	}), pe = i !== void 0 && /* @__PURE__ */ Q("span", {
 		className: "text-xs text-muted-foreground",
 		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(v, {
+	}), me = a ? JSON.stringify(a) : void 0, he = r && /* @__PURE__ */ Q("div", {
+		className: V("flex items-center justify-end gap-3 mb-2", !C && "col-span-full"),
+		children: [pe, /* @__PURE__ */ Q(O, {
 			variant: "outline",
 			size: "sm",
-			onClick: ce,
-			disabled: D,
+			onClick: B,
+			disabled: b,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ Z(ue, { className: P("h-4 w-4 mr-2", D && "animate-spin") }), D ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ Z(be, { className: V("h-4 w-4 mr-2", b && "animate-spin") }), b ? "Refreshing…" : "Refresh All"]
 		})]
-	}), 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) {
+	}), ge = K(() => (e.widgets ?? []).map((e) => e.id).filter((e) => !!e), [e.widgets]), Y = K(() => (e.widgets ?? []).filter((e) => e.type === "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]), _e = K(() => (e.widgets ?? []).filter((e) => e.type !== "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]);
+	if (C) {
 		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: K,
-			..._,
+			ref: h,
+			className: V("flex flex-col gap-4 px-4", t),
+			"data-user-actions": me,
+			onClick: H,
+			...p,
 			children: [
-				X,
-				Ce,
+				J,
+				he,
 				n.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "grid grid-cols-2 gap-3",
-					onClick: K,
-					children: /* @__PURE__ */ Z(Y, {
-						items: Te,
-						strategy: _e,
-						disabled: !q,
-						children: n.map((e, t) => be(e, t))
+					onClick: H,
+					children: /* @__PURE__ */ Z(ke, {
+						items: Y,
+						strategy: je,
+						disabled: !U,
+						children: n.map((e, t) => fe(e, t))
 					})
 				}),
 				r.length > 0 && /* @__PURE__ */ Z("div", {
 					className: "flex flex-col gap-4",
-					onClick: K,
-					children: /* @__PURE__ */ Z(Y, {
-						items: Ee,
-						strategy: ye,
-						disabled: !q,
-						children: r.map((e, t) => be(e, t, !0))
+					onClick: H,
+					children: /* @__PURE__ */ Z(ke, {
+						items: _e,
+						strategy: Ne,
+						disabled: !U,
+						children: r.map((e, t) => fe(e, t, !0))
 					})
 				})
 			]
 		});
-		return q ? /* @__PURE__ */ Z(fe, {
-			sensors: de,
-			collisionDetection: me,
-			onDragEnd: ve,
+		return U ? /* @__PURE__ */ Z(we, {
+			sensors: le,
+			collisionDetection: Ee,
+			onDragEnd: ue,
 			children: i
 		}) : i;
 	}
-	let De = e.columns != null || w !== 4, Oe = /* @__PURE__ */ Q("div", {
-		ref: C,
-		className: P("grid auto-rows-min", !De && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+	let ve = e.columns != null || _ !== 4, X = /* @__PURE__ */ Q("div", {
+		ref: h,
+		className: V("grid", !ve && "auto-rows-min grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...De && { gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))` },
-			gap: `${E * .25}rem`
+			...ve && {
+				gridTemplateColumns: `repeat(${v}, minmax(0, 1fr))`,
+				gridAutoRows: "minmax(5rem, auto)"
+			},
+			gap: `${y * .25}rem`
 		},
-		"data-user-actions": Se,
-		onClick: K,
-		..._,
+		"data-user-actions": me,
+		onClick: H,
+		...p,
 		children: [
-			X,
-			Ce,
-			/* @__PURE__ */ Z(Y, {
-				items: we,
-				strategy: _e,
-				disabled: !q,
-				children: e.widgets?.map((e, t) => be(e, t))
+			J,
+			he,
+			/* @__PURE__ */ Z(ke, {
+				items: ge,
+				strategy: je,
+				disabled: !U,
+				children: e.widgets?.map((e, t) => fe(e, t))
 			})
 		]
 	});
-	return q ? /* @__PURE__ */ Z(fe, {
-		sensors: de,
-		collisionDetection: me,
-		onDragEnd: ve,
-		children: Oe
-	}) : Oe;
+	return U ? /* @__PURE__ */ Z(we, {
+		sensors: le,
+		collisionDetection: Ee,
+		onDragEnd: ue,
+		children: X
+	}) : X;
 });
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function Ie({ editMode: e }) {
-	let t = f();
-	return L.useEffect(() => {
+function Tt({ editMode: e }) {
+	let t = v();
+	return H.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -611,14 +1531,14 @@ function Ie({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Le = [
+var Et = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
 ];
-function Re(e, t) {
+function Dt(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);
@@ -637,7 +1557,7 @@ function Re(e, t) {
 		widgets: r
 	};
 }
-function ze(e) {
+function Ot(e) {
 	return { lg: e.widgets?.map((e, t) => ({
 		i: e.id || `widget-${t}`,
 		x: e.layout?.x ?? t % 4 * 3,
@@ -646,40 +1566,40 @@ function ze(e) {
 		h: e.layout?.h ?? 4
 	})) || [] };
 }
-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));
+var kt = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRefresh: i }) => {
+	let { width: a, containerRef: o, mounted: s } = He(), [c, l] = H.useState(!1), [u, d] = H.useState(!1), f = b(), p = H.useRef(null), h = H.useCallback(() => {
+		i && (d(!0), i(), setTimeout(() => d(!1), 600));
 	}, [i]);
-	L.useEffect(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return h.current = setInterval(g, e.refreshInterval * 1e3), () => {
-			h.current && clearInterval(h.current);
+	H.useEffect(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return p.current = setInterval(h, e.refreshInterval * 1e3), () => {
+			p.current && clearInterval(p.current);
 		};
 	}, [
 		e.refreshInterval,
 		i,
-		g
+		h
 	]);
-	let [_, C] = L.useState(() => ze(e)), w = L.useMemo(() => JSON.stringify(e.widgets?.map((e, t) => ({
+	let [g, _] = H.useState(() => Ot(e)), v = H.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]);
-	L.useEffect(() => {
-		C(ze(e));
-	}, [w]);
-	let T = L.useCallback((e, t) => {
-		C(t), n?.(e);
-	}, [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);
+	H.useEffect(() => {
+		_(Ot(e));
+	}, [v]);
+	let y = H.useCallback((e, t) => {
+		_(t), n?.(e);
+	}, [n]), x = H.useCallback(() => {
+		r ? r(Dt(e, g.lg)) : globalThis.process?.env?.NODE_ENV !== "production" && console.warn("[DashboardGridLayout] Layout edits are in-memory only. Wire `onSchemaChange` to persist via your data adapter."), l(!1);
 	}, [
 		r,
 		e,
-		_
-	]), D = L.useCallback(() => {
-		C(ze(e));
-	}, [e]), O = L.useCallback((e) => {
+		g
+	]), S = H.useCallback(() => {
+		_(Ot(e));
+	}, [e]), C = H.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") {
@@ -697,7 +1617,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Le,
+					colors: Et,
 					className: "h-full"
 				};
 			}
@@ -714,7 +1634,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Le,
+					colors: Et,
 					className: "h-full"
 				};
 			}
@@ -724,7 +1644,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: Le,
+				colors: Et,
 				className: "h-full"
 			};
 		}
@@ -785,10 +1705,10 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 	}, []);
 	return /* @__PURE__ */ Q("div", {
 		ref: o,
-		className: P("w-full", t),
+		className: V("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			m && /* @__PURE__ */ Z(Ie, { editMode: l }),
+			f && /* @__PURE__ */ Z(Tt, { editMode: c }),
 			/* @__PURE__ */ Q("div", {
 				className: "mb-4 flex items-center justify-between",
 				children: [/* @__PURE__ */ Z("h2", {
@@ -796,44 +1716,44 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					children: e.title || "Dashboard"
 				}), /* @__PURE__ */ Z("div", {
 					className: "flex gap-2",
-					children: l ? /* @__PURE__ */ Q(X, { children: [
-						/* @__PURE__ */ Q(v, {
-							onClick: E,
+					children: c ? /* @__PURE__ */ Q(Be, { children: [
+						/* @__PURE__ */ Q(O, {
+							onClick: x,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ Z(K, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ Z(xe, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ Q(v, {
-							onClick: D,
+						/* @__PURE__ */ Q(O, {
+							onClick: S,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ Z(de, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ Z(Ce, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ Z(v, {
-							onClick: () => u(!1),
+						/* @__PURE__ */ Z(O, {
+							onClick: () => l(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ Q(X, { children: [i && /* @__PURE__ */ Q(v, {
-						onClick: g,
+					] }) : /* @__PURE__ */ Q(Be, { children: [i && /* @__PURE__ */ Q(O, {
+						onClick: h,
 						size: "sm",
 						variant: "outline",
-						disabled: d,
+						disabled: u,
 						"aria-label": "Refresh dashboard",
-						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),
+						children: [/* @__PURE__ */ Z(be, { className: V("h-4 w-4 mr-2", u && "animate-spin") }), u ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ Q(O, {
+						onClick: () => l(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ Z(se, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ Z(_e, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			s && /* @__PURE__ */ Z(xe, {
+			s && /* @__PURE__ */ Z(Ve, {
 				className: "layout",
 				width: a,
-				layouts: _,
+				layouts: g,
 				breakpoints: {
 					lg: 1200,
 					md: 996,
@@ -850,41 +1770,41 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 				},
 				rowHeight: 60,
 				dragConfig: {
-					enabled: l,
+					enabled: c,
 					handle: ".drag-handle"
 				},
-				resizeConfig: { enabled: l },
-				onLayoutChange: T,
+				resizeConfig: { enabled: c },
+				onLayoutChange: y,
 				children: e.widgets?.map((e, t) => {
-					let n = e.id || `widget-${t}`, r = O(e);
+					let n = e.id || `widget-${t}`, r = C(e);
 					return /* @__PURE__ */ Z("div", {
 						className: "h-full",
 						children: e.type === "metric" ? /* @__PURE__ */ Q("div", {
 							className: "h-full w-full relative",
-							children: [l && /* @__PURE__ */ Z("div", {
+							children: [c && /* @__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(ce, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ Z(c, {
+								children: /* @__PURE__ */ Z(ve, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ Z(m, {
 								schema: r,
 								className: "h-full w-full"
 							})]
-						}) : /* @__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(x, {
+						}) : /* @__PURE__ */ Q(k, {
+							className: V("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", c && "ring-2 ring-primary/20"),
+							children: [e.title && /* @__PURE__ */ Q(j, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ Z(S, {
+								children: [/* @__PURE__ */ Z(M, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
-								}), l && /* @__PURE__ */ Z("div", {
+								}), c && /* @__PURE__ */ Z("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ Z(ce, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ Z(ve, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ Z(b, {
+							}), /* @__PURE__ */ Z(A, {
 								className: "p-0 h-full",
 								children: /* @__PURE__ */ Z("div", {
-									className: P("h-full w-full overflow-auto p-4"),
-									children: /* @__PURE__ */ Z(c, { schema: r })
+									className: V("h-full w-full overflow-auto p-4"),
+									children: /* @__PURE__ */ Z(m, { schema: r })
 								})
 							})]
 						})
@@ -893,7 +1813,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 			})
 		]
 	});
-}, Ve = h({
+}, At = S({
 	"dashboard.trend.vsLastQuarter": "vs last quarter",
 	"dashboard.trend.vsLastMonth": "vs last month",
 	"dashboard.trend.vsLastWeek": "vs last week",
@@ -901,7 +1821,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 	"dashboard.trend.vsYesterday": "vs yesterday",
 	"dashboard.trend.vsPreviousPeriod": "vs previous period"
 }, "dashboard.trend.vsLastQuarter");
-function He(e) {
+function jt(e) {
 	switch (e.trim().toLowerCase().replace(/\s+/g, " ")) {
 		case "vs last quarter":
 		case "vs previous quarter": return "dashboard.trend.vsLastQuarter";
@@ -917,11 +1837,11 @@ function He(e) {
 		default: return;
 	}
 }
-function Ue(e, t, n) {
+function Mt(e, t, n) {
 	if (e == null) return "";
 	if (typeof e == "string") {
 		let r = Number(e);
-		return !isFinite(r) || e.trim() === "" ? e : Ue(r, t, n);
+		return !isFinite(r) || e.trim() === "" ? e : Mt(r, t, n);
 	}
 	if (!isFinite(e)) return String(e);
 	let r = {
@@ -948,10 +1868,10 @@ function Ue(e, t, n) {
 		maximumFractionDigits: c
 	}).format(e);
 }
-function We(e) {
+function Nt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Ge = {
+var Pt = {
 	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",
@@ -960,18 +1880,18 @@ var Ge = {
 	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"
-}, 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);
+}, Ft = ({ 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 = Pt[c] || Pt.default, { t: g } = At(), _ = K(() => {
+		let e = Nt(a) || Nt(n?.label);
 		if (!e) return e;
-		let t = He(e);
+		let t = jt(e);
 		return t ? g(t) : e;
 	}, [
 		a,
 		n?.label,
 		g
-	]), v = V(() => {
-		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? Ue(t, l, u) : t ?? "", n = String(e);
+	]), v = K(() => {
+		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? Mt(t, l, u) : t ?? "", n = String(e);
 		return `${d && n.startsWith(d) ? "" : d ?? ""}${n}${f && n.endsWith(f) ? "" : f ?? ""}`;
 	}, [
 		t,
@@ -979,15 +1899,15 @@ var Ge = {
 		u,
 		d,
 		f
-	]), C = V(() => {
+	]), y = K(() => {
 		if (typeof r == "string") {
-			let e = F(r);
+			let e = oe(r);
 			return e ? /* @__PURE__ */ Z(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	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),
+	return /* @__PURE__ */ Q(k, {
+		className: V("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,
 		tabIndex: p ? 0 : void 0,
@@ -995,19 +1915,19 @@ var Ge = {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
 		} : void 0,
 		...m,
-		children: [/* @__PURE__ */ Q(x, {
+		children: [/* @__PURE__ */ Q(j, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ Z(S, {
+			children: [/* @__PURE__ */ Z(M, {
 				className: "text-sm font-medium truncate",
-				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
+				children: Nt(e)
+			}), y && /* @__PURE__ */ Z("div", {
+				className: V("flex h-8 w-8 items-center justify-center rounded-md shrink-0", h),
+				children: y
 			})]
-		}), /* @__PURE__ */ Z(b, { children: o ? /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z(A, { 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", {
+			children: [/* @__PURE__ */ Z(X, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
@@ -1015,21 +1935,21 @@ var Ge = {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-error",
 			role: "alert",
-			children: [/* @__PURE__ */ Z(U, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
+			children: [/* @__PURE__ */ Z(fe, { 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",
+		}) : /* @__PURE__ */ Q(Be, { children: [/* @__PURE__ */ Z("div", {
+			className: "text-2xl font-bold tabular-nums tracking-tight truncate",
 			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"),
+				className: V("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(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.direction === "up" && /* @__PURE__ */ Z(me, { className: "h-3 w-3 mr-1" }),
+					n.direction === "down" && /* @__PURE__ */ Z(pe, { className: "h-3 w-3 mr-1" }),
+					n.direction === "neutral" && /* @__PURE__ */ Z(ye, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
@@ -1042,24 +1962,24 @@ var Ge = {
 };
 //#endregion
 //#region src/MetricCard.tsx
-function qe(e) {
+function It(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-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(y, {
-		className: P("h-full", o),
+var Lt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
+	let u = n ? oe(n) : null;
+	return /* @__PURE__ */ Q(k, {
+		className: V("h-full", o),
 		...l,
-		children: [/* @__PURE__ */ Q(x, {
+		children: [/* @__PURE__ */ Q(j, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ Z(S, {
+			children: [/* @__PURE__ */ Z(M, {
 				className: "text-sm font-medium",
-				children: qe(e)
+				children: It(e)
 			}), u && /* @__PURE__ */ Z(u, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ Z(b, { children: s ? /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z(A, { 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", {
+			children: [/* @__PURE__ */ Z(X, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
@@ -1067,222 +1987,230 @@ var Je = ({ 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(U, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
+			children: [/* @__PURE__ */ Z(fe, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ Z("span", {
 				className: "text-xs text-destructive truncate",
 				children: c
 			})]
-		}) : /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("div", {
+		}) : /* @__PURE__ */ Q(Be, { children: [/* @__PURE__ */ Z("div", {
 			className: "text-2xl font-bold",
 			children: t
 		}), (r || i || a) && /* @__PURE__ */ Q("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1",
 			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"),
+				className: V("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(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" }),
+					r === "up" && /* @__PURE__ */ Z(me, { className: "h-3 w-3 mr-1" }),
+					r === "down" && /* @__PURE__ */ Z(pe, { className: "h-3 w-3 mr-1" }),
+					r === "neutral" && /* @__PURE__ */ Z(ye, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), qe(a)]
+			}), It(a)]
 		})] }) })]
 	});
-}, 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(() => {
+}, Rt = ({ objectName: e, aggregate: t, filter: n, label: r, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: g, colorVariant: _, format: v, currency: y, prefix: b, suffix: x, invert: S, drillDown: T, title: E, compareTo: D, t: O }) => {
+	let k = ue(h), A = g || k?.dataSource, [j, M] = q(!1), [N, P] = q(null), [F, I] = q(null), [ne, B] = q(!1), [V, oe] = q(null), [se, H] = q(null);
+	G(() => {
 		let t = !0;
-		if (!(!N || !e || typeof N.getObjectSchema != "function")) return N.getObjectSchema(e).then((e) => {
-			t && ce(e);
+		if (!(!A || !e || typeof A.getObjectSchema != "function")) return A.getObjectSchema(e).then((e) => {
+			t && H(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
-	}, [N, e]);
-	let G = V(() => {
-		let e = n?.field;
+	}, [A, e]);
+	let U = K(() => {
+		let e = t?.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(() => {
+		let n = se.fields;
+		return Array.isArray(n) ? n.find((t) => t?.name === e) || null : n[e] || null;
+	}, [se, t?.field]), ce = K(() => {
 		if (v) return v;
-		if (G) {
-			if (G.type === "currency") {
-				let e = G.precision ?? G.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 (G.type === "percent") return "0,0%";
-			if (G.type === "number" || G.type === "integer") return "0,0";
+			if (U.type === "percent") return "0,0%";
+			if (U.type === "number" || U.type === "integer") return "0,0";
 		}
-	}, [v, G]), ue = V(() => {
+	}, [v, U]), { currency: le } = w(), de = K(() => {
 		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",
+		if (U?.type === "currency") return C(U, le);
+	}, [
+		y,
+		U,
+		le
+	]), fe = K(() => t ? JSON.stringify(t) : "", [t]), J = K(() => d(n), [n]), pe = K(() => J ? JSON.stringify(J) : "", [J]), me = K(() => D ? JSON.stringify(D) : "", [D]), he = W(async (n, r) => {
+		if (t && typeof n.aggregate == "function") {
+			let i = await n.aggregate(e, {
+				field: t.field,
+				function: t.function,
+				groupBy: t.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);
+			if (t.function === "count") {
+				let e = `${t.field}_count`;
+				return a.reduce((n, r) => n + (Number(r[e]) || Number(r[t.field]) || Number(r.count) || 0), 0);
 			}
 			let o = a[0];
-			return o[`${n.field}_${n.function}`] ?? o[n.field] ?? o.value ?? 0;
+			return o[`${t.field}_${t.function}`] ?? o[t.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;
+		if (typeof n.find == "function") {
+			let t = await n.find(e, { $filter: r });
+			return (Array.isArray(t) ? t : t?.data || t?.records || []).length;
 		}
 		return null;
-	}, [e, K]), me = R(async (t, n) => {
+	}, [e, fe]), ge = W(async (t, r) => {
 		if (!(!t || !e)) {
-			n.current && (U(!0), W(null));
+			r.current && (B(!0), oe(null));
 			try {
-				let e = T ? s(r, T) : null, [i, a] = await Promise.all([pe(t, q), e ? pe(t, e) : Promise.resolve(null)]);
+				let e = D ? p(n, D) : null, [i, a] = await Promise.all([he(t, J), e ? he(t, e) : Promise.resolve(null)]);
 				if (i === null) return;
-				n.current && (L(i), ie(typeof a == "number" && Number.isFinite(a) ? a : null));
+				r.current && (P(i), I(typeof a == "number" && Number.isFinite(a) ? a : null));
 			} catch (e) {
-				console.error("[ObjectMetricWidget] Fetch error:", e), n.current && W(e instanceof Error ? e.message : "Failed to load metric");
+				console.error("[ObjectMetricWidget] Fetch error:", e), r.current && oe(e instanceof Error ? e.message : "Failed to load metric");
 			} finally {
-				n.current && U(!1);
+				r.current && B(!1);
 			}
 		}
 	}, [
 		e,
-		K,
-		de,
 		fe,
-		pe
+		pe,
+		me,
+		he
 	]);
-	B(() => {
+	G(() => {
 		let t = { current: !0 };
-		return N && e ? me(N, t) : (L(null), W(null)), () => {
+		return A && e ? ge(A, t) : (P(null), oe(null)), () => {
 			t.current = !1;
 		};
 	}, [
-		N,
+		A,
 		e,
-		me
+		ge
 	]);
-	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);
+	let Y = N === null ? A ? "—" : a ?? "—" : N;
+	S && typeof Y == "number" && isFinite(Y) && Y >= 0 && Y <= 1 && (Y = 1 - Y);
+	let _e = K(() => {
+		if (!D || typeof N != "number" || !Number.isFinite(N) || F === null) return;
+		let e = Ue(N, F);
 		if (!e) return;
-		let n = t(T, r), i = `dashboard.trend.${n}`, a = {
+		let t = i(D, n), r = `dashboard.trend.${t}`, 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;
+		}, o = O ? O(r, a[t] || t) : a[t] || t;
 		return {
 			value: e.value,
 			direction: e.direction,
 			label: o
 		};
+	}, [
+		D,
+		N,
+		F,
+		n,
+		O
+	]) ?? o, ve = u(T) && !!e && !!A, X = K(() => {
+		let e = typeof r == "string" ? r : r?.defaultValue || "";
+		return f(T, {}, (typeof E == "string" ? E : E?.defaultValue || "") || e || "Details");
 	}, [
 		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;
+	]), ye = K(() => {
+		if (!ve) return null;
+		let t = T?.target ?? "drawer", n = T?.report, r = n && typeof n == "object" && (Array.isArray(n.columns) || "objectName" in n), i = r ? null : /* @__PURE__ */ Z(it, {
+			objectName: e,
+			filter: J,
+			onNavigate: () => M(!1)
+		}), a;
 		if (r) {
-			let e = n.filter, t = e ? q ? { $and: [e, q] } : e : q;
-			i = /* @__PURE__ */ Z("div", {
+			let e = n.filter, t = e ? J ? { $and: [e, J] } : e : J;
+			a = /* @__PURE__ */ Z("div", {
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ Z(c, { schema: {
+				children: /* @__PURE__ */ Z(m, { schema: {
 					type: "spec-report",
 					...n,
 					filter: t
 				} })
 			});
-		} else i = /* @__PURE__ */ Z("div", {
+		} else a = /* @__PURE__ */ Z("div", {
 			className: "h-full overflow-auto",
-			children: /* @__PURE__ */ Z(c, { schema: {
+			children: /* @__PURE__ */ Z(m, { schema: {
 				type: "object-data-table",
 				objectName: e,
-				filter: q,
+				filter: J,
 				pageSize: 25,
-				drillDown: { enabled: !1 }
+				drillDown: {
+					enabled: !0,
+					mode: "record",
+					target: "dialog"
+				}
 			} })
 		});
-		return t === "dialog" ? /* @__PURE__ */ Z(D, {
+		return t === "dialog" ? /* @__PURE__ */ Z(L, {
 			open: !0,
-			onOpenChange: (e) => !e && F(!1),
-			children: /* @__PURE__ */ Q(O, {
+			onOpenChange: (e) => !e && M(!1),
+			children: /* @__PURE__ */ Q(R, {
 				className: "max-w-5xl",
-				children: [/* @__PURE__ */ Z(k, { children: /* @__PURE__ */ Z(A, { children: ge }) }), i]
+				children: [/* @__PURE__ */ Q(ee, {
+					className: "flex-row items-center justify-between gap-4 pr-8",
+					children: [/* @__PURE__ */ Z(te, { children: X }), i]
+				}), a]
 			})
-		}) : /* @__PURE__ */ Z(M, {
+		}) : /* @__PURE__ */ Z(z, {
 			open: !0,
-			onOpenChange: (e) => !e && F(!1),
-			children: /* @__PURE__ */ Q(ee, {
+			onOpenChange: (e) => !e && M(!1),
+			children: /* @__PURE__ */ Q(re, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-5xl flex flex-col",
-				children: [/* @__PURE__ */ Z(te, { children: /* @__PURE__ */ Z(ne, { children: ge }) }), /* @__PURE__ */ Z("div", {
+				children: [/* @__PURE__ */ Q(ie, {
+					className: "flex-row items-center justify-between gap-4 pr-8",
+					children: [/* @__PURE__ */ Z(ae, { children: X }), i]
+				}), /* @__PURE__ */ Z("div", {
 					className: "flex-1 overflow-hidden mt-2",
-					children: i
+					children: a
 				})]
 			})
 		});
 	}, [
-		Y,
-		C,
+		ve,
+		T,
 		e,
-		q,
-		ge
+		J,
+		X
 	]);
-	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Ke, {
-		label: u,
-		value: J,
-		trend: he,
-		icon: p,
-		className: m,
-		description: h,
-		loading: ae,
-		error: oe,
+	return /* @__PURE__ */ Q(Be, { children: [/* @__PURE__ */ Z(Ft, {
+		label: r,
+		value: Y,
+		trend: _e,
+		icon: s,
+		className: c,
+		description: l,
+		loading: ne,
+		error: V,
 		colorVariant: _,
-		format: le,
-		currency: ue,
+		format: ce,
+		currency: de,
 		prefix: b,
 		suffix: x,
-		onClick: Y ? () => F(!0) : void 0
-	}), P && _e] });
+		onClick: ve ? () => M(!0) : void 0
+	}), j && ye] });
 };
 //#endregion
-//#region src/PivotTable.tsx
-function Xe() {
-	try {
-		let { t: e } = g(), t = e("dashboard.total");
-		return !t || t === "dashboard.total" ? "Total" : t;
-	} catch {
-		return "Total";
-	}
+//#region src/PivotTable.tsx
+function zt() {
+	return D()("dashboard.total", "Total");
 }
-function Ze() {
-	try {
-		let { t: e } = g(), t = e("dashboard.noDataAvailable");
-		return !t || t === "dashboard.noDataAvailable" ? "No data available" : t;
-	} catch {
-		return "No data available";
-	}
+function Bt() {
+	return D()("dashboard.noDataAvailable", "No data available");
 }
-function Qe(e, t) {
+function Vt(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -1299,11 +2227,11 @@ function Qe(e, t) {
 	}
 	return n + l + r;
 }
-var $e = "—";
-function et(e, t) {
-	return e === "" ? $e : t?.[e] ?? e;
+var Ht = "—";
+function Ut(e, t) {
+	return e === "" ? Ht : t?.[e] ?? e;
 }
-function tt(e, t) {
+function Wt(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -1314,30 +2242,30 @@ function tt(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-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({
+var Gt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabel: i, onDrillDown: a }) => {
+	let { title: o, rowField: s, columnField: c, valueField: l, aggregation: d = "sum", data: f = [], showRowTotals: p = !1, showColumnTotals: m = !1, format: h, columnColors: g, drillDown: _ } = e, v = zt(), y = Bt(), b = u(_) && typeof a == "function", x = (e) => {
+		b && a({
 			...e,
 			rowLabel: e.rowKey === void 0 ? e.rowLabel : n?.[e.rowKey] ?? e.rowKey,
 			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]" : "", w = Array.isArray(f) ? f : [], { rowKeys: T, colKeys: D, matrix: O, rowTotals: k, colTotals: A, grandTotal: j } = V(() => {
+	}, 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: A } = K(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
 		for (let r of w) {
-			let i = String(r[c] ?? ""), a = String(r[l] ?? ""), o = Number(r[u]) || 0;
+			let i = String(r[s] ?? ""), a = String(r[c] ?? ""), o = Number(r[l]) || 0;
 			e.set(i, !0), t.set(a, !0), n[i] || (n[i] = {}), n[i][a] || (n[i][a] = []), n[i][a].push(o);
 		}
-		let r = Array.from(e.keys()), i = Array.from(t.keys()), a = {}, o = {}, s = {};
+		let r = Array.from(e.keys()), i = Array.from(t.keys()), a = {}, o = {}, u = {};
 		for (let e of r) {
 			a[e] = {};
 			let t = [];
 			for (let r of i) {
-				let i = n[e]?.[r] ?? [], o = tt(i, d);
-				a[e][r] = o, t.push(...i), !s[r] && s[r];
+				let i = n[e]?.[r] ?? [], o = Wt(i, d);
+				a[e][r] = o, t.push(...i), !u[r] && u[r];
 			}
-			o[e] = tt(t, d);
+			o[e] = Wt(t, d);
 		}
 		for (let e of i) {
 			let t = [];
@@ -1345,31 +2273,31 @@ var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabe
 				let r = n[i]?.[e] ?? [];
 				t.push(...r);
 			}
-			s[e] = tt(t, d);
+			u[e] = Wt(t, d);
 		}
 		let f = [];
-		for (let e of w) f.push(Number(e[u]) || 0);
+		for (let e of w) f.push(Number(e[l]) || 0);
 		return {
 			rowKeys: r,
 			colKeys: i,
 			matrix: a,
 			rowTotals: o,
-			colTotals: s,
-			grandTotal: tt(f, d)
+			colTotals: u,
+			grandTotal: Wt(f, d)
 		};
 	}, [
 		w,
+		s,
 		c,
 		l,
-		u,
 		d
-	]), M = (e) => Qe(e, h);
+	]), j = (e) => Vt(e, h);
 	return w.length === 0 ? /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", t),
-		children: [s && /* @__PURE__ */ Z("h3", {
+		className: V("overflow-auto", t),
+		children: [o && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
-			children: s
-		}), /* @__PURE__ */ Z(E, {
+			children: o
+		}), /* @__PURE__ */ Z(I, {
 			"data-testid": "pivot-empty-state",
 			className: "py-8 gap-2 [&>h3]:hidden",
 			icon: /* @__PURE__ */ Q("svg", {
@@ -1413,10 +2341,10 @@ var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabe
 			description: y
 		})]
 	}) : /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", t),
-		children: [s && /* @__PURE__ */ Z("h3", {
+		className: V("overflow-auto", t),
+		children: [o && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
-			children: s
+			children: o
 		}), /* @__PURE__ */ Q("table", {
 			className: "w-full text-sm border-collapse table-auto",
 			role: "table",
@@ -1426,22 +2354,22 @@ var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabe
 					children: [
 						/* @__PURE__ */ Z("th", {
 							className: "text-left p-2 font-medium text-muted-foreground whitespace-nowrap",
-							children: a || c
+							children: i || s
 						}),
-						D.map((e) => {
+						E.map((e) => {
 							let t = () => x({
 								scope: "column",
 								colKey: e
 							});
 							return /* @__PURE__ */ Z("th", {
-								className: P("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}`,
+								className: V("text-right p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", g?.[e] ?? "text-muted-foreground", C),
+								title: e === "" ? `${c}: (empty)` : `${c}: ${e}`,
 								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: et(e, r)
+								"aria-label": b ? `Drill into ${c}: ${e || "(empty)"}` : void 0,
+								children: Ut(e, r)
 							}, e);
 						}),
 						p && /* @__PURE__ */ Z("th", {
@@ -1454,7 +2382,7 @@ var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabe
 					className: "border-b border-border/50 hover:bg-muted/30",
 					children: [
 						/* @__PURE__ */ Z("td", {
-							className: P("p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", C),
+							className: V("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({
@@ -1465,41 +2393,41 @@ var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabe
 								scope: "row",
 								rowKey: e
 							})) : void 0,
-							"aria-label": b ? `Drill into ${c}: ${e || "(empty)"}` : void 0,
-							children: et(e, n)
+							"aria-label": b ? `Drill into ${s}: ${e || "(empty)"}` : void 0,
+							children: Ut(e, n)
 						}),
-						D.map((t) => {
-							let n = O[e]?.[t] ?? 0, r = () => x({
+						E.map((t) => {
+							let n = D[e]?.[t] ?? 0, r = () => x({
 								scope: "cell",
 								rowKey: e,
 								colKey: t,
 								value: n
 							});
 							return /* @__PURE__ */ Z("td", {
-								className: P("text-right p-2 tabular-nums", g?.[t], C),
+								className: V("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)
+								"aria-label": b ? `Drill into ${s}=${e || "(empty)"}, ${c}=${t || "(empty)"}` : void 0,
+								children: j(n)
 							}, t);
 						}),
 						p && /* @__PURE__ */ Z("td", {
-							className: P("text-right p-2 font-semibold tabular-nums bg-muted/20", C),
+							className: V("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: k[e] ?? 0
+								value: O[e] ?? 0
 							}) : void 0,
 							onKeyDown: b ? S(() => x({
 								scope: "row",
 								rowKey: e,
-								value: k[e] ?? 0
+								value: O[e] ?? 0
 							})) : void 0,
-							children: M(k[e] ?? 0)
+							children: j(O[e] ?? 0)
 						})
 					]
 				}, e)) }),
@@ -1510,424 +2438,51 @@ var nt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabe
 							className: "p-2",
 							children: v
 						}),
-						D.map((e) => /* @__PURE__ */ Z("td", {
-							className: P("text-right p-2 tabular-nums", C),
+						E.map((e) => /* @__PURE__ */ Z("td", {
+							className: V("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: A[e] ?? 0
+								value: k[e] ?? 0
 							}) : void 0,
 							onKeyDown: b ? S(() => x({
 								scope: "column",
 								colKey: e,
-								value: A[e] ?? 0
+								value: k[e] ?? 0
 							})) : void 0,
-							children: M(A[e] ?? 0)
+							children: j(k[e] ?? 0)
 						}, e)),
 						p && /* @__PURE__ */ Z("td", {
-							className: P("text-right p-2 tabular-nums font-bold", C),
+							className: V("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: j
+								value: A
 							}) : void 0,
 							onKeyDown: b ? S(() => x({
 								scope: "total",
-								value: j
+								value: A
 							})) : void 0,
-							children: M(j)
+							children: j(A)
 						})
 					]
 				}) })
 			]
 		})]
 	});
-};
-//#endregion
-//#region src/ObjectDataTable.tsx
-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 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);
-	else for (let [e, r] of Object.entries(t.fields)) n[e] = {
-		name: e,
-		...r
-	};
-	let r = (e) => e === "lookup" || e === "reference" || e === "master_detail" || e === "user" || e === "owner", i = Array.isArray(e.columns) ? e.columns : [], a = /* @__PURE__ */ new Set();
-	if (i.length > 0) {
-		let e = i.map((e) => typeof e == "string" ? e : e.accessorKey || e.name).filter(Boolean);
-		for (let t of e) {
-			let e = n[t];
-			e && r(e.type) && a.add(t);
-		}
-	} else for (let [e, t] of Object.entries(n)) r(t?.type) && a.add(e);
-	return Array.from(a);
-}
-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 } = g(), t = e("dashboard.noDataAvailable");
-		t && t !== "dashboard.noDataAvailable" && (p = t);
-		let n = e("dashboard.noDataSourceFor");
-		n && n !== "dashboard.noDataSourceFor" && (m = n);
-	} catch {}
-	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 && !s && (!e.data || e.data.length === 0) ? (async () => {
-			if (!o || !e.objectName) {
-				t && S(!1);
-				return;
-			}
-			t && (S(!0), w(null));
-			try {
-				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(n);
-			} catch (e) {
-				console.error("[ObjectDataTable] Fetch error:", e), t && w(e instanceof Error ? e.message : "Failed to load data");
-			} finally {
-				t && S(!1);
-			}
-		})() : t && S(!1), () => {
-			t = !1;
-		};
-	}, [
-		e.objectName,
-		o,
-		s,
-		e.data,
-		e.filter,
-		y
-	]), B(() => {
-		let t = !0;
-		if (!(!o || !e.objectName || typeof o.getObjectSchema != "function")) return o.getObjectSchema(e.objectName).then((e) => {
-			t && b(e);
-		}).catch(() => {}), () => {
-			t = !1;
-		};
-	}, [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;
-			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,
-				...r
-			};
-		}
-		let r = (e) => {
-			let n = e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1");
-			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) => {
-				if (n == null) return n;
-				let r = typeof n == "object" ? n.value : n, i = typeof n == "object" && n.label || String(r);
-				return {
-					value: r,
-					label: f(t, e.accessorKey, String(r), i),
-					color: typeof n == "object" ? n.color : void 0
-				};
-			}));
-			let o = {
-				name: e.accessorKey,
-				label: e.header,
-				type: e.type ?? r?.type,
-				options: a,
-				referenceTo: i,
-				format: e.format ?? r?.format,
-				currency: e.currency ?? r?.currency ?? r?.defaultCurrency,
-				decimals: e.decimals ?? r?.decimals ?? r?.precision ?? r?.scale
-			}, s = new Set([
-				"currency",
-				"money",
-				"number",
-				"integer",
-				"decimal",
-				"float",
-				"percent",
-				"percentage"
-			]), c = e.align ?? (s.has(o.type) || typeof o.format == "string" && /^[\$¥€£]|%$|0/.test(o.format) ? "right" : void 0);
-			if (typeof e.cell == "function") return {
-				...e,
-				...o,
-				align: c
-			};
-			let l = (e) => {
-				if (e == null || e === "") return "";
-				let t = o.format;
-				if (typeof t == "string" && /^\$|¥|€|£/.test(t) && typeof e == "number") {
-					let n = {
-						$: "USD",
-						"¥": "JPY",
-						"€": "EUR",
-						"£": "GBP"
-					}[t[0]];
-					return Ce(e, o.currency || n);
-				}
-				if (typeof t == "string" && /%/.test(t) && typeof e == "number") {
-					let n = (t.match(/0\.(0+)%/) || [, ""])[1].length;
-					return Te((e > 1 ? e / 100 : e) * 100, n);
-				}
-				return typeof t == "string" && /[YMDHms]/.test(t) ? we(e, t) : /* @__PURE__ */ Z(Ee(De(o)), {
-					value: e,
-					field: o
-				});
-			};
-			return {
-				...e,
-				...o,
-				align: c,
-				cell: l
-			};
-		};
-		if (e.columns && e.columns.length > 0) {
-			let n = rt(e.columns);
-			return (t ? n.map((e) => ({
-				...e,
-				header: u(t, e.accessorKey, e.header)
-			})) : n).map(i);
-		}
-		if (E.length === 0) return [];
-		let a = new Set([
-			"id",
-			"organization_id",
-			"tenant_id",
-			"created_at",
-			"updated_at",
-			"created_by",
-			"updated_by",
-			"deleted_at",
-			"deleted_by",
-			"version",
-			"_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(E[0]).filter((e) => !e.startsWith("_") && !o(e))).map((e) => i({
-			header: r(e),
-			accessorKey: e
-		}));
-	}, [
-		e.columns,
-		e.objectName,
-		E,
-		y,
-		u,
-		f
-	]);
-	if (x && E.length === 0) return /* @__PURE__ */ Z("div", {
-		className: P("overflow-auto", n),
-		"data-testid": "table-loading",
-		children: /* @__PURE__ */ Q("div", {
-			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ Q("div", {
-				className: "flex gap-2",
-				children: [
-					/* @__PURE__ */ Z(N, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ Z(N, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ Z(N, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ Z(N, { className: "h-6 w-1/4" })
-				]
-			}), [
-				1,
-				2,
-				3,
-				4
-			].map((e) => /* @__PURE__ */ Q("div", {
-				className: "flex gap-2",
-				children: [
-					/* @__PURE__ */ Z(N, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ Z(N, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ Z(N, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ Z(N, { className: "h-5 w-1/4" })
-				]
-			}, e))]
-		})
-	});
-	if (C) return /* @__PURE__ */ Z("div", {
-		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",
-			"data-testid": "table-error-message",
-			children: [/* @__PURE__ */ Q("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				className: "h-8 w-8 mb-2 opacity-60",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: [
-					/* @__PURE__ */ Z("circle", {
-						cx: "12",
-						cy: "12",
-						r: "10"
-					}),
-					/* @__PURE__ */ Z("line", {
-						x1: "12",
-						y1: "8",
-						x2: "12",
-						y2: "12"
-					}),
-					/* @__PURE__ */ Z("line", {
-						x1: "12",
-						y1: "16",
-						x2: "12.01",
-						y2: "16"
-					})
-				]
-			}), /* @__PURE__ */ Z("p", {
-				className: "text-xs",
-				children: C
-			})]
-		})
-	});
-	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: [
-					m,
-					" “",
-					e.objectName,
-					"”"
-				]
-			})
-		})
-	});
-	if (E.length === 0) return /* @__PURE__ */ Z("div", {
-		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",
-			children: [/* @__PURE__ */ Q("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				className: "h-8 w-8 mb-2 opacity-40",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: [
-					/* @__PURE__ */ Z("rect", {
-						x: "3",
-						y: "3",
-						width: "18",
-						height: "18",
-						rx: "2",
-						ry: "2"
-					}),
-					/* @__PURE__ */ Z("line", {
-						x1: "3",
-						y1: "9",
-						x2: "21",
-						y2: "9"
-					}),
-					/* @__PURE__ */ Z("line", {
-						x1: "9",
-						y1: "21",
-						x2: "9",
-						y2: "9"
-					})
-				]
-			}), /* @__PURE__ */ Z("p", {
-				className: "text-xs",
-				children: p
-			})]
-		})
-	});
-	let O = {
-		...e,
-		type: "data-table",
-		data: E,
-		columns: D
-	};
-	return /* @__PURE__ */ Q("div", {
-		className: P("relative", n),
-		children: [/* @__PURE__ */ Z(j, { active: x && E.length > 0 }), /* @__PURE__ */ Z(c, {
-			schema: O,
-			className: n
-		})]
-	});
-}, 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(c, { schema: {
-				...d,
-				type: "spec-report",
-				report: {
-					...d,
-					filter: t
-				},
-				filter: t
-			} });
-		})() : /* @__PURE__ */ Z(at, {
-			schema: {
-				type: "object-data-table",
-				objectName: i,
-				filter: a,
-				columns: s?.map((e) => ({
-					accessorKey: e,
-					header: e
-				})),
-				pagination: !0,
-				searchable: !1,
-				pageSize: l
-			},
-			dataSource: o
-		})
-	});
-	return r === "dialog" ? /* @__PURE__ */ Z(D, {
-		open: e,
-		onOpenChange: (e) => !e && t(),
-		children: /* @__PURE__ */ Q(O, {
-			className: "max-w-5xl",
-			children: [/* @__PURE__ */ Z(k, { children: /* @__PURE__ */ Z(A, { children: n }) }), p]
-		})
-	}) : /* @__PURE__ */ Z(M, {
-		open: e,
-		onOpenChange: (e) => !e && t(),
-		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(te, { children: /* @__PURE__ */ Z(ne, { children: n }) }), /* @__PURE__ */ Z("div", {
-				className: "flex-1 overflow-hidden mt-2",
-				children: p
-			})]
-		})
-	});
-}, 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]), B(() => {
-		if (!u || !e.objectName) return;
-		let t = u.getObjectSchema;
+}, Kt = ({ schema: e, dataSource: t, className: n }) => {
+	let r = ue(h), i = t || r?.dataSource, s = _(e.bind), [c, l] = q([]), [p, m] = q(!1), [g, v] = q(null), [y, b] = q({}), [x, S] = q({}), [C, w] = q(null), { fieldLabel: T, fieldOptionLabel: D } = E(), O = de(T), k = de(D);
+	G(() => {
+		O.current = T, k.current = D;
+	}, [T, D]), G(() => {
+		if (!i || !e.objectName) return;
+		let t = i.getObjectSchema;
 		if (typeof t != "function") return;
 		let n = !0;
-		return Promise.resolve(t.call(u, e.objectName)).then((t) => {
+		return Promise.resolve(t.call(i, e.objectName)).then((t) => {
 			if (!n || !t?.fields) return;
 			let r = e.objectName, i = {}, a = {};
 			for (let [e, n] of Object.entries(t.fields)) {
@@ -1943,24 +2498,24 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 					Object.keys(t).length > 0 && (i[e] = t);
 				}
 			}
-			x(i), C(a);
+			b(i), S(a);
 		}).catch(() => {}), () => {
 			n = !1;
 		};
-	}, [u, e.objectName]), B(() => {
+	}, [i, e.objectName]), G(() => {
 		let t = !0;
-		return e.objectName && !f && (!e.data || e.data.length === 0) && (async () => {
-			if (!(!u || !e.objectName)) {
-				t && (g(!0), y(null));
+		return e.objectName && !s && (!e.data || e.data.length === 0) && (async () => {
+			if (!(!i || !e.objectName)) {
+				t && (m(!0), v(null));
 				try {
 					let n;
-					if (typeof u.find == "function") n = r(await u.find(e.objectName, { $filter: a(e.filter) }));
+					if (typeof i.find == "function") n = o(await i.find(e.objectName, { $filter: d(e.filter) }));
 					else return;
-					t && m(n);
+					t && l(n);
 				} catch (e) {
-					console.error("[ObjectPivotTable] Fetch error:", e), t && y(e instanceof Error ? e.message : "Failed to load data");
+					console.error("[ObjectPivotTable] Fetch error:", e), t && v(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
-					t && g(!1);
+					t && m(!1);
 				}
 			}
 		})(), () => {
@@ -1968,14 +2523,14 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 		};
 	}, [
 		e.objectName,
-		u,
-		f,
+		i,
+		s,
 		e.data,
 		e.filter
 	]);
-	let A = f || e.data || p, j = Array.isArray(A) ? A : [];
-	if (h && j.length === 0) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", s),
+	let A = s || e.data || c, j = Array.isArray(A) ? A : [];
+	if (p && j.length === 0) return /* @__PURE__ */ Q("div", {
+		className: V("overflow-auto", n),
 		"data-testid": "pivot-loading",
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -1985,10 +2540,10 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 			children: [/* @__PURE__ */ Q("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ Z(N, { className: "h-6 w-24" }),
-					/* @__PURE__ */ Z(N, { className: "h-6 w-20" }),
-					/* @__PURE__ */ Z(N, { className: "h-6 w-20" }),
-					/* @__PURE__ */ Z(N, { className: "h-6 w-20" })
+					/* @__PURE__ */ Z(B, { className: "h-6 w-24" }),
+					/* @__PURE__ */ Z(B, { className: "h-6 w-20" }),
+					/* @__PURE__ */ Z(B, { className: "h-6 w-20" }),
+					/* @__PURE__ */ Z(B, { className: "h-6 w-20" })
 				]
 			}), [
 				1,
@@ -1997,16 +2552,16 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 			].map((e) => /* @__PURE__ */ Q("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ Z(N, { className: "h-5 w-24" }),
-					/* @__PURE__ */ Z(N, { className: "h-5 w-20" }),
-					/* @__PURE__ */ Z(N, { className: "h-5 w-20" }),
-					/* @__PURE__ */ Z(N, { className: "h-5 w-20" })
+					/* @__PURE__ */ Z(B, { className: "h-5 w-24" }),
+					/* @__PURE__ */ Z(B, { className: "h-5 w-20" }),
+					/* @__PURE__ */ Z(B, { className: "h-5 w-20" }),
+					/* @__PURE__ */ Z(B, { className: "h-5 w-20" })
 				]
 			}, e))]
 		})]
 	});
-	if (v) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", s),
+	if (g) return /* @__PURE__ */ Q("div", {
+		className: V("overflow-auto", n),
 		"data-testid": "pivot-error",
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -2044,12 +2599,12 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 				]
 			}), /* @__PURE__ */ Z("p", {
 				className: "text-xs",
-				children: v
+				children: g
 			})]
 		})]
 	});
-	if (!u && e.objectName && j.length === 0) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", s),
+	if (!i && e.objectName && j.length === 0) return /* @__PURE__ */ Q("div", {
+		className: V("overflow-auto", n),
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
@@ -2068,37 +2623,37 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 	let M = {
 		...e,
 		data: j
-	}, 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, {
+	}, N = e.rowField ? y[e.rowField] : void 0, P = e.columnField ? y[e.columnField] : void 0, F = e.rowField ? x[e.rowField] : void 0, I = e.drillDown;
+	return /* @__PURE__ */ Q(Be, { children: [/* @__PURE__ */ Z(Gt, {
 		schema: M,
-		className: s,
-		rowLabels: ee,
-		columnLabels: te,
-		rowFieldLabel: ne,
-		onDrillDown: i(F) ? (e) => T(e) : void 0
+		className: n,
+		rowLabels: N,
+		columnLabels: P,
+		rowFieldLabel: F,
+		onDrillDown: u(I) ? (e) => w(e) : void 0
 	}), (() => {
-		if (!w || !e.objectName) return null;
-		let t = n(F, w, {
+		if (!C || !e.objectName) return null;
+		let t = a(I, C, {
 			rowField: e.rowField,
 			columnField: e.columnField
-		}), r = {
+		}), n = {
 			...e.filter || {},
 			...t
 		};
-		return /* @__PURE__ */ Z(ot, {
+		return /* @__PURE__ */ Z(at, {
 			open: !0,
-			onClose: () => T(null),
-			title: o(F, w, e.title || "Details"),
-			target: F?.target ?? "drawer",
+			onClose: () => w(null),
+			title: f(I, C, e.title || "Details"),
+			target: I?.target ?? "drawer",
 			objectName: e.objectName,
-			filter: r,
-			dataSource: u,
-			columns: F?.columns,
-			maxRows: F?.maxRows,
-			report: F?.report
+			filter: n,
+			dataSource: i,
+			columns: I?.columns,
+			maxRows: I?.maxRows,
+			report: I?.report
 		});
 	})()] });
-}, ct = {
+}, qt = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -2224,12 +2779,12 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 		}
 	]
 };
-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, {
+function Jt({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+	let { draft: a, isDirty: o, updateField: s, discard: c } = se(n, { onUpdate: i });
+	return /* @__PURE__ */ Z(P, {
 		open: e,
 		onClose: t,
-		schema: ct,
+		schema: qt,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -2239,7 +2794,7 @@ function lt({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var ut = [
+var Yt = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -2284,7 +2839,7 @@ var ut = [
 		value: "pivot",
 		label: "Pivot Table"
 	}
-], dt = [
+], Xt = [
 	{
 		value: "default",
 		label: "Default"
@@ -2317,7 +2872,7 @@ var ut = [
 		value: "danger",
 		label: "Danger"
 	}
-], ft = [
+], Zt = [
 	{
 		value: "count",
 		label: "Count"
@@ -2338,7 +2893,7 @@ var ut = [
 		value: "max",
 		label: "Max"
 	}
-], pt = [
+], Qt = [
 	"bar",
 	"horizontal-bar",
 	"line",
@@ -2347,17 +2902,17 @@ var ut = [
 	"donut",
 	"scatter",
 	"funnel"
-], mt = [
+], $t = [
 	"bar",
 	"horizontal-bar",
 	"line",
 	"area",
 	"scatter"
-], ht = [
+], en = [
 	"pie",
 	"donut",
 	"funnel"
-], gt = ["metric", ...pt], _t = [...pt], vt = [
+], tn = ["metric", ...Qt], nn = [...Qt], rn = [
 	"pivot",
 	"metric",
 	"bar",
@@ -2366,52 +2921,57 @@ var ut = [
 	"area",
 	"pie",
 	"donut",
-	"funnel"
+	"funnel",
+	"scatter",
+	"treemap",
+	"sankey",
+	"table",
+	"list"
 ];
-function yt(e) {
-	return !!e && pt.includes(e);
+function an(e) {
+	return !!e && Qt.includes(e);
 }
-function bt(e) {
-	return !!e && mt.includes(e);
+function on(e) {
+	return !!e && $t.includes(e);
 }
-function xt(e) {
-	return !!e && _t.includes(e);
+function sn(e) {
+	return !!e && nn.includes(e);
 }
-function St(e) {
-	return !!e && gt.includes(e);
+function cn(e) {
+	return !!e && tn.includes(e);
 }
-function Ct(e) {
-	return !!e && vt.includes(e);
+function ln(e) {
+	return !!e && rn.includes(e);
 }
-var wt = [{
+var un = [{
 	value: "drawer",
 	label: "Side drawer"
 }, {
 	value: "dialog",
 	label: "Center dialog"
-}], Tt = [{
+}], dn = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], Et = [{
+}], fn = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function Dt(e, t, n, r) {
+function pn(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ Z(T, {
+		render: (i, a, o) => /* @__PURE__ */ Z(F, {
 			label: t,
 			children: /* @__PURE__ */ Z("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ Z(C, {
+				children: /* @__PURE__ */ Z(N, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -2425,16 +2985,16 @@ function Dt(e, t, n, r) {
 		})
 	};
 }
-function Ot(e, t, n) {
+function mn(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ Z(T, {
+		render: (t, n) => /* @__PURE__ */ Z(F, {
 			label: "Data source",
 			children: /* @__PURE__ */ Z("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ Z(C, {
+				children: /* @__PURE__ */ Z(N, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -2451,38 +3011,38 @@ function Ot(e, t, n) {
 		type: "input",
 		placeholder: "Object name"
 	}, a = r ? {
-		...Dt("categoryField", "Category field", "Select field…", t),
+		...pn("categoryField", "Category field", "Select field…", t),
 		helpText: "Group records by this field (one bar/slice/segment per value).",
-		visibleWhen: (e) => xt(e.type)
+		visibleWhen: (e) => sn(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) => xt(e.type)
+		visibleWhen: (e) => sn(e.type)
 	}, o = r ? {
-		...Dt("valueField", "Value field", "Select field…", t),
+		...pn("valueField", "Value field", "Select field…", t),
 		helpText: "Field to aggregate (sum / average / min / max).",
-		visibleWhen: (e) => St(e.type) && (e.aggregate ?? "count") !== "count"
+		visibleWhen: (e) => cn(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) => St(e.type) && (e.aggregate ?? "count") !== "count"
-	}, s = r ? Dt("rowField", "Field", "Select row field…", t) : {
+		visibleWhen: (e) => cn(e.type) && (e.aggregate ?? "count") !== "count"
+	}, s = r ? pn("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? Dt("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? pn("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? Dt("valueField", "Field", "Select value field…", t) : {
+	}, l = r ? pn("valueField", "Field", "Select value field…", t) : {
 		key: "valueField",
 		label: "Field",
 		type: "input",
@@ -2492,7 +3052,7 @@ function Ot(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (yt(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (an(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -2514,7 +3074,7 @@ function Ot(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: ut,
+						options: Yt,
 						defaultValue: "metric"
 					}
 				]
@@ -2532,10 +3092,10 @@ function Ot(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: ft,
+						options: Zt,
 						defaultValue: "count",
 						helpText: "Count ignores Value field; Sum / Avg / Min / Max require it.",
-						visibleWhen: (e) => St(e.type)
+						visibleWhen: (e) => cn(e.type)
 					}
 				]
 			},
@@ -2557,14 +3117,14 @@ function Ot(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: Tt,
+						options: dn,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: Et,
+						options: fn,
 						defaultValue: "asc"
 					},
 					{
@@ -2592,14 +3152,14 @@ function Ot(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: Tt,
+						options: dn,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: Et,
+						options: fn,
 						defaultValue: "asc"
 					},
 					{
@@ -2627,7 +3187,7 @@ function Ot(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: ft,
+						options: Zt,
 						defaultValue: "sum"
 					},
 					{
@@ -2642,7 +3202,7 @@ function Ot(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => bt(e.type),
+				visibleWhen: (e) => on(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -2668,7 +3228,7 @@ function Ot(e, t, n) {
 				key: "chart-legend",
 				title: "Display",
 				collapsible: !0,
-				visibleWhen: (e) => !!e.type && ht.includes(e.type),
+				visibleWhen: (e) => !!e.type && en.includes(e.type),
 				fields: [{
 					key: "showLegend",
 					label: "Show legend",
@@ -2720,18 +3280,18 @@ function Ot(e, t, n) {
 				title: "Drill-down",
 				collapsible: !0,
 				defaultCollapsed: !0,
-				visibleWhen: (e) => Ct(e.type),
+				visibleWhen: (e) => ln(e.type),
 				fields: [{
 					key: "drillDownEnabled",
 					label: "Enable drill-down",
 					type: "switch",
 					defaultValue: !1,
-					helpText: "When enabled, clicking a cell / segment opens a filtered list of underlying records."
+					helpText: "When enabled, clicking a chart segment / pivot cell opens a filtered list of underlying records; clicking a table or list row opens that record."
 				}, {
 					key: "drillDownTarget",
 					label: "Open in",
 					type: "select",
-					options: wt,
+					options: un,
 					defaultValue: "drawer",
 					visibleWhen: (e) => !!e.drillDownEnabled
 				}]
@@ -2757,14 +3317,14 @@ function Ot(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: dt,
+					options: Xt,
 					defaultValue: "default"
 				}]
 			}
 		]
 	};
 }
-function kt(e) {
+function hn(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -2773,20 +3333,20 @@ function kt(e) {
 	}
 	return String(e);
 }
-function At(e) {
+function gn(e) {
 	let t = e.type, n = { ...e };
-	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;
+	return sn(t) || delete n.categoryField, cn(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), on(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), ln(t) || (delete n.drillDownEnabled, delete n.drillDownTarget), n;
 }
-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(() => ({
+function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
+	let { draft: c, isDirty: l, updateField: u, discard: d } = se(H.useMemo(() => ({
 		...n,
-		title: typeof n.title == "object" ? kt(n.title) : n.title,
-		description: typeof n.description == "object" ? kt(n.description) : n.description
+		title: typeof n.title == "object" ? hn(n.title) : n.title,
+		description: typeof n.description == "object" ? hn(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ Z(w, {
+	return /* @__PURE__ */ Z(P, {
 		open: e,
 		onClose: t,
-		schema: L.useMemo(() => Ot(o, s, c.type), [
+		schema: H.useMemo(() => mn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -2794,19 +3354,19 @@ function jt({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 		draft: c,
 		isDirty: l,
 		onFieldChange: u,
-		onSave: () => r(At(c)),
+		onSave: () => r(gn(c)),
 		onDiscard: d,
 		headerExtra: a
 	});
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-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(() => {
+function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [c, l] = q(o), [u, d] = q(null), [f, p] = q(e), [m, h] = q(0);
+	G(() => {
 		p(e), h((e) => e + 1);
 	}, [e]);
-	let g = L.useMemo(() => {
+	let g = H.useMemo(() => {
 		if (!u || !f.widgets) return null;
 		let e = f.widgets.find((e) => (e.id || e.title) === u);
 		if (!e) return null;
@@ -2828,11 +3388,11 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
 		};
-	}, [u, m]), _ = R((e) => {
+	}, [u, m]), _ = W((e) => {
 		d(e), l(!0);
-	}, []), y = R(() => {
+	}, []), v = W(() => {
 		d(null);
-	}, []), b = R((e, t) => {
+	}, []), y = W((e, t) => {
 		u && p((n) => n.widgets ? {
 			...n,
 			widgets: n.widgets.map((n) => {
@@ -2873,7 +3433,7 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				};
 			})
 		} : n);
-	}, [u]), x = R((e) => {
+	}, [u]), b = W((e) => {
 		if (u && r) {
 			let { drillDownEnabled: t, drillDownTarget: n, ...i } = e, a = { ...i };
 			(t || n) && (a.options = {
@@ -2886,24 +3446,24 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			}), r(u, a);
 		}
 		d(null), h((e) => e + 1);
-	}, [u, r]), S = R(() => {
+	}, [u, r]), x = W(() => {
 		l((e) => !e), d(null);
 	}, []);
 	return /* @__PURE__ */ Q("div", {
-		className: P("flex h-full w-full", s),
+		className: V("flex h-full w-full", s),
 		"data-testid": "dashboard-with-config",
 		children: [/* @__PURE__ */ Q("div", {
 			className: "flex-1 min-w-0 overflow-auto relative",
 			children: [/* @__PURE__ */ Z("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ Q(v, {
+				children: /* @__PURE__ */ Q(O, {
 					size: "sm",
 					variant: c ? "default" : "outline",
-					onClick: S,
+					onClick: x,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ Z(q, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ Z(Se, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ Z(Fe, {
+			}), /* @__PURE__ */ Z(wt, {
 				schema: f,
 				onRefresh: i,
 				recordCount: a,
@@ -2913,13 +3473,13 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			})]
 		}), c && /* @__PURE__ */ Z("div", {
 			className: "relative shrink-0",
-			children: u && g ? /* @__PURE__ */ Z(jt, {
+			children: u && g ? /* @__PURE__ */ Z(_n, {
 				open: !0,
-				onClose: y,
+				onClose: v,
 				config: g,
-				onSave: x,
-				onFieldChange: b
-			}) : /* @__PURE__ */ Z(lt, {
+				onSave: b,
+				onFieldChange: y
+			}) : /* @__PURE__ */ Z(Jt, {
 				open: !0,
 				onClose: () => l(!1),
 				config: t,
@@ -2928,7 +3488,7 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", Fe, {
+e.register("dashboard", wt, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -2956,7 +3516,7 @@ e.register("dashboard", Fe, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Ke, {
+}), e.register("metric", Ft, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -2969,7 +3529,7 @@ e.register("dashboard", Fe, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Je, {
+}), e.register("metric-card", Lt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -3024,7 +3584,7 @@ e.register("dashboard", Fe, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Ye, {
+}), e.register("object-metric", Rt, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -3053,7 +3613,7 @@ e.register("dashboard", Fe, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", nt, {
+}), e.register("pivot", Gt, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -3132,7 +3692,7 @@ e.register("dashboard", Fe, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", st, {
+}), e.register("object-pivot", Kt, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -3221,7 +3781,7 @@ e.register("dashboard", Fe, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Be, {
+}), e.register("dashboard-grid", kt, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -3239,7 +3799,7 @@ e.register("dashboard", Fe, {
 		title: "Dashboard",
 		widgets: []
 	}
-}), e.register("object-data-table", at, {
+}), e.register("object-data-table", rt, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -3277,18 +3837,18 @@ e.register("dashboard", Fe, {
 		pagination: !1
 	}
 });
-var Nt = {
-	DashboardRenderer: Fe,
-	DashboardGridLayout: Be,
-	MetricWidget: Ke,
-	MetricCard: Je,
-	ObjectMetricWidget: Ye,
-	PivotTable: nt,
-	ObjectPivotTable: st,
-	ObjectDataTable: at,
-	DashboardConfigPanel: lt,
-	WidgetConfigPanel: jt,
-	DashboardWithConfig: Mt
+var yn = {
+	DashboardRenderer: wt,
+	DashboardGridLayout: kt,
+	MetricWidget: Ft,
+	MetricCard: Lt,
+	ObjectMetricWidget: Rt,
+	PivotTable: Gt,
+	ObjectPivotTable: Kt,
+	ObjectDataTable: rt,
+	DashboardConfigPanel: Jt,
+	WidgetConfigPanel: _n,
+	DashboardWithConfig: vn
 };
 //#endregion
-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 };
+export { Jt as DashboardConfigPanel, kt as DashboardGridLayout, wt as DashboardRenderer, vn as DashboardWithConfig, at as DrillDownDrawer, Lt as MetricCard, Ft as MetricWidget, rt as ObjectDataTable, Rt as ObjectMetricWidget, Kt as ObjectPivotTable, Gt as PivotTable, _n as WidgetConfigPanel, yn as dashboardComponents };