@object-ui/plugin-list 6.2.3 → 7.1.0

package/dist/index.js

@@ -1,221 +1,219 @@
-import { ComponentRegistry as e, buildExpandFields as t, evaluatePlainCondition as n, normalizeQuickFilter as r, normalizeQuickFilters as i } from "@object-ui/core";
-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, DataEmptyState as m, DropdownMenu as h, DropdownMenuContent as g, DropdownMenuItem as _, DropdownMenuTrigger as v, FilterBuilder as ee, GroupingEditor as y, Input as b, LookupValuePicker as te, NavigationOverlay as ne, Popover as x, PopoverContent as S, PopoverTrigger as C, RefreshIndicator as re, SortBuilder as ie, cn as w } from "@object-ui/components";
-import { Activity as ae, ArrowUpDown as T, Calendar as E, CheckSquare as D, ChevronDown as O, ChevronRight as k, Download as oe, EyeOff as se, GanttChartSquare as ce, Grid as A, Group as le, Images as j, Inbox as ue, LayoutGrid as de, Map as M, Paintbrush as fe, Plus as pe, Printer as me, Rows2 as he, Rows3 as ge, Rows4 as _e, Search as ve, Settings2 as ye, Share2 as be, SlidersHorizontal as xe, Trash2 as Se, X as Ce, icons as we } from "lucide-react";
-import { Fragment as Te, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { useObjectLabel as Ee, useObjectTranslation as De, useSafeFieldLabel as Oe } from "@object-ui/i18n";
-import { SchemaRenderer as ke, SchemaRendererContext as Ae, useDataScope as je, useDensityMode as Me, useNavigationOverlay as Ne, useSafeFieldLabel as F } from "@object-ui/react";
-import { usePullToRefresh as Pe } from "@object-ui/mobile";
-import { usePermissions as Fe } from "@object-ui/permissions";
-import { getCellRenderer as Ie, resolveCellRendererType as Le } from "@object-ui/fields";
+import { ComponentRegistry as e, buildExpandFields as t, evaluatePlainCondition as n } from "@object-ui/core";
+import * as r from "react";
+import { useCallback as i, useContext as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { Button as l, Card as u, CardContent as d, DataEmptyState as f, DropdownMenu as p, DropdownMenuContent as m, DropdownMenuItem as h, DropdownMenuTrigger as g, FilterBuilder as _, GroupingEditor as v, Input as y, LookupValuePicker as b, NavigationOverlay as x, Popover as S, PopoverContent as C, PopoverTrigger as w, RefreshIndicator as ee, SortBuilder as te, cn as T } from "@object-ui/components";
+import { Activity as ne, AlertTriangle as re, ArrowUpDown as ie, BarChart3 as E, Calendar as D, Check as O, CheckSquare as ae, ChevronDown as k, ChevronRight as A, Download as oe, EyeOff as se, GanttChartSquare as j, Grid as ce, Group as le, Images as M, Inbox as ue, LayoutGrid as N, ListTree as de, Map as P, Paintbrush as fe, Plus as pe, Printer as me, RotateCw as he, Rows2 as ge, Rows3 as _e, Rows4 as ve, Search as ye, Settings2 as be, Share2 as xe, SlidersHorizontal as Se, Trash2 as Ce, X as we, icons as Te } from "lucide-react";
+import { Fragment as Ee, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { useObjectLabel as De, useObjectTranslation as Oe, useSafeFieldLabel as ke } from "@object-ui/i18n";
+import { SchemaRenderer as Ae, SchemaRendererContext as je, useDataScope as Me, useDensityMode as Ne, useNavigationOverlay as Pe, useSafeFieldLabel as L } from "@object-ui/react";
+import { usePullToRefresh as Fe } from "@object-ui/mobile";
+import { usePermissions as Ie } from "@object-ui/permissions";
+import { getCellRenderer as Le, resolveCellRendererType as Re } from "@object-ui/fields";
 //#region src/ViewSwitcher.tsx
-var Re = {
-	grid: /* @__PURE__ */ N(A, { className: "h-4 w-4" }),
-	kanban: /* @__PURE__ */ N(de, { className: "h-4 w-4" }),
-	gallery: /* @__PURE__ */ N(j, { className: "h-4 w-4" }),
-	calendar: /* @__PURE__ */ N(E, { className: "h-4 w-4" }),
-	timeline: /* @__PURE__ */ N(ae, { className: "h-4 w-4" }),
-	gantt: /* @__PURE__ */ N(ce, { className: "h-4 w-4" }),
-	map: /* @__PURE__ */ N(M, { className: "h-4 w-4" })
-}, ze = {
+var ze = {
+	grid: /* @__PURE__ */ F(ce, { className: "h-4 w-4" }),
+	kanban: /* @__PURE__ */ F(N, { className: "h-4 w-4" }),
+	gallery: /* @__PURE__ */ F(M, { className: "h-4 w-4" }),
+	calendar: /* @__PURE__ */ F(D, { className: "h-4 w-4" }),
+	timeline: /* @__PURE__ */ F(ne, { className: "h-4 w-4" }),
+	gantt: /* @__PURE__ */ F(j, { className: "h-4 w-4" }),
+	map: /* @__PURE__ */ F(P, { className: "h-4 w-4" }),
+	chart: /* @__PURE__ */ F(E, { className: "h-4 w-4" }),
+	tree: /* @__PURE__ */ F(de, { className: "h-4 w-4" })
+}, R = {
 	grid: "Grid",
 	kanban: "Kanban",
 	gallery: "Gallery",
 	calendar: "Calendar",
 	timeline: "Timeline",
 	gantt: "Gantt",
-	map: "Map"
-}, Be = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
-	let o = a.useCallback((t) => {
-		if (!i || t === e) {
+	map: "Map",
+	chart: "Chart",
+	tree: "Tree"
+}, Be = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: i, animated: a = !0 }) => {
+	let [o, s] = r.useState(!1), c = r.useCallback((t) => {
+		s(!1), t !== e && (a && typeof document < "u" && "startViewTransition" in document ? document.startViewTransition(() => n(t)) : n(t));
+	}, [
+		a,
+		e,
+		n
+	]);
+	return t.length >= 2 && t.length <= 4 ? /* @__PURE__ */ F("div", {
+		role: "tablist",
+		"data-testid": "view-switcher-segmented",
+		className: T("inline-flex items-center gap-0.5 rounded-lg bg-muted p-0.5 oui-view-switcher", i),
+		children: t.map((t) => {
+			let n = t === e;
+			return /* @__PURE__ */ I("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": n,
+				"aria-label": R[t],
+				title: R[t],
+				"data-state": n ? "on" : "off",
+				onClick: () => c(t),
+				className: T("inline-flex items-center gap-1.5 h-7 px-2.5 rounded-[7px] text-xs font-medium transition-all duration-150", n ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+				children: [ze[t], /* @__PURE__ */ F("span", {
+					className: "hidden sm:inline-block",
+					children: R[t]
+				})]
+			}, t);
+		})
+	}) : /* @__PURE__ */ I(S, {
+		open: o,
+		onOpenChange: s,
+		children: [/* @__PURE__ */ F(w, {
+			asChild: !0,
+			children: /* @__PURE__ */ I("button", {
+				type: "button",
+				"data-testid": "view-switcher-dropdown",
+				"aria-label": R[e],
+				className: T("inline-flex items-center gap-1.5 h-7 px-2 rounded-md text-xs font-medium transition-colors oui-view-switcher", o ? "text-foreground bg-muted" : "text-muted-foreground hover:text-foreground", i),
+				children: [
+					ze[e],
+					/* @__PURE__ */ F("span", {
+						className: "hidden sm:inline-block",
+						children: R[e]
+					}),
+					/* @__PURE__ */ F(k, { className: "h-3 w-3 opacity-60" })
+				]
+			})
+		}), /* @__PURE__ */ F(C, {
+			align: "end",
+			className: "w-44 p-1",
+			children: t.map((t) => /* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: () => c(t),
+				"data-state": t === e ? "on" : "off",
+				className: T("flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors hover:bg-muted", t === e ? "text-foreground font-medium" : "text-muted-foreground"),
+				children: [
+					ze[t],
+					/* @__PURE__ */ F("span", {
+						className: "flex-1 text-left",
+						children: R[t]
+					}),
+					t === e && /* @__PURE__ */ F(O, { className: "h-3.5 w-3.5" })
+				]
+			}, t))
+		})]
+	});
+}, z = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: i, animated: a = !0 }) => {
+	let o = r.useCallback((t) => {
+		if (!a || t === e) {
 			n(t);
 			return;
 		}
 		typeof document < "u" && "startViewTransition" in document ? document.startViewTransition(() => n(t)) : n(t);
 	}, [
-		i,
+		a,
 		e,
 		n
 	]);
-	return /* @__PURE__ */ N("div", {
-		className: w("flex items-center gap-1 bg-transparent oui-view-switcher", r),
+	return /* @__PURE__ */ F("div", {
+		className: T("flex items-center gap-1 bg-transparent oui-view-switcher", i),
 		children: t.map((t) => {
 			let n = e === t;
-			return /* @__PURE__ */ P("button", {
+			return /* @__PURE__ */ I("button", {
 				type: "button",
 				onClick: () => o(t),
-				"aria-label": ze[t],
-				title: ze[t],
+				"aria-label": R[t],
+				title: R[t],
 				"aria-pressed": n,
 				"data-state": n ? "on" : "off",
-				className: w("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: [Re[t], /* @__PURE__ */ N("span", {
+				className: T("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: [ze[t], /* @__PURE__ */ F("span", {
 					className: "hidden sm:inline-block text-xs font-medium",
-					children: ze[t]
+					children: R[t]
 				})]
 			}, t);
 		})
 	});
 };
 //#endregion
-//#region src/components/TabBar.tsx
-function I(e) {
-	return e ? we[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
-}
-function Ve(e) {
-	return e.filter((e) => e.pinned || e.visible !== "false" && e.visible !== !1).sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
-}
-var He = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
-	let i = a.useMemo(() => Ve(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__ */ N("div", {
-		className: w("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 = I(e.icon), n = l === e.name;
-			return /* @__PURE__ */ P(d, {
-				variant: "ghost",
-				size: "sm",
-				className: w("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"),
-				"data-testid": `view-tab-${e.name}`,
-				role: "tab",
-				"aria-selected": n,
-				onClick: () => u(e),
-				children: [t && /* @__PURE__ */ N(t, { className: "h-3 w-3 mr-1.5" }), e.label]
-			}, e.name);
-		})
-	});
-}, Ue = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
-	let i = a.useMemo(() => Ve(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.useMemo(() => i.find((e) => e.name === l) ?? i[0], [i, l]), f = a.useCallback((e) => {
-		c(e.name), n?.(e);
-	}, [n]);
-	if (i.length === 0) return null;
-	let p = I(u?.icon);
-	return /* @__PURE__ */ N("div", {
-		className: w("px-2 py-1", r),
-		"data-testid": "view-tabs-select",
-		children: /* @__PURE__ */ P(h, { children: [/* @__PURE__ */ N(v, {
-			asChild: !0,
-			children: /* @__PURE__ */ P(d, {
-				variant: "ghost",
-				size: "sm",
-				className: "h-7 px-2 text-xs font-medium text-foreground gap-1.5 max-w-[60vw] truncate",
-				"aria-label": "Switch view",
-				children: [
-					p && /* @__PURE__ */ N(p, { className: "h-3.5 w-3.5 shrink-0" }),
-					/* @__PURE__ */ N("span", {
-						className: "truncate",
-						children: u?.label ?? ""
-					}),
-					/* @__PURE__ */ N(O, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
-				]
-			})
-		}), /* @__PURE__ */ N(g, {
-			align: "start",
-			className: "w-56 max-h-72 overflow-y-auto",
-			children: i.map((e) => {
-				let t = I(e.icon);
-				return /* @__PURE__ */ P(_, {
-					onClick: () => f(e),
-					className: w("text-sm", l === e.name && "font-medium bg-muted"),
-					"data-testid": `view-tab-select-${e.name}`,
-					children: [t && /* @__PURE__ */ N(t, { className: "h-3.5 w-3.5 mr-2 shrink-0" }), /* @__PURE__ */ N("span", {
-						className: "truncate",
-						children: e.label
-					})]
-				}, e.name);
-			})
-		})] })
-	});
-};
-//#endregion
 //#region src/components/ViewSettingsPopover.tsx
-function L({ title: e, badge: t, onClear: n, clearLabel: r, defaultOpen: i = !0, children: o }) {
-	let [s, c] = a.useState(i);
-	return /* @__PURE__ */ P("div", {
+function Ve({ title: e, badge: t, onClear: n, clearLabel: i, defaultOpen: a = !0, children: o }) {
+	let [s, c] = r.useState(a);
+	return /* @__PURE__ */ I("div", {
 		className: "border-b last:border-b-0",
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between px-3 py-2",
-			children: [/* @__PURE__ */ P("button", {
+			children: [/* @__PURE__ */ I("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__ */ N(O, { className: w("h-3.5 w-3.5 transition-transform", !s && "-rotate-90") }),
+					/* @__PURE__ */ F(k, { className: T("h-3.5 w-3.5 transition-transform", !s && "-rotate-90") }),
 					e,
-					typeof t == "number" && t > 0 && /* @__PURE__ */ N("span", {
+					typeof t == "number" && t > 0 && /* @__PURE__ */ F("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__ */ N("button", {
+			}), n && /* @__PURE__ */ F("button", {
 				type: "button",
 				onClick: n,
 				className: "text-[11px] text-muted-foreground hover:text-foreground",
-				children: r
+				children: i
 			})]
-		}), s && /* @__PURE__ */ N("div", {
+		}), s && /* @__PURE__ */ F("div", {
 			className: "px-3 pb-3",
 			children: o
 		})]
 	});
 }
-function We(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: h } = e, [g, _] = a.useState(!1), v = [
-		!!i?.fields?.length,
+function He(e) {
+	let { t, allFields: n, showGroup: i, groupingConfig: a, setGroupingConfig: o, showColor: s, rowColorConfig: c, setRowColorConfig: u, showDensity: d, density: f, showHideFields: p, hiddenFields: m, updateHiddenFields: h } = e, [g, _] = r.useState(!1), y = [
+		!!a?.fields?.length,
 		!!c?.field,
 		f && f.mode !== "compact",
 		(m?.size ?? 0) > 0
-	].filter(Boolean).length, ee = f?.mode === "compact" ? _e : f?.mode === "comfortable" ? ge : he, b = t("list.viewSettings", { defaultValue: "View settings" });
-	return /* @__PURE__ */ P(x, {
+	].filter(Boolean).length, b = f?.mode === "compact" ? ve : f?.mode === "comfortable" ? _e : ge, x = t("list.viewSettings", { defaultValue: "View settings" });
+	return /* @__PURE__ */ I(S, {
 		open: g,
 		onOpenChange: _,
-		children: [/* @__PURE__ */ N(C, {
+		children: [/* @__PURE__ */ F(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ P(d, {
+			children: /* @__PURE__ */ I(l, {
 				variant: "ghost",
 				size: "sm",
-				"aria-label": b,
-				title: b,
-				className: w("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", v > 0 && "text-foreground font-medium"),
+				"aria-label": x,
+				title: x,
+				className: T("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", y > 0 && "text-foreground font-medium"),
 				"data-testid": "view-settings-trigger",
 				children: [
-					/* @__PURE__ */ N(ye, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
-					/* @__PURE__ */ N("span", {
+					/* @__PURE__ */ F(be, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
+					/* @__PURE__ */ F("span", {
 						className: "hidden sm:inline",
-						children: b
+						children: x
 					}),
-					v > 0 && /* @__PURE__ */ N("span", {
+					y > 0 && /* @__PURE__ */ F("span", {
 						className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-						children: v
+						children: y
 					})
 				]
 			})
-		}), /* @__PURE__ */ P(S, {
+		}), /* @__PURE__ */ I(C, {
 			align: "end",
 			className: "w-80 p-0",
 			"data-testid": "view-settings-content",
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ I("div", {
 					className: "px-3 py-2 border-b",
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ F("div", {
 						className: "text-sm font-semibold",
-						children: b
-					}), /* @__PURE__ */ N("div", {
+						children: x
+					}), /* @__PURE__ */ F("div", {
 						className: "text-[11px] text-muted-foreground",
 						children: t("list.viewSettingsHint", { defaultValue: "Grouping, color, density, and visible fields." })
 					})]
 				}),
-				r && o && /* @__PURE__ */ N(L, {
+				i && o && /* @__PURE__ */ F(Ve, {
 					title: t("list.group", { defaultValue: "Group" }),
-					badge: i?.fields?.length || 0,
-					onClear: i ? () => o(void 0) : void 0,
+					badge: a?.fields?.length || 0,
+					onClear: a ? () => o(void 0) : void 0,
 					clearLabel: t("list.clear", { defaultValue: "Clear" }),
-					children: /* @__PURE__ */ N(y, {
-						value: i,
+					children: /* @__PURE__ */ F(v, {
+						value: a,
 						fieldOptions: n.map((e) => ({
 							value: e.name,
 							label: e.label || e.name
@@ -229,66 +227,66 @@ function We(e) {
 						onChange: (e) => o(e)
 					})
 				}),
-				s && l && /* @__PURE__ */ P(L, {
+				s && u && /* @__PURE__ */ I(Ve, {
 					title: t("list.color", { defaultValue: "Row color" }),
-					onClear: c ? () => l(void 0) : void 0,
+					onClear: c ? () => u(void 0) : void 0,
 					clearLabel: t("list.clear", { defaultValue: "Clear" }),
 					defaultOpen: !!c,
-					children: [/* @__PURE__ */ N("label", {
+					children: [/* @__PURE__ */ F("label", {
 						className: "block text-[11px] text-muted-foreground mb-1",
 						children: t("list.colorByField", { defaultValue: "Color by field" })
-					}), /* @__PURE__ */ P("select", {
+					}), /* @__PURE__ */ I("select", {
 						className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
 						value: c?.field || "",
 						onChange: (e) => {
 							let t = e.target.value;
-							l(t ? {
+							u(t ? {
 								field: t,
 								colors: c?.colors || {}
 							} : void 0);
 						},
 						"data-testid": "color-field-select",
-						children: [/* @__PURE__ */ N("option", {
+						children: [/* @__PURE__ */ F("option", {
 							value: "",
 							children: t("list.none", { defaultValue: "None" })
-						}), n.map((e) => /* @__PURE__ */ N("option", {
+						}), n.map((e) => /* @__PURE__ */ F("option", {
 							value: e.name,
 							children: e.label || e.name
 						}, e.name))]
 					})]
 				}),
-				u && f && /* @__PURE__ */ N(L, {
+				d && f && /* @__PURE__ */ F(Ve, {
 					title: t("grid.toolbar.densityMode", { defaultValue: "Density" }),
 					defaultOpen: f.mode !== "compact",
-					children: /* @__PURE__ */ P("div", {
+					children: /* @__PURE__ */ I("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ P(d, {
+						children: [/* @__PURE__ */ I(l, {
 							variant: "outline",
 							size: "sm",
 							className: "h-7 gap-1.5",
 							onClick: f.cycle,
 							"data-testid": "view-settings-density-cycle",
-							children: [/* @__PURE__ */ N(ee, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ N("span", {
+							children: [/* @__PURE__ */ F(b, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ F("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__ */ N("span", {
+						}), /* @__PURE__ */ F("span", {
 							className: "text-[11px] text-muted-foreground",
 							children: t("grid.toolbar.densityCycleShortHint", { defaultValue: "Click to cycle" })
 						})]
 					})
 				}),
-				p && m && h && /* @__PURE__ */ N(L, {
+				p && m && h && /* @__PURE__ */ F(Ve, {
 					title: t("list.hideFieldsTitle", { defaultValue: "Hide fields" }),
 					badge: m.size,
 					onClear: m.size > 0 ? () => h(/* @__PURE__ */ new Set()) : void 0,
 					clearLabel: t("list.showAll", { defaultValue: "Show all" }),
 					defaultOpen: m.size > 0,
-					children: /* @__PURE__ */ N("div", {
+					children: /* @__PURE__ */ F("div", {
 						className: "max-h-48 overflow-y-auto space-y-0.5",
-						children: n.map((e) => /* @__PURE__ */ P("label", {
+						children: n.map((e) => /* @__PURE__ */ I("label", {
 							className: "flex items-center gap-2 text-xs py-1 px-1 rounded hover:bg-muted cursor-pointer",
-							children: [/* @__PURE__ */ N("input", {
+							children: [/* @__PURE__ */ F("input", {
 								type: "checkbox",
 								checked: !m.has(e.name),
 								onChange: () => {
@@ -296,7 +294,7 @@ function We(e) {
 									t.has(e.name) ? t.delete(e.name) : t.add(e.name), h(t);
 								},
 								className: "rounded border-input"
-							}), /* @__PURE__ */ N("span", {
+							}), /* @__PURE__ */ F("span", {
 								className: "truncate",
 								children: e.label || e.name
 							})]
@@ -309,46 +307,74 @@ function We(e) {
 }
 //#endregion
 //#region src/UserFilters.tsx
-function Ge() {
+function B() {
 	try {
-		let { t: e } = De(), t = e("common.more");
+		let { t: e } = Oe(), t = e("common.more");
 		return !t || t === "common.more" ? "More" : t;
 	} catch {
 		return "More";
 	}
 }
-var Ke = new Set([
+var V = new Set([
 	"lookup",
 	"master_detail",
 	"user",
 	"owner"
 ]);
-function qe({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a }) {
+function Ue(e) {
+	switch (e) {
+		case void 0:
+		case "equals":
+		case "eq": return "=";
+		case "not_equals":
+		case "ne":
+		case "neq": return "!=";
+		case "gte": return ">=";
+		case "lte": return "<=";
+		case "gt": return ">";
+		case "lt": return "<";
+		case "not_in":
+		case "nin": return "not in";
+		default: return e;
+	}
+}
+function We(e) {
+	return (e || []).filter((e) => e && (e.id || e.name)).map((e) => ({
+		id: e.id ?? e.name,
+		label: typeof e.label == "string" ? e.label : e.label?.toString?.() ?? e.id ?? e.name,
+		filters: Array.isArray(e.filters) ? e.filters : Array.isArray(e.filter) ? e.filter.filter((e) => e && typeof e.field == "string").map((e) => [
+			e.field,
+			Ue(e.operator),
+			e.value
+		]) : [],
+		default: e.default ?? e.isDefault
+	}));
+}
+function Ge({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a, initialSelections: o, onSelectionsChange: s }) {
 	switch (e.element) {
-		case "dropdown": return /* @__PURE__ */ N(z, {
+		case "dropdown": return /* @__PURE__ */ F(H, {
 			fields: e.fields || [],
 			objectDef: t,
 			data: n,
 			onFilterChange: r,
 			maxVisible: i,
-			className: a
+			className: a,
+			initialSelections: o,
+			onSelectionsChange: s
 		});
-		case "tabs": return /* @__PURE__ */ N(Je, {
-			tabs: e.tabs || [],
+		case "tabs": return /* @__PURE__ */ F(U, {
+			tabs: We(e.tabs || []),
 			showAllRecords: e.showAllRecords !== !1,
 			allowAddTab: e.allowAddTab,
 			onFilterChange: r,
-			className: a
-		});
-		case "toggle": return /* @__PURE__ */ N(B, {
-			fields: e.fields || [],
-			onFilterChange: r,
-			className: a
+			className: a,
+			initialTab: typeof o?._tab?.[0] == "string" ? o._tab[0] : void 0,
+			onSelectionsChange: s
 		});
 		default: return null;
 	}
 }
-function R(e, t, n, r) {
+function Ke(e, t, n, r) {
 	return e.map((e) => {
 		let i = e.options ? [...e.options] : [], a = e.type, o, s, c;
 		if (t?.fields) {
@@ -385,70 +411,93 @@ function R(e, t, n, r) {
 		};
 	});
 }
-function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i, className: o }) {
-	let { fieldLabel: s, translateOptions: c } = Oe(), l = Ge(), u = t?.name, [d, f] = a.useState(() => {
+function H({ fields: e, objectDef: t, data: n, onFilterChange: i, maxVisible: a, className: o, initialSelections: s, onSelectionsChange: c }) {
+	let { fieldLabel: l, translateOptions: u } = ke(), d = B(), f = t?.name, [p, m] = r.useState(() => {
 		let t = {};
 		return e.forEach((e) => {
 			e.defaultValues && e.defaultValues.length > 0 && (t[e.field] = e.defaultValues);
+			let n = s?.[e.field];
+			n && n.length > 0 && (t[e.field] = n);
 		}), t;
-	}), p = a.useMemo(() => R(e, t, n, {
-		objectName: u,
-		fieldLabel: s,
-		translateOptions: c
+	}), h = r.useRef({}), g = r.useMemo(() => Ke(e, t, n, {
+		objectName: f,
+		fieldLabel: l,
+		translateOptions: u
+	}).map((e) => {
+		if (!e.showCount) return e;
+		if ((p[e.field] || []).length === 0) return h.current[e.field] = new Map(e.options.map((e) => [String(e.value), e.count ?? 0])), e;
+		let t = h.current[e.field];
+		return t ? {
+			...e,
+			options: e.options.map((e) => ({
+				...e,
+				count: t.get(String(e.value)) ?? e.count
+			}))
+		} : e;
 	}), [
 		e,
 		t,
 		n,
+		f,
+		l,
 		u,
-		s,
-		c
-	]), m = a.useCallback((e) => {
-		r(Object.entries(e).filter(([, e]) => e.length > 0).map(([e, t]) => [
+		p
+	]), _ = r.useCallback((e) => {
+		i(Object.entries(e).filter(([, e]) => e.length > 0).map(([e, t]) => [
 			e,
 			"in",
 			t
 		]));
-	}, [r]), h = (e, t) => {
+	}, [i]), v = (e, t) => {
 		let n = {
-			...d,
+			...p,
 			[e]: t
 		};
-		f(n), m(n);
+		m(n), _(n), c?.(n);
 	};
-	a.useEffect(() => {
-		Object.values(d).some((e) => e.length > 0) && m(d);
+	r.useEffect(() => {
+		let e = p, t = {}, n = !1;
+		for (let [r, i] of Object.entries(e)) {
+			let e = g.find((e) => e.field === r), a = i.map((t) => {
+				if (!e || typeof t != "string") return t;
+				let n = e.options.find((e) => String(e.value) === t);
+				return n && n.value !== t ? n.value : e.type === "boolean" && (t === "true" || t === "false") ? t === "true" : t;
+			});
+			t[r] = a, a.some((e, t) => e !== i[t]) && (n = !0);
+		}
+		n && (m(t), e = t), Object.values(e).some((e) => e.length > 0) && _(e);
 	}, []);
-	let g = i !== void 0 && i < p.length ? p.slice(0, i) : p, _ = i !== void 0 && i < p.length ? p.slice(i) : [], v = (e) => {
-		let t = d[e.field] || [], n = t.length > 0, r = Ke.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), i = r ? "w-72" : "w-56";
-		return /* @__PURE__ */ P(x, { children: [/* @__PURE__ */ N(C, {
+	let y = a !== void 0 && a < g.length ? g.slice(0, a) : g, x = a !== void 0 && a < g.length ? g.slice(a) : [], ee = (e) => {
+		let t = p[e.field] || [], n = t.length > 0, r = V.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), i = r ? "w-72" : "w-56";
+		return /* @__PURE__ */ I(S, { children: [/* @__PURE__ */ F(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ P("button", {
+			children: /* @__PURE__ */ I("button", {
 				"data-testid": `filter-badge-${e.field}`,
-				className: w("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"),
+				className: T("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__ */ N("span", {
+					/* @__PURE__ */ F("span", {
 						className: "truncate max-w-[100px]",
 						children: e.label || e.field
 					}),
-					n && /* @__PURE__ */ N("span", {
+					n && /* @__PURE__ */ F("span", {
 						className: "text-[10px] text-muted-foreground/80 tabular-nums",
 						children: t.length
 					}),
-					n ? /* @__PURE__ */ N(Ce, {
+					n ? /* @__PURE__ */ F(we, {
 						className: "h-3 w-3 opacity-60 hover:opacity-100",
 						"data-testid": `filter-clear-${e.field}`,
 						onClick: (t) => {
-							t.stopPropagation(), h(e.field, []);
+							t.stopPropagation(), v(e.field, []);
 						}
-					}) : /* @__PURE__ */ N(O, { className: "h-3 w-3 opacity-60" })
+					}) : /* @__PURE__ */ F(k, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ N(S, {
+		}), /* @__PURE__ */ F(C, {
 			align: "start",
-			className: w(i, "p-2"),
-			children: r ? /* @__PURE__ */ N("div", {
+			className: T(i, "p-2"),
+			children: r ? /* @__PURE__ */ F("div", {
 				"data-testid": `filter-lookup-${e.field}`,
-				children: /* @__PURE__ */ N(te, {
+				children: /* @__PURE__ */ F(b, {
 					field: {
 						value: e.field,
 						label: e.label || e.field,
@@ -461,36 +510,36 @@ function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 					multiple: !0,
 					onChange: (t) => {
 						let n = Array.isArray(t) ? t : t == null || t === "" ? [] : [t];
-						h(e.field, n);
+						v(e.field, n);
 					}
 				})
-			}) : /* @__PURE__ */ N("div", {
+			}) : /* @__PURE__ */ F("div", {
 				className: "max-h-60 overflow-y-auto space-y-0.5",
 				"data-testid": `filter-options-${e.field}`,
-				children: e.options.length === 0 ? /* @__PURE__ */ N("div", {
+				children: e.options.length === 0 ? /* @__PURE__ */ F("div", {
 					className: "px-2 py-3 text-center text-xs text-muted-foreground",
 					children: "No options"
-				}) : e.options.map((n) => /* @__PURE__ */ P("label", {
-					className: w("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"),
+				}) : e.options.map((n) => /* @__PURE__ */ I("label", {
+					className: T("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__ */ N("input", {
+						/* @__PURE__ */ F("input", {
 							type: "checkbox",
 							checked: t.includes(n.value),
 							onChange: () => {
 								let r = t.includes(n.value) ? t.filter((e) => e !== n.value) : [...t, n.value];
-								h(e.field, r);
+								v(e.field, r);
 							},
 							className: "rounded border-input"
 						}),
-						n.color && /* @__PURE__ */ N("span", {
+						n.color && /* @__PURE__ */ F("span", {
 							className: "h-2.5 w-2.5 rounded-full shrink-0",
 							style: { backgroundColor: n.color }
 						}),
-						/* @__PURE__ */ N("span", {
+						/* @__PURE__ */ F("span", {
 							className: "truncate flex-1",
 							children: n.label
 						}),
-						n.count !== void 0 && /* @__PURE__ */ N("span", {
+						n.count !== void 0 && /* @__PURE__ */ F("span", {
 							className: "text-xs text-muted-foreground",
 							children: n.count
 						})
@@ -499,42 +548,46 @@ function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 			})
 		})] }, e.field);
 	};
-	return /* @__PURE__ */ N("div", {
-		className: w("flex items-center gap-0.5 overflow-x-auto", o),
+	return /* @__PURE__ */ F("div", {
+		className: T("flex items-center gap-0.5 overflow-x-auto", o),
 		"data-testid": "user-filters-dropdown",
-		children: p.length === 0 ? /* @__PURE__ */ N("span", {
+		children: g.length === 0 ? /* @__PURE__ */ F("span", {
 			className: "text-xs text-muted-foreground",
 			"data-testid": "user-filters-empty",
 			children: "No filter fields"
-		}) : /* @__PURE__ */ P(Te, { children: [g.map(v), _.length > 0 && /* @__PURE__ */ P(x, { children: [/* @__PURE__ */ N(C, {
+		}) : /* @__PURE__ */ I(Ee, { children: [y.map(ee), x.length > 0 && /* @__PURE__ */ I(S, { children: [/* @__PURE__ */ F(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ P("button", {
+			children: /* @__PURE__ */ I("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__ */ N("span", { children: l }),
-					/* @__PURE__ */ N("span", {
+					/* @__PURE__ */ F("span", { children: d }),
+					/* @__PURE__ */ F("span", {
 						className: "text-[10px] text-muted-foreground/80 tabular-nums",
-						children: _.length
+						children: x.length
 					}),
-					/* @__PURE__ */ N(O, { className: "h-3 w-3 opacity-60" })
+					/* @__PURE__ */ F(k, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ N(S, {
+		}), /* @__PURE__ */ F(C, {
 			align: "start",
 			className: "w-64 p-2",
 			"data-testid": "user-filters-more-content",
-			children: /* @__PURE__ */ N("div", {
+			children: /* @__PURE__ */ F("div", {
 				className: "space-y-1",
-				children: _.map(v)
+				children: x.map(ee)
 			})
 		})] })] })
 	});
 }
-function Je({ 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(() => {
+function U({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: i, className: a, initialTab: o, onSelectionsChange: s }) {
+	let [c, l] = r.useState(() => o && (o === "__all__" || e.some((e) => e.id === o)) ? o : e.find((e) => e.default)?.id || (t ? "__all__" : e[0]?.id || "")), u = r.useCallback((t) => {
+		l(t), i(t === "__all__" ? [] : e.find((e) => e.id === t)?.filters || []), s?.({ _tab: [t] });
+	}, [
+		e,
+		i,
+		s
+	]), d = r.useMemo(() => {
 		let n = [...e];
 		return t && n.push({
 			id: "__all__",
@@ -542,76 +595,43 @@ function Je({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, cla
 			filters: []
 		}), n;
 	}, [e, t]);
-	return a.useEffect(() => {
-		let t = e.find((e) => e.default);
-		t && r(t.filters || []);
-	}, []), /* @__PURE__ */ P("div", {
-		className: w("flex items-center gap-0.5 overflow-x-auto", i),
+	return r.useEffect(() => {
+		if (c && c !== "__all__") {
+			let t = e.find((e) => e.id === c);
+			t && i(t.filters || []);
+		}
+	}, []), /* @__PURE__ */ I("div", {
+		className: T("flex items-center gap-0.5 overflow-x-auto", a),
 		"data-testid": "user-filters-tabs",
-		children: [l.map((e) => /* @__PURE__ */ N("button", {
-			"data-testid": `filter-tab-${e.id}`,
-			onClick: () => c(e.id),
-			className: w("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__ */ N("button", {
+		children: [d.map((e) => {
+			let t = e.id ?? e.name ?? "";
+			return /* @__PURE__ */ F("button", {
+				"data-testid": `filter-tab-${t}`,
+				onClick: () => u(t),
+				className: T("inline-flex items-center h-7 px-3 text-xs font-medium rounded-md transition-colors shrink-0", c === t ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
+				children: e.label
+			}, t);
+		}), n && /* @__PURE__ */ F("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__ */ N(pe, { className: "h-3.5 w-3.5" })
+			children: /* @__PURE__ */ F(pe, { className: "h-3.5 w-3.5" })
 		})]
 	});
 }
-function B({ fields: e, onFilterChange: t, className: n }) {
-	let [r, i] = a.useState(() => {
-		let t = /* @__PURE__ */ new Set();
-		return e.forEach((e) => {
-			e.defaultValues && e.defaultValues.length > 0 && t.add(e.field);
-		}), t;
-	}), o = a.useCallback((n) => {
-		t(Array.from(n).map((t) => {
-			let n = e.find((e) => e.field === t);
-			return n?.defaultValues ? [
-				t,
-				"in",
-				n.defaultValues
-			] : [
-				t,
-				"!=",
-				null
-			];
-		}));
-	}, [e, t]), s = (e) => {
-		i((t) => {
-			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), o(n), n;
-		});
-	};
-	return a.useEffect(() => {
-		r.size > 0 && o(r);
-	}, []), /* @__PURE__ */ N("div", {
-		className: w("flex items-center gap-1 overflow-x-auto", n),
-		"data-testid": "user-filters-toggle",
-		children: e.map((e) => /* @__PURE__ */ N(d, {
-			variant: r.has(e.field) ? "default" : "outline",
-			size: "sm",
-			className: "h-7 px-3 text-xs shrink-0",
-			"data-testid": `filter-toggle-${e.field}`,
-			onClick: () => s(e.field),
-			children: e.label || e.field
-		}, e.field))
-	});
-}
 //#endregion
 //#region src/ListView.tsx
-function V(e) {
+function W(e) {
 	switch (e) {
 		case "equals":
 		case "eq": return "=";
 		case "notEquals":
+		case "not_equals":
 		case "ne":
 		case "neq": return "!=";
 		case "contains": return "contains";
-		case "notContains": return "notcontains";
+		case "notContains":
+		case "notcontains": return "notcontains";
 		case "greaterThan":
 		case "gt": return ">";
 		case "greaterOrEqual":
@@ -621,16 +641,18 @@ function V(e) {
 		case "lessOrEqual":
 		case "lte": return "<=";
 		case "in": return "in";
-		case "notIn": return "not in";
+		case "notIn":
+		case "not_in":
+		case "nin": return "not in";
 		case "before": return "<";
 		case "after": return ">";
 		default: return e;
 	}
 }
-function H(e) {
+function qe(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) ? qe(e) : e)] : n === "in" && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
 		t,
 		"=",
 		r[0]
@@ -648,15 +670,15 @@ function H(e) {
 		e
 	])] : e;
 }
-function Ye(e) {
+function Je(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Xe(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);
+function Ye(e) {
+	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? qe(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
 }
-function Ze(e) {
+function Xe(e) {
 	if (!e || !e.conditions || e.conditions.length === 0) return [];
-	let t = Xe(e.conditions.map((e) => e.operator === "isEmpty" ? [
+	let t = Ye(e.conditions.map((e) => e.operator === "isEmpty" ? [
 		e.field,
 		"=",
 		null
@@ -666,12 +688,12 @@ function Ze(e) {
 		null
 	] : [
 		e.field,
-		V(e.operator),
+		W(e.operator),
 		e.value
 	]));
 	return t.length === 0 ? [] : t.length === 1 ? t[0] : [e.logic, ...t];
 }
-function Qe(e, t) {
+function Ze(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;
@@ -706,12 +728,19 @@ function Qe(e, t) {
 	}
 	return {};
 }
-var $e = {
+var Qe = {
 	"list.recordCount": "{{count}} records",
 	"list.recordCountOne": "{{count}} record",
 	"list.noItems": "No items found",
 	"list.noItemsMessage": "There are no records to display. Try adjusting your filters or adding new data.",
+	"list.firstRunTitle": "Nothing here yet",
+	"list.firstRunMessage": "Create your first record to get started.",
+	"list.noMatches": "No matching records",
+	"list.noMatchesMessage": "No records match your current filters or search. Try adjusting or clearing them.",
 	"list.loading": "Loading records…",
+	"list.loadErrorTitle": "Couldn’t load records",
+	"list.loadErrorMessage": "Something went wrong while loading this data. Check your connection and try again.",
+	"list.retry": "Retry",
 	"list.search": "Search",
 	"list.filter": "Filter",
 	"list.filterRecords": "Filter Records",
@@ -746,67 +775,67 @@ var $e = {
 	"grid.toolbar.densityCycleShortHint": "Click to cycle",
 	"list.viewSettings": "View settings",
 	"list.viewSettingsHint": "Grouping, color, density, and visible fields."
-}, et = (e, t, n) => n, tt = (e, t) => {
-	let n = $e[e] || e;
+}, $e = (e, t, n) => n, G = (e, t) => {
+	let n = Qe[e] || e;
 	if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 	return n;
 };
-function nt() {
+function et() {
 	try {
-		let e = De();
-		return e.t("list.recordCount") === "list.recordCount" ? { t: tt } : { t: e.t };
+		let e = Oe();
+		return e.t("list.recordCount") === "list.recordCount" ? { t: G } : { t: e.t };
 	} catch {
-		return { t: tt };
+		return { t: G };
 	}
 }
-function rt() {
+function tt() {
 	try {
-		let { fieldLabel: e, actionLabel: t } = Ee();
+		let { fieldLabel: e, actionLabel: t } = De();
 		return {
 			fieldLabel: e,
 			actionLabel: t
 		};
 	} catch {
 		return {
-			fieldLabel: et,
+			fieldLabel: $e,
 			actionLabel: void 0
 		};
 	}
 }
-var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange: s, onSortChange: c, onSearchChange: l, onHiddenFieldsChange: u, onColumnStateChange: f, onRowClick: p, showViewSwitcher: h = !1, ...g }, _) => {
-	let { t: v } = nt(), { fieldLabel: te, actionLabel: ae } = rt(), { translateOptions: E } = Oe(), O = a.useMemo(() => e.viewType ? e : {
+var nt = r.forwardRef(({ schema: e, className: n, onViewChange: i, onFilterChange: a, onSortChange: o, onSearchChange: s, onHiddenFieldsChange: c, onColumnStateChange: u, onRowClick: d, showViewSwitcher: p, userFilterSelections: m, onUserFilterSelectionsChange: h, ...g }, b) => {
+	let ne = p ?? e?.showViewSwitcher ?? !1, { t: E } = et(), { fieldLabel: D, actionLabel: O } = tt(), { translateOptions: k } = ke(), A = r.useMemo(() => e.viewType && e.viewType !== "list" ? e : {
 		...e,
 		viewType: "grid"
-	}, [e]), k = a.useCallback((e, t) => O.objectName ? te(O.objectName, e, t) : t, [O.objectName, te]), ce = a.useCallback((e) => {
-		let t = Ye(e);
-		return O.objectName && typeof ae == "function" ? ae(O.objectName, e, t) : t;
-	}, [O.objectName, ae]), A = a.useMemo(() => {
-		let e = O.userActions, t = O.addRecord?.enabled === !0 && e?.addRecordForm !== !1;
+	}, [e]), j = r.useCallback((e, t) => A.objectName ? D(A.objectName, e, t) : t, [A.objectName, D]), ce = r.useCallback((e) => {
+		let t = Je(e);
+		return A.objectName && typeof O == "function" ? O(A.objectName, e, t) : t;
+	}, [A.objectName, O]), M = r.useMemo(() => {
+		let e = A.userActions, t = A.addRecord?.enabled === !0 && e?.addRecordForm !== !1;
 		return {
-			showSearch: e?.search === void 0 ? O.showSearch !== !1 : e.search,
-			showSort: e?.sort === void 0 ? O.showSort !== !1 : e.sort,
-			showFilters: e?.filter === void 0 ? O.showFilters !== !1 : e.filter,
-			showDensity: e?.rowHeight === void 0 ? O.showDensity !== !1 : e.rowHeight,
-			showHideFields: O.showHideFields === !0,
-			showGroup: O.showGroup !== !1,
-			showColor: O.showColor === !0,
-			compactToolbar: O.compactToolbar === !0,
+			showSearch: e?.search === void 0 ? A.showSearch !== !1 : e.search,
+			showSort: e?.sort === void 0 ? A.showSort !== !1 : e.sort,
+			showFilters: e?.filter === void 0 ? A.showFilters !== !1 : e.filter,
+			showDensity: e?.rowHeight === void 0 ? A.showDensity !== !1 : e.rowHeight,
+			showHideFields: A.showHideFields === !0,
+			showGroup: A.showGroup !== !1,
+			showColor: A.showColor === !0,
+			compactToolbar: A.compactToolbar === !0,
 			showAddRecord: t,
-			addRecordPosition: O.addRecord?.position === "bottom" ? "bottom" : "top"
+			addRecordPosition: A.addRecord?.position === "bottom" ? "bottom" : "top"
 		};
 	}, [
-		O.userActions,
-		O.showSearch,
-		O.showSort,
-		O.showFilters,
-		O.showDensity,
-		O.showHideFields,
-		O.showGroup,
-		O.showColor,
-		O.compactToolbar,
-		O.addRecord,
-		O.userActions?.addRecordForm
-	]), [j, de] = a.useState(O.viewType), [M, ye] = a.useState(""), [Ee, De] = a.useState(!1), [Ae, je] = a.useState(!1), [F, Ie] = a.useState(() => O.sort && O.sort.length > 0 ? O.sort.map((e) => {
+		A.userActions,
+		A.showSearch,
+		A.showSort,
+		A.showFilters,
+		A.showDensity,
+		A.showHideFields,
+		A.showGroup,
+		A.showColor,
+		A.compactToolbar,
+		A.addRecord,
+		A.userActions?.addRecordForm
+	]), [N, de] = r.useState(A.viewType), [P, be] = r.useState(""), [De, Oe] = r.useState(!1), [je, Me] = r.useState(!1), [L, Le] = r.useState(() => A.sort && A.sort.length > 0 ? A.sort.map((e) => {
 		if (typeof e == "string") {
 			let t = e.trim().split(/\s+/);
 			return {
@@ -820,9 +849,9 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			field: e.field,
 			order: e.order || "asc"
 		};
-	}) : []), Le = a.useMemo(() => JSON.stringify(O.sort || []), [O.sort]);
-	a.useEffect(() => {
-		O.sort && O.sort.length > 0 ? Ie(O.sort.map((e) => {
+	}) : []), Re = r.useMemo(() => JSON.stringify(A.sort || []), [A.sort]);
+	r.useEffect(() => {
+		A.sort && A.sort.length > 0 ? Le(A.sort.map((e) => {
 			if (typeof e == "string") {
 				let t = e.trim().split(/\s+/);
 				return {
@@ -836,43 +865,25 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 				field: e.field,
 				order: e.order || "asc"
 			};
-		})) : Ie([]);
-	}, [Le]);
-	let [Re, ze] = a.useState(!1), [I, Ve] = a.useState({
+		})) : Le([]);
+	}, [Re]);
+	let [ze, R] = r.useState(!1), [z, Ve] = r.useState({
 		id: "root",
 		logic: "and",
 		conditions: []
-	}), [L, Ge] = a.useState(() => {
-		if (!(!O.tabs || O.tabs.length === 0)) return O.tabs.find((e) => e.isDefault)?.name ?? O.tabs[0]?.name;
-	}), Ke = a.useCallback((e) => {
-		if (Ge(e.name), e.filter) {
-			let t = {
-				id: `tab-filter-${e.name}`,
-				logic: e.filter.logic || "and",
-				conditions: e.filter.conditions || []
-			};
-			Ve(t), s?.(t);
-		} else {
-			let e = {
-				id: "root",
-				logic: "and",
-				conditions: []
-			};
-			Ve(e), s?.(e);
-		}
-	}, [s]), R = g.dataSource, [z, Je] = a.useState([]), [B, V] = a.useState(() => !(Array.isArray(O.data) || O.data && typeof O.data == "object" && O.data.provider === "value" && Array.isArray(O.data.items))), [H, Qe] = a.useState(null), [$e, et] = a.useState(!1), [tt, U] = a.useState(0), [it, at] = a.useState(!1);
-	a.useImperativeHandle(_, () => ({ refresh: () => U((e) => e + 1) }), []), a.useEffect(() => {
-		if (!(!R?.onMutation || !O.objectName || O.refreshTrigger)) return R.onMutation((e) => {
-			e.resource === O.objectName && U((e) => e + 1);
+	}), B = g.dataSource, [V, Ue] = r.useState([]), [We, Ke] = r.useState(null), [H, U] = r.useState(() => !(Array.isArray(A.data) || A.data && typeof A.data == "object" && A.data.provider === "value" && Array.isArray(A.data.items))), [W, qe] = r.useState(null), [Ze, Qe] = r.useState(!1), [$e, G] = r.useState(0), [nt, rt] = r.useState(!1);
+	r.useImperativeHandle(b, () => ({ refresh: () => G((e) => e + 1) }), []), r.useEffect(() => {
+		if (!(!B?.onMutation || !A.objectName || A.refreshTrigger)) return B.onMutation((e) => {
+			e.resource === A.objectName && G((e) => e + 1);
 		});
 	}, [
-		R,
-		O.objectName,
-		O.refreshTrigger
+		B,
+		A.objectName,
+		A.refreshTrigger
 	]);
-	let [ot, st] = a.useState(void 0), W = ot ?? O.pagination?.pageSize ?? 100, G = 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 = [];
+	let [it, at] = r.useState(void 0), K = it ?? A.pagination?.pageSize ?? 100, [ot, st] = r.useState(1), [ct, lt] = r.useState(null), q = r.useMemo(() => {
+		if (A.grouping?.fields?.length) return A.grouping;
+		let e = typeof A.groupBy == "string" ? A.groupBy.trim() : "", t = typeof A.groupBy2 == "string" ? A.groupBy2.trim() : "", n = [];
 		return e && n.push({
 			field: e,
 			order: "asc",
@@ -883,96 +894,95 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			collapsed: !1
 		}), n.length > 0 ? { fields: n } : void 0;
 	}, [
-		O.grouping,
-		O.groupBy,
-		O.groupBy2
-	]), [K, ct] = a.useState(G), [lt, ut] = a.useState(!1), dt = a.useRef(G);
-	a.useEffect(() => {
-		dt.current !== G && (dt.current = G, ct(G));
-	}, [G]);
-	let [q, ft] = a.useState(O.rowColor), [pt, mt] = a.useState(!1), [ht, gt] = a.useState([]), _t = a.useRef(0), [vt, yt] = a.useState(() => {
-		let e = /* @__PURE__ */ new Set();
-		return O.quickFilters?.forEach((t) => {
-			let n = r(t);
-			n.defaultActive && e.add(n.id);
-		}), e;
-	}), [bt, xt] = a.useState([]), St = a.useMemo(() => {
-		if (O.userFilters) return O.userFilters;
-		if (!H?.fields) return;
-		let e = new Set([
+		A.grouping,
+		A.groupBy,
+		A.groupBy2
+	]), [J, ut] = r.useState(q), [dt, ft] = r.useState(!1), pt = r.useRef(q);
+	r.useEffect(() => {
+		pt.current !== q && (pt.current = q, ut(q));
+	}, [q]);
+	let [Y, mt] = r.useState(A.rowColor), [ht, gt] = r.useState(!1), [_t, vt] = r.useState([]), yt = r.useRef(0), [bt, xt] = r.useState([]), St = r.useMemo(() => {
+		let e = A.userFilters;
+		if (!e) return;
+		if (e.element === "tabs" || e.fields && e.fields.length > 0 || !W?.fields) return e;
+		let t = new Set([
 			"select",
 			"multi-select",
 			"boolean"
-		]), 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),
+		]), n = [], r = Array.isArray(W.fields) ? W.fields.map((e) => [e.name, e]) : Object.entries(W.fields);
+		for (let [e, i] of r) (t.has(i.type) || i.options && !i.type) && n.push({
+			field: e,
+			label: j(e, i.label || e),
 			type: i.type === "boolean" ? "boolean" : i.type === "multi-select" ? "multi-select" : "select"
 		});
-		if (t.length !== 0) return {
-			element: "dropdown",
-			fields: t
+		return n.length === 0 ? e : {
+			...e,
+			fields: n
 		};
-	}, [O.userFilters, H]), [J, Ct] = a.useState(() => new Set(O.hiddenFields || [])), wt = a.useMemo(() => JSON.stringify(O.hiddenFields || []), [O.hiddenFields]);
-	a.useEffect(() => {
-		Ct(new Set(O.hiddenFields || []));
+	}, [
+		A.userFilters,
+		W,
+		j
+	]), [X, Ct] = r.useState(() => new Set(A.hiddenFields || [])), wt = r.useMemo(() => JSON.stringify(A.hiddenFields || []), [A.hiddenFields]);
+	r.useEffect(() => {
+		Ct(new Set(A.hiddenFields || []));
 	}, [wt]);
-	let Tt = a.useCallback((e) => {
-		Ct(e), u?.(Array.from(e));
-	}, [u]), [Et, Dt] = a.useState(!1), [Ot, kt] = a.useState(!1), Y = a.useMemo(() => i(O.quickFilters), [O.quickFilters]), X = a.useMemo(() => {
-		if (O.exportOptions) return Array.isArray(O.exportOptions) ? { formats: O.exportOptions } : O.exportOptions;
-	}, [O.exportOptions]), Z = Me(a.useMemo(() => O.densityMode ? O.densityMode : O.rowHeight ? {
+	let Tt = r.useCallback((e) => {
+		Ct(e), c?.(Array.from(e));
+	}, [c]), [Et, Dt] = r.useState(!1), [Ot, kt] = r.useState(!1), At = r.useMemo(() => {
+		if (A.exportOptions) return Array.isArray(A.exportOptions) ? { formats: A.exportOptions } : A.exportOptions;
+	}, [A.exportOptions]), Z = Ne(r.useMemo(() => A.densityMode ? A.densityMode : A.rowHeight ? {
 		compact: "compact",
 		short: "compact",
 		medium: "comfortable",
 		tall: "spacious",
 		extra_tall: "spacious"
-	}[O.rowHeight] || "comfortable" : "compact", [O.densityMode, O.rowHeight]), { onChange: O.onDensityChange }), At = a.useMemo(() => `objectui:gallery:density:${O.objectName ?? "default"}`, [O.objectName]), [Q, jt] = a.useState(() => {
-		if (typeof window > "u") return O.gallery?.cardSize ?? "medium";
+	}[A.rowHeight] || "comfortable" : "compact", [A.densityMode, A.rowHeight]), { onChange: A.onDensityChange }), jt = r.useMemo(() => `objectui:gallery:density:${A.objectName ?? "default"}`, [A.objectName]), [Q, Mt] = r.useState(() => {
+		if (typeof window > "u") return A.gallery?.cardSize ?? "medium";
 		try {
-			let e = window.localStorage.getItem(At);
+			let e = window.localStorage.getItem(jt);
 			if (e === "small" || e === "medium" || e === "large") return e;
 		} catch {}
-		return O.gallery?.cardSize ?? "medium";
-	}), Mt = a.useCallback(() => {
-		jt((e) => {
+		return A.gallery?.cardSize ?? "medium";
+	}), Nt = r.useCallback(() => {
+		Mt((e) => {
 			let t = e === "large" ? "medium" : e === "medium" ? "small" : "large";
 			try {
-				window.localStorage.setItem(At, t);
+				window.localStorage.setItem(jt, t);
 			} catch {}
 			return t;
 		});
-	}, [At]), { ref: Nt, isRefreshing: Pt, pullDistance: Ft } = Pe({
-		onRefresh: a.useCallback(async () => {
-			U((e) => e + 1);
+	}, [jt]), { ref: Pt, isRefreshing: Ft, pullDistance: It } = Fe({
+		onRefresh: r.useCallback(async () => {
+			G((e) => e + 1);
 		}, []),
-		enabled: !!R && !!O.objectName
-	}), It = a.useMemo(() => O.id ? `listview-${O.objectName}-${O.id}-view` : `listview-${O.objectName}-view`, [O.objectName, O.id]);
-	a.useEffect(() => {
+		enabled: !!B && !!A.objectName
+	}), Lt = r.useMemo(() => A.id ? `listview-${A.objectName}-${A.id}-view` : `listview-${A.objectName}-view`, [A.objectName, A.id]);
+	r.useEffect(() => {
 		let e = !0;
-		return et(!1), Qe(null), (async () => {
-			if (!R || !O.objectName) {
-				et(!0);
+		return Qe(!1), qe(null), (async () => {
+			if (!B || !A.objectName) {
+				Qe(!0);
 				return;
 			}
-			if (typeof R.getObjectSchema != "function") {
-				et(!0);
+			if (typeof B.getObjectSchema != "function") {
+				Qe(!0);
 				return;
 			}
 			try {
-				let t = await R.getObjectSchema(O.objectName);
-				e && Qe(t);
+				let t = await B.getObjectSchema(A.objectName);
+				e && qe(t);
 			} catch (e) {
 				console.warn("Failed to fetch object schema for ListView:", e);
 			} finally {
-				e && et(!0);
+				e && Qe(!0);
 			}
 		})(), () => {
 			e = !1;
 		};
-	}, [O.objectName, R]);
-	let Lt = 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) => {
+	}, [A.objectName, B]);
+	let Rt = r.useMemo(() => {
+		let e = Array.isArray(A.fields) ? A.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 = [
 				e.groupField,
@@ -996,70 +1006,72 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			];
 			for (let e of t) typeof e == "string" && e && n.add(e);
 		};
-		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);
+		r(A.kanban), r(A.options?.kanban), r(A.calendar), r(A.options?.calendar), r(A.gallery), r(A.options?.gallery), r(A.timeline), r(A.options?.timeline), r(A.gantt), r(A.options?.gantt);
 		let i = n.size > 0 ? Array.from(n) : void 0;
-		return t(H?.fields, i);
+		return t(W?.fields, i);
 	}, [
-		H?.fields,
-		O.fields,
-		O.kanban,
-		O.calendar,
-		O.gallery,
-		O.timeline,
-		O.gantt,
-		O.options
-	]), $ = Fe();
-	a.useEffect(() => {
-		let e = !0, t = ++_t.current;
-		if (O.data && typeof O.data == "object" && !Array.isArray(O.data)) {
-			let e = O.data;
+		W?.fields,
+		A.fields,
+		A.kanban,
+		A.calendar,
+		A.gallery,
+		A.timeline,
+		A.gantt,
+		A.options
+	]), zt = Ie();
+	r.useEffect(() => {
+		let e = !0, t = ++yt.current;
+		if (A.data && typeof A.data == "object" && !Array.isArray(A.data)) {
+			let e = A.data;
 			if (e.provider === "value" && Array.isArray(e.items)) {
 				let t = e.items;
-				if (M) {
-					let e = M.toLowerCase();
+				if (P) {
+					let e = P.toLowerCase();
 					t = t.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
 				}
-				Je(t), V(!1), at(!1);
+				Ue(t), U(!1), rt(!1);
 				return;
 			}
 		}
-		if (Array.isArray(O.data)) {
-			let e = O.data;
-			if (M) {
-				let t = M.toLowerCase();
+		if (Array.isArray(A.data)) {
+			let e = A.data;
+			if (P) {
+				let t = P.toLowerCase();
 				e = e.filter((e) => Object.values(e).some((e) => e != null && String(e).toLowerCase().includes(t)));
 			}
-			Je(e), V(!1), at(!1);
+			Ue(e), U(!1), rt(!1);
 			return;
 		}
-		return $e ? ((async () => {
-			if (!R || !O.objectName) {
-				V(!1);
+		return Ze ? ((async () => {
+			if (!B || !A.objectName) {
+				U(!1);
 				return;
 			}
-			V(!0);
+			U(!0), Ke(null);
 			try {
-				let n = [], r = O.filters || [], i = Ze(I), a = [];
-				Y && vt.size > 0 && Y.forEach((e) => {
-					vt.has(e.id) && e.filters && e.filters.length > 0 && a.push(e.filters);
-				});
-				let o = Xe(bt), s = [
+				let n = [], r = A.filters || [], i = Xe(z), a = Ye(bt), o = [
 					...r.length > 0 ? [r] : [],
 					...i.length > 0 ? [i] : [],
-					...a,
-					...o
+					...a
 				].filter((e) => Array.isArray(e) && e.length > 0);
-				s.length > 1 ? n = ["and", ...s] : s.length === 1 && (n = s[0]);
-				let c = F.length > 0 ? F.filter((e) => e.field).map((e) => ({
+				o.length > 1 ? n = ["and", ...o] : o.length === 1 && (n = o[0]);
+				let s = L.length > 0 ? L.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) : [], t = $?.isLoaded && O.objectName ? e.filter((e) => $.checkField(O.objectName, e, "read")) : e;
+				})) : void 0, c = (() => {
+					let e = Array.isArray(A.fields) ? A.fields.map((e) => typeof e == "string" ? e : e?.field).filter((e) => typeof e == "string" && e.length > 0) : [], t = zt?.isLoaded && A.objectName ? e.filter((e) => zt.checkField(A.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 Lt) n.add(e);
-					let r = (e) => {
+					for (let e of Rt) n.add(e);
+					let r = (() => {
+						let e = W?.fields;
+						if (!e) return null;
+						let t = Array.isArray(e) ? e.map((e) => e?.name).filter((e) => typeof e == "string") : Object.keys(e), n = new Set(t);
+						return n.add("id"), n.add("created_at"), n.add("updated_at"), n;
+					})(), i = (e) => {
+						typeof e != "string" || !e || (!r || r.has(e)) && n.add(e);
+					}, a = (e) => {
 						if (!e) return;
 						let t = [
 							e.groupField,
@@ -1081,113 +1093,131 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 							...Array.isArray(e.visibleFields) ? e.visibleFields : [],
 							...Array.isArray(e.metaFields) ? e.metaFields : []
 						];
-						for (let e of t) typeof e == "string" && e && n.add(e);
+						for (let e of t) i(e);
 					};
-					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);
+					a(A.kanban), a(A.options?.kanban), a(A.calendar), a(A.options?.calendar), a(A.gallery), a(A.options?.gallery), a(A.timeline), a(A.options?.timeline);
 					{
-						let e = O.timeline ?? O.options?.timeline;
-						e && !Array.isArray(e.metaFields) && (n.add("status"), n.add("priority"));
+						let e = A.timeline ?? A.options?.timeline;
+						e && !Array.isArray(e.metaFields) && (i("status"), i("priority"));
 					}
-					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 R.find(O.objectName, {
-					...u ? { $filter: n } : {},
-					$orderby: c,
-					$top: W,
-					...l ? { $select: l } : {},
-					...Lt.length > 0 ? { $expand: Lt } : {},
-					...M ? {
-						$search: M,
-						...O.searchableFields && O.searchableFields.length > 0 ? { $searchFields: O.searchableFields } : {}
+					return a(A.gantt), a(A.options?.gantt), Array.from(n);
+				})(), l = Array.isArray(n) ? n.length > 0 : !!n && Object.keys(n).length > 0, u = N === "grid" && !J?.fields?.length, d = u ? (ot - 1) * K : 0, f = await B.find(A.objectName, {
+					...l ? { $filter: n } : {},
+					$orderby: s,
+					$top: K,
+					...d > 0 ? { $skip: d } : {},
+					...c ? { $select: c } : {},
+					...Rt.length > 0 ? { $expand: Rt } : {},
+					...P ? {
+						$search: P,
+						...A.searchableFields && A.searchableFields.length > 0 ? { $searchFields: A.searchableFields } : {}
 					} : {}
 				});
-				if (!e || t !== _t.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)), Je(f), at(f.length >= W);
+				if (!e || t !== yt.current) return;
+				let p = [];
+				Array.isArray(f) ? p = f : f && typeof f == "object" && (Array.isArray(f.data) ? p = f.data : Array.isArray(f.records) ? p = f.records : Array.isArray(f.value) && (p = f.value)), Ue(p);
+				let m = f && typeof f == "object" ? f.total ?? f.count : void 0, h = typeof m == "number" ? m : null;
+				lt(u ? h : null), rt(!(u && h != null) && p.length >= K);
 			} catch (e) {
-				t === _t.current && console.error("ListView data fetch error:", e);
+				t === yt.current && (console.error("ListView data fetch error:", e), Ue([]), Ke(e?.message ? String(e.message) : String(e ?? "Unknown error")));
 			} finally {
-				e && t === _t.current && V(!1);
+				e && t === yt.current && U(!1);
 			}
 		})(), () => {
 			e = !1;
 		}) : void 0;
 	}, [
-		O.objectName,
-		O.data,
-		R,
-		O.filters,
-		W,
-		F,
-		I,
-		vt,
-		Y,
+		A.objectName,
+		A.data,
+		B,
+		A.filters,
+		K,
+		L,
+		z,
 		bt,
-		tt,
-		M,
-		O.searchableFields,
-		Lt,
 		$e,
-		O.refreshTrigger,
-		$
+		P,
+		A.searchableFields,
+		Rt,
+		Ze,
+		A.refreshTrigger,
+		zt,
+		ot,
+		N,
+		J
 	]);
-	let Rt = a.useMemo(() => {
-		if (O.appearance?.allowedVisualizations && O.appearance.allowedVisualizations.length > 0) return O.appearance.allowedVisualizations.filter((e) => [
-			"grid",
-			"kanban",
-			"gallery",
-			"calendar",
-			"timeline",
-			"gantt",
-			"map"
-		].includes(e));
+	let Bt = JSON.stringify([
+		A.objectName,
+		A.filters,
+		K,
+		L,
+		z,
+		bt,
+		P,
+		N,
+		J
+	]), Vt = r.useRef(Bt);
+	r.useEffect(() => {
+		Vt.current !== Bt && (Vt.current = Bt, st(1));
+	}, [Bt]);
+	let Ht = r.useMemo(() => {
 		let e = ["grid"];
-		return (O.kanban?.groupField || O.options?.kanban?.groupField) && e.push("kanban"), (O.gallery?.coverField || O.gallery?.imageField || O.options?.gallery?.imageField) && e.push("gallery"), (O.calendar?.startDateField || O.options?.calendar?.startDateField) && e.push("calendar"), (O.timeline?.startDateField || O.options?.timeline?.startDateField || O.options?.timeline?.dateField || O.options?.calendar?.startDateField) && e.push("timeline"), (O.gantt?.startDateField || O.options?.gantt?.startDateField) && e.push("gantt"), (O.options?.map?.locationField || O.options?.map?.latitudeField && O.options?.map?.longitudeField) && e.push("map"), O.viewType && !e.includes(O.viewType) && [
+		(A.kanban?.groupByField || A.kanban?.groupField || A.options?.kanban?.groupField) && e.push("kanban"), (A.gallery?.coverField || A.gallery?.imageField || A.options?.gallery?.imageField) && e.push("gallery"), (A.calendar?.startDateField || A.options?.calendar?.startDateField) && e.push("calendar"), (A.timeline?.startDateField || A.options?.timeline?.startDateField || A.options?.timeline?.dateField || A.options?.calendar?.startDateField) && e.push("timeline"), (A.gantt?.startDateField || A.options?.gantt?.startDateField) && e.push("gantt"), (A.options?.map?.locationField || A.options?.map?.latitudeField && A.options?.map?.longitudeField) && e.push("map"), (A.tree?.parentField || A.options?.tree?.parentField || A.viewType === "tree") && e.push("tree"), A.viewType && !e.includes(A.viewType) && [
 			"grid",
 			"kanban",
 			"calendar",
 			"timeline",
 			"gantt",
 			"map",
-			"gallery"
-		].includes(O.viewType) && e.push(O.viewType), e;
+			"gallery",
+			"chart",
+			"tree"
+		].includes(A.viewType) && e.push(A.viewType);
+		let t = A.appearance?.allowedVisualizations;
+		if (Array.isArray(t) && t.length > 0) {
+			let n = t.filter((t) => e.includes(t));
+			return n.length > 0 ? n : ["grid"];
+		}
+		return e;
 	}, [
-		O.options,
-		O.viewType,
-		O.kanban,
-		O.calendar,
-		O.gantt,
-		O.gallery,
-		O.timeline,
-		O.appearance?.allowedVisualizations
+		A.options,
+		A.viewType,
+		A.kanban,
+		A.calendar,
+		A.gantt,
+		A.gallery,
+		A.timeline,
+		A.tree,
+		A.appearance?.allowedVisualizations
 	]);
-	a.useEffect(() => {
-		O.viewType && de(O.viewType);
-	}, [O.viewType]);
-	let zt = a.useCallback((e) => {
+	r.useEffect(() => {
+		A.viewType && de(A.viewType);
+	}, [A.viewType]);
+	let Ut = r.useCallback((e) => {
 		de(e);
 		try {
-			localStorage.setItem(It, e);
+			localStorage.setItem(Lt, e);
 		} catch (e) {
 			console.warn("Failed to save view preference to localStorage:", e);
 		}
-		o?.(e);
-	}, [It, o]), Bt = a.useCallback((e) => {
-		ye(e), l?.(e);
-	}, [l]), Vt = Ne({
-		navigation: O.navigation,
-		objectName: O.objectName,
-		onNavigate: O.onNavigate,
-		onRowClick: p
-	}), Ht = a.useMemo(() => {
-		let e = O.fields || [];
-		if (Array.isArray(e) || (e = []), $?.isLoaded && O.objectName && (e = e.filter((e) => {
+		i?.(e);
+	}, [Lt, i]), Wt = r.useCallback((e) => {
+		be(e), s?.(e);
+	}, [s]), Gt = Pe({
+		navigation: A.navigation,
+		objectName: A.objectName,
+		onNavigate: A.onNavigate,
+		onRowClick: d
+	}), $ = r.useMemo(() => {
+		let e = A.fields || [];
+		if (Array.isArray(e) || (e = []), zt?.isLoaded && A.objectName && (e = e.filter((e) => {
 			let t = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field;
-			return t ? $.checkField(O.objectName, t, "read") : !0;
-		})), J.size > 0 && (e = e.filter((e) => {
+			return t ? zt.checkField(A.objectName, t, "read") : !0;
+		})), X.size > 0 && (e = e.filter((e) => {
 			let t = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field;
-			return t != null && !J.has(t);
-		})), O.fieldOrder && O.fieldOrder.length > 0) {
-			let t = new Map(O.fieldOrder.map((e, t) => [e, t]));
+			return t != null && !X.has(t);
+		})), A.fieldOrder && A.fieldOrder.length > 0) {
+			let t = new Map(A.fieldOrder.map((e, t) => [e, t]));
 			e = [...e].sort((e, n) => {
 				let r = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field, i = typeof n == "string" ? n : n?.name || n?.fieldName || n?.field;
 				return (t.get(r) ?? Infinity) - (t.get(i) ?? Infinity);
@@ -1195,131 +1225,180 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 		}
 		return e;
 	}, [
-		O.fields,
-		O.objectName,
-		J,
-		O.fieldOrder,
-		$
-	]), Ut = a.useMemo(() => {
+		A.fields,
+		A.objectName,
+		X,
+		A.fieldOrder,
+		zt
+	]), Kt = r.useMemo(() => {
 		let e = Z.mode === "compact" ? "compact" : Z.mode === "spacious" ? "tall" : "medium", t = {
-			objectName: O.objectName,
-			fields: Ht,
-			filters: O.filters,
-			sort: F,
+			objectName: A.objectName,
+			fields: $,
+			filters: A.filters,
+			sort: L,
 			className: "h-full w-full",
 			showSearch: !1,
-			onRowClick: Vt.handleClick,
+			onRowClick: Gt.handleClick,
 			rowHeight: e,
 			hideRowHeightToggle: !0,
-			...O.striped == null ? {} : { striped: O.striped },
-			...O.bordered == null ? {} : { bordered: O.bordered },
-			...f ? { onColumnStateChange: f } : {},
-			...O.columnState ? { columnState: O.columnState } : {}
+			...A.striped == null ? {} : { striped: A.striped },
+			...A.bordered == null ? {} : { bordered: A.bordered },
+			...u ? { onColumnStateChange: u } : {},
+			...A.columnState ? { columnState: A.columnState } : {}
 		};
-		switch (j) {
+		switch (N) {
+			default:
 			case "grid": return {
 				type: "object-grid",
 				...t,
-				columns: Ht,
-				...O.conditionalFormatting ? { conditionalFormatting: O.conditionalFormatting } : {},
-				...O.inlineEdit == null ? {} : { editable: O.inlineEdit },
-				...O.wrapHeaders == null ? {} : { wrapHeaders: O.wrapHeaders },
-				...O.virtualScroll == null ? {} : { virtualScroll: O.virtualScroll },
-				...O.resizable == null ? {} : { resizable: O.resizable },
-				...O.selection ? { selection: O.selection } : {},
-				...O.pagination ? { pagination: O.pagination } : {},
-				...K ? { grouping: K } : {},
-				...q ? { rowColor: q } : {},
-				...O.rowActions ? { rowActions: O.rowActions } : {},
-				...O.rowActionDefs ? { rowActionDefs: O.rowActionDefs } : {},
-				...O.bulkActions ? { batchActions: O.bulkActions } : {},
-				...O.bulkActionDefs ? { bulkActionDefs: O.bulkActionDefs } : {},
-				...O.options?.grid || {}
+				columns: $,
+				...A.conditionalFormatting ? { conditionalFormatting: A.conditionalFormatting } : {},
+				...A.inlineEdit == null ? {} : { editable: A.inlineEdit },
+				...A.wrapHeaders == null ? {} : { wrapHeaders: A.wrapHeaders },
+				...A.virtualScroll == null ? {} : { virtualScroll: A.virtualScroll },
+				...A.resizable == null ? {} : { resizable: A.resizable },
+				...A.selection ? { selection: A.selection } : {},
+				...A.pagination ? { pagination: A.pagination } : {},
+				...J ? { grouping: J } : {},
+				...Y ? { rowColor: Y } : {},
+				...A.rowActions ? { rowActions: A.rowActions } : {},
+				...A.rowActionDefs ? { rowActionDefs: A.rowActionDefs } : {},
+				...A.bulkActions ? { batchActions: A.bulkActions } : {},
+				...A.bulkActionDefs ? { bulkActionDefs: A.bulkActionDefs } : {},
+				...A.options?.grid || {}
 			};
 			case "kanban": return {
 				type: "object-kanban",
 				...t,
-				groupBy: O.kanban?.groupField || O.options?.kanban?.groupField || "status",
-				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 || Ht || [],
-				...K ? { grouping: K } : {},
-				...O.options?.kanban || {},
-				...O.kanban || {}
+				groupBy: A.kanban?.groupField || A.options?.kanban?.groupField || "status",
+				groupField: A.kanban?.groupField || A.options?.kanban?.groupField || "status",
+				...A.kanban?.titleField || A.options?.kanban?.titleField ? { titleField: A.kanban?.titleField || A.options?.kanban?.titleField } : {},
+				cardFields: A.kanban?.cardFields || $ || [],
+				...J ? { grouping: J } : {},
+				...A.options?.kanban || {},
+				...A.kanban || {}
 			};
 			case "calendar": return {
 				type: "object-calendar",
 				...t,
-				startDateField: O.calendar?.startDateField || O.options?.calendar?.startDateField || "start_date",
-				endDateField: O.calendar?.endDateField || O.options?.calendar?.endDateField || "end_date",
-				...O.calendar?.titleField || O.options?.calendar?.titleField ? { titleField: O.calendar?.titleField || O.options?.calendar?.titleField } : {},
-				...O.calendar?.defaultView ? { defaultView: O.calendar.defaultView } : {},
-				...O.options?.calendar || {},
-				...O.calendar || {}
+				startDateField: A.calendar?.startDateField || A.options?.calendar?.startDateField || "start_date",
+				endDateField: A.calendar?.endDateField || A.options?.calendar?.endDateField || "end_date",
+				...A.calendar?.titleField || A.options?.calendar?.titleField ? { titleField: A.calendar?.titleField || A.options?.calendar?.titleField } : {},
+				...A.calendar?.defaultView ? { defaultView: A.calendar.defaultView } : {},
+				...A.options?.calendar || {},
+				...A.calendar || {}
 			};
 			case "gallery": {
 				let e = {
-					...O.options?.gallery || {},
-					...O.gallery || {},
+					...A.options?.gallery || {},
+					...A.gallery || {},
 					cardSize: Q
 				};
 				return {
 					type: "object-gallery",
 					...t,
 					gallery: Object.keys(e).length > 0 ? e : void 0,
-					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 } : {}
+					imageField: A.gallery?.coverField || A.gallery?.imageField || A.options?.gallery?.imageField,
+					titleField: A.gallery?.titleField || A.options?.gallery?.titleField || "name",
+					subtitleField: A.gallery?.subtitleField || A.options?.gallery?.subtitleField,
+					...J ? { grouping: J } : {}
 				};
 			}
 			case "timeline": {
 				let e = {
-					...O.options?.timeline || {},
-					...O.timeline || {}
+					...A.options?.timeline || {},
+					...A.timeline || {}
 				};
 				return {
 					type: "object-timeline",
 					...t,
 					timeline: Object.keys(e).length > 0 ? e : void 0,
-					startDateField: O.timeline?.startDateField || O.options?.timeline?.startDateField || O.options?.timeline?.dateField || "created_at",
-					titleField: O.timeline?.titleField || O.options?.timeline?.titleField || "name",
-					...O.timeline?.endDateField ? { endDateField: O.timeline.endDateField } : {},
-					...O.timeline?.groupByField ? { groupByField: O.timeline.groupByField } : {},
-					...O.timeline?.colorField ? { colorField: O.timeline.colorField } : {},
-					...O.timeline?.scale ? { scale: O.timeline.scale } : {}
+					startDateField: A.timeline?.startDateField || A.options?.timeline?.startDateField || A.options?.timeline?.dateField || "created_at",
+					titleField: A.timeline?.titleField || A.options?.timeline?.titleField || "name",
+					...A.timeline?.endDateField ? { endDateField: A.timeline.endDateField } : {},
+					...A.timeline?.groupByField ? { groupByField: A.timeline.groupByField } : {},
+					...A.timeline?.colorField ? { colorField: A.timeline.colorField } : {},
+					...A.timeline?.scale ? { scale: A.timeline.scale } : {}
 				};
 			}
 			case "gantt": return {
 				type: "object-gantt",
 				...t,
-				startDateField: O.gantt?.startDateField || O.options?.gantt?.startDateField || "start_date",
-				endDateField: O.gantt?.endDateField || O.options?.gantt?.endDateField || "end_date",
-				progressField: O.gantt?.progressField || O.options?.gantt?.progressField || "progress",
-				dependenciesField: O.gantt?.dependenciesField || O.options?.gantt?.dependenciesField || "dependencies",
-				...O.gantt?.titleField ? { titleField: O.gantt.titleField } : {},
-				...O.options?.gantt || {},
-				...O.gantt || {}
+				startDateField: A.gantt?.startDateField || A.options?.gantt?.startDateField || "start_date",
+				endDateField: A.gantt?.endDateField || A.options?.gantt?.endDateField || "end_date",
+				progressField: A.gantt?.progressField || A.options?.gantt?.progressField || "progress",
+				dependenciesField: A.gantt?.dependenciesField || A.options?.gantt?.dependenciesField || "dependencies",
+				...A.gantt?.titleField ? { titleField: A.gantt.titleField } : {},
+				...A.options?.gantt || {},
+				...A.gantt || {}
 			};
 			case "map": return {
 				type: "object-map",
 				...t,
-				locationField: O.options?.map?.locationField || "location",
-				...O.options?.map || {}
+				locationField: A.options?.map?.locationField || "location",
+				...A.options?.map || {}
 			};
-			default: return t;
+			case "tree": {
+				let e = A.tree || A.options?.tree || {};
+				return {
+					type: "object-tree",
+					...t,
+					parentField: e.parentField,
+					labelField: e.labelField || e.titleField || "name",
+					fields: e.fields || $,
+					defaultExpandedDepth: e.defaultExpandedDepth,
+					...e
+				};
+			}
+			case "chart": {
+				let e = A.chart || A.options?.chart || {};
+				if (e.dataset) {
+					let t = Array.isArray(e.dimensions) ? e.dimensions : [], n = Array.isArray(e.values) ? e.values : [];
+					return {
+						type: "object-chart",
+						dataset: e.dataset,
+						dimensions: t,
+						values: n,
+						chartType: e.chartType || "bar",
+						xAxisKey: t[0],
+						series: n.map((e) => ({
+							dataKey: e,
+							label: e
+						})),
+						className: "h-[400px] w-full"
+					};
+				}
+				let t = Array.isArray(e.yAxisFields) && e.yAxisFields[0] || e.valueField || "value", n = e.xAxisField || e.categoryField || "name";
+				return {
+					type: "object-chart",
+					objectName: A.objectName,
+					chartType: e.chartType || "bar",
+					filters: A.filters,
+					aggregate: {
+						field: t,
+						function: e.aggregation || "count",
+						groupBy: n
+					},
+					xAxisKey: n,
+					series: [{
+						dataKey: t,
+						label: t
+					}],
+					className: "h-[400px] w-full"
+				};
+			}
 		}
 	}, [
-		j,
-		O,
-		F,
-		Ht,
-		K,
-		q,
-		Vt.handleClick,
+		N,
+		A,
+		L,
+		$,
+		J,
+		Y,
+		Gt.handleClick,
 		Z.mode,
 		Q
-	]), Wt = I.conditions && I.conditions.length > 0, Gt = a.useMemo(() => {
+	]), qt = z.conditions && z.conditions.length > 0, Jt = r.useMemo(() => {
 		let e, t = (e, t) => {
 			if (!t) return;
 			let n = Array.isArray(t) ? t.map((e) => ({
@@ -1331,17 +1410,17 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 				label: t?.label || e,
 				...t
 			}));
-			return O.objectName ? E(O.objectName, e, n) : n;
+			return A.objectName ? k(A.objectName, e, n) : n;
 		};
-		if (e = H?.fields ? Object.entries(H.fields).map(([e, n]) => ({
+		if (e = W?.fields ? Object.entries(W.fields).map(([e, n]) => ({
 			value: e,
-			label: k(e, n.label || e),
+			label: j(e, n.label || e),
 			type: n.type || "text",
 			options: t(e, n.options),
 			referenceTo: n.reference_to || n.reference,
 			displayField: n.display_field || n.reference_field,
 			idField: n.id_field
-		})) : (O.fields || []).map((e) => {
+		})) : (A.fields || []).map((e) => {
 			if (typeof e == "string") return {
 				value: e,
 				label: e,
@@ -1350,34 +1429,29 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			let n = e.name || e.fieldName;
 			return {
 				value: n,
-				label: k(n, e.label || e.name),
+				label: j(n, e.label || e.name),
 				type: e.type || "text",
 				options: t(n, e.options),
 				referenceTo: e.reference_to || e.reference,
 				displayField: e.display_field || e.reference_field,
 				idField: e.id_field
 			};
-		}), O.filterableFields && O.filterableFields.length > 0) {
-			let t = new Set(O.filterableFields);
+		}), A.filterableFields && A.filterableFields.length > 0) {
+			let t = new Set(A.filterableFields);
 			e = e.filter((e) => t.has(e.value));
 		}
 		return e;
 	}, [
-		H,
-		O.fields,
-		O.filterableFields,
-		O.objectName,
-		k,
-		E
-	]), Kt = a.useCallback((e) => {
-		yt((t) => {
-			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), n;
-		});
-	}, []), qt = a.useCallback((e) => {
-		let t = X, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = t?.fileNamePrefix || O.objectName || "export", a = n > 0 ? z.slice(0, n) : z;
+		W,
+		A.fields,
+		A.filterableFields,
+		A.objectName,
+		j,
+		k
+	]), Yt = r.useCallback((e) => {
+		let t = At, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = t?.fileNamePrefix || A.objectName || "export", a = n > 0 ? V.slice(0, n) : V;
 		if (e === "csv") {
-			let e = Ht.map((e) => typeof e == "string" ? e : e.name || e.fieldName || e.field), t = [];
+			let e = $.map((e) => typeof e == "string" ? e : e.name || e.fieldName || e.field), t = [];
 			r && t.push(e.join(",")), a.forEach((n) => {
 				t.push(e.map((e) => {
 					let t = n[e], r;
@@ -1392,136 +1466,117 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 		}
 		kt(!1);
 	}, [
-		z,
-		Ht,
-		X,
-		O.objectName
-	]), Jt = a.useMemo(() => (O.fields || []).map((e) => {
+		V,
+		$,
+		At,
+		A.objectName
+	]), Xt = r.useMemo(() => (A.fields || []).map((e) => {
 		if (typeof e == "string") return {
 			name: e,
-			label: k(e, e)
+			label: j(e, e)
 		};
 		let t = e.name || e.fieldName || e.field;
 		return {
 			name: t,
-			label: k(t, e.label || e.name || e.field)
+			label: j(t, e.label || e.name || e.field)
 		};
-	}), [O.fields, k]);
-	return /* @__PURE__ */ P("div", {
-		ref: Nt,
-		className: w("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 } : {},
+	}), [A.fields, j]);
+	return /* @__PURE__ */ I("div", {
+		ref: Pt,
+		className: T("flex flex-col h-full bg-background relative min-w-0 overflow-hidden", n),
+		...A.aria?.label ? { "aria-label": A.aria.label } : {},
+		...A.aria?.describedBy ? { "aria-describedby": A.aria.describedBy } : {},
+		...A.aria?.live ? { "aria-live": A.aria.live } : {},
 		role: "region",
+		"aria-busy": H || void 0,
+		"data-state": H ? "loading" : "idle",
 		children: [
-			Ft > 0 && /* @__PURE__ */ N("div", {
+			It > 0 && /* @__PURE__ */ F("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
-				style: { height: Ft },
-				children: v(Pt ? "list.refreshing" : "list.pullToRefresh")
+				style: { height: It },
+				children: E(Ft ? "list.refreshing" : "list.pullToRefresh")
 			}),
-			h && /* @__PURE__ */ N("div", {
-				className: "px-4 py-1 flex items-center bg-background",
-				children: /* @__PURE__ */ N(Be, {
-					currentView: j,
-					availableViews: Rt,
-					onViewChange: zt
-				})
-			}),
-			O.description && O.appearance?.showDescription !== !1 && /* @__PURE__ */ N("div", {
+			A.description && A.appearance?.showDescription !== !1 && /* @__PURE__ */ F("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 : ""
+				children: typeof A.description == "string" ? A.description : ""
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("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__ */ P("div", {
+				children: [/* @__PURE__ */ F("div", {
 					className: "flex items-center gap-2 overflow-x-auto min-w-0",
-					children: [
-						O.tabs && O.tabs.length > 0 && /* @__PURE__ */ P(Te, { children: [/* @__PURE__ */ N("div", {
-							className: "hidden sm:block shrink-0",
-							children: /* @__PURE__ */ N(He, {
-								tabs: O.tabs,
-								activeTab: L,
-								onTabChange: Ke,
-								className: "!px-0 !py-0"
-							})
-						}), /* @__PURE__ */ N("div", {
-							className: "sm:hidden shrink-0",
-							children: /* @__PURE__ */ N(Ue, {
-								tabs: O.tabs,
-								activeTab: L,
-								onTabChange: Ke,
-								className: "!px-0 !py-0"
-							})
-						})] }),
-						O.tabs && O.tabs.length > 0 && St && /* @__PURE__ */ N("div", { className: "hidden sm:block h-4 w-px bg-border/60 mx-1 shrink-0" }),
-						St && /* @__PURE__ */ N("div", {
-							className: "shrink-0 min-w-0 overflow-x-auto",
-							"data-testid": "user-filters",
-							children: /* @__PURE__ */ N(qe, {
-								config: St,
-								objectDef: H,
-								data: z,
-								onFilterChange: xt,
-								maxVisible: 3
-							})
+					children: St && /* @__PURE__ */ F("div", {
+						className: "shrink-0 min-w-0 overflow-x-auto",
+						"data-testid": "user-filters",
+						children: /* @__PURE__ */ F(Ge, {
+							config: St,
+							objectDef: W,
+							data: V,
+							onFilterChange: xt,
+							maxVisible: 3,
+							initialSelections: m,
+							onSelectionsChange: h
 						})
-					]
-				}), /* @__PURE__ */ P("div", {
+					})
+				}), /* @__PURE__ */ I("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__ */ P(x, {
+						ne && /* @__PURE__ */ I(Ee, { children: [/* @__PURE__ */ F(Be, {
+							currentView: N,
+							availableViews: Ht,
+							onViewChange: Ut
+						}), /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-0.5" })] }),
+						M.showHideFields && !M.compactToolbar && /* @__PURE__ */ I(S, {
 							open: Et,
 							onOpenChange: Dt,
-							children: [/* @__PURE__ */ N(C, {
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ P(d, {
+								children: /* @__PURE__ */ I(l, {
 									variant: "ghost",
 									size: "sm",
-									className: w("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", J.size > 0 && "text-primary"),
+									className: T("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", X.size > 0 && "text-primary"),
 									children: [
-										/* @__PURE__ */ N(se, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ N("span", {
+										/* @__PURE__ */ F(se, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: v("list.hideFields")
+											children: E("list.hideFields")
 										}),
-										J.size > 0 && /* @__PURE__ */ N("span", {
+										X.size > 0 && /* @__PURE__ */ F("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: X.size
 										})
 									]
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "start",
 								className: "w-64 p-3",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ I("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ P("div", {
+									children: [/* @__PURE__ */ I("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: [/* @__PURE__ */ N("h4", {
+										children: [/* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: v("list.hideFieldsTitle")
-										}), J.size > 0 && /* @__PURE__ */ N(d, {
+											children: E("list.hideFieldsTitle")
+										}), X.size > 0 && /* @__PURE__ */ F(l, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
 											onClick: () => Tt(/* @__PURE__ */ new Set()),
-											children: v("list.showAll")
+											children: E("list.showAll")
 										})]
-									}), /* @__PURE__ */ N("div", {
+									}), /* @__PURE__ */ F("div", {
 										className: "max-h-60 overflow-y-auto space-y-1",
-										children: Jt.map((e) => /* @__PURE__ */ P("label", {
+										children: Xt.map((e) => /* @__PURE__ */ I("label", {
 											className: "flex items-center gap-2 text-sm py-1 px-1 rounded hover:bg-muted cursor-pointer",
-											children: [/* @__PURE__ */ N("input", {
+											children: [/* @__PURE__ */ F("input", {
 												type: "checkbox",
-												checked: !J.has(e.name),
+												checked: !X.has(e.name),
 												onChange: () => {
-													let t = new Set(J);
+													let t = new Set(X);
 													t.has(e.name) ? t.delete(e.name) : t.add(e.name), Tt(t);
 												},
 												className: "rounded border-input"
-											}), /* @__PURE__ */ N("span", {
+											}), /* @__PURE__ */ F("span", {
 												className: "truncate",
 												children: e.label
 											})]
@@ -1530,204 +1585,204 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 								})
 							})]
 						}),
-						A.showHideFields && !A.compactToolbar && (A.showFilters || A.showSort || A.showGroup) && /* @__PURE__ */ N("div", { className: "hidden sm:block h-5 w-px bg-border/50 mx-1 shrink-0" }),
-						A.showFilters && /* @__PURE__ */ P(x, {
-							open: Re,
-							onOpenChange: ze,
-							children: [/* @__PURE__ */ N(C, {
+						M.showHideFields && !M.compactToolbar && (M.showFilters || M.showSort || M.showGroup) && /* @__PURE__ */ F("div", { className: "hidden sm:block h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						M.showFilters && /* @__PURE__ */ I(S, {
+							open: ze,
+							onOpenChange: R,
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ P(d, {
+								children: /* @__PURE__ */ I(l, {
 									variant: "ghost",
 									size: "sm",
-									className: w("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Wt && "text-foreground font-medium"),
+									className: T("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", qt && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ N(xe, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ N("span", {
+										/* @__PURE__ */ F(Se, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: v("list.filter")
+											children: E("list.filter")
 										}),
-										Wt && /* @__PURE__ */ N("span", {
+										qt && /* @__PURE__ */ F("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-											children: I.conditions?.length || 0
+											children: z.conditions?.length || 0
 										})
 									]
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ I("div", {
 									className: "space-y-4",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ F("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: /* @__PURE__ */ N("h4", {
+										children: /* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: v("list.filterRecords")
+											children: E("list.filterRecords")
 										})
-									}), /* @__PURE__ */ N(ee, {
-										fields: Gt,
-										value: I,
+									}), /* @__PURE__ */ F(_, {
+										fields: Jt,
+										value: z,
 										onChange: (e) => {
-											Ve(e), s && s(e);
+											Ve(e), a && a(e);
 										}
 									})]
 								})
 							})]
 						}),
-						A.showGroup && !A.compactToolbar && /* @__PURE__ */ P(x, {
-							open: lt,
-							onOpenChange: ut,
-							children: [/* @__PURE__ */ N(C, {
+						M.showGroup && !M.compactToolbar && /* @__PURE__ */ I(S, {
+							open: dt,
+							onOpenChange: ft,
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ P(d, {
+								children: /* @__PURE__ */ I(l, {
 									variant: "ghost",
 									size: "sm",
-									className: w("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", K && "text-foreground font-medium"),
+									className: T("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", J && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ N(le, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ N("span", {
+										/* @__PURE__ */ F(le, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: v("list.group")
+											children: E("list.group")
 										}),
-										K && K.fields?.length > 0 && /* @__PURE__ */ N("span", {
+										J && J.fields?.length > 0 && /* @__PURE__ */ F("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: J.fields.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "start",
 								className: "w-72 p-3",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ I("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ P("div", {
+									children: [/* @__PURE__ */ I("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: [/* @__PURE__ */ N("h4", {
+										children: [/* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: v("list.groupBy")
-										}), K && /* @__PURE__ */ N(d, {
+											children: E("list.groupBy")
+										}), J && /* @__PURE__ */ F(l, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => ct(void 0),
+											onClick: () => ut(void 0),
 											"data-testid": "clear-grouping",
-											children: v("list.clear")
+											children: E("list.clear")
 										})]
-									}), /* @__PURE__ */ N("div", {
+									}), /* @__PURE__ */ F("div", {
 										"data-testid": "group-field-list",
-										children: /* @__PURE__ */ N(y, {
-											value: K,
-											fieldOptions: Jt.map((e) => ({
+										children: /* @__PURE__ */ F(v, {
+											value: J,
+											fieldOptions: Xt.map((e) => ({
 												value: e.name,
 												label: e.label || e.name
 											})),
 											maxLevels: 3,
 											labels: {
-												addGroup: v("list.addGroup", { defaultValue: "Add group field" }),
-												collapseTitle: v("list.collapsedByDefault", { defaultValue: "Collapsed by default" }),
-												removeTitle: v("list.removeGroup", { defaultValue: "Remove" })
+												addGroup: E("list.addGroup", { defaultValue: "Add group field" }),
+												collapseTitle: E("list.collapsedByDefault", { defaultValue: "Collapsed by default" }),
+												removeTitle: E("list.removeGroup", { defaultValue: "Remove" })
 											},
-											onChange: (e) => ct(e)
+											onChange: (e) => ut(e)
 										})
 									})]
 								})
 							})]
 						}),
-						A.showSort && /* @__PURE__ */ P(x, {
-							open: Ae,
-							onOpenChange: je,
-							children: [/* @__PURE__ */ N(C, {
+						M.showSort && /* @__PURE__ */ I(S, {
+							open: je,
+							onOpenChange: Me,
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ P(d, {
+								children: /* @__PURE__ */ I(l, {
 									variant: "ghost",
 									size: "sm",
-									className: w("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", F.length > 0 && "text-foreground font-medium"),
+									className: T("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", L.length > 0 && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ N(T, { className: "h-3.5 w-3.5 mr-1.5" }),
-										/* @__PURE__ */ N("span", {
+										/* @__PURE__ */ F(ie, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: v("list.sort")
+											children: E("list.sort")
 										}),
-										F.length > 0 && /* @__PURE__ */ N("span", {
+										L.length > 0 && /* @__PURE__ */ F("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center text-[10px] font-medium text-muted-foreground tabular-nums",
-											children: F.length
+											children: L.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ I("div", {
 									className: "space-y-4",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ F("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: /* @__PURE__ */ N("h4", {
+										children: /* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: v("list.sortRecords")
+											children: E("list.sortRecords")
 										})
-									}), /* @__PURE__ */ N(ie, {
-										fields: Gt,
-										value: F,
+									}), /* @__PURE__ */ F(te, {
+										fields: Jt,
+										value: L,
 										onChange: (e) => {
-											Ie(e), c && c(e);
+											Le(e), o && o(e);
 										}
 									})]
 								})
 							})]
 						}),
-						!A.compactToolbar && (A.showFilters || A.showSort || A.showGroup) && (A.showColor || A.showDensity) && /* @__PURE__ */ N("div", { className: "hidden sm:block h-5 w-px bg-border/50 mx-1 shrink-0" }),
-						A.showColor && !A.compactToolbar && /* @__PURE__ */ P(x, {
-							open: pt,
-							onOpenChange: mt,
-							children: [/* @__PURE__ */ N(C, {
+						!M.compactToolbar && (M.showFilters || M.showSort || M.showGroup) && (M.showColor || M.showDensity) && /* @__PURE__ */ F("div", { className: "hidden sm:block h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						M.showColor && !M.compactToolbar && /* @__PURE__ */ I(S, {
+							open: ht,
+							onOpenChange: gt,
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ P(d, {
+								children: /* @__PURE__ */ I(l, {
 									variant: "ghost",
 									size: "sm",
-									className: w("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", q && "text-foreground font-medium"),
-									children: [/* @__PURE__ */ N(fe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ N("span", {
+									className: T("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Y && "text-foreground font-medium"),
+									children: [/* @__PURE__ */ F(fe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 										className: "hidden sm:inline",
-										children: v("list.color")
+										children: E("list.color")
 									})]
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "start",
 								className: "w-64 p-3",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ I("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ P("div", {
+									children: [/* @__PURE__ */ I("div", {
 										className: "flex items-center justify-between border-b pb-2",
-										children: [/* @__PURE__ */ N("h4", {
+										children: [/* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: v("list.rowColor")
-										}), q && /* @__PURE__ */ N(d, {
+											children: E("list.rowColor")
+										}), Y && /* @__PURE__ */ F(l, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => ft(void 0),
+											onClick: () => mt(void 0),
 											"data-testid": "clear-row-color",
-											children: v("list.clear")
+											children: E("list.clear")
 										})]
-									}), /* @__PURE__ */ P("div", {
+									}), /* @__PURE__ */ I("div", {
 										className: "space-y-2",
 										"data-testid": "color-field-list",
-										children: [/* @__PURE__ */ N("label", {
+										children: [/* @__PURE__ */ F("label", {
 											className: "text-xs text-muted-foreground",
-											children: v("list.colorByField")
-										}), /* @__PURE__ */ P("select", {
+											children: E("list.colorByField")
+										}), /* @__PURE__ */ I("select", {
 											className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
-											value: q?.field || "",
+											value: Y?.field || "",
 											onChange: (e) => {
 												let t = e.target.value;
-												ft(t ? {
+												mt(t ? {
 													field: t,
-													colors: q?.colors || {}
+													colors: Y?.colors || {}
 												} : void 0);
 											},
 											"data-testid": "color-field-select",
-											children: [/* @__PURE__ */ N("option", {
+											children: [/* @__PURE__ */ F("option", {
 												value: "",
-												children: v("list.none")
-											}), Jt.map((e) => /* @__PURE__ */ N("option", {
+												children: E("list.none")
+											}), Xt.map((e) => /* @__PURE__ */ F("option", {
 												value: e.name,
 												children: e.label
 											}, e.name))]
@@ -1736,185 +1791,185 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 								})
 							})]
 						}),
-						A.showDensity && !A.compactToolbar && j !== "gallery" && (() => {
-							let e = Z.mode === "compact" ? _e : Z.mode === "comfortable" ? ge : he, t = Z.mode === "compact" ? v("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Z.mode === "comfortable" ? v("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : v("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${v("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = v("grid.toolbar.densityCycleHint", {
+						M.showDensity && !M.compactToolbar && N !== "gallery" && (() => {
+							let e = Z.mode === "compact" ? ve : Z.mode === "comfortable" ? _e : ge, 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", {
 								defaultValue: "{{label}} (click to cycle)",
 								label: n
 							});
-							return /* @__PURE__ */ N(d, {
+							return /* @__PURE__ */ F(l, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": n,
-								className: w("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Z.mode !== "compact" && "text-foreground font-medium"),
+								className: T("hidden sm:inline-flex 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,
 								title: r,
-								children: /* @__PURE__ */ N(e, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ F(e, { className: "h-3.5 w-3.5" })
 							});
 						})(),
-						A.showDensity && !A.compactToolbar && j === "gallery" && (() => {
-							let e = Q === "small" ? _e : Q === "medium" ? ge : he, t = Q === "small" ? v("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Q === "medium" ? v("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : v("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${v("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = v("grid.toolbar.densityCycleHint", {
+						M.showDensity && !M.compactToolbar && N === "gallery" && (() => {
+							let e = Q === "small" ? ve : Q === "medium" ? _e : ge, 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", {
 								defaultValue: "{{label}} (click to cycle)",
 								label: n
 							});
-							return /* @__PURE__ */ N(d, {
+							return /* @__PURE__ */ F(l, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": n,
-								className: w("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Q !== "small" && "text-foreground font-medium"),
-								onClick: Mt,
+								className: T("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Q !== "small" && "text-foreground font-medium"),
+								onClick: Nt,
 								title: r,
-								children: /* @__PURE__ */ N(e, { className: "h-3.5 w-3.5" })
+								children: /* @__PURE__ */ F(e, { className: "h-3.5 w-3.5" })
 							});
 						})(),
-						A.compactToolbar && (A.showGroup || A.showColor || A.showDensity || A.showHideFields) && /* @__PURE__ */ N(We, {
-							t: v,
-							allFields: Jt,
-							showGroup: A.showGroup,
-							groupingConfig: K,
-							setGroupingConfig: ct,
-							showColor: A.showColor,
-							rowColorConfig: q,
-							setRowColorConfig: ft,
-							showDensity: A.showDensity,
+						M.compactToolbar && (M.showGroup || M.showColor || M.showDensity || M.showHideFields) && /* @__PURE__ */ F(He, {
+							t: E,
+							allFields: Xt,
+							showGroup: M.showGroup,
+							groupingConfig: J,
+							setGroupingConfig: ut,
+							showColor: M.showColor,
+							rowColorConfig: Y,
+							setRowColorConfig: mt,
+							showDensity: M.showDensity,
 							density: Z,
-							showHideFields: A.showHideFields,
-							hiddenFields: J,
+							showHideFields: M.showHideFields,
+							hiddenFields: X,
 							updateHiddenFields: Tt
 						}),
-						(A.showColor || A.showDensity || A.compactToolbar) && X && O.allowExport !== !1 && /* @__PURE__ */ N("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
-						X && O.allowExport !== !1 && /* @__PURE__ */ P(x, {
+						(M.showColor || M.showDensity || M.compactToolbar) && At && A.allowExport !== !1 && /* @__PURE__ */ F("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						At && A.allowExport !== !1 && /* @__PURE__ */ I(S, {
 							open: Ot,
 							onOpenChange: kt,
-							children: [/* @__PURE__ */ N(C, {
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ P(d, {
+								children: /* @__PURE__ */ I(l, {
 									variant: "ghost",
 									size: "sm",
 									className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
-									children: [/* @__PURE__ */ N(oe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ N("span", {
+									children: [/* @__PURE__ */ F(oe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 										className: "hidden sm:inline",
-										children: v("list.export")
+										children: E("list.export")
 									})]
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "start",
 								className: "w-48 p-2",
-								children: /* @__PURE__ */ N("div", {
+								children: /* @__PURE__ */ F("div", {
 									className: "space-y-1",
-									children: (X.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ P(d, {
+									children: (At.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ I(l, {
 										variant: "ghost",
 										size: "sm",
 										className: "w-full justify-start h-8 text-xs",
-										onClick: () => qt(e),
-										children: [/* @__PURE__ */ N(oe, { className: "h-3.5 w-3.5 mr-2" }), v("list.exportAs", { format: e.toUpperCase() })]
+										onClick: () => Yt(e),
+										children: [/* @__PURE__ */ F(oe, { className: "h-3.5 w-3.5 mr-2" }), E("list.exportAs", { format: e.toUpperCase() })]
 									}, e))
 								})
 							})]
 						}),
-						(O.sharing?.enabled || O.sharing?.type) && /* @__PURE__ */ P(d, {
+						(A.sharing?.enabled || A.sharing?.type) && /* @__PURE__ */ I(l, {
 							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"}`,
+							title: `Sharing: ${A.sharing?.visibility || A.sharing?.type || "private"}`,
 							"data-testid": "share-button",
-							children: [/* @__PURE__ */ N(be, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ N("span", {
+							children: [/* @__PURE__ */ F(xe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: v("list.share")
+								children: E("list.share")
 							})]
 						}),
-						O.allowPrinting && /* @__PURE__ */ P(d, {
+						A.allowPrinting && /* @__PURE__ */ I(l, {
 							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__ */ N(me, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ N("span", {
+							children: [/* @__PURE__ */ F(me, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: v("list.print")
+								children: E("list.print")
 							})]
 						}),
 						(() => {
-							let e = O.allowPrinting || O.sharing?.enabled || O.sharing?.type || X && O.allowExport !== !1;
-							return A.showSearch && e ? /* @__PURE__ */ N("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }) : null;
+							let e = A.allowPrinting || A.sharing?.enabled || A.sharing?.type || At && A.allowExport !== !1;
+							return M.showSearch && e ? /* @__PURE__ */ F("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }) : null;
 						})(),
-						A.showSearch && /* @__PURE__ */ P(x, {
-							open: Ee,
-							onOpenChange: De,
-							children: [/* @__PURE__ */ N(C, {
+						M.showSearch && /* @__PURE__ */ I(S, {
+							open: De,
+							onOpenChange: Oe,
+							children: [/* @__PURE__ */ F(w, {
 								asChild: !0,
-								children: /* @__PURE__ */ N(d, {
+								children: /* @__PURE__ */ F(l, {
 									variant: "ghost",
 									size: "sm",
-									className: w("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", M && "text-foreground font-medium"),
+									className: T("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", P && "text-foreground font-medium"),
 									"data-testid": "search-icon-button",
-									title: v("list.search"),
-									children: /* @__PURE__ */ N(ve, { className: "h-3.5 w-3.5" })
+									title: E("list.search"),
+									children: /* @__PURE__ */ F(ye, { className: "h-3.5 w-3.5" })
 								})
-							}), /* @__PURE__ */ N(S, {
+							}), /* @__PURE__ */ F(C, {
 								align: "end",
 								className: "w-[calc(100vw-2rem)] sm:w-64 p-2",
 								"data-testid": "search-popover",
-								children: /* @__PURE__ */ P("div", {
+								children: /* @__PURE__ */ I("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ N(ve, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
-										/* @__PURE__ */ N(b, {
-											placeholder: v("list.search") + "...",
-											value: M,
-											onChange: (e) => Bt(e.target.value),
+										/* @__PURE__ */ F(ye, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+										/* @__PURE__ */ F(y, {
+											placeholder: E("list.search") + "...",
+											value: P,
+											onChange: (e) => Wt(e.target.value),
 											className: "pl-7 h-8 text-xs",
 											autoFocus: !0
 										}),
-										M && /* @__PURE__ */ N(d, {
+										P && /* @__PURE__ */ F(l, {
 											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: () => Bt(""),
-											children: /* @__PURE__ */ N(Ce, { className: "h-3 w-3" })
+											onClick: () => Wt(""),
+											children: /* @__PURE__ */ F(we, { className: "h-3 w-3" })
 										})
 									]
 								})
 							})]
 						}),
-						A.showAddRecord && A.addRecordPosition === "top" && /* @__PURE__ */ P(d, {
+						M.showAddRecord && M.addRecordPosition === "top" && /* @__PURE__ */ I(l, {
 							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: () => g.onAddRecord?.(),
-							children: [/* @__PURE__ */ N(pe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ N("span", {
+							children: [/* @__PURE__ */ F(pe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: v("list.addRecord")
+								children: E("list.addRecord")
 							})]
 						})
 					]
 				})]
 			}),
-			Y && Y.length > 0 && /* @__PURE__ */ N("div", {
-				className: "hidden sm:flex border-b px-2 sm:px-4 py-1 items-center gap-1 flex-wrap bg-background",
-				"data-testid": "quick-filters",
-				children: Y.map((e) => {
-					let t = vt.has(e.id), n = e.icon ? we[e.icon.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
-					return /* @__PURE__ */ P(d, {
-						variant: t ? "default" : "outline",
-						size: "sm",
-						className: "h-7 px-3 text-xs",
-						onClick: () => Kt(e.id),
-						children: [n && /* @__PURE__ */ N(n, { className: "h-3 w-3 mr-1.5" }), e.label]
-					}, e.id);
-				})
-			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex-1 min-h-0 bg-background relative overflow-hidden animate-in fade-in-0 duration-200",
-				children: [/* @__PURE__ */ N(re, { active: B && z.length > 0 }), B && z.length === 0 ? /* @__PURE__ */ P("div", {
+				children: [/* @__PURE__ */ F(ee, { active: H && V.length > 0 }), We && V.length === 0 ? /* @__PURE__ */ F(f, {
+					"data-testid": "list-error-state",
+					className: "h-full min-h-[200px] p-8 gap-1 [&>h3]:text-lg [&>h3]:font-medium [&>h3]:text-foreground [&>p]:max-w-md",
+					icon: /* @__PURE__ */ F(re, { className: "h-12 w-12 text-destructive/60" }),
+					iconWrapperClassName: "mb-3",
+					title: E("list.loadErrorTitle"),
+					description: E("list.loadErrorMessage"),
+					action: /* @__PURE__ */ I(l, {
+						variant: "outline",
+						size: "sm",
+						"data-testid": "list-error-retry",
+						onClick: () => G((e) => e + 1),
+						children: [/* @__PURE__ */ F(he, { className: "h-4 w-4 mr-1.5" }), E("list.retry")]
+					})
+				}) : H && V.length === 0 ? /* @__PURE__ */ I("div", {
 					className: "flex flex-col h-full min-h-[200px] p-4 gap-2",
 					"data-testid": "list-loading",
 					role: "status",
 					"aria-live": "polite",
 					"aria-busy": "true",
-					children: [/* @__PURE__ */ N("span", {
+					children: [/* @__PURE__ */ F("span", {
 						className: "sr-only",
-						children: v("list.loading")
+						children: E("list.loading")
 					}), [
 						0,
 						1,
@@ -1922,112 +1977,122 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 						3,
 						4,
 						5
-					].map((e) => /* @__PURE__ */ N("div", {
+					].map((e) => /* @__PURE__ */ F("div", {
 						className: "h-9 rounded bg-muted/60 animate-pulse",
 						style: { opacity: Math.max(.25, 1 - e * .12) }
 					}, e))]
-				}) : !B && z.length === 0 && j === "grid" ? (() => {
-					let e = O.emptyState?.icon, t = e ? we[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? ue : ue, n = (typeof O.emptyState?.title == "string" ? O.emptyState.title : void 0) ?? v("list.noItems"), r = (typeof O.emptyState?.message == "string" ? O.emptyState.message : void 0) ?? v("list.noItemsMessage");
-					return /* @__PURE__ */ N(m, {
+				}) : !H && V.length === 0 && N === "grid" ? (() => {
+					let e = A.emptyState?.icon, t = e ? Te[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? ue : ue, n = !!(P && P.trim()) || Array.isArray(bt) && bt.length > 0 || Array.isArray(z?.conditions) && z.conditions.length > 0, r = (typeof A.emptyState?.title == "string" ? A.emptyState.title : void 0) ?? E(n ? "list.noMatches" : "list.firstRunTitle"), i = (typeof A.emptyState?.message == "string" ? A.emptyState.message : void 0) ?? E(n ? "list.noMatchesMessage" : "list.firstRunMessage");
+					return /* @__PURE__ */ F(f, {
 						"data-testid": "empty-state",
 						className: "h-full min-h-[200px] p-8 gap-1 [&>h3]:text-lg [&>h3]:font-medium [&>h3]:text-foreground [&>p]:max-w-md",
-						icon: /* @__PURE__ */ N(t, { className: "h-12 w-12 text-muted-foreground/50" }),
+						icon: /* @__PURE__ */ F(t, { className: "h-12 w-12 text-muted-foreground/50" }),
 						iconWrapperClassName: "mb-3",
-						title: n,
-						description: r,
-						action: A.showAddRecord ? /* @__PURE__ */ P(d, {
+						title: r,
+						description: i,
+						action: M.showAddRecord ? /* @__PURE__ */ I(l, {
 							variant: "default",
 							size: "sm",
 							"data-testid": "empty-state-add-record",
 							onClick: () => g.onAddRecord?.(),
-							children: [/* @__PURE__ */ N(pe, { className: "h-4 w-4 mr-1.5" }), v("list.addRecord")]
+							children: [/* @__PURE__ */ F(pe, { className: "h-4 w-4 mr-1.5" }), E("list.addRecord")]
 						}) : void 0
 					});
-				})() : /* @__PURE__ */ N(ke, {
-					schema: Ut,
+				})() : /* @__PURE__ */ F(Ae, {
+					schema: Kt,
 					...g,
-					data: z,
-					loading: B,
-					onRowSelect: gt
+					data: V,
+					loading: H,
+					onRowSelect: vt,
+					...N === "grid" && !J?.fields?.length && ct != null ? {
+						manualPagination: !0,
+						rowCount: ct,
+						page: ot,
+						pageSize: K,
+						onPageChange: (e) => st(e),
+						onPageSizeChange: (e) => {
+							at(e), st(1);
+						}
+					} : {}
 				})]
-			}, j),
-			A.showAddRecord && A.addRecordPosition === "bottom" && /* @__PURE__ */ N("div", {
+			}, N),
+			M.showAddRecord && M.addRecordPosition === "bottom" && /* @__PURE__ */ F("div", {
 				className: "border-t px-2 sm:px-4 py-1 bg-background shrink-0",
-				children: /* @__PURE__ */ P(d, {
+				children: /* @__PURE__ */ I(l, {
 					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: () => g.onAddRecord?.(),
-					children: [/* @__PURE__ */ N(pe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ N("span", {
+					children: [/* @__PURE__ */ F(pe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 						className: "hidden sm:inline",
-						children: v("list.addRecord")
+						children: E("list.addRecord")
 					})]
 				})
 			}),
-			O.bulkActions && O.bulkActions.length > 0 && ht.length > 0 && j !== "grid" && /* @__PURE__ */ P("div", {
+			A.bulkActions && A.bulkActions.length > 0 && _t.length > 0 && N !== "grid" && /* @__PURE__ */ I("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__ */ N(D, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
-					/* @__PURE__ */ P("span", {
+					/* @__PURE__ */ F(ae, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
+					/* @__PURE__ */ I("span", {
 						className: "font-medium",
 						children: [
-							ht.length,
+							_t.length,
 							" ",
-							ht.length === 1 ? "item" : "items",
+							_t.length === 1 ? "item" : "items",
 							" selected"
 						]
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ F("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 ? Se : null;
-							return /* @__PURE__ */ P(d, {
+						children: A.bulkActions.map((e) => {
+							let t = String(e).toLowerCase(), n = t.includes("delete") || t.includes("remove") || t.includes("destroy"), r = n ? Ce : null;
+							return /* @__PURE__ */ I(l, {
 								variant: n ? "destructive" : "outline",
 								size: "sm",
 								className: "h-7 px-2.5 text-xs gap-1.5",
-								onClick: () => g.onBulkAction?.(e, ht),
+								onClick: () => g.onBulkAction?.(e, _t),
 								"data-testid": `bulk-action-${e}`,
-								children: [r && /* @__PURE__ */ N(r, { className: "h-3 w-3" }), ce(e)]
+								children: [r && /* @__PURE__ */ F(r, { className: "h-3 w-3" }), ce(e)]
 							}, e);
 						})
 					}),
-					/* @__PURE__ */ P(d, {
+					/* @__PURE__ */ I(l, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 px-2 text-xs ml-auto gap-1",
-						onClick: () => gt([]),
-						children: [/* @__PURE__ */ N(Ce, { className: "h-3 w-3" }), "Clear"]
+						onClick: () => vt([]),
+						children: [/* @__PURE__ */ F(we, { className: "h-3 w-3" }), "Clear"]
 					})
 				]
 			}),
-			!B && z.length > 0 && O.showRecordCount !== !1 && /* @__PURE__ */ P("div", {
+			!H && V.length > 0 && A.showRecordCount !== !1 && /* @__PURE__ */ I("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__ */ N("span", {
+					/* @__PURE__ */ F("span", {
 						className: "font-medium text-foreground/80",
-						children: z.length === 1 ? v("list.recordCountOne", { count: z.length }) : v("list.recordCount", { count: z.length })
+						children: V.length === 1 ? E("list.recordCountOne", { count: V.length }) : E("list.recordCount", { count: V.length })
 					}),
-					it && /* @__PURE__ */ N("span", {
+					nt && /* @__PURE__ */ F("span", {
 						className: "text-amber-600",
 						"data-testid": "data-limit-warning",
-						children: v("list.dataLimitReached", { limit: W })
+						children: E("list.dataLimitReached", { limit: K })
 					}),
-					O.pagination?.pageSizeOptions && O.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ P("div", {
+					N !== "grid" && A.pagination?.pageSizeOptions && A.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ I("div", {
 						className: "ml-auto flex items-center gap-2",
-						children: [/* @__PURE__ */ N("span", { children: v("table.rowsPerPage", { defaultValue: "Rows per page" }) }), /* @__PURE__ */ N("select", {
+						children: [/* @__PURE__ */ F("span", { children: E("table.rowsPerPage", { defaultValue: "Rows per page" }) }), /* @__PURE__ */ F("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(W),
+							value: String(K),
 							onChange: (e) => {
 								let t = Number(e.target.value);
-								st(t), g.onPageSizeChange && g.onPageSizeChange(t);
+								at(t), g.onPageSizeChange && g.onPageSizeChange(t);
 							},
-							children: O.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ N("option", {
+							children: A.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ F("option", {
 								value: String(e),
 								children: e
 							}, e))
@@ -2035,17 +2100,17 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 					})
 				]
 			}),
-			Vt.isOverlay && /* @__PURE__ */ N(ne, {
-				...Vt,
-				title: O.label ? `${O.label} Detail` : O.objectName ? `${O.objectName.charAt(0).toUpperCase() + O.objectName.slice(1)} Detail` : "Record Detail",
-				children: (e) => /* @__PURE__ */ N("div", {
+			Gt.isOverlay && /* @__PURE__ */ F(x, {
+				...Gt,
+				title: A.label ? `${A.label} Detail` : A.objectName ? `${A.objectName.charAt(0).toUpperCase() + A.objectName.slice(1)} Detail` : "Record Detail",
+				children: (e) => /* @__PURE__ */ F("div", {
 					className: "space-y-3",
-					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ P("div", {
+					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ I("div", {
 						className: "flex flex-col",
-						children: [/* @__PURE__ */ N("span", {
+						children: [/* @__PURE__ */ F("span", {
 							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 							children: e.replace(/_/g, " ")
-						}), /* @__PURE__ */ N("span", {
+						}), /* @__PURE__ */ F("span", {
 							className: "text-sm",
 							children: String(t ?? "—")
 						})]
@@ -2055,24 +2120,24 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 		]
 	});
 });
-U.displayName = "ListView";
+nt.displayName = "ListView";
 //#endregion
 //#region src/ObjectGallery.tsx
-var it = {
+var rt = {
 	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"
-}, at = {
+}, it = {
 	small: "aspect-square",
 	medium: "aspect-[4/3]",
 	large: "aspect-[16/10]"
-}, ot = new Set([
+}, at = new Set([
 	"number",
 	"currency",
 	"percent",
 	"integer",
 	"decimal"
-]), st = [
+]), K = [
 	{
 		bg: "from-indigo-500/15 via-indigo-500/5 to-purple-500/10",
 		ring: "ring-indigo-500/15",
@@ -2104,17 +2169,60 @@ var it = {
 		text: "text-violet-600/70 dark:text-violet-300/70"
 	}
 ];
-function W(e) {
+function ot(e) {
 	let t = 5381;
 	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n);
-	return st[Math.abs(t) % st.length];
+	return K[Math.abs(t) % K.length];
 }
-var G = (e) => {
-	let { schema: n } = e, r = s(Ae), i = e.dataSource || r?.dataSource, a = je(n.bind), [d, m] = u([]), [h, g] = u(!1), [_, v] = u(null), ee = Ne({
+var st = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i, hidden: a }) => {
+	let [o, s] = c(!1), l = !!e && !o;
+	return /* @__PURE__ */ F("div", {
+		className: T("w-full overflow-hidden relative", r),
+		hidden: a,
+		children: l ? n === "contain" ? /* @__PURE__ */ F("div", {
+			className: T("flex h-full w-full items-center justify-center bg-gradient-to-br", i.bg),
+			children: /* @__PURE__ */ F("img", {
+				src: e,
+				alt: t,
+				loading: "lazy",
+				onError: () => s(!0),
+				className: "h-1/2 w-1/2 max-h-24 max-w-24 object-contain transition-transform duration-300 ease-out group-hover:scale-[1.08]"
+			})
+		}) : /* @__PURE__ */ F("img", {
+			src: e,
+			alt: t,
+			loading: "lazy",
+			onError: () => s(!0),
+			className: "h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.04]"
+		}) : /* @__PURE__ */ F("div", {
+			className: T("flex h-full w-full items-center justify-center bg-gradient-to-br ring-1 ring-inset", i.bg, i.ring),
+			children: /* @__PURE__ */ F("span", {
+				className: T("text-5xl font-semibold tracking-tight opacity-90", i.text),
+				children: t[0]?.toUpperCase()
+			})
+		})
+	});
+}, ct = ({ imageUrl: e, title: t, placeholder: n }) => {
+	let [r, i] = c(!1), a = !!e && !r;
+	return /* @__PURE__ */ F("div", {
+		className: T("flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br ring-1 ring-inset", n.bg, n.ring),
+		children: a ? /* @__PURE__ */ F("img", {
+			src: e,
+			alt: t,
+			loading: "lazy",
+			onError: () => i(!0),
+			className: "h-6 w-6 object-contain transition-transform duration-300 ease-out group-hover:scale-110"
+		}) : /* @__PURE__ */ F("span", {
+			className: T("text-base font-semibold", n.text),
+			children: t[0]?.toUpperCase()
+		})
+	});
+}, lt = (e) => {
+	let { schema: n } = e, r = a(je), l = e.dataSource || r?.dataSource, f = Me(n.bind), [p, m] = c([]), [h, g] = c(!1), [_, v] = c(null), y = Pe({
 		navigation: n.navigation,
 		objectName: n.objectName,
 		onRowClick: e.onRowClick ?? e.onCardClick
-	}), y = n.gallery, b = y?.coverField ?? n.imageField ?? "image", te = y?.coverFit ?? "cover", x = y?.cardSize ?? "medium", S = y?.titleField ?? n.titleField ?? "name", C = y?.visibleFields, { fieldLabel: re, fieldOptionLabel: ie } = F(), ae = o((e) => {
+	}), b = n.gallery, S = b?.coverField ?? n.imageField ?? "image", C = b?.coverFit ?? "cover", w = b?.cardSize ?? "medium", ee = b?.titleField ?? n.titleField ?? "name", te = b?.visibleFields, { fieldLabel: ne, fieldOptionLabel: re } = L(), ie = i((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);
@@ -2123,27 +2231,27 @@ var G = (e) => {
 		}
 		if (n.objectName) {
 			let t = String(r.label ?? e);
-			r.label = re(n.objectName, e, t);
+			r.label = ne(n.objectName, e, t);
 		}
 		return n.objectName && Array.isArray(r.options) && (r.options = r.options.map((t) => {
 			let r = String(t?.value ?? t), i = String(t?.label ?? r);
 			return {
 				...t,
 				value: r,
-				label: ie(n.objectName, e, r, i)
+				label: re(n.objectName, e, r, i)
 			};
 		})), r;
 	}, [
 		_,
 		n.objectName,
-		re,
-		ie
+		ne,
+		re
 	]);
-	c(() => {
+	o(() => {
 		let e = !0;
 		return (async () => {
-			if (!(!i || typeof i.getObjectSchema != "function" || !n.objectName)) try {
-				let t = await i.getObjectSchema(n.objectName);
+			if (!(!l || typeof l.getObjectSchema != "function" || !n.objectName)) try {
+				let t = await l.getObjectSchema(n.objectName);
 				e && v(t);
 			} catch (e) {
 				console.warn("Failed to fetch object def for ObjectGallery", e);
@@ -2151,26 +2259,26 @@ var G = (e) => {
 		})(), () => {
 			e = !1;
 		};
-	}, [n.objectName, i]), c(() => {
+	}, [n.objectName, l]), o(() => {
 		let r = !0;
 		if (e.data && Array.isArray(e.data)) {
 			m(e.data);
 			return;
 		}
-		return n.objectName && !a && !n.data && !e.data && (async () => {
-			if (!(!i || typeof i.find != "function" || !n.objectName)) {
+		return n.objectName && !f && !n.data && !e.data && (async () => {
+			if (!(!l || typeof l.find != "function" || !n.objectName)) {
 				r && g(!0);
 				try {
-					let e = t(_?.fields), a = await i.find(n.objectName, {
+					let e = t(_?.fields), i = await l.find(n.objectName, {
 						$filter: n.filter,
 						...e.length > 0 ? { $expand: e } : {}
-					}), o = [];
-					if (Array.isArray(a)) o = a;
-					else if (a && typeof a == "object") {
-						let e = a;
-						Array.isArray(e.records) ? o = e.records : Array.isArray(e.data) && (o = e.data);
+					}), a = [];
+					if (Array.isArray(i)) a = i;
+					else if (i && typeof i == "object") {
+						let e = i;
+						Array.isArray(e.records) ? a = e.records : Array.isArray(e.data) && (a = e.data);
 					}
-					r && m(o);
+					r && m(a);
 				} catch (e) {
 					console.error("[ObjectGallery] Fetch error:", e);
 				} finally {
@@ -2182,25 +2290,25 @@ var G = (e) => {
 		};
 	}, [
 		n.objectName,
-		i,
-		a,
+		l,
+		f,
 		n.data,
 		n.filter,
 		e.data,
 		_
 	]);
-	let T = e.data || a || n.data || d || [], E = l(() => T.some((e) => typeof e[b] == "string" && !!e[b]), [T, b]), D = n.grouping?.fields, oe = !!(D && D.length > 0), [se, ce] = u({}), A = l(() => D ? D.some((e) => e.collapsed) : !1, [D]), le = o((e) => {
-		ce((t) => ({
+	let E = e.data || f || n.data || p || [], D = s(() => E.some((e) => typeof e[S] == "string" && !!e[S]), [E, S]), O = n.grouping?.fields, ae = !!(O && O.length > 0), [oe, se] = c({}), j = s(() => O ? O.some((e) => e.collapsed) : !1, [O]), ce = i((e) => {
+		se((t) => ({
 			...t,
-			[e]: t[e] === void 0 ? !A : !t[e]
+			[e]: t[e] === void 0 ? !j : !t[e]
 		}));
-	}, [A]), j = l(() => {
-		if (!oe || !D) return [];
+	}, [j]), le = s(() => {
+		if (!ae || !O) return [];
 		let e = /* @__PURE__ */ new Map(), t = [];
-		for (let n of T) {
-			let r = D.map((e) => String(n[e.field] ?? "")).join(" / ");
+		for (let n of E) {
+			let r = O.map((e) => String(n[e.field] ?? "")).join(" / ");
 			if (!e.has(r)) {
-				let i = D.map((e) => {
+				let i = O.map((e) => {
 					let t = n[e.field];
 					return t != null && t !== "" ? String(t) : "(empty)";
 				}).join(" / ");
@@ -2211,7 +2319,7 @@ var G = (e) => {
 			}
 			e.get(r).items.push(n);
 		}
-		let n = D[0]?.order ?? "asc";
+		let n = O[0]?.order ?? "asc";
 		return t.sort((e, t) => {
 			let r = e.localeCompare(t, void 0, {
 				numeric: !0,
@@ -2219,7 +2327,7 @@ var G = (e) => {
 			});
 			return n === "desc" ? -r : r;
 		}), t.map((t) => {
-			let n = e.get(t), r = t in se ? se[t] : A;
+			let n = e.get(t), r = t in oe ? oe[t] : j;
 			return {
 				key: t,
 				label: n.label,
@@ -2228,110 +2336,128 @@ var G = (e) => {
 			};
 		});
 	}, [
-		T,
-		D,
+		E,
+		O,
+		ae,
 		oe,
-		se,
-		A
+		j
 	]);
-	if (h && !T.length) return /* @__PURE__ */ N("div", {
+	if (h && !E.length) return /* @__PURE__ */ F("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "Loading Gallery..."
 	});
-	if (!T.length) return /* @__PURE__ */ N("div", {
+	if (!E.length) return /* @__PURE__ */ F("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "No items to display"
 	});
-	let ue = (t, r) => {
-		let i = t.id ?? t._id ?? r, a = String(t[S] ?? "Untitled"), o = t[b], s = W(String(i) + "|" + a);
-		return /* @__PURE__ */ P(f, {
+	let M = (e) => !te || te.length === 0 ? null : /* @__PURE__ */ F("div", {
+		className: "mt-1.5 space-y-1",
+		children: te.map((t) => {
+			let n = e[t];
+			if (n == null || n === "") return null;
+			let r = ie(t), i = Re(r) || r.type || "text", a = Le(i), o = r?.label && String(r.label).trim() ? String(r.label) : void 0, s = o != null && at.has(i);
+			return /* @__PURE__ */ I("div", {
+				className: T("text-xs text-muted-foreground truncate [&_*]:!text-xs", s && "flex items-baseline gap-1.5"),
+				onClick: (e) => {
+					e.target.closest("a,button") && e.stopPropagation();
+				},
+				children: [s && /* @__PURE__ */ F("span", {
+					className: "shrink-0 text-muted-foreground/70 tabular-nums",
+					children: o
+				}), /* @__PURE__ */ F(a, {
+					value: n,
+					field: r
+				})]
+			}, t);
+		})
+	}), ue = (t, r) => {
+		let i = t.id ?? t._id ?? r, a = String(t[ee] ?? "Untitled"), o = t[S], s = ot(String(i) + "|" + a), c = T("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");
+		return D && C === "contain" ? /* @__PURE__ */ I(u, {
 			role: "listitem",
-			className: w("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) => ee.handleClick(t, e),
+			className: c,
+			onClick: (e) => y.handleClick(t, e),
+			children: [/* @__PURE__ */ F("div", {
+				"aria-hidden": !0,
+				className: T("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", s.bg)
+			}), /* @__PURE__ */ F(d, {
+				className: "p-4",
+				children: /* @__PURE__ */ I("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ F(ct, {
+						imageUrl: o,
+						title: a,
+						placeholder: s
+					}), /* @__PURE__ */ I("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ F("h3", {
+							className: "font-semibold tracking-tight truncate text-sm leading-tight text-foreground",
+							title: a,
+							children: a
+						}), M(t)]
+					})]
+				})
+			})]
+		}, i) : /* @__PURE__ */ I(u, {
+			role: "listitem",
+			className: c,
+			onClick: (e) => y.handleClick(t, e),
 			children: [
-				!E && /* @__PURE__ */ N("div", {
+				!D && /* @__PURE__ */ F("div", {
 					"aria-hidden": !0,
-					className: w("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", s.bg)
+					className: T("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", s.bg)
 				}),
-				/* @__PURE__ */ N("div", {
-					className: w("w-full overflow-hidden relative", at[x]),
-					hidden: !E,
-					children: o ? /* @__PURE__ */ N("img", {
-						src: o,
-						alt: a,
-						className: w("h-full w-full transition-transform duration-300 ease-out group-hover:scale-[1.04]", te === "cover" && "object-cover", te === "contain" && "object-contain")
-					}) : /* @__PURE__ */ N("div", {
-						className: w("flex h-full w-full items-center justify-center bg-gradient-to-br ring-1 ring-inset", s.bg, s.ring),
-						children: /* @__PURE__ */ N("span", {
-							className: w("text-5xl font-semibold tracking-tight opacity-90", s.text),
-							children: a[0]?.toUpperCase()
-						})
-					})
+				/* @__PURE__ */ F(st, {
+					imageUrl: o,
+					title: a,
+					coverFit: C,
+					aspectClass: it[w],
+					placeholder: s,
+					hidden: !D
 				}),
-				/* @__PURE__ */ P(p, {
-					className: w("p-3", E && "border-t border-border/60"),
-					children: [/* @__PURE__ */ N("h3", {
+				/* @__PURE__ */ I(d, {
+					className: T("p-3", D && "border-t border-border/60"),
+					children: [/* @__PURE__ */ F("h3", {
 						className: "font-semibold tracking-tight truncate text-sm leading-tight text-foreground",
 						title: a,
 						children: a
-					}), C && C.length > 0 && /* @__PURE__ */ N("div", {
-						className: "mt-1.5 space-y-1",
-						children: C.map((e) => {
-							let n = t[e];
-							if (n == null || n === "") return null;
-							let r = ae(e), i = Le(r) || r.type || "text", a = Ie(i), o = r?.label && String(r.label).trim() ? String(r.label) : void 0, s = o != null && ot.has(i);
-							return /* @__PURE__ */ P("div", {
-								className: w("text-xs text-muted-foreground truncate [&_*]:!text-xs", s && "flex items-baseline gap-1.5"),
-								onClick: (e) => {
-									e.target.closest("a,button") && e.stopPropagation();
-								},
-								children: [s && /* @__PURE__ */ N("span", {
-									className: "shrink-0 text-muted-foreground/70 tabular-nums",
-									children: o
-								}), /* @__PURE__ */ N(a, {
-									value: n,
-									field: r
-								})]
-							}, e);
-						})
-					})]
+					}), M(t)]
 				})
 			]
 		}, i);
-	}, de = (e) => /* @__PURE__ */ N("div", {
-		className: w("grid gap-4 p-4 auto-rows-min content-start", it[x], n.className),
+	}, N = (e) => /* @__PURE__ */ F("div", {
+		className: T("grid gap-4 p-4 auto-rows-min content-start", rt[w], n.className),
 		role: "list",
 		children: e.map((e, t) => ue(e, t))
 	});
-	return /* @__PURE__ */ P(Te, { children: [oe ? /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ I(Ee, { children: [ae ? /* @__PURE__ */ F("div", {
 		className: "space-y-2",
-		children: j.map((e) => /* @__PURE__ */ P("div", {
+		children: le.map((e) => /* @__PURE__ */ I("div", {
 			className: "border rounded-md",
-			children: [/* @__PURE__ */ P("button", {
+			children: [/* @__PURE__ */ I("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: () => le(e.key),
+				onClick: () => ce(e.key),
 				children: [
-					e.collapsed ? /* @__PURE__ */ N(k, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ N(O, { className: "h-4 w-4 shrink-0" }),
-					/* @__PURE__ */ N("span", { children: e.label }),
-					/* @__PURE__ */ N("span", {
+					e.collapsed ? /* @__PURE__ */ F(A, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ F(k, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ F("span", { children: e.label }),
+					/* @__PURE__ */ F("span", {
 						className: "ml-auto text-xs text-muted-foreground",
 						children: e.items.length
 					})
 				]
-			}), !e.collapsed && de(e.items)]
+			}), !e.collapsed && N(e.items)]
 		}, e.key))
-	}) : de(T), ee.isOverlay && /* @__PURE__ */ N(ne, {
-		...ee,
+	}) : N(E), y.isOverlay && /* @__PURE__ */ F(x, {
+		...y,
 		title: "Gallery Item",
-		children: (e) => /* @__PURE__ */ N("div", {
+		children: (e) => /* @__PURE__ */ F("div", {
 			className: "space-y-3",
-			children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ P("div", {
+			children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ I("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ N("span", {
+				children: [/* @__PURE__ */ F("span", {
 					className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 					children: e.replace(/_/g, " ")
-				}), /* @__PURE__ */ N("span", {
+				}), /* @__PURE__ */ F("span", {
 					className: "text-sm",
 					children: String(t ?? "—")
 				})]
@@ -2339,11 +2465,85 @@ var G = (e) => {
 		})
 	})] });
 };
-e.register("object-gallery", G, {
+e.register("object-gallery", lt, {
 	namespace: "plugin-list",
 	label: "Gallery View",
 	category: "view"
-}), e.register("list-view", U, {
+});
+//#endregion
+//#region src/components/TabBar.tsx
+function q(e) {
+	return e ? Te[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
+}
+function J(e) {
+	return e.filter((e) => e.pinned || e.visible !== "false" && e.visible !== !1).sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
+}
+var ut = ({ tabs: e, activeTab: t, onTabChange: n, className: i }) => {
+	let a = r.useMemo(() => J(e), [e]), o = r.useMemo(() => a.find((e) => e.isDefault)?.name ?? a[0]?.name, [a]), [s, c] = r.useState(o), u = t ?? s, d = r.useCallback((e) => {
+		c(e.name), n?.(e);
+	}, [n]);
+	return a.length === 0 ? null : /* @__PURE__ */ F("div", {
+		className: T("px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background", i),
+		"data-testid": "view-tabs",
+		role: "tablist",
+		children: a.map((e) => {
+			let t = q(e.icon), n = u === e.name;
+			return /* @__PURE__ */ I(l, {
+				variant: "ghost",
+				size: "sm",
+				className: T("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"),
+				"data-testid": `view-tab-${e.name}`,
+				role: "tab",
+				"aria-selected": n,
+				onClick: () => d(e),
+				children: [t && /* @__PURE__ */ F(t, { className: "h-3 w-3 mr-1.5" }), e.label]
+			}, e.name);
+		})
+	});
+}, dt = ({ tabs: e, activeTab: t, onTabChange: n, className: i }) => {
+	let a = r.useMemo(() => J(e), [e]), o = r.useMemo(() => a.find((e) => e.isDefault)?.name ?? a[0]?.name, [a]), [s, c] = r.useState(o), u = t ?? s, d = r.useMemo(() => a.find((e) => e.name === u) ?? a[0], [a, u]), f = r.useCallback((e) => {
+		c(e.name), n?.(e);
+	}, [n]);
+	if (a.length === 0) return null;
+	let _ = q(d?.icon);
+	return /* @__PURE__ */ F("div", {
+		className: T("px-2 py-1", i),
+		"data-testid": "view-tabs-select",
+		children: /* @__PURE__ */ I(p, { children: [/* @__PURE__ */ F(g, {
+			asChild: !0,
+			children: /* @__PURE__ */ I(l, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-7 px-2 text-xs font-medium text-foreground gap-1.5 max-w-[60vw] truncate",
+				"aria-label": "Switch view",
+				children: [
+					_ && /* @__PURE__ */ F(_, { className: "h-3.5 w-3.5 shrink-0" }),
+					/* @__PURE__ */ F("span", {
+						className: "truncate",
+						children: d?.label ?? ""
+					}),
+					/* @__PURE__ */ F(k, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+				]
+			})
+		}), /* @__PURE__ */ F(m, {
+			align: "start",
+			className: "w-56 max-h-72 overflow-y-auto",
+			children: a.map((e) => {
+				let t = q(e.icon);
+				return /* @__PURE__ */ I(h, {
+					onClick: () => f(e),
+					className: T("text-sm", u === e.name && "font-medium bg-muted"),
+					"data-testid": `view-tab-select-${e.name}`,
+					children: [t && /* @__PURE__ */ F(t, { className: "h-3.5 w-3.5 mr-2 shrink-0" }), /* @__PURE__ */ F("span", {
+						className: "truncate",
+						children: e.label
+					})]
+				}, e.name);
+			})
+		})] })
+	});
+};
+e.register("list-view", nt, {
 	namespace: "plugin-list",
 	label: "List View",
 	category: "Views",
@@ -2420,8 +2620,9 @@ e.register("object-gallery", G, {
 		sort: [],
 		options: {}
 	}
-}), e.register("list", U, {
+}), e.register("list", nt, {
 	namespace: "view",
+	skipFallback: !0,
 	category: "view",
 	label: "List",
 	icon: "LayoutList",
@@ -2491,4 +2692,4 @@ e.register("object-gallery", G, {
 	]
 });
 //#endregion
-export { U as ListView, G as ObjectGallery, He as TabBar, Ue as TabBarSelect, qe as UserFilters, Be as ViewSwitcher, Qe as evaluateConditionalFormatting, H as normalizeFilterCondition, Xe as normalizeFilters };
+export { nt as ListView, lt as ObjectGallery, ut as TabBar, dt as TabBarSelect, Ge as UserFilters, z as ViewSwitcher, Be as ViewSwitcherDropdown, Ze as evaluateConditionalFormatting, qe as normalizeFilterCondition, Ye as normalizeFilters };