@object-ui/plugin-list 4.5.0 → 4.6.0

package/dist/index.js

@@ -2,23 +2,23 @@ import { ComponentRegistry as e, buildExpandFields as t, evaluatePlainCondition
 import * as a from "react";
 import { useCallback as o, useContext as s, useEffect as c, useMemo as l, useState as u } from "react";
 import { Button as d, Card as f, CardContent as p, FilterBuilder as m, GroupingEditor as h, Input as g, LookupValuePicker as _, NavigationOverlay as v, Popover as y, PopoverContent as b, PopoverTrigger as x, SortBuilder as S, cn as C } from "@object-ui/components";
-import { Activity as w, ArrowUpDown as T, Calendar as ee, CheckSquare as te, ChevronDown as E, ChevronRight as ne, Download as re, EyeOff as ie, GanttChartSquare as D, Grid as O, Group as ae, Images as k, Inbox as oe, LayoutGrid as A, Map as j, Paintbrush as se, Plus as M, Printer as ce, Rows2 as le, Rows3 as N, Rows4 as ue, Search as de, Settings2 as fe, Share2 as pe, SlidersHorizontal as me, Trash2 as he, X as ge, icons as _e } from "lucide-react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { useObjectLabel as ve, useObjectTranslation as ye, useSafeFieldLabel as be } from "@object-ui/i18n";
-import { SchemaRenderer as xe, SchemaRendererContext as Se, useDataScope as Ce, useDensityMode as we, useNavigationOverlay as Te, useSafeFieldLabel as Ee } from "@object-ui/react";
-import { usePullToRefresh as De } from "@object-ui/mobile";
-import { usePermissions as Oe } from "@object-ui/permissions";
-import { getCellRenderer as L, resolveCellRendererType as ke } from "@object-ui/fields";
+import { Activity as w, ArrowUpDown as T, Calendar as ee, CheckSquare as te, ChevronDown as E, ChevronRight as ne, Download as re, EyeOff as ie, GanttChartSquare as D, Grid as O, Group as ae, Images as k, Inbox as oe, LayoutGrid as A, Map as j, Paintbrush as se, Plus as M, Printer as ce, Rows2 as le, Rows3 as ue, Rows4 as de, Search as fe, Settings2 as pe, Share2 as me, SlidersHorizontal as he, Trash2 as ge, X as _e, icons as ve } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useObjectLabel as ye, useObjectTranslation as be, useSafeFieldLabel as xe } from "@object-ui/i18n";
+import { SchemaRenderer as Se, SchemaRendererContext as Ce, useDataScope as we, useDensityMode as Te, useNavigationOverlay as Ee, useSafeFieldLabel as De } from "@object-ui/react";
+import { usePullToRefresh as Oe } from "@object-ui/mobile";
+import { usePermissions as ke } from "@object-ui/permissions";
+import { getCellRenderer as I, resolveCellRendererType as Ae } from "@object-ui/fields";
 //#region src/ViewSwitcher.tsx
