@object-ui/plugin-dashboard 6.2.3 → 7.1.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, buildOptionColorMap as i, compareToTrendLabelKey as a, computeDrillFilter as o, extractRecords as s, findChartSeriesRow as c, formatDimensionValue as l, formatMeasure as u, isDrillEnabled as d, resolveDateMacros as f, resolveDrillTitle as p, shiftFilterByCompareTo as m } from "@object-ui/core";
+import { SchemaRenderer as h, SchemaRendererContext as g, useActionEngine as _, useDataScope as v, useDnd as y, useDrillNavigation as b, useHasDndProvider as x, useObjectLabel as S } from "@object-ui/react";
+import { createSafeTranslation as C, resolveFieldCurrency as w, useLocalization as T, useObjectTranslation as E, useSafeFieldLabel as D, useSafeTranslate as O } from "@object-ui/i18n";
+import { Button as k, Card as A, CardContent as j, CardHeader as M, CardTitle as N, Combobox as P, ConfigPanelRenderer as F, ConfigRow as I, DataEmptyState as ee, Dialog as te, DialogContent as L, DialogHeader as R, DialogTitle as ne, RefreshIndicator as re, Sheet as z, SheetContent as ie, SheetHeader as B, SheetTitle as ae, Skeleton as V, cn as H, getLazyIcon as oe, useConfigDraft as se } from "@object-ui/components";
+import * as U from "react";
+import W, { Fragment as ce, forwardRef as le, useCallback as G, useContext as ue, useEffect as K, useMemo as q, useRef as de, useState as J } from "react";
+import { AlertCircle as fe, AlertTriangle as Y, ArrowDownIcon as pe, ArrowUpIcon as me, ArrowUpRight as he, BarChart3 as ge, Download as X, Edit as _e, GripVertical as ve, Loader2 as ye, MinusIcon as be, RefreshCw as xe, Save as Se, Settings as Ce, X as we } from "lucide-react";
+import { DndContext as Te, PointerSensor as Ee, closestCenter as De, useSensor as Oe, useSensors as ke } from "@dnd-kit/core";
+import { SortableContext as Ae, arrayMove as je, rectSortingStrategy as Me, useSortable as Ne, verticalListSortingStrategy as Pe } from "@dnd-kit/sortable";
+import { CSS as Fe } from "@dnd-kit/utilities";
+import { formatCurrency as Ie, formatDate as Le, formatPercent as Re, getCellRenderer as ze, resolveCellRendererType as Be } from "@object-ui/fields";
+import { Fragment as Ve, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { ResponsiveGridLayout as He, useContainerWidth as Ue } 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 We(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,897 @@ function Oe(e, t) {
 	};
 }
 //#endregion
+//#region src/recordFields.tsx
+var Ge = new Set([
+	"id",
+	"organization_id",
+	"tenant_id",
+	"created_at",
+	"updated_at",
+	"created_by",
+	"updated_by",
+	"deleted_at",
+	"deleted_by",
+	"version",
+	"_id",
+	"__typename"
+]);
+function Ke(e, t) {
+	return t && (t.isSystem === !0 || t.system === !0) ? !0 : Ge.has(e);
+}
+var qe = new Set([
+	"select",
+	"picklist",
+	"dropdown",
+	"status"
+]), Je = new Set([
+	"currency",
+	"money",
+	"number",
+	"integer",
+	"decimal",
+	"float",
+	"percent",
+	"percentage"
+]);
+function Ye(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 Xe(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 && qe.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 Ze(e) {
+	return Je.has(e.type) || typeof e.format == "string" && /^[\$¥€£]|%$|0/.test(e.format);
+}
+function Qe(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 Ie(e, t.currency || i || n);
+	}
+	if (typeof r == "string" && /%/.test(r) && typeof e == "number") {
+		let t = (r.match(/0\.(0+)%/) || [, ""])[1].length;
+		return Re((e > 1 ? e / 100 : e) * 100, t);
+	}
+	return typeof r == "string" && /[YMDHms]/.test(r) ? Le(e, r) : /* @__PURE__ */ Z(ze(Be(t)), {
+		value: e,
+		field: t
+	});
+}
+//#endregion
+//#region src/RecordDetailDrawer.tsx
+var $e = [
+	"name",
+	"title",
+	"label",
+	"subject",
+	"display_name",
+	"full_name"
+];
+function et(e, t) {
+	if (t && t.trim()) return t;
+	for (let t of $e) {
+		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 tt = ({ record: e, objectName: t, objectSchema: n, fields: r, title: i, target: a = "drawer", onClose: o }) => {
+	let { fieldLabel: s, fieldOptionLabel: c } = D(), { currency: l } = T(), u = q(() => {
+		if (!e) return [];
+		let i = Ye(n), a;
+		return a = r && r.length > 0 ? r : Object.keys(i).length > 0 ? Object.keys(i).filter((e) => !Ke(e, i[e])) : Object.keys(e).filter((e) => !e.startsWith("_") && !Ke(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 = Xe({
+				accessorKey: n,
+				label: o,
+				def: r,
+				objectName: t,
+				fieldOptionLabel: c
+			});
+			return {
+				key: n,
+				label: o,
+				node: Qe(e[n], u, l),
+				numeric: Ze(u)
+			};
+		});
+	}, [
+		e,
+		n,
+		t,
+		r,
+		s,
+		c,
+		l
+	]);
+	if (!e) return null;
+	let d = et(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(te, {
+		open: !0,
+		onOpenChange: (e) => !e && o(),
+		children: /* @__PURE__ */ Q(L, {
+			className: "max-w-2xl",
+			children: [/* @__PURE__ */ Z(R, { children: /* @__PURE__ */ Z(ne, { 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(ie, {
+			side: "right",
+			className: "w-full sm:max-w-md md:max-w-lg flex flex-col",
+			children: [/* @__PURE__ */ Z(B, { 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 nt(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 rt(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 it = ({ schema: e, dataSource: t, className: n }) => {
+	let { currency: r } = T(), i = ue(g), a = t || i?.dataSource, o = v(e.bind), { fieldLabel: c, fieldOptionLabel: l } = D(), u = "No data available", p = "No data source available for";
+	try {
+		let { t: e } = E(), t = e("dashboard.noDataAvailable");
+		t && t !== "dashboard.noDataAvailable" && (u = t);
+		let n = e("dashboard.noDataSourceFor");
+		n && n !== "dashboard.noDataSourceFor" && (p = n);
+	} catch {}
+	let [m, _] = J([]), [y, b] = J(null), [x, S] = J(() => !(Array.isArray(e.data) && e.data.length > 0) && !!e.objectName), [C, w] = J(null), O = e.drillDown, k = d(O) && (O?.mode ?? "record") === "record", [A, j] = J(null), M = G((e) => {
+		j(e ?? null);
+	}, []);
+	K(() => {
+		let t = !0;
+		return e.objectName && !o && (!e.data || e.data.length === 0) ? (async () => {
+			if (!a || !e.objectName) {
+				t && S(!1);
+				return;
+			}
+			t && (S(!0), w(null));
+			try {
+				let n;
+				if (typeof a.find == "function") {
+					let t = rt(e, y), r = { $filter: f(e.filter) };
+					t.length && (r.$expand = t), n = s(await a.find(e.objectName, r));
+				} else return;
+				t && _(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,
+		a,
+		o,
+		e.data,
+		e.filter,
+		y
+	]), K(() => {
+		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 = o || e.data || m, P = Array.isArray(N) ? N : [], F = q(() => {
+		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 = Xe({
+				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 ?? (Ze(i) ? "right" : void 0);
+			if (typeof e.cell == "function") return {
+				...e,
+				...i,
+				align: a
+			};
+			let o = (e) => Qe(e, i, r);
+			return {
+				...e,
+				...i,
+				align: a,
+				cell: o
+			};
+		};
+		if (e.columns && e.columns.length > 0) {
+			let n = nt(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) => !Ke(e, n[e])) : Object.keys(P[0]).filter((e) => !e.startsWith("_") && !Ke(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: H("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(V, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Z(V, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Z(V, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ Z(V, { className: "h-6 w-1/4" })
+				]
+			}), [
+				1,
+				2,
+				3,
+				4
+			].map((e) => /* @__PURE__ */ Q("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ Z(V, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Z(V, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Z(V, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ Z(V, { className: "h-5 w-1/4" })
+				]
+			}, e))]
+		})
+	});
+	if (C) return /* @__PURE__ */ Z("div", {
+		className: H("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: H("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: H("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: u
+			})]
+		})
+	});
+	let I = {
+		...e,
+		type: "data-table",
+		data: P,
+		columns: F,
+		onRowClick: e.onRowClick ?? (k ? M : void 0)
+	}, ee = O?.title && !O.title.includes("${") ? O.title : void 0;
+	return /* @__PURE__ */ Q("div", {
+		className: H("relative", n),
+		children: [
+			/* @__PURE__ */ Z(re, { active: x && P.length > 0 }),
+			/* @__PURE__ */ Z(h, {
+				schema: I,
+				className: n
+			}),
+			k && /* @__PURE__ */ Z(tt, {
+				record: A,
+				objectName: e.objectName,
+				objectSchema: y,
+				fields: O?.columns,
+				title: ee,
+				target: O?.target === "dialog" ? "dialog" : "drawer",
+				onClose: () => j(null)
+			})
+		]
+	});
+}, at = ({ objectName: e, filter: t, onNavigate: n, className: r }) => {
+	let { openRecordList: i } = b(), a = O();
+	return !i || !e ? null : /* @__PURE__ */ Q(k, {
+		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" })]
+	});
+}, ot = ({ 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 } = b(), f = u && typeof u == "object" && (Array.isArray(u.columns) || "objectName" in u), p = r === "navigate" && !!d && !f && !!i;
+	if (W.useEffect(() => {
+		e && p && (d(i, a), t());
+	}, [e, p]), p) return null;
+	let m = f ? null : /* @__PURE__ */ Z(at, {
+		objectName: i,
+		filter: a,
+		onNavigate: t
+	}), g = /* @__PURE__ */ Z("div", {
+		className: H("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(h, { schema: {
+				...u,
+				type: "spec-report",
+				report: {
+					...u,
+					filter: t
+				},
+				filter: t
+			} });
+		})() : /* @__PURE__ */ Z(it, {
+			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(te, {
+		open: e,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ Q(L, {
+			className: "max-w-5xl",
+			children: [/* @__PURE__ */ Q(R, {
+				className: "flex-row items-center justify-between gap-4 pr-8",
+				children: [/* @__PURE__ */ Z(ne, { children: n }), m]
+			}), g]
+		})
+	}) : /* @__PURE__ */ Z(z, {
+		open: e,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ Q(ie, {
+			side: "right",
+			className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
+			children: [/* @__PURE__ */ Q(B, {
+				className: "flex-row items-center justify-between gap-4 pr-8",
+				children: [/* @__PURE__ */ Z(ae, { children: n }), m]
+			}), /* @__PURE__ */ Z("div", {
+				className: "flex-1 overflow-hidden mt-2",
+				children: g
+			})]
+		})
+	});
+}, st = n;
+function ct(e, t, n) {
+	let r = [], i = [], a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map();
+	return e.forEach((e, c) => {
+		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) => l(e[t]))
+		})), o.has(d) || (o.add(d), i.push({
+			id: d,
+			label: l(e[n])
+		})), s.set(`${u} ${d}`, c);
+	}), {
+		rowHeaders: r,
+		colHeaders: i,
+		cellIndex: s
+	};
+}
+function lt(e) {
+	if (e == null) return "";
+	let t = String(e);
+	return /[",\n\r]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+}
+function ut(e) {
+	return e.map((e) => e.map(lt).join(",")).join("\r\n");
+}
+function dt(e, t) {
+	if (typeof document > "u") return;
+	let n = e && e.trim() ? e.trim() : "export", r = new Blob([`${ut(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 ft = new Set([
+	"metric",
+	"kpi",
+	"gauge",
+	"solid-gauge",
+	"bullet"
+]), pt = {
+	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 mt({ widget: e, dataSource: n }) {
+	let a = String(e?.dataset ?? ""), o = q(() => Array.isArray(e?.dimensions) ? e.dimensions.filter(Boolean) : [], [e]), s = q(() => Array.isArray(e?.values) ? e.values.filter(Boolean) : [], [e]), d = e?.compareTo && typeof e.compareTo == "object" ? e.compareTo : void 0, p = String(e?.type ?? ""), m = ft.has(p) || o.length === 0, g = p === "table" || p === "pivot", _ = p === "pivot" && o.length >= 2, v = _ ? o.slice(0, -1) : [], y = _ ? o[o.length - 1] : "", b = _ ? [
+		v,
+		[y],
+		[]
+	] : void 0, x = O(), { fieldLabel: S } = D(), C = e?.filter, w = q(() => C && typeof C == "object" && Object.keys(C).length > 0 ? f(C) : void 0, [C]), [T, E] = J({
+		status: "idle",
+		rows: []
+	}), [k, A] = J(null), [j, M] = J(null);
+	if (K(() => {
+		let e = n;
+		if (!e || typeof e.queryDataset != "function") {
+			E({
+				status: "error",
+				rows: [],
+				error: x("dashboard.datasetUnsupported", "This data source does not support dataset queries.")
+			});
+			return;
+		}
+		if (s.length === 0) {
+			E({
+				status: "idle",
+				rows: []
+			});
+			return;
+		}
+		let t = !1;
+		return E({
+			status: "loading",
+			rows: []
+		}), e.queryDataset(a, {
+			dimensions: o,
+			measures: s,
+			...w ? { runtimeFilter: w } : {},
+			...d ? { compareTo: d } : {},
+			...b ? { totals: { groupings: b } } : {}
+		}).then((e) => {
+			t || E({
+				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 || E({
+				status: "error",
+				rows: [],
+				error: String(e?.message ?? e)
+			});
+		}), () => {
+			t = !0;
+		};
+	}, [`${p}|${a}|${o.join(",")}|${s.join(",")}|${JSON.stringify(C ?? null)}|${JSON.stringify(d ?? null)}`]), K(() => {
+		if (m || g) {
+			M(null);
+			return;
+		}
+		let e = T.object, t = o[0], n = T.dimensionFields && T.dimensionFields[t] || t;
+		if (!e || !n) {
+			M(null);
+			return;
+		}
+		let r = !1;
+		return (async () => {
+			try {
+				let t = await (await fetch(`/api/v1/meta/object/${encodeURIComponent(e)}`, {
+					headers: { accept: "application/json" },
+					credentials: "include"
+				})).json().catch(() => null), a = i((t?.item ?? t?.data ?? t)?.fields?.[n]?.options);
+				r || M(a);
+			} catch {
+				r || M(null);
+			}
+		})(), () => {
+			r = !0;
+		};
+	}, [
+		T.object,
+		T.dimensionFields,
+		o,
+		m,
+		g
+	]), s.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: x("dashboard.pickMeasures", "Pick measures (values) for this dataset widget.")
+	});
+	if (T.status === "loading" || T.status === "idle") return /* @__PURE__ */ Z("div", {
+		className: "flex h-full w-full items-center justify-center p-4 text-muted-foreground",
+		children: /* @__PURE__ */ Z(ye, { className: "h-4 w-4 animate-spin" })
+	});
+	if (T.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(Y, { className: "h-3.5 w-3.5 mt-0.5 shrink-0" }), /* @__PURE__ */ Z("span", {
+			className: "break-words",
+			children: T.error
+		})]
+	});
+	if (T.rows.length === 0 && !m) 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" }), x("dashboard.noRows", "No rows")]
+	});
+	let { measureField: N, headerLabel: P } = r(T.fields, T.object, S), { object: F, dimensionFields: I, drillRawRows: ee } = T, te = I ? o.filter((e) => e in I) : [], L = !!F && te.length > 0, R = (t, n) => {
+		!F || !I || A({
+			filter: st(ee?.[t], te, I, w),
+			title: n || String(e?.title ?? "")
+		});
+	}, ne = k && F ? /* @__PURE__ */ Z(ot, {
+		open: !0,
+		onClose: () => A(null),
+		title: k.title || String(e?.title ?? x("dashboard.details", "Details")),
+		objectName: F,
+		filter: k.filter,
+		dataSource: n
+	}) : null;
+	if (m) {
+		let e = N(s[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: u(T.rows[0]?.[s[0]] ?? 0, e?.format, e?.currency)
+			}), /* @__PURE__ */ Z("span", {
+				className: "text-xs text-muted-foreground",
+				children: P(s[0])
+			})]
+		});
+	}
+	if (g) {
+		let t = [...o, ...s], n = /* @__PURE__ */ Z("button", {
+			type: "button",
+			onClick: () => dt(String(e?.title ?? a ?? "export"), [t.map((e) => P(e)), ...T.rows.map((e) => t.map((t) => {
+				let n = e[t];
+				return n == null ? "" : typeof n == "number" ? n : String(n);
+			}))]),
+			"data-testid": "dataset-export",
+			title: x("dashboard.exportCsv", "Export CSV"),
+			"aria-label": x("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(X, { className: "h-3.5 w-3.5" })
+		});
+		if (_) {
+			let e = ct(T.rows, v, y), t = e.colHeaders.flatMap((e) => s.map((t) => ({
+				col: e,
+				measure: t,
+				header: s.length === 1 ? e.label : `${e.label} · ${P(t)}`
+			}))), r = (e, t) => u(e, N(t)?.format, N(t)?.currency), i = (e) => T.totals?.find((t) => Array.isArray(t.dimensions) && t.dimensions.join(",") === e.join(","))?.rows, a = /* @__PURE__ */ new Map();
+			for (let e of i(v) ?? []) a.set(v.map((t) => String(e[t] ?? "∅")).join(""), e);
+			let o = /* @__PURE__ */ new Map();
+			for (let e of i([y]) ?? []) o.set(String(e[y] ?? "∅"), e);
+			let c = i([])?.[0], l = a.size > 0, d = o.size > 0, f = x("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: [
+								v.map((e) => /* @__PURE__ */ Z("th", {
+									className: "px-2 py-1.5 text-left font-medium whitespace-nowrap",
+									children: P(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}`)),
+								l && s.map((e) => /* @__PURE__ */ Z("th", {
+									className: "px-2 py-1.5 text-right font-medium whitespace-nowrap",
+									"data-testid": "matrix-total-col-header",
+									children: s.length === 1 ? f : `${f} · ${P(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 : T.rows[i], o = L && i != null, s = [...n.labels, t.col.label].filter(Boolean).join(" / ");
+									return /* @__PURE__ */ Z("td", {
+										className: H("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 ? () => R(i, s) : void 0,
+										children: a ? r(a[t.measure], t.measure) : "—"
+									}, `${t.col.id}-${t.measure}`);
+								}),
+								l && s.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: [
+								v.length > 0 && /* @__PURE__ */ Z("td", {
+									colSpan: v.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(o.get(e.col.id)?.[e.measure], e.measure)
+								}, `${e.col.id}-${e.measure}`)),
+								l && s.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}`))
+							]
+						})] })]
+					}),
+					ne
+				]
+			});
+		}
+		let r = [...o, ...s];
+		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: P(e)
+						}, e)) })
+					}), /* @__PURE__ */ Z("tbody", { children: T.rows.map((e, t) => /* @__PURE__ */ Z("tr", {
+						className: H("border-t", L && "cursor-pointer hover:bg-accent/40"),
+						"data-testid": L ? "dataset-drill-row" : void 0,
+						onClick: L ? () => R(t, te.map((t) => l(e[t])).filter(Boolean).join(" / ")) : void 0,
+						children: r.map((t) => /* @__PURE__ */ Z("td", {
+							className: "px-2 py-1 whitespace-nowrap tabular-nums",
+							children: s.includes(t) ? u(e[t], N(t)?.format, N(t)?.currency) : l(e[t])
+						}, t))
+					}, t)) })]
+				}),
+				ne
+			]
+		});
+	}
+	let re = pt[p] ?? "bar", { data: z, xAxisKey: ie, series: B } = t(T.rows, o, s, T.fields), ae = L ? (e) => {
+		let t = c(T.rows, o, s, e?.category, e?.series);
+		if (t < 0) return;
+		let n = o.length >= 2 && s.length === 1;
+		R(t, [e?.category, n ? e?.series : void 0].filter(Boolean).map(String).join(" / "));
+	} : void 0;
+	return /* @__PURE__ */ Q("div", {
+		className: H("relative h-full w-full min-h-[220px]"),
+		children: [/* @__PURE__ */ Z(h, {
+			schema: {
+				type: "chart",
+				chartType: re,
+				data: z,
+				xAxisKey: ie,
+				series: B,
+				...j ? { categoryColors: j } : {}
+			},
+			onChartClick: ae,
+			onSegmentClick: ae
+		}), ne]
+	});
+}
+//#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 ht({ 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 } = Ne({
 		id: e,
 		disabled: t
 	});
 	return /* @__PURE__ */ Z("div", {
 		ref: s,
 		style: {
-			transform: be.Transform.toString(c),
+			transform: Fe.Transform.toString(c),
 			transition: l,
 			opacity: u ? .4 : 1,
 			...n ? {
@@ -54,39 +935,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: H("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 gt(e) {
+	return e ? oe(e) : null;
 }
-function je(e) {
+function _t(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Me = [
+var vt = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], Ne = new Set([
+], yt = {
+	column: "bar",
+	"stacked-bar": "bar",
+	"grouped-bar": "bar",
+	"bi-polar-bar": "bar",
+	spline: "line",
+	"step-line": "line",
+	"stacked-area": "area",
+	pyramid: "funnel",
+	bubble: "scatter"
+}, bt = new Set([
 	"bar",
 	"horizontal-bar",
 	"line",
 	"area",
 	"pie",
 	"donut",
-	"funnel"
+	"scatter",
+	"funnel",
+	"radar",
+	"treemap",
+	"sankey"
+]), xt = new Set([
+	"gauge",
+	"solid-gauge",
+	"kpi",
+	"bullet"
+]), St = new Set([
+	"sunburst",
+	"word-cloud",
+	"choropleth",
+	"bubble-map",
+	"gl-map",
+	"heatmap",
+	"waterfall",
+	"box-plot",
+	"violin",
+	"candlestick",
+	"stock"
+]), Ct = 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 wt(e) {
+	return Ct.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 Tt = 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 }, m) => {
+	let g = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
 		for (let e of t) {
@@ -94,77 +1017,80 @@ 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 = g, y = e.gap || 4, b = e.columns != null || g !== 4, [x, C] = J(!1), [w, T] = J(!1), D = de(null), { executeAction: O, engine: P } = _({ actions: q(() => (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: F, dashboardDescription: I, dashboardActionLabel: ee, widgetTitle: te, widgetDescription: L, fieldLabel: R } = S(), { t: ne } = E(), re = G((e, t, n) => n && (!t || t === "value" || t === "count" || n === "count") ? ne(`report.aggregate.${n}`, { defaultValue: n }) : e ? R(e, t, t) : t, [ne, R]), z = e.name, ie = G((e) => z ? ee(z, e.actionUrl || e.label, e.label) : e.label, [z, ee]), B = G((e) => {
+		let t = _t(e.title);
+		return !z || !e.id || t === void 0 ? t : te(z, e.id, t);
+	}, [z, te]), ae = G((e) => {
+		let t = _t(e.description);
+		return !z || !e.id ? t : L(z, e.id, t);
+	}, [z, L]);
+	K(() => {
+		let e = P.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);
+		P,
+		u,
+		d
+	]), K(() => {
+		let e = () => T(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 V = G(() => {
+		r && (C(!0), r(), setTimeout(() => C(!1), 600));
 	}, [r]);
-	B(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return j.current = setInterval(ce, e.refreshInterval * 1e3), () => {
-			j.current && clearInterval(j.current);
+	K(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return D.current = setInterval(V, e.refreshInterval * 1e3), () => {
+			D.current && clearInterval(D.current);
 		};
 	}, [
 		e.refreshInterval,
 		r,
-		ce
+		V
 	]);
-	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 = G((e, t) => {
+		!o || !c || !t || (e.stopPropagation(), c(t));
+	}, [o, c]), se = G((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;
+	]), U = G((e) => {
+		!o || !c || e.target === e.currentTarget && c(null);
+	}, [o, c]), W = !!(o && l), le = ke(Oe(Ee, { activationConstraint: { distance: 5 } })), ue = G((t) => {
+		if (!W) 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?.(je(i, a, o));
 	}, [
-		q,
+		W,
 		e.widgets,
-		d
-	]), be = (e, t, r) => {
-		let i = e.layout ? {
-			...e.layout,
-			w: Math.min(e.layout.w, T)
-		} : void 0, a = (() => {
+		l
+	]), fe = (e, t, r) => {
+		let i = e.type === "metric" || xt.has(e.type || ""), a = b ? {
+			w: Math.min(i ? 3 : 6, v),
+			h: i ? 2 : 4
+		} : void 0, c = e.layout ?? a, l = c ? {
+			...c,
+			w: Math.min(c.w, v)
+		} : void 0, u = !!e.dataset, d = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
 			if (t === "metric" && e.object) {
@@ -182,7 +1108,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 || B(e) || "",
 					fallbackValue: n.value,
 					trend: n.trend,
 					icon: n.icon,
@@ -193,11 +1119,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 || B(e) || "",
 					compareTo: e.compareTo
 				};
 			}
-			if ((t === "gauge" || t === "solid-gauge") && e.object) {
+			if (xt.has(t || "") && e.object) {
 				let t = e.aggregate ? {
 					field: e.valueField || "value",
 					function: e.aggregate,
@@ -208,7 +1134,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 || B(e) || "",
 					fallbackValue: n.fallbackValue ?? n.value,
 					icon: n.icon,
 					description: n.description,
@@ -221,8 +1147,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 && yt[t] || t;
+			if (r && bt.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 +1171,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: re(u, l, c?.function)
 						}],
-						colors: Me,
-						drillDown: n.drillDown ?? Pe(r),
+						colors: vt,
+						drillDown: n.drillDown ?? wt(r),
 						compareTo: e.compareTo,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
@@ -271,10 +1197,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: re(e.object, s, e.aggregate)
 						}],
-						colors: Me,
-						drillDown: n.drillDown ?? Pe(r),
+						colors: vt,
+						drillDown: n.drillDown ?? wt(r),
 						compareTo: e.compareTo,
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
@@ -286,24 +1212,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: re(e.object, a, e.aggregate)
 					}],
-					colors: Me,
+					colors: vt,
 					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 +1244,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 +1293,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 +1318,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,57 +1335,72 @@ 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 && St.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 ? {
+		})(), f = e.type === "metric" && !u, p = B(e), m = ae(e), g = e.id || p || `widget-${t}`, _ = o && s === e.id, y = 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 ? {
-			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"),
+			"aria-selected": _,
+			"aria-label": `Widget: ${p || `Widget ${t + 1}`}`,
+			onClick: (t) => oe(t, e.id),
+			onKeyDown: (n) => se(n, e.id, t)
+		} : {}, x = o ? H("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", _ ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0, S = !w && l && !W ? {
+			gridColumn: `span ${l.w}`,
+			gridRow: `span ${l.h}`
+		} : void 0, C = f ? /* @__PURE__ */ Q("div", {
+			className: H("h-full w-full", o && "relative", x),
+			style: S,
+			...y,
+			children: [u ? /* @__PURE__ */ Z("div", {
+				className: H("h-full w-full", o && "pointer-events-none"),
+				children: /* @__PURE__ */ Z(mt, {
+					widget: e,
+					dataSource: n
+				})
+			}) : /* @__PURE__ */ Z(h, {
+				schema: d,
+				className: H("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(A, {
+			className: H("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", o && "relative", x),
+			style: S,
+			...y,
 			children: [
-				u && /* @__PURE__ */ Q(x, {
+				p && /* @__PURE__ */ Q(M, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ Z(S, {
+					children: [/* @__PURE__ */ Z(N, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
-						title: u,
-						children: u
-					}), d && /* @__PURE__ */ Z("p", {
+						title: p,
+						children: p
+					}), m && /* @__PURE__ */ Z("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
-						children: d
+						children: m
 					})]
 				}),
-				/* @__PURE__ */ Z(b, {
+				/* @__PURE__ */ Z(j, {
 					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: H("h-full w-full", "p-3 sm:p-4 md:p-6", o && "pointer-events-none"),
+						children: u ? /* @__PURE__ */ Z(mt, {
+							widget: e,
+							dataSource: n
+						}) : /* @__PURE__ */ Z(h, {
+							schema: d,
 							dataSource: n
 						})
 					})
@@ -461,36 +1412,36 @@ var Fe = ie(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount
 				})
 			]
 		});
-		return q && e.id ? /* @__PURE__ */ Z(ke, {
+		return W && e.id ? /* @__PURE__ */ Z(ht, {
 			id: e.id,
-			gridSpan: !k && i ? {
-				w: i.w,
-				h: i.h
+			gridSpan: !w && l ? {
+				w: l.w,
+				h: l.h
 			} : void 0,
-			children: _
-		}, f) : /* @__PURE__ */ Z(re, { children: _ }, f);
-	}, X = e.header && /* @__PURE__ */ Q("div", {
+			children: C
+		}, g) : /* @__PURE__ */ Z(ce, { children: C }, g);
+	}, Y = 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 ? F({
+					name: z,
+					label: _t(e.title)
+				}) : _t(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 ? I({
+					name: z,
+					description: _t(e.description)
+				}) : _t(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 = gt(e.icon);
+					return /* @__PURE__ */ Q(k, {
 						variant: "outline",
 						size: "sm",
 						onClick: async () => {
@@ -504,103 +1455,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 O(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" }), ie(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: H("flex items-center justify-end gap-3 mb-2", !w && "col-span-full"),
+		children: [pe, /* @__PURE__ */ Q(k, {
 			variant: "outline",
 			size: "sm",
-			onClick: ce,
-			disabled: D,
+			onClick: V,
+			disabled: x,
 			"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(xe, { className: H("h-4 w-4 mr-2", x && "animate-spin") }), x ? "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 = q(() => (e.widgets ?? []).map((e) => e.id).filter((e) => !!e), [e.widgets]), X = q(() => (e.widgets ?? []).filter((e) => e.type === "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]), _e = q(() => (e.widgets ?? []).filter((e) => e.type !== "metric").map((e) => e.id).filter((e) => !!e), [e.widgets]);
+	if (w) {
 		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: m,
+			className: H("flex flex-col gap-4 px-4", t),
+			"data-user-actions": me,
+			onClick: U,
+			...p,
 			children: [
-				X,
-				Ce,
+				Y,
+				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: U,
+					children: /* @__PURE__ */ Z(Ae, {
+						items: X,
+						strategy: Me,
+						disabled: !W,
+						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: U,
+					children: /* @__PURE__ */ Z(Ae, {
+						items: _e,
+						strategy: Pe,
+						disabled: !W,
+						children: r.map((e, t) => fe(e, t, !0))
 					})
 				})
 			]
 		});
-		return q ? /* @__PURE__ */ Z(fe, {
-			sensors: de,
-			collisionDetection: me,
-			onDragEnd: ve,
+		return W ? /* @__PURE__ */ Z(Te, {
+			sensors: le,
+			collisionDetection: De,
+			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 = /* @__PURE__ */ Q("div", {
+		ref: m,
+		className: H("grid", !b && "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`
+			...b && {
+				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: U,
+		...p,
 		children: [
-			X,
-			Ce,
-			/* @__PURE__ */ Z(Y, {
-				items: we,
-				strategy: _e,
-				disabled: !q,
-				children: e.widgets?.map((e, t) => be(e, t))
+			Y,
+			he,
+			/* @__PURE__ */ Z(Ae, {
+				items: ge,
+				strategy: Me,
+				disabled: !W,
+				children: e.widgets?.map((e, t) => fe(e, t))
 			})
 		]
 	});
-	return q ? /* @__PURE__ */ Z(fe, {
-		sensors: de,
-		collisionDetection: me,
-		onDragEnd: ve,
-		children: Oe
-	}) : Oe;
+	return W ? /* @__PURE__ */ Z(Te, {
+		sensors: le,
+		collisionDetection: De,
+		onDragEnd: ue,
+		children: ve
+	}) : ve;
 });
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function Ie({ editMode: e }) {
-	let t = f();
-	return L.useEffect(() => {
+function Et({ editMode: e }) {
+	let t = y();
+	return U.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -611,14 +1565,14 @@ function Ie({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var Le = [
+var Dt = [
 	"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 Ot(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 +1591,7 @@ function Re(e, t) {
 		widgets: r
 	};
 }
-function ze(e) {
+function kt(e) {
 	return { lg: e.widgets?.map((e, t) => ({
 		i: e.id || `widget-${t}`,
 		x: e.layout?.x ?? t % 4 * 3,
@@ -646,40 +1600,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 At = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRefresh: i }) => {
+	let { width: a, containerRef: o, mounted: s } = Ue(), [c, l] = U.useState(!1), [u, d] = U.useState(!1), f = x(), p = U.useRef(null), m = U.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);
+	U.useEffect(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return p.current = setInterval(m, e.refreshInterval * 1e3), () => {
+			p.current && clearInterval(p.current);
 		};
 	}, [
 		e.refreshInterval,
 		i,
-		g
+		m
 	]);
-	let [_, C] = L.useState(() => ze(e)), w = L.useMemo(() => JSON.stringify(e.widgets?.map((e, t) => ({
+	let [g, _] = U.useState(() => kt(e)), v = U.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);
+	U.useEffect(() => {
+		_(kt(e));
+	}, [v]);
+	let y = U.useCallback((e, t) => {
+		_(t), n?.(e);
+	}, [n]), b = U.useCallback(() => {
+		r ? r(Ot(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 = U.useCallback(() => {
+		_(kt(e));
+	}, [e]), C = U.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 +1651,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: Le,
+					colors: Dt,
 					className: "h-full"
 				};
 			}
@@ -714,7 +1668,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: Le,
+					colors: Dt,
 					className: "h-full"
 				};
 			}
@@ -724,7 +1678,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: Dt,
 				className: "h-full"
 			};
 		}
@@ -785,10 +1739,10 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 	}, []);
 	return /* @__PURE__ */ Q("div", {
 		ref: o,
-		className: P("w-full", t),
+		className: H("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			m && /* @__PURE__ */ Z(Ie, { editMode: l }),
+			f && /* @__PURE__ */ Z(Et, { editMode: c }),
 			/* @__PURE__ */ Q("div", {
 				className: "mb-4 flex items-center justify-between",
 				children: [/* @__PURE__ */ Z("h2", {
@@ -796,44 +1750,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(Ve, { children: [
+						/* @__PURE__ */ Q(k, {
+							onClick: b,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ Z(K, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ Z(Se, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ Q(v, {
-							onClick: D,
+						/* @__PURE__ */ Q(k, {
+							onClick: S,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ Z(de, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ Z(we, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ Z(v, {
-							onClick: () => u(!1),
+						/* @__PURE__ */ Z(k, {
+							onClick: () => l(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ Q(X, { children: [i && /* @__PURE__ */ Q(v, {
-						onClick: g,
+					] }) : /* @__PURE__ */ Q(Ve, { children: [i && /* @__PURE__ */ Q(k, {
+						onClick: m,
 						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(xe, { className: H("h-4 w-4 mr-2", u && "animate-spin") }), u ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ Q(k, {
+						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(He, {
 				className: "layout",
 				width: a,
-				layouts: _,
+				layouts: g,
 				breakpoints: {
 					lg: 1200,
 					md: 996,
@@ -850,41 +1804,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(h, {
 								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(A, {
+							className: H("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(M, {
 								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(N, {
 									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(j, {
 								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: H("h-full w-full overflow-auto p-4"),
+									children: /* @__PURE__ */ Z(h, { schema: r })
 								})
 							})]
 						})
@@ -893,7 +1847,7 @@ var Be = ({ schema: e, className: t, onLayoutChange: n, onSchemaChange: r, onRef
 			})
 		]
 	});
-}, Ve = h({
+}, jt = C({
 	"dashboard.trend.vsLastQuarter": "vs last quarter",
 	"dashboard.trend.vsLastMonth": "vs last month",
 	"dashboard.trend.vsLastWeek": "vs last week",
@@ -901,7 +1855,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 Mt(e) {
 	switch (e.trim().toLowerCase().replace(/\s+/g, " ")) {
 		case "vs last quarter":
 		case "vs previous quarter": return "dashboard.trend.vsLastQuarter";
@@ -917,11 +1871,11 @@ function He(e) {
 		default: return;
 	}
 }
-function Ue(e, t, n) {
+function Nt(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 : Nt(r, t, n);
 	}
 	if (!isFinite(e)) return String(e);
 	let r = {
@@ -930,6 +1884,16 @@ function Ue(e, t, n) {
 		"€": "EUR",
 		"£": "GBP"
 	}, i = (t || "").trim(), a = !!n || i.length > 0 && r[i[0]] !== void 0, o = i.endsWith("%"), s = i.match(/0\.(0+)/), c = s ? s[1].length : 0;
+	if (/a/i.test(i)) {
+		let t = {
+			notation: "compact",
+			maximumFractionDigits: c || 1
+		};
+		a && (t.style = "currency", t.currency = n || r[i[0]] || "USD");
+		try {
+			return new Intl.NumberFormat("en-US", t).format(e);
+		} catch {}
+	}
 	if (a) {
 		let t = n || r[i[0]] || "USD";
 		try {
@@ -948,10 +1912,10 @@ function Ue(e, t, n) {
 		maximumFractionDigits: c
 	}).format(e);
 }
-function We(e) {
+function Pt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var Ge = {
+var Ft = {
 	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 +1924,27 @@ 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);
+}, It = {
+	default: "text-foreground",
+	blue: "text-blue-600 dark:text-blue-400",
+	teal: "text-teal-600 dark:text-teal-400",
+	orange: "text-orange-600 dark:text-orange-400",
+	purple: "text-purple-600 dark:text-purple-400",
+	success: "text-emerald-600 dark:text-emerald-400",
+	warning: "text-amber-600 dark:text-amber-400",
+	danger: "text-rose-600 dark:text-rose-400"
+}, Lt = ({ 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, variant: m = "card", ...h }) => {
+	let g = Ft[c] || Ft.default, { t: _ } = jt(), v = q(() => {
+		let e = Pt(a) || Pt(n?.label);
 		if (!e) return e;
-		let t = He(e);
-		return t ? g(t) : e;
+		let t = Mt(e);
+		return t ? _(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);
+		_
+	]), y = q(() => {
+		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? Nt(t, l, u) : t ?? "", n = String(e);
 		return `${d && n.startsWith(d) ? "" : d ?? ""}${n}${f && n.endsWith(f) ? "" : f ?? ""}`;
 	}, [
 		t,
@@ -979,35 +1952,69 @@ var Ge = {
 		u,
 		d,
 		f
-	]), C = V(() => {
+	]), b = q(() => {
 		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),
+	if (m === "bare") {
+		let t = It[c] || It.default;
+		return /* @__PURE__ */ Z("div", {
+			className: H("flex flex-col gap-1 min-w-0", p && "cursor-pointer", i),
+			onClick: p,
+			role: p ? "button" : void 0,
+			tabIndex: p ? 0 : void 0,
+			onKeyDown: p ? (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+			} : void 0,
+			children: o ? /* @__PURE__ */ Q("div", {
+				className: "flex items-center gap-2 text-muted-foreground",
+				"data-testid": "metric-loading",
+				children: [/* @__PURE__ */ Z(ye, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
+					className: "text-sm",
+					children: "Loading…"
+				})]
+			}) : s ? /* @__PURE__ */ Q("div", {
+				className: "flex items-center gap-2",
+				"data-testid": "metric-error",
+				role: "alert",
+				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(Ve, { children: [/* @__PURE__ */ Z("div", {
+				className: H("text-[2rem] leading-none font-extrabold tabular-nums tracking-tight truncate", t),
+				children: y
+			}), /* @__PURE__ */ Z("div", {
+				className: "text-xs font-medium text-muted-foreground truncate",
+				children: Pt(e)
+			})] })
+		});
+	}
+	return /* @__PURE__ */ Q(A, {
+		className: H("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,
 		onKeyDown: p ? (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
 		} : void 0,
-		...m,
-		children: [/* @__PURE__ */ Q(x, {
+		...h,
+		children: [/* @__PURE__ */ Q(M, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ Z(S, {
+			children: [/* @__PURE__ */ Z(N, {
 				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: Pt(e)
+			}), b && /* @__PURE__ */ Z("div", {
+				className: H("flex h-8 w-8 items-center justify-center rounded-md shrink-0", g),
+				children: b
 			})]
-		}), /* @__PURE__ */ Z(b, { children: o ? /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z(j, { 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(ye, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
@@ -1015,51 +2022,51 @@ 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",
-			children: v
+		}) : /* @__PURE__ */ Q(Ve, { children: [/* @__PURE__ */ Z("div", {
+			className: "text-2xl font-bold tabular-nums tracking-tight truncate",
+			children: y
 		}), (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: H("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(be, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
 			}), /* @__PURE__ */ Z("span", {
 				className: "truncate min-w-0",
-				children: _
+				children: v
 			})]
 		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function qe(e) {
+function Rt(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 zt = ({ 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(A, {
+		className: H("h-full", o),
 		...l,
-		children: [/* @__PURE__ */ Q(x, {
+		children: [/* @__PURE__ */ Q(M, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ Z(S, {
+			children: [/* @__PURE__ */ Z(N, {
 				className: "text-sm font-medium",
-				children: qe(e)
+				children: Rt(e)
 			}), u && /* @__PURE__ */ Z(u, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ Z(b, { children: s ? /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z(j, { 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(ye, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ Z("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
@@ -1067,222 +2074,231 @@ 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(Ve, { 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: H("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(be, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), qe(a)]
+			}), Rt(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(() => {
+}, Bt = ({ objectName: e, aggregate: t, filter: n, label: r, fallbackValue: i, trend: o, icon: s, className: c, description: l, dataSource: u, colorVariant: _, format: v, currency: y, prefix: b, suffix: x, invert: S, drillDown: C, title: E, compareTo: D, t: O, variant: k }) => {
+	let A = ue(g), j = u || A?.dataSource, [M, N] = J(!1), [P, F] = J(null), [I, ee] = J(null), [re, V] = J(!1), [H, oe] = J(null), [se, U] = J(null);
+	K(() => {
 		let t = !0;
-		if (!(!N || !e || typeof N.getObjectSchema != "function")) return N.getObjectSchema(e).then((e) => {
-			t && ce(e);
+		if (!(!j || !e || typeof j.getObjectSchema != "function")) return j.getObjectSchema(e).then((e) => {
+			t && U(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
-	}, [N, e]);
-	let G = V(() => {
-		let e = n?.field;
+	}, [j, e]);
+	let W = q(() => {
+		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 = q(() => {
 		if (v) return v;
-		if (G) {
-			if (G.type === "currency") {
-				let e = G.precision ?? G.scale ?? 0;
+		if (W) {
+			if (W.type === "currency") {
+				let e = W.precision ?? W.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 (W.type === "percent") return "0,0%";
+			if (W.type === "number" || W.type === "integer") return "0,0";
 		}
-	}, [v, G]), ue = V(() => {
+	}, [v, W]), { currency: le } = T(), de = q(() => {
 		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 (W?.type === "currency") return w(W, le);
+	}, [
+		y,
+		W,
+		le
+	]), fe = q(() => t ? JSON.stringify(t) : "", [t]), Y = q(() => f(n), [n]), pe = q(() => Y ? JSON.stringify(Y) : "", [Y]), me = q(() => D ? JSON.stringify(D) : "", [D]), he = G(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 = G(async (t, r) => {
 		if (!(!t || !e)) {
-			n.current && (U(!0), W(null));
+			r.current && (V(!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 ? m(n, D) : null, [i, a] = await Promise.all([he(t, Y), 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 && (F(i), ee(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 && V(!1);
 			}
 		}
 	}, [
 		e,
-		K,
-		de,
 		fe,
-		pe
+		pe,
+		me,
+		he
 	]);
-	B(() => {
+	K(() => {
 		let t = { current: !0 };
-		return N && e ? me(N, t) : (L(null), W(null)), () => {
+		return j && e ? ge(j, t) : (F(null), oe(null)), () => {
 			t.current = !1;
 		};
 	}, [
-		N,
+		j,
 		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 X = P === null ? j ? "—" : i ?? "—" : P;
+	S && typeof X == "number" && isFinite(X) && X >= 0 && X <= 1 && (X = 1 - X);
+	let _e = q(() => {
+		if (!D || typeof P != "number" || !Number.isFinite(P) || I === null) return;
+		let e = We(P, I);
 		if (!e) return;
-		let n = t(T, r), i = `dashboard.trend.${n}`, a = {
+		let t = a(D, n), r = `dashboard.trend.${t}`, i = {
 			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, i[t] || t) : i[t] || t;
 		return {
 			value: e.value,
 			direction: e.direction,
 			label: o
 		};
 	}, [
-		T,
+		D,
+		P,
 		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");
+		n,
+		O
+	]) ?? o, ve = d(C) && !!e && !!j, ye = q(() => {
+		let e = typeof r == "string" ? r : r?.defaultValue || "";
+		return p(C, {}, (typeof E == "string" ? E : E?.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;
+		r,
+		E
+	]), be = q(() => {
+		if (!ve) return null;
+		let t = C?.target ?? "drawer", n = C?.report, r = n && typeof n == "object" && (Array.isArray(n.columns) || "objectName" in n), i = r ? null : /* @__PURE__ */ Z(at, {
+			objectName: e,
+			filter: Y,
+			onNavigate: () => N(!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 ? Y ? { $and: [e, Y] } : e : Y;
+			a = /* @__PURE__ */ Z("div", {
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ Z(c, { schema: {
+				children: /* @__PURE__ */ Z(h, { 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(h, { schema: {
 				type: "object-data-table",
 				objectName: e,
-				filter: q,
+				filter: Y,
 				pageSize: 25,
-				drillDown: { enabled: !1 }
+				drillDown: {
+					enabled: !0,
+					mode: "record",
+					target: "dialog"
+				}
 			} })
 		});
-		return t === "dialog" ? /* @__PURE__ */ Z(D, {
+		return t === "dialog" ? /* @__PURE__ */ Z(te, {
 			open: !0,
-			onOpenChange: (e) => !e && F(!1),
-			children: /* @__PURE__ */ Q(O, {
+			onOpenChange: (e) => !e && N(!1),
+			children: /* @__PURE__ */ Q(L, {
 				className: "max-w-5xl",
-				children: [/* @__PURE__ */ Z(k, { children: /* @__PURE__ */ Z(A, { children: ge }) }), i]
+				children: [/* @__PURE__ */ Q(R, {
+					className: "flex-row items-center justify-between gap-4 pr-8",
+					children: [/* @__PURE__ */ Z(ne, { children: ye }), i]
+				}), a]
 			})
-		}) : /* @__PURE__ */ Z(M, {
+		}) : /* @__PURE__ */ Z(z, {
 			open: !0,
-			onOpenChange: (e) => !e && F(!1),
-			children: /* @__PURE__ */ Q(ee, {
+			onOpenChange: (e) => !e && N(!1),
+			children: /* @__PURE__ */ Q(ie, {
 				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(B, {
+					className: "flex-row items-center justify-between gap-4 pr-8",
+					children: [/* @__PURE__ */ Z(ae, { children: ye }), i]
+				}), /* @__PURE__ */ Z("div", {
 					className: "flex-1 overflow-hidden mt-2",
-					children: i
+					children: a
 				})]
 			})
 		});
 	}, [
-		Y,
+		ve,
 		C,
 		e,
-		q,
-		ge
+		Y,
+		ye
 	]);
-	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(Ve, { children: [/* @__PURE__ */ Z(Lt, {
+		label: r,
+		value: X,
+		trend: _e,
+		icon: s,
+		className: c,
+		description: l,
+		loading: re,
+		error: H,
 		colorVariant: _,
-		format: le,
-		currency: ue,
+		format: ce,
+		currency: de,
 		prefix: b,
 		suffix: x,
-		onClick: Y ? () => F(!0) : void 0
-	}), P && _e] });
+		variant: k,
+		onClick: ve ? () => N(!0) : void 0
+	}), M && be] });
 };
 //#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";
-	}
+function Vt() {
+	return O()("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 Ht() {
+	return O()("dashboard.noDataAvailable", "No data available");
 }
-function Qe(e, t) {
+function Ut(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 +2315,11 @@ function Qe(e, t) {
 	}
 	return n + l + r;
 }
-var $e = "—";
-function et(e, t) {
-	return e === "" ? $e : t?.[e] ?? e;
+var Wt = "—";
+function Gt(e, t) {
+	return e === "" ? Wt : t?.[e] ?? e;
 }
-function tt(e, t) {
+function Kt(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -1314,30 +2330,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 qt = ({ schema: e, className: t, rowLabels: n, columnLabels: r, rowFieldLabel: i, onDrillDown: a }) => {
+	let { title: o, rowField: s, columnField: c, valueField: l, aggregation: u = "sum", data: f = [], showRowTotals: p = !1, showColumnTotals: m = !1, format: h, columnColors: g, drillDown: _ } = e, v = Vt(), y = Ht(), b = d(_) && 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 } = q(() => {
 		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 = {}, d = {};
 		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 = Kt(i, u);
+				a[e][r] = o, t.push(...i), !d[r] && d[r];
 			}
-			o[e] = tt(t, d);
+			o[e] = Kt(t, u);
 		}
 		for (let e of i) {
 			let t = [];
@@ -1345,31 +2361,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);
+			d[e] = Kt(t, u);
 		}
 		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: d,
+			grandTotal: Kt(f, u)
 		};
 	}, [
 		w,
+		s,
 		c,
 		l,
-		u,
-		d
-	]), M = (e) => Qe(e, h);
+		u
+	]), j = (e) => Ut(e, h);
 	return w.length === 0 ? /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", t),
-		children: [s && /* @__PURE__ */ Z("h3", {
+		className: H("overflow-auto", t),
+		children: [o && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
-			children: s
-		}), /* @__PURE__ */ Z(E, {
+			children: o
+		}), /* @__PURE__ */ Z(ee, {
 			"data-testid": "pivot-empty-state",
 			className: "py-8 gap-2 [&>h3]:hidden",
 			icon: /* @__PURE__ */ Q("svg", {
@@ -1413,10 +2429,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: H("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 +2442,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: H("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: Gt(e, r)
 							}, e);
 						}),
 						p && /* @__PURE__ */ Z("th", {
@@ -1454,7 +2470,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: H("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 +2481,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: Gt(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: H("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: H("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 +2526,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: H("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: H("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;
+}, Jt = ({ schema: e, dataSource: t, className: n }) => {
+	let r = ue(g), i = t || r?.dataSource, a = v(e.bind), [c, l] = J([]), [u, m] = J(!1), [h, _] = J(null), [y, b] = J({}), [x, S] = J({}), [C, w] = J(null), { fieldLabel: T, fieldOptionLabel: E } = D(), O = de(T), k = de(E);
+	K(() => {
+		O.current = T, k.current = E;
+	}, [T, E]), K(() => {
+		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 +2586,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]), K(() => {
 		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 && !a && (!e.data || e.data.length === 0) && (async () => {
+			if (!(!i || !e.objectName)) {
+				t && (m(!0), _(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 = s(await i.find(e.objectName, { $filter: f(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 && _(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
-					t && g(!1);
+					t && m(!1);
 				}
 			}
 		})(), () => {
@@ -1968,14 +2611,14 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 		};
 	}, [
 		e.objectName,
-		u,
-		f,
+		i,
+		a,
 		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 = a || e.data || c, j = Array.isArray(A) ? A : [];
+	if (u && j.length === 0) return /* @__PURE__ */ Q("div", {
+		className: H("overflow-auto", n),
 		"data-testid": "pivot-loading",
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -1985,10 +2628,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(V, { className: "h-6 w-24" }),
+					/* @__PURE__ */ Z(V, { className: "h-6 w-20" }),
+					/* @__PURE__ */ Z(V, { className: "h-6 w-20" }),
+					/* @__PURE__ */ Z(V, { className: "h-6 w-20" })
 				]
 			}), [
 				1,
@@ -1997,16 +2640,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(V, { className: "h-5 w-24" }),
+					/* @__PURE__ */ Z(V, { className: "h-5 w-20" }),
+					/* @__PURE__ */ Z(V, { className: "h-5 w-20" }),
+					/* @__PURE__ */ Z(V, { className: "h-5 w-20" })
 				]
 			}, e))]
 		})]
 	});
-	if (v) return /* @__PURE__ */ Q("div", {
-		className: P("overflow-auto", s),
+	if (h) return /* @__PURE__ */ Q("div", {
+		className: H("overflow-auto", n),
 		"data-testid": "pivot-error",
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
@@ -2044,12 +2687,12 @@ var at = ({ schema: e, dataSource: t, className: n }) => {
 				]
 			}), /* @__PURE__ */ Z("p", {
 				className: "text-xs",
-				children: v
+				children: h
 			})]
 		})]
 	});
-	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: H("overflow-auto", n),
 		children: [e.title && /* @__PURE__ */ Z("h3", {
 			className: "text-sm font-semibold mb-2",
 			children: e.title
@@ -2068,37 +2711,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(Ve, { children: [/* @__PURE__ */ Z(qt, {
 		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: d(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 = o(I, C, {
 			rowField: e.rowField,
 			columnField: e.columnField
-		}), r = {
+		}), n = {
 			...e.filter || {},
 			...t
 		};
 		return /* @__PURE__ */ Z(ot, {
 			open: !0,
-			onClose: () => T(null),
-			title: o(F, w, e.title || "Details"),
-			target: F?.target ?? "drawer",
+			onClose: () => w(null),
+			title: p(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 = {
+}, Yt = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
@@ -2224,12 +2867,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 Xt({ 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(F, {
 		open: e,
 		onClose: t,
-		schema: ct,
+		schema: Yt,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -2239,7 +2882,7 @@ function lt({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var ut = [
+var Zt = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -2284,7 +2927,7 @@ var ut = [
 		value: "pivot",
 		label: "Pivot Table"
 	}
-], dt = [
+], Qt = [
 	{
 		value: "default",
 		label: "Default"
@@ -2317,7 +2960,7 @@ var ut = [
 		value: "danger",
 		label: "Danger"
 	}
-], ft = [
+], $t = [
 	{
 		value: "count",
 		label: "Count"
@@ -2338,7 +2981,7 @@ var ut = [
 		value: "max",
 		label: "Max"
 	}
-], pt = [
+], en = [
 	"bar",
 	"horizontal-bar",
 	"line",
@@ -2347,17 +2990,17 @@ var ut = [
 	"donut",
 	"scatter",
 	"funnel"
-], mt = [
+], tn = [
 	"bar",
 	"horizontal-bar",
 	"line",
 	"area",
 	"scatter"
-], ht = [
+], nn = [
 	"pie",
 	"donut",
 	"funnel"
-], gt = ["metric", ...pt], _t = [...pt], vt = [
+], rn = ["metric", ...en], an = [...en], on = [
 	"pivot",
 	"metric",
 	"bar",
@@ -2366,52 +3009,57 @@ var ut = [
 	"area",
 	"pie",
 	"donut",
-	"funnel"
+	"funnel",
+	"scatter",
+	"treemap",
+	"sankey",
+	"table",
+	"list"
 ];
-function yt(e) {
-	return !!e && pt.includes(e);
+function sn(e) {
+	return !!e && en.includes(e);
 }
-function bt(e) {
-	return !!e && mt.includes(e);
+function cn(e) {
+	return !!e && tn.includes(e);
 }
-function xt(e) {
-	return !!e && _t.includes(e);
+function ln(e) {
+	return !!e && an.includes(e);
 }
-function St(e) {
-	return !!e && gt.includes(e);
+function un(e) {
+	return !!e && rn.includes(e);
 }
-function Ct(e) {
-	return !!e && vt.includes(e);
+function dn(e) {
+	return !!e && on.includes(e);
 }
-var wt = [{
+var fn = [{
 	value: "drawer",
 	label: "Side drawer"
 }, {
 	value: "dialog",
 	label: "Center dialog"
-}], Tt = [{
+}], pn = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], Et = [{
+}], mn = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function Dt(e, t, n, r) {
+function hn(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ Z(T, {
+		render: (i, a, o) => /* @__PURE__ */ Z(I, {
 			label: t,
 			children: /* @__PURE__ */ Z("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ Z(C, {
+				children: /* @__PURE__ */ Z(P, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -2425,16 +3073,16 @@ function Dt(e, t, n, r) {
 		})
 	};
 }
-function Ot(e, t, n) {
+function gn(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(I, {
 			label: "Data source",
 			children: /* @__PURE__ */ Z("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ Z(C, {
+				children: /* @__PURE__ */ Z(P, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -2451,38 +3099,38 @@ function Ot(e, t, n) {
 		type: "input",
 		placeholder: "Object name"
 	}, a = r ? {
-		...Dt("categoryField", "Category field", "Select field…", t),
+		...hn("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) => ln(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) => ln(e.type)
 	}, o = r ? {
-		...Dt("valueField", "Value field", "Select field…", t),
+		...hn("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) => un(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) => un(e.type) && (e.aggregate ?? "count") !== "count"
+	}, s = r ? hn("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 ? hn("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 ? hn("valueField", "Field", "Select value field…", t) : {
 		key: "valueField",
 		label: "Field",
 		type: "input",
@@ -2492,7 +3140,7 @@ function Ot(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (yt(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (sn(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -2514,7 +3162,7 @@ function Ot(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: ut,
+						options: Zt,
 						defaultValue: "metric"
 					}
 				]
@@ -2532,10 +3180,10 @@ function Ot(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: ft,
+						options: $t,
 						defaultValue: "count",
 						helpText: "Count ignores Value field; Sum / Avg / Min / Max require it.",
-						visibleWhen: (e) => St(e.type)
+						visibleWhen: (e) => un(e.type)
 					}
 				]
 			},
@@ -2557,14 +3205,14 @@ function Ot(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: Tt,
+						options: pn,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: Et,
+						options: mn,
 						defaultValue: "asc"
 					},
 					{
@@ -2592,14 +3240,14 @@ function Ot(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: Tt,
+						options: pn,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: Et,
+						options: mn,
 						defaultValue: "asc"
 					},
 					{
@@ -2627,7 +3275,7 @@ function Ot(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: ft,
+						options: $t,
 						defaultValue: "sum"
 					},
 					{
@@ -2642,7 +3290,7 @@ function Ot(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => bt(e.type),
+				visibleWhen: (e) => cn(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -2668,7 +3316,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 && nn.includes(e.type),
 				fields: [{
 					key: "showLegend",
 					label: "Show legend",
@@ -2720,18 +3368,18 @@ function Ot(e, t, n) {
 				title: "Drill-down",
 				collapsible: !0,
 				defaultCollapsed: !0,
-				visibleWhen: (e) => Ct(e.type),
+				visibleWhen: (e) => dn(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: fn,
 					defaultValue: "drawer",
 					visibleWhen: (e) => !!e.drillDownEnabled
 				}]
@@ -2757,14 +3405,14 @@ function Ot(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: dt,
+					options: Qt,
 					defaultValue: "default"
 				}]
 			}
 		]
 	};
 }
-function kt(e) {
+function _n(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -2773,20 +3421,20 @@ function kt(e) {
 	}
 	return String(e);
 }
-function At(e) {
+function vn(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 ln(t) || delete n.categoryField, un(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), cn(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), dn(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 yn({ 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(U.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" ? _n(n.title) : n.title,
+		description: typeof n.description == "object" ? _n(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ Z(w, {
+	return /* @__PURE__ */ Z(F, {
 		open: e,
 		onClose: t,
-		schema: L.useMemo(() => Ot(o, s, c.type), [
+		schema: U.useMemo(() => gn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -2794,19 +3442,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(vn(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 bn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [c, l] = J(o), [u, d] = J(null), [f, p] = J(e), [m, h] = J(0);
+	K(() => {
 		p(e), h((e) => e + 1);
 	}, [e]);
-	let g = L.useMemo(() => {
+	let g = U.useMemo(() => {
 		if (!u || !f.widgets) return null;
 		let e = f.widgets.find((e) => (e.id || e.title) === u);
 		if (!e) return null;
@@ -2828,11 +3476,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]), _ = G((e) => {
 		d(e), l(!0);
-	}, []), y = R(() => {
+	}, []), v = G(() => {
 		d(null);
-	}, []), b = R((e, t) => {
+	}, []), y = G((e, t) => {
 		u && p((n) => n.widgets ? {
 			...n,
 			widgets: n.widgets.map((n) => {
@@ -2873,7 +3521,7 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				};
 			})
 		} : n);
-	}, [u]), x = R((e) => {
+	}, [u]), b = G((e) => {
 		if (u && r) {
 			let { drillDownEnabled: t, drillDownTarget: n, ...i } = e, a = { ...i };
 			(t || n) && (a.options = {
@@ -2886,24 +3534,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 = G(() => {
 		l((e) => !e), d(null);
 	}, []);
 	return /* @__PURE__ */ Q("div", {
-		className: P("flex h-full w-full", s),
+		className: H("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(k, {
 					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(Ce, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ Z(Fe, {
+			}), /* @__PURE__ */ Z(Tt, {
 				schema: f,
 				onRefresh: i,
 				recordCount: a,
@@ -2913,13 +3561,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(yn, {
 				open: !0,
-				onClose: y,
+				onClose: v,
 				config: g,
-				onSave: x,
-				onFieldChange: b
-			}) : /* @__PURE__ */ Z(lt, {
+				onSave: b,
+				onFieldChange: y
+			}) : /* @__PURE__ */ Z(Xt, {
 				open: !0,
 				onClose: () => l(!1),
 				config: t,
@@ -2928,7 +3576,7 @@ function Mt({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 		})]
 	});
 }
-e.register("dashboard", Fe, {
+e.register("dashboard", Tt, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -2956,7 +3604,7 @@ e.register("dashboard", Fe, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", Ke, {
+}), e.register("metric", Lt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -2969,7 +3617,7 @@ e.register("dashboard", Fe, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", Je, {
+}), e.register("metric-card", zt, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -3024,7 +3672,7 @@ e.register("dashboard", Fe, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Ye, {
+}), e.register("object-metric", Bt, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -3053,7 +3701,7 @@ e.register("dashboard", Fe, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", nt, {
+}), e.register("pivot", qt, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -3132,7 +3780,7 @@ e.register("dashboard", Fe, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", st, {
+}), e.register("object-pivot", Jt, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -3221,7 +3869,7 @@ e.register("dashboard", Fe, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", Be, {
+}), e.register("dashboard-grid", At, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -3239,7 +3887,7 @@ e.register("dashboard", Fe, {
 		title: "Dashboard",
 		widgets: []
 	}
-}), e.register("object-data-table", at, {
+}), e.register("object-data-table", it, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -3277,18 +3925,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 xn = {
+	DashboardRenderer: Tt,
+	DashboardGridLayout: At,
+	MetricWidget: Lt,
+	MetricCard: zt,
+	ObjectMetricWidget: Bt,
+	PivotTable: qt,
+	ObjectPivotTable: Jt,
+	ObjectDataTable: it,
+	DashboardConfigPanel: Xt,
+	WidgetConfigPanel: yn,
+	DashboardWithConfig: bn
 };
 //#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 { Xt as DashboardConfigPanel, At as DashboardGridLayout, Tt as DashboardRenderer, bn as DashboardWithConfig, ot as DrillDownDrawer, zt as MetricCard, Lt as MetricWidget, it as ObjectDataTable, Bt as ObjectMetricWidget, Jt as ObjectPivotTable, qt as PivotTable, yn as WidgetConfigPanel, xn as dashboardComponents };