@object-ui/plugin-grid 3.3.2 → 4.0.1

package/dist/index.js

@@ -3,17 +3,17 @@ import t, { createContext as n, useCallback as r, useEffect as i, useMemo as a,
 import { ComponentRegistry as c, buildExpandFields as l, evaluatePlainCondition as u } from "@object-ui/core";
 import { SchemaRenderer as d, useAction as f, useDataScope as p, useNavigationOverlay as m, useObjectTranslation as h, useSafeFieldLabel as g, useSchemaContext as _ } from "@object-ui/react";
 import { formatCompactCurrency as v, formatCurrency as y, formatDate as b, formatPercent as x, getCellRenderer as S, humanizeLabel as C } from "@object-ui/fields";
-import { Badge as w, Button as T, Dialog as ee, DialogContent as te, DialogDescription as ne, DialogFooter as re, DialogHeader as E, DialogTitle as ie, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuTrigger as A, EmptyValue as ae, NavigationOverlay as j, Popover as oe, PopoverContent as se, PopoverTrigger as ce, Progress as M, Select as le, SelectContent as N, SelectItem as P, SelectTrigger as ue, SelectValue as de, Table as fe, TableBody as pe, TableCell as F, TableHead as I, TableHeader as me, TableRow as L, cn as R } from "@object-ui/components";
-import { AlertCircle as he, AlignJustify as ge, ArrowLeft as _e, ArrowRight as ve, Calendar as ye, Check as z, CheckCircle2 as be, CheckSquare as xe, ChevronDown as Se, ChevronRight as Ce, Clock as we, Download as Te, Edit as Ee, FileSpreadsheet as De, FunctionSquare as Oe, GripVertical as ke, Hash as Ae, MoreVertical as je, Rows2 as Me, Rows3 as Ne, Rows4 as Pe, Tag as Fe, Trash2 as B, Type as Ie, Upload as V, User as Le, X as H } from "lucide-react";
-import { flushSync as U } from "react-dom";
+import { Badge as w, Button as T, Dialog as ee, DialogContent as te, DialogDescription as ne, DialogFooter as re, DialogHeader as E, DialogTitle as ie, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuTrigger as A, EmptyValue as j, ExportProgressDialog as ae, Input as M, NavigationOverlay as oe, Popover as se, PopoverContent as N, PopoverTrigger as P, Progress as ce, Select as F, SelectContent as I, SelectItem as L, SelectTrigger as R, SelectValue as le, Table as ue, TableBody as de, TableCell as z, TableHead as B, TableHeader as fe, TableRow as V, cn as H, useExportJob as pe } from "@object-ui/components";
+import { AlertCircle as U, AlignJustify as me, ArrowLeft as he, ArrowRight as ge, Calendar as _e, Check as ve, CheckCircle2 as ye, CheckSquare as be, ChevronDown as W, ChevronRight as xe, Clock as Se, Download as Ce, Edit as we, FileSpreadsheet as Te, FunctionSquare as Ee, GripVertical as De, Hash as Oe, MoreVertical as ke, Rows2 as Ae, Rows3 as je, Rows4 as Me, Save as Ne, Tag as Pe, Trash2 as Fe, Type as Ie, Upload as G, User as Le, X as K } from "lucide-react";
+import { flushSync as q } from "react-dom";
 //#region \0rolldown/runtime.js
-var W = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), Re = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+var J = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), Y = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 //#endregion
 //#region ../mobile/dist/usePullToRefresh.js
