@object-ui/plugin-dashboard 4.0.7 → 4.0.9

package/dist/index.js

@@ -1,33 +1,46 @@
-import { ComponentRegistry as e, extractRecords as t } from "@object-ui/core";
-import { SchemaRenderer as n, SchemaRendererContext as r, useActionEngine as i, useDataScope as a, useDnd as o, useHasDndProvider as s, useObjectLabel as c } from "@object-ui/react";
-import { Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Combobox as m, ConfigPanelRenderer as h, ConfigRow as g, Skeleton as _, cn as v, getLazyIcon as y, useConfigDraft as b } from "@object-ui/components";
-import * as x from "react";
-import { forwardRef as S, useCallback as C, useContext as w, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { AlertCircle as k, ArrowDownIcon as A, ArrowUpIcon as j, Edit as M, GripVertical as ee, Loader2 as N, MinusIcon as te, RefreshCw as ne, Save as re, Settings as ie, X as ae } from "lucide-react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { ResponsiveGridLayout as L, useContainerWidth as R } from "react-grid-layout";
+import { ComponentRegistry as e, computeDrillFilter as t, extractRecords as n, isDrillEnabled as r, resolveDateMacros as i, resolveDrillTitle as a } from "@object-ui/core";
+import { SchemaRenderer as o, SchemaRendererContext as s, useActionEngine as c, useDataScope as l, useDnd as u, useHasDndProvider as d, useObjectLabel as f } from "@object-ui/react";
+import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Combobox as v, ConfigPanelRenderer as y, ConfigRow as b, Dialog as x, DialogContent as S, DialogHeader as C, DialogTitle as w, Sheet as T, SheetContent as E, SheetHeader as D, SheetTitle as O, Skeleton as k, cn as A, getLazyIcon as j, useConfigDraft as M } from "@object-ui/components";
+import * as N from "react";
+import { forwardRef as P, useCallback as F, useContext as ee, useEffect as I, useMemo as L, useRef as R, useState as z } from "react";
+import { AlertCircle as B, ArrowDownIcon as V, ArrowUpIcon as H, Edit as te, GripVertical as U, Loader2 as ne, MinusIcon as W, RefreshCw as re, Save as ie, Settings as ae, X as G } from "lucide-react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { ResponsiveGridLayout as Y, useContainerWidth as oe } from "react-grid-layout";
 import "react-grid-layout/css/styles.css";
-import { useSafeFieldLabel as z } from "@object-ui/i18n";
+import { useObjectTranslation as X, useSafeFieldLabel as Z } from "@object-ui/i18n";
+import { formatCurrency as se, formatDate as ce, formatPercent as le, getCellRenderer as ue, resolveCellRendererType as de } from "@object-ui/fields";
 //#region src/utils.ts