-var Ae = {
-	grid: /* @__PURE__ */ F(O, { className: "h-4 w-4" }),
-	kanban: /* @__PURE__ */ F(A, { className: "h-4 w-4" }),
-	gallery: /* @__PURE__ */ F(k, { className: "h-4 w-4" }),
-	calendar: /* @__PURE__ */ F(ee, { className: "h-4 w-4" }),
-	timeline: /* @__PURE__ */ F(w, { className: "h-4 w-4" }),
-	gantt: /* @__PURE__ */ F(D, { className: "h-4 w-4" }),
-	map: /* @__PURE__ */ F(j, { className: "h-4 w-4" })
-}, je = {
+var je = {
+	grid: /* @__PURE__ */ P(O, { className: "h-4 w-4" }),
+	kanban: /* @__PURE__ */ P(A, { className: "h-4 w-4" }),
+	gallery: /* @__PURE__ */ P(k, { className: "h-4 w-4" }),
+	calendar: /* @__PURE__ */ P(ee, { className: "h-4 w-4" }),
+	timeline: /* @__PURE__ */ P(w, { className: "h-4 w-4" }),
+	gantt: /* @__PURE__ */ P(D, { className: "h-4 w-4" }),
+	map: /* @__PURE__ */ P(j, { className: "h-4 w-4" })
+}, Me = {
 	grid: "Grid",
 	kanban: "Kanban",
 	gallery: "Gallery",
@@ -26,7 +26,7 @@ var Ae = {
 	timeline: "Timeline",
 	gantt: "Gantt",
 	map: "Map"
-}, Me = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
+}, Ne = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
 	let o = a.useCallback((t) => {
 		if (!i || t === e) {
 			n(t);
@@ -38,21 +38,21 @@ var Ae = {
 		e,
 		n
 	]);
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ P("div", {
 		className: C("flex items-center gap-1 bg-transparent oui-view-switcher", r),
 		children: t.map((t) => {
 			let n = e === t;
-			return /* @__PURE__ */ I("button", {
+			return /* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: () => o(t),
-				"aria-label": je[t],
-				title: je[t],
+				"aria-label": Me[t],
+				title: Me[t],
 				"aria-pressed": n,
 				"data-state": n ? "on" : "off",
 				className: C("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "hover:bg-muted hover:text-muted-foreground", "gap-2 px-3 py-2", "data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm border-transparent border data-[state=on]:border-border/50"),
-				children: [Ae[t], /* @__PURE__ */ F("span", {
+				children: [je[t], /* @__PURE__ */ P("span", {
 					className: "hidden sm:inline-block text-xs font-medium",
-					children: je[t]
+					children: Me[t]
 				})]
 			}, t);
 		})
@@ -60,23 +60,23 @@ var Ae = {
 };
 //#endregion
 //#region src/components/TabBar.tsx
-function Ne(e) {
-	return e ? _e[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
+function Pe(e) {
+	return e ? ve[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
 }
-function R(e) {
+function L(e) {
 	return e.filter((e) => e.pinned || e.visible !== "false" && e.visible !== !1).sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
 }
-var Pe = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
-	let i = a.useMemo(() => R(e), [e]), o = a.useMemo(() => i.find((e) => e.isDefault)?.name ?? i[0]?.name, [i]), [s, c] = a.useState(o), l = t ?? s, u = a.useCallback((e) => {
+var Fe = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
+	let i = a.useMemo(() => L(e), [e]), o = a.useMemo(() => i.find((e) => e.isDefault)?.name ?? i[0]?.name, [i]), [s, c] = a.useState(o), l = t ?? s, u = a.useCallback((e) => {
 		c(e.name), n?.(e);
 	}, [n]);
-	return i.length === 0 ? null : /* @__PURE__ */ F("div", {
+	return i.length === 0 ? null : /* @__PURE__ */ P("div", {
 		className: C("px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background", r),
 		"data-testid": "view-tabs",
 		role: "tablist",
 		children: i.map((e) => {
-			let t = Ne(e.icon), n = l === e.name;
-			return /* @__PURE__ */ I(d, {
+			let t = Pe(e.icon), n = l === e.name;
+			return /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				className: C("h-7 px-2.5 py-1 text-xs rounded-md transition-colors duration-150", n ? "font-medium text-foreground bg-muted" : "text-muted-foreground hover:text-foreground hover:bg-transparent"),
@@ -84,56 +84,56 @@ var Pe = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
 				role: "tab",
 				"aria-selected": n,
 				onClick: () => u(e),
-				children: [t && /* @__PURE__ */ F(t, { className: "h-3 w-3 mr-1.5" }), e.label]
+				children: [t && /* @__PURE__ */ P(t, { className: "h-3 w-3 mr-1.5" }), e.label]
 			}, e.name);
 		})
 	});
 };
 //#endregion
 //#region src/components/ViewSettingsPopover.tsx
-function z({ title: e, badge: t, onClear: n, clearLabel: r, defaultOpen: i = !0, children: o }) {
+function R({ title: e, badge: t, onClear: n, clearLabel: r, defaultOpen: i = !0, children: o }) {
 	let [s, c] = a.useState(i);
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ F("div", {
 		className: "border-b last:border-b-0",
-		children: [/* @__PURE__ */ I("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: "flex items-center justify-between px-3 py-2",
-			children: [/* @__PURE__ */ I("button", {
+			children: [/* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: () => c((e) => !e),
 				className: "flex items-center gap-1.5 text-xs font-medium text-foreground/80 hover:text-foreground",
 				children: [
-					/* @__PURE__ */ F(E, { className: C("h-3.5 w-3.5 transition-transform", !s && "-rotate-90") }),
+					/* @__PURE__ */ P(E, { className: C("h-3.5 w-3.5 transition-transform", !s && "-rotate-90") }),
 					e,
-					typeof t == "number" && t > 0 && /* @__PURE__ */ F("span", {
+					typeof t == "number" && t > 0 && /* @__PURE__ */ P("span", {
 						className: "ml-1 inline-flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary/10 px-1 text-[10px] text-primary tabular-nums",
 						children: t
 					})
 				]
-			}), n && /* @__PURE__ */ F("button", {
+			}), n && /* @__PURE__ */ P("button", {
 				type: "button",
 				onClick: n,
 				className: "text-[11px] text-muted-foreground hover:text-foreground",
 				children: r
 			})]
-		}), s && /* @__PURE__ */ F("div", {
+		}), s && /* @__PURE__ */ P("div", {
 			className: "px-3 pb-3",
 			children: o
 		})]
 	});
 }
-function Fe(e) {
+function Ie(e) {
 	let { t, allFields: n, showGroup: r, groupingConfig: i, setGroupingConfig: o, showColor: s, rowColorConfig: c, setRowColorConfig: l, showDensity: u, density: f, showHideFields: p, hiddenFields: m, updateHiddenFields: g } = e, [_, v] = a.useState(!1), S = [
 		!!i?.fields?.length,
 		!!c?.field,
 		f && f.mode !== "compact",
 		(m?.size ?? 0) > 0
-	].filter(Boolean).length, w = f?.mode === "compact" ? ue : f?.mode === "comfortable" ? N : le, T = t("list.viewSettings", { defaultValue: "View settings" });
-	return /* @__PURE__ */ I(y, {
+	].filter(Boolean).length, w = f?.mode === "compact" ? de : f?.mode === "comfortable" ? ue : le, T = t("list.viewSettings", { defaultValue: "View settings" });
+	return /* @__PURE__ */ F(y, {
 		open: _,
 		onOpenChange: v,
-		children: [/* @__PURE__ */ F(x, {
+		children: [/* @__PURE__ */ P(x, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(d, {
+			children: /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
 				"aria-label": T,
@@ -141,38 +141,38 @@ function Fe(e) {
 				className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", S > 0 && "text-foreground font-medium"),
 				"data-testid": "view-settings-trigger",
 				children: [
-					/* @__PURE__ */ F(fe, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ P(pe, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
+					/* @__PURE__ */ P("span", {
 						className: "hidden sm:inline",
 						children: T
 					}),
-					S > 0 && /* @__PURE__ */ F("span", {
+					S > 0 && /* @__PURE__ */ P("span", {
 						className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
 						children: S
 					})
 				]
 			})
-		}), /* @__PURE__ */ I(b, {
+		}), /* @__PURE__ */ F(b, {
 			align: "end",
 			className: "w-80 p-0",
 			"data-testid": "view-settings-content",
 			children: [
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ F("div", {
 					className: "px-3 py-2 border-b",
-					children: [/* @__PURE__ */ F("div", {
+					children: [/* @__PURE__ */ P("div", {
 						className: "text-sm font-semibold",
 						children: T
-					}), /* @__PURE__ */ F("div", {
+					}), /* @__PURE__ */ P("div", {
 						className: "text-[11px] text-muted-foreground",
 						children: t("list.viewSettingsHint", { defaultValue: "Grouping, color, density, and visible fields." })
 					})]
 				}),
-				r && o && /* @__PURE__ */ F(z, {
+				r && o && /* @__PURE__ */ P(R, {
 					title: t("list.group", { defaultValue: "Group" }),
 					badge: i?.fields?.length || 0,
 					onClear: i ? () => o(void 0) : void 0,
 					clearLabel: t("list.clear", { defaultValue: "Clear" }),
-					children: /* @__PURE__ */ F(h, {
+					children: /* @__PURE__ */ P(h, {
 						value: i,
 						fieldOptions: n.map((e) => ({
 							value: e.name,
@@ -187,15 +187,15 @@ function Fe(e) {
 						onChange: (e) => o(e)
 					})
 				}),
-				s && l && /* @__PURE__ */ I(z, {
+				s && l && /* @__PURE__ */ F(R, {
 					title: t("list.color", { defaultValue: "Row color" }),
 					onClear: c ? () => l(void 0) : void 0,
 					clearLabel: t("list.clear", { defaultValue: "Clear" }),
 					defaultOpen: !!c,
-					children: [/* @__PURE__ */ F("label", {
+					children: [/* @__PURE__ */ P("label", {
 						className: "block text-[11px] text-muted-foreground mb-1",
 						children: t("list.colorByField", { defaultValue: "Color by field" })
-					}), /* @__PURE__ */ I("select", {
+					}), /* @__PURE__ */ F("select", {
 						className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
 						value: c?.field || "",
 						onChange: (e) => {
@@ -206,47 +206,47 @@ function Fe(e) {
 							} : void 0);
 						},
 						"data-testid": "color-field-select",
-						children: [/* @__PURE__ */ F("option", {
+						children: [/* @__PURE__ */ P("option", {
 							value: "",
 							children: t("list.none", { defaultValue: "None" })
-						}), n.map((e) => /* @__PURE__ */ F("option", {
+						}), n.map((e) => /* @__PURE__ */ P("option", {
 							value: e.name,
 							children: e.label || e.name
 						}, e.name))]
 					})]
 				}),
-				u && f && /* @__PURE__ */ F(z, {
+				u && f && /* @__PURE__ */ P(R, {
 					title: t("grid.toolbar.densityMode", { defaultValue: "Density" }),
 					defaultOpen: f.mode !== "compact",
-					children: /* @__PURE__ */ I("div", {
+					children: /* @__PURE__ */ F("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ I(d, {
+						children: [/* @__PURE__ */ F(d, {
 							variant: "outline",
 							size: "sm",
 							className: "h-7 gap-1.5",
 							onClick: f.cycle,
 							"data-testid": "view-settings-density-cycle",
-							children: [/* @__PURE__ */ F(w, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ P(w, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ P("span", {
 								className: "text-xs",
 								children: f.mode === "compact" ? t("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : f.mode === "comfortable" ? t("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : t("grid.toolbar.densitySpacious", { defaultValue: "Spacious" })
 							})]
-						}), /* @__PURE__ */ F("span", {
+						}), /* @__PURE__ */ P("span", {
 							className: "text-[11px] text-muted-foreground",
 							children: t("grid.toolbar.densityCycleShortHint", { defaultValue: "Click to cycle" })
 						})]
 					})
 				}),
-				p && m && g && /* @__PURE__ */ F(z, {
+				p && m && g && /* @__PURE__ */ P(R, {
 					title: t("list.hideFieldsTitle", { defaultValue: "Hide fields" }),
 					badge: m.size,
 					onClear: m.size > 0 ? () => g(/* @__PURE__ */ new Set()) : void 0,
 					clearLabel: t("list.showAll", { defaultValue: "Show all" }),
 					defaultOpen: m.size > 0,
-					children: /* @__PURE__ */ F("div", {
+					children: /* @__PURE__ */ P("div", {
 						className: "max-h-48 overflow-y-auto space-y-0.5",
-						children: n.map((e) => /* @__PURE__ */ I("label", {
+						children: n.map((e) => /* @__PURE__ */ F("label", {
 							className: "flex items-center gap-2 text-xs py-1 px-1 rounded hover:bg-muted cursor-pointer",
-							children: [/* @__PURE__ */ F("input", {
+							children: [/* @__PURE__ */ P("input", {
 								type: "checkbox",
 								checked: !m.has(e.name),
 								onChange: () => {
@@ -254,7 +254,7 @@ function Fe(e) {
 									t.has(e.name) ? t.delete(e.name) : t.add(e.name), g(t);
 								},
 								className: "rounded border-input"
-							}), /* @__PURE__ */ F("span", {
+							}), /* @__PURE__ */ P("span", {
 								className: "truncate",
 								children: e.label || e.name
 							})]
@@ -267,23 +267,23 @@ function Fe(e) {
 }
 //#endregion
 //#region src/UserFilters.tsx
-function Ie() {
+function Le() {
 	try {
-		let { t: e } = ye(), t = e("common.more");
+		let { t: e } = be(), t = e("common.more");
 		return !t || t === "common.more" ? "More" : t;
 	} catch {
 		return "More";
 	}
 }
-var Le = new Set([
+var Re = new Set([
 	"lookup",
 	"master_detail",
 	"user",
 	"owner"
 ]);
-function Re({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a }) {
+function ze({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a }) {
 	switch (e.element) {
-		case "dropdown": return /* @__PURE__ */ F(B, {
+		case "dropdown": return /* @__PURE__ */ P(z, {
 			fields: e.fields || [],
 			objectDef: t,
 			data: n,
@@ -291,14 +291,14 @@ function Re({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 			maxVisible: i,
 			className: a
 		});
-		case "tabs": return /* @__PURE__ */ F(V, {
+		case "tabs": return /* @__PURE__ */ P(B, {
 			tabs: e.tabs || [],
 			showAllRecords: e.showAllRecords !== !1,
 			allowAddTab: e.allowAddTab,
 			onFilterChange: r,
 			className: a
 		});
-		case "toggle": return /* @__PURE__ */ F(Be, {
+		case "toggle": return /* @__PURE__ */ P(Ve, {
 			fields: e.fields || [],
 			onFilterChange: r,
 			className: a
@@ -306,7 +306,7 @@ function Re({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 		default: return null;
 	}
 }
-function ze(e, t, n, r) {
+function Be(e, t, n, r) {
 	return e.map((e) => {
 		let i = e.options ? [...e.options] : [], a = e.type, o, s, c;
 		if (t?.fields) {
@@ -343,13 +343,13 @@ function ze(e, t, n, r) {
 		};
 	});
 }
-function B({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i, className: o }) {
-	let { fieldLabel: s, translateOptions: c } = be(), l = Ie(), u = t?.name, [d, f] = a.useState(() => {
+function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i, className: o }) {
+	let { fieldLabel: s, translateOptions: c } = xe(), l = Le(), u = t?.name, [d, f] = a.useState(() => {
 		let t = {};
 		return e.forEach((e) => {
 			e.defaultValues && e.defaultValues.length > 0 && (t[e.field] = e.defaultValues);
 		}), t;
-	}), p = a.useMemo(() => ze(e, t, n, {
+	}), p = a.useMemo(() => Be(e, t, n, {
 		objectName: u,
 		fieldLabel: s,
 		translateOptions: c
@@ -377,36 +377,36 @@ function B({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 		Object.values(d).some((e) => e.length > 0) && m(d);
 	}, []);
 	let g = i !== void 0 && i < p.length ? p.slice(0, i) : p, v = i !== void 0 && i < p.length ? p.slice(i) : [], S = (e) => {
-		let t = d[e.field] || [], n = t.length > 0, r = Le.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), i = r ? "w-72" : "w-56";
-		return /* @__PURE__ */ I(y, { children: [/* @__PURE__ */ F(x, {
+		let t = d[e.field] || [], n = t.length > 0, r = Re.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), i = r ? "w-72" : "w-56";
+		return /* @__PURE__ */ F(y, { children: [/* @__PURE__ */ P(x, {
 			asChild: !0,
-			children: /* @__PURE__ */ I("button", {
+			children: /* @__PURE__ */ F("button", {
 				"data-testid": `filter-badge-${e.field}`,
 				className: C("inline-flex items-center gap-1 h-7 px-2 text-xs transition-colors shrink-0 rounded-md", n ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"),
 				children: [
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ P("span", {
 						className: "truncate max-w-[100px]",
 						children: e.label || e.field
 					}),
-					n && /* @__PURE__ */ F("span", {
+					n && /* @__PURE__ */ P("span", {
 						className: "text-[10px] text-muted-foreground/80 tabular-nums",
 						children: t.length
 					}),
-					n ? /* @__PURE__ */ F(ge, {
+					n ? /* @__PURE__ */ P(_e, {
 						className: "h-3 w-3 opacity-60 hover:opacity-100",
 						"data-testid": `filter-clear-${e.field}`,
 						onClick: (t) => {
 							t.stopPropagation(), h(e.field, []);
 						}
-					}) : /* @__PURE__ */ F(E, { className: "h-3 w-3 opacity-60" })
+					}) : /* @__PURE__ */ P(E, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ F(b, {
+		}), /* @__PURE__ */ P(b, {
 			align: "start",
 			className: C(i, "p-2"),
-			children: r ? /* @__PURE__ */ F("div", {
+			children: r ? /* @__PURE__ */ P("div", {
 				"data-testid": `filter-lookup-${e.field}`,
-				children: /* @__PURE__ */ F(_, {
+				children: /* @__PURE__ */ P(_, {
 					field: {
 						value: e.field,
 						label: e.label || e.field,
@@ -422,16 +422,16 @@ function B({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 						h(e.field, n);
 					}
 				})
-			}) : /* @__PURE__ */ F("div", {
+			}) : /* @__PURE__ */ P("div", {
 				className: "max-h-60 overflow-y-auto space-y-0.5",
 				"data-testid": `filter-options-${e.field}`,
-				children: e.options.length === 0 ? /* @__PURE__ */ F("div", {
+				children: e.options.length === 0 ? /* @__PURE__ */ P("div", {
 					className: "px-2 py-3 text-center text-xs text-muted-foreground",
 					children: "No options"
-				}) : e.options.map((n) => /* @__PURE__ */ I("label", {
+				}) : e.options.map((n) => /* @__PURE__ */ F("label", {
 					className: C("flex items-center gap-2 text-sm py-1.5 px-2 rounded cursor-pointer", t.includes(n.value) ? "bg-primary/5 text-primary" : "hover:bg-muted"),
 					children: [
-						/* @__PURE__ */ F("input", {
+						/* @__PURE__ */ P("input", {
 							type: "checkbox",
 							checked: t.includes(n.value),
 							onChange: () => {
@@ -440,15 +440,15 @@ function B({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 							},
 							className: "rounded border-input"
 						}),
-						n.color && /* @__PURE__ */ F("span", {
+						n.color && /* @__PURE__ */ P("span", {
 							className: "h-2.5 w-2.5 rounded-full shrink-0",
 							style: { backgroundColor: n.color }
 						}),
-						/* @__PURE__ */ F("span", {
+						/* @__PURE__ */ P("span", {
 							className: "truncate flex-1",
 							children: n.label
 						}),
-						n.count !== void 0 && /* @__PURE__ */ F("span", {
+						n.count !== void 0 && /* @__PURE__ */ P("span", {
 							className: "text-xs text-muted-foreground",
 							children: n.count
 						})
@@ -457,39 +457,39 @@ function B({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 			})
 		})] }, e.field);
 	};
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ P("div", {
 		className: C("flex items-center gap-0.5 overflow-x-auto", o),
 		"data-testid": "user-filters-dropdown",
-		children: p.length === 0 ? /* @__PURE__ */ F("span", {
+		children: p.length === 0 ? /* @__PURE__ */ P("span", {
 			className: "text-xs text-muted-foreground",
 			"data-testid": "user-filters-empty",
 			children: "No filter fields"
-		}) : /* @__PURE__ */ I(P, { children: [g.map(S), v.length > 0 && /* @__PURE__ */ I(y, { children: [/* @__PURE__ */ F(x, {
+		}) : /* @__PURE__ */ F(N, { children: [g.map(S), v.length > 0 && /* @__PURE__ */ F(y, { children: [/* @__PURE__ */ P(x, {
 			asChild: !0,
-			children: /* @__PURE__ */ I("button", {
+			children: /* @__PURE__ */ F("button", {
 				"data-testid": "user-filters-more",
 				className: "inline-flex items-center gap-1 h-7 px-2 text-xs text-muted-foreground hover:text-foreground transition-colors shrink-0 rounded-md",
 				children: [
-					/* @__PURE__ */ F("span", { children: l }),
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ P("span", { children: l }),
+					/* @__PURE__ */ P("span", {
 						className: "text-[10px] text-muted-foreground/80 tabular-nums",
 						children: v.length
 					}),
-					/* @__PURE__ */ F(E, { className: "h-3 w-3 opacity-60" })
+					/* @__PURE__ */ P(E, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ F(b, {
+		}), /* @__PURE__ */ P(b, {
 			align: "start",
 			className: "w-64 p-2",
 			"data-testid": "user-filters-more-content",
-			children: /* @__PURE__ */ F("div", {
+			children: /* @__PURE__ */ P("div", {
 				className: "space-y-1",
 				children: v.map(S)
 			})
 		})] })] })
 	});
 }
-function V({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, className: i }) {
+function B({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, className: i }) {
 	let [o, s] = a.useState(() => e.find((e) => e.default)?.id || (t ? "__all__" : e[0]?.id || "")), c = a.useCallback((t) => {
 		s(t), r(t === "__all__" ? [] : e.find((e) => e.id === t)?.filters || []);
 	}, [e, r]), l = a.useMemo(() => {
@@ -503,23 +503,23 @@ function V({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, clas
 	return a.useEffect(() => {
 		let t = e.find((e) => e.default);
 		t && r(t.filters || []);
-	}, []), /* @__PURE__ */ I("div", {
+	}, []), /* @__PURE__ */ F("div", {
 		className: C("flex items-center gap-0.5 overflow-x-auto", i),
 		"data-testid": "user-filters-tabs",
-		children: [l.map((e) => /* @__PURE__ */ F("button", {
+		children: [l.map((e) => /* @__PURE__ */ P("button", {
 			"data-testid": `filter-tab-${e.id}`,
 			onClick: () => c(e.id),
 			className: C("inline-flex items-center h-7 px-3 text-xs font-medium rounded-md transition-colors shrink-0", o === e.id ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
 			children: e.label
-		}, e.id)), n && /* @__PURE__ */ F("button", {
+		}, e.id)), n && /* @__PURE__ */ P("button", {
 			className: "inline-flex items-center justify-center h-7 w-7 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted shrink-0",
 			"data-testid": "filter-tab-add",
 			title: "Add filter tab",
-			children: /* @__PURE__ */ F(M, { className: "h-3.5 w-3.5" })
+			children: /* @__PURE__ */ P(M, { className: "h-3.5 w-3.5" })
 		})]
 	});
 }
-function Be({ fields: e, onFilterChange: t, className: n }) {
+function Ve({ fields: e, onFilterChange: t, className: n }) {
 	let [r, i] = a.useState(() => {
 		let t = /* @__PURE__ */ new Set();
 		return e.forEach((e) => {
@@ -546,10 +546,10 @@ function Be({ fields: e, onFilterChange: t, className: n }) {
 	};
 	return a.useEffect(() => {
 		r.size > 0 && o(r);
-	}, []), /* @__PURE__ */ F("div", {
+	}, []), /* @__PURE__ */ P("div", {
 		className: C("flex items-center gap-1 overflow-x-auto", n),
 		"data-testid": "user-filters-toggle",
-		children: e.map((e) => /* @__PURE__ */ F(d, {
+		children: e.map((e) => /* @__PURE__ */ P(d, {
 			variant: r.has(e.field) ? "default" : "outline",
 			size: "sm",
 			className: "h-7 px-3 text-xs shrink-0",
@@ -561,7 +561,7 @@ function Be({ fields: e, onFilterChange: t, className: n }) {
 }
 //#endregion
 //#region src/ListView.tsx
-function Ve(e) {
+function He(e) {
 	switch (e) {
 		case "equals":
 		case "eq": return "=";
@@ -585,10 +585,10 @@ function Ve(e) {
 		default: return e;
 	}
 }
-function H(e) {
+function V(e) {
 	if (!Array.isArray(e) || e.length < 3) return e;
 	let [t, n, r] = e;
-	return typeof t == "string" && (t === "and" || t === "or") ? [t, ...e.slice(1).map((e) => Array.isArray(e) ? H(e) : e)] : n === "in" && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
+	return typeof t == "string" && (t === "and" || t === "or") ? [t, ...e.slice(1).map((e) => Array.isArray(e) ? V(e) : e)] : n === "in" && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
 		t,
 		"=",
 		r[0]
@@ -606,15 +606,15 @@ function H(e) {
 		e
 	])] : e;
 }
-function He(e) {
-	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-}
 function Ue(e) {
-	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? H(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
+	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
 function We(e) {
+	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? V(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
+}
+function Ge(e) {
 	if (!e || !e.conditions || e.conditions.length === 0) return [];
-	let t = Ue(e.conditions.map((e) => e.operator === "isEmpty" ? [
+	let t = We(e.conditions.map((e) => e.operator === "isEmpty" ? [
 		e.field,
 		"=",
 		null
@@ -624,12 +624,12 @@ function We(e) {
 		null
 	] : [
 		e.field,
-		Ve(e.operator),
+		He(e.operator),
 		e.value
 	]));
 	return t.length === 0 ? [] : t.length === 1 ? t[0] : [e.logic, ...t];
 }
-function U(e, t) {
+function H(e, t) {
 	if (!t || t.length === 0) return {};
 	for (let r of t) {
 		let t = !1, i = ("condition" in r ? r.condition : void 0) || ("expression" in r ? r.expression : void 0) || void 0;
@@ -664,7 +664,7 @@ function U(e, t) {
 	}
 	return {};
 }
-var Ge = {
+var Ke = {
 	"list.recordCount": "{{count}} records",
 	"list.recordCountOne": "{{count}} record",
 	"list.noItems": "No items found",
@@ -703,29 +703,29 @@ var Ge = {
 	"grid.toolbar.densityCycleShortHint": "Click to cycle",
 	"list.viewSettings": "View settings",
 	"list.viewSettingsHint": "Grouping, color, density, and visible fields."
-}, Ke = (e, t, n) => n, W = (e, t) => {
-	let n = Ge[e] || e;
+}, qe = (e, t, n) => n, U = (e, t) => {
+	let n = Ke[e] || e;
 	if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 	return n;
 };
-function qe() {
+function Je() {
 	try {
-		let e = ye();
-		return e.t("list.recordCount") === "list.recordCount" ? { t: W } : { t: e.t };
+		let e = be();
+		return e.t("list.recordCount") === "list.recordCount" ? { t: U } : { t: e.t };
 	} catch {
-		return { t: W };
+		return { t: U };
 	}
 }
-function Je() {
+function Ye() {
 	try {
-		let { fieldLabel: e } = ve();
+		let { fieldLabel: e } = ye();
 		return { fieldLabel: e };
 	} catch {
-		return { fieldLabel: Ke };
+		return { fieldLabel: qe };
 	}
 }
-var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange: s, onSortChange: c, onSearchChange: l, onHiddenFieldsChange: u, onColumnStateChange: f, onRowClick: p, showViewSwitcher: _ = !1, ...w }, ee) => {
-	let { t: E } = qe(), { fieldLabel: ne } = Je(), { translateOptions: D } = be(), O = a.useMemo(() => e.viewType ? e : {
+var Xe = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange: s, onSortChange: c, onSearchChange: l, onHiddenFieldsChange: u, onColumnStateChange: f, onRowClick: p, showViewSwitcher: _ = !1, ...w }, ee) => {
+	let { t: E } = Je(), { fieldLabel: ne } = Ye(), { translateOptions: D } = xe(), O = a.useMemo(() => e.viewType ? e : {
 		...e,
 		viewType: "grid"
 	}, [e]), k = a.useCallback((e, t) => O.objectName ? ne(O.objectName, e, t) : t, [O.objectName, ne]), A = a.useMemo(() => {
@@ -754,7 +754,7 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		O.compactToolbar,
 		O.addRecord,
 		O.userActions?.addRecordForm
-	]), [j, fe] = a.useState(O.viewType), [P, ve] = a.useState(""), [ye, Se] = a.useState(!1), [Ce, Ee] = a.useState(!1), [L, ke] = a.useState(() => O.sort && O.sort.length > 0 ? O.sort.map((e) => {
+	]), [j, pe] = a.useState(O.viewType), [N, ye] = a.useState(""), [be, Ce] = a.useState(!1), [we, De] = a.useState(!1), [I, Ae] = a.useState(() => O.sort && O.sort.length > 0 ? O.sort.map((e) => {
 		if (typeof e == "string") {
 			let t = e.trim().split(/\s+/);
 			return {
@@ -768,9 +768,9 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 			field: e.field,
 			order: e.order || "asc"
 		};
-	}) : []), Ae = a.useMemo(() => JSON.stringify(O.sort || []), [O.sort]);
+	}) : []), je = a.useMemo(() => JSON.stringify(O.sort || []), [O.sort]);
 	a.useEffect(() => {
-		O.sort && O.sort.length > 0 ? ke(O.sort.map((e) => {
+		O.sort && O.sort.length > 0 ? Ae(O.sort.map((e) => {
 			if (typeof e == "string") {
 				let t = e.trim().split(/\s+/);
 				return {
@@ -784,41 +784,41 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 				field: e.field,
 				order: e.order || "asc"
 			};
-		})) : ke([]);
-	}, [Ae]);
-	let [je, Ne] = a.useState(!1), [R, z] = a.useState({
+		})) : Ae([]);
+	}, [je]);
+	let [Me, Pe] = a.useState(!1), [L, R] = a.useState({
 		id: "root",
 		logic: "and",
 		conditions: []
-	}), [Ie, Le] = a.useState(() => {
+	}), [Le, Re] = a.useState(() => {
 		if (!(!O.tabs || O.tabs.length === 0)) return O.tabs.find((e) => e.isDefault)?.name ?? O.tabs[0]?.name;
-	}), ze = a.useCallback((e) => {
-		if (Le(e.name), e.filter) {
+	}), Be = a.useCallback((e) => {
+		if (Re(e.name), e.filter) {
 			let t = {
 				id: `tab-filter-${e.name}`,
 				logic: e.filter.logic || "and",
 				conditions: e.filter.conditions || []
 			};
-			z(t), s?.(t);
+			R(t), s?.(t);
 		} else {
 			let e = {
 				id: "root",
 				logic: "and",
 				conditions: []
 			};
-			z(e), s?.(e);
+			R(e), s?.(e);
 		}
-	}, [s]), B = w.dataSource, [V, Be] = a.useState([]), [Ve, H] = a.useState(!1), [U, Ge] = a.useState(null), [Ke, W] = a.useState(!1), [Ye, Xe] = a.useState(0), [Ze, Qe] = a.useState(!1);
-	a.useImperativeHandle(ee, () => ({ refresh: () => Xe((e) => e + 1) }), []), a.useEffect(() => {
-		if (!(!B?.onMutation || !O.objectName || O.refreshTrigger)) return B.onMutation((e) => {
-			e.resource === O.objectName && Xe((e) => e + 1);
+	}, [s]), z = w.dataSource, [B, Ve] = a.useState([]), [He, V] = a.useState(!1), [H, Ke] = a.useState(null), [qe, U] = a.useState(!1), [Xe, Ze] = a.useState(0), [Qe, $e] = a.useState(!1);
+	a.useImperativeHandle(ee, () => ({ refresh: () => Ze((e) => e + 1) }), []), a.useEffect(() => {
+		if (!(!z?.onMutation || !O.objectName || O.refreshTrigger)) return z.onMutation((e) => {
+			e.resource === O.objectName && Ze((e) => e + 1);
 		});
 	}, [
-		B,
+		z,
 		O.objectName,
 		O.refreshTrigger
 	]);
-	let [$e, et] = a.useState(void 0), tt = $e ?? O.pagination?.pageSize ?? 100, G = a.useMemo(() => {
+	let [et, tt] = a.useState(void 0), nt = et ?? O.pagination?.pageSize ?? 100, W = a.useMemo(() => {
 		if (O.grouping?.fields?.length) return O.grouping;
 		let e = typeof O.groupBy == "string" ? O.groupBy.trim() : "", t = typeof O.groupBy2 == "string" ? O.groupBy2.trim() : "", n = [];
 		return e && n.push({
@@ -834,24 +834,24 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		O.grouping,
 		O.groupBy,
 		O.groupBy2
-	]), [K, nt] = a.useState(G), [rt, it] = a.useState(!1), at = a.useRef(G);
+	]), [G, rt] = a.useState(W), [it, at] = a.useState(!1), ot = a.useRef(W);
 	a.useEffect(() => {
-		at.current !== G && (at.current = G, nt(G));
-	}, [G]);
-	let [q, ot] = a.useState(O.rowColor), [st, ct] = a.useState(!1), [lt, ut] = a.useState([]), dt = a.useRef(0), [ft, pt] = a.useState(() => {
+		ot.current !== W && (ot.current = W, rt(W));
+	}, [W]);
+	let [K, st] = a.useState(O.rowColor), [ct, lt] = a.useState(!1), [ut, dt] = a.useState([]), ft = a.useRef(0), [pt, mt] = a.useState(() => {
 		let e = /* @__PURE__ */ new Set();
 		return O.quickFilters?.forEach((t) => {
 			let n = r(t);
 			n.defaultActive && e.add(n.id);
 		}), e;
-	}), [mt, ht] = a.useState([]), gt = a.useMemo(() => {
+	}), [ht, gt] = a.useState([]), _t = a.useMemo(() => {
 		if (O.userFilters) return O.userFilters;
-		if (!U?.fields) return;
+		if (!H?.fields) return;
 		let e = new Set([
 			"select",
 			"multi-select",
 			"boolean"
-		]), t = [], n = Array.isArray(U.fields) ? U.fields.map((e) => [e.name, e]) : Object.entries(U.fields);
+		]), t = [], n = Array.isArray(H.fields) ? H.fields.map((e) => [e.name, e]) : Object.entries(H.fields);
 		for (let [r, i] of n) (e.has(i.type) || i.options && !i.type) && t.push({
 			field: r,
 			label: k(r, i.label || r),
@@ -861,65 +861,65 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 			element: "dropdown",
 			fields: t
 		};
-	}, [O.userFilters, U]), [J, _t] = a.useState(() => new Set(O.hiddenFields || [])), vt = a.useMemo(() => JSON.stringify(O.hiddenFields || []), [O.hiddenFields]);
+	}, [O.userFilters, H]), [q, vt] = a.useState(() => new Set(O.hiddenFields || [])), yt = a.useMemo(() => JSON.stringify(O.hiddenFields || []), [O.hiddenFields]);
 	a.useEffect(() => {
-		_t(new Set(O.hiddenFields || []));
-	}, [vt]);
-	let yt = a.useCallback((e) => {
-		_t(e), u?.(Array.from(e));
-	}, [u]), [bt, xt] = a.useState(!1), [St, Ct] = a.useState(!1), Y = a.useMemo(() => i(O.quickFilters), [O.quickFilters]), X = a.useMemo(() => {
+		vt(new Set(O.hiddenFields || []));
+	}, [yt]);
+	let bt = a.useCallback((e) => {
+		vt(e), u?.(Array.from(e));
+	}, [u]), [xt, St] = a.useState(!1), [Ct, wt] = a.useState(!1), J = a.useMemo(() => i(O.quickFilters), [O.quickFilters]), Y = a.useMemo(() => {
 		if (O.exportOptions) return Array.isArray(O.exportOptions) ? { formats: O.exportOptions } : O.exportOptions;
-	}, [O.exportOptions]), Z = we(a.useMemo(() => O.densityMode ? O.densityMode : O.rowHeight ? {
+	}, [O.exportOptions]), X = Te(a.useMemo(() => O.densityMode ? O.densityMode : O.rowHeight ? {
 		compact: "compact",
 		short: "compact",
 		medium: "comfortable",
 		tall: "spacious",
 		extra_tall: "spacious"
-	}[O.rowHeight] || "comfortable" : "compact", [O.densityMode, O.rowHeight]), { onChange: O.onDensityChange }), wt = a.useMemo(() => `objectui:gallery:density:${O.objectName ?? "default"}`, [O.objectName]), [Q, Tt] = a.useState(() => {
+	}[O.rowHeight] || "comfortable" : "compact", [O.densityMode, O.rowHeight]), { onChange: O.onDensityChange }), Tt = a.useMemo(() => `objectui:gallery:density:${O.objectName ?? "default"}`, [O.objectName]), [Z, Et] = a.useState(() => {
 		if (typeof window > "u") return O.gallery?.cardSize ?? "medium";
 		try {
-			let e = window.localStorage.getItem(wt);
+			let e = window.localStorage.getItem(Tt);
 			if (e === "small" || e === "medium" || e === "large") return e;
 		} catch {}
 		return O.gallery?.cardSize ?? "medium";
-	}), Et = a.useCallback(() => {
-		Tt((e) => {
+	}), Dt = a.useCallback(() => {
+		Et((e) => {
 			let t = e === "large" ? "medium" : e === "medium" ? "small" : "large";
 			try {
-				window.localStorage.setItem(wt, t);
+				window.localStorage.setItem(Tt, t);
 			} catch {}
 			return t;
 		});
-	}, [wt]), { ref: Dt, isRefreshing: Ot, pullDistance: kt } = De({
+	}, [Tt]), { ref: Ot, isRefreshing: kt, pullDistance: At } = Oe({
 		onRefresh: a.useCallback(async () => {
-			Xe((e) => e + 1);
+			Ze((e) => e + 1);
 		}, []),
-		enabled: !!B && !!O.objectName
-	}), At = a.useMemo(() => O.id ? `listview-${O.objectName}-${O.id}-view` : `listview-${O.objectName}-view`, [O.objectName, O.id]);
+		enabled: !!z && !!O.objectName
+	}), jt = a.useMemo(() => O.id ? `listview-${O.objectName}-${O.id}-view` : `listview-${O.objectName}-view`, [O.objectName, O.id]);
 	a.useEffect(() => {
 		let e = !0;
-		return W(!1), Ge(null), (async () => {
-			if (!B || !O.objectName) {
-				W(!0);
+		return U(!1), Ke(null), (async () => {
+			if (!z || !O.objectName) {
+				U(!0);
 				return;
 			}
-			if (typeof B.getObjectSchema != "function") {
-				W(!0);
+			if (typeof z.getObjectSchema != "function") {
+				U(!0);
 				return;
 			}
 			try {
-				let t = await B.getObjectSchema(O.objectName);
-				e && Ge(t);
+				let t = await z.getObjectSchema(O.objectName);
+				e && Ke(t);
 			} catch (e) {
 				console.warn("Failed to fetch object schema for ListView:", e);
 			} finally {
-				e && W(!0);
+				e && U(!0);
 			}
 		})(), () => {
 			e = !1;
 		};
-	}, [O.objectName, B]);
-	let jt = a.useMemo(() => {
+	}, [O.objectName, z]);
+	let Mt = a.useMemo(() => {
 		let e = Array.isArray(O.fields) ? O.fields.map((e) => typeof e == "string" ? e : e?.field).filter((e) => typeof e == "string" && e.length > 0) : [], n = new Set(e), r = (e) => {
 			if (!e) return;
 			let t = [
@@ -946,9 +946,9 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		};
 		r(O.kanban), r(O.options?.kanban), r(O.calendar), r(O.options?.calendar), r(O.gallery), r(O.options?.gallery), r(O.timeline), r(O.options?.timeline), r(O.gantt), r(O.options?.gantt);
 		let i = n.size > 0 ? Array.from(n) : void 0;
-		return t(U?.fields, i);
+		return t(H?.fields, i);
 	}, [
-		U?.fields,
+		H?.fields,
 		O.fields,
 		O.kanban,
 		O.calendar,
@@ -956,57 +956,57 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		O.timeline,
 		O.gantt,
 		O.options
-	]);
+	]), Q = ke();
 	a.useEffect(() => {
-		let e = !0, t = ++dt.current;
+		let e = !0, t = ++ft.current;
 		if (O.data && typeof O.data == "object" && !Array.isArray(O.data)) {
 			let e = O.data;
 			if (e.provider === "value" && Array.isArray(e.items)) {
 				let t = e.items;
-				if (P) {
-					let e = P.toLowerCase();
+				if (N) {
+					let e = N.toLowerCase();
 					t = t.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
 				}
-				Be(t), H(!1), Qe(!1);
+				Ve(t), V(!1), $e(!1);
 				return;
 			}
 		}
 		if (Array.isArray(O.data)) {
 			let e = O.data;
-			if (P) {
-				let t = P.toLowerCase();
+			if (N) {
+				let t = N.toLowerCase();
 				e = e.filter((e) => Object.values(e).some((e) => e != null && String(e).toLowerCase().includes(t)));
 			}
-			Be(e), H(!1), Qe(!1);
+			Ve(e), V(!1), $e(!1);
 			return;
 		}
-		return Ke ? ((async () => {
-			if (!(!B || !O.objectName)) {
-				H(!0);
+		return qe ? ((async () => {
+			if (!(!z || !O.objectName)) {
+				V(!0);
 				try {
-					let n = [], r = O.filters || [], i = We(R), a = [];
-					Y && ft.size > 0 && Y.forEach((e) => {
-						ft.has(e.id) && e.filters && e.filters.length > 0 && a.push(e.filters);
+					let n = [], r = O.filters || [], i = Ge(L), a = [];
+					J && pt.size > 0 && J.forEach((e) => {
+						pt.has(e.id) && e.filters && e.filters.length > 0 && a.push(e.filters);
 					});
-					let o = Ue(mt), s = [
+					let o = We(ht), s = [
 						...r.length > 0 ? [r] : [],
 						...i.length > 0 ? [i] : [],
 						...a,
 						...o
 					].filter((e) => Array.isArray(e) && e.length > 0);
 					s.length > 1 ? n = ["and", ...s] : s.length === 1 && (n = s[0]);
-					let c = L.length > 0 ? L.filter((e) => e.field).map((e) => ({
+					let c = I.length > 0 ? I.filter((e) => e.field).map((e) => ({
 						field: e.field,
 						order: e.order
 					})) : void 0, l = (() => {
-						let e = Array.isArray(O.fields) ? O.fields.map((e) => typeof e == "string" ? e : e?.field).filter((e) => typeof e == "string" && e.length > 0) : [];
-						if (e.length === 0) return;
-						let t = new Set(["id"]);
-						for (let n of e) t.add(n);
-						for (let e of jt) t.add(e);
-						let n = (e) => {
+						let e = Array.isArray(O.fields) ? O.fields.map((e) => typeof e == "string" ? e : e?.field).filter((e) => typeof e == "string" && e.length > 0) : [], t = Q?.isLoaded && O.objectName ? e.filter((e) => Q.checkField(O.objectName, e, "read")) : e;
+						if (t.length === 0) return;
+						let n = new Set(["id"]);
+						for (let e of t) n.add(e);
+						for (let e of Mt) n.add(e);
+						let r = (e) => {
 							if (!e) return;
-							let n = [
+							let t = [
 								e.groupField,
 								e.groupBy,
 								e.titleField,
@@ -1026,32 +1026,32 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 								...Array.isArray(e.visibleFields) ? e.visibleFields : [],
 								...Array.isArray(e.metaFields) ? e.metaFields : []
 							];
-							for (let e of n) typeof e == "string" && e && t.add(e);
+							for (let e of t) typeof e == "string" && e && n.add(e);
 						};
-						n(O.kanban), n(O.options?.kanban), n(O.calendar), n(O.options?.calendar), n(O.gallery), n(O.options?.gallery), n(O.timeline), n(O.options?.timeline);
+						r(O.kanban), r(O.options?.kanban), r(O.calendar), r(O.options?.calendar), r(O.gallery), r(O.options?.gallery), r(O.timeline), r(O.options?.timeline);
 						{
 							let e = O.timeline ?? O.options?.timeline;
-							e && !Array.isArray(e.metaFields) && (t.add("status"), t.add("priority"));
+							e && !Array.isArray(e.metaFields) && (n.add("status"), n.add("priority"));
 						}
-						return n(O.gantt), n(O.options?.gantt), Array.from(t);
-					})(), u = Array.isArray(n) ? n.length > 0 : !!n && Object.keys(n).length > 0, d = await B.find(O.objectName, {
+						return r(O.gantt), r(O.options?.gantt), Array.from(n);
+					})(), u = Array.isArray(n) ? n.length > 0 : !!n && Object.keys(n).length > 0, d = await z.find(O.objectName, {
 						...u ? { $filter: n } : {},
 						$orderby: c,
-						$top: tt,
+						$top: nt,
 						...l ? { $select: l } : {},
-						...jt.length > 0 ? { $expand: jt } : {},
-						...P ? {
-							$search: P,
+						...Mt.length > 0 ? { $expand: Mt } : {},
+						...N ? {
+							$search: N,
 							...O.searchableFields && O.searchableFields.length > 0 ? { $searchFields: O.searchableFields } : {}
 						} : {}
 					});
-					if (!e || t !== dt.current) return;
+					if (!e || t !== ft.current) return;
 					let f = [];
-					Array.isArray(d) ? f = d : d && typeof d == "object" && (Array.isArray(d.data) ? f = d.data : Array.isArray(d.records) ? f = d.records : Array.isArray(d.value) && (f = d.value)), Be(f), Qe(f.length >= tt);
+					Array.isArray(d) ? f = d : d && typeof d == "object" && (Array.isArray(d.data) ? f = d.data : Array.isArray(d.records) ? f = d.records : Array.isArray(d.value) && (f = d.value)), Ve(f), $e(f.length >= nt);
 				} catch (e) {
-					t === dt.current && console.error("ListView data fetch error:", e);
+					t === ft.current && console.error("ListView data fetch error:", e);
 				} finally {
-					e && t === dt.current && H(!1);
+					e && t === ft.current && V(!1);
 				}
 			}
 		})(), () => {
@@ -1060,22 +1060,23 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 	}, [
 		O.objectName,
 		O.data,
-		B,
+		z,
 		O.filters,
-		tt,
+		nt,
+		I,
 		L,
-		R,
-		ft,
-		Y,
-		mt,
-		Ye,
-		P,
+		pt,
+		J,
+		ht,
+		Xe,
+		N,
 		O.searchableFields,
-		jt,
-		Ke,
-		O.refreshTrigger
+		Mt,
+		qe,
+		O.refreshTrigger,
+		Q
 	]);
-	let Mt = a.useMemo(() => {
+	let Nt = a.useMemo(() => {
 		if (O.appearance?.allowedVisualizations && O.appearance.allowedVisualizations.length > 0) return O.appearance.allowedVisualizations.filter((e) => [
 			"grid",
 			"kanban",
@@ -1106,31 +1107,31 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		O.appearance?.allowedVisualizations
 	]);
 	a.useEffect(() => {
-		O.viewType && fe(O.viewType);
+		O.viewType && pe(O.viewType);
 	}, [O.viewType]);
-	let Nt = a.useCallback((e) => {
-		fe(e);
+	let Pt = a.useCallback((e) => {
+		pe(e);
 		try {
-			localStorage.setItem(At, e);
+			localStorage.setItem(jt, e);
 		} catch (e) {
 			console.warn("Failed to save view preference to localStorage:", e);
 		}
 		o?.(e);
-	}, [At, o]), Pt = a.useCallback((e) => {
-		ve(e), l?.(e);
-	}, [l]), Ft = Te({
+	}, [jt, o]), Ft = a.useCallback((e) => {
+		ye(e), l?.(e);
+	}, [l]), It = Ee({
 		navigation: O.navigation,
 		objectName: O.objectName,
 		onNavigate: O.onNavigate,
 		onRowClick: p
-	}), It = Oe(), $ = a.useMemo(() => {
+	}), $ = a.useMemo(() => {
 		let e = O.fields || [];
-		if (Array.isArray(e) || (e = []), It?.isLoaded && O.objectName && (e = e.filter((e) => {
+		if (Array.isArray(e) || (e = []), Q?.isLoaded && O.objectName && (e = e.filter((e) => {
 			let t = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field;
-			return t ? It.checkField(O.objectName, t, "read") : !0;
-		})), J.size > 0 && (e = e.filter((e) => {
+			return t ? Q.checkField(O.objectName, t, "read") : !0;
+		})), q.size > 0 && (e = e.filter((e) => {
 			let t = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field;
-			return t != null && !J.has(t);
+			return t != null && !q.has(t);
 		})), O.fieldOrder && O.fieldOrder.length > 0) {
 			let t = new Map(O.fieldOrder.map((e, t) => [e, t]));
 			e = [...e].sort((e, n) => {
@@ -1142,18 +1143,18 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 	}, [
 		O.fields,
 		O.objectName,
-		J,
+		q,
 		O.fieldOrder,
-		It
+		Q
 	]), Lt = a.useMemo(() => {
-		let e = Z.mode === "compact" ? "compact" : Z.mode === "spacious" ? "tall" : "medium", t = {
+		let e = X.mode === "compact" ? "compact" : X.mode === "spacious" ? "tall" : "medium", t = {
 			objectName: O.objectName,
 			fields: $,
 			filters: O.filters,
-			sort: L,
+			sort: I,
 			className: "h-full w-full",
 			showSearch: !1,
-			onRowClick: Ft.handleClick,
+			onRowClick: It.handleClick,
 			rowHeight: e,
 			hideRowHeightToggle: !0,
 			...O.striped == null ? {} : { striped: O.striped },
@@ -1173,8 +1174,8 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 				...O.resizable == null ? {} : { resizable: O.resizable },
 				...O.selection ? { selection: O.selection } : {},
 				...O.pagination ? { pagination: O.pagination } : {},
-				...K ? { grouping: K } : {},
-				...q ? { rowColor: q } : {},
+				...G ? { grouping: G } : {},
+				...K ? { rowColor: K } : {},
 				...O.rowActions ? { rowActions: O.rowActions } : {},
 				...O.rowActionDefs ? { rowActionDefs: O.rowActionDefs } : {},
 				...O.bulkActions ? { batchActions: O.bulkActions } : {},
@@ -1188,7 +1189,7 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 				groupField: O.kanban?.groupField || O.options?.kanban?.groupField || "status",
 				...O.kanban?.titleField || O.options?.kanban?.titleField ? { titleField: O.kanban?.titleField || O.options?.kanban?.titleField } : {},
 				cardFields: O.kanban?.cardFields || $ || [],
-				...K ? { grouping: K } : {},
+				...G ? { grouping: G } : {},
 				...O.options?.kanban || {},
 				...O.kanban || {}
 			};
@@ -1206,7 +1207,7 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 				let e = {
 					...O.options?.gallery || {},
 					...O.gallery || {},
-					cardSize: Q
+					cardSize: Z
 				};
 				return {
 					type: "object-gallery",
@@ -1215,7 +1216,7 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 					imageField: O.gallery?.coverField || O.gallery?.imageField || O.options?.gallery?.imageField,
 					titleField: O.gallery?.titleField || O.options?.gallery?.titleField || "name",
 					subtitleField: O.gallery?.subtitleField || O.options?.gallery?.subtitleField,
-					...K ? { grouping: K } : {}
+					...G ? { grouping: G } : {}
 				};
 			}
 			case "timeline": {
@@ -1257,14 +1258,14 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 	}, [
 		j,
 		O,
-		L,
+		I,
 		$,
+		G,
 		K,
-		q,
-		Ft.handleClick,
-		Z.mode,
-		Q
-	]), Rt = R.conditions && R.conditions.length > 0, zt = a.useMemo(() => {
+		It.handleClick,
+		X.mode,
+		Z
+	]), Rt = L.conditions && L.conditions.length > 0, zt = a.useMemo(() => {
 		let e, t = (e, t) => {
 			if (!t) return;
 			let n = Array.isArray(t) ? t.map((e) => ({
@@ -1278,7 +1279,7 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 			}));
 			return O.objectName ? D(O.objectName, e, n) : n;
 		};
-		if (e = U?.fields ? Object.entries(U.fields).map(([e, n]) => ({
+		if (e = H?.fields ? Object.entries(H.fields).map(([e, n]) => ({
 			value: e,
 			label: k(e, n.label || e),
 			type: n.type || "text",
@@ -1308,19 +1309,19 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		}
 		return e;
 	}, [
-		U,
+		H,
 		O.fields,
 		O.filterableFields,
 		O.objectName,
 		k,
 		D
 	]), Bt = a.useCallback((e) => {
-		pt((t) => {
+		mt((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), Vt = a.useCallback((e) => {
-		let t = X, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = t?.fileNamePrefix || O.objectName || "export", a = n > 0 ? V.slice(0, n) : V;
+		let t = Y, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = t?.fileNamePrefix || O.objectName || "export", a = n > 0 ? B.slice(0, n) : B;
 		if (e === "csv") {
 			let e = $.map((e) => typeof e == "string" ? e : e.name || e.fieldName || e.field), t = [];
 			r && t.push(e.join(",")), a.forEach((n) => {
@@ -1335,11 +1336,11 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 			let e = new Blob([JSON.stringify(a, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
 			n.href = t, n.download = `${i}.json`, n.click(), URL.revokeObjectURL(t);
 		}
-		Ct(!1);
+		wt(!1);
 	}, [
-		V,
+		B,
 		$,
-		X,
+		Y,
 		O.objectName
 	]), Ht = a.useMemo(() => (O.fields || []).map((e) => {
 		if (typeof e == "string") return {
@@ -1352,110 +1353,110 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 			label: k(t, e.label || e.name || e.field)
 		};
 	}), [O.fields, k]);
-	return /* @__PURE__ */ I("div", {
-		ref: Dt,
+	return /* @__PURE__ */ F("div", {
+		ref: Ot,
 		className: C("flex flex-col h-full bg-background relative min-w-0 overflow-hidden", n),
 		...O.aria?.label ? { "aria-label": O.aria.label } : {},
 		...O.aria?.describedBy ? { "aria-describedby": O.aria.describedBy } : {},
 		...O.aria?.live ? { "aria-live": O.aria.live } : {},
 		role: "region",
 		children: [
-			kt > 0 && /* @__PURE__ */ F("div", {
+			At > 0 && /* @__PURE__ */ P("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
-				style: { height: kt },
-				children: E(Ot ? "list.refreshing" : "list.pullToRefresh")
+				style: { height: At },
+				children: E(kt ? "list.refreshing" : "list.pullToRefresh")
 			}),
-			_ && /* @__PURE__ */ F("div", {
+			_ && /* @__PURE__ */ P("div", {
 				className: "px-4 py-1 flex items-center bg-background",
-				children: /* @__PURE__ */ F(Me, {
+				children: /* @__PURE__ */ P(Ne, {
 					currentView: j,
-					availableViews: Mt,
-					onViewChange: Nt
+					availableViews: Nt,
+					onViewChange: Pt
 				})
 			}),
-			O.description && O.appearance?.showDescription !== !1 && /* @__PURE__ */ F("div", {
+			O.description && O.appearance?.showDescription !== !1 && /* @__PURE__ */ P("div", {
 				className: "px-4 pt-1.5 text-xs text-muted-foreground bg-background",
 				"data-testid": "view-description",
 				children: typeof O.description == "string" ? O.description : ""
 			}),
-			/* @__PURE__ */ I("div", {
-				className: "border-b px-2 sm:px-4 py-1 flex items-center justify-between gap-1 sm:gap-2 bg-background",
-				children: [/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ F("div", {
+				className: "border-b px-2 sm:px-4 py-1.5 flex items-center justify-between gap-1 sm:gap-2 bg-background",
+				children: [/* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2 overflow-x-auto min-w-0",
 					children: [
-						O.tabs && O.tabs.length > 0 && /* @__PURE__ */ F(Pe, {
+						O.tabs && O.tabs.length > 0 && /* @__PURE__ */ P(Fe, {
 							tabs: O.tabs,
-							activeTab: Ie,
-							onTabChange: ze,
+							activeTab: Le,
+							onTabChange: Be,
 							className: "!px-0 !py-0 shrink-0"
 						}),
-						O.tabs && O.tabs.length > 0 && gt && /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-1 shrink-0" }),
-						gt && /* @__PURE__ */ F("div", {
+						O.tabs && O.tabs.length > 0 && _t && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-1 shrink-0" }),
+						_t && /* @__PURE__ */ P("div", {
 							className: "shrink-0 min-w-0",
 							"data-testid": "user-filters",
-							children: /* @__PURE__ */ F(Re, {
-								config: gt,
-								objectDef: U,
-								data: V,
-								onFilterChange: ht,
+							children: /* @__PURE__ */ P(ze, {
+								config: _t,
+								objectDef: H,
+								data: B,
+								onFilterChange: gt,
 								maxVisible: 3
 							})
 						})
 					]
-				}), /* @__PURE__ */ I("div", {
-					className: "flex items-center gap-0 shrink-0",
+				}), /* @__PURE__ */ F("div", {
+					className: "flex items-center gap-0 shrink-0 rounded-lg border border-border bg-muted/40 p-0.5 shadow-sm",
 					children: [
-						A.showHideFields && !A.compactToolbar && /* @__PURE__ */ I(y, {
-							open: bt,
-							onOpenChange: xt,
-							children: [/* @__PURE__ */ F(x, {
+						A.showHideFields && !A.compactToolbar && /* @__PURE__ */ F(y, {
+							open: xt,
+							onOpenChange: St,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(d, {
+								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", J.size > 0 && "text-primary"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", q.size > 0 && "text-primary"),
 									children: [
-										/* @__PURE__ */ F(ie, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ P(ie, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
 											children: E("list.hideFields")
 										}),
-										J.size > 0 && /* @__PURE__ */ F("span", {
+										q.size > 0 && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-											children: J.size
+											children: q.size
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-64 p-3",
-								children: /* @__PURE__ */ I("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ I("div", {
+									children: [/* @__PURE__ */ F("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: [/* @__PURE__ */ F("h4", {
+										children: [/* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
 											children: E("list.hideFieldsTitle")
-										}), J.size > 0 && /* @__PURE__ */ F(d, {
+										}), q.size > 0 && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => yt(/* @__PURE__ */ new Set()),
+											onClick: () => bt(/* @__PURE__ */ new Set()),
 											children: E("list.showAll")
 										})]
-									}), /* @__PURE__ */ F("div", {
+									}), /* @__PURE__ */ P("div", {
 										className: "max-h-60 overflow-y-auto space-y-1",
-										children: Ht.map((e) => /* @__PURE__ */ I("label", {
+										children: Ht.map((e) => /* @__PURE__ */ F("label", {
 											className: "flex items-center gap-2 text-sm py-1 px-1 rounded hover:bg-muted cursor-pointer",
-											children: [/* @__PURE__ */ F("input", {
+											children: [/* @__PURE__ */ P("input", {
 												type: "checkbox",
-												checked: !J.has(e.name),
+												checked: !q.has(e.name),
 												onChange: () => {
-													let t = new Set(J);
-													t.has(e.name) ? t.delete(e.name) : t.add(e.name), yt(t);
+													let t = new Set(q);
+													t.has(e.name) ? t.delete(e.name) : t.add(e.name), bt(t);
 												},
 												className: "rounded border-input"
-											}), /* @__PURE__ */ F("span", {
+											}), /* @__PURE__ */ P("span", {
 												className: "truncate",
 												children: e.label
 											})]
@@ -1464,92 +1465,92 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 								})
 							})]
 						}),
-						A.showHideFields && !A.compactToolbar && (A.showFilters || A.showSort || A.showGroup) && /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
-						A.showFilters && /* @__PURE__ */ I(y, {
-							open: je,
-							onOpenChange: Ne,
-							children: [/* @__PURE__ */ F(x, {
+						A.showHideFields && !A.compactToolbar && (A.showFilters || A.showSort || A.showGroup) && /* @__PURE__ */ P("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						A.showFilters && /* @__PURE__ */ F(y, {
+							open: Me,
+							onOpenChange: Pe,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(d, {
+								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
 									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Rt && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ F(me, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ P(he, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
 											children: E("list.filter")
 										}),
-										Rt && /* @__PURE__ */ F("span", {
+										Rt && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-											children: R.conditions?.length || 0
+											children: L.conditions?.length || 0
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
-								children: /* @__PURE__ */ I("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "space-y-4",
-									children: [/* @__PURE__ */ F("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: /* @__PURE__ */ F("h4", {
+										children: /* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
 											children: E("list.filterRecords")
 										})
-									}), /* @__PURE__ */ F(m, {
+									}), /* @__PURE__ */ P(m, {
 										fields: zt,
-										value: R,
+										value: L,
 										onChange: (e) => {
-											z(e), s && s(e);
+											R(e), s && s(e);
 										}
 									})]
 								})
 							})]
 						}),
-						A.showGroup && !A.compactToolbar && /* @__PURE__ */ I(y, {
-							open: rt,
-							onOpenChange: it,
-							children: [/* @__PURE__ */ F(x, {
+						A.showGroup && !A.compactToolbar && /* @__PURE__ */ F(y, {
+							open: it,
+							onOpenChange: at,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(d, {
+								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", K && "text-foreground font-medium"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", G && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ F(ae, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ P(ae, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
 											children: E("list.group")
 										}),
-										K && K.fields?.length > 0 && /* @__PURE__ */ F("span", {
+										G && G.fields?.length > 0 && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-											children: K.fields.length
+											children: G.fields.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-72 p-3",
-								children: /* @__PURE__ */ I("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ I("div", {
+									children: [/* @__PURE__ */ F("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: [/* @__PURE__ */ F("h4", {
+										children: [/* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
 											children: E("list.groupBy")
-										}), K && /* @__PURE__ */ F(d, {
+										}), G && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => nt(void 0),
+											onClick: () => rt(void 0),
 											"data-testid": "clear-grouping",
 											children: E("list.clear")
 										})]
-									}), /* @__PURE__ */ F("div", {
+									}), /* @__PURE__ */ P("div", {
 										"data-testid": "group-field-list",
-										children: /* @__PURE__ */ F(h, {
-											value: K,
+										children: /* @__PURE__ */ P(h, {
+											value: G,
 											fieldOptions: Ht.map((e) => ({
 												value: e.name,
 												label: e.label || e.name
@@ -1560,108 +1561,108 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 												collapseTitle: E("list.collapsedByDefault", { defaultValue: "Collapsed by default" }),
 												removeTitle: E("list.removeGroup", { defaultValue: "Remove" })
 											},
-											onChange: (e) => nt(e)
+											onChange: (e) => rt(e)
 										})
 									})]
 								})
 							})]
 						}),
-						A.showSort && /* @__PURE__ */ I(y, {
-							open: Ce,
-							onOpenChange: Ee,
-							children: [/* @__PURE__ */ F(x, {
+						A.showSort && /* @__PURE__ */ F(y, {
+							open: we,
+							onOpenChange: De,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(d, {
+								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", L.length > 0 && "text-foreground font-medium"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", I.length > 0 && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ F(T, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ P(T, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
 											children: E("list.sort")
 										}),
-										L.length > 0 && /* @__PURE__ */ F("span", {
+										I.length > 0 && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-											children: L.length
+											children: I.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
-								children: /* @__PURE__ */ I("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "space-y-4",
-									children: [/* @__PURE__ */ F("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: /* @__PURE__ */ F("h4", {
+										children: /* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
 											children: E("list.sortRecords")
 										})
-									}), /* @__PURE__ */ F(S, {
+									}), /* @__PURE__ */ P(S, {
 										fields: zt,
-										value: L,
+										value: I,
 										onChange: (e) => {
-											ke(e), c && c(e);
+											Ae(e), c && c(e);
 										}
 									})]
 								})
 							})]
 						}),
-						!A.compactToolbar && (A.showFilters || A.showSort || A.showGroup) && (A.showColor || A.showDensity) && /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
-						A.showColor && !A.compactToolbar && /* @__PURE__ */ I(y, {
-							open: st,
-							onOpenChange: ct,
-							children: [/* @__PURE__ */ F(x, {
+						!A.compactToolbar && (A.showFilters || A.showSort || A.showGroup) && (A.showColor || A.showDensity) && /* @__PURE__ */ P("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						A.showColor && !A.compactToolbar && /* @__PURE__ */ F(y, {
+							open: ct,
+							onOpenChange: lt,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(d, {
+								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", q && "text-foreground font-medium"),
-									children: [/* @__PURE__ */ F(se, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", K && "text-foreground font-medium"),
+									children: [/* @__PURE__ */ P(se, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 										className: "hidden sm:inline",
 										children: E("list.color")
 									})]
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-64 p-3",
-								children: /* @__PURE__ */ I("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ I("div", {
+									children: [/* @__PURE__ */ F("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: [/* @__PURE__ */ F("h4", {
+										children: [/* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
 											children: E("list.rowColor")
-										}), q && /* @__PURE__ */ F(d, {
+										}), K && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => ot(void 0),
+											onClick: () => st(void 0),
 											"data-testid": "clear-row-color",
 											children: E("list.clear")
 										})]
-									}), /* @__PURE__ */ I("div", {
+									}), /* @__PURE__ */ F("div", {
 										className: "space-y-2",
 										"data-testid": "color-field-list",
-										children: [/* @__PURE__ */ F("label", {
+										children: [/* @__PURE__ */ P("label", {
 											className: "text-xs text-muted-foreground",
 											children: E("list.colorByField")
-										}), /* @__PURE__ */ I("select", {
+										}), /* @__PURE__ */ F("select", {
 											className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
-											value: q?.field || "",
+											value: K?.field || "",
 											onChange: (e) => {
 												let t = e.target.value;
-												ot(t ? {
+												st(t ? {
 													field: t,
-													colors: q?.colors || {}
+													colors: K?.colors || {}
 												} : void 0);
 											},
 											"data-testid": "color-field-select",
-											children: [/* @__PURE__ */ F("option", {
+											children: [/* @__PURE__ */ P("option", {
 												value: "",
 												children: E("list.none")
-											}), Ht.map((e) => /* @__PURE__ */ F("option", {
+											}), Ht.map((e) => /* @__PURE__ */ P("option", {
 												value: e.name,
 												children: e.label
 											}, e.name))]
@@ -1671,152 +1672,152 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 							})]
 						}),
 						A.showDensity && !A.compactToolbar && j !== "gallery" && (() => {
-							let e = Z.mode === "compact" ? ue : Z.mode === "comfortable" ? N : le, t = Z.mode === "compact" ? E("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Z.mode === "comfortable" ? E("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : E("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${E("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = E("grid.toolbar.densityCycleHint", {
+							let e = X.mode === "compact" ? de : X.mode === "comfortable" ? ue : le, t = X.mode === "compact" ? E("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : X.mode === "comfortable" ? E("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : E("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${E("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = E("grid.toolbar.densityCycleHint", {
 								defaultValue: "{{label}} (click to cycle)",
 								label: n
 							});
-							return /* @__PURE__ */ F(d, {
+							return /* @__PURE__ */ P(d, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": n,
-								className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Z.mode !== "compact" && "text-foreground font-medium"),
-								onClick: Z.cycle,
+								className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", X.mode !== "compact" && "text-foreground font-medium"),
+								onClick: X.cycle,
 								title: r,
-								children: /* @__PURE__ */ F(e, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ P(e, { className: "h-3.5 w-3.5" })
 							});
 						})(),
 						A.showDensity && !A.compactToolbar && j === "gallery" && (() => {
-							let e = Q === "small" ? ue : Q === "medium" ? N : le, t = Q === "small" ? E("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Q === "medium" ? E("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : E("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${E("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = E("grid.toolbar.densityCycleHint", {
+							let e = Z === "small" ? de : Z === "medium" ? ue : le, t = Z === "small" ? E("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Z === "medium" ? E("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : E("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${E("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = E("grid.toolbar.densityCycleHint", {
 								defaultValue: "{{label}} (click to cycle)",
 								label: n
 							});
-							return /* @__PURE__ */ F(d, {
+							return /* @__PURE__ */ P(d, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": n,
-								className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Q !== "small" && "text-foreground font-medium"),
-								onClick: Et,
+								className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Z !== "small" && "text-foreground font-medium"),
+								onClick: Dt,
 								title: r,
-								children: /* @__PURE__ */ F(e, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ P(e, { className: "h-3.5 w-3.5" })
 							});
 						})(),
-						A.compactToolbar && (A.showGroup || A.showColor || A.showDensity || A.showHideFields) && /* @__PURE__ */ F(Fe, {
+						A.compactToolbar && (A.showGroup || A.showColor || A.showDensity || A.showHideFields) && /* @__PURE__ */ P(Ie, {
 							t: E,
 							allFields: Ht,
 							showGroup: A.showGroup,
-							groupingConfig: K,
-							setGroupingConfig: nt,
+							groupingConfig: G,
+							setGroupingConfig: rt,
 							showColor: A.showColor,
-							rowColorConfig: q,
-							setRowColorConfig: ot,
+							rowColorConfig: K,
+							setRowColorConfig: st,
 							showDensity: A.showDensity,
-							density: Z,
+							density: X,
 							showHideFields: A.showHideFields,
-							hiddenFields: J,
-							updateHiddenFields: yt
+							hiddenFields: q,
+							updateHiddenFields: bt
 						}),
-						(A.showColor || A.showDensity || A.compactToolbar) && X && O.allowExport !== !1 && /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
-						X && O.allowExport !== !1 && /* @__PURE__ */ I(y, {
-							open: St,
-							onOpenChange: Ct,
-							children: [/* @__PURE__ */ F(x, {
+						(A.showColor || A.showDensity || A.compactToolbar) && Y && O.allowExport !== !1 && /* @__PURE__ */ P("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						Y && O.allowExport !== !1 && /* @__PURE__ */ F(y, {
+							open: Ct,
+							onOpenChange: wt,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(d, {
+								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
 									className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
-									children: [/* @__PURE__ */ F(re, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+									children: [/* @__PURE__ */ P(re, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 										className: "hidden sm:inline",
 										children: E("list.export")
 									})]
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-48 p-2",
-								children: /* @__PURE__ */ F("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "space-y-1",
-									children: (X.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ I(d, {
+									children: (Y.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ F(d, {
 										variant: "ghost",
 										size: "sm",
 										className: "w-full justify-start h-8 text-xs",
 										onClick: () => Vt(e),
-										children: [/* @__PURE__ */ F(re, { className: "h-3.5 w-3.5 mr-2" }), E("list.exportAs", { format: e.toUpperCase() })]
+										children: [/* @__PURE__ */ P(re, { className: "h-3.5 w-3.5 mr-2" }), E("list.exportAs", { format: e.toUpperCase() })]
 									}, e))
 								})
 							})]
 						}),
-						(O.sharing?.enabled || O.sharing?.type) && /* @__PURE__ */ I(d, {
+						(O.sharing?.enabled || O.sharing?.type) && /* @__PURE__ */ F(d, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 							title: `Sharing: ${O.sharing?.visibility || O.sharing?.type || "private"}`,
 							"data-testid": "share-button",
-							children: [/* @__PURE__ */ F(pe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ P(me, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
 								children: E("list.share")
 							})]
 						}),
-						O.allowPrinting && /* @__PURE__ */ I(d, {
+						O.allowPrinting && /* @__PURE__ */ F(d, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 							onClick: () => window.print(),
 							"data-testid": "print-button",
-							children: [/* @__PURE__ */ F(ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ P(ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
 								children: E("list.print")
 							})]
 						}),
 						(() => {
-							let e = O.allowPrinting || O.sharing?.enabled || O.sharing?.type || X && O.allowExport !== !1;
-							return A.showSearch && e ? /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }) : null;
+							let e = O.allowPrinting || O.sharing?.enabled || O.sharing?.type || Y && O.allowExport !== !1;
+							return A.showSearch && e ? /* @__PURE__ */ P("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }) : null;
 						})(),
-						A.showSearch && /* @__PURE__ */ I(y, {
-							open: ye,
-							onOpenChange: Se,
-							children: [/* @__PURE__ */ F(x, {
+						A.showSearch && /* @__PURE__ */ F(y, {
+							open: be,
+							onOpenChange: Ce,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
-								children: /* @__PURE__ */ F(d, {
+								children: /* @__PURE__ */ P(d, {
 									variant: "ghost",
 									size: "sm",
-									className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", P && "text-foreground font-medium"),
+									className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", N && "text-foreground font-medium"),
 									"data-testid": "search-icon-button",
 									title: E("list.search"),
-									children: /* @__PURE__ */ F(de, { className: "h-3.5 w-3.5" })
+									children: /* @__PURE__ */ P(fe, { className: "h-3.5 w-3.5" })
 								})
-							}), /* @__PURE__ */ F(b, {
+							}), /* @__PURE__ */ P(b, {
 								align: "end",
 								className: "w-[calc(100vw-2rem)] sm:w-64 p-2",
 								"data-testid": "search-popover",
-								children: /* @__PURE__ */ I("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ F(de, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
-										/* @__PURE__ */ F(g, {
+										/* @__PURE__ */ P(fe, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+										/* @__PURE__ */ P(g, {
 											placeholder: E("list.search") + "...",
-											value: P,
-											onChange: (e) => Pt(e.target.value),
+											value: N,
+											onChange: (e) => Ft(e.target.value),
 											className: "pl-7 h-8 text-xs",
 											autoFocus: !0
 										}),
-										P && /* @__PURE__ */ F(d, {
+										N && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "absolute right-0.5 top-1/2 -translate-y-1/2 h-5 w-5 p-0 hover:bg-muted-foreground/20",
-											onClick: () => Pt(""),
-											children: /* @__PURE__ */ F(ge, { className: "h-3 w-3" })
+											onClick: () => Ft(""),
+											children: /* @__PURE__ */ P(_e, { className: "h-3 w-3" })
 										})
 									]
 								})
 							})]
 						}),
-						A.showAddRecord && A.addRecordPosition === "top" && /* @__PURE__ */ I(d, {
+						A.showAddRecord && A.addRecordPosition === "top" && /* @__PURE__ */ F(d, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 							"data-testid": "add-record-button",
 							onClick: () => w.onAddRecord?.(),
-							children: [/* @__PURE__ */ F(M, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ P(M, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
 								children: E("list.addRecord")
 							})]
@@ -1824,132 +1825,132 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 					]
 				})]
 			}),
-			Y && Y.length > 0 && /* @__PURE__ */ F("div", {
+			J && J.length > 0 && /* @__PURE__ */ P("div", {
 				className: "border-b px-2 sm:px-4 py-1 flex items-center gap-1 flex-wrap bg-background",
 				"data-testid": "quick-filters",
-				children: Y.map((e) => {
-					let t = ft.has(e.id), n = e.icon ? _e[e.icon.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
-					return /* @__PURE__ */ I(d, {
+				children: J.map((e) => {
+					let t = pt.has(e.id), n = e.icon ? ve[e.icon.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
+					return /* @__PURE__ */ F(d, {
 						variant: t ? "default" : "outline",
 						size: "sm",
 						className: "h-7 px-3 text-xs",
 						onClick: () => Bt(e.id),
-						children: [n && /* @__PURE__ */ F(n, { className: "h-3 w-3 mr-1.5" }), e.label]
+						children: [n && /* @__PURE__ */ P(n, { className: "h-3 w-3 mr-1.5" }), e.label]
 					}, e.id);
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex-1 min-h-0 bg-background relative overflow-hidden animate-in fade-in-0 duration-200",
-				children: !Ve && V.length === 0 && j === "grid" ? (() => {
+				children: !He && B.length === 0 && j === "grid" ? (() => {
 					let e = O.emptyState?.icon;
-					return /* @__PURE__ */ I("div", {
+					return /* @__PURE__ */ F("div", {
 						className: "flex flex-col items-center justify-center h-full min-h-[200px] text-center p-8",
 						"data-testid": "empty-state",
 						children: [
-							/* @__PURE__ */ F(e ? _e[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? oe : oe, { className: "h-12 w-12 text-muted-foreground/50 mb-4" }),
-							/* @__PURE__ */ F("h3", {
+							/* @__PURE__ */ P(e ? ve[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? oe : oe, { className: "h-12 w-12 text-muted-foreground/50 mb-4" }),
+							/* @__PURE__ */ P("h3", {
 								className: "text-lg font-medium text-foreground mb-1",
 								children: (typeof O.emptyState?.title == "string" ? O.emptyState.title : void 0) ?? E("list.noItems")
 							}),
-							/* @__PURE__ */ F("p", {
+							/* @__PURE__ */ P("p", {
 								className: "text-sm text-muted-foreground max-w-md",
 								children: (typeof O.emptyState?.message == "string" ? O.emptyState.message : void 0) ?? E("list.noItemsMessage")
 							}),
-							A.showAddRecord && /* @__PURE__ */ I(d, {
+							A.showAddRecord && /* @__PURE__ */ F(d, {
 								variant: "default",
 								size: "sm",
 								className: "mt-4",
 								"data-testid": "empty-state-add-record",
 								onClick: () => w.onAddRecord?.(),
-								children: [/* @__PURE__ */ F(M, { className: "h-4 w-4 mr-1.5" }), E("list.addRecord")]
+								children: [/* @__PURE__ */ P(M, { className: "h-4 w-4 mr-1.5" }), E("list.addRecord")]
 							})
 						]
 					});
-				})() : /* @__PURE__ */ F(xe, {
+				})() : /* @__PURE__ */ P(Se, {
 					schema: Lt,
 					...w,
-					data: V,
-					loading: Ve,
-					onRowSelect: ut
+					data: B,
+					loading: He,
+					onRowSelect: dt
 				})
 			}, j),
-			A.showAddRecord && A.addRecordPosition === "bottom" && /* @__PURE__ */ F("div", {
+			A.showAddRecord && A.addRecordPosition === "bottom" && /* @__PURE__ */ P("div", {
 				className: "border-t px-2 sm:px-4 py-1 bg-background shrink-0",
-				children: /* @__PURE__ */ I(d, {
+				children: /* @__PURE__ */ F(d, {
 					variant: "ghost",
 					size: "sm",
 					className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 					"data-testid": "add-record-button",
 					onClick: () => w.onAddRecord?.(),
-					children: [/* @__PURE__ */ F(M, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+					children: [/* @__PURE__ */ P(M, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 						className: "hidden sm:inline",
 						children: E("list.addRecord")
 					})]
 				})
 			}),
-			O.bulkActions && O.bulkActions.length > 0 && lt.length > 0 && j !== "grid" && /* @__PURE__ */ I("div", {
+			O.bulkActions && O.bulkActions.length > 0 && ut.length > 0 && j !== "grid" && /* @__PURE__ */ F("div", {
 				className: "border-t border-primary/30 px-4 py-2 flex items-center gap-2 text-xs bg-primary/10 text-foreground shrink-0 shadow-sm",
 				role: "region",
 				"aria-label": "Bulk actions",
 				"data-testid": "bulk-actions-bar",
 				children: [
-					/* @__PURE__ */ F(te, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
-					/* @__PURE__ */ I("span", {
+					/* @__PURE__ */ P(te, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
+					/* @__PURE__ */ F("span", {
 						className: "font-medium",
 						children: [
-							lt.length,
+							ut.length,
 							" ",
-							lt.length === 1 ? "item" : "items",
+							ut.length === 1 ? "item" : "items",
 							" selected"
 						]
 					}),
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ P("div", {
 						className: "flex items-center gap-1.5 ml-3",
 						children: O.bulkActions.map((e) => {
-							let t = String(e).toLowerCase(), n = t.includes("delete") || t.includes("remove") || t.includes("destroy"), r = n ? he : null;
-							return /* @__PURE__ */ I(d, {
+							let t = String(e).toLowerCase(), n = t.includes("delete") || t.includes("remove") || t.includes("destroy"), r = n ? ge : null;
+							return /* @__PURE__ */ F(d, {
 								variant: n ? "destructive" : "outline",
 								size: "sm",
 								className: "h-7 px-2.5 text-xs gap-1.5",
-								onClick: () => w.onBulkAction?.(e, lt),
+								onClick: () => w.onBulkAction?.(e, ut),
 								"data-testid": `bulk-action-${e}`,
-								children: [r && /* @__PURE__ */ F(r, { className: "h-3 w-3" }), He(e)]
+								children: [r && /* @__PURE__ */ P(r, { className: "h-3 w-3" }), Ue(e)]
 							}, e);
 						})
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ F(d, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 px-2 text-xs ml-auto gap-1",
-						onClick: () => ut([]),
-						children: [/* @__PURE__ */ F(ge, { className: "h-3 w-3" }), "Clear"]
+						onClick: () => dt([]),
+						children: [/* @__PURE__ */ P(_e, { className: "h-3 w-3" }), "Clear"]
 					})
 				]
 			}),
-			!Ve && V.length > 0 && O.showRecordCount !== !1 && /* @__PURE__ */ I("div", {
+			!He && B.length > 0 && O.showRecordCount !== !1 && /* @__PURE__ */ F("div", {
 				className: "border-t px-4 py-2 flex items-center gap-3 text-xs text-muted-foreground bg-background shrink-0",
 				"data-testid": "record-count-bar",
 				children: [
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ P("span", {
 						className: "font-medium text-foreground/80",
-						children: V.length === 1 ? E("list.recordCountOne", { count: V.length }) : E("list.recordCount", { count: V.length })
+						children: B.length === 1 ? E("list.recordCountOne", { count: B.length }) : E("list.recordCount", { count: B.length })
 					}),
-					Ze && /* @__PURE__ */ F("span", {
+					Qe && /* @__PURE__ */ P("span", {
 						className: "text-amber-600",
 						"data-testid": "data-limit-warning",
-						children: E("list.dataLimitReached", { limit: tt })
+						children: E("list.dataLimitReached", { limit: nt })
 					}),
-					O.pagination?.pageSizeOptions && O.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ I("div", {
+					O.pagination?.pageSizeOptions && O.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ F("div", {
 						className: "ml-auto flex items-center gap-2",
-						children: [/* @__PURE__ */ F("span", { children: E("table.rowsPerPage", { defaultValue: "Rows per page" }) }), /* @__PURE__ */ F("select", {
+						children: [/* @__PURE__ */ P("span", { children: E("table.rowsPerPage", { defaultValue: "Rows per page" }) }), /* @__PURE__ */ P("select", {
 							"data-testid": "page-size-selector",
 							className: "h-7 w-[72px] px-2 py-1 text-xs rounded-md border border-input bg-background",
-							value: String(tt),
+							value: String(nt),
 							onChange: (e) => {
 								let t = Number(e.target.value);
-								et(t), w.onPageSizeChange && w.onPageSizeChange(t);
+								tt(t), w.onPageSizeChange && w.onPageSizeChange(t);
 							},
-							children: O.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ F("option", {
+							children: O.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ P("option", {
 								value: String(e),
 								children: e
 							}, e))
@@ -1957,17 +1958,17 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 					})
 				]
 			}),
-			Ft.isOverlay && /* @__PURE__ */ F(v, {
-				...Ft,
+			It.isOverlay && /* @__PURE__ */ P(v, {
+				...It,
 				title: O.label ? `${O.label} Detail` : O.objectName ? `${O.objectName.charAt(0).toUpperCase() + O.objectName.slice(1)} Detail` : "Record Detail",
-				children: (e) => /* @__PURE__ */ F("div", {
+				children: (e) => /* @__PURE__ */ P("div", {
 					className: "space-y-3",
-					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ I("div", {
+					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ F("div", {
 						className: "flex flex-col",
-						children: [/* @__PURE__ */ F("span", {
+						children: [/* @__PURE__ */ P("span", {
 							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 							children: e.replace(/_/g, " ")
-						}), /* @__PURE__ */ F("span", {
+						}), /* @__PURE__ */ P("span", {
 							className: "text-sm",
 							children: String(t ?? "—")
 						})]
@@ -1977,23 +1978,60 @@ var Ye = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChang
 		]
 	});
 });
-Ye.displayName = "ListView";
+Xe.displayName = "ListView";
 //#endregion
 //#region src/ObjectGallery.tsx
-var Xe = {
+var Ze = {
 	small: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6",
 	medium: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
 	large: "grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-}, Ze = {
+}, Qe = {
 	small: "aspect-square",
 	medium: "aspect-[4/3]",
 	large: "aspect-[16/10]"
-}, Qe = (e) => {
-	let { schema: n } = e, r = s(Se), i = e.dataSource || r?.dataSource, a = Ce(n.bind), [d, m] = u([]), [h, g] = u(!1), [_, y] = u(null), b = Te({
+}, $e = [
+	{
+		bg: "from-indigo-500/15 via-indigo-500/5 to-purple-500/10",
+		ring: "ring-indigo-500/15",
+		text: "text-indigo-600/70 dark:text-indigo-300/70"
+	},
+	{
+		bg: "from-sky-500/15 via-sky-500/5 to-cyan-500/10",
+		ring: "ring-sky-500/15",
+		text: "text-sky-600/70 dark:text-sky-300/70"
+	},
+	{
+		bg: "from-emerald-500/15 via-emerald-500/5 to-teal-500/10",
+		ring: "ring-emerald-500/15",
+		text: "text-emerald-600/70 dark:text-emerald-300/70"
+	},
+	{
+		bg: "from-amber-500/15 via-amber-500/5 to-orange-500/10",
+		ring: "ring-amber-500/15",
+		text: "text-amber-600/70 dark:text-amber-300/70"
+	},
+	{
+		bg: "from-rose-500/15 via-rose-500/5 to-pink-500/10",
+		ring: "ring-rose-500/15",
+		text: "text-rose-600/70 dark:text-rose-300/70"
+	},
+	{
+		bg: "from-violet-500/15 via-violet-500/5 to-fuchsia-500/10",
+		ring: "ring-violet-500/15",
+		text: "text-violet-600/70 dark:text-violet-300/70"
+	}
+];
+function et(e) {
+	let t = 5381;
+	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n);
+	return $e[Math.abs(t) % $e.length];
+}
+var tt = (e) => {
+	let { schema: n } = e, r = s(Ce), i = e.dataSource || r?.dataSource, a = we(n.bind), [d, m] = u([]), [h, g] = u(!1), [_, y] = u(null), b = Ee({
 		navigation: n.navigation,
 		objectName: n.objectName,
 		onRowClick: e.onRowClick ?? e.onCardClick
-	}), x = n.gallery, S = x?.coverField ?? n.imageField ?? "image", w = x?.coverFit ?? "cover", T = x?.cardSize ?? "medium", ee = x?.titleField ?? n.titleField ?? "name", te = x?.visibleFields, { fieldOptionLabel: re } = Ee(), ie = o((e) => {
+	}), x = n.gallery, S = x?.coverField ?? n.imageField ?? "image", w = x?.coverFit ?? "cover", T = x?.cardSize ?? "medium", ee = x?.titleField ?? n.titleField ?? "name", te = x?.visibleFields, { fieldOptionLabel: re } = De(), ie = o((e) => {
 		let t = _?.fields?.[e], r = { name: e };
 		if (t) {
 			t.type && (r.type = t.type), t.label && (r.label = t.label), t.options && (r.options = t.options), t.currency && (r.currency = t.currency), t.precision !== void 0 && (r.precision = t.precision), t.format && (r.format = t.format);
@@ -2108,94 +2146,101 @@ var Xe = {
 		A,
 		se
 	]);
-	if (h && !D.length) return /* @__PURE__ */ F("div", {
+	if (h && !D.length) return /* @__PURE__ */ P("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "Loading Gallery..."
 	});
-	if (!D.length) return /* @__PURE__ */ F("div", {
+	if (!D.length) return /* @__PURE__ */ P("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "No items to display"
 	});
 	let le = (t, r) => {
-		let i = t.id ?? t._id ?? r, a = String(t[ee] ?? "Untitled"), o = t[S];
-		return /* @__PURE__ */ I(f, {
+		let i = t.id ?? t._id ?? r, a = String(t[ee] ?? "Untitled"), o = t[S], s = et(String(i) + "|" + a);
+		return /* @__PURE__ */ F(f, {
 			role: "listitem",
-			className: C("group overflow-hidden transition-all hover:shadow-md", (e.onCardClick || e.onRowClick || n.navigation) && "cursor-pointer"),
-			onClick: () => b.handleClick(t),
-			children: [/* @__PURE__ */ F("div", {
-				className: C("w-full overflow-hidden bg-muted relative", Ze[T]),
-				hidden: !ae,
-				children: o ? /* @__PURE__ */ F("img", {
-					src: o,
-					alt: a,
-					className: C("h-full w-full transition-transform group-hover:scale-105", w === "cover" && "object-cover", w === "contain" && "object-contain")
-				}) : /* @__PURE__ */ F("div", {
-					className: "flex h-full w-full items-center justify-center bg-secondary/50 text-muted-foreground",
-					children: /* @__PURE__ */ F("span", {
-						className: "text-4xl font-light opacity-20",
-						children: a[0]?.toUpperCase()
+			className: C("group relative overflow-hidden border-border/60 bg-card", "transition-all duration-200 ease-out", "hover:shadow-lg hover:border-border hover:-translate-y-0.5", (e.onCardClick || e.onRowClick || n.navigation) && "cursor-pointer"),
+			onClick: (e) => b.handleClick(t, e),
+			children: [
+				!ae && /* @__PURE__ */ P("div", {
+					"aria-hidden": !0,
+					className: C("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", s.bg)
+				}),
+				/* @__PURE__ */ P("div", {
+					className: C("w-full overflow-hidden relative", Qe[T]),
+					hidden: !ae,
+					children: o ? /* @__PURE__ */ P("img", {
+						src: o,
+						alt: a,
+						className: C("h-full w-full transition-transform duration-300 ease-out group-hover:scale-[1.04]", w === "cover" && "object-cover", w === "contain" && "object-contain")
+					}) : /* @__PURE__ */ P("div", {
+						className: C("flex h-full w-full items-center justify-center bg-gradient-to-br ring-1 ring-inset", s.bg, s.ring),
+						children: /* @__PURE__ */ P("span", {
+							className: C("text-5xl font-semibold tracking-tight opacity-90", s.text),
+							children: a[0]?.toUpperCase()
+						})
 					})
+				}),
+				/* @__PURE__ */ F(p, {
+					className: C("p-3", ae && "border-t border-border/60"),
+					children: [/* @__PURE__ */ P("h3", {
+						className: "font-semibold tracking-tight truncate text-sm leading-tight text-foreground",
+						title: a,
+						children: a
+					}), te && te.length > 0 && /* @__PURE__ */ P("div", {
+						className: "mt-1.5 space-y-1",
+						children: te.map((e) => {
+							let n = t[e];
+							if (n == null || n === "") return null;
+							let r = ie(e);
+							return /* @__PURE__ */ P("div", {
+								className: "text-xs text-muted-foreground truncate [&_*]:!text-xs",
+								onClick: (e) => {
+									e.target.closest("a,button") && e.stopPropagation();
+								},
+								children: /* @__PURE__ */ P(I(Ae(r) || r.type || "text"), {
+									value: n,
+									field: r
+								})
+							}, e);
+						})
+					})]
 				})
-			}), /* @__PURE__ */ I(p, {
-				className: C("p-3", ae && "border-t"),
-				children: [/* @__PURE__ */ F("h3", {
-					className: "font-medium truncate text-sm",
-					title: a,
-					children: a
-				}), te && te.length > 0 && /* @__PURE__ */ F("div", {
-					className: "mt-1 space-y-1",
-					children: te.map((e) => {
-						let n = t[e];
-						if (n == null || n === "") return null;
-						let r = ie(e);
-						return /* @__PURE__ */ F("div", {
-							className: "text-xs text-muted-foreground truncate [&_*]:!text-xs",
-							onClick: (e) => {
-								e.target.closest("a,button") && e.stopPropagation();
-							},
-							children: /* @__PURE__ */ F(L(ke(r) || r.type || "text"), {
-								value: n,
-								field: r
-							})
-						}, e);
-					})
-				})]
-			})]
+			]
 		}, i);
-	}, N = (e) => /* @__PURE__ */ F("div", {
-		className: C("grid gap-4 p-4 auto-rows-min content-start", Xe[T], n.className),
+	}, ue = (e) => /* @__PURE__ */ P("div", {
+		className: C("grid gap-4 p-4 auto-rows-min content-start", Ze[T], n.className),
 		role: "list",
 		children: e.map((e, t) => le(e, t))
 	});
-	return /* @__PURE__ */ I(P, { children: [oe ? /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ F(N, { children: [oe ? /* @__PURE__ */ P("div", {
 		className: "space-y-2",
-		children: ce.map((e) => /* @__PURE__ */ I("div", {
+		children: ce.map((e) => /* @__PURE__ */ F("div", {
 			className: "border rounded-md",
-			children: [/* @__PURE__ */ I("button", {
+			children: [/* @__PURE__ */ F("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: () => M(e.key),
 				children: [
-					e.collapsed ? /* @__PURE__ */ F(ne, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ F(E, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ F("span", { children: e.label }),
-					/* @__PURE__ */ F("span", {
+					e.collapsed ? /* @__PURE__ */ P(ne, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ P(E, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ P("span", { children: e.label }),
+					/* @__PURE__ */ P("span", {
 						className: "ml-auto text-xs text-muted-foreground",
 						children: e.items.length
 					})
 				]
-			}), !e.collapsed && N(e.items)]
+			}), !e.collapsed && ue(e.items)]
 		}, e.key))
-	}) : N(D), b.isOverlay && /* @__PURE__ */ F(v, {
+	}) : ue(D), b.isOverlay && /* @__PURE__ */ P(v, {
 		...b,
 		title: "Gallery Item",
-		children: (e) => /* @__PURE__ */ F("div", {
+		children: (e) => /* @__PURE__ */ P("div", {
 			className: "space-y-3",
-			children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ I("div", {
+			children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ F("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ P("span", {
 					className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 					children: e.replace(/_/g, " ")
-				}), /* @__PURE__ */ F("span", {
+				}), /* @__PURE__ */ P("span", {
 					className: "text-sm",
 					children: String(t ?? "—")
 				})]
@@ -2203,11 +2248,11 @@ var Xe = {
 		})
 	})] });
 };
-e.register("object-gallery", Qe, {
+e.register("object-gallery", tt, {
 	namespace: "plugin-list",
 	label: "Gallery View",
 	category: "view"
-}), e.register("list-view", Ye, {
+}), e.register("list-view", Xe, {
 	namespace: "plugin-list",
 	label: "List View",
 	category: "Views",
@@ -2284,7 +2329,7 @@ e.register("object-gallery", Qe, {
 		sort: [],
 		options: {}
 	}
-}), e.register("list", Ye, {
+}), e.register("list", Xe, {
 	namespace: "view",
 	category: "view",
 	label: "List",
@@ -2355,4 +2400,4 @@ e.register("object-gallery", Qe, {
 	]
 });
 //#endregion
-export { Ye as ListView, Qe as ObjectGallery, Pe as TabBar, Re as UserFilters, Me as ViewSwitcher, U as evaluateConditionalFormatting, H as normalizeFilterCondition, Ue as normalizeFilters };
+export { Xe as ListView, tt as ObjectGallery, Fe as TabBar, ze as UserFilters, Ne as ViewSwitcher, H as evaluateConditionalFormatting, V as normalizeFilterCondition, We as normalizeFilters };