-function ze(e) {
+function Re(e) {
 	let { onRefresh: t, threshold: n = 80, enabled: a = !0 } = e, c = o(null), [l, u] = s(!1), [d, f] = s(0), p = o(0), m = r((e) => {
 		if (!a || l) return;
 		let t = c.current;
@@ -62,7 +62,7 @@ function ze(e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/react@19.2.5/node_modules/react/cjs/react-jsx-runtime.production.js
-var G = /* @__PURE__ */ W(((e) => {
+var ze = /* @__PURE__ */ J(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -77,7 +77,7 @@ var G = /* @__PURE__ */ W(((e) => {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), Be = /* @__PURE__ */ W(((e) => {
+})), X = /* @__PURE__ */ J(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -208,7 +208,7 @@ var G = /* @__PURE__ */ W(((e) => {
 				var m = Object.keys(n).filter(function(e) {
 					return e !== "key";
 				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", j[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), j[p + o] = !0);
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", ae[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), ae[p + o] = !0);
 			}
 			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
 			else i = n;
@@ -220,28 +220,28 @@ var G = /* @__PURE__ */ W(((e) => {
 		function p(e) {
 			return typeof e == "object" && !!e && e.$$typeof === h;
 		}
-		var m = Re("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), ee = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), re = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, ie = Array.isArray, D = console.createTask ? console.createTask : function() {
+		var m = Y("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), ee = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), re = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, ie = Array.isArray, D = console.createTask ? console.createTask : function() {
 			return null;
 		};
 		m = { react_stack_bottom_frame: function(e) {
 			return e();
 		} };
-		var O, k = {}, A = m.react_stack_bottom_frame.bind(m, o)(), ae = D(i(o)), j = {};
+		var O, k = {}, A = m.react_stack_bottom_frame.bind(m, o)(), j = D(i(o)), ae = {};
 		e.Fragment = _, e.jsx = function(e, t, n) {
 			var r = 1e4 > re.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : A, r ? D(i(e)) : ae);
+			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : A, r ? D(i(e)) : j);
 		}, e.jsxs = function(e, t, n) {
 			var r = 1e4 > re.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : A, r ? D(i(e)) : ae);
+			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : A, r ? D(i(e)) : j);
 		};
 	})();
-})), K = (/* @__PURE__ */ W(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = G() : t.exports = Be();
-})))(), Ve = n(null);
-Ve.displayName = "MobileContext";
+})), Z = (/* @__PURE__ */ J(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = ze() : t.exports = X();
+})))(), Be = n(null);
+Be.displayName = "MobileContext";
 //#endregion
 //#region src/useRowColor.ts
-var q = {
+var Ve = {
 	red: "bg-red-100",
 	green: "bg-green-100",
 	blue: "bg-blue-100",
@@ -266,28 +266,59 @@ var q = {
 	stone: "bg-stone-100",
 	neutral: "bg-neutral-100"
 };
-function J(e) {
-	return e.startsWith("bg-") ? e : q[e.toLowerCase().trim()];
+function Q(e) {
+	return e.startsWith("bg-") ? e : Ve[e.toLowerCase().trim()];
 }
 function He(e) {
 	return r((t) => {
 		if (!e?.field || !e.colors) return;
 		let n = String(t[e.field] ?? ""), r = e.colors[n];
-		if (r) return J(r);
+		if (r) return Q(r);
 	}, [e?.field, e?.colors]);
 }
 //#endregion
 //#region src/useGroupedData.ts
-function Ue(e, t) {
-	return t.map((t) => String(e[t.field] ?? "")).join(" / ");
+function Ue(e) {
+	if (e == null || e === "") return "";
+	if (Array.isArray(e)) return e.map((e) => Ue(e)).join("|");
+	if (typeof e == "object") {
+		let t = e.id ?? e._id ?? e.pk ?? e.value;
+		if (t != null && t !== "") return String(t);
+		let n = e.name ?? e.label ?? e.title;
+		if (n != null && n !== "") return String(n);
+		try {
+			return JSON.stringify(e);
+		} catch {
+			return "";
+		}
+	}
+	return String(e);
 }
 function We(e, t) {
-	return t.map((t) => {
-		let n = e[t.field];
+	return Ue(e[t]);
+}
+function Ge(e, t, n) {
+	if (e == null || e === "") return "(empty)";
+	if (n) {
+		let r = n(t, e);
+		if (r !== void 0 && r !== "") return r;
+	}
+	if (Array.isArray(e)) return e.map((e) => {
+		if (n) {
+			let r = n(t, e);
+			if (r !== void 0 && r !== "") return r;
+		}
+		return Ge(e, t);
+	}).join(", ") || "(empty)";
+	if (typeof e == "object") {
+		let t = e.name ?? e.label ?? e.title ?? e.display_name ?? e.displayName ?? e.fullName ?? e.full_name;
+		if (t != null && t !== "") return String(t);
+		let n = e.id ?? e._id ?? e.pk;
 		return n != null && n !== "" ? String(n) : "(empty)";
-	}).join(" / ");
+	}
+	return String(e);
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	return t.map(({ field: t, type: n }) => {
 		let r = e.map((e) => Number(e[t])).filter((e) => Number.isFinite(e)), i;
 		switch (n) {
@@ -315,73 +346,83 @@ function Ge(e, t) {
 		};
 	});
 }
-function Ke(e, t, n) {
+function qe(e, t, n) {
 	let r = e.localeCompare(t, void 0, {
 		numeric: !0,
 		sensitivity: "base"
 	});
 	return n === "desc" ? -r : r;
 }
-function qe(e, t, n) {
-	let i = e?.fields, o = !!(i && i.length > 0), [c, l] = s({}), u = a(() => i ? i.some((e) => e.collapsed) : !1, [i]);
+function Je(e, t, n, i) {
+	let o = e?.fields, c = !!(o && o.length > 0), [l, u] = s({});
 	return {
 		groups: a(() => {
-			if (!o || !i) return [];
-			let e = /* @__PURE__ */ new Map(), r = [];
-			for (let n of t) {
-				let t = Ue(n, i);
-				e.has(t) || (e.set(t, {
-					label: We(n, i),
-					rows: []
-				}), r.push(t)), e.get(t).rows.push(n);
-			}
-			let a = i[0]?.order ?? "asc";
-			return r.sort((e, t) => Ke(e, t, a)), r.map((t) => {
-				let r = e.get(t), i = t in c ? c[t] : u, a = n && n.length > 0 ? Ge(r.rows, n) : [];
-				return {
-					key: t,
-					label: r.label,
-					rows: r.rows,
-					collapsed: i,
-					aggregations: a
-				};
-			});
+			if (!c || !o) return [];
+			let e = (t, r, a) => {
+				if (r >= o.length) return [];
+				let s = o[r], c = /* @__PURE__ */ new Map(), u = [];
+				for (let e of t) {
+					let t = We(e, s.field);
+					c.has(t) || (c.set(t, {
+						label: Ge(e[s.field], s.field, i),
+						rows: []
+					}), u.push(t)), c.get(t).rows.push(e);
+				}
+				let d = s.order ?? "asc";
+				return u.sort((e, t) => qe(c.get(e)?.label ?? e, c.get(t)?.label ?? t, d)), u.map((t) => {
+					let i = c.get(t), u = a ? `${a}__${r}:${t}` : `${r}:${t}`, d = !!s.collapsed, f = u in l ? l[u] : d, p = n && n.length > 0 ? Ke(i.rows, n) : [], m = r + 1 < o.length ? e(i.rows, r + 1, u) : [];
+					return {
+						key: u,
+						label: i.label,
+						field: s.field,
+						depth: r,
+						rows: i.rows,
+						collapsed: f,
+						aggregations: p,
+						subgroups: m
+					};
+				});
+			};
+			return e(t, 0, "");
 		}, [
 			t,
-			i,
 			o,
 			c,
-			u,
-			n
+			l,
+			n,
+			i
 		]),
-		isGrouped: o,
+		isGrouped: c,
 		toggleGroup: r((e) => {
-			l((t) => ({
-				...t,
-				[e]: t[e] === void 0 ? !u : !t[e]
-			}));
-		}, [u])
+			u((t) => {
+				let n = e.split("__").pop() || "", r = /^(\d+):/.exec(n), i = r ? Number(r[1]) : 0, a = !!o?.[i]?.collapsed;
+				return {
+					...t,
+					[e]: t[e] === void 0 ? !a : !t[e]
+				};
+			});
+		}, [o])
 	};
 }
 //#endregion
 //#region src/GroupRow.tsx
-var Je = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onToggle: a, children: o }) => /* @__PURE__ */ (0, K.jsxs)("div", {
+var Ye = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onToggle: a, children: o }) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 	className: "border rounded-md",
 	"data-testid": `group-row-${e}`,
-	children: [/* @__PURE__ */ (0, K.jsxs)("button", {
+	children: [/* @__PURE__ */ (0, Z.jsxs)("button", {
 		type: "button",
 		className: "flex w-full items-center gap-2 px-3 py-2 text-sm font-medium text-left bg-muted/50 hover:bg-muted transition-colors",
 		onClick: () => a(e),
 		"aria-expanded": !r,
 		children: [
-			r ? /* @__PURE__ */ (0, K.jsx)(Ce, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ (0, K.jsx)(Se, { className: "h-4 w-4 shrink-0" }),
-			/* @__PURE__ */ (0, K.jsx)("span", {
+			r ? /* @__PURE__ */ (0, Z.jsx)(xe, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ (0, Z.jsx)(W, { className: "h-4 w-4 shrink-0" }),
+			/* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "group-label",
 				children: t
 			}),
-			i && i.length > 0 && /* @__PURE__ */ (0, K.jsx)("span", {
+			i && i.length > 0 && /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "ml-2 text-xs text-muted-foreground group-aggregations",
-				children: i.map((e) => /* @__PURE__ */ (0, K.jsxs)("span", {
+				children: i.map((e) => /* @__PURE__ */ (0, Z.jsxs)("span", {
 					className: "mr-2",
 					children: [
 						e.type,
@@ -390,7 +431,7 @@ var Je = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onTo
 					]
 				}, `${e.field}-${e.type}`))
 			}),
-			/* @__PURE__ */ (0, K.jsxs)("span", {
+			/* @__PURE__ */ (0, Z.jsxs)("span", {
 				className: "ml-auto text-xs text-muted-foreground group-count",
 				children: [
 					"(",
@@ -403,10 +444,10 @@ var Je = ({ groupKey: e, label: t, count: n, collapsed: r, aggregations: i, onTo
 });
 //#endregion
 //#region src/useColumnSummary.ts
-function Ye(e) {
+function Xe(e) {
 	return typeof e == "string" ? { type: e } : e;
 }
-function Xe(e, t) {
+function Ze(e, t) {
 	if (t.length === 0) return null;
 	switch (e) {
 		case "count": return t.length;
@@ -417,7 +458,7 @@ function Xe(e, t) {
 		default: return null;
 	}
 }
-function Ze(e, t) {
+function Qe(e, t) {
 	return t === null ? "" : `${{
 		count: "Count",
 		sum: "Sum",
@@ -426,7 +467,7 @@ function Ze(e, t) {
 		max: "Max"
 	}[e] || e}: ${e === "avg" ? t.toLocaleString(void 0, { maximumFractionDigits: 2 }) : t.toLocaleString()}`;
 }
-function Qe(e, t) {
+function $e(e, t) {
 	return a(() => {
 		let n = /* @__PURE__ */ new Map();
 		if (!e || e.length === 0 || t.length === 0) return {
@@ -435,7 +476,7 @@ function Qe(e, t) {
 		};
 		for (let r of e) {
 			if (!r.summary) continue;
-			let e = Ye(r.summary), i = e.field || r.field, a = [];
+			let e = Xe(r.summary), i = e.field || r.field, a = [];
 			for (let e of t) {
 				let t = e[i];
 				if (t != null && typeof t == "number" && !isNaN(t)) a.push(t);
@@ -448,11 +489,11 @@ function Qe(e, t) {
 			if (e.type === "count") {
 				let e = t.filter((e) => e[i] != null && e[i] !== "").length;
 				o = e > 0 ? e : null;
-			} else o = Xe(e.type, a);
+			} else o = Ze(e.type, a);
 			n.set(r.field, {
 				field: r.field,
 				value: o,
-				label: Ze(e.type, o)
+				label: Qe(e.type, o)
 			});
 		}
 		return {
@@ -463,58 +504,58 @@ function Qe(e, t) {
 }
 //#endregion
 //#region src/components/RowActionMenu.tsx
-function $e(e) {
+function et(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete: a, onAction: o }) => /* @__PURE__ */ (0, K.jsxs)(D, { children: [/* @__PURE__ */ (0, K.jsx)(A, {
+var tt = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete: a, onAction: o }) => /* @__PURE__ */ (0, Z.jsxs)(D, { children: [/* @__PURE__ */ (0, Z.jsx)(A, {
 	asChild: !0,
-	children: /* @__PURE__ */ (0, K.jsxs)(T, {
+	children: /* @__PURE__ */ (0, Z.jsxs)(T, {
 		variant: "ghost",
 		size: "icon",
 		className: "h-8 w-8 min-h-[44px] min-w-[44px] sm:min-h-0 sm:min-w-0",
 		"data-testid": "row-action-trigger",
-		children: [/* @__PURE__ */ (0, K.jsx)(je, { className: "h-4 w-4" }), /* @__PURE__ */ (0, K.jsx)("span", {
+		children: [/* @__PURE__ */ (0, Z.jsx)(ke, { className: "h-4 w-4" }), /* @__PURE__ */ (0, Z.jsx)("span", {
 			className: "sr-only",
 			children: "Open menu"
 		})]
 	})
-}), /* @__PURE__ */ (0, K.jsxs)(O, {
+}), /* @__PURE__ */ (0, Z.jsxs)(O, {
 	align: "end",
 	children: [
-		n && i && /* @__PURE__ */ (0, K.jsxs)(k, {
+		n && i && /* @__PURE__ */ (0, Z.jsxs)(k, {
 			onClick: () => i(e),
-			children: [/* @__PURE__ */ (0, K.jsx)(Ee, { className: "mr-2 h-4 w-4" }), "Edit"]
+			children: [/* @__PURE__ */ (0, Z.jsx)(we, { className: "mr-2 h-4 w-4" }), "Edit"]
 		}),
-		r && a && /* @__PURE__ */ (0, K.jsxs)(k, {
+		r && a && /* @__PURE__ */ (0, Z.jsxs)(k, {
 			onClick: () => a(e),
-			children: [/* @__PURE__ */ (0, K.jsx)(B, { className: "mr-2 h-4 w-4" }), "Delete"]
+			children: [/* @__PURE__ */ (0, Z.jsx)(Fe, { className: "mr-2 h-4 w-4" }), "Delete"]
 		}),
-		t?.map((t) => /* @__PURE__ */ (0, K.jsx)(k, {
+		t?.map((t) => /* @__PURE__ */ (0, Z.jsx)(k, {
 			onClick: () => o?.(t, e),
 			"data-testid": `row-action-${t}`,
-			children: $e(t)
+			children: et(t)
 		}, t))
 	]
-})] }), tt = ({ selectedRows: e, actions: t, onAction: n, onClearSelection: r }) => !t || t.length === 0 || e.length === 0 ? null : /* @__PURE__ */ (0, K.jsxs)("div", {
+})] }), nt = ({ selectedRows: e, actions: t, onAction: n, onClearSelection: r }) => !t || t.length === 0 || e.length === 0 ? null : /* @__PURE__ */ (0, Z.jsxs)("div", {
 	className: "border-t px-4 py-1.5 flex items-center gap-2 text-xs bg-primary/5 shrink-0",
 	"data-testid": "bulk-actions-bar",
 	children: [
-		/* @__PURE__ */ (0, K.jsxs)("span", {
+		/* @__PURE__ */ (0, Z.jsxs)("span", {
 			className: "text-muted-foreground font-medium",
 			children: [e.length, " selected"]
 		}),
-		/* @__PURE__ */ (0, K.jsx)("div", {
+		/* @__PURE__ */ (0, Z.jsx)("div", {
 			className: "flex items-center gap-1 ml-2",
-			children: t.map((t) => /* @__PURE__ */ (0, K.jsx)(T, {
+			children: t.map((t) => /* @__PURE__ */ (0, Z.jsx)(T, {
 				variant: "outline",
 				size: "sm",
 				className: "h-6 px-2 text-xs",
 				onClick: () => n?.(t, e),
 				"data-testid": `bulk-action-${t}`,
-				children: $e(t)
+				children: et(t)
 			}, t))
 		}),
-		/* @__PURE__ */ (0, K.jsx)(T, {
+		/* @__PURE__ */ (0, Z.jsx)(T, {
 			variant: "ghost",
 			size: "sm",
 			className: "h-6 px-2 text-xs ml-auto",
@@ -522,7 +563,7 @@ var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete
 			children: "Clear"
 		})
 	]
-}), Y = {
+}), rt = {
 	"grid.actions": "Actions",
 	"grid.edit": "Edit",
 	"grid.delete": "Delete",
@@ -534,26 +575,26 @@ var et = ({ row: e, rowActions: t, canEdit: n, canDelete: r, onEdit: i, onDelete
 	"grid.refreshing": "Refreshing…",
 	"grid.openRecord": "Open record"
 };
-function nt() {
+function it() {
 	try {
 		let e = h();
 		return e.t("grid.actions") === "grid.actions" ? { t: (e, t) => {
-			let n = Y[e] || e;
+			let n = rt[e] || e;
 			if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 			return n;
 		} } : { t: e.t };
 	} catch {
 		return { t: (e, t) => {
-			let n = Y[e] || e;
+			let n = rt[e] || e;
 			if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 			return n;
 		} };
 	}
 }
-function rt(e) {
+function at(e) {
 	if (e != null) return typeof e == "string" ? e : void 0;
 }
-function it(e) {
+function ot(e) {
 	return e.data ? Array.isArray(e.data) ? {
 		provider: "value",
 		items: e.data
@@ -565,101 +606,101 @@ function it(e) {
 		object: e.objectName
 	} : null;
 }
-function at(e) {
+function st(e) {
 	if (!(!e || e.length === 0)) return typeof e[0] == "object" && e[0], e;
 }
-var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onRowClick: h, onCellChange: _, onRowSave: ee, onBatchSave: te, onAddRecord: ne, ...re }) => {
-	let [E, ie] = s([]), [D, O] = s(!0), [k, A] = s(null), { t: M } = nt(), { fieldLabel: le, translateOptions: N } = g(), [P, ue] = s(null), [de, fe] = s(!1), [pe, F] = s(0), [I, me] = s(!1), [L, R] = s(e.rowHeight ?? "compact"), [he, _e] = s([]), ve = t.useMemo(() => e.id ? `grid-columns-${e.objectName}-${e.id}` : `grid-columns-${e.objectName}`, [e.objectName, e.id]), [z, be] = s(() => {
+var ct = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, onRowClick: h, onCellChange: _, onRowSave: ee, onBatchSave: te, onAddRecord: ne, ...re }) => {
+	let [E, ie] = s([]), [D, O] = s(!0), [k, A] = s(null), { t: M } = it(), { fieldLabel: ce, translateOptions: F } = g(), [I, L] = s(null), [R, le] = s(!1), [ue, de] = s(0), [z, B] = s(!1), [fe, V] = s(!1), H = pe({ dataSource: n }), [U, he] = s(e.rowHeight ?? "compact"), [ge, ve] = s([]), ye = t.useMemo(() => e.id ? `grid-columns-${e.objectName}-${e.id}` : `grid-columns-${e.objectName}`, [e.objectName, e.id]), [W, xe] = s(() => {
 		try {
-			let e = localStorage.getItem(ve);
+			let e = localStorage.getItem(ye);
 			return e ? JSON.parse(e) : {};
 		} catch {
 			return {};
 		}
-	}), Se = r((e) => {
-		be(e);
+	}), we = r((e) => {
+		xe(e);
 		try {
-			localStorage.setItem(ve, JSON.stringify(e));
+			localStorage.setItem(ye, JSON.stringify(e));
 		} catch (e) {
 			console.warn("Failed to persist column state:", e);
 		}
-	}, [ve]), { ref: Ce, isRefreshing: Ee, pullDistance: De } = ze({
+	}, [ye]), { ref: Te, isRefreshing: Ee, pullDistance: De } = Re({
 		onRefresh: r(async () => {
-			F((e) => e + 1);
+			de((e) => e + 1);
 		}, []),
 		enabled: !!n && !!e.objectName
 	});
 	i(() => {
-		let e = () => fe(window.innerWidth < 480);
+		let e = () => le(window.innerWidth < 480);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Oe = re.data, ke = p(e.bind), je = it(e), B = t.useMemo(() => Oe && Array.isArray(Oe) ? {
-		provider: "value",
-		items: Oe
-	} : ke && Array.isArray(ke) ? {
+	let ke = re.data, Ne = p(e.bind), Fe = ot(e), G = t.useMemo(() => ke && Array.isArray(ke) ? {
 		provider: "value",
 		items: ke
-	} : je, [
-		JSON.stringify(je),
-		ke,
-		Oe
-	]), V = B?.provider === "value", H = B?.provider === "object" && B && "object" in B ? B.object : e.objectName, U = e.fields, W = e.columns, Re = e.filter, G = e.sort, Be = e.pagination, Ve = e.pageSize;
+	} : Ne && Array.isArray(Ne) ? {
+		provider: "value",
+		items: Ne
+	} : Fe, [
+		JSON.stringify(Fe),
+		Ne,
+		ke
+	]), K = G?.provider === "value", q = G?.provider === "object" && G && "object" in G ? G.object : e.objectName, J = e.fields, Y = e.columns, ze = e.filter, X = e.sort, Be = e.pagination, Ve = e.pageSize;
 	i(() => {
-		V && B?.provider === "value" && (ie((e) => {
-			let t = B.items;
+		K && G?.provider === "value" && (ie((e) => {
+			let t = G.items;
 			return JSON.stringify(e) === JSON.stringify(t) ? e : t;
 		}), O(!1));
-	}, [V, B]), i(() => {
-		if (!V || !H || !n) return;
+	}, [K, G]), i(() => {
+		if (!K || !q || !n) return;
 		let e = !1;
 		return (async () => {
 			try {
 				if (typeof n.getObjectSchema != "function") return;
-				let t = await n.getObjectSchema(H);
-				e || ue(t);
+				let t = await n.getObjectSchema(q);
+				e || L(t);
 			} catch (e) {
-				console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${H}):`, e);
+				console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${q}):`, e);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		V,
-		H,
+		K,
+		q,
 		n
 	]), i(() => {
-		if (V) return;
+		if (K) return;
 		let t = !1;
 		return (async () => {
 			O(!0), A(null);
 			try {
-				let r = null, i = at(W) || U;
-				if (H && n) if (typeof n.getObjectSchema == "function") {
-					let e = await n.getObjectSchema(H);
+				let r = null, i = st(Y) || J;
+				if (q && n) if (typeof n.getObjectSchema == "function") {
+					let e = await n.getObjectSchema(q);
 					if (t) return;
 					r = e;
 				} else r = {
-					name: H,
+					name: q,
 					fields: {}
 				};
-				else if (i && H) r = {
-					name: H,
+				else if (i && q) r = {
+					name: q,
 					fields: {}
 				};
-				else if (H) throw Error("DataSource required");
+				else if (q) throw Error("DataSource required");
 				else throw Error("Object name required for data fetching");
-				if (t || ue(r), n && H) {
+				if (t || L(r), n && q) {
 					let i = {
 						$select: (() => {
-							if (U) return U;
-							if (W && Array.isArray(W)) return W.map((e) => typeof e == "string" ? e : e.field);
+							if (J) return J;
+							if (Y && Array.isArray(Y)) return Y.map((e) => typeof e == "string" ? e : e.field);
 						})(),
 						$top: Be?.pageSize || Ve || 50
 					};
-					Re && Array.isArray(Re) ? i.$filter = Re : e.defaultFilters && (i.$filter = e.defaultFilters), G ? typeof G == "string" ? i.$orderby = G : Array.isArray(G) && (i.$orderby = G.map((e) => `${e.field} ${e.order}`).join(", ")) : e.defaultSort && (i.$orderby = `${e.defaultSort.field} ${e.defaultSort.order}`);
-					let a = l(r?.fields, W ?? U);
+					ze && Array.isArray(ze) ? i.$filter = ze : e.defaultFilters && (i.$filter = e.defaultFilters), X ? typeof X == "string" ? i.$orderby = X : Array.isArray(X) && (i.$orderby = X.map((e) => `${e.field} ${e.order}`).join(", ")) : e.defaultSort && (i.$orderby = `${e.defaultSort.field} ${e.defaultSort.order}`);
+					let a = l(r?.fields, Y ?? J);
 					a.length > 0 && (i.$expand = a);
-					let o = await n.find(H, i);
+					let o = await n.find(q, i);
 					if (t) return;
 					ie(o.data || []);
 				}
@@ -672,24 +713,24 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			t = !0;
 		};
 	}, [
-		H,
-		U,
-		W,
-		Re,
-		G,
+		q,
+		J,
+		Y,
+		ze,
+		X,
 		Be,
 		Ve,
 		n,
-		V,
-		B,
-		pe
+		K,
+		G,
+		ue
 	]);
-	let q = m({
+	let Q = m({
 		navigation: e.navigation,
 		objectName: e.objectName,
 		onNavigate: e.onNavigate,
 		onRowClick: h
-	}), { execute: J } = f(), Ue = He(e.rowColor), We = r((t) => {
+	}), { execute: Ue } = f(), We = He(e.rowColor), Ge = r((t) => {
 		let n = e.conditionalFormatting;
 		if (!(!n || n.length === 0)) for (let e of n) {
 			let n = !1, r = ("condition" in e ? e.condition : void 0) || ("expression" in e ? e.expression : void 0) || void 0;
@@ -722,21 +763,59 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				return "style" in e && e.style && Object.assign(t, e.style), "backgroundColor" in e && e.backgroundColor && (t.backgroundColor = e.backgroundColor), "textColor" in e && e.textColor && (t.color = e.textColor), "borderColor" in e && e.borderColor && (t.borderColor = e.borderColor), t;
 			}
 		}
-	}, [e.conditionalFormatting]), { groups: Ge, isGrouped: Ke, toggleGroup: Ye } = qe(e.grouping, E), { summaries: Xe, hasSummary: Ze } = Qe(t.useMemo(() => {
-		let t = at(e.columns);
+	}, [e.conditionalFormatting]), Ke = t.useMemo(() => {
+		let t = e.grouping;
+		if (!t?.fields?.length) return;
+		let n = /* @__PURE__ */ new Map();
+		for (let r of t.fields) {
+			let t = r.field, i = I?.fields?.[t], a = st(e.columns)?.find?.((e) => typeof e == "object" && e?.field === t), o = a?.type || i?.type, s = a?.options || i?.options, c = /* @__PURE__ */ new Map();
+			if (Array.isArray(s) && s.length > 0) {
+				let n = e.objectName ? F(e.objectName, t, s) : s;
+				for (let e of n) if (e && e.value !== void 0 && e.value !== null) {
+					let t = e.label;
+					c.set(String(e.value), String(t ?? e.value));
+				}
+			}
+			n.set(t, {
+				type: o || void 0,
+				options: c.size > 0 ? c : void 0
+			});
+		}
+		return (e, t) => {
+			let r = n.get(e);
+			if (r) {
+				if (r.options) {
+					let e = r.options.get(String(t));
+					if (e !== void 0) return e;
+				}
+				if (r.type === "boolean" || typeof t == "boolean") {
+					if (t === !0 || t === "true") return M("grid.booleanTrue", "Yes");
+					if (t === !1 || t === "false") return M("grid.booleanFalse", "No");
+				}
+			}
+		};
+	}, [
+		e.grouping,
+		e.columns,
+		e.objectName,
+		I,
+		F,
+		M
+	]), { groups: qe, isGrouped: Xe, toggleGroup: Ze } = Je(e.grouping, E, void 0, Ke), { summaries: Qe, hasSummary: rt } = $e(t.useMemo(() => {
+		let t = st(e.columns);
 		if (t && t.length > 0 && typeof t[0] == "object") return t;
-	}, [e.columns]), E), Y = r(() => {
+	}, [e.columns]), E), ct = r(() => {
 		let t = (e) => e && {
-			text: /* @__PURE__ */ (0, K.jsx)(Ie, { className: "h-3.5 w-3.5" }),
-			number: /* @__PURE__ */ (0, K.jsx)(Ae, { className: "h-3.5 w-3.5" }),
-			currency: /* @__PURE__ */ (0, K.jsx)(Ae, { className: "h-3.5 w-3.5" }),
-			percent: /* @__PURE__ */ (0, K.jsx)(Ae, { className: "h-3.5 w-3.5" }),
-			date: /* @__PURE__ */ (0, K.jsx)(ye, { className: "h-3.5 w-3.5" }),
-			datetime: /* @__PURE__ */ (0, K.jsx)(we, { className: "h-3.5 w-3.5" }),
-			boolean: /* @__PURE__ */ (0, K.jsx)(xe, { className: "h-3.5 w-3.5" }),
-			user: /* @__PURE__ */ (0, K.jsx)(Le, { className: "h-3.5 w-3.5" }),
-			select: /* @__PURE__ */ (0, K.jsx)(Fe, { className: "h-3.5 w-3.5" })
-		}[e] || /* @__PURE__ */ (0, K.jsx)(Ie, { className: "h-3.5 w-3.5" }), n = (e) => {
+			text: /* @__PURE__ */ (0, Z.jsx)(Ie, { className: "h-3.5 w-3.5" }),
+			number: /* @__PURE__ */ (0, Z.jsx)(Oe, { className: "h-3.5 w-3.5" }),
+			currency: /* @__PURE__ */ (0, Z.jsx)(Oe, { className: "h-3.5 w-3.5" }),
+			percent: /* @__PURE__ */ (0, Z.jsx)(Oe, { className: "h-3.5 w-3.5" }),
+			date: /* @__PURE__ */ (0, Z.jsx)(_e, { className: "h-3.5 w-3.5" }),
+			datetime: /* @__PURE__ */ (0, Z.jsx)(Se, { className: "h-3.5 w-3.5" }),
+			boolean: /* @__PURE__ */ (0, Z.jsx)(be, { className: "h-3.5 w-3.5" }),
+			user: /* @__PURE__ */ (0, Z.jsx)(Le, { className: "h-3.5 w-3.5" }),
+			select: /* @__PURE__ */ (0, Z.jsx)(Pe, { className: "h-3.5 w-3.5" })
+		}[e] || /* @__PURE__ */ (0, Z.jsx)(Ie, { className: "h-3.5 w-3.5" }), n = (e) => {
 			if (e.type) return e.type;
 			let t = e.field.toLowerCase();
 			if ([
@@ -815,7 +894,7 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t)) return "datetime";
 			}
 			return null;
-		}, r = at(W);
+		}, r = st(Y);
 		if (r) {
 			if (r.length > 0 && typeof r[0] == "object" && r[0] !== null) {
 				let i = r[0];
@@ -837,43 +916,43 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 					}))), {
 						...r,
 						...e.showColumnTypeIcons && { headerIcon: t(i) },
-						cell: (e) => /* @__PURE__ */ (0, K.jsx)(a, {
+						cell: (e) => /* @__PURE__ */ (0, Z.jsx)(a, {
 							value: e,
 							field: o
 						})
 					};
 				});
 				if ("field" in i) return r.filter((e) => e?.field && typeof e.field == "string" && !e.hidden).map((r, i) => {
-					let a = rt(r.label) || r.field.charAt(0).toUpperCase() + r.field.slice(1).replace(/_/g, " "), o = e.objectName ? le(e.objectName, r.field, a) : a, s, c = P?.fields?.[r.field], l = r.type || c?.type || n({ field: r.field }) || null, u = l ? S(l) : null, d = {
+					let a = at(r.label) || r.field.charAt(0).toUpperCase() + r.field.slice(1).replace(/_/g, " "), o = e.objectName ? ce(e.objectName, r.field, a) : a, s, c = I?.fields?.[r.field], l = r.type || c?.type || n({ field: r.field }) || null, u = l ? S(l) : null, d = {
 						name: r.field,
 						type: l || "text"
 					};
-					c && (c.label && (d.label = c.label), c.currency && (d.currency = c.currency), c.precision !== void 0 && (d.precision = c.precision), c.format && (d.format = c.format), c.options && (d.options = N(e.objectName, r.field, c.options))), l === "select" && !d.options && (d.options = Array.from(new Set(E.map((e) => e[r.field]).filter(Boolean))).map((e) => ({
+					c && (c.label && (d.label = c.label), c.currency && (d.currency = c.currency), c.precision !== void 0 && (d.precision = c.precision), c.format && (d.format = c.format), c.options && (d.options = F(e.objectName, r.field, c.options))), l === "select" && !d.options && (d.options = Array.from(new Set(E.map((e) => e[r.field]).filter(Boolean))).map((e) => ({
 						value: e,
 						label: C(String(e))
-					}))), r.options && (d.options = N(e.objectName, r.field, r.options));
+					}))), r.options && (d.options = F(e.objectName, r.field, r.options));
 					let f = i === 0 && !r.link && !r.action, p = r.link || f;
-					s = r.link && r.action || f && r.action || p ? (e, t) => /* @__PURE__ */ (0, K.jsx)("button", {
+					s = r.link && r.action || f && r.action || p ? (e, t) => /* @__PURE__ */ (0, Z.jsx)("button", {
 						type: "button",
 						className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
 						"data-testid": f ? "primary-field-link" : "link-cell",
 						onClick: (e) => {
-							e.stopPropagation(), q.handleClick(t);
+							e.stopPropagation(), Q.handleClick(t);
 						},
-						children: u ? /* @__PURE__ */ (0, K.jsx)(u, {
+						children: u ? /* @__PURE__ */ (0, Z.jsx)(u, {
 							value: e,
 							field: d
-						}) : e != null && e !== "" ? String(e) : /* @__PURE__ */ (0, K.jsx)("span", {
+						}) : e != null && e !== "" ? String(e) : /* @__PURE__ */ (0, Z.jsx)("span", {
 							className: "text-muted-foreground/50 text-xs italic",
 							children: "—"
 						})
-					}) : r.action ? (e, t) => /* @__PURE__ */ (0, K.jsx)(T, {
+					}) : r.action ? (e, t) => /* @__PURE__ */ (0, Z.jsx)(T, {
 						variant: "outline",
 						size: "sm",
 						className: "h-7 text-xs",
 						"data-testid": "action-cell",
 						onClick: (n) => {
-							n.stopPropagation(), J({
+							n.stopPropagation(), Ue({
 								type: r.action,
 								params: {
 									record: t,
@@ -882,25 +961,25 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 								}
 							});
 						},
-						children: $e(r.action)
-					}) : u ? (e) => /* @__PURE__ */ (0, K.jsx)(u, {
+						children: et(r.action)
+					}) : u ? (e) => /* @__PURE__ */ (0, Z.jsx)(u, {
 						value: e,
 						field: d
-					}) : (e) => e != null && e !== "" ? /* @__PURE__ */ (0, K.jsx)("span", { children: String(e) }) : /* @__PURE__ */ (0, K.jsx)(ae, {});
+					}) : (e) => e != null && e !== "" ? /* @__PURE__ */ (0, Z.jsx)("span", { children: String(e) }) : /* @__PURE__ */ (0, Z.jsx)(j, {});
 					let m = r.prefix;
 					if (m?.field) {
 						let e = s, t = m.type === "badge" ? S("select") : null;
 						s = (n, r) => {
 							let i = r[m.field];
-							return /* @__PURE__ */ (0, K.jsxs)("span", {
+							return /* @__PURE__ */ (0, Z.jsxs)("span", {
 								className: "flex items-center gap-1.5",
-								children: [i != null && i !== "" ? t ? /* @__PURE__ */ (0, K.jsx)(t, {
+								children: [i != null && i !== "" ? t ? /* @__PURE__ */ (0, Z.jsx)(t, {
 									value: i,
 									field: {
 										name: m.field,
 										type: "select"
 									}
-								}) : /* @__PURE__ */ (0, K.jsx)("span", {
+								}) : /* @__PURE__ */ (0, Z.jsx)("span", {
 									className: "text-muted-foreground text-xs mr-1.5",
 									children: String(i)
 								}) : null, e(n, r)]
@@ -928,11 +1007,11 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				});
 			}
 			return r.filter((e) => typeof e == "string" && e.trim().length > 0).map((r, i) => {
-				let a = P?.fields?.[r], o = a?.label || r.charAt(0).toUpperCase() + r.slice(1).replace(/_/g, " "), s = e.objectName ? le(e.objectName, r, o) : o, c = a?.type || n({ field: r }) || null, l = c ? S(c) : null, u = {
+				let a = I?.fields?.[r], o = a?.label || r.charAt(0).toUpperCase() + r.slice(1).replace(/_/g, " "), s = e.objectName ? ce(e.objectName, r, o) : o, c = a?.type || n({ field: r }) || null, l = c ? S(c) : null, u = {
 					name: r,
 					type: c || "text"
 				};
-				a && (a.label && (u.label = a.label), a.currency && (u.currency = a.currency), a.precision !== void 0 && (u.precision = a.precision), a.format && (u.format = a.format), a.options && (u.options = N(e.objectName, r, a.options))), c === "select" && !u.options && (u.options = Array.from(new Set(E.map((e) => e[r]).filter(Boolean))).map((e) => ({
+				a && (a.label && (u.label = a.label), a.currency && (u.currency = a.currency), a.precision !== void 0 && (u.precision = a.precision), a.format && (u.format = a.format), a.options && (u.options = F(e.objectName, r, a.options))), c === "select" && !u.options && (u.options = Array.from(new Set(E.map((e) => e[r]).filter(Boolean))).map((e) => ({
 					value: e,
 					label: C(String(e))
 				})));
@@ -941,29 +1020,29 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 					"currency",
 					"percent"
 				].includes(c) ? "right" : void 0, f = i === 0, p;
-				return f && l ? p = (e, t) => /* @__PURE__ */ (0, K.jsx)("button", {
+				return f && l ? p = (e, t) => /* @__PURE__ */ (0, Z.jsx)("button", {
 					type: "button",
 					className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
 					"data-testid": "primary-field-link",
 					onClick: (e) => {
-						e.stopPropagation(), q.handleClick(t);
+						e.stopPropagation(), Q.handleClick(t);
 					},
-					children: /* @__PURE__ */ (0, K.jsx)(l, {
+					children: /* @__PURE__ */ (0, Z.jsx)(l, {
 						value: e,
 						field: u
 					})
-				}) : f ? p = (e, t) => /* @__PURE__ */ (0, K.jsx)("button", {
+				}) : f ? p = (e, t) => /* @__PURE__ */ (0, Z.jsx)("button", {
 					type: "button",
 					className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
 					"data-testid": "primary-field-link",
 					onClick: (e) => {
-						e.stopPropagation(), q.handleClick(t);
+						e.stopPropagation(), Q.handleClick(t);
 					},
-					children: e != null && e !== "" ? String(e) : /* @__PURE__ */ (0, K.jsx)("span", {
+					children: e != null && e !== "" ? String(e) : /* @__PURE__ */ (0, Z.jsx)("span", {
 						className: "text-muted-foreground/50 text-xs italic",
 						children: "—"
 					})
-				}) : l && (p = (e) => /* @__PURE__ */ (0, K.jsx)(l, {
+				}) : l && (p = (e) => /* @__PURE__ */ (0, Z.jsx)(l, {
 					value: e,
 					field: u
 				})), {
@@ -976,14 +1055,14 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				};
 			});
 		}
-		if (V) {
-			let r = B?.provider === "value" ? B.items : [];
-			if (r.length > 0) return (U || Object.keys(r[0])).map((r) => {
-				let i = P?.fields?.[r], a = i?.type || n({ field: r }) || null, o = a ? S(a) : null, s = i?.label || r.charAt(0).toUpperCase() + r.slice(1).replace(/_/g, " "), c = {
+		if (K) {
+			let r = G?.provider === "value" ? G.items : [];
+			if (r.length > 0) return (J || Object.keys(r[0])).map((r) => {
+				let i = I?.fields?.[r], a = i?.type || n({ field: r }) || null, o = a ? S(a) : null, s = i?.label || r.charAt(0).toUpperCase() + r.slice(1).replace(/_/g, " "), c = {
 					name: r,
 					type: a || "text"
 				};
-				i && (i.label && (c.label = i.label), i.currency && (c.currency = i.currency), i.precision !== void 0 && (c.precision = i.precision), i.format && (c.format = i.format), i.options && (c.options = N(e.objectName, r, i.options))), a === "select" && !c.options && (c.options = Array.from(new Set(E.map((e) => e[r]).filter(Boolean))).map((e) => ({
+				i && (i.label && (c.label = i.label), i.currency && (c.currency = i.currency), i.precision !== void 0 && (c.precision = i.precision), i.format && (c.format = i.format), i.options && (c.options = F(e.objectName, r, i.options))), a === "select" && !c.options && (c.options = Array.from(new Set(E.map((e) => e[r]).filter(Boolean))).map((e) => ({
 					value: e,
 					label: C(String(e))
 				})));
@@ -997,7 +1076,7 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 					accessorKey: r,
 					...e.showColumnTypeIcons && a && { headerIcon: t(a) },
 					...l && { align: l },
-					...o && { cell: (e) => /* @__PURE__ */ (0, K.jsx)(o, {
+					...o && { cell: (e) => /* @__PURE__ */ (0, Z.jsx)(o, {
 						value: e,
 						field: c
 					}) },
@@ -1005,7 +1084,7 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				};
 			});
 		}
-		if (!P) return [];
+		if (!I) return [];
 		let i = [], a = new Set([
 			"id",
 			"created_at",
@@ -1020,18 +1099,18 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			"updatedBy",
 			"_version",
 			"_rev"
-		]), o = P?.compactLayout, s = Object.keys(P.fields || {}), c;
-		if (U) c = U;
-		else if (o?.length) c = o.filter((e) => P.fields?.[e]);
+		]), o = I?.compactLayout, s = Object.keys(I.fields || {}), c;
+		if (J) c = J;
+		else if (o?.length) c = o.filter((e) => I.fields?.[e]);
 		else {
 			let e = s.filter((e) => {
-				let t = P.fields?.[e];
+				let t = I.fields?.[e];
 				return !(!t || t.hidden || t.readonly && a.has(e));
 			});
 			c = [...e.filter((e) => !a.has(e)), ...e.filter((e) => a.has(e))];
 		}
 		return c.forEach((t) => {
-			let n = P.fields?.[t];
+			let n = I.fields?.[t];
 			if (!n || n.permissions && n.permissions.read === !1) return;
 			let r = S(n.type), a = [
 				"number",
@@ -1039,13 +1118,13 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				"percent"
 			], o = n.options ? {
 				...n,
-				options: N(e.objectName, t, n.options)
+				options: F(e.objectName, t, n.options)
 			} : n;
 			i.push({
-				header: e.objectName ? le(e.objectName, t, n.label || t) : n.label || t,
+				header: e.objectName ? ce(e.objectName, t, n.label || t) : n.label || t,
 				accessorKey: t,
 				...a.includes(n.type) && { align: "right" },
-				cell: (e) => /* @__PURE__ */ (0, K.jsx)(r, {
+				cell: (e) => /* @__PURE__ */ (0, Z.jsx)(r, {
 					value: e,
 					field: o
 				}),
@@ -1053,19 +1132,30 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			});
 		}), i;
 	}, [
-		P,
-		U,
-		W,
-		B,
-		V,
-		q.handleClick,
+		I,
 		J,
+		Y,
+		G,
+		K,
+		Q.handleClick,
+		Ue,
 		E,
-		le,
-		N,
+		ce,
+		F,
 		e.objectName
-	]), ot = r((t) => {
-		let n = e.exportOptions, r = n?.maxRecords || 0, i = n?.includeHeaders !== !1, a = n?.fileNamePrefix || e.objectName || "export", o = r > 0 ? E.slice(0, r) : E, s = (e, t) => {
+	]), lt = r((t) => {
+		let n = e.exportOptions, r = n?.maxRecords || 0, i = n?.includeHeaders !== !1, a = n?.fileNamePrefix || e.objectName || "export";
+		if ((t === "csv" || t === "xlsx" || t === "json") && H.isSupported && e.objectName && !K && n?.streaming !== !1) {
+			let n = ct().filter((e) => e.accessorKey !== "_actions").map((e) => e.accessorKey).filter(Boolean);
+			B(!1), V(!0), H.start(e.objectName, {
+				format: t === "json" ? "json" : t,
+				fields: n.length ? n : void 0,
+				includeHeaders: i,
+				limit: r > 0 ? r : void 0
+			});
+			return;
+		}
+		let o = r > 0 ? E.slice(0, r) : E, s = (e, t) => {
 			let n = URL.createObjectURL(e), r = document.createElement("a");
 			r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 		}, c = (e) => {
@@ -1073,144 +1163,146 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			return t.includes(",") || t.includes("\"") || t.includes("\n") || t.includes("\r") ? `"${t.replace(/"/g, "\"\"")}"` : t;
 		};
 		if (t === "csv") {
-			let e = Y().filter((e) => e.accessorKey !== "_actions"), t = e.map((e) => e.accessorKey), n = e.map((e) => e.header), r = [];
+			let e = ct().filter((e) => e.accessorKey !== "_actions"), t = e.map((e) => e.accessorKey), n = e.map((e) => e.header), r = [];
 			i && r.push(n.join(",")), o.forEach((e) => {
 				r.push(t.map((t) => c(e[t])).join(","));
 			}), s(new Blob([r.join("\n")], { type: "text/csv;charset=utf-8;" }), `${a}.csv`);
 		} else t === "json" && s(new Blob([JSON.stringify(o, null, 2)], { type: "application/json" }), `${a}.json`);
-		me(!1);
+		B(!1);
 	}, [
 		E,
 		e.exportOptions,
 		e.objectName,
-		Y
+		ct,
+		H,
+		K
 	]);
-	if (k) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (k) return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+		children: [/* @__PURE__ */ (0, Z.jsx)("h3", {
 			className: "text-red-800 font-semibold",
 			children: M("grid.errorLoading")
-		}), /* @__PURE__ */ (0, K.jsx)("p", {
+		}), /* @__PURE__ */ (0, Z.jsx)("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: k.message
 		})]
 	});
-	if (D && E.length === 0) return de ? /* @__PURE__ */ (0, K.jsx)("div", {
+	if (D && E.length === 0) return R ? /* @__PURE__ */ (0, Z.jsx)("div", {
 		className: "space-y-2 p-2",
 		children: [
 			1,
 			2,
 			3
-		].map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
+		].map((e) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 			className: "border rounded-lg p-3 bg-card animate-pulse",
 			children: [
-				/* @__PURE__ */ (0, K.jsx)("div", { className: "h-5 bg-muted rounded w-3/4 mb-3" }),
-				/* @__PURE__ */ (0, K.jsxs)("div", {
+				/* @__PURE__ */ (0, Z.jsx)("div", { className: "h-5 bg-muted rounded w-3/4 mb-3" }),
+				/* @__PURE__ */ (0, Z.jsxs)("div", {
 					className: "flex items-center justify-between mb-2",
-					children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "h-4 bg-muted rounded w-1/4" }), /* @__PURE__ */ (0, K.jsx)("div", { className: "h-5 bg-muted rounded-full w-20" })]
+					children: [/* @__PURE__ */ (0, Z.jsx)("div", { className: "h-4 bg-muted rounded w-1/4" }), /* @__PURE__ */ (0, Z.jsx)("div", { className: "h-5 bg-muted rounded-full w-20" })]
 				}),
-				/* @__PURE__ */ (0, K.jsx)("div", { className: "h-3 bg-muted rounded w-1/3" })
+				/* @__PURE__ */ (0, Z.jsx)("div", { className: "h-3 bg-muted rounded w-1/3" })
 			]
 		}, e))
-	}) : /* @__PURE__ */ (0, K.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground" }), /* @__PURE__ */ (0, K.jsx)("p", {
+		children: [/* @__PURE__ */ (0, Z.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground" }), /* @__PURE__ */ (0, Z.jsx)("p", {
 			className: "mt-2 text-sm text-muted-foreground",
 			children: M("grid.loading")
 		})]
 	});
-	let X = [...Y()];
-	if (z.widths && (X = X.map((e) => {
-		let t = z.widths?.[e.accessorKey];
+	let ut = [...ct()];
+	if (W.widths && (ut = ut.map((e) => {
+		let t = W.widths?.[e.accessorKey];
 		return t ? {
 			...e,
 			size: t
 		} : e;
-	})), z.order && z.order.length > 0) {
-		let e = new Map(z.order.map((e, t) => [e, t]));
-		X.sort((t, n) => (e.get(t.accessorKey) ?? Infinity) - (e.get(n.accessorKey) ?? Infinity));
+	})), W.order && W.order.length > 0) {
+		let e = new Map(W.order.map((e, t) => [e, t]));
+		ut.sort((t, n) => (e.get(t.accessorKey) ?? Infinity) - (e.get(n.accessorKey) ?? Infinity));
 	}
-	let Z = "operations" in e ? e.operations : void 0, st = Z && (Z.update || Z.delete), ct = e.rowActions && e.rowActions.length > 0, Q = st || ct ? [...X, {
+	let $ = "operations" in e ? e.operations : void 0, dt = $ && ($.update || $.delete), ft = e.rowActions && e.rowActions.length > 0, pt = dt || ft ? [...ut, {
 		header: M("grid.actions"),
 		accessorKey: "_actions",
-		cell: (t, n) => /* @__PURE__ */ (0, K.jsx)(et, {
+		cell: (t, n) => /* @__PURE__ */ (0, Z.jsx)(tt, {
 			row: n,
 			rowActions: e.rowActions,
-			canEdit: !!(Z?.update && a),
-			canDelete: !!(Z?.delete && o),
+			canEdit: !!($?.update && a),
+			canDelete: !!($?.delete && o),
 			onEdit: a,
 			onDelete: o,
-			onAction: (e, t) => J({
+			onAction: (e, t) => Ue({
 				type: e,
 				params: { record: t }
 			})
 		}),
 		sortable: !1
-	}] : X, lt = Q.filter((e) => e.pinned === "left"), ut = Q.filter((e) => e.pinned === "right"), dt = Q.filter((e) => !e.pinned), ft = lt.length > 0 || ut.length > 0, pt = "sticky right-0 z-10 bg-background border-l border-border", mt = ft ? [
-		...lt,
-		...dt,
-		...ut.map((e) => ({
+	}] : ut, mt = pt.filter((e) => e.pinned === "left"), ht = pt.filter((e) => e.pinned === "right"), gt = pt.filter((e) => !e.pinned), _t = mt.length > 0 || ht.length > 0, vt = "sticky right-0 z-10 bg-background border-l border-border", yt = _t ? [
+		...mt,
+		...gt,
+		...ht.map((e) => ({
 			...e,
-			className: [e.className, pt].filter(Boolean).join(" "),
-			cellClassName: [e.cellClassName, pt].filter(Boolean).join(" ")
+			className: [e.className, vt].filter(Boolean).join(" "),
+			cellClassName: [e.cellClassName, vt].filter(Boolean).join(" ")
 		}))
-	] : Q, ht = ft ? lt.length : e.frozenColumns ?? 1, gt = e.batchActions ?? e.bulkActions, _t = gt && gt.length > 0, $ = !1;
-	e.selection?.type ? $ = e.selection.type === "none" ? !1 : e.selection.type : e.selectable === void 0 ? _t && ($ = "multiple") : $ = e.selectable;
-	let vt = e.pagination === void 0 ? e.showPagination === void 0 ? !0 : e.showPagination : !0, yt = e.pagination?.pageSize || e.pageSize || 10, bt = e.searchableFields === void 0 ? e.showSearch === void 0 ? !0 : e.showSearch : e.searchableFields.length > 0, xt = {
+	] : pt, bt = _t ? mt.length : e.frozenColumns ?? 1, xt = e.batchActions ?? e.bulkActions, St = xt && xt.length > 0, Ct = !1;
+	e.selection?.type ? Ct = e.selection.type === "none" ? !1 : e.selection.type : e.selectable === void 0 ? St && (Ct = "multiple") : Ct = e.selectable;
+	let wt = e.pagination === void 0 ? e.showPagination === void 0 ? !0 : e.showPagination : !0, Tt = e.pagination?.pageSize || e.pageSize || 10, Et = e.searchableFields === void 0 ? e.showSearch === void 0 ? !0 : e.showSearch : e.searchableFields.length > 0, Dt = {
 		type: "data-table",
 		caption: e.label || e.title,
-		columns: mt,
+		columns: yt,
 		data: E,
-		pagination: vt,
-		pageSize: yt,
-		searchable: bt,
-		selectable: $,
+		pagination: wt,
+		pageSize: Tt,
+		searchable: Et,
+		selectable: Ct,
 		sortable: !0,
-		exportable: Z?.export,
-		rowActions: !!(e.editable && st),
+		exportable: $?.export,
+		rowActions: !!(e.editable && dt),
 		resizableColumns: e.resizable ?? e.resizableColumns ?? !0,
 		reorderableColumns: e.reorderableColumns ?? !1,
 		editable: e.editable ?? !1,
 		singleClickEdit: e.singleClickEdit ?? !0,
 		className: e.className,
-		cellClassName: L === "compact" ? "px-3 py-1 text-[13px] leading-tight" : L === "short" ? "px-3 py-1 text-[13px] leading-normal" : L === "tall" ? "px-3 py-2.5 text-sm" : L === "extra_tall" ? "px-3 py-3.5 text-sm leading-relaxed" : "px-3 py-1.5 text-[13px] leading-normal",
+		cellClassName: U === "compact" ? "px-3 py-1 text-[13px] leading-tight" : U === "short" ? "px-3 py-1 text-[13px] leading-normal" : U === "tall" ? "px-3 py-2.5 text-sm" : U === "extra_tall" ? "px-3 py-3.5 text-sm leading-relaxed" : "px-3 py-1.5 text-[13px] leading-normal",
 		showRowNumbers: !0,
-		showAddRow: !!Z?.create,
+		showAddRow: !!$?.create,
 		onAddRecord: ne,
-		rowClassName: e.rowColor ? (e, t) => Ue(e) : void 0,
-		rowStyle: e.conditionalFormatting?.length ? (e, t) => We(e) : void 0,
-		frozenColumns: ht,
+		rowClassName: e.rowColor ? (e, t) => We(e) : void 0,
+		rowStyle: e.conditionalFormatting?.length ? (e, t) => Ge(e) : void 0,
+		frozenColumns: bt,
 		onSelectionChange: (e) => {
-			_e(e), c?.(e);
+			ve(e), c?.(e);
 		},
-		onRowClick: q.handleClick,
+		onRowClick: Q.handleClick,
 		onCellChange: _,
 		onRowSave: ee,
 		onBatchSave: te,
 		onColumnResize: (e, t) => {
-			Se({
-				...z,
+			we({
+				...W,
 				widths: {
-					...z.widths,
+					...W.widths,
 					[e]: t
 				}
 			});
 		},
 		onColumnReorder: (e) => {
-			Se({
-				...z,
+			we({
+				...W,
 				order: e
 			});
 		}
-	}, St = (e) => ({
-		...xt,
+	}, Ot = (e) => ({
+		...Dt,
 		caption: void 0,
 		data: e,
 		pagination: !1,
 		searchable: !1
-	}), Ct = e.label ? `${e.label} Detail` : e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1)} Detail` : "Record Detail";
-	if (de && E.length > 0 && !Ke) {
-		let e = Y().filter((e) => e.accessorKey !== "_actions"), t = /* @__PURE__ */ new Map();
+	}), kt = e.label ? `${e.label} Detail` : e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1)} Detail` : "Record Detail";
+	if (R && E.length > 0 && !Xe) {
+		let e = ct().filter((e) => e.accessorKey !== "_actions"), t = /* @__PURE__ */ new Map();
 		e.forEach((e) => t.set(e.accessorKey, e));
 		let n = e[0], r = [
 			"amount",
@@ -1246,65 +1338,65 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			"score"
 		], s = (e) => {
 			let t = (e || "").toLowerCase();
-			return t.includes("won") || t.includes("completed") || t.includes("done") || t.includes("active") ? "bg-green-100 text-green-800 border-green-300" : t.includes("lost") || t.includes("cancelled") || t.includes("rejected") || t.includes("closed lost") ? "bg-red-100 text-red-800 border-red-300" : t.includes("negotiation") || t.includes("review") || t.includes("in progress") ? "bg-yellow-100 text-yellow-800 border-yellow-300" : t.includes("proposal") || t.includes("pending") ? "bg-blue-100 text-blue-800 border-blue-300" : t.includes("qualification") || t.includes("qualified") ? "bg-indigo-100 text-indigo-800 border-indigo-300" : t.includes("prospecting") || t.includes("new") || t.includes("open") ? "bg-purple-100 text-purple-800 border-purple-300" : "bg-muted text-muted-foreground border-border";
+			return t.includes("won") || t.includes("completed") || t.includes("done") || t.includes("active") || t === "activated" || t === "success" || t === "approved" || t === "paid" ? "bg-green-50 text-green-700 border-green-200 dark:bg-green-950/40 dark:text-green-300 dark:border-green-900/60" : t.includes("lost") || t.includes("cancelled") || t.includes("rejected") || t.includes("closed lost") || t === "expired" || t === "terminated" || t === "failed" || t === "overdue" ? "bg-red-50 text-red-700 border-red-200 dark:bg-red-950/40 dark:text-red-300 dark:border-red-900/60" : t.includes("negotiation") || t.includes("review") || t.includes("in progress") || t.includes("approval") || t === "in_approval" || t === "pending_approval" ? "bg-yellow-50 text-yellow-800 border-yellow-200 dark:bg-yellow-950/40 dark:text-yellow-300 dark:border-yellow-900/60" : t.includes("proposal") || t.includes("pending") ? "bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-950/40 dark:text-blue-300 dark:border-blue-900/60" : t.includes("qualification") || t.includes("qualified") ? "bg-indigo-50 text-indigo-700 border-indigo-200 dark:bg-indigo-950/40 dark:text-indigo-300 dark:border-indigo-900/60" : t.includes("prospecting") || t.includes("new") || t.includes("open") ? "bg-purple-50 text-purple-700 border-purple-200 dark:bg-purple-950/40 dark:text-purple-300 dark:border-purple-900/60" : t === "draft" || t.includes("draft") ? "bg-slate-50 text-slate-700 border-slate-200 dark:bg-slate-950/40 dark:text-slate-300 dark:border-slate-900/60" : "bg-muted text-muted-foreground border-border";
 		}, c = (e) => {
 			let t = (e || "").toLowerCase();
-			return t.includes("won") || t.includes("completed") || t.includes("done") || t.includes("active") ? "border-l-green-500" : t.includes("lost") || t.includes("cancelled") || t.includes("rejected") ? "border-l-red-500" : t.includes("negotiation") || t.includes("review") || t.includes("in progress") ? "border-l-yellow-500" : t.includes("proposal") || t.includes("pending") ? "border-l-blue-500" : t.includes("qualification") || t.includes("qualified") ? "border-l-indigo-500" : t.includes("prospecting") || t.includes("new") || t.includes("open") ? "border-l-purple-500" : "border-l-gray-300";
+			return t.includes("won") || t.includes("completed") || t.includes("done") || t.includes("active") || t === "activated" ? "border-l-green-500" : t.includes("lost") || t.includes("cancelled") || t.includes("rejected") || t === "expired" || t === "terminated" ? "border-l-red-500" : t.includes("negotiation") || t.includes("review") || t.includes("in progress") || t.includes("approval") ? "border-l-yellow-500" : t.includes("proposal") || t.includes("pending") ? "border-l-blue-500" : t.includes("qualification") || t.includes("qualified") ? "border-l-indigo-500" : t.includes("prospecting") || t.includes("new") || t.includes("open") ? "border-l-purple-500" : t === "draft" || t.includes("draft") ? "border-l-slate-400" : "border-l-gray-300";
 		}, l = (e) => {
 			let t = e.toLowerCase();
 			return r.some((e) => t.includes(e)) ? "amount" : i.some((e) => t.includes(e)) ? "stage" : a.some((e) => t.includes(e)) ? "date" : o.some((e) => t.includes(e)) ? "percent" : "other";
 		};
-		return /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)("div", {
+		return /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("div", {
 			className: "space-y-2 p-2",
 			children: E.map((t, r) => {
 				let i = e.slice(1, 5), a = i.find((e) => l(e.accessorKey) === "amount"), o = i.find((e) => l(e.accessorKey) === "stage"), u = i.filter((e) => l(e.accessorKey) === "date"), d = i.filter((e) => l(e.accessorKey) === "percent"), f = i.filter((e) => e !== a && e !== o && !u.includes(e) && !d.includes(e)), p = o ? String(t[o.accessorKey] ?? "") : "", m = p ? c(p) : "";
-				return /* @__PURE__ */ (0, K.jsxs)("div", {
+				return /* @__PURE__ */ (0, Z.jsxs)("div", {
 					className: ["border rounded-lg p-2.5 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation", m ? `border-l-[3px] ${m}` : ""].filter(Boolean).join(" "),
-					onClick: () => q.handleClick(t),
+					onClick: () => Q.handleClick(t),
 					children: [
-						n && /* @__PURE__ */ (0, K.jsx)("div", {
+						n && /* @__PURE__ */ (0, Z.jsx)("div", {
 							className: "font-semibold text-sm truncate mb-1",
 							children: t[n.accessorKey] != null && typeof t[n.accessorKey] == "object" ? String(t[n.accessorKey]) : t[n.accessorKey] ?? "—"
 						}),
-						(a || o) && /* @__PURE__ */ (0, K.jsxs)("div", {
+						(a || o) && /* @__PURE__ */ (0, Z.jsxs)("div", {
 							className: "flex items-center justify-between gap-2 mb-1",
-							children: [a && /* @__PURE__ */ (0, K.jsx)("span", {
+							children: [a && /* @__PURE__ */ (0, Z.jsx)("span", {
 								className: "text-sm tabular-nums font-medium",
 								children: typeof t[a.accessorKey] == "number" ? v(t[a.accessorKey]) : t[a.accessorKey] != null && typeof t[a.accessorKey] == "object" ? String(t[a.accessorKey]) : t[a.accessorKey] ?? "—"
-							}), o && t[o.accessorKey] && /* @__PURE__ */ (0, K.jsx)(w, {
+							}), o && t[o.accessorKey] && /* @__PURE__ */ (0, Z.jsx)(w, {
 								variant: "outline",
 								className: `text-xs shrink-0 max-w-[140px] truncate ${s(String(t[o.accessorKey]))}`,
 								children: String(t[o.accessorKey])
 							})]
 						}),
-						(u.length > 0 || d.length > 0) && /* @__PURE__ */ (0, K.jsxs)("div", {
+						(u.length > 0 || d.length > 0) && /* @__PURE__ */ (0, Z.jsxs)("div", {
 							className: "flex items-center justify-between py-0.5 text-xs text-muted-foreground",
-							children: [u[0] && /* @__PURE__ */ (0, K.jsx)("span", {
+							children: [u[0] && /* @__PURE__ */ (0, Z.jsx)("span", {
 								className: "tabular-nums",
 								children: t[u[0].accessorKey] ? b(t[u[0].accessorKey], "short") : "—"
-							}), d[0] && t[d[0].accessorKey] != null && /* @__PURE__ */ (0, K.jsx)("span", {
+							}), d[0] && t[d[0].accessorKey] != null && /* @__PURE__ */ (0, Z.jsx)("span", {
 								className: "tabular-nums",
 								children: x(Number(t[d[0].accessorKey]))
 							})]
 						}),
-						u.slice(1).map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
+						u.slice(1).map((e) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 							className: "flex justify-between items-center py-0.5",
-							children: [/* @__PURE__ */ (0, K.jsx)("span", {
+							children: [/* @__PURE__ */ (0, Z.jsx)("span", {
 								className: "text-xs text-muted-foreground",
 								children: e.header
-							}), /* @__PURE__ */ (0, K.jsx)("span", {
+							}), /* @__PURE__ */ (0, Z.jsx)("span", {
 								className: "text-xs text-muted-foreground tabular-nums",
 								children: t[e.accessorKey] ? b(t[e.accessorKey], "short") : "—"
 							})]
 						}, e.accessorKey)),
 						f.map((e) => {
 							let n = t[e.accessorKey];
-							return n == null || n === "" ? null : /* @__PURE__ */ (0, K.jsxs)("div", {
+							return n == null || n === "" ? null : /* @__PURE__ */ (0, Z.jsxs)("div", {
 								className: "flex justify-between items-center py-0.5",
-								children: [/* @__PURE__ */ (0, K.jsx)("span", {
+								children: [/* @__PURE__ */ (0, Z.jsx)("span", {
 									className: "text-xs text-muted-foreground",
 									children: e.header
-								}), /* @__PURE__ */ (0, K.jsx)("span", {
+								}), /* @__PURE__ */ (0, Z.jsx)("span", {
 									className: "text-xs font-medium truncate ml-2 text-right",
 									children: e.cell ? e.cell(n, t) : String(n)
 								})]
@@ -1313,17 +1405,17 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 					]
 				}, t.id || t._id || r);
 			})
-		}), q.isOverlay && /* @__PURE__ */ (0, K.jsx)(j, {
-			...q,
-			title: Ct,
-			children: (e) => /* @__PURE__ */ (0, K.jsx)("div", {
+		}), Q.isOverlay && /* @__PURE__ */ (0, Z.jsx)(oe, {
+			...Q,
+			title: kt,
+			children: (e) => /* @__PURE__ */ (0, Z.jsx)("div", {
 				className: "space-y-3",
-				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ (0, K.jsxs)("div", {
+				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ (0, K.jsx)("span", {
+					children: [/* @__PURE__ */ (0, Z.jsx)("span", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 						children: e.replace(/_/g, " ")
-					}), /* @__PURE__ */ (0, K.jsx)("span", {
+					}), /* @__PURE__ */ (0, Z.jsx)("span", {
 						className: "text-sm",
 						children: String(t ?? "—")
 					})]
@@ -1331,56 +1423,56 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			})
 		})] });
 	}
-	let wt = () => {
-		R((e) => e === "compact" ? "short" : e === "short" ? "medium" : e === "medium" ? "tall" : e === "tall" ? "extra_tall" : "compact");
-	}, Tt = {
-		compact: Pe,
-		short: Ne,
-		medium: Me,
-		tall: ge,
-		extra_tall: ge
-	}[L], Et = e.rowHeight !== void 0, Dt = e.exportOptions || Et ? /* @__PURE__ */ (0, K.jsxs)("div", {
+	let At = () => {
+		he((e) => e === "compact" ? "short" : e === "short" ? "medium" : e === "medium" ? "tall" : e === "tall" ? "extra_tall" : "compact");
+	}, jt = {
+		compact: Me,
+		short: je,
+		medium: Ae,
+		tall: me,
+		extra_tall: me
+	}[U], Mt = e.rowHeight !== void 0, Nt = e.exportOptions || Mt ? /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "flex items-center justify-end gap-1 px-2 py-1",
-		children: [Et && /* @__PURE__ */ (0, K.jsxs)(T, {
+		children: [Mt && /* @__PURE__ */ (0, Z.jsxs)(T, {
 			variant: "ghost",
 			size: "sm",
 			className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs",
-			onClick: wt,
-			title: `Row height: ${L}`,
-			children: [/* @__PURE__ */ (0, K.jsx)(Tt, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ (0, K.jsx)("span", {
+			onClick: At,
+			title: `Row height: ${U}`,
+			children: [/* @__PURE__ */ (0, Z.jsx)(jt, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "hidden sm:inline capitalize",
-				children: L
+				children: U
 			})]
-		}), e.exportOptions && /* @__PURE__ */ (0, K.jsxs)(oe, {
-			open: I,
-			onOpenChange: me,
-			children: [/* @__PURE__ */ (0, K.jsx)(ce, {
+		}), e.exportOptions && /* @__PURE__ */ (0, Z.jsxs)(se, {
+			open: z,
+			onOpenChange: B,
+			children: [/* @__PURE__ */ (0, Z.jsx)(P, {
 				asChild: !0,
-				children: /* @__PURE__ */ (0, K.jsxs)(T, {
+				children: /* @__PURE__ */ (0, Z.jsxs)(T, {
 					variant: "ghost",
 					size: "sm",
 					className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs",
-					children: [/* @__PURE__ */ (0, K.jsx)(Te, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ (0, K.jsx)("span", {
+					children: [/* @__PURE__ */ (0, Z.jsx)(Ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ (0, Z.jsx)("span", {
 						className: "hidden sm:inline",
 						children: M("grid.export")
 					})]
 				})
-			}), /* @__PURE__ */ (0, K.jsx)(se, {
+			}), /* @__PURE__ */ (0, Z.jsx)(N, {
 				align: "end",
 				className: "w-48 p-2",
-				children: /* @__PURE__ */ (0, K.jsx)("div", {
+				children: /* @__PURE__ */ (0, Z.jsx)("div", {
 					className: "space-y-1",
-					children: (e.exportOptions.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ (0, K.jsxs)(T, {
+					children: (e.exportOptions.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ (0, Z.jsxs)(T, {
 						variant: "ghost",
 						size: "sm",
 						className: "w-full justify-start h-8 text-xs",
-						onClick: () => ot(e),
-						children: [/* @__PURE__ */ (0, K.jsx)(Te, { className: "h-3.5 w-3.5 mr-2" }), M("grid.exportAs", { format: e.toUpperCase() })]
+						onClick: () => lt(e),
+						children: [/* @__PURE__ */ (0, Z.jsx)(Ce, { className: "h-3.5 w-3.5 mr-2" }), M("grid.exportAs", { format: e.toUpperCase() })]
 					}, e))
 				})
 			})]
 		})]
-	}) : null, Ot = (e) => {
+	}) : null, Pt = (e) => {
 		let t = [
 			"_id",
 			"id",
@@ -1389,22 +1481,22 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 			"created_by",
 			"updated_by"
 		], n = Object.entries(e), r = n.filter(([e]) => !t.includes(e)), i = n.filter(([e]) => t.includes(e) && e !== "_id" && e !== "id"), a = (e) => e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "), o = (e, t) => {
-			if (t == null || t === "") return /* @__PURE__ */ (0, K.jsx)("span", {
+			if (t == null || t === "") return /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "text-muted-foreground/50 text-sm italic",
 				children: "Empty"
 			});
-			let n = P?.fields?.[e];
+			let n = I?.fields?.[e];
 			if (n?.type) {
 				let e = S(n.type);
-				if (e) return /* @__PURE__ */ (0, K.jsx)(e, {
+				if (e) return /* @__PURE__ */ (0, Z.jsx)(e, {
 					value: t,
 					field: n
 				});
 			}
-			return typeof t == "boolean" ? /* @__PURE__ */ (0, K.jsx)(w, {
+			return typeof t == "boolean" ? /* @__PURE__ */ (0, Z.jsx)(w, {
 				variant: t ? "default" : "outline",
 				children: t ? "Yes" : "No"
-			}) : typeof t == "string" && !isNaN(Date.parse(t)) && (e.includes("date") || e.includes("_at") || e.includes("time")) ? /* @__PURE__ */ (0, K.jsx)("span", {
+			}) : typeof t == "string" && !isNaN(Date.parse(t)) && (e.includes("date") || e.includes("_at") || e.includes("time")) ? /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "text-sm tabular-nums",
 				children: b(t)
 			}) : typeof t == "number" && [
@@ -1416,48 +1508,48 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				"value",
 				"budget",
 				"salary"
-			].some((t) => e.toLowerCase().includes(t)) ? /* @__PURE__ */ (0, K.jsx)("span", {
+			].some((t) => e.toLowerCase().includes(t)) ? /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "text-sm tabular-nums font-medium",
 				children: y(t)
-			}) : /* @__PURE__ */ (0, K.jsx)("span", {
+			}) : /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "text-sm break-words",
 				children: String(t)
 			});
 		};
-		return /* @__PURE__ */ (0, K.jsxs)("div", {
+		return /* @__PURE__ */ (0, Z.jsxs)("div", {
 			className: "space-y-4",
 			"data-testid": "record-detail-panel",
-			children: [/* @__PURE__ */ (0, K.jsx)("div", {
+			children: [/* @__PURE__ */ (0, Z.jsx)("div", {
 				className: "rounded-lg border bg-card",
-				children: /* @__PURE__ */ (0, K.jsx)("div", {
+				children: /* @__PURE__ */ (0, Z.jsx)("div", {
 					className: "divide-y",
-					children: r.map(([e, t]) => /* @__PURE__ */ (0, K.jsxs)("div", {
+					children: r.map(([e, t]) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 						className: "flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-4 px-4 py-3",
-						children: [/* @__PURE__ */ (0, K.jsx)("span", {
+						children: [/* @__PURE__ */ (0, Z.jsx)("span", {
 							className: "text-xs font-medium text-muted-foreground sm:w-1/3 sm:text-right sm:pt-0.5 uppercase tracking-wide shrink-0",
 							children: a(e)
-						}), /* @__PURE__ */ (0, K.jsx)("div", {
+						}), /* @__PURE__ */ (0, Z.jsx)("div", {
 							className: "flex-1 min-w-0",
 							children: o(e, t)
 						})]
 					}, e))
 				})
-			}), i.length > 0 && /* @__PURE__ */ (0, K.jsxs)("div", {
+			}), i.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("div", {
 				className: "rounded-lg border bg-muted/30",
-				children: [/* @__PURE__ */ (0, K.jsx)("div", {
+				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
 					className: "px-4 py-2 border-b",
-					children: /* @__PURE__ */ (0, K.jsx)("span", {
+					children: /* @__PURE__ */ (0, Z.jsx)("span", {
 						className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 						children: "System"
 					})
-				}), /* @__PURE__ */ (0, K.jsx)("div", {
+				}), /* @__PURE__ */ (0, Z.jsx)("div", {
 					className: "divide-y divide-border/50",
-					children: i.map(([e, t]) => /* @__PURE__ */ (0, K.jsxs)("div", {
+					children: i.map(([e, t]) => /* @__PURE__ */ (0, Z.jsxs)("div", {
 						className: "flex items-center gap-4 px-4 py-2",
-						children: [/* @__PURE__ */ (0, K.jsx)("span", {
+						children: [/* @__PURE__ */ (0, Z.jsx)("span", {
 							className: "text-xs text-muted-foreground w-1/3 text-right shrink-0",
 							children: a(e)
-						}), /* @__PURE__ */ (0, K.jsx)("span", {
+						}), /* @__PURE__ */ (0, Z.jsx)("span", {
 							className: "text-xs text-muted-foreground flex-1 min-w-0 break-words",
 							children: String(t ?? "")
 						})]
@@ -1465,14 +1557,14 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				})]
 			})]
 		});
-	}, kt = Ze ? /* @__PURE__ */ (0, K.jsx)("div", {
+	}, Ft = rt ? /* @__PURE__ */ (0, Z.jsx)("div", {
 		className: "border-t bg-muted/30 px-2 py-1.5",
 		"data-testid": "column-summary-footer",
-		children: /* @__PURE__ */ (0, K.jsx)("div", {
+		children: /* @__PURE__ */ (0, Z.jsx)("div", {
 			className: "flex gap-4 text-xs text-muted-foreground font-medium",
-			children: mt.filter((e) => Xe.has(e.accessorKey)).map((e) => {
-				let t = Xe.get(e.accessorKey);
-				return /* @__PURE__ */ (0, K.jsxs)("span", {
+			children: yt.filter((e) => Qe.has(e.accessorKey)).map((e) => {
+				let t = Qe.get(e.accessorKey);
+				return /* @__PURE__ */ (0, Z.jsxs)("span", {
 					"data-testid": `summary-${e.accessorKey}`,
 					children: [
 						e.header,
@@ -1482,66 +1574,79 @@ var ot = ({ schema: e, dataSource: n, onEdit: a, onDelete: o, onRowSelect: c, on
 				}, e.accessorKey);
 			})
 		})
-	}) : null, At = Ke ? /* @__PURE__ */ (0, K.jsx)("div", {
-		className: "space-y-2",
-		children: Ge.map((e) => /* @__PURE__ */ (0, K.jsx)(Je, {
+	}) : null, It = (e) => /* @__PURE__ */ (0, Z.jsx)("div", {
+		style: e.depth > 0 ? { marginLeft: e.depth * 16 } : void 0,
+		children: /* @__PURE__ */ (0, Z.jsx)(Ye, {
 			groupKey: e.key,
 			label: e.label,
 			count: e.rows.length,
 			collapsed: e.collapsed,
 			aggregations: e.aggregations,
-			onToggle: Ye,
-			children: /* @__PURE__ */ (0, K.jsx)(d, { schema: St(e.rows) })
-		}, e.key))
-	}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)(d, { schema: xt }), kt] });
-	return q.isOverlay && q.mode === "split" ? /* @__PURE__ */ (0, K.jsx)(j, {
-		...q,
-		title: Ct,
-		mainContent: /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [
-			Dt,
-			At,
-			/* @__PURE__ */ (0, K.jsx)(tt, {
-				selectedRows: he,
-				actions: gt ?? [],
-				onAction: (e, t) => J({
+			onToggle: Ze,
+			children: e.subgroups.length > 0 ? /* @__PURE__ */ (0, Z.jsx)("div", {
+				className: "space-y-2 p-2",
+				children: e.subgroups.map(It)
+			}) : /* @__PURE__ */ (0, Z.jsx)(d, { schema: Ot(e.rows) })
+		})
+	}, e.key), Lt = Xe ? /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: "space-y-2",
+		children: qe.map(It)
+	}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(d, { schema: Dt }), Ft] }), Rt = /* @__PURE__ */ (0, Z.jsx)(ae, {
+		open: fe,
+		onOpenChange: V,
+		job: H,
+		filename: `${e.exportOptions?.fileNamePrefix || e.objectName || "export"}.${H.progress?.format || "csv"}`,
+		closeAfterDownloadMs: 400
+	});
+	return Q.isOverlay && Q.mode === "split" ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(oe, {
+		...Q,
+		title: kt,
+		mainContent: /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+			Nt,
+			Lt,
+			/* @__PURE__ */ (0, Z.jsx)(nt, {
+				selectedRows: ge,
+				actions: xt ?? [],
+				onAction: (e, t) => Ue({
 					type: e,
 					params: { records: t }
 				}),
-				onClearSelection: () => _e([])
+				onClearSelection: () => ve([])
 			})
 		] }),
-		children: (e) => Ot(e)
-	}) : /* @__PURE__ */ (0, K.jsxs)("div", {
-		ref: Ce,
+		children: (e) => Pt(e)
+	}), Rt] }) : /* @__PURE__ */ (0, Z.jsxs)("div", {
+		ref: Te,
 		className: "relative h-full",
 		children: [
-			De > 0 && /* @__PURE__ */ (0, K.jsx)("div", {
+			De > 0 && /* @__PURE__ */ (0, Z.jsx)("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
 				style: { height: De },
 				children: M(Ee ? "grid.refreshing" : "grid.pullToRefresh")
 			}),
-			Dt,
-			At,
-			/* @__PURE__ */ (0, K.jsx)(tt, {
-				selectedRows: he,
-				actions: gt ?? [],
-				onAction: (e, t) => J({
+			Nt,
+			Lt,
+			/* @__PURE__ */ (0, Z.jsx)(nt, {
+				selectedRows: ge,
+				actions: xt ?? [],
+				onAction: (e, t) => Ue({
 					type: e,
 					params: { records: t }
 				}),
-				onClearSelection: () => _e([])
+				onClearSelection: () => ve([])
 			}),
-			q.isOverlay && /* @__PURE__ */ (0, K.jsx)(j, {
-				...q,
-				title: Ct,
-				children: (e) => Ot(e)
-			})
+			Q.isOverlay && /* @__PURE__ */ (0, Z.jsx)(oe, {
+				...Q,
+				title: kt,
+				children: (e) => Pt(e)
+			}),
+			Rt
 		]
 	});
 };
 //#endregion
 //#region ../../node_modules/.pnpm/@tanstack+virtual-core@3.14.0/node_modules/@tanstack/virtual-core/dist/esm/utils.js
-function X(e, t, n) {
+function lt(e, t, n) {
 	let r = n.initialDeps ?? [], i, a = !0;
 	function o() {
 		let o;
@@ -1566,26 +1671,26 @@ function X(e, t, n) {
 		r = e;
 	}, o;
 }
-function Z(e, t) {
+function ut(e, t) {
 	if (e === void 0) throw Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
 	return e;
 }
-var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
+var $ = (e, t) => Math.abs(e - t) < 1.01, dt = (e, t, n) => {
 	let r;
 	return function(...i) {
 		e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, i), n);
 	};
-}, Q = (e) => {
+}, ft = (e) => {
 	let { offsetWidth: t, offsetHeight: n } = e;
 	return {
 		width: t,
 		height: n
 	};
-}, lt = (e) => e, ut = (e) => {
+}, pt = (e) => e, mt = (e) => {
 	let t = Math.max(e.startIndex - e.overscan, 0), n = Math.min(e.endIndex + e.overscan, e.count - 1), r = [];
 	for (let e = t; e <= n; e++) r.push(e);
 	return r;
-}, dt = (e, t) => {
+}, ht = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;
@@ -1597,7 +1702,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 			height: Math.round(r)
 		});
 	};
-	if (i(Q(n)), !r.ResizeObserver) return () => {};
+	if (i(ft(n)), !r.ResizeObserver) return () => {};
 	let a = new r.ResizeObserver((t) => {
 		let r = () => {
 			let e = t[0];
@@ -1611,43 +1716,43 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 					return;
 				}
 			}
-			i(Q(n));
+			i(ft(n));
 		};
 		e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
 	});
 	return a.observe(n, { box: "border-box" }), () => {
 		a.unobserve(n);
 	};
-}, ft = { passive: !0 }, pt = typeof window > "u" ? !0 : "onscrollend" in window, mt = (e, t) => {
+}, gt = { passive: !0 }, _t = typeof window > "u" ? !0 : "onscrollend" in window, vt = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;
 	if (!r) return;
-	let i = 0, a = e.options.useScrollendEvent && pt ? () => void 0 : ct(r, () => {
+	let i = 0, a = e.options.useScrollendEvent && _t ? () => void 0 : dt(r, () => {
 		t(i, !1);
 	}, e.options.isScrollingResetDelay), o = (r) => () => {
 		let { horizontal: o, isRtl: s } = e.options;
 		i = o ? n.scrollLeft * (s && -1 || 1) : n.scrollTop, a(), t(i, r);
 	}, s = o(!0), c = o(!1);
-	n.addEventListener("scroll", s, ft);
-	let l = e.options.useScrollendEvent && pt;
-	return l && n.addEventListener("scrollend", c, ft), () => {
+	n.addEventListener("scroll", s, gt);
+	let l = e.options.useScrollendEvent && _t;
+	return l && n.addEventListener("scrollend", c, gt), () => {
 		n.removeEventListener("scroll", s), l && n.removeEventListener("scrollend", c);
 	};
-}, ht = (e, t, n) => {
+}, yt = (e, t, n) => {
 	if (t?.borderBoxSize) {
 		let e = t.borderBoxSize[0];
 		if (e) return Math.round(e[n.options.horizontal ? "inlineSize" : "blockSize"]);
 	}
 	return e[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, gt = (e, { adjustments: t = 0, behavior: n }, r) => {
+}, bt = (e, { adjustments: t = 0, behavior: n }, r) => {
 	var i, a;
 	let o = e + t;
 	(a = (i = r.scrollElement)?.scrollTo) == null || a.call(i, {
 		[r.options.horizontal ? "left" : "top"]: o,
 		behavior: n
 	});
-}, _t = class {
+}, xt = class {
 	constructor(e) {
 		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
 			var e;
@@ -1686,10 +1791,10 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 				scrollPaddingStart: 0,
 				scrollPaddingEnd: 0,
 				horizontal: !1,
-				getItemKey: lt,
-				rangeExtractor: ut,
+				getItemKey: pt,
+				rangeExtractor: mt,
 				onChange: () => {},
-				measureElement: ht,
+				measureElement: yt,
 				initialRect: {
 					width: 0,
 					height: 0
@@ -1710,7 +1815,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 		}, this.notify = (e) => {
 			var t, n;
 			(n = (t = this.options).onChange) == null || n.call(t, this, e);
-		}, this.maybeNotify = X(() => (this.calculateRange(), [
+		}, this.maybeNotify = lt(() => (this.calculateRange(), [
 			this.isScrolling,
 			this.range ? this.range.startIndex : null,
 			this.range ? this.range.endIndex : null
@@ -1755,7 +1860,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 				if (a == null || t.end > a.end ? r.set(t.lane, t) : t.end < a.end && n.set(t.lane, !0), n.size === this.options.lanes) break;
 			}
 			return r.size === this.options.lanes ? Array.from(r.values()).sort((e, t) => e.end === t.end ? e.index - t.index : e.end - t.end)[0] : void 0;
-		}, this.getMeasurementOptions = X(() => [
+		}, this.getMeasurementOptions = lt(() => [
 			this.options.count,
 			this.options.paddingStart,
 			this.options.scrollMargin,
@@ -1771,7 +1876,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 			enabled: i,
 			lanes: a,
 			laneAssignmentMode: o
-		}), { key: !1 }), this.getMeasurements = X(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o }, s) => {
+		}), { key: !1 }), this.getMeasurements = lt(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o }, s) => {
 			if (!i) return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
 			if (this.laneAssignments.size > e) for (let t of this.laneAssignments.keys()) t >= e && this.laneAssignments.delete(t);
 			this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e) => {
@@ -1808,12 +1913,12 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 		}, {
 			key: process.env.NODE_ENV !== "production" && "getMeasurements",
 			debug: () => this.options.debug
-		}), this.calculateRange = X(() => [
+		}), this.calculateRange = lt(() => [
 			this.getMeasurements(),
 			this.getSize(),
 			this.getScrollOffset(),
 			this.options.lanes
-		], (e, t, n, r) => this.range = e.length > 0 && t > 0 ? vt({
+		], (e, t, n, r) => this.range = e.length > 0 && t > 0 ? Ct({
 			measurements: e,
 			outerSize: t,
 			scrollOffset: n,
@@ -1821,7 +1926,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 		}) : null, {
 			key: process.env.NODE_ENV !== "production" && "calculateRange",
 			debug: () => this.options.debug
-		}), this.getVirtualIndexes = X(() => {
+		}), this.getVirtualIndexes = lt(() => {
 			let e = null, t = null, n = this.calculateRange();
 			return n && (e = n.startIndex, t = n.endIndex), this.maybeNotify.updateDeps([
 				this.isScrolling,
@@ -1870,7 +1975,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 				adjustments: this.scrollAdjustments += r,
 				behavior: void 0
 			})), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, t)), this.notify(!1));
-		}, this.getVirtualItems = X(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
+		}, this.getVirtualItems = lt(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
 			let n = [];
 			for (let r = 0, i = e.length; r < i; r++) {
 				let i = t[e[r]];
@@ -1882,7 +1987,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 			debug: () => this.options.debug
 		}), this.getVirtualItemForOffset = (e) => {
 			let t = this.getMeasurements();
-			if (t.length !== 0) return Z(t[$(0, t.length - 1, (e) => Z(t[e]).start, e)]);
+			if (t.length !== 0) return ut(t[St(0, t.length - 1, (e) => ut(t[e]).start, e)]);
 		}, this.getMaxScrollOffset = () => {
 			if (!this.scrollElement) return 0;
 			if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
@@ -1986,7 +2091,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 			return;
 		}
 		let e = this.scrollState.index == null ? void 0 : this.getOffsetForIndex(this.scrollState.index, this.scrollState.align), t = e ? e[0] : this.scrollState.lastTargetOffset, n = t !== this.scrollState.lastTargetOffset;
-		if (!n && st(t, this.getScrollOffset())) {
+		if (!n && $(t, this.getScrollOffset())) {
 			if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= 1) {
 				this.scrollState = null;
 				return;
@@ -1997,7 +2102,7 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 		}));
 		this.scheduleScrollReconcile();
 	}
-}, $ = (e, t, n, r) => {
+}, St = (e, t, n, r) => {
 	for (; e <= t;) {
 		let i = (e + t) / 2 | 0, a = n(i);
 		if (a < r) e = i + 1;
@@ -2006,13 +2111,13 @@ var st = (e, t) => Math.abs(e - t) < 1.01, ct = (e, t, n) => {
 	}
 	return e > 0 ? e - 1 : 0;
 };
-function vt({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
+function Ct({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
 	let i = e.length - 1, a = (t) => e[t].start;
 	if (e.length <= r) return {
 		startIndex: 0,
 		endIndex: i
 	};
-	let o = $(0, i, a, n), s = o;
+	let o = St(0, i, a, n), s = o;
 	if (r === 1) for (; s < i && e[s].end < n + t;) s++;
 	else if (r > 1) {
 		let a = Array(r).fill(0);
@@ -2034,53 +2139,53 @@ function vt({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@tanstack+react-virtual@3.13.24_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/@tanstack/react-virtual/dist/esm/index.js
-var yt = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
-function bt({ useFlushSync: t = !0, ...n }) {
+var wt = typeof document < "u" ? e.useLayoutEffect : e.useEffect;
+function Tt({ useFlushSync: t = !0, ...n }) {
 	let r = e.useReducer(() => ({}), {})[1], i = {
 		...n,
 		onChange: (e, i) => {
 			var a;
-			t && i ? U(r) : r(), (a = n.onChange) == null || a.call(n, e, i);
+			t && i ? q(r) : r(), (a = n.onChange) == null || a.call(n, e, i);
 		}
-	}, [a] = e.useState(() => new _t(i));
-	return a.setOptions(i), yt(() => a._didMount(), []), yt(() => a._willUpdate()), a;
+	}, [a] = e.useState(() => new xt(i));
+	return a.setOptions(i), wt(() => a._didMount(), []), wt(() => a._willUpdate()), a;
 }
-function xt(e) {
-	return bt({
-		observeElementRect: dt,
-		observeElementOffset: mt,
-		scrollToFn: gt,
+function Et(e) {
+	return Tt({
+		observeElementRect: ht,
+		observeElementOffset: vt,
+		scrollToFn: bt,
 		...e
 	});
 }
 //#endregion
 //#region src/VirtualGrid.tsx
-var St = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className: i = "", headerClassName: a = "", rowClassName: s, onRowClick: c, overscan: l = 5 }) => {
-	let u = o(null), d = xt({
+var Dt = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className: i = "", headerClassName: a = "", rowClassName: s, onRowClick: c, overscan: l = 5 }) => {
+	let u = o(null), d = Et({
 		count: e.length,
 		getScrollElement: () => u.current,
 		estimateSize: () => n,
 		overscan: l
 	}), f = d.getVirtualItems();
-	return /* @__PURE__ */ (0, K.jsxs)("div", {
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: i,
 		children: [
-			/* @__PURE__ */ (0, K.jsx)("div", {
+			/* @__PURE__ */ (0, Z.jsx)("div", {
 				className: `grid border-b sticky top-0 bg-muted/30 z-10 ${a}`,
 				style: { gridTemplateColumns: t.map((e) => e.width || "1fr").join(" ") },
-				children: t.map((e, t) => /* @__PURE__ */ (0, K.jsx)("div", {
+				children: t.map((e, t) => /* @__PURE__ */ (0, Z.jsx)("div", {
 					className: `px-4 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70 ${e.align === "center" ? "text-center" : e.align === "right" ? "text-right" : "text-left"}`,
 					children: e.header
 				}, t))
 			}),
-			/* @__PURE__ */ (0, K.jsx)("div", {
+			/* @__PURE__ */ (0, Z.jsx)("div", {
 				ref: u,
 				className: "overflow-auto",
 				style: {
 					height: typeof r == "number" ? `${r}px` : r,
 					contain: "strict"
 				},
-				children: /* @__PURE__ */ (0, K.jsx)("div", {
+				children: /* @__PURE__ */ (0, Z.jsx)("div", {
 					style: {
 						height: `${d.getTotalSize()}px`,
 						width: "100%",
@@ -2088,7 +2193,7 @@ var St = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className:
 					},
 					children: f.map((n) => {
 						let r = e[n.index];
-						return /* @__PURE__ */ (0, K.jsx)("div", {
+						return /* @__PURE__ */ (0, Z.jsx)("div", {
 							className: `grid border-b hover:bg-muted/50 cursor-pointer ${typeof s == "function" ? s(r, n.index) : s || ""}`,
 							style: {
 								position: "absolute",
@@ -2102,7 +2207,7 @@ var St = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className:
 							onClick: () => c?.(r, n.index),
 							children: t.map((e, t) => {
 								let n = r[e.accessorKey], i = e.cell ? e.cell(n, r) : typeof n == "object" && n ? String(n) : n;
-								return /* @__PURE__ */ (0, K.jsx)("div", {
+								return /* @__PURE__ */ (0, Z.jsx)("div", {
 									className: `px-4 py-2 text-sm flex items-center ${e.align === "center" ? "text-center justify-center" : e.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
 									children: i
 								}, t);
@@ -2111,7 +2216,7 @@ var St = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className:
 					})
 				})
 			}),
-			/* @__PURE__ */ (0, K.jsxs)("div", {
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
 				className: "px-4 py-2 text-xs text-muted-foreground border-t",
 				children: [
 					"Showing ",
@@ -2123,8 +2228,8 @@ var St = ({ data: e, columns: t, rowHeight: n = 40, height: r = 600, className:
 			})
 		]
 	});
-}, Ct = 10;
-function wt(e) {
+}, Ot = 10;
+function kt(e) {
 	let t = [], n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a], s = e[a + 1];
@@ -2132,7 +2237,7 @@ function wt(e) {
 	}
 	return n.push(r.trim()), n.some((e) => e !== "") && t.push(n), t;
 }
-function Tt(e, t) {
+function At(e, t) {
 	if (!e) return !0;
 	switch (t) {
 		case "number":
@@ -2151,7 +2256,7 @@ function Tt(e, t) {
 		default: return !0;
 	}
 }
-function Et(e, t) {
+function jt(e, t) {
 	let n = {};
 	return e.forEach((e, r) => {
 		let i = e.toLowerCase().replace(/[_\s-]/g, ""), a = t.find((e) => {
@@ -2161,7 +2266,45 @@ function Et(e, t) {
 		a && (n[r] = a.name);
 	}), n;
 }
-function Dt(e, t, n) {
+function Mt() {
+	if (typeof window > "u") return null;
+	try {
+		return window.localStorage;
+	} catch {
+		return null;
+	}
+}
+function Nt(e, t) {
+	if (!e) return [];
+	try {
+		let n = e.getItem(t);
+		if (!n) return [];
+		let r = JSON.parse(n);
+		return Array.isArray(r) ? r.filter((e) => e && e.id && e.name && e.mapping) : [];
+	} catch {
+		return [];
+	}
+}
+function Pt(e, t, n) {
+	if (e) try {
+		e.setItem(t, JSON.stringify(n));
+	} catch {}
+}
+function Ft(e, t) {
+	let n = {};
+	return Object.entries(t).forEach(([t, r]) => {
+		let i = e[Number(t)];
+		i && (n[i.trim().toLowerCase()] = r);
+	}), n;
+}
+function It(e, t, n) {
+	let r = new Set(n.map((e) => e.name)), i = {};
+	return t.forEach((t, n) => {
+		let a = e.mapping[t.trim().toLowerCase()];
+		a && r.has(a) && (i[n] = a);
+	}), i;
+}
+function Lt(e, t, n) {
 	let r = [], i = {};
 	for (let a of t) {
 		let t = e[a.csvIdx] ?? "";
@@ -2173,7 +2316,7 @@ function Dt(e, t, n) {
 			});
 			continue;
 		}
-		if (t && !Tt(t, a.field.type)) {
+		if (t && !At(t, a.field.type)) {
 			r.push({
 				row: n,
 				field: a.field.name,
@@ -2188,7 +2331,7 @@ function Dt(e, t, n) {
 		errors: r
 	};
 }
-var Ot = ({ onFileLoaded: e }) => {
+var Rt = ({ onFileLoaded: e }) => {
 	let [t, n] = s(!1), [i, a] = s(null), o = r((t) => {
 		if (a(null), !t.name.endsWith(".csv")) {
 			a("Only CSV files are supported.");
@@ -2196,7 +2339,7 @@ var Ot = ({ onFileLoaded: e }) => {
 		}
 		let n = new FileReader();
 		n.onload = (t) => {
-			let n = wt(t.target?.result);
+			let n = kt(t.target?.result);
 			if (n.length < 2) {
 				a("File must contain a header row and at least one data row.");
 				return;
@@ -2204,10 +2347,10 @@ var Ot = ({ onFileLoaded: e }) => {
 			e(n[0], n.slice(1));
 		}, n.readAsText(t);
 	}, [e]);
-	return /* @__PURE__ */ (0, K.jsxs)("div", {
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "flex flex-col items-center gap-4 py-6",
-		children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-			className: R("flex w-full flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-10 transition-colors", t ? "border-primary bg-primary/5" : "border-muted-foreground/25"),
+		children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+			className: H("flex w-full flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-10 transition-colors", t ? "border-primary bg-primary/5" : "border-muted-foreground/25"),
 			onDragOver: (e) => {
 				e.preventDefault(), n(!0);
 			},
@@ -2218,12 +2361,12 @@ var Ot = ({ onFileLoaded: e }) => {
 				t && o(t);
 			},
 			children: [
-				/* @__PURE__ */ (0, K.jsx)(V, { className: "h-10 w-10 text-muted-foreground" }),
-				/* @__PURE__ */ (0, K.jsx)("p", {
+				/* @__PURE__ */ (0, Z.jsx)(G, { className: "h-10 w-10 text-muted-foreground" }),
+				/* @__PURE__ */ (0, Z.jsx)("p", {
 					className: "text-sm text-muted-foreground",
 					children: "Drag & drop a CSV file here, or click to browse"
 				}),
-				/* @__PURE__ */ (0, K.jsxs)("label", { children: [/* @__PURE__ */ (0, K.jsx)("input", {
+				/* @__PURE__ */ (0, Z.jsxs)("label", { children: [/* @__PURE__ */ (0, Z.jsx)("input", {
 					type: "file",
 					accept: ".csv",
 					className: "hidden",
@@ -2231,127 +2374,243 @@ var Ot = ({ onFileLoaded: e }) => {
 						let t = e.target.files?.[0];
 						t && o(t);
 					}
-				}), /* @__PURE__ */ (0, K.jsx)(T, {
+				}), /* @__PURE__ */ (0, Z.jsx)(T, {
 					variant: "outline",
 					size: "sm",
 					asChild: !0,
-					children: /* @__PURE__ */ (0, K.jsx)("span", { children: "Browse Files" })
+					children: /* @__PURE__ */ (0, Z.jsx)("span", { children: "Browse Files" })
 				})] })
 			]
-		}), i && /* @__PURE__ */ (0, K.jsxs)("p", {
+		}), i && /* @__PURE__ */ (0, Z.jsxs)("p", {
 			className: "flex items-center gap-1 text-sm text-destructive",
 			children: [
-				/* @__PURE__ */ (0, K.jsx)(he, { className: "h-4 w-4" }),
+				/* @__PURE__ */ (0, Z.jsx)(U, { className: "h-4 w-4" }),
 				" ",
 				i
 			]
 		})]
 	});
-}, kt = ({ headers: e, fields: t, mapping: n, onMappingChange: i }) => {
-	let o = a(() => new Set(Object.values(n)), [n]), s = r((e, t) => {
+}, zt = ({ templates: e, selectedId: t, onSelect: n, onSaveAs: r, onDelete: i, disabled: a }) => {
+	let [o, c] = s(""), [l, u] = s(!1);
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: "mb-3 flex flex-wrap items-center gap-2 rounded-md border bg-muted/30 p-2",
+		"data-testid": "import-template-bar",
+		children: [
+			/* @__PURE__ */ (0, Z.jsx)(Ne, { className: "h-4 w-4 text-muted-foreground" }),
+			/* @__PURE__ */ (0, Z.jsx)("span", {
+				className: "text-xs font-medium text-muted-foreground",
+				children: "Mapping template:"
+			}),
+			/* @__PURE__ */ (0, Z.jsxs)(F, {
+				value: t ?? "__none__",
+				onValueChange: (e) => e !== "__none__" && n(e),
+				children: [/* @__PURE__ */ (0, Z.jsx)(R, {
+					className: "h-7 w-48 text-xs",
+					"data-testid": "import-template-select",
+					children: /* @__PURE__ */ (0, Z.jsx)(le, { placeholder: e.length ? "Choose template…" : "No saved templates" })
+				}), /* @__PURE__ */ (0, Z.jsxs)(I, { children: [/* @__PURE__ */ (0, Z.jsx)(L, {
+					value: "__none__",
+					disabled: e.length === 0,
+					children: e.length ? "— None —" : "No saved templates"
+				}), e.map((e) => /* @__PURE__ */ (0, Z.jsx)(L, {
+					value: e.id,
+					children: e.name
+				}, e.id))] })]
+			}),
+			l ? /* @__PURE__ */ (0, Z.jsxs)("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ (0, Z.jsx)(M, {
+						value: o,
+						onChange: (e) => c(e.target.value),
+						placeholder: "Template name",
+						className: "h-7 w-40 text-xs",
+						"data-testid": "import-template-name-input",
+						autoFocus: !0
+					}),
+					/* @__PURE__ */ (0, Z.jsx)(T, {
+						type: "button",
+						size: "sm",
+						onClick: () => {
+							o.trim() && (r(o.trim()), c(""), u(!1));
+						},
+						disabled: !o.trim() || a,
+						"data-testid": "import-template-confirm-save",
+						children: "Save"
+					}),
+					/* @__PURE__ */ (0, Z.jsx)(T, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							u(!1), c("");
+						},
+						children: "Cancel"
+					})
+				]
+			}) : /* @__PURE__ */ (0, Z.jsx)(T, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => u(!0),
+				disabled: a,
+				"data-testid": "import-template-save-btn",
+				children: "Save current"
+			}),
+			t && /* @__PURE__ */ (0, Z.jsx)(T, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: i,
+				"aria-label": "Delete template",
+				"data-testid": "import-template-delete-btn",
+				children: /* @__PURE__ */ (0, Z.jsx)(Fe, { className: "h-3.5 w-3.5" })
+			})
+		]
+	});
+}, Bt = ({ headers: e, fields: t, mapping: n, onMappingChange: i, templates: o, selectedTemplateId: s, onSelectTemplate: c, onSaveTemplate: l, onDeleteTemplate: u }) => {
+	let d = a(() => new Set(Object.values(n)), [n]), f = r((e, t) => {
 		let r = { ...n };
 		t === "__skip__" ? delete r[e] : r[e] = t, i(r);
 	}, [n, i]);
-	return /* @__PURE__ */ (0, K.jsx)("div", {
-		className: "max-h-[360px] overflow-auto",
-		children: /* @__PURE__ */ (0, K.jsxs)(fe, { children: [/* @__PURE__ */ (0, K.jsx)(me, { children: /* @__PURE__ */ (0, K.jsxs)(L, { children: [
-			/* @__PURE__ */ (0, K.jsx)(I, { children: "CSV Column" }),
-			/* @__PURE__ */ (0, K.jsx)(I, { children: "Maps To" }),
-			/* @__PURE__ */ (0, K.jsx)(I, {
+	return /* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)(zt, {
+		templates: o,
+		selectedId: s,
+		onSelect: c,
+		onSaveAs: l,
+		onDelete: u,
+		disabled: Object.keys(n).length === 0
+	}), /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: "max-h-[320px] overflow-auto",
+		children: /* @__PURE__ */ (0, Z.jsxs)(ue, { children: [/* @__PURE__ */ (0, Z.jsx)(fe, { children: /* @__PURE__ */ (0, Z.jsxs)(V, { children: [
+			/* @__PURE__ */ (0, Z.jsx)(B, { children: "CSV Column" }),
+			/* @__PURE__ */ (0, Z.jsx)(B, { children: "Maps To" }),
+			/* @__PURE__ */ (0, Z.jsx)(B, {
 				className: "w-24 text-center",
 				children: "Status"
 			})
-		] }) }), /* @__PURE__ */ (0, K.jsx)(pe, { children: e.map((e, r) => /* @__PURE__ */ (0, K.jsxs)(L, { children: [
-			/* @__PURE__ */ (0, K.jsx)(F, {
+		] }) }), /* @__PURE__ */ (0, Z.jsx)(de, { children: e.map((e, r) => /* @__PURE__ */ (0, Z.jsxs)(V, { children: [
+			/* @__PURE__ */ (0, Z.jsx)(z, {
 				className: "font-medium",
 				children: e
 			}),
-			/* @__PURE__ */ (0, K.jsx)(F, { children: /* @__PURE__ */ (0, K.jsxs)(le, {
+			/* @__PURE__ */ (0, Z.jsx)(z, { children: /* @__PURE__ */ (0, Z.jsxs)(F, {
 				value: n[r] ?? "__skip__",
-				onValueChange: (e) => s(r, e),
-				children: [/* @__PURE__ */ (0, K.jsx)(ue, {
+				onValueChange: (e) => f(r, e),
+				children: [/* @__PURE__ */ (0, Z.jsx)(R, {
 					className: "h-8 w-56",
-					children: /* @__PURE__ */ (0, K.jsx)(de, { placeholder: "Skip column" })
-				}), /* @__PURE__ */ (0, K.jsxs)(N, { children: [/* @__PURE__ */ (0, K.jsx)(P, {
+					children: /* @__PURE__ */ (0, Z.jsx)(le, { placeholder: "Skip column" })
+				}), /* @__PURE__ */ (0, Z.jsxs)(I, { children: [/* @__PURE__ */ (0, Z.jsx)(L, {
 					value: "__skip__",
 					children: "— Skip —"
-				}), t.map((e) => /* @__PURE__ */ (0, K.jsxs)(P, {
+				}), t.map((e) => /* @__PURE__ */ (0, Z.jsxs)(L, {
 					value: e.name,
-					disabled: o.has(e.name) && n[r] !== e.name,
+					disabled: d.has(e.name) && n[r] !== e.name,
 					children: [e.label, e.required ? " *" : ""]
 				}, e.name))] })]
 			}) }),
-			/* @__PURE__ */ (0, K.jsx)(F, {
+			/* @__PURE__ */ (0, Z.jsx)(z, {
 				className: "text-center",
-				children: n[r] ? /* @__PURE__ */ (0, K.jsx)(w, {
+				children: n[r] ? /* @__PURE__ */ (0, Z.jsx)(w, {
 					variant: "default",
 					className: "text-xs",
 					children: "Mapped"
-				}) : /* @__PURE__ */ (0, K.jsx)(w, {
+				}) : /* @__PURE__ */ (0, Z.jsx)(w, {
 					variant: "secondary",
 					className: "text-xs",
 					children: "Skipped"
 				})
 			})
 		] }, r)) })] })
-	});
-}, At = ({ headers: e, rows: t, mapping: n, fields: r }) => {
-	let i = a(() => Object.entries(n).map(([t, n]) => ({
+	})] });
+}, Vt = ({ headers: e, rows: t, mapping: n, fields: i, corrections: o, onCorrect: s }) => {
+	let c = a(() => Object.entries(n).map(([t, n]) => ({
 		csvIdx: Number(t),
 		header: e[Number(t)],
-		field: r.find((e) => e.name === n)
+		field: i.find((e) => e.name === n)
 	})), [
 		n,
 		e,
-		r
-	]), o = t.slice(0, Ct), s = a(() => o.map((e, t) => {
+		i
+	]), l = t.slice(0, Ot), u = r((e, t) => {
+		let n = o[e]?.[t];
+		return n === void 0 ? l[e]?.[t] ?? "" : n;
+	}, [o, l]), d = a(() => l.map((e, t) => {
 		let n = {};
-		for (let t of i) {
-			let r = e[t.csvIdx] ?? "";
-			t.field.required && !r ? n[t.csvIdx] = "Required" : r && !Tt(r, t.field.type) && (n[t.csvIdx] = `Invalid ${t.field.type}`);
+		for (let e of c) {
+			let r = u(t, e.csvIdx);
+			e.field.required && !r ? n[e.csvIdx] = "Required" : r && !At(r, e.field.type) && (n[e.csvIdx] = `Invalid ${e.field.type}`);
 		}
 		return n;
-	}), [o, i]), c = s.filter((e) => Object.keys(e).length > 0).length;
-	return /* @__PURE__ */ (0, K.jsxs)("div", {
+	}), [
+		l,
+		c,
+		u
+	]), f = d.filter((e) => Object.keys(e).length > 0).length, p = Object.keys(o).length;
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		className: "max-h-[360px] overflow-auto",
 		children: [
-			c > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
-				className: "mb-2 flex items-center gap-1 text-xs text-destructive",
+			(f > 0 || p > 0) && /* @__PURE__ */ (0, Z.jsxs)("p", {
+				className: "mb-2 flex items-center gap-2 text-xs",
+				"data-testid": "import-preview-status",
 				children: [
-					/* @__PURE__ */ (0, K.jsx)(he, { className: "h-3.5 w-3.5" }),
-					" ",
-					c,
-					" row(s) with errors in preview"
+					f > 0 && /* @__PURE__ */ (0, Z.jsxs)("span", {
+						className: "flex items-center gap-1 text-destructive",
+						children: [
+							/* @__PURE__ */ (0, Z.jsx)(U, { className: "h-3.5 w-3.5" }),
+							" ",
+							f,
+							" row(s) with errors"
+						]
+					}),
+					p > 0 && /* @__PURE__ */ (0, Z.jsxs)("span", {
+						className: "flex items-center gap-1 text-emerald-600",
+						children: [
+							/* @__PURE__ */ (0, Z.jsx)(ye, { className: "h-3.5 w-3.5" }),
+							" ",
+							p,
+							" row(s) corrected"
+						]
+					}),
+					/* @__PURE__ */ (0, Z.jsx)("span", {
+						className: "text-muted-foreground",
+						children: "— click a highlighted cell to fix it inline."
+					})
 				]
 			}),
-			/* @__PURE__ */ (0, K.jsxs)(fe, { children: [/* @__PURE__ */ (0, K.jsx)(me, { children: /* @__PURE__ */ (0, K.jsxs)(L, { children: [/* @__PURE__ */ (0, K.jsx)(I, {
+			/* @__PURE__ */ (0, Z.jsxs)(ue, { children: [/* @__PURE__ */ (0, Z.jsx)(fe, { children: /* @__PURE__ */ (0, Z.jsxs)(V, { children: [/* @__PURE__ */ (0, Z.jsx)(B, {
 				className: "w-12",
 				children: "#"
-			}), i.map((e) => /* @__PURE__ */ (0, K.jsx)(I, { children: e.field.label }, e.csvIdx))] }) }), /* @__PURE__ */ (0, K.jsx)(pe, { children: o.map((e, t) => {
-				let n = s[t];
-				return /* @__PURE__ */ (0, K.jsxs)(L, {
-					className: R(Object.keys(n).length > 0 && "bg-destructive/5"),
-					children: [/* @__PURE__ */ (0, K.jsx)(F, {
+			}), c.map((e) => /* @__PURE__ */ (0, Z.jsx)(B, { children: e.field.label }, e.csvIdx))] }) }), /* @__PURE__ */ (0, Z.jsx)(de, { children: l.map((e, t) => {
+				let n = d[t], r = Object.keys(n).length > 0, i = o[t] !== void 0;
+				return /* @__PURE__ */ (0, Z.jsxs)(V, {
+					className: H(r && "bg-destructive/5", !r && i && "bg-emerald-50 dark:bg-emerald-950/20"),
+					"data-testid": `import-preview-row-${t}`,
+					children: [/* @__PURE__ */ (0, Z.jsx)(z, {
 						className: "text-xs text-muted-foreground",
 						children: t + 1
-					}), i.map((t) => {
-						let r = e[t.csvIdx] ?? "", i = n[t.csvIdx];
-						return /* @__PURE__ */ (0, K.jsx)(F, {
-							className: R(i && "text-destructive"),
+					}), c.map((e) => {
+						let r = u(t, e.csvIdx), i = n[e.csvIdx], a = o[t]?.[e.csvIdx] !== void 0;
+						return /* @__PURE__ */ (0, Z.jsx)(z, {
+							className: H(i && "text-destructive", a && !i && "text-emerald-600"),
 							title: i,
-							children: r || /* @__PURE__ */ (0, K.jsx)("span", {
-								className: "text-muted-foreground/50",
-								children: "—"
+							children: /* @__PURE__ */ (0, Z.jsx)(M, {
+								value: r,
+								onChange: (n) => s(t, e.csvIdx, n.target.value),
+								className: H("h-7 px-1 text-xs", i && "border-destructive", a && !i && "border-emerald-500"),
+								"data-testid": `import-preview-cell-${t}-${e.csvIdx}`,
+								"aria-invalid": i ? "true" : "false",
+								"aria-label": `${e.field.label} for row ${t + 1}`
 							})
-						}, t.csvIdx);
+						}, e.csvIdx);
 					})]
 				}, t);
 			}) })] }),
-			/* @__PURE__ */ (0, K.jsxs)("p", {
+			/* @__PURE__ */ (0, Z.jsxs)("p", {
 				className: "mt-2 text-xs text-muted-foreground",
 				children: [
 					"Showing ",
-					o.length,
+					l.length,
 					" of ",
 					t.length,
 					" rows"
@@ -2359,87 +2618,127 @@ var Ot = ({ onFileLoaded: e }) => {
 			})
 		]
 	});
-}, jt = ({ objectName: e, objectLabel: n, fields: i, dataSource: o, onComplete: c, onCancel: l, open: u, onOpenChange: d, onErrorMode: f = "skip" }) => {
-	let [p, m] = s("upload"), [h, g] = s([]), [_, v] = s([]), [y, b] = s({}), [x, S] = s(!1), [C, D] = s(0), [O, k] = s(null), A = n ?? e, ae = a(() => {
-		let e = new Set(Object.values(y));
-		return i.filter((t) => t.required && !e.has(t.name));
-	}, [i, y]), j = r((e, t) => {
-		g(e), v(t), b(Et(e, i)), m("mapping");
-	}, [i]), oe = r(async () => {
-		S(!0), D(0);
-		let t = [], n = 0, r = 0, a = Object.entries(y).map(([e, t]) => ({
+}, Ht = ({ objectName: e, objectLabel: n, fields: o, dataSource: c, onComplete: l, onCancel: u, open: d, onOpenChange: f, onErrorMode: p = "skip", templateStorageKey: m, templateStorage: h }) => {
+	let [g, _] = s("upload"), [v, y] = s([]), [b, x] = s([]), [S, C] = s({}), [D, O] = s(!1), [k, A] = s(0), [j, ae] = s(null), [M, oe] = s({}), se = n ?? e, N = a(() => h === void 0 ? Mt() : h, [h]), P = m ?? `objectui:import-templates:${e}`, [F, I] = s(() => Nt(N, P)), [L, R] = s(null);
+	i(() => {
+		I(Nt(N, P));
+	}, [N, P]);
+	let le = r((e) => {
+		let t = F.find((t) => t.id === e);
+		t && (R(e), C(It(t, v, o)));
+	}, [
+		F,
+		v,
+		o
+	]), ue = r((e) => {
+		let t = {
+			id: `tpl-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`,
+			name: e,
+			mapping: Ft(v, S),
+			updatedAt: Date.now()
+		}, n = [...F, t];
+		I(n), R(t.id), Pt(N, P, n);
+	}, [
+		F,
+		v,
+		S,
+		N,
+		P
+	]), de = r(() => {
+		if (!L) return;
+		let e = F.filter((e) => e.id !== L);
+		I(e), R(null), Pt(N, P, e);
+	}, [
+		F,
+		L,
+		N,
+		P
+	]), z = r((e, t, n) => {
+		oe((r) => {
+			let i = { ...r }, a = { ...i[e] ?? {} };
+			return n === (b[e]?.[t] ?? "") ? delete a[t] : a[t] = n, Object.keys(a).length === 0 ? delete i[e] : i[e] = a, i;
+		});
+	}, [b]), B = a(() => {
+		let e = new Set(Object.values(S));
+		return o.filter((t) => t.required && !e.has(t.name));
+	}, [o, S]), fe = r((e, t) => {
+		y(e), x(t), C(jt(e, o)), oe({}), _("mapping");
+	}, [o]), V = r(async () => {
+		O(!0), A(0);
+		let t = [], n = 0, r = 0, i = Object.entries(S).map(([e, t]) => ({
 			csvIdx: Number(e),
-			field: i.find((e) => e.name === t)
+			field: o.find((e) => e.name === t)
 		}));
-		for (let i = 0; i < _.length; i++) {
-			let { record: s, errors: c } = Dt(_[i], a, i + 1);
-			if (c.length > 0) {
-				if (r++, t.push(...c), f === "stop") break;
+		for (let a = 0; a < b.length; a++) {
+			let o = b[a], s = M[a], { record: l, errors: u } = Lt(s ? o.map((e, t) => s[t] === void 0 ? e : s[t]) : o, i, a + 1);
+			if (u.length > 0) {
+				if (r++, t.push(...u), p === "stop") break;
 			} else try {
-				o?.create && await o.create(e, s), n++;
+				c?.create && await c.create(e, l), n++;
 			} catch (e) {
 				r++;
 				let n = e instanceof Error ? e.message : "Failed to create record";
 				if (t.push({
-					row: i + 1,
+					row: a + 1,
 					field: "",
 					message: n
-				}), f === "stop") break;
+				}), p === "stop") break;
 			}
-			D(Math.round((i + 1) / _.length * 100));
+			A(Math.round((a + 1) / b.length * 100));
 		}
-		let s = {
-			totalRows: _.length,
+		let a = {
+			totalRows: b.length,
 			importedRows: n,
 			skippedRows: r,
 			errors: t
 		};
-		k(s), S(!1), c?.(s);
+		ae(a), O(!1), l?.(a);
 	}, [
-		_,
-		y,
-		i,
+		b,
+		S,
 		o,
-		e,
 		c,
-		f
-	]), se = r(() => {
-		m("upload"), g([]), v([]), b({}), D(0), k(null);
-	}, []), ce = r(() => {
-		se(), d?.(!1), l?.();
+		e,
+		l,
+		p,
+		M
+	]), pe = r(() => {
+		_("upload"), y([]), x([]), C({}), A(0), ae(null), oe({}), R(null);
+	}, []), U = r(() => {
+		pe(), f?.(!1), u?.();
 	}, [
-		se,
-		d,
-		l
+		pe,
+		f,
+		u
 	]);
-	return /* @__PURE__ */ (0, K.jsx)(ee, {
-		open: u,
+	return /* @__PURE__ */ (0, Z.jsx)(ee, {
+		open: d,
 		onOpenChange: (e) => {
-			e ? d?.(e) : ce();
+			e ? f?.(e) : U();
 		},
-		children: /* @__PURE__ */ (0, K.jsxs)(te, {
+		children: /* @__PURE__ */ (0, Z.jsxs)(te, {
 			className: "sm:max-w-2xl",
 			children: [
-				/* @__PURE__ */ (0, K.jsxs)(E, { children: [/* @__PURE__ */ (0, K.jsxs)(ie, {
+				/* @__PURE__ */ (0, Z.jsxs)(E, { children: [/* @__PURE__ */ (0, Z.jsxs)(ie, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ (0, K.jsx)(De, { className: "h-5 w-5" }),
+						/* @__PURE__ */ (0, Z.jsx)(Te, { className: "h-5 w-5" }),
 						" Import ",
-						A
+						se
 					]
-				}), /* @__PURE__ */ (0, K.jsxs)(ne, { children: [
-					p === "upload" && "Upload a CSV file to get started.",
-					p === "mapping" && "Map CSV columns to object fields.",
-					p === "preview" && "Review data before importing."
+				}), /* @__PURE__ */ (0, Z.jsxs)(ne, { children: [
+					g === "upload" && "Upload a CSV file to get started.",
+					g === "mapping" && "Map CSV columns to object fields.",
+					g === "preview" && "Review data before importing."
 				] })] }),
-				/* @__PURE__ */ (0, K.jsx)("div", {
+				/* @__PURE__ */ (0, Z.jsx)("div", {
 					className: "flex items-center justify-center gap-2 text-xs text-muted-foreground",
 					children: [
 						"upload",
 						"mapping",
 						"preview"
-					].map((e, n) => /* @__PURE__ */ (0, K.jsxs)(t.Fragment, { children: [n > 0 && /* @__PURE__ */ (0, K.jsx)(ve, { className: "h-3 w-3" }), /* @__PURE__ */ (0, K.jsxs)("span", {
-						className: R("rounded-full px-3 py-1", p === e ? "bg-primary text-primary-foreground" : "bg-muted"),
+					].map((e, n) => /* @__PURE__ */ (0, Z.jsxs)(t.Fragment, { children: [n > 0 && /* @__PURE__ */ (0, Z.jsx)(ge, { className: "h-3 w-3" }), /* @__PURE__ */ (0, Z.jsxs)("span", {
+						className: H("rounded-full px-3 py-1", g === e ? "bg-primary text-primary-foreground" : "bg-muted"),
 						children: [
 							n + 1,
 							". ",
@@ -2447,27 +2746,27 @@ var Ot = ({ onFileLoaded: e }) => {
 						]
 					})] }, e))
 				}),
-				O ? /* @__PURE__ */ (0, K.jsxs)("div", {
+				j ? /* @__PURE__ */ (0, Z.jsxs)("div", {
 					className: "flex flex-col items-center gap-3 py-4",
 					children: [
-						/* @__PURE__ */ (0, K.jsx)(be, { className: "h-10 w-10 text-green-500" }),
-						/* @__PURE__ */ (0, K.jsx)("p", {
+						/* @__PURE__ */ (0, Z.jsx)(ye, { className: "h-10 w-10 text-green-500" }),
+						/* @__PURE__ */ (0, Z.jsx)("p", {
 							className: "text-lg font-semibold",
 							children: "Import Complete"
 						}),
-						/* @__PURE__ */ (0, K.jsxs)("div", {
+						/* @__PURE__ */ (0, Z.jsxs)("div", {
 							className: "flex gap-3",
-							children: [/* @__PURE__ */ (0, K.jsxs)(w, {
+							children: [/* @__PURE__ */ (0, Z.jsxs)(w, {
 								variant: "default",
-								children: [O.importedRows, " imported"]
-							}), O.skippedRows > 0 && /* @__PURE__ */ (0, K.jsxs)(w, {
+								children: [j.importedRows, " imported"]
+							}), j.skippedRows > 0 && /* @__PURE__ */ (0, Z.jsxs)(w, {
 								variant: "destructive",
-								children: [O.skippedRows, " skipped"]
+								children: [j.skippedRows, " skipped"]
 							})]
 						}),
-						O.errors.length > 0 && /* @__PURE__ */ (0, K.jsxs)("div", {
+						j.errors.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("div", {
 							className: "max-h-32 w-full overflow-auto rounded border p-2 text-xs",
-							children: [O.errors.slice(0, 10).map((e, t) => /* @__PURE__ */ (0, K.jsxs)("p", {
+							children: [j.errors.slice(0, 10).map((e, t) => /* @__PURE__ */ (0, Z.jsxs)("p", {
 								className: "text-destructive",
 								children: [
 									"Row ",
@@ -2476,72 +2775,79 @@ var Ot = ({ onFileLoaded: e }) => {
 									": ",
 									e.message
 								]
-							}, t)), O.errors.length > 10 && /* @__PURE__ */ (0, K.jsxs)("p", {
+							}, t)), j.errors.length > 10 && /* @__PURE__ */ (0, Z.jsxs)("p", {
 								className: "text-muted-foreground",
 								children: [
 									"…and ",
-									O.errors.length - 10,
+									j.errors.length - 10,
 									" more errors"
 								]
 							})]
 						})
 					]
-				}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [
-					p === "upload" && /* @__PURE__ */ (0, K.jsx)(Ot, { onFileLoaded: j }),
-					p === "mapping" && /* @__PURE__ */ (0, K.jsx)(kt, {
-						headers: h,
-						fields: i,
-						mapping: y,
-						onMappingChange: b
+				}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+					g === "upload" && /* @__PURE__ */ (0, Z.jsx)(Rt, { onFileLoaded: fe }),
+					g === "mapping" && /* @__PURE__ */ (0, Z.jsx)(Bt, {
+						headers: v,
+						fields: o,
+						mapping: S,
+						onMappingChange: C,
+						templates: F,
+						selectedTemplateId: L,
+						onSelectTemplate: le,
+						onSaveTemplate: ue,
+						onDeleteTemplate: de
 					}),
-					p === "preview" && /* @__PURE__ */ (0, K.jsx)(At, {
-						headers: h,
-						rows: _,
-						mapping: y,
-						fields: i
+					g === "preview" && /* @__PURE__ */ (0, Z.jsx)(Vt, {
+						headers: v,
+						rows: b,
+						mapping: S,
+						fields: o,
+						corrections: M,
+						onCorrect: z
 					}),
-					x && /* @__PURE__ */ (0, K.jsxs)("div", {
+					D && /* @__PURE__ */ (0, Z.jsxs)("div", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ (0, K.jsx)(M, {
-							value: C,
+						children: [/* @__PURE__ */ (0, Z.jsx)(ce, {
+							value: k,
 							className: "h-2"
-						}), /* @__PURE__ */ (0, K.jsxs)("p", {
+						}), /* @__PURE__ */ (0, Z.jsxs)("p", {
 							className: "text-center text-xs text-muted-foreground",
 							children: [
 								"Importing… ",
-								C,
+								k,
 								"%"
 							]
 						})]
 					})
 				] }),
-				/* @__PURE__ */ (0, K.jsx)(re, {
+				/* @__PURE__ */ (0, Z.jsx)(re, {
 					className: "gap-2 sm:gap-0",
-					children: O ? /* @__PURE__ */ (0, K.jsx)(T, {
-						onClick: ce,
+					children: j ? /* @__PURE__ */ (0, Z.jsx)(T, {
+						onClick: U,
 						children: "Close"
-					}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [
-						/* @__PURE__ */ (0, K.jsxs)(T, {
+					}) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
+						/* @__PURE__ */ (0, Z.jsxs)(T, {
 							variant: "ghost",
-							onClick: ce,
-							disabled: x,
-							children: [/* @__PURE__ */ (0, K.jsx)(H, { className: "mr-1 h-4 w-4" }), " Cancel"]
+							onClick: U,
+							disabled: D,
+							children: [/* @__PURE__ */ (0, Z.jsx)(K, { className: "mr-1 h-4 w-4" }), " Cancel"]
 						}),
-						(p === "mapping" || p === "preview") && /* @__PURE__ */ (0, K.jsxs)(T, {
+						(g === "mapping" || g === "preview") && /* @__PURE__ */ (0, Z.jsxs)(T, {
 							variant: "outline",
-							onClick: () => m(p === "mapping" ? "upload" : "mapping"),
-							disabled: x,
-							children: [/* @__PURE__ */ (0, K.jsx)(_e, { className: "mr-1 h-4 w-4" }), " Back"]
+							onClick: () => _(g === "mapping" ? "upload" : "mapping"),
+							disabled: D,
+							children: [/* @__PURE__ */ (0, Z.jsx)(he, { className: "mr-1 h-4 w-4" }), " Back"]
 						}),
-						p === "mapping" && /* @__PURE__ */ (0, K.jsxs)(T, {
-							onClick: () => m("preview"),
-							disabled: Object.keys(y).length === 0 || ae.length > 0,
-							children: ["Next ", /* @__PURE__ */ (0, K.jsx)(ve, { className: "ml-1 h-4 w-4" })]
+						g === "mapping" && /* @__PURE__ */ (0, Z.jsxs)(T, {
+							onClick: () => _("preview"),
+							disabled: Object.keys(S).length === 0 || B.length > 0,
+							children: ["Next ", /* @__PURE__ */ (0, Z.jsx)(ge, { className: "ml-1 h-4 w-4" })]
 						}),
-						p === "preview" && /* @__PURE__ */ (0, K.jsx)(T, {
-							onClick: oe,
-							disabled: x,
-							children: x ? "Importing…" : `Import ${_.length} Rows`
+						g === "preview" && /* @__PURE__ */ (0, Z.jsx)(T, {
+							onClick: V,
+							disabled: D,
+							children: D ? "Importing…" : `Import ${b.length} Rows`
 						})
 					] })
 				})
@@ -2551,7 +2857,7 @@ var Ot = ({ onFileLoaded: e }) => {
 };
 //#endregion
 //#region src/InlineEditing.tsx
-function Mt({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", placeholder: l, editing: u = !1, className: d, disabled: f = !1 }) {
+function Ut({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", placeholder: l, editing: u = !1, className: d, disabled: f = !1 }) {
 	let [p, m] = s(u), [h, g] = s(String(e ?? "")), [_, v] = s(), [y, b] = s(!1), x = o(null);
 	i(() => {
 		p || g(String(e ?? ""));
@@ -2592,13 +2898,13 @@ function Mt({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", p
 	]), T = r((e) => {
 		e.key === "Enter" ? (e.preventDefault(), w()) : e.key === "Escape" && (e.preventDefault(), C());
 	}, [w, C]);
-	return p ? /* @__PURE__ */ (0, K.jsxs)("div", {
+	return p ? /* @__PURE__ */ (0, Z.jsxs)("div", {
 		"data-slot": "inline-editing",
-		className: R("relative flex items-center gap-1", d),
+		className: H("relative flex items-center gap-1", d),
 		children: [
-			/* @__PURE__ */ (0, K.jsxs)("div", {
+			/* @__PURE__ */ (0, Z.jsxs)("div", {
 				className: "flex-1 relative",
-				children: [/* @__PURE__ */ (0, K.jsx)("input", {
+				children: [/* @__PURE__ */ (0, Z.jsx)("input", {
 					ref: x,
 					"data-slot": "inline-editing-input",
 					type: c,
@@ -2611,8 +2917,8 @@ function Mt({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", p
 					disabled: y,
 					"aria-invalid": !!_,
 					"aria-describedby": _ ? "inline-editing-error" : void 0,
-					className: R("w-full rounded border px-2 py-1 text-sm outline-none transition-colors", "focus:ring-2 focus:ring-ring focus:border-input", _ ? "border-destructive focus:ring-destructive/30" : "border-input", y && "opacity-50")
-				}), _ && /* @__PURE__ */ (0, K.jsx)("p", {
+					className: H("w-full rounded border px-2 py-1 text-sm outline-none transition-colors", "focus:ring-2 focus:ring-ring focus:border-input", _ ? "border-destructive focus:ring-destructive/30" : "border-input", y && "opacity-50")
+				}), _ && /* @__PURE__ */ (0, Z.jsx)("p", {
 					id: "inline-editing-error",
 					"data-slot": "inline-editing-error",
 					className: "absolute left-0 top-full mt-0.5 text-xs text-destructive",
@@ -2620,28 +2926,28 @@ function Mt({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", p
 					children: _
 				})]
 			}),
-			/* @__PURE__ */ (0, K.jsx)("button", {
+			/* @__PURE__ */ (0, Z.jsx)("button", {
 				"data-slot": "inline-editing-save",
 				type: "button",
 				onClick: w,
 				disabled: y,
 				"aria-label": "Save",
-				className: R("inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors", y && "opacity-50 cursor-not-allowed"),
-				children: /* @__PURE__ */ (0, K.jsx)(z, { className: "h-3.5 w-3.5" })
+				className: H("inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors", y && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ (0, Z.jsx)(ve, { className: "h-3.5 w-3.5" })
 			}),
-			/* @__PURE__ */ (0, K.jsx)("button", {
+			/* @__PURE__ */ (0, Z.jsx)("button", {
 				"data-slot": "inline-editing-cancel",
 				type: "button",
 				onClick: C,
 				disabled: y,
 				"aria-label": "Cancel",
 				className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive transition-colors",
-				children: /* @__PURE__ */ (0, K.jsx)(H, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ (0, Z.jsx)(K, { className: "h-3.5 w-3.5" })
 			})
 		]
-	}) : /* @__PURE__ */ (0, K.jsx)("div", {
+	}) : /* @__PURE__ */ (0, Z.jsx)("div", {
 		"data-slot": "inline-editing",
-		className: R("group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center", f && "cursor-default opacity-60", d),
+		className: H("group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center", f && "cursor-default opacity-60", d),
 		onClick: S,
 		role: "button",
 		tabIndex: f ? -1 : 0,
@@ -2649,10 +2955,10 @@ function Mt({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", p
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S());
 		},
 		"aria-label": `Edit value: ${String(e ?? "")}`,
-		children: /* @__PURE__ */ (0, K.jsx)("span", {
+		children: /* @__PURE__ */ (0, Z.jsx)("span", {
 			"data-slot": "inline-editing-display",
 			className: "truncate text-sm",
-			children: e != null && String(e) !== "" ? String(e) : /* @__PURE__ */ (0, K.jsx)("span", {
+			children: e != null && String(e) !== "" ? String(e) : /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "text-muted-foreground italic",
 				children: l || "Click to edit"
 			})
@@ -2661,7 +2967,7 @@ function Mt({ value: e, onSave: t, onCancel: n, validate: a, type: c = "text", p
 }
 //#endregion
 //#region src/useCellClipboard.ts
-function Nt(e) {
+function Wt(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -2669,10 +2975,10 @@ function Nt(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-function Pt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
+function Gt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
 	let [o, c] = s(null), l = r(() => {
 		if (!a || !o) return;
-		let { startRow: n, startCol: r, endRow: i, endCol: s } = Nt(o), c = [];
+		let { startRow: n, startCol: r, endRow: i, endCol: s } = Wt(o), c = [];
 		for (let a = n; a <= i; a++) {
 			let n = e[a];
 			if (!n) continue;
@@ -2692,7 +2998,7 @@ function Pt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
 		t
 	]), u = r(() => {
 		if (!a || !o || !n) return;
-		let { startRow: r, startCol: i } = Nt(o);
+		let { startRow: r, startCol: i } = Wt(o);
 		navigator.clipboard.readText().then((a) => {
 			let o = [], s = a.split("\n");
 			for (let n = 0; n < s.length; n++) {
@@ -2735,7 +3041,7 @@ function Pt({ data: e, columns: t, onPaste: n, enabled: a = !0 }) {
 }
 //#endregion
 //#region src/useGradientColor.ts
-var Ft = [
+var Kt = [
 	{
 		position: 0,
 		className: "bg-green-100"
@@ -2749,7 +3055,7 @@ var Ft = [
 		className: "bg-red-100"
 	}
 ];
-function It(e, t) {
+function qt(e, t) {
 	let n = Infinity, r = -Infinity;
 	for (let i of e) {
 		let e = Number(i[t]);
@@ -2757,7 +3063,7 @@ function It(e, t) {
 	}
 	return Number.isFinite(n) ? [n, r] : [0, 0];
 }
-function Lt(e, t) {
+function Jt(e, t) {
 	if (t.length === 0) return "";
 	if (t.length === 1) return t[0].className;
 	let n = t[0], r = Math.abs(e - n.position);
@@ -2767,11 +3073,11 @@ function Lt(e, t) {
 	}
 	return n.className;
 }
-function Rt(e) {
-	let { field: t, data: n, min: i, max: o, stops: s = Ft } = e, [c, l] = a(() => It(n, t), [n, t]), u = i ?? c, d = o ?? l;
+function Yt(e) {
+	let { field: t, data: n, min: i, max: o, stops: s = Kt } = e, [c, l] = a(() => qt(n, t), [n, t]), u = i ?? c, d = o ?? l;
 	return r((e) => {
 		let n = Number(e[t]);
-		if (Number.isFinite(n)) return d === u ? s.length > 0 ? s[0].className : void 0 : Lt(Math.max(0, Math.min(1, (n - u) / (d - u))), s);
+		if (Number.isFinite(n)) return d === u ? s.length > 0 ? s[0].className : void 0 : Jt(Math.max(0, Math.min(1, (n - u) / (d - u))), s);
 	}, [
 		t,
 		u,
@@ -2781,8 +3087,8 @@ function Rt(e) {
 }
 //#endregion
 //#region src/useGroupReorder.ts
-var zt = "text/x-group-key";
-function Bt({ groupKeys: e }) {
+var Xt = "text/x-group-key";
+function Zt({ groupKeys: e }) {
 	let [t, n] = s(e), [a, o] = s(null);
 	return i(() => {
 		n((t) => {
@@ -2801,14 +3107,14 @@ function Bt({ groupKeys: e }) {
 			});
 		}, []),
 		onDragStart: r((e, t) => {
-			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData(zt, t), o(t);
+			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData(Xt, t), o(t);
 		}, []),
 		onDragOver: r((e) => {
 			e.preventDefault(), e.dataTransfer.dropEffect = "move";
 		}, []),
 		onDrop: r((e, t) => {
 			e.preventDefault();
-			let r = e.dataTransfer.getData(zt);
+			let r = e.dataTransfer.getData(Xt);
 			!r || r === t || n((e) => {
 				let n = e.indexOf(r), i = e.indexOf(t);
 				if (n === -1 || i === -1) return e;
@@ -2824,7 +3130,7 @@ function Bt({ groupKeys: e }) {
 }
 //#endregion
 //#region src/FormulaBar.tsx
-function Vt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, disabled: l = !1, className: u }) {
+function Qt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, disabled: l = !1, className: u }) {
 	let [d, f] = s(!1), [p, m] = s(e), h = o(null);
 	i(() => {
 		d || m(e);
@@ -2844,15 +3150,15 @@ function Vt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, d
 	}, [e, a]), y = r((e) => {
 		e.key === "Enter" ? (e.preventDefault(), _()) : e.key === "Escape" && (e.preventDefault(), v());
 	}, [_, v]);
-	return /* @__PURE__ */ (0, K.jsxs)("div", {
-		className: R("flex items-center gap-2 border-b border-border bg-muted/30 px-3 py-1.5", u),
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: H("flex items-center gap-2 border-b border-border bg-muted/30 px-3 py-1.5", u),
 		children: [
-			/* @__PURE__ */ (0, K.jsx)(Oe, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-			c && /* @__PURE__ */ (0, K.jsx)("span", {
+			/* @__PURE__ */ (0, Z.jsx)(Ee, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+			c && /* @__PURE__ */ (0, Z.jsx)("span", {
 				className: "min-w-[4rem] shrink-0 rounded bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
 				children: c
 			}),
-			/* @__PURE__ */ (0, K.jsx)("input", {
+			/* @__PURE__ */ (0, Z.jsx)("input", {
 				ref: h,
 				type: "text",
 				value: d ? p : e,
@@ -2861,22 +3167,22 @@ function Vt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, d
 				onClick: g,
 				onChange: (e) => m(e.target.value),
 				onKeyDown: y,
-				className: R("flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground", d && "rounded ring-1 ring-ring px-1", l && "cursor-not-allowed opacity-50")
+				className: H("flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground", d && "rounded ring-1 ring-ring px-1", l && "cursor-not-allowed opacity-50")
 			}),
-			d && /* @__PURE__ */ (0, K.jsxs)("div", {
+			d && /* @__PURE__ */ (0, Z.jsxs)("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ (0, K.jsx)("button", {
+				children: [/* @__PURE__ */ (0, Z.jsx)("button", {
 					type: "button",
 					onClick: _,
 					className: "rounded p-0.5 text-green-600 hover:bg-green-100",
 					"aria-label": "Confirm",
-					children: /* @__PURE__ */ (0, K.jsx)(z, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ (0, K.jsx)("button", {
+					children: /* @__PURE__ */ (0, Z.jsx)(ve, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ (0, Z.jsx)("button", {
 					type: "button",
 					onClick: v,
 					className: "rounded p-0.5 text-red-600 hover:bg-red-100",
 					"aria-label": "Cancel",
-					children: /* @__PURE__ */ (0, K.jsx)(H, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, Z.jsx)(K, { className: "h-4 w-4" })
 				})]
 			})
 		]
@@ -2884,7 +3190,7 @@ function Vt({ value: e, onChange: t, onConfirm: n, onCancel: a, activeCell: c, d
 }
 //#endregion
 //#region src/SplitPaneGrid.tsx
-function Ht({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollableWidth: i = 200, left: a, right: c, className: l }) {
+function $t({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollableWidth: i = 200, left: a, right: c, className: l }) {
 	let u = o(null), [d, f] = s(e), p = o(!1), m = o(0), h = o(0), g = t ? e : d, _ = r((e) => {
 		e.preventDefault(), p.current = !0, m.current = e.clientX, h.current = g;
 		let r = (e) => {
@@ -2901,23 +3207,23 @@ function Ht({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollabl
 		i,
 		t
 	]);
-	return /* @__PURE__ */ (0, K.jsxs)("div", {
+	return /* @__PURE__ */ (0, Z.jsxs)("div", {
 		ref: u,
-		className: R("flex h-full w-full overflow-hidden", l),
+		className: H("flex h-full w-full overflow-hidden", l),
 		children: [
-			/* @__PURE__ */ (0, K.jsx)("div", {
+			/* @__PURE__ */ (0, Z.jsx)("div", {
 				className: "shrink-0 overflow-auto",
 				style: { width: g },
 				children: a
 			}),
-			/* @__PURE__ */ (0, K.jsx)("div", {
+			/* @__PURE__ */ (0, Z.jsx)("div", {
 				role: "separator",
 				"aria-orientation": "vertical",
 				onPointerDown: _,
-				className: R("flex w-2 cursor-col-resize items-center justify-center", "border-x border-border bg-muted/50 hover:bg-muted", "transition-colors"),
-				children: /* @__PURE__ */ (0, K.jsx)(ke, { className: "h-4 w-4 text-muted-foreground" })
+				className: H("flex w-2 cursor-col-resize items-center justify-center", "border-x border-border bg-muted/50 hover:bg-muted", "transition-colors"),
+				children: /* @__PURE__ */ (0, Z.jsx)(De, { className: "h-4 w-4 text-muted-foreground" })
 			}),
-			/* @__PURE__ */ (0, K.jsx)("div", {
+			/* @__PURE__ */ (0, Z.jsx)("div", {
 				className: "min-w-0 flex-1 overflow-auto",
 				children: c
 			})
@@ -2926,15 +3232,15 @@ function Ht({ frozenWidth: e, onResize: t, minFrozenWidth: n = 100, minScrollabl
 }
 //#endregion
 //#region src/index.tsx
-var Ut = ({ schema: e, ...t }) => {
+var en = ({ schema: e, ...t }) => {
 	let { dataSource: n } = _() || {};
-	return /* @__PURE__ */ (0, K.jsx)(ot, {
+	return /* @__PURE__ */ (0, Z.jsx)(ct, {
 		schema: e,
 		dataSource: n,
 		...t
 	});
 };
-c.register("object-grid", Ut, {
+c.register("object-grid", en, {
 	namespace: "plugin-grid",
 	label: "Object Grid",
 	category: "plugin",
@@ -2956,7 +3262,7 @@ c.register("object-grid", Ut, {
 			label: "Filters"
 		}
 	]
-}), c.register("grid", Ut, {
+}), c.register("grid", en, {
 	namespace: "view",
 	label: "Data Grid",
 	category: "view",
@@ -2980,7 +3286,7 @@ c.register("object-grid", Ut, {
 	]
 }), c.register("import-wizard", ({ schema: e, ...t }) => {
 	let { dataSource: n } = _() || {};
-	return /* @__PURE__ */ (0, K.jsx)(jt, {
+	return /* @__PURE__ */ (0, Z.jsx)(Ht, {
 		objectName: e.objectName,
 		objectLabel: e.objectLabel,
 		fields: e.fields ?? [],
@@ -3004,4 +3310,4 @@ c.register("object-grid", Ut, {
 	}]
 });
 //#endregion
-export { tt as BulkActionBar, Vt as FormulaBar, Je as GroupRow, jt as ImportWizard, Mt as InlineEditing, ot as ObjectGrid, Ut as ObjectGridRenderer, et as RowActionMenu, Ht as SplitPaneGrid, St as VirtualGrid, $e as formatActionLabel, Pt as useCellClipboard, Qe as useColumnSummary, Rt as useGradientColor, Bt as useGroupReorder, qe as useGroupedData, He as useRowColor };
+export { nt as BulkActionBar, Qt as FormulaBar, Ye as GroupRow, Ht as ImportWizard, Ut as InlineEditing, ct as ObjectGrid, en as ObjectGridRenderer, tt as RowActionMenu, $t as SplitPaneGrid, Dt as VirtualGrid, et as formatActionLabel, Gt as useCellClipboard, $e as useColumnSummary, Yt as useGradientColor, Zt as useGroupReorder, Je as useGroupedData, He as useRowColor };