-function B(e) {
+function Q(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && e.provider === "object";
 }
 //#endregion
 //#region src/DashboardRenderer.tsx
-function oe(e) {
-	return e ? y(e) : null;
+function fe(e) {
+	return e ? j(e) : null;
 }
-function V(e) {
+function $(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var se = [
+var pe = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], H = S(({ schema: e, className: t, dataSource: r, onRefresh: a, recordCount: o, userActions: s, designMode: m, selectedWidgetId: h, onWidgetClick: g, modalHandler: _, scriptHandlers: y, ...b }, x) => {
-	let S = (() => {
+], me = new Set([
+	"bar",
+	"horizontal-bar",
+	"line",
+	"area",
+	"pie",
+	"donut",
+	"funnel"
+]);
+function he(e) {
+	return me.has(e) ? { enabled: !0 } : void 0;
+}
+var ge = P(({ schema: e, className: t, dataSource: n, onRefresh: r, recordCount: i, userActions: a, designMode: s, selectedWidgetId: l, onWidgetClick: u, modalHandler: d, scriptHandlers: v, ...y }, b) => {
+	let x = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
 		for (let e of t) {
@@ -35,71 +48,71 @@ var se = [
 			t > n && (n = t), (e.layout?.w ?? 0) > n && (n = e.layout.w);
 		}
 		return n > 4 ? 12 : 4;
-	})(), w = S, k = e.gap || 4, [A, j] = O(!1), [M, ee] = O(!1), N = D(null), { executeAction: te, engine: re } = i({ actions: E(() => (e.header?.actions ?? []).map((e) => ({
+	})(), S = x, C = e.gap || 4, [w, T] = z(!1), [E, D] = z(!1), O = R(null), { executeAction: k, engine: j } = c({ actions: L(() => (e.header?.actions ?? []).map((e) => ({
 		name: e.actionUrl || e.label,
 		type: e.actionType || "url",
 		target: e.actionUrl,
 		label: e.label
-	})), [e.header?.actions]) }), { dashboardLabel: ie, dashboardDescription: ae, dashboardActionLabel: P, widgetTitle: L, widgetDescription: R, fieldLabel: z } = c(), H = e.name, ce = C((e) => H ? P(H, e.actionUrl || e.label, e.label) : e.label, [H, P]), U = C((e) => {
-		let t = V(e.title);
-		return !H || !e.id || t === void 0 ? t : L(H, e.id, t);
-	}, [H, L]), W = C((e) => {
-		let t = V(e.description);
-		return !H || !e.id ? t : R(H, e.id, t);
-	}, [H, R]);
-	T(() => {
-		let e = re.getRunner();
-		if (_ && e.setModalHandler(_), y) for (let [t, n] of Object.entries(y)) e.registerScript(t, n);
+	})), [e.header?.actions]) }), { dashboardLabel: M, dashboardDescription: N, dashboardActionLabel: P, widgetTitle: ee, widgetDescription: B, fieldLabel: V } = f(), H = e.name, te = F((e) => H ? P(H, e.actionUrl || e.label, e.label) : e.label, [H, P]), U = F((e) => {
+		let t = $(e.title);
+		return !H || !e.id || t === void 0 ? t : ee(H, e.id, t);
+	}, [H, ee]), ne = F((e) => {
+		let t = $(e.description);
+		return !H || !e.id ? t : B(H, e.id, t);
+	}, [H, B]);
+	I(() => {
+		let e = j.getRunner();
+		if (d && e.setModalHandler(d), v) for (let [t, n] of Object.entries(v)) e.registerScript(t, n);
 	}, [
-		re,
-		_,
-		y
-	]), T(() => {
-		let e = () => ee(window.innerWidth < 768);
+		j,
+		d,
+		v
+	]), I(() => {
+		let e = () => D(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let G = C(() => {
-		a && (j(!0), a(), setTimeout(() => j(!1), 600));
-	}, [a]);
-	T(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return N.current = setInterval(G, e.refreshInterval * 1e3), () => {
-			N.current && clearInterval(N.current);
+	let W = F(() => {
+		r && (T(!0), r(), setTimeout(() => T(!1), 600));
+	}, [r]);
+	I(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !r)) return O.current = setInterval(W, e.refreshInterval * 1e3), () => {
+			O.current && clearInterval(O.current);
 		};
 	}, [
 		e.refreshInterval,
-		a,
-		G
+		r,
+		W
 	]);
-	let le = C((e, t) => {
-		!m || !g || !t || (e.stopPropagation(), g(t));
-	}, [m, g]), K = C((t, n, r) => {
-		if (!m || !g) return;
+	let ie = F((e, t) => {
+		!s || !u || !t || (e.stopPropagation(), u(t));
+	}, [s, u]), ae = F((t, n, r) => {
+		if (!s || !u) return;
 		let i = e.widgets || [];
-		if (t.key === "Enter" || t.key === " ") t.preventDefault(), g(n ?? null);
+		if (t.key === "Enter" || t.key === " ") t.preventDefault(), u(n ?? null);
 		else if (t.key === "ArrowRight" || t.key === "ArrowDown") {
 			t.preventDefault();
 			let e = r + 1 < i.length ? i[r + 1] : null;
-			e?.id && g(e.id);
+			e?.id && u(e.id);
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowUp") {
 			t.preventDefault();
 			let e = r - 1 >= 0 ? i[r - 1] : null;
-			e?.id && g(e.id);
-		} else t.key === "Escape" && (t.preventDefault(), g(null));
+			e?.id && u(e.id);
+		} else t.key === "Escape" && (t.preventDefault(), u(null));
 	}, [
-		m,
-		g,
+		s,
+		u,
 		e.widgets
-	]), q = C((e) => {
-		!m || !g || e.target === e.currentTarget && g(null);
-	}, [m, g]), J = (e, t, i) => {
-		let a = e.layout ? {
+	]), G = F((e) => {
+		!s || !u || e.target === e.currentTarget && u(null);
+	}, [s, u]), K = (e, t, r) => {
+		let i = e.layout ? {
 			...e.layout,
-			w: Math.min(e.layout.w, w)
-		} : void 0, o = (() => {
+			w: Math.min(e.layout.w, S)
+		} : void 0, a = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
 			if (t === "metric" && e.object) {
-				let t = n.data, r = B(t) && t.aggregate ? {
+				let t = n.data, r = Q(t) && t.aggregate ? {
 					field: e.valueField || t.aggregate.field,
 					function: e.aggregate || t.aggregate.function,
 					groupBy: e.categoryField ?? t.aggregate.groupBy ?? "_all"
@@ -110,15 +123,21 @@ var se = [
 				} : void 0;
 				return {
 					type: "object-metric",
-					objectName: e.object || (B(t) ? t.object : void 0),
+					objectName: e.object || (Q(t) ? t.object : void 0),
 					aggregate: r,
-					filter: (B(t) ? t.filter : void 0) || e.filter,
+					filter: (Q(t) ? t.filter : void 0) || e.filter,
 					label: n.label || U(e) || "",
 					fallbackValue: n.value,
 					trend: n.trend,
 					icon: n.icon,
 					description: n.description,
-					colorVariant: e.colorVariant
+					colorVariant: e.colorVariant,
+					format: n.format,
+					currency: n.currency,
+					prefix: n.prefix,
+					suffix: n.suffix,
+					drillDown: n.drillDown ?? { enabled: !0 },
+					title: n.label || U(e) || ""
 				};
 			}
 			if ((t === "gauge" || t === "solid-gauge") && e.object) {
@@ -138,29 +157,27 @@ var se = [
 					description: n.description
 				};
 			}
-			let r = {
-				funnel: "bar",
-				"horizontal-bar": "bar"
-			}[t] || t;
-			if (r === "bar" || r === "line" || r === "area" || r === "pie" || r === "donut" || r === "scatter") {
+			let r = {}[t] || t;
+			if (r === "bar" || r === "horizontal-bar" || r === "line" || r === "area" || r === "pie" || r === "donut" || r === "scatter" || r === "funnel") {
 				let t = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-				if (B(t)) {
-					let n = t.aggregate, o = n ? {
-						field: e.valueField || n.field,
-						function: e.aggregate || n.function,
-						groupBy: e.categoryField || n.groupBy
-					} : void 0, s = o?.field || a, c = e.object || t.object;
+				if (Q(t)) {
+					let o = t.aggregate, s = o ? {
+						field: e.valueField || o.field,
+						function: e.aggregate || o.function,
+						groupBy: e.categoryField || o.groupBy
+					} : void 0, c = s?.field || a, l = e.object || t.object;
 					return {
 						type: "object-chart",
 						chartType: r,
-						objectName: c,
-						aggregate: o,
+						objectName: l,
+						aggregate: s,
 						xAxisKey: i,
 						series: [{
-							dataKey: s,
-							label: c ? z(c, s, s) : s
+							dataKey: c,
+							label: l ? V(l, c, c) : c
 						}],
-						colors: se,
+						colors: pe,
+						drillDown: n.drillDown ?? he(r),
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
@@ -169,7 +186,7 @@ var se = [
 						field: e.valueField || "value",
 						function: e.aggregate,
 						groupBy: e.categoryField || "name"
-					} : void 0, n = e.valueField || "value";
+					} : void 0, a = e.valueField || "value";
 					return {
 						type: "object-chart",
 						chartType: r,
@@ -177,10 +194,11 @@ var se = [
 						aggregate: t,
 						xAxisKey: i,
 						series: [{
-							dataKey: n,
-							label: z(e.object, n, n)
+							dataKey: a,
+							label: V(e.object, a, a)
 						}],
-						colors: se,
+						colors: pe,
+						drillDown: n.drillDown ?? he(r),
 						className: "h-[200px] sm:h-[250px] md:h-[300px]"
 					};
 				}
@@ -191,15 +209,15 @@ var se = [
 					xAxisKey: i,
 					series: [{
 						dataKey: a,
-						label: e.object ? z(e.object, a, a) : a
+						label: e.object ? V(e.object, a, a) : a
 					}],
-					colors: se,
+					colors: pe,
 					className: "h-[200px] sm:h-[250px] md:h-[300px]"
 				};
 			}
 			if (t === "table") {
 				let t = e.data || n.data;
-				if (B(t)) {
+				if (Q(t)) {
 					let { data: r, ...i } = n;
 					return {
 						type: "object-data-table",
@@ -230,11 +248,23 @@ var se = [
 				};
 			}
 			if (t === "pivot") {
-				let t = e.data || n.data;
-				if (B(t)) {
-					let { data: r, ...i } = n;
+				let t = e.data || n.data, r = e, i = {
+					rowField: r.rowField ?? n.rowField,
+					columnField: r.columnField ?? n.columnField,
+					valueField: r.valueField ?? n.valueField,
+					aggregation: r.aggregation ?? n.aggregation ?? "sum",
+					showRowTotals: r.showRowTotals ?? n.showRowTotals,
+					showColumnTotals: r.showColumnTotals ?? n.showColumnTotals,
+					format: r.format ?? n.format
+				}, a = (Q(t) || !t && e.object) && n.drillDown === void 0 ? {
+					...n,
+					drillDown: { enabled: !0 }
+				} : n;
+				if (Q(t)) {
+					let { data: n, ...r } = a;
 					return {
 						type: "object-pivot",
+						...r,
 						...i,
 						objectName: e.object || t.object,
 						dataProvider: t,
@@ -243,103 +273,143 @@ var se = [
 				}
 				return !t && e.object ? {
 					type: "object-pivot",
-					...n,
+					...a,
+					...i,
 					objectName: e.object,
 					filter: e.filter
 				} : {
 					type: "pivot",
 					...n,
+					...i,
 					data: Array.isArray(t) ? t : t?.items || []
 				};
 			}
-			return {
+			if (t === "list") {
+				let t = e.data || n.data;
+				if (Q(t)) {
+					let { data: r, ...i } = n;
+					return {
+						type: "object-data-table",
+						...i,
+						objectName: e.object || t.object,
+						dataProvider: t,
+						filter: t.filter || e.filter,
+						searchable: !1,
+						pagination: !1,
+						className: "border-0"
+					};
+				}
+				return !t && e.object ? {
+					type: "object-data-table",
+					...n,
+					objectName: e.object,
+					filter: e.filter,
+					searchable: !1,
+					pagination: !1,
+					className: "border-0"
+				} : {
+					type: "data-table",
+					...n,
+					data: Array.isArray(t) ? t : t?.items || [],
+					searchable: !1,
+					pagination: !1,
+					className: "border-0"
+				};
+			}
+			return t === "custom" ? {
+				type: "text",
+				value: "Custom widget — set `component` to a UIComponent schema.",
+				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
 			};
-		})(), s = e.type === "metric", c = U(e), l = W(e), g = e.id || c || `widget-${t}`, _ = m && h === e.id, y = m ? {
+		})(), c = e.type === "metric", u = U(e), d = ne(e), f = e.id || u || `widget-${t}`, p = s && l === e.id, v = s ? {
 			"data-testid": `dashboard-preview-widget-${e.id}`,
 			"data-widget-id": e.id,
 			role: "button",
 			tabIndex: 0,
-			"aria-selected": _,
-			"aria-label": `Widget: ${c || `Widget ${t + 1}`}`,
-			onClick: (t) => le(t, e.id),
-			onKeyDown: (n) => K(n, e.id, t)
-		} : {}, b = m ? v("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", _ ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0;
-		return s ? /* @__PURE__ */ I("div", {
-			className: v("h-full w-full", m && "relative", b),
-			style: !M && a ? {
-				gridColumn: `span ${a.w}`,
-				gridRow: `span ${a.h}`
+			"aria-selected": p,
+			"aria-label": `Widget: ${u || `Widget ${t + 1}`}`,
+			onClick: (t) => ie(t, e.id),
+			onKeyDown: (n) => ae(n, e.id, t)
+		} : {}, y = s ? A("cursor-pointer rounded-lg transition-all outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", p ? "ring-2 ring-primary shadow-md bg-primary/5 dark:bg-primary/10" : "hover:ring-2 hover:ring-primary/40 hover:shadow-sm") : void 0;
+		return c ? /* @__PURE__ */ J("div", {
+			className: A("h-full w-full", s && "relative", y),
+			style: !E && i ? {
+				gridColumn: `span ${i.w}`,
+				gridRow: `span ${i.h}`
 			} : void 0,
-			...y,
-			children: [/* @__PURE__ */ F(n, {
-				schema: o,
-				className: v("h-full w-full", m && "pointer-events-none"),
-				dataSource: r
-			}), m && /* @__PURE__ */ F("div", {
+			...v,
+			children: [/* @__PURE__ */ q(o, {
+				schema: a,
+				className: A("h-full w-full", s && "pointer-events-none"),
+				dataSource: n
+			}), s && /* @__PURE__ */ q("div", {
 				className: "absolute inset-0 z-10",
 				"aria-hidden": "true",
 				"data-testid": "widget-click-overlay"
 			})]
-		}, g) : /* @__PURE__ */ I(u, {
-			className: v("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", i && "w-full", m && "relative", b),
-			style: !M && a ? {
-				gridColumn: `span ${a.w}`,
-				gridRow: `span ${a.h}`
+		}, f) : /* @__PURE__ */ J(m, {
+			className: A("overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md", "bg-card/50 backdrop-blur-sm", r && "w-full", s && "relative", y),
+			style: !E && i ? {
+				gridColumn: `span ${i.w}`,
+				gridRow: `span ${i.h}`
 			} : void 0,
-			...y,
+			...v,
 			children: [
-				c && /* @__PURE__ */ I(f, {
+				u && /* @__PURE__ */ J(g, {
 					className: "pb-2 border-b border-border/40 bg-muted/20 px-3 sm:px-6",
-					children: [/* @__PURE__ */ F(p, {
+					children: [/* @__PURE__ */ q(_, {
 						className: "text-sm sm:text-base font-medium tracking-tight truncate",
-						title: c,
-						children: c
-					}), l && /* @__PURE__ */ F("p", {
+						title: u,
+						children: u
+					}), d && /* @__PURE__ */ q("p", {
 						className: "text-xs text-muted-foreground mt-0.5 line-clamp-2",
-						children: l
+						children: d
 					})]
 				}),
-				/* @__PURE__ */ F(d, {
+				/* @__PURE__ */ q(h, {
 					className: "p-0",
-					children: /* @__PURE__ */ F("div", {
-						className: v("h-full w-full", "p-3 sm:p-4 md:p-6", m && "pointer-events-none"),
-						children: /* @__PURE__ */ F(n, {
-							schema: o,
-							dataSource: r
+					children: /* @__PURE__ */ q("div", {
+						className: A("h-full w-full", "p-3 sm:p-4 md:p-6", s && "pointer-events-none"),
+						children: /* @__PURE__ */ q(o, {
+							schema: a,
+							dataSource: n
 						})
 					})
 				}),
-				m && /* @__PURE__ */ F("div", {
+				s && /* @__PURE__ */ q("div", {
 					className: "absolute inset-0 z-10",
 					"aria-hidden": "true",
 					"data-testid": "widget-click-overlay"
 				})
 			]
-		}, g);
-	}, Y = e.header && /* @__PURE__ */ I("div", {
+		}, f);
+	}, Y = e.header && /* @__PURE__ */ J("div", {
 		className: "col-span-full mb-4",
 		children: [
-			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ F("h2", {
+			e.header.showTitle !== !1 && e.title && /* @__PURE__ */ q("h2", {
 				className: "text-lg font-semibold tracking-tight",
-				children: H ? ie({
+				children: H ? M({
 					name: H,
-					label: V(e.title)
-				}) : V(e.title)
+					label: $(e.title)
+				}) : $(e.title)
 			}),
-			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ F("p", {
+			e.header.showDescription !== !1 && e.description && /* @__PURE__ */ q("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: H ? ae({
+				children: H ? N({
 					name: H,
-					description: V(e.description)
-				}) : V(e.description)
+					description: $(e.description)
+				}) : $(e.description)
 			}),
-			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ F("div", {
+			e.header.actions && e.header.actions.length > 0 && /* @__PURE__ */ q("div", {
 				className: "flex gap-2 mt-3",
 				children: e.header.actions.map((e, t) => {
-					let n = oe(e.icon);
-					return /* @__PURE__ */ I(l, {
+					let n = fe(e.icon);
+					return /* @__PURE__ */ J(p, {
 						variant: "outline",
 						size: "sm",
 						onClick: async () => {
@@ -353,78 +423,78 @@ var se = [
 								return;
 							}
 							if (t === "modal" || t === "script") {
-								let e = await te(n || r);
+								let e = await k(n || r);
 								e?.success || console.warn("[DashboardRenderer] action failed", e?.error);
 								return;
 							}
 							console.warn(`[DashboardRenderer] Unknown header actionType="${t}" for "${r}"`);
 						},
-						children: [n && /* @__PURE__ */ F(n, { className: "w-4 h-4 mr-1.5" }), ce(e)]
+						children: [n && /* @__PURE__ */ q(n, { className: "w-4 h-4 mr-1.5" }), te(e)]
 					}, t);
 				})
 			})
 		]
-	}), ue = o !== void 0 && /* @__PURE__ */ I("span", {
+	}), oe = i !== void 0 && /* @__PURE__ */ J("span", {
 		className: "text-xs text-muted-foreground",
-		children: [o.toLocaleString(), " records"]
-	}), X = s ? JSON.stringify(s) : void 0, Z = a && /* @__PURE__ */ I("div", {
-		className: v("flex items-center justify-end gap-3 mb-2", !M && "col-span-full"),
-		children: [ue, /* @__PURE__ */ I(l, {
+		children: [i.toLocaleString(), " records"]
+	}), X = a ? JSON.stringify(a) : void 0, Z = r && /* @__PURE__ */ J("div", {
+		className: A("flex items-center justify-end gap-3 mb-2", !E && "col-span-full"),
+		children: [oe, /* @__PURE__ */ J(p, {
 			variant: "outline",
 			size: "sm",
-			onClick: G,
-			disabled: A,
+			onClick: W,
+			disabled: w,
 			"aria-label": "Refresh dashboard",
-			children: [/* @__PURE__ */ F(ne, { className: v("h-4 w-4 mr-2", A && "animate-spin") }), A ? "Refreshing…" : "Refresh All"]
+			children: [/* @__PURE__ */ q(re, { className: A("h-4 w-4 mr-2", w && "animate-spin") }), w ? "Refreshing…" : "Refresh All"]
 		})]
 	});
-	if (M) {
+	if (E) {
 		let n = e.widgets?.filter((e) => e.type === "metric") || [], r = e.widgets?.filter((e) => e.type !== "metric") || [];
-		return /* @__PURE__ */ I("div", {
-			ref: x,
-			className: v("flex flex-col gap-4 px-4", t),
+		return /* @__PURE__ */ J("div", {
+			ref: b,
+			className: A("flex flex-col gap-4 px-4", t),
 			"data-user-actions": X,
-			onClick: q,
-			...b,
+			onClick: G,
+			...y,
 			children: [
 				Y,
 				Z,
-				n.length > 0 && /* @__PURE__ */ F("div", {
+				n.length > 0 && /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-3",
-					onClick: q,
-					children: n.map((e, t) => J(e, t))
+					onClick: G,
+					children: n.map((e, t) => K(e, t))
 				}),
-				r.length > 0 && /* @__PURE__ */ F("div", {
+				r.length > 0 && /* @__PURE__ */ q("div", {
 					className: "flex flex-col gap-4",
-					onClick: q,
-					children: r.map((e, t) => J(e, t, !0))
+					onClick: G,
+					children: r.map((e, t) => K(e, t, !0))
 				})
 			]
 		});
 	}
-	let Q = e.columns != null || S !== 4;
-	return /* @__PURE__ */ I("div", {
-		ref: x,
-		className: v("grid auto-rows-min", !Q && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+	let se = e.columns != null || x !== 4;
+	return /* @__PURE__ */ J("div", {
+		ref: b,
+		className: A("grid auto-rows-min", !se && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...Q && { gridTemplateColumns: `repeat(${w}, minmax(0, 1fr))` },
-			gap: `${k * .25}rem`
+			...se && { gridTemplateColumns: `repeat(${S}, minmax(0, 1fr))` },
+			gap: `${C * .25}rem`
 		},
 		"data-user-actions": X,
-		onClick: q,
-		...b,
+		onClick: G,
+		...y,
 		children: [
 			Y,
 			Z,
-			e.widgets?.map((e, t) => J(e, t))
+			e.widgets?.map((e, t) => K(e, t))
 		]
 	});
 });
 //#endregion
 //#region src/DashboardGridLayout.tsx
-function ce({ editMode: e }) {
-	let t = o();
-	return x.useEffect(() => {
+function _e({ editMode: e }) {
+	let t = u();
+	return N.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -435,28 +505,28 @@ function ce({ editMode: e }) {
 		t.endDrag("dashboard");
 	}, [e, t]), null;
 }
-var U = [
+var ve = [
 	"hsl(var(--chart-1))",
 	"hsl(var(--chart-2))",
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], W = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
-	let { width: o, containerRef: c, mounted: m } = R(), [h, g] = x.useState(!1), [_, y] = x.useState(!1), b = s(), S = x.useRef(null), C = x.useCallback(() => {
-		a && (y(!0), a(), setTimeout(() => y(!1), 600));
-	}, [a]);
-	x.useEffect(() => {
-		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return S.current = setInterval(C, e.refreshInterval * 1e3), () => {
-			S.current && clearInterval(S.current);
+], ye = ({ schema: e, className: t, onLayoutChange: n, persistLayoutKey: r = "dashboard-layout", onRefresh: i }) => {
+	let { width: a, containerRef: s, mounted: c } = oe(), [l, u] = N.useState(!1), [f, v] = N.useState(!1), y = d(), b = N.useRef(null), x = N.useCallback(() => {
+		i && (v(!0), i(), setTimeout(() => v(!1), 600));
+	}, [i]);
+	N.useEffect(() => {
+		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !i)) return b.current = setInterval(x, e.refreshInterval * 1e3), () => {
+			b.current && clearInterval(b.current);
 		};
 	}, [
 		e.refreshInterval,
-		a,
-		C
+		i,
+		x
 	]);
-	let [w, T] = x.useState(() => {
-		if (typeof window < "u" && i) {
-			let e = localStorage.getItem(i);
+	let [S, C] = N.useState(() => {
+		if (typeof window < "u" && r) {
+			let e = localStorage.getItem(r);
 			if (e) try {
 				return JSON.parse(e);
 			} catch (e) {
@@ -470,24 +540,24 @@ var U = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] };
-	}), E = x.useCallback((e, t) => {
-		T(t), r?.(e);
-	}, [r]), D = x.useCallback(() => {
-		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), g(!1);
-	}, [w, i]), O = x.useCallback(() => {
-		T({ lg: e.widgets?.map((e, t) => ({
+	}), w = N.useCallback((e, t) => {
+		C(t), n?.(e);
+	}, [n]), T = N.useCallback(() => {
+		typeof window < "u" && r && localStorage.setItem(r, JSON.stringify(S)), u(!1);
+	}, [S, r]), E = N.useCallback(() => {
+		C({ lg: e.widgets?.map((e, t) => ({
 			i: e.id || `widget-${t}`,
 			x: e.layout?.x || t % 4 * 3,
 			y: e.layout?.y || Math.floor(t / 4) * 4,
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
-		})) || [] }), typeof window < "u" && i && localStorage.removeItem(i);
-	}, [e.widgets, i]), k = x.useCallback((e) => {
+		})) || [] }), typeof window < "u" && r && localStorage.removeItem(r);
+	}, [e.widgets, r]), D = N.useCallback((e) => {
 		if (e.component) return e.component;
 		let t = e.type, n = e.options || {};
-		if (t === "bar" || t === "line" || t === "area" || t === "pie" || t === "donut" || t === "scatter") {
+		if (t === "bar" || t === "horizontal-bar" || t === "line" || t === "area" || t === "pie" || t === "donut" || t === "scatter" || t === "funnel") {
 			let r = e.data || n.data, i = e.categoryField || n.xField || "name", a = e.valueField || n.yField || "value";
-			if (B(r)) {
+			if (Q(r)) {
 				let n = r.aggregate, o = n ? {
 					field: e.valueField || n.field,
 					function: e.aggregate || n.function,
@@ -500,7 +570,7 @@ var U = [
 					aggregate: o,
 					xAxisKey: i,
 					series: [{ dataKey: s }],
-					colors: U,
+					colors: ve,
 					className: "h-full"
 				};
 			}
@@ -517,7 +587,7 @@ var U = [
 					aggregate: n,
 					xAxisKey: i,
 					series: [{ dataKey: e.valueField || "value" }],
-					colors: U,
+					colors: ve,
 					className: "h-full"
 				};
 			}
@@ -527,13 +597,13 @@ var U = [
 				data: Array.isArray(r) ? r : r?.items || [],
 				xAxisKey: i,
 				series: [{ dataKey: a }],
-				colors: U,
+				colors: ve,
 				className: "h-full"
 			};
 		}
 		if (t === "table") {
 			let t = e.data || n.data;
-			if (B(t)) {
+			if (Q(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "data-table",
@@ -565,7 +635,7 @@ var U = [
 		}
 		if (t === "pivot") {
 			let t = e.data || n.data;
-			if (B(t)) {
+			if (Q(t)) {
 				let { data: r, ...i } = n;
 				return {
 					type: "pivot",
@@ -586,57 +656,57 @@ var U = [
 			...n
 		};
 	}, []);
-	return /* @__PURE__ */ I("div", {
-		ref: c,
-		className: v("w-full", t),
+	return /* @__PURE__ */ J("div", {
+		ref: s,
+		className: A("w-full", t),
 		"data-testid": "grid-layout",
 		children: [
-			b && /* @__PURE__ */ F(ce, { editMode: h }),
-			/* @__PURE__ */ I("div", {
+			y && /* @__PURE__ */ q(_e, { editMode: l }),
+			/* @__PURE__ */ J("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ F("h2", {
+				children: [/* @__PURE__ */ q("h2", {
 					className: "text-2xl font-bold",
 					children: e.title || "Dashboard"
-				}), /* @__PURE__ */ F("div", {
+				}), /* @__PURE__ */ q("div", {
 					className: "flex gap-2",
-					children: h ? /* @__PURE__ */ I(P, { children: [
-						/* @__PURE__ */ I(l, {
-							onClick: D,
+					children: l ? /* @__PURE__ */ J(K, { children: [
+						/* @__PURE__ */ J(p, {
+							onClick: T,
 							size: "sm",
 							variant: "default",
-							children: [/* @__PURE__ */ F(re, { className: "h-4 w-4 mr-2" }), "Save Layout"]
+							children: [/* @__PURE__ */ q(ie, { className: "h-4 w-4 mr-2" }), "Save Layout"]
 						}),
-						/* @__PURE__ */ I(l, {
-							onClick: O,
+						/* @__PURE__ */ J(p, {
+							onClick: E,
 							size: "sm",
 							variant: "outline",
-							children: [/* @__PURE__ */ F(ae, { className: "h-4 w-4 mr-2" }), "Reset"]
+							children: [/* @__PURE__ */ q(G, { className: "h-4 w-4 mr-2" }), "Reset"]
 						}),
-						/* @__PURE__ */ F(l, {
-							onClick: () => g(!1),
+						/* @__PURE__ */ q(p, {
+							onClick: () => u(!1),
 							size: "sm",
 							variant: "ghost",
 							children: "Cancel"
 						})
-					] }) : /* @__PURE__ */ I(P, { children: [a && /* @__PURE__ */ I(l, {
-						onClick: C,
+					] }) : /* @__PURE__ */ J(K, { children: [i && /* @__PURE__ */ J(p, {
+						onClick: x,
 						size: "sm",
 						variant: "outline",
-						disabled: _,
+						disabled: f,
 						"aria-label": "Refresh dashboard",
-						children: [/* @__PURE__ */ F(ne, { className: v("h-4 w-4 mr-2", _ && "animate-spin") }), _ ? "Refreshing…" : "Refresh All"]
-					}), /* @__PURE__ */ I(l, {
-						onClick: () => g(!0),
+						children: [/* @__PURE__ */ q(re, { className: A("h-4 w-4 mr-2", f && "animate-spin") }), f ? "Refreshing…" : "Refresh All"]
+					}), /* @__PURE__ */ J(p, {
+						onClick: () => u(!0),
 						size: "sm",
 						variant: "outline",
-						children: [/* @__PURE__ */ F(M, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
+						children: [/* @__PURE__ */ q(te, { className: "h-4 w-4 mr-2" }), "Edit Layout"]
 					})] })
 				})]
 			}),
-			m && /* @__PURE__ */ F(L, {
+			c && /* @__PURE__ */ q(Y, {
 				className: "layout",
-				width: o,
-				layouts: w,
+				width: a,
+				layouts: S,
 				breakpoints: {
 					lg: 1200,
 					md: 996,
@@ -653,45 +723,45 @@ var U = [
 				},
 				rowHeight: 60,
 				dragConfig: {
-					enabled: h,
+					enabled: l,
 					handle: ".drag-handle"
 				},
-				resizeConfig: { enabled: h },
-				onLayoutChange: E,
+				resizeConfig: { enabled: l },
+				onLayoutChange: w,
 				children: e.widgets?.map((e, t) => {
-					let r = e.id || `widget-${t}`, i = k(e);
-					return /* @__PURE__ */ F("div", {
+					let n = e.id || `widget-${t}`, r = D(e);
+					return /* @__PURE__ */ q("div", {
 						className: "h-full",
-						children: e.type === "metric" ? /* @__PURE__ */ I("div", {
+						children: e.type === "metric" ? /* @__PURE__ */ J("div", {
 							className: "h-full w-full relative",
-							children: [h && /* @__PURE__ */ F("div", {
+							children: [l && /* @__PURE__ */ q("div", {
 								className: "drag-handle absolute top-2 right-2 z-10 cursor-move p-1 bg-background/80 rounded border border-border",
-								children: /* @__PURE__ */ F(ee, { className: "h-4 w-4" })
-							}), /* @__PURE__ */ F(n, {
-								schema: i,
+								children: /* @__PURE__ */ q(U, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ q(o, {
+								schema: r,
 								className: "h-full w-full"
 							})]
-						}) : /* @__PURE__ */ I(u, {
-							className: v("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", h && "ring-2 ring-primary/20"),
-							children: [e.title && /* @__PURE__ */ I(f, {
+						}) : /* @__PURE__ */ J(m, {
+							className: A("h-full overflow-hidden border-border/50 shadow-sm transition-all", "bg-card/50 backdrop-blur-sm", l && "ring-2 ring-primary/20"),
+							children: [e.title && /* @__PURE__ */ J(g, {
 								className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ F(p, {
+								children: [/* @__PURE__ */ q(_, {
 									className: "text-base font-medium tracking-tight truncate",
 									title: e.title,
 									children: e.title
-								}), h && /* @__PURE__ */ F("div", {
+								}), l && /* @__PURE__ */ q("div", {
 									className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded",
-									children: /* @__PURE__ */ F(ee, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ q(U, { className: "h-4 w-4" })
 								})]
-							}), /* @__PURE__ */ F(d, {
+							}), /* @__PURE__ */ q(h, {
 								className: "p-0 h-full",
-								children: /* @__PURE__ */ F("div", {
-									className: v("h-full w-full overflow-auto p-4"),
-									children: /* @__PURE__ */ F(n, { schema: i })
+								children: /* @__PURE__ */ q("div", {
+									className: A("h-full w-full overflow-auto p-4"),
+									children: /* @__PURE__ */ q(o, { schema: r })
 								})
 							})]
 						})
-					}, r);
+					}, n);
 				})
 			})
 		]
@@ -699,10 +769,41 @@ var U = [
 };
 //#endregion
 //#region src/MetricWidget.tsx
-function G(e) {
+function be(e, t, n) {
+	if (e == null) return "";
+	if (typeof e == "string") {
+		let r = Number(e);
+		return !isFinite(r) || e.trim() === "" ? e : be(r, t, n);
+	}
+	if (!isFinite(e)) return String(e);
+	let r = {
+		$: "USD",
+		"¥": "JPY",
+		"€": "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) {
+		let t = n || r[i[0]] || "USD";
+		try {
+			return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: t,
+				minimumFractionDigits: c,
+				maximumFractionDigits: c
+			}).format(e);
+		} catch {
+			return `${t} ${e.toFixed(c)}`;
+		}
+	}
+	return o ? `${(e > 1 ? e : e * 100).toFixed(c)}%` : new Intl.NumberFormat("en-US", {
+		minimumFractionDigits: c,
+		maximumFractionDigits: c
+	}).format(e);
+}
+function xe(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var le = {
+var Se = {
 	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",
@@ -711,163 +812,264 @@ var le = {
 	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"
-}, K = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", ...l }) => {
-	let m = le[c] || le.default, h = E(() => {
+}, Ce = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", format: l, currency: u, prefix: d, suffix: f, onClick: p, ...v }) => {
+	let y = Se[c] || Se.default, b = L(() => {
+		let e = typeof t == "number" || typeof t == "string" && t.trim() !== "" && isFinite(Number(t)) ? be(t, l, u) : t ?? "", n = String(e);
+		return `${d && n.startsWith(d) ? "" : d ?? ""}${n}${f && n.endsWith(f) ? "" : f ?? ""}`;
+	}, [
+		t,
+		l,
+		u,
+		d,
+		f
+	]), x = L(() => {
 		if (typeof r == "string") {
-			let e = y(r);
-			return e ? /* @__PURE__ */ F(e, { className: "h-4 w-4" }) : null;
+			let e = j(r);
+			return e ? /* @__PURE__ */ q(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
 	}, [r]);
-	return /* @__PURE__ */ I(u, {
-		className: v("h-full overflow-hidden", i),
-		...l,
-		children: [/* @__PURE__ */ I(f, {
+	return /* @__PURE__ */ J(m, {
+		className: A("h-full overflow-hidden", p && "cursor-pointer transition-colors hover:bg-accent/40 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", i),
+		onClick: p,
+		role: p ? "button" : void 0,
+		tabIndex: p ? 0 : void 0,
+		onKeyDown: p ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+		} : void 0,
+		...v,
+		children: [/* @__PURE__ */ J(g, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ F(p, {
+			children: [/* @__PURE__ */ q(_, {
 				className: "text-sm font-medium truncate",
-				children: G(e)
-			}), h && /* @__PURE__ */ F("div", {
-				className: v("flex h-8 w-8 items-center justify-center rounded-md shrink-0", m),
-				children: h
+				children: xe(e)
+			}), x && /* @__PURE__ */ q("div", {
+				className: A("flex h-8 w-8 items-center justify-center rounded-md shrink-0", y),
+				children: x
 			})]
-		}), /* @__PURE__ */ F(d, { children: o ? /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ q(h, { children: o ? /* @__PURE__ */ J("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-loading",
-			children: [/* @__PURE__ */ F(N, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ q(ne, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ q("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : s ? /* @__PURE__ */ I("div", {
+		}) : s ? /* @__PURE__ */ J("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-error",
 			role: "alert",
-			children: [/* @__PURE__ */ F(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ q(B, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ q("span", {
 				className: "text-xs text-destructive truncate",
 				children: s
 			})]
-		}) : /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
+		}) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
 			className: "text-2xl font-bold truncate",
-			children: t
-		}), (n || a) && /* @__PURE__ */ I("p", {
-			className: "text-xs text-muted-foreground flex items-center mt-1 truncate",
-			children: [n && /* @__PURE__ */ I("span", {
-				className: v("flex items-center mr-2 shrink-0 font-medium", n.direction === "up" && "text-emerald-600 dark:text-emerald-400", n.direction === "down" && "text-rose-600 dark:text-rose-400", n.direction === "neutral" && "text-muted-foreground"),
+			children: b
+		}), (n || a) && /* @__PURE__ */ J("div", {
+			className: "text-xs text-muted-foreground mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 min-w-0",
+			children: [n && /* @__PURE__ */ J("span", {
+				className: A("flex items-center shrink-0 font-medium", n.direction === "up" && "text-emerald-600 dark:text-emerald-400", n.direction === "down" && "text-rose-600 dark:text-rose-400", n.direction === "neutral" && "text-muted-foreground"),
 				children: [
-					n.direction === "up" && /* @__PURE__ */ F(j, { className: "h-3 w-3 mr-1" }),
-					n.direction === "down" && /* @__PURE__ */ F(A, { className: "h-3 w-3 mr-1" }),
-					n.direction === "neutral" && /* @__PURE__ */ F(te, { className: "h-3 w-3 mr-1" }),
+					n.direction === "up" && /* @__PURE__ */ q(H, { className: "h-3 w-3 mr-1" }),
+					n.direction === "down" && /* @__PURE__ */ q(V, { className: "h-3 w-3 mr-1" }),
+					n.direction === "neutral" && /* @__PURE__ */ q(W, { className: "h-3 w-3 mr-1" }),
 					n.value,
 					"%"
 				]
-			}), /* @__PURE__ */ F("span", {
-				className: "truncate",
-				children: G(a) || G(n?.label)
+			}), /* @__PURE__ */ q("span", {
+				className: "truncate min-w-0",
+				children: xe(a) || xe(n?.label)
 			})]
 		})] }) })]
 	});
 };
 //#endregion
 //#region src/MetricCard.tsx
-function q(e) {
+function we(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
-var J = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
-	let m = n ? y(n) : null;
-	return /* @__PURE__ */ I(u, {
-		className: v("h-full", o),
+var Te = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...l }) => {
+	let u = n ? j(n) : null;
+	return /* @__PURE__ */ J(m, {
+		className: A("h-full", o),
 		...l,
-		children: [/* @__PURE__ */ I(f, {
+		children: [/* @__PURE__ */ J(g, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ F(p, {
+			children: [/* @__PURE__ */ q(_, {
 				className: "text-sm font-medium",
-				children: q(e)
-			}), m && /* @__PURE__ */ F(m, { className: "h-4 w-4 text-muted-foreground" })]
-		}), /* @__PURE__ */ F(d, { children: s ? /* @__PURE__ */ I("div", {
+				children: we(e)
+			}), u && /* @__PURE__ */ q(u, { className: "h-4 w-4 text-muted-foreground" })]
+		}), /* @__PURE__ */ q(h, { children: s ? /* @__PURE__ */ J("div", {
 			className: "flex items-center gap-2 text-muted-foreground",
 			"data-testid": "metric-card-loading",
-			children: [/* @__PURE__ */ F(N, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ q(ne, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ q("span", {
 				className: "text-sm",
 				children: "Loading…"
 			})]
-		}) : c ? /* @__PURE__ */ I("div", {
+		}) : c ? /* @__PURE__ */ J("div", {
 			className: "flex items-center gap-2",
 			"data-testid": "metric-card-error",
 			role: "alert",
-			children: [/* @__PURE__ */ F(k, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ q(B, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ q("span", {
 				className: "text-xs text-destructive truncate",
 				children: c
 			})]
-		}) : /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F("div", {
+		}) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
 			className: "text-2xl font-bold",
 			children: t
-		}), (r || i || a) && /* @__PURE__ */ I("p", {
+		}), (r || i || a) && /* @__PURE__ */ J("p", {
 			className: "text-xs text-muted-foreground flex items-center mt-1",
-			children: [r && i && /* @__PURE__ */ I("span", {
-				className: v("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
+			children: [r && i && /* @__PURE__ */ J("span", {
+				className: A("flex items-center mr-2", r === "up" && "text-green-500", r === "down" && "text-red-500", r === "neutral" && "text-yellow-500"),
 				children: [
-					r === "up" && /* @__PURE__ */ F(j, { className: "h-3 w-3 mr-1" }),
-					r === "down" && /* @__PURE__ */ F(A, { className: "h-3 w-3 mr-1" }),
-					r === "neutral" && /* @__PURE__ */ F(te, { className: "h-3 w-3 mr-1" }),
+					r === "up" && /* @__PURE__ */ q(H, { className: "h-3 w-3 mr-1" }),
+					r === "down" && /* @__PURE__ */ q(V, { className: "h-3 w-3 mr-1" }),
+					r === "neutral" && /* @__PURE__ */ q(W, { className: "h-3 w-3 mr-1" }),
 					i
 				]
-			}), q(a)]
+			}), we(a)]
 		})] }) })]
 	});
-}, Y = ({ objectName: e, aggregate: t, filter: n, label: i, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: u, colorVariant: d }) => {
-	let f = w(r), p = u || f?.dataSource, [m, h] = O(null), [g, _] = O(!1), [v, y] = O(null), b = C(async (r, i) => {
-		if (!(!r || !e)) {
-			i.current && (_(!0), y(null));
+}, Ee = ({ objectName: e, aggregate: t, filter: n, label: c, fallbackValue: l, trend: u, icon: d, className: f, description: p, dataSource: m, colorVariant: h, format: g, currency: _, prefix: v, suffix: y, drillDown: b, title: k }) => {
+	let A = ee(s), j = m || A?.dataSource, [M, N] = z(!1), [P, R] = z(null), [B, V] = z(!1), [H, te] = z(null), [U, ne] = z(null);
+	I(() => {
+		let t = !0;
+		if (!(!j || !e || typeof j.getObjectSchema != "function")) return j.getObjectSchema(e).then((e) => {
+			t && ne(e);
+		}).catch(() => {}), () => {
+			t = !1;
+		};
+	}, [j, e]);
+	let W = L(() => {
+		let e = t?.field;
+		if (!e || !U?.fields) return null;
+		let n = U.fields;
+		return Array.isArray(n) ? n.find((t) => t?.name === e) || null : n[e] || null;
+	}, [U, t?.field]), re = L(() => {
+		if (g) return g;
+		if (W) {
+			if (W.type === "currency") {
+				let e = W.precision ?? W.scale ?? 0;
+				return e > 0 ? `0,0.${"0".repeat(e)}` : "0,0";
+			}
+			if (W.type === "percent") return "0,0%";
+			if (W.type === "number" || W.type === "integer") return "0,0";
+		}
+	}, [g, W]), ie = L(() => {
+		if (_) return _;
+		if (W?.type === "currency") return W.defaultCurrency || W.currency || void 0;
+	}, [_, W]), ae = L(() => t ? JSON.stringify(t) : "", [t]), G = L(() => i(n), [n]), Y = F(async (n, r) => {
+		if (!(!n || !e)) {
+			r.current && (V(!0), te(null));
 			try {
-				let a;
-				if (t && typeof r.aggregate == "function") {
-					let i = await r.aggregate(e, {
+				let i;
+				if (t && typeof n.aggregate == "function") {
+					let r = await n.aggregate(e, {
 						field: t.field,
 						function: t.function,
 						groupBy: t.groupBy || "_all",
-						filter: n
-					}), o = Array.isArray(i) ? i : [];
-					a = o.length === 0 ? 0 : t.function === "count" ? o.reduce((e, n) => e + (Number(n[t.field]) || Number(n.count) || 0), 0) : o[0][t.field] ?? 0;
-				} else if (typeof r.find == "function") {
-					let t = await r.find(e, { $filter: n });
-					a = (Array.isArray(t) ? t : t?.data || t?.records || []).length;
+						filter: G
+					}), a = Array.isArray(r) ? r : [];
+					i = a.length === 0 ? 0 : t.function === "count" ? a.reduce((e, n) => e + (Number(n[t.field]) || Number(n.count) || 0), 0) : a[0][t.field] ?? 0;
+				} else if (typeof n.find == "function") {
+					let t = await n.find(e, { $filter: G });
+					i = (Array.isArray(t) ? t : t?.data || t?.records || []).length;
 				} else return;
-				i.current && h(a);
+				r.current && R(i);
 			} catch (e) {
-				console.error("[ObjectMetricWidget] Fetch error:", e), i.current && y(e instanceof Error ? e.message : "Failed to load metric");
+				console.error("[ObjectMetricWidget] Fetch error:", e), r.current && te(e instanceof Error ? e.message : "Failed to load metric");
 			} finally {
-				i.current && _(!1);
+				r.current && V(!1);
 			}
 		}
 	}, [
 		e,
-		E(() => t ? JSON.stringify(t) : "", [t]),
-		E(() => n ? JSON.stringify(n) : "", [n])
+		ae,
+		L(() => G ? JSON.stringify(G) : "", [G])
 	]);
-	return T(() => {
+	I(() => {
 		let t = { current: !0 };
-		return p && e ? b(p, t) : (h(null), y(null)), () => {
+		return j && e ? Y(j, t) : (R(null), te(null)), () => {
 			t.current = !1;
 		};
 	}, [
-		p,
+		j,
 		e,
-		b
-	]), /* @__PURE__ */ F(K, {
-		label: i,
-		value: m === null ? p ? "—" : a ?? "—" : m,
-		trend: o,
-		icon: s,
-		className: c,
-		description: l,
-		loading: g,
-		error: v,
-		colorVariant: d
-	});
+		Y
+	]);
+	let oe = P === null ? j ? "—" : l ?? "—" : P, X = r(b) && !!e && !!j, Z = L(() => {
+		let e = typeof c == "string" ? c : c?.defaultValue || "";
+		return a(b, {}, (typeof k == "string" ? k : k?.defaultValue || "") || e || "Details");
+	}, [
+		b,
+		c,
+		k
+	]), se = L(() => {
+		if (!X) return null;
+		let t = b?.target ?? "drawer", n = /* @__PURE__ */ q("div", {
+			className: "h-full overflow-auto",
+			children: /* @__PURE__ */ q(o, { schema: {
+				type: "object-data-table",
+				objectName: e,
+				filter: G,
+				pageSize: 25,
+				drillDown: { enabled: !1 }
+			} })
+		});
+		return t === "modal" ? /* @__PURE__ */ q(x, {
+			open: !0,
+			onOpenChange: (e) => !e && N(!1),
+			children: /* @__PURE__ */ J(S, {
+				className: "max-w-4xl",
+				children: [/* @__PURE__ */ q(C, { children: /* @__PURE__ */ q(w, { children: Z }) }), n]
+			})
+		}) : /* @__PURE__ */ q(T, {
+			open: !0,
+			onOpenChange: (e) => !e && N(!1),
+			children: /* @__PURE__ */ J(E, {
+				side: "right",
+				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
+				children: [/* @__PURE__ */ q(D, { children: /* @__PURE__ */ q(O, { children: Z }) }), /* @__PURE__ */ q("div", {
+					className: "flex-1 overflow-hidden mt-2",
+					children: n
+				})]
+			})
+		});
+	}, [
+		X,
+		b,
+		e,
+		G,
+		Z
+	]);
+	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(Ce, {
+		label: c,
+		value: oe,
+		trend: u,
+		icon: d,
+		className: f,
+		description: p,
+		loading: B,
+		error: H,
+		colorVariant: h,
+		format: re,
+		currency: ie,
+		prefix: v,
+		suffix: y,
+		onClick: X ? () => N(!0) : void 0
+	}), M && se] });
 };
 //#endregion
 //#region src/PivotTable.tsx
-function ue(e, t) {
+function De() {
+	try {
+		let { t: e } = X(), t = e("dashboard.total");
+		return !t || t === "dashboard.total" ? "Total" : t;
+	} catch {
+		return "Total";
+	}
+}
+function Oe(e, t) {
 	if (!t) return String(e);
 	let n = "", r = "", i = !1, a, o = t, s = o.match(/^([^0-9.,#]*)/);
 	if (s && s[1]) {
@@ -884,7 +1086,11 @@ function ue(e, t) {
 	}
 	return n + l + r;
 }
-function X(e, t) {
+var ke = "—";
+function Ae(e, t) {
+	return e === "" ? ke : t?.[e] ?? e;
+}
+function je(e, t) {
 	if (e.length === 0) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -895,57 +1101,65 @@ function X(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-var Z = ({ schema: e, className: t }) => {
-	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: g, colTotals: _, grandTotal: y } = E(() => {
+var Me = ({ schema: e, className: t, rowLabels: n, columnLabels: i, rowFieldLabel: a, onDrillDown: o }) => {
+	let { title: s, rowField: c, columnField: l, valueField: u, aggregation: d = "sum", data: f = [], showRowTotals: p = !1, showColumnTotals: m = !1, format: h, columnColors: g, drillDown: _ } = e, v = De(), y = r(_) && typeof o == "function", b = (e) => {
+		y && o({
+			...e,
+			rowLabel: e.rowKey === void 0 ? e.rowLabel : n?.[e.rowKey] ?? e.rowKey,
+			colLabel: e.colKey === void 0 ? e.colLabel : i?.[e.colKey] ?? e.colKey
+		});
+	}, x = (e) => (t) => {
+		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+	}, S = y ? "cursor-pointer hover:bg-accent/40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-[-2px]" : "", C = Array.isArray(f) ? f : [], { rowKeys: w, colKeys: T, matrix: E, rowTotals: D, colTotals: O, grandTotal: k } = L(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
-		for (let o of f) {
-			let s = String(o[r] ?? ""), c = String(o[i] ?? ""), l = Number(o[a]) || 0;
-			e.set(s, !0), t.set(c, !0), n[s] || (n[s] = {}), n[s][c] || (n[s][c] = []), n[s][c].push(l);
+		for (let r of C) {
+			let i = String(r[c] ?? ""), a = String(r[l] ?? ""), o = Number(r[u]) || 0;
+			e.set(i, !0), t.set(a, !0), n[i] || (n[i] = {}), n[i][a] || (n[i][a] = []), n[i][a].push(o);
 		}
-		let s = Array.from(e.keys()), c = Array.from(t.keys()), l = {}, u = {}, d = {};
-		for (let e of s) {
-			l[e] = {};
+		let r = Array.from(e.keys()), i = Array.from(t.keys()), a = {}, o = {}, s = {};
+		for (let e of r) {
+			a[e] = {};
 			let t = [];
-			for (let r of c) {
-				let i = n[e]?.[r] ?? [], a = X(i, o);
-				l[e][r] = a, t.push(...i), !d[r] && d[r];
+			for (let r of i) {
+				let i = n[e]?.[r] ?? [], o = je(i, d);
+				a[e][r] = o, t.push(...i), !s[r] && s[r];
 			}
-			u[e] = X(t, o);
+			o[e] = je(t, d);
 		}
-		for (let e of c) {
+		for (let e of i) {
 			let t = [];
-			for (let r of s) {
-				let i = n[r]?.[e] ?? [];
-				t.push(...i);
+			for (let i of r) {
+				let r = n[i]?.[e] ?? [];
+				t.push(...r);
 			}
-			d[e] = X(t, o);
+			s[e] = je(t, d);
 		}
-		let p = [];
-		for (let e of f) p.push(Number(e[a]) || 0);
+		let f = [];
+		for (let e of C) f.push(Number(e[u]) || 0);
 		return {
-			rowKeys: s,
-			colKeys: c,
-			matrix: l,
-			rowTotals: u,
-			colTotals: d,
-			grandTotal: X(p, o)
+			rowKeys: r,
+			colKeys: i,
+			matrix: a,
+			rowTotals: o,
+			colTotals: s,
+			grandTotal: je(f, d)
 		};
 	}, [
-		f,
-		r,
-		i,
-		a,
-		o
-	]), b = (e) => ue(e, u);
-	return f.length === 0 ? /* @__PURE__ */ I("div", {
-		className: v("overflow-auto", t),
-		children: [n && /* @__PURE__ */ F("h3", {
+		C,
+		c,
+		l,
+		u,
+		d
+	]), j = (e) => Oe(e, h);
+	return C.length === 0 ? /* @__PURE__ */ J("div", {
+		className: A("overflow-auto", t),
+		children: [s && /* @__PURE__ */ q("h3", {
 			className: "text-sm font-semibold mb-2",
-			children: n
-		}), /* @__PURE__ */ I("div", {
+			children: s
+		}), /* @__PURE__ */ J("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
 			"data-testid": "pivot-empty-state",
-			children: [/* @__PURE__ */ I("svg", {
+			children: [/* @__PURE__ */ J("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -955,353 +1169,379 @@ var Z = ({ schema: e, className: t }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ F("rect", {
+					/* @__PURE__ */ q("rect", {
 						x: "3",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ F("rect", {
+					/* @__PURE__ */ q("rect", {
 						x: "14",
 						y: "3",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ F("rect", {
+					/* @__PURE__ */ q("rect", {
 						x: "3",
 						y: "14",
 						width: "7",
 						height: "7"
 					}),
-					/* @__PURE__ */ F("rect", {
+					/* @__PURE__ */ q("rect", {
 						x: "14",
 						y: "14",
 						width: "7",
 						height: "7"
 					})
 				]
-			}), /* @__PURE__ */ F("p", {
+			}), /* @__PURE__ */ q("p", {
 				className: "text-xs",
 				children: "No data available"
 			})]
 		})]
-	}) : /* @__PURE__ */ I("div", {
-		className: v("overflow-auto", t),
-		children: [n && /* @__PURE__ */ F("h3", {
+	}) : /* @__PURE__ */ J("div", {
+		className: A("overflow-auto", t),
+		children: [s && /* @__PURE__ */ q("h3", {
 			className: "text-sm font-semibold mb-2",
-			children: n
-		}), /* @__PURE__ */ I("table", {
-			className: "w-full text-sm border-collapse",
+			children: s
+		}), /* @__PURE__ */ J("table", {
+			className: "w-full text-sm border-collapse table-auto",
 			role: "table",
 			children: [
-				/* @__PURE__ */ F("thead", { children: /* @__PURE__ */ I("tr", {
+				/* @__PURE__ */ q("thead", { children: /* @__PURE__ */ J("tr", {
 					className: "border-b border-border",
 					children: [
-						/* @__PURE__ */ F("th", {
-							className: "text-left p-2 font-medium text-muted-foreground",
-							children: r
+						/* @__PURE__ */ q("th", {
+							className: "text-left p-2 font-medium text-muted-foreground whitespace-nowrap",
+							children: a || c
 						}),
-						m.map((e) => /* @__PURE__ */ F("th", {
-							className: v("text-right p-2 font-medium", d?.[e] ?? "text-muted-foreground"),
-							children: e
-						}, e)),
-						c && /* @__PURE__ */ F("th", {
-							className: "text-right p-2 font-semibold text-muted-foreground bg-muted/20",
-							children: "Total"
+						T.map((e) => {
+							let t = () => b({
+								scope: "column",
+								colKey: e
+							});
+							return /* @__PURE__ */ q("th", {
+								className: A("text-right p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", g?.[e] ?? "text-muted-foreground", S),
+								title: e === "" ? `${l}: (empty)` : `${l}: ${e}`,
+								role: y ? "button" : void 0,
+								tabIndex: y ? 0 : void 0,
+								onClick: y ? t : void 0,
+								onKeyDown: y ? x(t) : void 0,
+								"aria-label": y ? `Drill into ${l}: ${e || "(empty)"}` : void 0,
+								children: Ae(e, i)
+							}, e);
+						}),
+						p && /* @__PURE__ */ q("th", {
+							className: "text-right p-2 font-semibold text-muted-foreground bg-muted/20 whitespace-nowrap",
+							children: v
 						})
 					]
 				}) }),
-				/* @__PURE__ */ F("tbody", { children: p.map((e) => /* @__PURE__ */ I("tr", {
+				/* @__PURE__ */ q("tbody", { children: w.map((e) => /* @__PURE__ */ J("tr", {
 					className: "border-b border-border/50 hover:bg-muted/30",
 					children: [
-						/* @__PURE__ */ F("td", {
-							className: "p-2 font-medium",
-							children: e
+						/* @__PURE__ */ q("td", {
+							className: A("p-2 font-medium whitespace-nowrap", e === "" && "italic text-muted-foreground/70", S),
+							role: y ? "button" : void 0,
+							tabIndex: y ? 0 : void 0,
+							onClick: y ? () => b({
+								scope: "row",
+								rowKey: e
+							}) : void 0,
+							onKeyDown: y ? x(() => b({
+								scope: "row",
+								rowKey: e
+							})) : void 0,
+							"aria-label": y ? `Drill into ${c}: ${e || "(empty)"}` : void 0,
+							children: Ae(e, n)
+						}),
+						T.map((t) => {
+							let n = E[e]?.[t] ?? 0, r = () => b({
+								scope: "cell",
+								rowKey: e,
+								colKey: t,
+								value: n
+							});
+							return /* @__PURE__ */ q("td", {
+								className: A("text-right p-2 tabular-nums", g?.[t], S),
+								role: y ? "button" : void 0,
+								tabIndex: y ? 0 : void 0,
+								onClick: y ? r : void 0,
+								onKeyDown: y ? x(r) : void 0,
+								"aria-label": y ? `Drill into ${c}=${e || "(empty)"}, ${l}=${t || "(empty)"}` : void 0,
+								children: j(n)
+							}, t);
 						}),
-						m.map((t) => /* @__PURE__ */ F("td", {
-							className: v("text-right p-2 tabular-nums", d?.[t]),
-							children: b(h[e]?.[t] ?? 0)
-						}, t)),
-						c && /* @__PURE__ */ F("td", {
-							className: "text-right p-2 font-semibold tabular-nums bg-muted/20",
-							children: b(g[e] ?? 0)
+						p && /* @__PURE__ */ q("td", {
+							className: A("text-right p-2 font-semibold tabular-nums bg-muted/20", S),
+							role: y ? "button" : void 0,
+							tabIndex: y ? 0 : void 0,
+							onClick: y ? () => b({
+								scope: "row",
+								rowKey: e,
+								value: D[e] ?? 0
+							}) : void 0,
+							onKeyDown: y ? x(() => b({
+								scope: "row",
+								rowKey: e,
+								value: D[e] ?? 0
+							})) : void 0,
+							children: j(D[e] ?? 0)
 						})
 					]
 				}, e)) }),
-				l && /* @__PURE__ */ F("tfoot", { children: /* @__PURE__ */ I("tr", {
+				m && /* @__PURE__ */ q("tfoot", { children: /* @__PURE__ */ J("tr", {
 					className: "border-t-2 border-border font-semibold bg-muted/40",
 					children: [
-						/* @__PURE__ */ F("td", {
+						/* @__PURE__ */ q("td", {
 							className: "p-2",
-							children: "Total"
+							children: v
 						}),
-						m.map((e) => /* @__PURE__ */ F("td", {
-							className: "text-right p-2 tabular-nums",
-							children: b(_[e] ?? 0)
+						T.map((e) => /* @__PURE__ */ q("td", {
+							className: A("text-right p-2 tabular-nums", S),
+							role: y ? "button" : void 0,
+							tabIndex: y ? 0 : void 0,
+							onClick: y ? () => b({
+								scope: "column",
+								colKey: e,
+								value: O[e] ?? 0
+							}) : void 0,
+							onKeyDown: y ? x(() => b({
+								scope: "column",
+								colKey: e,
+								value: O[e] ?? 0
+							})) : void 0,
+							children: j(O[e] ?? 0)
 						}, e)),
-						c && /* @__PURE__ */ F("td", {
-							className: "text-right p-2 tabular-nums font-bold",
-							children: b(y)
+						p && /* @__PURE__ */ q("td", {
+							className: A("text-right p-2 tabular-nums font-bold", S),
+							role: y ? "button" : void 0,
+							tabIndex: y ? 0 : void 0,
+							onClick: y ? () => b({
+								scope: "total",
+								value: k
+							}) : void 0,
+							onKeyDown: y ? x(() => b({
+								scope: "total",
+								value: k
+							})) : void 0,
+							children: j(k)
 						})
 					]
 				}) })
 			]
 		})]
 	});
-}, Q = ({ schema: e, dataSource: n, className: i }) => {
-	let o = w(r), s = n || o?.dataSource, c = a(e.bind), [l, u] = O([]), [d, f] = O(!1), [p, m] = O(null);
-	T(() => {
-		let n = !0;
-		return e.objectName && !c && (!e.data || e.data.length === 0) && (async () => {
-			if (!(!s || !e.objectName)) {
-				n && (f(!0), m(null));
-				try {
-					let r;
-					if (typeof s.find == "function") r = t(await s.find(e.objectName, { $filter: e.filter }));
-					else return;
-					n && u(r);
-				} catch (e) {
-					console.error("[ObjectPivotTable] Fetch error:", e), n && m(e instanceof Error ? e.message : "Failed to load data");
-				} finally {
-					n && f(!1);
-				}
-			}
-		})(), () => {
-			n = !1;
-		};
-	}, [
-		e.objectName,
-		s,
-		c,
-		e.data,
-		e.filter
-	]);
-	let h = c || e.data || l, g = Array.isArray(h) ? h : [];
-	return d && g.length === 0 ? /* @__PURE__ */ I("div", {
-		className: v("overflow-auto", i),
-		"data-testid": "pivot-loading",
-		children: [e.title && /* @__PURE__ */ F("h3", {
-			className: "text-sm font-semibold mb-2",
-			children: e.title
-		}), /* @__PURE__ */ I("div", {
-			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ I("div", {
-				className: "flex gap-2",
-				children: [
-					/* @__PURE__ */ F(_, { className: "h-6 w-24" }),
-					/* @__PURE__ */ F(_, { className: "h-6 w-20" }),
-					/* @__PURE__ */ F(_, { className: "h-6 w-20" }),
-					/* @__PURE__ */ F(_, { className: "h-6 w-20" })
-				]
-			}), [
-				1,
-				2,
-				3
-			].map((e) => /* @__PURE__ */ I("div", {
-				className: "flex gap-2",
-				children: [
-					/* @__PURE__ */ F(_, { className: "h-5 w-24" }),
-					/* @__PURE__ */ F(_, { className: "h-5 w-20" }),
-					/* @__PURE__ */ F(_, { className: "h-5 w-20" }),
-					/* @__PURE__ */ F(_, { className: "h-5 w-20" })
-				]
-			}, e))]
-		})]
-	}) : p ? /* @__PURE__ */ I("div", {
-		className: v("overflow-auto", i),
-		"data-testid": "pivot-error",
-		children: [e.title && /* @__PURE__ */ F("h3", {
-			className: "text-sm font-semibold mb-2",
-			children: e.title
-		}), /* @__PURE__ */ I("div", {
-			className: "flex flex-col items-center justify-center py-8 text-destructive",
-			"data-testid": "pivot-error-message",
-			children: [/* @__PURE__ */ I("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__ */ F("circle", {
-						cx: "12",
-						cy: "12",
-						r: "10"
-					}),
-					/* @__PURE__ */ F("line", {
-						x1: "12",
-						y1: "8",
-						x2: "12",
-						y2: "12"
-					}),
-					/* @__PURE__ */ F("line", {
-						x1: "12",
-						y1: "16",
-						x2: "12.01",
-						y2: "16"
-					})
-				]
-			}), /* @__PURE__ */ F("p", {
-				className: "text-xs",
-				children: p
-			})]
-		})]
-	}) : !s && e.objectName && g.length === 0 ? /* @__PURE__ */ I("div", {
-		className: v("overflow-auto", i),
-		children: [e.title && /* @__PURE__ */ F("h3", {
-			className: "text-sm font-semibold mb-2",
-			children: e.title
-		}), /* @__PURE__ */ F("div", {
-			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ I("p", {
-				className: "text-xs",
-				children: [
-					"No data source available for “",
-					e.objectName,
-					"”"
-				]
-			})
-		})]
-	}) : /* @__PURE__ */ F(Z, {
-		schema: {
-			...e,
-			data: g
-		},
-		className: i
-	});
 };
 //#endregion
 //#region src/ObjectDataTable.tsx
-function de(e) {
+function Ne(e) {
 	return e.map((e) => typeof e == "string" ? {
 		header: e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").trim().replace(/\b\w/g, (e) => e.toUpperCase()),
 		accessorKey: e
 	} : e);
 }
-var fe = ({ schema: e, dataSource: i, className: o }) => {
-	let s = w(r), c = i || s?.dataSource, l = a(e.bind), { fieldLabel: u, fieldOptionLabel: d } = z(), [f, p] = O([]), [m, h] = O(null), [g, y] = O(!1), [b, x] = O(null);
-	T(() => {
-		let n = !0;
-		return e.objectName && !l && (!e.data || e.data.length === 0) && (async () => {
+function Pe(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 Fe = ({ schema: e, dataSource: t, className: r }) => {
+	let a = ee(s), c = t || a?.dataSource, u = l(e.bind), { fieldLabel: d, fieldOptionLabel: f } = Z(), [p, m] = z([]), [h, g] = z(null), [_, v] = z(!1), [y, b] = z(null);
+	I(() => {
+		let t = !0;
+		return e.objectName && !u && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!c || !e.objectName)) {
-				n && (y(!0), x(null));
+				t && (v(!0), b(null));
 				try {
 					let r;
-					if (typeof c.find == "function") r = t(await c.find(e.objectName, { $filter: e.filter }));
-					else return;
-					n && p(r);
+					if (typeof c.find == "function") {
+						let t = Pe(e, h), a = { $filter: i(e.filter) };
+						t.length && (a.$expand = t), r = n(await c.find(e.objectName, a));
+					} else return;
+					t && m(r);
 				} catch (e) {
-					console.error("[ObjectDataTable] Fetch error:", e), n && x(e instanceof Error ? e.message : "Failed to load data");
+					console.error("[ObjectDataTable] Fetch error:", e), t && b(e instanceof Error ? e.message : "Failed to load data");
 				} finally {
-					n && y(!1);
+					t && v(!1);
 				}
 			}
 		})(), () => {
-			n = !1;
+			t = !1;
 		};
 	}, [
 		e.objectName,
 		c,
-		l,
+		u,
 		e.data,
-		e.filter
-	]), T(() => {
+		e.filter,
+		h
+	]), I(() => {
 		let t = !0;
 		if (!(!c || !e.objectName || typeof c.getObjectSchema != "function")) return c.getObjectSchema(e.objectName).then((e) => {
-			t && h(e);
+			t && g(e);
 		}).catch(() => {}), () => {
 			t = !1;
 		};
 	}, [e.objectName, c]);
-	let S = l || e.data || f, C = Array.isArray(S) ? S : [], D = E(() => {
-		let t = e.objectName, n = (e) => {
+	let x = u || e.data || p, S = Array.isArray(x) ? x : [], C = L(() => {
+		let t = e.objectName, n = {};
+		if (h?.fields) {
+			let e = h.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;
+			return t ? d(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 se(e, o.currency || n);
+				}
+				if (typeof t == "string" && /%/.test(t) && typeof e == "number") {
+					let n = (t.match(/0\.(0+)%/) || [, ""])[1].length;
+					return le((e > 1 ? e / 100 : e) * 100, n);
+				}
+				return typeof t == "string" && /[YMDHms]/.test(t) ? ce(e, t) : /* @__PURE__ */ q(ue(de(o)), {
+					value: e,
+					field: o
+				});
+			};
+			return {
+				...e,
+				...o,
+				align: c,
+				cell: l
+			};
 		};
 		if (e.columns && e.columns.length > 0) {
-			let n = de(e.columns);
-			return t ? n.map((e) => ({
+			let n = Ne(e.columns);
+			return (t ? n.map((e) => ({
 				...e,
-				header: u(t, e.accessorKey, e.header)
-			})) : n;
+				header: d(t, e.accessorKey, e.header)
+			})) : n).map(i);
 		}
-		return C.length === 0 ? [] : Object.keys(C[0]).filter((e) => !e.startsWith("_")).map((e) => ({
-			header: n(e),
+		if (S.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(S[0]).filter((e) => !e.startsWith("_") && !o(e))).map((e) => i({
+			header: r(e),
 			accessorKey: e
 		}));
 	}, [
 		e.columns,
 		e.objectName,
-		C,
-		u
-	]), k = E(() => {
-		let t = e.objectName;
-		if (!t || !m?.fields || C.length === 0) return C;
-		let n = {};
-		for (let e of D) {
-			let t = m.fields[e.accessorKey];
-			if (!t) continue;
-			let r = t.type;
-			if (r !== "select" && r !== "picklist" && r !== "dropdown") continue;
-			let i = t.options || [], a = {};
-			for (let e of i) typeof e == "string" ? a[e] = e : e && typeof e == "object" && (a[String(e.value)] = e.label || String(e.value));
-			n[e.accessorKey] = a;
-		}
-		return Object.keys(n).length === 0 ? C : C.map((e) => {
-			let r = { ...e };
-			for (let [i, a] of Object.entries(n)) {
-				let n = e[i];
-				if (n == null || n === "") continue;
-				let o = String(n);
-				r[i] = d(t, i, o, a[o] || o);
-			}
-			return r;
-		});
-	}, [
-		C,
-		D,
-		m,
-		e.objectName,
-		d
+		S,
+		h,
+		d,
+		f
 	]);
-	return g && C.length === 0 ? /* @__PURE__ */ F("div", {
-		className: v("overflow-auto", o),
+	return _ && S.length === 0 ? /* @__PURE__ */ q("div", {
+		className: A("overflow-auto", r),
 		"data-testid": "table-loading",
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "space-y-2 p-2",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ J("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ F(_, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ F(_, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ F(_, { className: "h-6 w-1/4" }),
-					/* @__PURE__ */ F(_, { className: "h-6 w-1/4" })
+					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" }),
+					/* @__PURE__ */ q(k, { className: "h-6 w-1/4" })
 				]
 			}), [
 				1,
 				2,
 				3,
 				4
-			].map((e) => /* @__PURE__ */ I("div", {
+			].map((e) => /* @__PURE__ */ J("div", {
 				className: "flex gap-2",
 				children: [
-					/* @__PURE__ */ F(_, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ F(_, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ F(_, { className: "h-5 w-1/4" }),
-					/* @__PURE__ */ F(_, { className: "h-5 w-1/4" })
+					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" }),
+					/* @__PURE__ */ q(k, { className: "h-5 w-1/4" })
 				]
 			}, e))]
 		})
-	}) : b ? /* @__PURE__ */ F("div", {
-		className: v("overflow-auto", o),
+	}) : y ? /* @__PURE__ */ q("div", {
+		className: A("overflow-auto", r),
 		"data-testid": "table-error",
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "flex flex-col items-center justify-center py-8 text-destructive",
 			"data-testid": "table-error-message",
-			children: [/* @__PURE__ */ I("svg", {
+			children: [/* @__PURE__ */ J("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-60",
 				viewBox: "0 0 24 24",
@@ -1311,34 +1551,34 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ F("circle", {
+					/* @__PURE__ */ q("circle", {
 						cx: "12",
 						cy: "12",
 						r: "10"
 					}),
-					/* @__PURE__ */ F("line", {
+					/* @__PURE__ */ q("line", {
 						x1: "12",
 						y1: "8",
 						x2: "12",
 						y2: "12"
 					}),
-					/* @__PURE__ */ F("line", {
+					/* @__PURE__ */ q("line", {
 						x1: "12",
 						y1: "16",
 						x2: "12.01",
 						y2: "16"
 					})
 				]
-			}), /* @__PURE__ */ F("p", {
+			}), /* @__PURE__ */ q("p", {
 				className: "text-xs",
-				children: b
+				children: y
 			})]
 		})
-	}) : !c && e.objectName && C.length === 0 ? /* @__PURE__ */ F("div", {
-		className: v("overflow-auto", o),
-		children: /* @__PURE__ */ F("div", {
+	}) : !c && e.objectName && S.length === 0 ? /* @__PURE__ */ q("div", {
+		className: A("overflow-auto", r),
+		children: /* @__PURE__ */ q("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: /* @__PURE__ */ I("p", {
+			children: /* @__PURE__ */ J("p", {
 				className: "text-xs",
 				children: [
 					"No data source available for “",
@@ -1347,12 +1587,12 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 				]
 			})
 		})
-	}) : C.length === 0 ? /* @__PURE__ */ F("div", {
-		className: v("overflow-auto", o),
+	}) : S.length === 0 ? /* @__PURE__ */ q("div", {
+		className: A("overflow-auto", r),
 		"data-testid": "table-empty-state",
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
-			children: [/* @__PURE__ */ I("svg", {
+			children: [/* @__PURE__ */ J("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				className: "h-8 w-8 mb-2 opacity-40",
 				viewBox: "0 0 24 24",
@@ -1362,7 +1602,7 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
 				children: [
-					/* @__PURE__ */ F("rect", {
+					/* @__PURE__ */ q("rect", {
 						x: "3",
 						y: "3",
 						width: "18",
@@ -1370,39 +1610,258 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 						rx: "2",
 						ry: "2"
 					}),
-					/* @__PURE__ */ F("line", {
+					/* @__PURE__ */ q("line", {
 						x1: "3",
 						y1: "9",
 						x2: "21",
 						y2: "9"
 					}),
-					/* @__PURE__ */ F("line", {
+					/* @__PURE__ */ q("line", {
 						x1: "9",
 						y1: "21",
 						x2: "9",
 						y2: "9"
 					})
 				]
-			}), /* @__PURE__ */ F("p", {
+			}), /* @__PURE__ */ q("p", {
 				className: "text-xs",
 				children: "No data available"
 			})]
 		})
-	}) : /* @__PURE__ */ F(n, {
+	}) : /* @__PURE__ */ q(o, {
 		schema: {
 			...e,
 			type: "data-table",
-			data: k,
-			columns: D
+			data: S,
+			columns: C
 		},
-		className: o
+		className: r
+	});
+}, Ie = ({ open: e, onClose: t, title: n, target: r = "drawer", objectName: i, filter: a, dataSource: o, columns: s, maxRows: c, className: l }) => {
+	let u = {
+		type: "object-data-table",
+		objectName: i,
+		filter: a,
+		columns: s?.map((e) => ({
+			accessorKey: e,
+			header: e
+		})),
+		pagination: !0,
+		searchable: !1,
+		pageSize: c
+	}, d = /* @__PURE__ */ q("div", {
+		className: A("overflow-auto", l),
+		"data-testid": "drill-down-body",
+		children: /* @__PURE__ */ q(Fe, {
+			schema: u,
+			dataSource: o
+		})
+	});
+	return r === "dialog" ? /* @__PURE__ */ q(x, {
+		open: e,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ J(S, {
+			className: "max-w-4xl",
+			children: [/* @__PURE__ */ q(C, { children: /* @__PURE__ */ q(w, { children: n }) }), d]
+		})
+	}) : /* @__PURE__ */ q(T, {
+		open: e,
+		onOpenChange: (e) => !e && t(),
+		children: /* @__PURE__ */ J(E, {
+			side: "right",
+			className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
+			children: [/* @__PURE__ */ q(D, { children: /* @__PURE__ */ q(O, { children: n }) }), /* @__PURE__ */ q("div", {
+				className: "flex-1 overflow-hidden mt-2",
+				children: d
+			})]
+		})
+	});
+}, Le = ({ schema: e, dataSource: o, className: c }) => {
+	let u = ee(s), d = o || u?.dataSource, f = l(e.bind), [p, m] = z([]), [h, g] = z(!1), [_, v] = z(null), [y, b] = z({}), [x, S] = z({}), [C, w] = z(null), { fieldLabel: T, fieldOptionLabel: E } = Z(), D = R(T), O = R(E);
+	I(() => {
+		D.current = T, O.current = E;
+	}, [T, E]), I(() => {
+		if (!d || !e.objectName) return;
+		let t = d.getObjectSchema;
+		if (typeof t != "function") return;
+		let n = !0;
+		return Promise.resolve(t.call(d, e.objectName)).then((t) => {
+			if (!n || !t?.fields) return;
+			let r = e.objectName, i = {}, a = {};
+			for (let [e, n] of Object.entries(t.fields)) {
+				let t = n?.label ? String(n.label) : e;
+				a[e] = D.current(r, e, t);
+				let o = n?.options;
+				if (Array.isArray(o) && o.length > 0) {
+					let t = {};
+					for (let n of o) if (n && n.value !== void 0 && n.label !== void 0) {
+						let i = String(n.value), a = String(n.label);
+						t[i] = O.current(r, e, i, a);
+					}
+					Object.keys(t).length > 0 && (i[e] = t);
+				}
+			}
+			b(i), S(a);
+		}).catch(() => {}), () => {
+			n = !1;
+		};
+	}, [d, e.objectName]), I(() => {
+		let t = !0;
+		return e.objectName && !f && (!e.data || e.data.length === 0) && (async () => {
+			if (!(!d || !e.objectName)) {
+				t && (g(!0), v(null));
+				try {
+					let r;
+					if (typeof d.find == "function") r = n(await d.find(e.objectName, { $filter: i(e.filter) }));
+					else return;
+					t && m(r);
+				} catch (e) {
+					console.error("[ObjectPivotTable] Fetch error:", e), t && v(e instanceof Error ? e.message : "Failed to load data");
+				} finally {
+					t && g(!1);
+				}
+			}
+		})(), () => {
+			t = !1;
+		};
+	}, [
+		e.objectName,
+		d,
+		f,
+		e.data,
+		e.filter
+	]);
+	let j = f || e.data || p, M = Array.isArray(j) ? j : [];
+	if (h && M.length === 0) return /* @__PURE__ */ J("div", {
+		className: A("overflow-auto", c),
+		"data-testid": "pivot-loading",
+		children: [e.title && /* @__PURE__ */ q("h3", {
+			className: "text-sm font-semibold mb-2",
+			children: e.title
+		}), /* @__PURE__ */ J("div", {
+			className: "space-y-2 p-2",
+			children: [/* @__PURE__ */ J("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ q(k, { className: "h-6 w-24" }),
+					/* @__PURE__ */ q(k, { className: "h-6 w-20" }),
+					/* @__PURE__ */ q(k, { className: "h-6 w-20" }),
+					/* @__PURE__ */ q(k, { className: "h-6 w-20" })
+				]
+			}), [
+				1,
+				2,
+				3
+			].map((e) => /* @__PURE__ */ J("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ q(k, { className: "h-5 w-24" }),
+					/* @__PURE__ */ q(k, { className: "h-5 w-20" }),
+					/* @__PURE__ */ q(k, { className: "h-5 w-20" }),
+					/* @__PURE__ */ q(k, { className: "h-5 w-20" })
+				]
+			}, e))]
+		})]
 	});
-}, pe = {
+	if (_) return /* @__PURE__ */ J("div", {
+		className: A("overflow-auto", c),
+		"data-testid": "pivot-error",
+		children: [e.title && /* @__PURE__ */ q("h3", {
+			className: "text-sm font-semibold mb-2",
+			children: e.title
+		}), /* @__PURE__ */ J("div", {
+			className: "flex flex-col items-center justify-center py-8 text-destructive",
+			"data-testid": "pivot-error-message",
+			children: [/* @__PURE__ */ J("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__ */ q("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					/* @__PURE__ */ q("line", {
+						x1: "12",
+						y1: "8",
+						x2: "12",
+						y2: "12"
+					}),
+					/* @__PURE__ */ q("line", {
+						x1: "12",
+						y1: "16",
+						x2: "12.01",
+						y2: "16"
+					})
+				]
+			}), /* @__PURE__ */ q("p", {
+				className: "text-xs",
+				children: _
+			})]
+		})]
+	});
+	if (!d && e.objectName && M.length === 0) return /* @__PURE__ */ J("div", {
+		className: A("overflow-auto", c),
+		children: [e.title && /* @__PURE__ */ q("h3", {
+			className: "text-sm font-semibold mb-2",
+			children: e.title
+		}), /* @__PURE__ */ q("div", {
+			className: "flex flex-col items-center justify-center py-8 text-muted-foreground",
+			children: /* @__PURE__ */ J("p", {
+				className: "text-xs",
+				children: [
+					"No data source available for “",
+					e.objectName,
+					"”"
+				]
+			})
+		})]
+	});
+	let N = {
+		...e,
+		data: M
+	}, P = e.rowField ? y[e.rowField] : void 0, F = e.columnField ? y[e.columnField] : void 0, L = e.rowField ? x[e.rowField] : void 0, B = e.drillDown;
+	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(Me, {
+		schema: N,
+		className: c,
+		rowLabels: P,
+		columnLabels: F,
+		rowFieldLabel: L,
+		onDrillDown: r(B) ? (e) => w(e) : void 0
+	}), (() => {
+		if (!C || !e.objectName) return null;
+		let n = t(B, C, {
+			rowField: e.rowField,
+			columnField: e.columnField
+		}), r = {
+			...e.filter || {},
+			...n
+		};
+		return /* @__PURE__ */ q(Ie, {
+			open: !0,
+			onClose: () => w(null),
+			title: a(B, C, e.title || "Details"),
+			target: B?.target ?? "drawer",
+			objectName: e.objectName,
+			filter: r,
+			dataSource: d,
+			columns: B?.columns,
+			maxRows: B?.maxRows
+		});
+	})()] });
+}, Re = {
 	breadcrumb: ["Dashboard", "Configuration"],
 	sections: [
 		{
 			key: "layout",
 			title: "Layout",
+			collapsible: !0,
 			fields: [
 				{
 					key: "columns",
@@ -1424,10 +1883,12 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 				},
 				{
 					key: "rowHeight",
-					label: "Row height",
-					type: "input",
-					defaultValue: "120",
-					placeholder: "e.g. 120"
+					label: "Row height (px)",
+					type: "slider",
+					defaultValue: 120,
+					min: 40,
+					max: 320,
+					step: 10
 				}
 			]
 		},
@@ -1437,25 +1898,37 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 			collapsible: !0,
 			fields: [{
 				key: "refreshInterval",
-				label: "Refresh interval",
+				label: "Auto refresh",
 				type: "select",
 				defaultValue: "0",
 				options: [
 					{
 						value: "0",
-						label: "Manual"
+						label: "Off"
 					},
 					{
 						value: "30",
-						label: "30s"
+						label: "Every 30s"
 					},
 					{
 						value: "60",
-						label: "1 min"
+						label: "Every 1 min"
 					},
 					{
 						value: "300",
-						label: "5 min"
+						label: "Every 5 min"
+					},
+					{
+						value: "900",
+						label: "Every 15 min"
+					},
+					{
+						value: "1800",
+						label: "Every 30 min"
+					},
+					{
+						value: "3600",
+						label: "Every 1 hour"
 					}
 				]
 			}]
@@ -1502,12 +1975,12 @@ var fe = ({ schema: e, dataSource: i, className: o }) => {
 		}
 	]
 };
-function me({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
-	let { draft: a, isDirty: o, updateField: s, discard: c } = b(n, { onUpdate: i });
-	return /* @__PURE__ */ F(h, {
+function ze({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
+	let { draft: a, isDirty: o, updateField: s, discard: c } = M(n, { onUpdate: i });
+	return /* @__PURE__ */ q(y, {
 		open: e,
 		onClose: t,
-		schema: pe,
+		schema: Re,
 		draft: a,
 		isDirty: o,
 		onFieldChange: s,
@@ -1517,7 +1990,7 @@ function me({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
 }
 //#endregion
 //#region src/WidgetConfigPanel.tsx
-var he = [
+var Be = [
 	{
 		value: "metric",
 		label: "Metric"
@@ -1526,6 +1999,10 @@ var he = [
 		value: "bar",
 		label: "Bar Chart"
 	},
+	{
+		value: "horizontal-bar",
+		label: "Horizontal Bar"
+	},
 	{
 		value: "line",
 		label: "Line Chart"
@@ -1546,6 +2023,10 @@ var he = [
 		value: "scatter",
 		label: "Scatter Plot"
 	},
+	{
+		value: "funnel",
+		label: "Funnel"
+	},
 	{
 		value: "table",
 		label: "Table"
@@ -1562,7 +2043,7 @@ var he = [
 		value: "custom",
 		label: "Custom"
 	}
-], ge = [
+], Ve = [
 	{
 		value: "default",
 		label: "Default"
@@ -1595,7 +2076,7 @@ var he = [
 		value: "danger",
 		label: "Danger"
 	}
-], _e = [
+], He = [
 	{
 		value: "count",
 		label: "Count"
@@ -1616,40 +2097,80 @@ var he = [
 		value: "max",
 		label: "Max"
 	}
-], ve = [
+], Ue = [
 	"bar",
+	"horizontal-bar",
 	"line",
 	"area",
 	"pie",
 	"donut",
+	"scatter",
+	"funnel"
+], We = [
+	"bar",
+	"horizontal-bar",
+	"line",
+	"area",
 	"scatter"
+], Ge = [
+	"pie",
+	"donut",
+	"funnel"
+], Ke = ["metric", ...Ue], qe = [...Ue], Je = [
+	"pivot",
+	"metric",
+	"bar",
+	"horizontal-bar",
+	"line",
+	"area",
+	"pie",
+	"donut",
+	"funnel"
 ];
-function ye(e) {
-	return !!e && ve.includes(e);
+function Ye(e) {
+	return !!e && Ue.includes(e);
+}
+function Xe(e) {
+	return !!e && We.includes(e);
+}
+function Ze(e) {
+	return !!e && qe.includes(e);
+}
+function Qe(e) {
+	return !!e && Ke.includes(e);
 }
-var be = [{
+function $e(e) {
+	return !!e && Je.includes(e);
+}
+var et = [{
+	value: "drawer",
+	label: "Side drawer"
+}, {
+	value: "dialog",
+	label: "Center dialog"
+}], tt = [{
 	value: "group",
 	label: "Group"
 }, {
 	value: "value",
 	label: "Value"
-}], xe = [{
+}], nt = [{
 	value: "asc",
 	label: "↑"
 }, {
 	value: "desc",
 	label: "↓"
 }];
-function $(e, t, n, r) {
+function rt(e, t, n, r) {
 	return {
 		key: e,
 		label: t,
 		type: "custom",
-		render: (i, a, o) => /* @__PURE__ */ F(g, {
+		render: (i, a, o) => /* @__PURE__ */ q(b, {
 			label: t,
-			children: /* @__PURE__ */ F("div", {
+			children: /* @__PURE__ */ q("div", {
 				"data-testid": `config-field-${e}`,
-				children: /* @__PURE__ */ F(m, {
+				children: /* @__PURE__ */ q(v, {
 					options: r ?? [],
 					value: i ?? "",
 					onValueChange: a,
@@ -1663,16 +2184,16 @@ function $(e, t, n, r) {
 		})
 	};
 }
-function Se(e, t, n) {
+function it(e, t, n) {
 	let r = e && e.length > 0, i = r ? {
 		key: "object",
 		label: "Data source",
 		type: "custom",
-		render: (t, n) => /* @__PURE__ */ F(g, {
+		render: (t, n) => /* @__PURE__ */ q(b, {
 			label: "Data source",
-			children: /* @__PURE__ */ F("div", {
+			children: /* @__PURE__ */ q("div", {
 				"data-testid": "config-field-object",
-				children: /* @__PURE__ */ F(m, {
+				children: /* @__PURE__ */ q(v, {
 					options: e,
 					value: t ?? "",
 					onValueChange: n,
@@ -1688,28 +2209,40 @@ function Se(e, t, n) {
 		label: "Data source",
 		type: "input",
 		placeholder: "Object name"
-	}, a = r ? $("categoryField", "Category field", "Select field…", t) : {
+	}, a = r ? {
+		...rt("categoryField", "Category field", "Select field…", t),
+		helpText: "Group records by this field (one bar/slice/segment per value).",
+		visibleWhen: (e) => Ze(e.type)
+	} : {
 		key: "categoryField",
 		label: "Category field",
 		type: "input",
-		placeholder: "e.g. status"
-	}, o = r ? $("valueField", "Value field", "Select field…", t) : {
+		placeholder: "e.g. status",
+		helpText: "Group records by this field (one bar/slice/segment per value).",
+		visibleWhen: (e) => Ze(e.type)
+	}, o = r ? {
+		...rt("valueField", "Value field", "Select field…", t),
+		helpText: "Field to aggregate (sum / average / min / max).",
+		visibleWhen: (e) => Qe(e.type) && (e.aggregate ?? "count") !== "count"
+	} : {
 		key: "valueField",
 		label: "Value field",
 		type: "input",
-		placeholder: "e.g. amount"
-	}, s = r ? $("rowField", "Field", "Select row field…", t) : {
+		placeholder: "e.g. amount",
+		helpText: "Field to aggregate (sum / average / min / max).",
+		visibleWhen: (e) => Qe(e.type) && (e.aggregate ?? "count") !== "count"
+	}, s = r ? rt("rowField", "Field", "Select row field…", t) : {
 		key: "rowField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. owner"
-	}, c = r ? $("columnField", "Field", "Select column field…", t) : {
+	}, c = r ? rt("columnField", "Field", "Select column field…", t) : {
 		key: "columnField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. stage"
-	}, l = r ? $("pivotValueField", "Field", "Select value field…", t) : {
-		key: "pivotValueField",
+	}, l = r ? rt("valueField", "Field", "Select value field…", t) : {
+		key: "valueField",
 		label: "Field",
 		type: "input",
 		placeholder: "e.g. amount"
@@ -1718,7 +2251,7 @@ function Se(e, t, n) {
 		breadcrumb: ["Dashboard", {
 			pivot: "Pivot table",
 			table: "Table"
-		}[n ?? ""] ?? (ye(n) ? "Chart" : "Widget")],
+		}[n ?? ""] ?? (Ye(n) ? "Chart" : "Widget")],
 		sections: [
 			{
 				key: "general",
@@ -1740,7 +2273,7 @@ function Se(e, t, n) {
 						key: "type",
 						label: "Widget type",
 						type: "select",
-						options: he,
+						options: Be,
 						defaultValue: "metric"
 					}
 				]
@@ -1758,8 +2291,10 @@ function Se(e, t, n) {
 						key: "aggregate",
 						label: "Aggregation",
 						type: "select",
-						options: _e,
-						defaultValue: "count"
+						options: He,
+						defaultValue: "count",
+						helpText: "Count ignores Value field; Sum / Avg / Min / Max require it.",
+						visibleWhen: (e) => Qe(e.type)
 					}
 				]
 			},
@@ -1781,14 +2316,14 @@ function Se(e, t, n) {
 						key: "rowSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: be,
+						options: tt,
 						defaultValue: "group"
 					},
 					{
 						key: "rowSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: xe,
+						options: nt,
 						defaultValue: "asc"
 					},
 					{
@@ -1816,14 +2351,14 @@ function Se(e, t, n) {
 						key: "columnSortBy",
 						label: "Sort by",
 						type: "icon-group",
-						options: be,
+						options: tt,
 						defaultValue: "group"
 					},
 					{
 						key: "columnSortOrder",
 						label: "Sort order",
 						type: "icon-group",
-						options: xe,
+						options: nt,
 						defaultValue: "asc"
 					},
 					{
@@ -1851,7 +2386,7 @@ function Se(e, t, n) {
 						key: "aggregation",
 						label: "Aggregation",
 						type: "select",
-						options: _e,
+						options: He,
 						defaultValue: "sum"
 					},
 					{
@@ -1866,7 +2401,7 @@ function Se(e, t, n) {
 				key: "chart-axis",
 				title: "Axis & Series",
 				collapsible: !0,
-				visibleWhen: (e) => ye(e.type),
+				visibleWhen: (e) => Xe(e.type),
 				fields: [
 					{
 						key: "xAxisLabel",
@@ -1889,8 +2424,20 @@ function Se(e, t, n) {
 				]
 			},
 			{
-				key: "table-columns",
-				title: "Columns",
+				key: "chart-legend",
+				title: "Display",
+				collapsible: !0,
+				visibleWhen: (e) => !!e.type && Ge.includes(e.type),
+				fields: [{
+					key: "showLegend",
+					label: "Show legend",
+					type: "switch",
+					defaultValue: !0
+				}]
+			},
+			{
+				key: "table-options",
+				title: "Table options",
 				collapsible: !0,
 				visibleWhen: (e) => e.type === "table",
 				fields: [{
@@ -1927,6 +2474,39 @@ function Se(e, t, n) {
 					defaultValue: 1
 				}]
 			},
+			{
+				key: "drill-down",
+				title: "Drill-down",
+				collapsible: !0,
+				defaultCollapsed: !0,
+				visibleWhen: (e) => $e(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."
+				}, {
+					key: "drillDownTarget",
+					label: "Open in",
+					type: "select",
+					options: et,
+					defaultValue: "drawer",
+					visibleWhen: (e) => !!e.drillDownEnabled
+				}]
+			},
+			{
+				key: "behavior",
+				title: "Behavior",
+				collapsible: !0,
+				defaultCollapsed: !0,
+				fields: [{
+					key: "actionUrl",
+					label: "Click-through URL",
+					type: "input",
+					placeholder: "https://..."
+				}]
+			},
 			{
 				key: "appearance",
 				title: "Appearance",
@@ -1936,19 +2516,14 @@ function Se(e, t, n) {
 					key: "colorVariant",
 					label: "Color variant",
 					type: "select",
-					options: ge,
+					options: Ve,
 					defaultValue: "default"
-				}, {
-					key: "actionUrl",
-					label: "Action URL",
-					type: "input",
-					placeholder: "https://..."
 				}]
 			}
 		]
 	};
 }
-function Ce(e) {
+function at(e) {
 	if (e == null) return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "object") {
@@ -1957,16 +2532,20 @@ function Ce(e) {
 	}
 	return String(e);
 }
-function we({ 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 } = b(x.useMemo(() => ({
+function ot(e) {
+	let t = e.type, n = { ...e };
+	return Ze(t) || delete n.categoryField, Qe(t) ? (n.aggregate ?? "count") === "count" && delete n.valueField : (delete n.valueField, delete n.aggregate), Xe(t) || (delete n.xAxisLabel, delete n.yAxisLabel), t === "pivot" ? (delete n.aggregate, delete n.categoryField) : (delete n.rowField, delete n.columnField, delete n.aggregation, delete n.rowSortBy, delete n.rowSortOrder, delete n.columnSortBy, delete n.columnSortOrder, delete n.showRowLabels, delete n.showRowTotals, delete n.showColumnLabels, delete n.showColumnTotals, delete n.format), t !== "table" && (delete n.searchable, delete n.pagination), $e(t) || (delete n.drillDownEnabled, delete n.drillDownTarget), n;
+}
+function st({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
+	let { draft: c, isDirty: l, updateField: u, discard: d } = M(N.useMemo(() => ({
 		...n,
-		title: typeof n.title == "object" ? Ce(n.title) : n.title,
-		description: typeof n.description == "object" ? Ce(n.description) : n.description
+		title: typeof n.title == "object" ? at(n.title) : n.title,
+		description: typeof n.description == "object" ? at(n.description) : n.description
 	}), [n]), { onUpdate: i });
-	return /* @__PURE__ */ F(h, {
+	return /* @__PURE__ */ q(y, {
 		open: e,
 		onClose: t,
-		schema: x.useMemo(() => Se(o, s, c.type), [
+		schema: N.useMemo(() => it(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -1974,104 +2553,141 @@ function we({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 		draft: c,
 		isDirty: l,
 		onFieldChange: u,
-		onSave: () => r(c),
+		onSave: () => r(ot(c)),
 		onDiscard: d,
 		headerExtra: a
 	});
 }
 //#endregion
 //#region src/DashboardWithConfig.tsx
-function Te({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
-	let [c, u] = O(o), [d, f] = O(null), [p, m] = O(e), [h, g] = O(0);
-	T(() => {
+function ct({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
+	let [c, l] = z(o), [u, d] = z(null), [f, m] = z(e), [h, g] = z(0);
+	I(() => {
 		m(e), g((e) => e + 1);
 	}, [e]);
-	let _ = x.useMemo(() => {
-		if (!d || !p.widgets) return null;
-		let e = p.widgets.find((e) => (e.id || e.title) === d);
-		return e ? {
+	let _ = N.useMemo(() => {
+		if (!u || !f.widgets) return null;
+		let e = f.widgets.find((e) => (e.id || e.title) === u);
+		if (!e) return null;
+		let t = e.options || {};
+		return {
+			...t,
 			id: e.id ?? "",
 			title: e.title ?? "",
 			description: e.description ?? "",
 			type: e.type ?? "",
 			object: e.object ?? "",
-			categoryField: e.categoryField ?? "",
-			valueField: e.valueField ?? "",
-			aggregate: e.aggregate ?? "",
-			colorVariant: e.colorVariant ?? "default",
-			actionUrl: e.actionUrl ?? "",
+			categoryField: e.categoryField ?? t.categoryField ?? "",
+			valueField: e.valueField ?? t.valueField ?? "",
+			aggregate: e.aggregate ?? t.aggregate ?? "",
+			colorVariant: e.colorVariant ?? t.colorVariant ?? "default",
+			actionUrl: e.actionUrl ?? t.actionUrl ?? "",
+			drillDownEnabled: t.drillDown?.enabled ?? !!(e.object && (e.type === "pivot" || e.type === "metric" || e.type === "bar" || e.type === "horizontal-bar" || e.type === "line" || e.type === "area" || e.type === "pie" || e.type === "donut" || e.type === "funnel")),
+			drillDownTarget: t.drillDown?.target ?? "drawer",
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
-		} : null;
-	}, [d, h]), y = C((e) => {
-		f(e), u(!0);
-	}, []), b = C(() => {
-		f(null);
-	}, []), S = C((e, t) => {
-		d && m((n) => n.widgets ? {
+		};
+	}, [u, h]), v = F((e) => {
+		d(e), l(!0);
+	}, []), y = F(() => {
+		d(null);
+	}, []), b = F((e, t) => {
+		u && m((n) => n.widgets ? {
 			...n,
-			widgets: n.widgets.map((n) => (n.id || n.title) === d ? e === "layoutW" ? {
-				...n,
-				layout: {
-					...n.layout || {},
-					w: t
-				}
-			} : e === "layoutH" ? {
-				...n,
-				layout: {
-					...n.layout || {},
-					h: t
+			widgets: n.widgets.map((n) => {
+				if ((n.id || n.title) !== u) return n;
+				if (e === "layoutW") return {
+					...n,
+					layout: {
+						...n.layout || {},
+						w: t
+					}
+				};
+				if (e === "layoutH") return {
+					...n,
+					layout: {
+						...n.layout || {},
+						h: t
+					}
+				};
+				if (e === "drillDownEnabled" || e === "drillDownTarget") {
+					let r = n.options?.drillDown ?? {}, i = e === "drillDownEnabled" ? {
+						...r,
+						enabled: !!t
+					} : {
+						...r,
+						target: t
+					};
+					return {
+						...n,
+						options: {
+							...n.options || {},
+							drillDown: i
+						}
+					};
 				}
-			} : {
-				...n,
-				[e]: t
-			} : n)
+				return {
+					...n,
+					[e]: t
+				};
+			})
 		} : n);
-	}, [d]), w = C((e) => {
-		d && r && r(d, e), f(null), g((e) => e + 1);
-	}, [d, r]), E = C(() => {
-		u((e) => !e), f(null);
+	}, [u]), x = F((e) => {
+		if (u && r) {
+			let { drillDownEnabled: t, drillDownTarget: n, ...i } = e, a = { ...i };
+			(t || n) && (a.options = {
+				...i.options || {},
+				drillDown: {
+					...i.options?.drillDown || {},
+					...t === void 0 ? {} : { enabled: !!t },
+					...n === void 0 ? {} : { target: n }
+				}
+			}), r(u, a);
+		}
+		d(null), g((e) => e + 1);
+	}, [u, r]), S = F(() => {
+		l((e) => !e), d(null);
 	}, []);
-	return /* @__PURE__ */ I("div", {
-		className: v("flex h-full w-full", s),
+	return /* @__PURE__ */ J("div", {
+		className: A("flex h-full w-full", s),
 		"data-testid": "dashboard-with-config",
-		children: [/* @__PURE__ */ I("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "flex-1 min-w-0 overflow-auto relative",
-			children: [/* @__PURE__ */ F("div", {
+			children: [/* @__PURE__ */ q("div", {
 				className: "absolute top-2 right-2 z-10",
-				children: /* @__PURE__ */ I(l, {
+				children: /* @__PURE__ */ J(p, {
 					size: "sm",
 					variant: c ? "default" : "outline",
-					onClick: E,
+					onClick: S,
 					"data-testid": "dashboard-config-toggle",
-					children: [/* @__PURE__ */ F(ie, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
+					children: [/* @__PURE__ */ q(ae, { className: "h-3.5 w-3.5 mr-1" }), "Settings"]
 				})
-			}), /* @__PURE__ */ F(H, {
-				schema: p,
+			}), /* @__PURE__ */ q(ge, {
+				schema: f,
 				onRefresh: i,
 				recordCount: a,
 				designMode: c,
-				selectedWidgetId: d,
-				onWidgetClick: y
+				selectedWidgetId: u,
+				onWidgetClick: v
 			})]
-		}), c && /* @__PURE__ */ F("div", {
+		}), c && /* @__PURE__ */ q("div", {
 			className: "relative shrink-0",
-			children: d && _ ? /* @__PURE__ */ F(we, {
+			children: u && _ ? /* @__PURE__ */ q(st, {
 				open: !0,
-				onClose: b,
+				onClose: y,
 				config: _,
-				onSave: w,
-				onFieldChange: S
-			}) : /* @__PURE__ */ F(me, {
+				onSave: x,
+				onFieldChange: b
+			}) : /* @__PURE__ */ q(ze, {
 				open: !0,
-				onClose: () => u(!1),
+				onClose: () => l(!1),
 				config: t,
 				onSave: n
 			})
 		})]
 	});
 }
-e.register("dashboard", H, {
+e.register("dashboard", ge, {
 	namespace: "view",
 	label: "Dashboard",
 	category: "Complex",
@@ -2099,7 +2715,7 @@ e.register("dashboard", H, {
 		columns: 3,
 		widgets: []
 	}
-}), e.register("metric", K, {
+}), e.register("metric", Ce, {
 	namespace: "plugin-dashboard",
 	label: "Metric Widget",
 	category: "Dashboard",
@@ -2112,7 +2728,7 @@ e.register("dashboard", H, {
 		type: "string",
 		label: "Value"
 	}]
-}), e.register("metric-card", J, {
+}), e.register("metric-card", Te, {
 	namespace: "plugin-dashboard",
 	label: "Metric Card",
 	category: "Dashboard",
@@ -2167,7 +2783,7 @@ e.register("dashboard", H, {
 		title: "Metric",
 		value: "0"
 	}
-}), e.register("object-metric", Y, {
+}), e.register("object-metric", Ee, {
 	namespace: "plugin-dashboard",
 	label: "Object Metric",
 	category: "Dashboard",
@@ -2196,7 +2812,7 @@ e.register("dashboard", H, {
 		}
 	],
 	defaultProps: { label: "Metric" }
-}), e.register("pivot", Z, {
+}), e.register("pivot", Me, {
 	namespace: "plugin-dashboard",
 	label: "Pivot Table",
 	category: "Dashboard",
@@ -2275,7 +2891,7 @@ e.register("dashboard", H, {
 		aggregation: "sum",
 		data: []
 	}
-}), e.register("object-pivot", Q, {
+}), e.register("object-pivot", Le, {
 	namespace: "plugin-dashboard",
 	label: "Object Pivot Table",
 	category: "Dashboard",
@@ -2364,7 +2980,7 @@ e.register("dashboard", H, {
 		valueField: "",
 		aggregation: "sum"
 	}
-}), e.register("dashboard-grid", W, {
+}), e.register("dashboard-grid", ye, {
 	namespace: "plugin-dashboard",
 	label: "Dashboard Grid (Editable)",
 	category: "Complex",
@@ -2392,7 +3008,7 @@ e.register("dashboard", H, {
 		widgets: [],
 		persistLayoutKey: "dashboard-layout"
 	}
-}), e.register("object-data-table", fe, {
+}), e.register("object-data-table", Fe, {
 	namespace: "plugin-dashboard",
 	label: "Object Data Table",
 	category: "Dashboard",
@@ -2430,18 +3046,18 @@ e.register("dashboard", H, {
 		pagination: !1
 	}
 });
-var Ee = {
-	DashboardRenderer: H,
-	DashboardGridLayout: W,
-	MetricWidget: K,
-	MetricCard: J,
-	ObjectMetricWidget: Y,
-	PivotTable: Z,
-	ObjectPivotTable: Q,
-	ObjectDataTable: fe,
-	DashboardConfigPanel: me,
-	WidgetConfigPanel: we,
-	DashboardWithConfig: Te
+var lt = {
+	DashboardRenderer: ge,
+	DashboardGridLayout: ye,
+	MetricWidget: Ce,
+	MetricCard: Te,
+	ObjectMetricWidget: Ee,
+	PivotTable: Me,
+	ObjectPivotTable: Le,
+	ObjectDataTable: Fe,
+	DashboardConfigPanel: ze,
+	WidgetConfigPanel: st,
+	DashboardWithConfig: ct
 };
 //#endregion
-export { me as DashboardConfigPanel, W as DashboardGridLayout, H as DashboardRenderer, Te as DashboardWithConfig, J as MetricCard, K as MetricWidget, fe as ObjectDataTable, Y as ObjectMetricWidget, Q as ObjectPivotTable, Z as PivotTable, we as WidgetConfigPanel, Ee as dashboardComponents };
+export { ze as DashboardConfigPanel, ye as DashboardGridLayout, ge as DashboardRenderer, ct as DashboardWithConfig, Ie as DrillDownDrawer, Te as MetricCard, Ce as MetricWidget, Fe as ObjectDataTable, Ee as ObjectMetricWidget, Le as ObjectPivotTable, Me as PivotTable, st as WidgetConfigPanel, lt as dashboardComponents };