@object-ui/plugin-list 17.1.0 → 17.3.0

package/dist/index.js

@@ -1,26 +1,27 @@
-import { ComponentRegistry as e, EXPANDABLE_FIELD_TYPES as t, buildExpandFields as n, buildExportFileName as r, columnIdentity as i, getRecordDisplayName as a, mergeFilterNodes as o, normalizeListViewSchema as s, resolveConditionalFormatting as c, resolveCrudAffordances as l, rowHeightToDensityMode as u } from "@object-ui/core";
-import * as d from "react";
-import { useCallback as f, useContext as p, useEffect as m, useMemo as h, useState as g } from "react";
-import { Button as _, Card as ee, CardContent as v, DataEmptyState as y, DropdownMenu as b, DropdownMenuContent as x, DropdownMenuItem as S, DropdownMenuTrigger as te, FilterBuilder as ne, GroupingEditor as re, Input as ie, LookupValuePicker as C, NavigationOverlay as ae, Popover as w, PopoverContent as T, PopoverTrigger as E, RefreshIndicator as D, SortBuilder as oe, cn as O } from "@object-ui/components";
-import { Activity as se, AlertTriangle as ce, ArrowUpDown as le, BarChart3 as ue, Calendar as k, Check as de, CheckSquare as fe, ChevronDown as A, ChevronRight as pe, Download as me, EyeOff as he, GanttChartSquare as ge, Grid as j, Group as _e, Images as M, Inbox as ve, LayoutGrid as ye, ListTree as N, Loader2 as be, Map as P, Paintbrush as xe, Pencil as Se, Plus as Ce, Printer as we, RotateCw as Te, Rows2 as Ee, Rows3 as De, Rows4 as Oe, Search as ke, Settings2 as Ae, Share2 as je, ShieldAlert as Me, SlidersHorizontal as Ne, Trash2 as Pe, X as Fe, icons as Ie } from "lucide-react";
-import { Fragment as Le, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { createSafeTranslation as L, useObjectLabel as Re, useObjectTranslation as ze, useSafeFieldLabel as Be } from "@object-ui/i18n";
-import { SchemaRenderer as Ve, SchemaRendererContext as He, useDataScope as Ue, useDensityMode as We, useNavigationOverlay as Ge, useSafeFieldLabel as Ke } from "@object-ui/react";
-import { detectStatusField as qe } from "@object-ui/types";
-import { usePullToRefresh as Je } from "@object-ui/mobile";
-import { usePermissions as Ye } from "@object-ui/permissions";
-import { getCellRenderer as R, resolveCellRendererType as Xe } from "@object-ui/fields";
+import * as e from "react";
+import t, { useCallback as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { ComponentRegistry as s, EXPANDABLE_FIELD_TYPES as c, PLATFORM_RECORD_COLUMNS as l, buildExpandFields as u, buildExportFileName as d, collectPredicateFieldRefs as f, columnIdentity as p, getRecordDisplayName as m, listViewPredicates as ee, mergeFilterNodes as h, normalizeListViewSchema as g, resolveConditionalFormatting as _, resolveEffectiveCrudAffordances as v, rowHeightToDensityMode as y } from "@object-ui/core";
+import { SchemaRenderer as b, SchemaRendererContext as x, useDataScope as te, useDensityMode as ne, useNavigationOverlay as re, useSafeFieldLabel as ie } from "@object-ui/react";
+import { Button as S, Card as ae, CardContent as oe, DataEmptyState as se, DropdownMenu as C, DropdownMenuContent as ce, DropdownMenuItem as le, DropdownMenuTrigger as w, FilterBuilder as ue, GroupingEditor as T, Input as de, LookupValuePicker as fe, NavigationOverlay as pe, Popover as E, PopoverContent as D, PopoverTrigger as O, RefreshIndicator as me, SortBuilder as he, cn as k } from "@object-ui/components";
+import { Activity as ge, AlertTriangle as _e, ArrowUpDown as ve, BarChart3 as ye, Calendar as be, Check as A, CheckSquare as xe, ChevronDown as j, ChevronRight as Se, Download as Ce, EyeOff as we, GanttChartSquare as M, Grid as N, Group as Te, Images as Ee, Inbox as De, LayoutGrid as P, ListTree as Oe, Loader2 as ke, Map as Ae, Paintbrush as je, Pencil as Me, Plus as Ne, Printer as Pe, RotateCw as Fe, Rows2 as Ie, Rows3 as Le, Rows4 as Re, Search as ze, Settings2 as Be, Share2 as Ve, ShieldAlert as He, SlidersHorizontal as Ue, Trash2 as We, X as Ge, icons as Ke } from "lucide-react";
+import { Fragment as qe, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { normalizeFilterOperator as Je } from "@objectstack/spec/ui";
+import { createSafeTranslation as Ye, useObjectLabel as L, useObjectTranslation as Xe, useSafeFieldLabel as Ze } from "@object-ui/i18n";
+import { detectStatusField as Qe } from "@object-ui/types";
+import { usePullToRefresh as $e } from "@object-ui/mobile";
+import { usePermissions as et } from "@object-ui/permissions";
+import { getCellRenderer as tt, readFileValues as nt, resolveCellRendererType as rt } from "@object-ui/fields";
 //#region src/ViewSwitcher.tsx
-var Ze = {
-	grid: /* @__PURE__ */ F(j, { className: "h-4 w-4" }),
-	kanban: /* @__PURE__ */ F(ye, { className: "h-4 w-4" }),
-	gallery: /* @__PURE__ */ F(M, { className: "h-4 w-4" }),
-	calendar: /* @__PURE__ */ F(k, { className: "h-4 w-4" }),
-	timeline: /* @__PURE__ */ F(se, { className: "h-4 w-4" }),
-	gantt: /* @__PURE__ */ F(ge, { className: "h-4 w-4" }),
-	map: /* @__PURE__ */ F(P, { className: "h-4 w-4" }),
-	chart: /* @__PURE__ */ F(ue, { className: "h-4 w-4" }),
-	tree: /* @__PURE__ */ F(N, { className: "h-4 w-4" })
+var R = {
+	grid: /* @__PURE__ */ F(N, { className: "h-4 w-4" }),
+	kanban: /* @__PURE__ */ F(P, { className: "h-4 w-4" }),
+	gallery: /* @__PURE__ */ F(Ee, { className: "h-4 w-4" }),
+	calendar: /* @__PURE__ */ F(be, { className: "h-4 w-4" }),
+	timeline: /* @__PURE__ */ F(ge, { className: "h-4 w-4" }),
+	gantt: /* @__PURE__ */ F(M, { className: "h-4 w-4" }),
+	map: /* @__PURE__ */ F(Ae, { className: "h-4 w-4" }),
+	chart: /* @__PURE__ */ F(ye, { className: "h-4 w-4" }),
+	tree: /* @__PURE__ */ F(Oe, { className: "h-4 w-4" })
 }, z = {
 	grid: "Grid",
 	kanban: "Kanban",
@@ -31,170 +32,170 @@ var Ze = {
 	map: "Map",
 	chart: "Chart",
 	tree: "Tree"
-}, Qe = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
-	let [a, o] = d.useState(!1), s = d.useCallback((t) => {
-		o(!1), t !== e && (i && typeof document < "u" && "startViewTransition" in document ? document.startViewTransition(() => n(t)) : n(t));
+}, it = ({ currentView: t, availableViews: n = ["grid", "kanban"], onViewChange: r, className: i, animated: a = !0 }) => {
+	let [o, s] = e.useState(!1), c = e.useCallback((e) => {
+		s(!1), e !== t && (a && typeof document < "u" && "startViewTransition" in document ? document.startViewTransition(() => r(e)) : r(e));
 	}, [
-		i,
-		e,
-		n
+		a,
+		t,
+		r
 	]);
-	return t.length >= 2 && t.length <= 4 ? /* @__PURE__ */ F("div", {
+	return n.length >= 2 && n.length <= 4 ? /* @__PURE__ */ F("div", {
 		role: "tablist",
 		"data-testid": "view-switcher-segmented",
-		className: O("inline-flex items-center gap-0.5 rounded-lg bg-muted p-0.5 oui-view-switcher", r),
-		children: t.map((t) => {
-			let n = t === e;
+		className: k("inline-flex items-center gap-0.5 rounded-lg bg-muted p-0.5 oui-view-switcher", i),
+		children: n.map((e) => {
+			let n = e === t;
 			return /* @__PURE__ */ I("button", {
 				type: "button",
 				role: "tab",
 				"aria-selected": n,
-				"aria-label": z[t],
-				title: z[t],
+				"aria-label": z[e],
+				title: z[e],
 				"data-state": n ? "on" : "off",
-				onClick: () => s(t),
-				className: O("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", {
+				onClick: () => c(e),
+				className: k("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: [R[e], /* @__PURE__ */ F("span", {
 					className: "hidden sm:inline-block",
-					children: z[t]
+					children: z[e]
 				})]
-			}, t);
+			}, e);
 		})
-	}) : /* @__PURE__ */ I(w, {
-		open: a,
-		onOpenChange: o,
-		children: [/* @__PURE__ */ F(E, {
+	}) : /* @__PURE__ */ I(E, {
+		open: o,
+		onOpenChange: s,
+		children: [/* @__PURE__ */ F(O, {
 			asChild: !0,
 			children: /* @__PURE__ */ I("button", {
 				type: "button",
 				"data-testid": "view-switcher-dropdown",
-				"aria-label": z[e],
-				className: O("inline-flex items-center gap-1.5 h-7 px-2 rounded-md text-xs font-medium transition-colors oui-view-switcher", a ? "text-foreground bg-muted" : "text-muted-foreground hover:text-foreground", r),
+				"aria-label": z[t],
+				className: k("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],
+					R[t],
 					/* @__PURE__ */ F("span", {
 						className: "hidden sm:inline-block",
-						children: z[e]
+						children: z[t]
 					}),
-					/* @__PURE__ */ F(A, { className: "h-3 w-3 opacity-60" })
+					/* @__PURE__ */ F(j, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ F(T, {
+		}), /* @__PURE__ */ F(D, {
 			align: "end",
 			className: "w-44 p-1",
-			children: t.map((t) => /* @__PURE__ */ I("button", {
+			children: n.map((e) => /* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => s(t),
-				"data-state": t === e ? "on" : "off",
-				className: O("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"),
+				onClick: () => c(e),
+				"data-state": e === t ? "on" : "off",
+				className: k("flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors hover:bg-muted", e === t ? "text-foreground font-medium" : "text-muted-foreground"),
 				children: [
-					Ze[t],
+					R[e],
 					/* @__PURE__ */ F("span", {
 						className: "flex-1 text-left",
-						children: z[t]
+						children: z[e]
 					}),
-					t === e && /* @__PURE__ */ F(de, { className: "h-3.5 w-3.5" })
+					e === t && /* @__PURE__ */ F(A, { className: "h-3.5 w-3.5" })
 				]
-			}, t))
+			}, e))
 		})]
 	});
-}, $e = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
-	let a = d.useCallback((t) => {
-		if (!i || t === e) {
-			n(t);
+}, B = ({ currentView: t, availableViews: n = ["grid", "kanban"], onViewChange: r, className: i, animated: a = !0 }) => {
+	let o = e.useCallback((e) => {
+		if (!a || e === t) {
+			r(e);
 			return;
 		}
-		typeof document < "u" && "startViewTransition" in document ? document.startViewTransition(() => n(t)) : n(t);
+		typeof document < "u" && "startViewTransition" in document ? document.startViewTransition(() => r(e)) : r(e);
 	}, [
-		i,
-		e,
-		n
+		a,
+		t,
+		r
 	]);
 	return /* @__PURE__ */ F("div", {
-		className: O("flex items-center gap-1 bg-transparent oui-view-switcher", r),
-		children: t.map((t) => {
-			let n = e === t;
+		className: k("flex items-center gap-1 bg-transparent oui-view-switcher", i),
+		children: n.map((e) => {
+			let n = t === e;
 			return /* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => a(t),
-				"aria-label": z[t],
-				title: z[t],
+				onClick: () => o(e),
+				"aria-label": z[e],
+				title: z[e],
 				"aria-pressed": n,
 				"data-state": n ? "on" : "off",
-				className: O("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: k("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: [R[e], /* @__PURE__ */ F("span", {
 					className: "hidden sm:inline-block text-xs font-medium",
-					children: z[t]
+					children: z[e]
 				})]
-			}, t);
+			}, e);
 		})
 	});
 };
 //#endregion
 //#region src/components/ViewSettingsPopover.tsx
-function B({ title: e, badge: t, onClear: n, clearLabel: r, defaultOpen: i = !0, children: a }) {
-	let [o, s] = d.useState(i);
+function V({ title: t, badge: n, onClear: r, clearLabel: i, defaultOpen: a = !0, children: o }) {
+	let [s, c] = e.useState(a);
 	return /* @__PURE__ */ I("div", {
 		className: "border-b last:border-b-0",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between px-3 py-2",
 			children: [/* @__PURE__ */ I("button", {
 				type: "button",
-				onClick: () => s((e) => !e),
+				onClick: () => c((e) => !e),
 				className: "flex items-center gap-1.5 text-xs font-medium text-foreground/80 hover:text-foreground",
 				children: [
-					/* @__PURE__ */ F(A, { className: O("h-3.5 w-3.5 transition-transform", !o && "-rotate-90") }),
-					e,
-					typeof t == "number" && t > 0 && /* @__PURE__ */ F("span", {
+					/* @__PURE__ */ F(j, { className: k("h-3.5 w-3.5 transition-transform", !s && "-rotate-90") }),
+					t,
+					typeof n == "number" && n > 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
+						children: n
 					})
 				]
-			}), n && /* @__PURE__ */ F("button", {
+			}), r && /* @__PURE__ */ F("button", {
 				type: "button",
-				onClick: n,
+				onClick: r,
 				className: "text-[11px] text-muted-foreground hover:text-foreground",
-				children: r
+				children: i
 			})]
-		}), o && /* @__PURE__ */ F("div", {
+		}), s && /* @__PURE__ */ F("div", {
 			className: "px-3 pb-3",
-			children: a
+			children: o
 		})]
 	});
 }
-function et(e) {
-	let { t, allFields: n, showGroup: r, groupingConfig: i, setGroupingConfig: a, showColor: o, rowColorConfig: s, setRowColorConfig: c, showDensity: l, density: u, showHideFields: f, hiddenFields: p, updateHiddenFields: m, showInlineEdit: h, inlineEdit: g, setInlineEdit: ee } = e, [v, y] = d.useState(!1), b = [
-		!!i?.fields?.length,
-		!!s?.field,
-		u && u.mode !== "compact",
+function at(t) {
+	let { t: n, allFields: r, showGroup: i, groupingConfig: a, setGroupingConfig: o, showColor: s, rowColorConfig: c, setRowColorConfig: l, showDensity: u, density: d, showHideFields: f, hiddenFields: p, updateHiddenFields: m, showInlineEdit: ee, inlineEdit: h, setInlineEdit: g } = t, [_, v] = e.useState(!1), y = [
+		!!a?.fields?.length,
+		!!c?.field,
+		d && d.mode !== "compact",
 		(p?.size ?? 0) > 0,
-		!!g
-	].filter(Boolean).length, x = u?.mode === "compact" ? Oe : u?.mode === "comfortable" ? De : Ee, S = t("list.viewSettings", { defaultValue: "View settings" });
-	return /* @__PURE__ */ I(w, {
-		open: v,
-		onOpenChange: y,
-		children: [/* @__PURE__ */ F(E, {
+		!!h
+	].filter(Boolean).length, b = d?.mode === "compact" ? Re : d?.mode === "comfortable" ? Le : Ie, x = n("list.viewSettings", { defaultValue: "View settings" });
+	return /* @__PURE__ */ I(E, {
+		open: _,
+		onOpenChange: v,
+		children: [/* @__PURE__ */ F(O, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(_, {
+			children: /* @__PURE__ */ I(S, {
 				variant: "ghost",
 				size: "sm",
-				"aria-label": S,
-				title: S,
-				className: O("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", b > 0 && "text-foreground font-medium"),
+				"aria-label": x,
+				title: x,
+				className: k("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__ */ F(Ae, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
+					/* @__PURE__ */ F(Be, { className: "h-3.5 w-3.5 sm:mr-1.5" }),
 					/* @__PURE__ */ F("span", {
 						className: "hidden sm:inline",
-						children: S
+						children: x
 					}),
-					b > 0 && /* @__PURE__ */ F("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: b
+						children: y
 					})
 				]
 			})
-		}), /* @__PURE__ */ I(T, {
+		}), /* @__PURE__ */ I(D, {
 			align: "end",
 			className: "w-80 p-0",
 			"data-testid": "view-settings-content",
@@ -203,104 +204,104 @@ function et(e) {
 					className: "px-3 py-2 border-b",
 					children: [/* @__PURE__ */ F("div", {
 						className: "text-sm font-semibold",
-						children: S
+						children: x
 					}), /* @__PURE__ */ F("div", {
 						className: "text-[11px] text-muted-foreground",
-						children: t("list.viewSettingsHint", { defaultValue: "Grouping, color, density, and visible fields." })
+						children: n("list.viewSettingsHint", { defaultValue: "Grouping, color, density, and visible fields." })
 					})]
 				}),
-				r && a && /* @__PURE__ */ F(B, {
-					title: t("list.group", { defaultValue: "Group" }),
-					badge: i?.fields?.length || 0,
-					onClear: i ? () => a(void 0) : void 0,
-					clearLabel: t("list.clear", { defaultValue: "Clear" }),
-					children: /* @__PURE__ */ F(re, {
-						value: i,
-						fieldOptions: n.map((e) => ({
+				i && o && /* @__PURE__ */ F(V, {
+					title: n("list.group", { defaultValue: "Group" }),
+					badge: a?.fields?.length || 0,
+					onClear: a ? () => o(void 0) : void 0,
+					clearLabel: n("list.clear", { defaultValue: "Clear" }),
+					children: /* @__PURE__ */ F(T, {
+						value: a,
+						fieldOptions: r.map((e) => ({
 							value: e.name,
 							label: e.label || e.name
 						})),
 						maxLevels: 3,
 						labels: {
-							addGroup: t("list.addGroup", "Add group field"),
-							collapseTitle: t("list.collapsedByDefault", "Collapsed by default"),
-							removeTitle: t("list.removeGroup", "Remove")
+							addGroup: n("list.addGroup", "Add group field"),
+							collapseTitle: n("list.collapsedByDefault", "Collapsed by default"),
+							removeTitle: n("list.removeGroup", "Remove")
 						},
-						onChange: (e) => a(e)
+						onChange: (e) => o(e)
 					})
 				}),
-				o && c && /* @__PURE__ */ I(B, {
-					title: t("list.color", { defaultValue: "Row color" }),
-					onClear: s ? () => c(void 0) : void 0,
-					clearLabel: t("list.clear", { defaultValue: "Clear" }),
-					defaultOpen: !!s,
+				s && l && /* @__PURE__ */ I(V, {
+					title: n("list.color", { defaultValue: "Row color" }),
+					onClear: c ? () => l(void 0) : void 0,
+					clearLabel: n("list.clear", { defaultValue: "Clear" }),
+					defaultOpen: !!c,
 					children: [/* @__PURE__ */ F("label", {
 						className: "block text-[11px] text-muted-foreground mb-1",
-						children: t("list.colorByField", { defaultValue: "Color by field" })
+						children: n("list.colorByField", { defaultValue: "Color by field" })
 					}), /* @__PURE__ */ I("select", {
 						className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
-						value: s?.field || "",
+						value: c?.field || "",
 						onChange: (e) => {
 							let t = e.target.value;
-							c(t ? {
+							l(t ? {
 								field: t,
-								colors: s?.colors || {}
+								colors: c?.colors || {}
 							} : void 0);
 						},
 						"data-testid": "color-field-select",
 						children: [/* @__PURE__ */ F("option", {
 							value: "",
-							children: t("list.none", { defaultValue: "None" })
-						}), n.map((e) => /* @__PURE__ */ F("option", {
+							children: n("list.none", { defaultValue: "None" })
+						}), r.map((e) => /* @__PURE__ */ F("option", {
 							value: e.name,
 							children: e.label || e.name
 						}, e.name))]
 					})]
 				}),
-				l && u && /* @__PURE__ */ F(B, {
-					title: t("grid.toolbar.densityMode", { defaultValue: "Density" }),
-					defaultOpen: u.mode !== "compact",
+				u && d && /* @__PURE__ */ F(V, {
+					title: n("grid.toolbar.densityMode", { defaultValue: "Density" }),
+					defaultOpen: d.mode !== "compact",
 					children: /* @__PURE__ */ I("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ I(_, {
+						children: [/* @__PURE__ */ I(S, {
 							variant: "outline",
 							size: "sm",
 							className: "h-7 gap-1.5",
-							onClick: u.cycle,
+							onClick: d.cycle,
 							"data-testid": "view-settings-density-cycle",
-							children: [/* @__PURE__ */ F(x, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ F(b, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ F("span", {
 								className: "text-xs",
-								children: u.mode === "compact" ? t("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : u.mode === "comfortable" ? t("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : t("grid.toolbar.densitySpacious", { defaultValue: "Spacious" })
+								children: d.mode === "compact" ? n("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : d.mode === "comfortable" ? n("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : n("grid.toolbar.densitySpacious", { defaultValue: "Spacious" })
 							})]
 						}), /* @__PURE__ */ F("span", {
 							className: "text-[11px] text-muted-foreground",
-							children: t("grid.toolbar.densityCycleShortHint", { defaultValue: "Click to cycle" })
+							children: n("grid.toolbar.densityCycleShortHint", { defaultValue: "Click to cycle" })
 						})]
 					})
 				}),
-				h && ee && /* @__PURE__ */ F(B, {
-					title: t("list.recordEditingTitle", { defaultValue: "Record editing" }),
-					defaultOpen: !!g,
+				ee && g && /* @__PURE__ */ F(V, {
+					title: n("list.recordEditingTitle", { defaultValue: "Record editing" }),
+					defaultOpen: !!h,
 					children: /* @__PURE__ */ I("label", {
 						className: "flex items-center gap-2 text-xs py-1 px-1 rounded hover:bg-muted cursor-pointer",
 						children: [/* @__PURE__ */ F("input", {
 							type: "checkbox",
-							checked: !!g,
-							onChange: () => ee(!g),
+							checked: !!h,
+							onChange: () => g(!h),
 							className: "rounded border-input",
 							"data-testid": "view-settings-inline-edit"
-						}), /* @__PURE__ */ F("span", { children: t("list.inlineEditLabel", { defaultValue: "Edit records inline (click a cell to edit)" }) })]
+						}), /* @__PURE__ */ F("span", { children: n("list.inlineEditLabel", { defaultValue: "Edit records inline (click a cell to edit)" }) })]
 					})
 				}),
-				f && p && m && /* @__PURE__ */ F(B, {
-					title: t("list.hideFieldsTitle", { defaultValue: "Hide fields" }),
+				f && p && m && /* @__PURE__ */ F(V, {
+					title: n("list.hideFieldsTitle", { defaultValue: "Hide fields" }),
 					badge: p.size,
 					onClear: p.size > 0 ? () => m(/* @__PURE__ */ new Set()) : void 0,
-					clearLabel: t("list.showAll", { defaultValue: "Show all" }),
+					clearLabel: n("list.showAll", { defaultValue: "Show all" }),
 					defaultOpen: p.size > 0,
 					children: /* @__PURE__ */ F("div", {
 						className: "max-h-48 overflow-y-auto space-y-0.5",
-						children: n.map((e) => /* @__PURE__ */ I("label", {
+						children: r.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__ */ F("input", {
 								type: "checkbox",
@@ -323,60 +324,35 @@ function et(e) {
 }
 //#endregion
 //#region src/UserFilters.tsx
-function tt() {
-	let { t: e } = ze(), t = e("common.more");
+function ot() {
+	let { t: e } = Xe(), t = e("common.more");
 	return !t || t === "common.more" ? "More" : t;
 }
-var V = /* @__PURE__ */ new Set([
+var st = /* @__PURE__ */ new Set([
 	"lookup",
 	"master_detail",
 	"user",
 	"owner"
-]), H = {
+]), ct = {
 	select: "single-choice",
 	"multi-select": "multi-choice",
 	boolean: "multi-choice",
 	"date-range": "range",
 	text: "text"
 };
-function nt(e) {
-	switch (e) {
-		case void 0:
-		case "equals":
-		case "eq": return "=";
-		case "not_equals":
-		case "ne":
-		case "neq": return "!=";
-		case "greater_than_or_equal":
-		case "gte": return ">=";
-		case "less_than_or_equal":
-		case "lte": return "<=";
-		case "greater_than":
-		case "gt":
-		case "after": return ">";
-		case "less_than":
-		case "lt":
-		case "before": return "<";
-		case "not_contains": return "notcontains";
-		case "starts_with": return "startswith";
-		case "not_in":
-		case "nin": return "not in";
-		default: return e;
-	}
-}
-function rt(e) {
+function H(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,
-			nt(e.operator),
+			Je(e.operator),
 			e.value
 		]) : [],
 		default: e.default ?? e.isDefault
 	}));
 }
-function it({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a, initialSelections: o, onSelectionsChange: s }) {
+function lt({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a, initialSelections: o, onSelectionsChange: s }) {
 	switch (e.element) {
 		case "dropdown": return /* @__PURE__ */ F(U, {
 			fields: e.fields || [],
@@ -388,8 +364,8 @@ function it({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 			initialSelections: o,
 			onSelectionsChange: s
 		});
-		case "tabs": return /* @__PURE__ */ F(ot, {
-			tabs: rt(e.tabs || []),
+		case "tabs": return /* @__PURE__ */ F(W, {
+			tabs: H(e.tabs || []),
 			showAllRecords: e.showAllRecords !== !1,
 			allowAddTab: e.allowAddTab,
 			onFilterChange: r,
@@ -397,7 +373,7 @@ function it({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 			initialTab: typeof o?._tab?.[0] == "string" ? o._tab[0] : void 0,
 			onSelectionsChange: s
 		});
-		case "toggle": return /* @__PURE__ */ F(W, {
+		case "toggle": return /* @__PURE__ */ F(G, {
 			fields: e.fields || [],
 			onFilterChange: r,
 			className: a
@@ -405,7 +381,7 @@ function it({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 		default: return null;
 	}
 }
-function at(e, t, n, r) {
+function ut(e, t, n, r) {
 	return e.map((e) => {
 		let i = e.options ? [...e.options] : [], a = e.type, o, s, c, l;
 		if (t?.fields) {
@@ -447,22 +423,22 @@ function at(e, t, n, r) {
 		};
 	});
 }
-function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i, className: a, initialSelections: o, onSelectionsChange: s }) {
-	let { fieldLabel: c, translateOptions: l } = Be(), u = tt(), f = t?.name, p = d.useMemo(() => new Map(e.map((e) => [e.field, H[e.type ?? ""]])), [e]), [m, h] = d.useState(() => {
-		let t = {};
-		return e.forEach((e) => {
-			e.defaultValues && e.defaultValues.length > 0 && (t[e.field] = e.defaultValues);
-			let n = o?.[e.field];
-			n && n.length > 0 && (t[e.field] = n), p.get(e.field) === "single-choice" && (t[e.field]?.length ?? 0) > 1 && (t[e.field] = t[e.field].slice(0, 1));
-		}), t;
-	}), g = d.useRef({}), _ = d.useMemo(() => at(e, t, n, {
+function U({ fields: t, objectDef: n, data: r, onFilterChange: i, maxVisible: a, className: o, initialSelections: s, onSelectionsChange: c }) {
+	let { fieldLabel: l, translateOptions: u } = Ze(), d = ot(), f = n?.name, p = e.useMemo(() => new Map(t.map((e) => [e.field, ct[e.type ?? ""]])), [t]), [m, ee] = e.useState(() => {
+		let e = {};
+		return t.forEach((t) => {
+			t.defaultValues && t.defaultValues.length > 0 && (e[t.field] = t.defaultValues);
+			let n = s?.[t.field];
+			n && n.length > 0 && (e[t.field] = n), p.get(t.field) === "single-choice" && (e[t.field]?.length ?? 0) > 1 && (e[t.field] = e[t.field].slice(0, 1));
+		}), e;
+	}), h = e.useRef({}), g = e.useMemo(() => ut(t, n, r, {
 		objectName: f,
-		fieldLabel: c,
-		translateOptions: l
+		fieldLabel: l,
+		translateOptions: u
 	}).map((e) => {
 		if (!e.showCount) return e;
-		if ((m[e.field] || []).length === 0) return g.current[e.field] = new Map(e.options.map((e) => [String(e.value), e.count ?? 0])), e;
-		let t = g.current[e.field];
+		if ((m[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) => ({
@@ -471,15 +447,15 @@ function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 			}))
 		} : e;
 	}), [
-		e,
 		t,
 		n,
+		r,
 		f,
-		c,
 		l,
+		u,
 		m
-	]), ee = d.useCallback((e) => {
-		r(Object.entries(e).flatMap(([e, t]) => {
+	]), _ = e.useCallback((e) => {
+		i(Object.entries(e).flatMap(([e, t]) => {
 			if (t.length === 0) return [];
 			switch (p.get(e)) {
 				case "range": {
@@ -509,32 +485,32 @@ function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 				]];
 			}
 		}));
-	}, [r, p]), v = (e, t) => {
+	}, [i, p]), v = (e, t) => {
 		let n = {
 			...m,
 			[e]: t
 		};
-		h(n), ee(n), s?.(n);
+		ee(n), _(n), c?.(n);
 	};
-	d.useEffect(() => {
+	e.useEffect(() => {
 		let e = m, t = {}, n = !1;
 		for (let [r, i] of Object.entries(e)) {
-			let e = _.find((e) => e.field === r), a = i.map((t) => {
+			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 && (h(t), e = t), Object.values(e).some((e) => e.length > 0) && ee(e);
+		n && (ee(t), e = t), Object.values(e).some((e) => e.length > 0) && _(e);
 	}, []);
-	let y = i !== void 0 && i < _.length ? _.slice(0, i) : _, b = i !== void 0 && i < _.length ? _.slice(i) : [], x = (e) => {
-		let t = m[e.field] || [], n = p.get(e.field), r = t.filter((e) => e !== "" && e != null).length, i = r > 0, a = n === "single-choice", o = V.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), s = o ? "w-72" : "w-56";
-		return /* @__PURE__ */ I(w, { children: [/* @__PURE__ */ F(E, {
+	let y = a !== void 0 && a < g.length ? g.slice(0, a) : g, b = a !== void 0 && a < g.length ? g.slice(a) : [], x = (e) => {
+		let t = m[e.field] || [], n = p.get(e.field), r = t.filter((e) => e !== "" && e != null).length, i = r > 0, a = n === "single-choice", o = st.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), s = o ? "w-72" : "w-56";
+		return /* @__PURE__ */ I(E, { children: [/* @__PURE__ */ F(O, {
 			asChild: !0,
 			children: /* @__PURE__ */ I("button", {
 				"data-testid": `filter-badge-${e.field}`,
-				className: O("inline-flex items-center gap-1 h-7 px-2 text-xs transition-colors shrink-0 rounded-md", i ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"),
+				className: k("inline-flex items-center gap-1 h-7 px-2 text-xs transition-colors shrink-0 rounded-md", i ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"),
 				children: [
 					/* @__PURE__ */ F("span", {
 						className: "truncate max-w-[100px]",
@@ -544,21 +520,21 @@ function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 						className: "text-[10px] text-muted-foreground/80 tabular-nums",
 						children: r
 					}),
-					i ? /* @__PURE__ */ F(Fe, {
+					i ? /* @__PURE__ */ F(Ge, {
 						className: "h-3 w-3 opacity-60 hover:opacity-100",
 						"data-testid": `filter-clear-${e.field}`,
 						onClick: (t) => {
 							t.stopPropagation(), v(e.field, []);
 						}
-					}) : /* @__PURE__ */ F(A, { className: "h-3 w-3 opacity-60" })
+					}) : /* @__PURE__ */ F(j, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ F(T, {
+		}), /* @__PURE__ */ F(D, {
 			align: "start",
-			className: O(s, "p-2"),
+			className: k(s, "p-2"),
 			children: o ? /* @__PURE__ */ F("div", {
 				"data-testid": `filter-lookup-${e.field}`,
-				children: /* @__PURE__ */ F(C, {
+				children: /* @__PURE__ */ F(fe, {
 					field: {
 						value: e.field,
 						label: e.label || e.field,
@@ -616,7 +592,7 @@ function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 					className: "px-2 py-3 text-center text-xs text-muted-foreground",
 					children: "No options"
 				}) : e.options.map((n) => /* @__PURE__ */ I("label", {
-					className: O("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"),
+					className: k("flex items-center gap-2 text-sm py-1.5 px-2 rounded cursor-pointer", t.includes(n.value) ? "bg-primary/5 text-primary" : "hover:bg-muted"),
 					children: [
 						/* @__PURE__ */ F("input", {
 							type: a ? "radio" : "checkbox",
@@ -646,27 +622,27 @@ function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 		})] }, e.field);
 	};
 	return /* @__PURE__ */ F("div", {
-		className: O("flex items-center gap-0.5 overflow-x-auto", a),
+		className: k("flex items-center gap-0.5 overflow-x-auto", o),
 		"data-testid": "user-filters-dropdown",
-		children: _.length === 0 ? /* @__PURE__ */ F("span", {
+		children: g.length === 0 ? /* @__PURE__ */ F("span", {
 			className: "text-xs text-muted-foreground",
 			"data-testid": "user-filters-empty",
 			children: "No filter fields"
-		}) : /* @__PURE__ */ I(Le, { children: [y.map(x), b.length > 0 && /* @__PURE__ */ I(w, { children: [/* @__PURE__ */ F(E, {
+		}) : /* @__PURE__ */ I(qe, { children: [y.map(x), b.length > 0 && /* @__PURE__ */ I(E, { children: [/* @__PURE__ */ F(O, {
 			asChild: !0,
 			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__ */ F("span", { children: u }),
+					/* @__PURE__ */ F("span", { children: d }),
 					/* @__PURE__ */ F("span", {
 						className: "text-[10px] text-muted-foreground/80 tabular-nums",
 						children: b.length
 					}),
-					/* @__PURE__ */ F(A, { className: "h-3 w-3 opacity-60" })
+					/* @__PURE__ */ F(j, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ F(T, {
+		}), /* @__PURE__ */ F(D, {
 			align: "start",
 			className: "w-64 p-2",
 			"data-testid": "user-filters-more-content",
@@ -677,88 +653,91 @@ function U({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 		})] })] })
 	});
 }
-function ot({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, className: i, initialTab: a, onSelectionsChange: o }) {
-	let [s, c] = d.useState(() => a && (a === "__all__" || e.some((e) => e.id === a)) ? a : e.find((e) => e.default)?.id || (t ? "__all__" : e[0]?.id || "")), l = d.useCallback((t) => {
-		c(t), r(t === "__all__" ? [] : e.find((e) => e.id === t)?.filters || []), o?.({ _tab: [t] });
+function W({ tabs: t, showAllRecords: n, allowAddTab: r, onFilterChange: i, className: a, initialTab: o, onSelectionsChange: s }) {
+	let [c, l] = e.useState(() => o && (o === "__all__" || t.some((e) => e.id === o)) ? o : t.find((e) => e.default)?.id || (n ? "__all__" : t[0]?.id || "")), u = e.useCallback((e) => {
+		l(e), i(e === "__all__" ? [] : t.find((t) => t.id === e)?.filters || []), s?.({ _tab: [e] });
 	}, [
-		e,
-		r,
-		o
-	]), u = d.useMemo(() => {
-		let n = [...e];
-		return t && n.push({
+		t,
+		i,
+		s
+	]), d = e.useMemo(() => {
+		let e = [...t];
+		return n && e.push({
 			id: "__all__",
 			label: "All records",
 			filters: []
-		}), n;
-	}, [e, t]);
-	return d.useEffect(() => {
-		if (s && s !== "__all__") {
-			let t = e.find((e) => e.id === s);
-			t && r(t.filters || []);
+		}), e;
+	}, [t, n]);
+	return e.useEffect(() => {
+		if (c && c !== "__all__") {
+			let e = t.find((e) => e.id === c);
+			e && i(e.filters || []);
 		}
 	}, []), /* @__PURE__ */ I("div", {
-		className: O("flex items-center gap-0.5 overflow-x-auto", i),
+		className: k("flex items-center gap-0.5 overflow-x-auto", a),
 		"data-testid": "user-filters-tabs",
-		children: [u.map((e) => {
+		children: [d.map((e) => {
 			let t = e.id ?? e.name ?? "";
 			return /* @__PURE__ */ F("button", {
 				"data-testid": `filter-tab-${t}`,
-				onClick: () => l(t),
-				className: O("inline-flex items-center h-7 px-3 text-xs font-medium rounded-md transition-colors shrink-0", s === t ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
+				onClick: () => u(t),
+				className: k("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", {
+		}), r && /* @__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__ */ F(Ce, { className: "h-3.5 w-3.5" })
+			children: /* @__PURE__ */ F(Ne, { className: "h-3.5 w-3.5" })
 		})]
 	});
 }
-function W({ fields: e, onFilterChange: t, className: n }) {
-	let [r, i] = d.useState(() => {
-		let t = /* @__PURE__ */ new Set();
-		return e.forEach((e) => {
-			e.defaultValues && e.defaultValues.length > 0 && t.add(e.field);
-		}), t;
-	}), a = d.useCallback((n) => {
-		t(Array.from(n).map((t) => {
-			let n = e.find((e) => e.field === t);
+function G({ fields: t, onFilterChange: n, className: r }) {
+	let [i, a] = e.useState(() => {
+		let e = /* @__PURE__ */ new Set();
+		return t.forEach((t) => {
+			t.defaultValues && t.defaultValues.length > 0 && e.add(t.field);
+		}), e;
+	}), o = e.useCallback((e) => {
+		n(Array.from(e).map((e) => {
+			let n = t.find((t) => t.field === e);
 			return n?.defaultValues ? [
-				t,
+				e,
 				"in",
 				n.defaultValues
 			] : [
-				t,
+				e,
 				"!=",
 				null
 			];
 		}));
-	}, [e, t]), o = (e) => {
-		i((t) => {
+	}, [t, n]), s = (e) => {
+		a((t) => {
 			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), a(n), n;
+			return n.has(e) ? n.delete(e) : n.add(e), o(n), n;
 		});
 	};
-	return d.useEffect(() => {
-		r.size > 0 && a(r);
+	return e.useEffect(() => {
+		i.size > 0 && o(i);
 	}, []), /* @__PURE__ */ F("div", {
-		className: O("flex items-center gap-1 overflow-x-auto", n),
+		className: k("flex items-center gap-1 overflow-x-auto", r),
 		"data-testid": "user-filters-toggle",
-		children: e.map((e) => /* @__PURE__ */ F(_, {
-			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: () => o(e.field),
-			children: e.label || e.field
-		}, e.field))
+		children: t.map((e) => {
+			let t = i.has(e.field);
+			return /* @__PURE__ */ F(S, {
+				variant: t ? "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 st(e) {
+function dt(e) {
 	switch (e.toLowerCase().replace(/[_\s]/g, "")) {
 		case "equals":
 		case "eq": return "=";
@@ -790,17 +769,17 @@ function st(e) {
 		default: return e;
 	}
 }
-var G = /* @__PURE__ */ new Set([
+var ft = /* @__PURE__ */ new Set([
 	"nin",
 	"not_in",
 	"notIn",
 	"notin",
 	"not in"
 ]);
-function ct(e) {
+function K(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) ? ct(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) ? K(e) : e)] : n === "in" && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
 		t,
 		"=",
 		r[0]
@@ -808,7 +787,7 @@ function ct(e) {
 		t,
 		"=",
 		e
-	])] : G.has(n) && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
+	])] : ft.has(n) && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
 		t,
 		"!=",
 		r[0]
@@ -818,7 +797,7 @@ function ct(e) {
 		e
 	])] : e;
 }
-function lt(e) {
+function pt(e) {
 	let t = typeof e == "string" ? [e] : Array.isArray(e) ? e : [], n = [];
 	for (let e of t) if (typeof e == "string") {
 		let t = e.trim().split(/\s+/);
@@ -835,10 +814,10 @@ function lt(e) {
 	});
 	return n;
 }
-function ut(e) {
+function mt(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function dt(e) {
+function ht(e) {
 	switch (e) {
 		case "bottom": return {
 			top: !1,
@@ -854,16 +833,16 @@ function dt(e) {
 		};
 	}
 }
-function ft(e) {
-	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? ct(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
+function gt(e) {
+	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? K(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
 }
-function pt(e, t, n) {
-	let r = mt(t);
-	return o(e, r.length > 0 ? r : void 0, ...ft(n));
+function _t(e, t, n) {
+	let r = vt(t);
+	return h(e, r.length > 0 ? r : void 0, ...gt(n));
 }
-function mt(e) {
+function vt(e) {
 	if (!e || !e.conditions || e.conditions.length === 0) return [];
-	let t = ft(e.conditions.filter((e) => {
+	let t = gt(e.conditions.filter((e) => {
 		if (e.operator === "isEmpty" || e.operator === "isNotEmpty") return !0;
 		let t = e.value;
 		return !(t == null || t === "" || Array.isArray(t) && t.length === 0);
@@ -877,15 +856,15 @@ function mt(e) {
 		null
 	] : [
 		e.field,
-		st(e.operator),
+		dt(e.operator),
 		e.value
 	]));
 	return t.length === 0 ? [] : t.length === 1 ? t[0] : [e.logic, ...t];
 }
-function ht(e, t, n) {
-	return c(e, t, n);
+function yt(e, t, n, r) {
+	return _(e, t, n, r);
 }
-function gt(e) {
+function bt(e) {
 	let t = e, n = [
 		t?.httpStatus,
 		t?.status,
@@ -896,13 +875,13 @@ function gt(e) {
 		e && (n = Number(e[1]));
 	}
 	let r = typeof t?.code == "string" ? t.code.toUpperCase() : "";
-	return n === 403 || r === "PERMISSION_DENIED" || r === "FORBIDDEN" ? "forbidden" : n === 401 || r === "UNAUTHORIZED" || r === "UNAUTHENTICATED" ? "unauthorized" : n === 400 || _t.has(r) ? "rejected" : "network";
+	return n === 403 || r === "PERMISSION_DENIED" || r === "FORBIDDEN" ? "forbidden" : n === 401 || r === "UNAUTHORIZED" || r === "UNAUTHENTICATED" ? "unauthorized" : n === 400 || xt.has(r) ? "rejected" : "network";
 }
-var _t = /* @__PURE__ */ new Set([
+var xt = /* @__PURE__ */ new Set([
 	"INVALID_FILTER",
 	"UNSUPPORTED_QUERY_PARAM",
 	"INVALID_QUERY"
-]), vt = L({
+]), St = Ye({
 	"list.recordCount": "{{count}} records",
 	"list.recordCountOne": "{{count}} record",
 	"list.noItems": "No items found",
@@ -957,22 +936,24 @@ var _t = /* @__PURE__ */ new Set([
 	"grid.toolbar.densityCycleHint": "{{label}} (click to cycle)",
 	"grid.toolbar.densityCycleShortHint": "Click to cycle",
 	"list.viewSettings": "View settings",
-	"list.viewSettingsHint": "Grouping, color, density, and visible fields."
+	"list.viewSettingsHint": "Grouping, color, density, and visible fields.",
+	"detail.recordDetail": "Record Detail",
+	"detail.recordDetailWithLabel": "{{label}} Detail"
 }, "list.recordCount");
-function yt() {
-	let { fieldLabel: e, actionLabel: t, objectLabel: n } = Re();
+function Ct() {
+	let { fieldLabel: e, actionLabel: t, objectLabel: n } = L();
 	return {
 		fieldLabel: e,
 		actionLabel: t,
 		objectLabel: n
 	};
 }
-var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChange: c, onSortChange: f, onSearchChange: p, onHiddenFieldsChange: m, onInlineEditChange: h, onColumnStateChange: g, onRowClick: ee, showViewSwitcher: v, userFilterSelections: b, onUserFilterSelectionsChange: x, initialFilters: S, initialSearchTerm: te, ...C }, se) => {
-	let ue = v ?? e?.showViewSwitcher ?? !1, { t: k } = vt(), { fieldLabel: de, actionLabel: A, objectLabel: pe } = yt(), { translateOptions: ge } = Be(), j = d.useMemo(() => s(e), [e]), M = d.useCallback((e, t) => j.objectName ? de(j.objectName, e, t) : t, [j.objectName, de]), ye = d.useCallback((e) => {
-		let t = ut(e);
-		return j.objectName && typeof A == "function" ? A(j.objectName, e, t) : t;
-	}, [j.objectName, A]), N = d.useMemo(() => {
-		let e = j.userActions, t = j.addRecord?.enabled === !0 && e?.addRecordForm !== !1, n = dt(j.addRecord?.position);
+var wt = e.forwardRef(({ schema: t, className: n, onViewChange: r, onFilterChange: i, onSortChange: a, onSearchChange: o, onHiddenFieldsChange: s, onInlineEditChange: m, onColumnStateChange: h, onRowClick: _, showViewSwitcher: x, userFilterSelections: te, onUserFilterSelectionsChange: ie, initialFilters: ae, initialSearchTerm: oe, ...C }, ce) => {
+	let le = x ?? t?.showViewSwitcher ?? !1, { t: w } = St(), { fieldLabel: fe, actionLabel: ge, objectLabel: ye } = Ct(), { translateOptions: be } = Ze(), A = e.useMemo(() => g(t), [t]), j = e.useCallback((e, t) => A.objectName ? fe(A.objectName, e, t) : t, [A.objectName, fe]), Se = e.useCallback((e) => {
+		let t = mt(e);
+		return A.objectName && typeof ge == "function" ? ge(A.objectName, e, t) : t;
+	}, [A.objectName, ge]), M = e.useMemo(() => {
+		let e = A.userActions, t = A.addRecord?.enabled === !0 && e?.addRecordForm !== !1, n = ht(A.addRecord?.position);
 		return {
 			showSearch: e?.search !== !1,
 			showSort: e?.sort !== !1,
@@ -982,32 +963,32 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			showGroup: e?.group !== !1,
 			showHideFields: e?.hideFields === !0,
 			showColor: e?.rowColor === !0,
-			compactToolbar: j.compactToolbar === !0,
+			compactToolbar: A.compactToolbar === !0,
 			showAddRecord: t,
 			showAddRecordTop: t && n.top,
 			showAddRecordBottom: t && n.bottom
 		};
 	}, [
-		j.userActions,
-		j.compactToolbar,
-		j.addRecord
-	]), [P, Ae] = d.useState(j.viewType), [L, Re] = d.useState(() => te ?? ""), [ze, He] = d.useState(!1), [Ue, Ke] = d.useState(!1), [R, Xe] = d.useState(() => lt(j.sort)), Ze = d.useMemo(() => JSON.stringify(j.sort || []), [j.sort]);
-	d.useEffect(() => {
-		Xe(lt(j.sort));
-	}, [Ze]);
-	let [z, $e] = d.useState(!1), [B, tt] = d.useState(() => S && Array.isArray(S.conditions) ? S : {
+		A.userActions,
+		A.compactToolbar,
+		A.addRecord
+	]), [N, Ee] = e.useState(A.viewType), [P, Oe] = e.useState(() => oe ?? ""), [Ae, Be] = e.useState(!1), [Je, Ye] = e.useState(!1), [L, Xe] = e.useState(() => pt(A.sort)), tt = e.useMemo(() => JSON.stringify(A.sort || []), [A.sort]);
+	e.useEffect(() => {
+		Xe(pt(A.sort));
+	}, [tt]);
+	let [nt, rt] = e.useState(!1), [R, z] = e.useState(() => ae && Array.isArray(ae.conditions) ? ae : {
 		id: "root",
 		logic: "and",
 		conditions: []
-	}), V = C.dataSource, [H, nt] = d.useState([]), [rt, at] = d.useState(null), [U, ot] = d.useState("network"), [W, st] = d.useState(() => !(Array.isArray(j.data) || j.data && typeof j.data == "object" && j.data.provider === "value" && Array.isArray(j.data.items) || j.viewType === "gantt" && j.data && typeof j.data == "object" && !Array.isArray(j.data) && j.data.provider === "api")), [G, ct] = d.useState(null), [ft, mt] = d.useState(!1), [ht, _t] = d.useState(0), [bt, xt] = d.useState(!1);
-	d.useImperativeHandle(se, () => ({ refresh: () => _t((e) => e + 1) }), []), d.useEffect(() => {
-		if (!(!V?.onMutation || !j.objectName)) return V.onMutation((e) => {
-			e.resource === j.objectName && _t((e) => e + 1);
+	}), B = C.dataSource, [V, ot] = e.useState([]), [st, ct] = e.useState(null), [H, ut] = e.useState("network"), [U, W] = e.useState(() => !(Array.isArray(A.data) || A.data && typeof A.data == "object" && A.data.provider === "value" && Array.isArray(A.data.items) || A.viewType === "gantt" && A.data && typeof A.data == "object" && !Array.isArray(A.data) && A.data.provider === "api")), [G, dt] = e.useState(null), [ft, K] = e.useState(!1), [gt, vt] = e.useState(0), [yt, xt] = e.useState(!1);
+	e.useImperativeHandle(ce, () => ({ refresh: () => vt((e) => e + 1) }), []), e.useEffect(() => {
+		if (!(!B?.onMutation || !A.objectName)) return B.onMutation((e) => {
+			e.resource === A.objectName && vt((e) => e + 1);
 		});
-	}, [V, j.objectName]);
-	let [St, Ct] = d.useState(void 0), K = St ?? j.pagination?.pageSize ?? 100, [wt, Tt] = d.useState(1), [Et, Dt] = d.useState(null), q = d.useMemo(() => {
-		if (j.grouping?.fields?.length) return j.grouping;
-		let e = typeof j.groupBy == "string" ? j.groupBy.trim() : "", t = typeof j.groupBy2 == "string" ? j.groupBy2.trim() : "", n = [];
+	}, [B, A.objectName]);
+	let [wt, Tt] = e.useState(void 0), q = wt ?? A.pagination?.pageSize ?? 100, [Et, Dt] = e.useState(1), [Ot, kt] = e.useState(null), At = e.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",
@@ -1018,15 +999,15 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			collapsed: !1
 		}), n.length > 0 ? { fields: n } : void 0;
 	}, [
-		j.grouping,
-		j.groupBy,
-		j.groupBy2
-	]), [J, Ot] = d.useState(q), [kt, At] = d.useState(!1), jt = d.useRef(q);
-	d.useEffect(() => {
-		jt.current !== q && (jt.current = q, Ot(q));
-	}, [q]);
-	let [Y, Mt] = d.useState(j.rowColor), [Nt, Pt] = d.useState(!1), [Ft, It] = d.useState([]), Lt = d.useRef(0), [Rt, zt] = d.useState([]), Bt = d.useMemo(() => {
-		let e = j.userFilters;
+		A.grouping,
+		A.groupBy,
+		A.groupBy2
+	]), [J, jt] = e.useState(At), [Mt, Nt] = e.useState(!1), Pt = e.useRef(At);
+	e.useEffect(() => {
+		Pt.current !== At && (Pt.current = At, jt(At));
+	}, [At]);
+	let [Y, Ft] = e.useState(A.rowColor), [It, Lt] = e.useState(!1), [Rt, zt] = e.useState([]), Bt = e.useRef(0), [Vt, Ht] = e.useState([]), Ut = e.useMemo(() => {
+		let e = A.userFilters;
 		if (!e) return;
 		if (e.element === "tabs" || e.fields && e.fields.length > 0 || !G?.fields) return e;
 		let t = /* @__PURE__ */ new Set([
@@ -1036,7 +1017,7 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 		]), n = [], r = Array.isArray(G.fields) ? G.fields.map((e) => [e.name, e]) : Object.entries(G.fields);
 		for (let [e, i] of r) (t.has(i.type) || i.options && !i.type) && n.push({
 			field: e,
-			label: M(e, i.label || e),
+			label: j(e, i.label || e),
 			type: i.type === "boolean" ? "boolean" : i.type === "multi-select" ? "multi-select" : "select"
 		});
 		return n.length === 0 ? e : {
@@ -1044,32 +1025,32 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			fields: n
 		};
 	}, [
-		j.userFilters,
+		A.userFilters,
 		G,
-		M
-	]), [X, Vt] = d.useState(() => new Set(j.hiddenFields || [])), Ht = d.useMemo(() => JSON.stringify(j.hiddenFields || []), [j.hiddenFields]);
-	d.useEffect(() => {
-		Vt(new Set(j.hiddenFields || []));
-	}, [Ht]);
-	let Ut = d.useCallback((e) => {
-		Vt(e), m?.(Array.from(e));
-	}, [m]), [Wt, Gt] = d.useState(!1), [Kt, qt] = d.useState(() => !!j.inlineEdit);
-	d.useEffect(() => {
-		qt(!!j.inlineEdit);
-	}, [j.inlineEdit]);
-	let Jt = d.useCallback((e) => {
-		qt(e), h?.(e);
-	}, [h]), [Yt, Xt] = d.useState(!1), [Zt, Qt] = d.useState(!1), [$t, en] = d.useState(null), { getObjectApiOperations: tn } = Ye(), nn = j.objectName ? tn(j.objectName) : void 0, rn = j.allowExport !== !1 && j.operations?.export !== !1 && (!nn || nn.includes("export")), an = d.useMemo(() => {
-		let e = j.bulkActions;
-		return !e || e.length === 0 || l(G, nn).delete ? e : e.filter((e) => String(e).toLowerCase() !== "delete");
+		j
+	]), [X, Wt] = e.useState(() => new Set(A.hiddenFields || [])), Gt = e.useMemo(() => JSON.stringify(A.hiddenFields || []), [A.hiddenFields]);
+	e.useEffect(() => {
+		Wt(new Set(A.hiddenFields || []));
+	}, [Gt]);
+	let Kt = e.useCallback((e) => {
+		Wt(e), s?.(Array.from(e));
+	}, [s]), [qt, Jt] = e.useState(!1), [Yt, Xt] = e.useState(() => !!A.inlineEdit);
+	e.useEffect(() => {
+		Xt(!!A.inlineEdit);
+	}, [A.inlineEdit]);
+	let Zt = e.useCallback((e) => {
+		Xt(e), m?.(e);
+	}, [m]), [Qt, $t] = e.useState(!1), [en, tn] = e.useState(!1), [nn, rn] = e.useState(null), { getObjectApiOperations: an } = et(), on = A.objectName ? an(A.objectName) : void 0, sn = A.allowExport !== !1 && A.operations?.export !== !1 && (!on || on.includes("export")), cn = e.useMemo(() => {
+		let e = A.bulkActions;
+		return !e || e.length === 0 || v(G, on).delete ? e : e.filter((e) => String(e).toLowerCase() !== "delete");
 	}, [
-		j.bulkActions,
+		A.bulkActions,
 		G,
-		nn
-	]), Z = d.useMemo(() => {
-		if (j.exportOptions) return Array.isArray(j.exportOptions) ? { formats: j.exportOptions } : j.exportOptions;
-	}, [j.exportOptions]), on = d.useMemo(() => {
-		let e = Z?.formats || ["csv", "json"], t = typeof V?.exportDownload == "function" && j.objectName && Z?.streaming !== !1 ? [
+		on
+	]), Z = e.useMemo(() => {
+		if (A.exportOptions) return Array.isArray(A.exportOptions) ? { formats: A.exportOptions } : A.exportOptions;
+	}, [A.exportOptions]), ln = e.useMemo(() => {
+		let e = Z?.formats || ["csv", "json"], t = typeof B?.exportDownload == "function" && A.objectName && Z?.streaming !== !1 ? [
 			"csv",
 			"xlsx",
 			"json"
@@ -1077,61 +1058,61 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 		return e.filter((e) => t.includes(e));
 	}, [
 		Z,
-		V,
-		j.objectName
+		B,
+		A.objectName
 	]);
-	d.useEffect(() => {
+	e.useEffect(() => {
 		let e = Z?.formats;
 		if (!e) return;
-		let t = e.filter((e) => !on.includes(e));
+		let t = e.filter((e) => !ln.includes(e));
 		t.length > 0 && console.warn(`[ObjectUI] ListView export: unsupported format(s) hidden from the menu: ${t.join(", ")}`);
-	}, [Z, on]);
-	let Q = We(d.useMemo(() => j.rowHeight ? u(j.rowHeight) : "compact", [j.rowHeight]), { onChange: j.onDensityChange }), sn = d.useMemo(() => `objectui:gallery:density:${j.objectName ?? "default"}`, [j.objectName]), [cn, ln] = d.useState(() => {
-		if (typeof window > "u") return j.gallery?.cardSize ?? "medium";
+	}, [Z, ln]);
+	let un = e.useMemo(() => A.rowHeight ? y(A.rowHeight) : "compact", [A.rowHeight]), Q = ne(un, { onChange: A.onDensityChange }), dn = e.useMemo(() => `objectui:gallery:density:${A.objectName ?? "default"}`, [A.objectName]), [fn, pn] = e.useState(() => {
+		if (typeof window > "u") return A.gallery?.cardSize ?? "medium";
 		try {
-			let e = window.localStorage.getItem(sn);
+			let e = window.localStorage.getItem(dn);
 			if (e === "small" || e === "medium" || e === "large") return e;
 		} catch {}
-		return j.gallery?.cardSize ?? "medium";
-	}), un = d.useCallback(() => {
-		ln((e) => {
+		return A.gallery?.cardSize ?? "medium";
+	}), mn = e.useCallback(() => {
+		pn((e) => {
 			let t = e === "large" ? "medium" : e === "medium" ? "small" : "large";
 			try {
-				window.localStorage.setItem(sn, t);
+				window.localStorage.setItem(dn, t);
 			} catch {}
 			return t;
 		});
-	}, [sn]), { ref: dn, isRefreshing: fn, pullDistance: pn } = Je({
-		onRefresh: d.useCallback(async () => {
-			_t((e) => e + 1);
-		}, []),
-		enabled: !!V && !!j.objectName
-	}), mn = d.useMemo(() => j.id ? `listview-${j.objectName}-${j.id}-view` : `listview-${j.objectName}-view`, [j.objectName, j.id]);
-	d.useEffect(() => {
+	}, [dn]), hn = e.useCallback(async () => {
+		vt((e) => e + 1);
+	}, []), { ref: gn, isRefreshing: _n, pullDistance: vn } = $e({
+		onRefresh: hn,
+		enabled: !!B && !!A.objectName
+	}), yn = e.useMemo(() => A.id ? `listview-${A.objectName}-${A.id}-view` : `listview-${A.objectName}-view`, [A.objectName, A.id]);
+	e.useEffect(() => {
 		let e = !0;
-		return mt(!1), ct(null), (async () => {
-			if (!V || !j.objectName) {
-				mt(!0);
+		return K(!1), dt(null), (async () => {
+			if (!B || !A.objectName) {
+				K(!0);
 				return;
 			}
-			if (typeof V.getObjectSchema != "function") {
-				mt(!0);
+			if (typeof B.getObjectSchema != "function") {
+				K(!0);
 				return;
 			}
 			try {
-				let t = await V.getObjectSchema(j.objectName);
-				e && ct(t);
+				let t = await B.getObjectSchema(A.objectName);
+				e && dt(t);
 			} catch (e) {
 				console.warn("Failed to fetch object schema for ListView:", e);
 			} finally {
-				e && mt(!0);
+				e && K(!0);
 			}
 		})(), () => {
 			e = !1;
 		};
-	}, [j.objectName, V]);
-	let hn = d.useMemo(() => {
-		let e = Array.isArray(j.columns) ? j.columns.map((e) => i(e)).filter((e) => typeof e == "string" && e.length > 0) : [], t = new Set(e), r = (e) => {
+	}, [A.objectName, B]);
+	let bn = e.useMemo(() => {
+		let e = Array.isArray(A.columns) ? A.columns.map((e) => p(e)).filter((e) => typeof e == "string" && e.length > 0) : [], t = new Set(e), n = (e) => {
 			if (!e) return;
 			let n = [
 				e.groupByField,
@@ -1157,69 +1138,71 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			];
 			for (let e of n) typeof e == "string" && e && t.add(e);
 		};
-		r(j.kanban), r(j.options?.kanban), r(j.calendar), r(j.options?.calendar), r(j.gallery), r(j.options?.gallery), r(j.timeline), r(j.options?.timeline), r(j.gantt), r(j.options?.gantt);
-		let a = t.size > 0 ? Array.from(t) : void 0;
-		return n(G?.fields, a);
+		n(A.kanban), n(A.options?.kanban), n(A.calendar), n(A.options?.calendar), n(A.gallery), n(A.options?.gallery), n(A.timeline), n(A.options?.timeline), n(A.gantt), n(A.options?.gantt);
+		let r = t.size > 0 ? Array.from(t) : void 0;
+		return u(G?.fields, r);
 	}, [
 		G?.fields,
-		j.columns,
-		j.kanban,
-		j.calendar,
-		j.gallery,
-		j.timeline,
-		j.gantt,
-		j.options
-	]), gn = Ye(), _n = P === "gantt" && !!j.data && typeof j.data == "object" && !Array.isArray(j.data) && j.data.provider === "api";
-	d.useEffect(() => {
-		let e = !0, t = ++Lt.current;
-		if (j.data && typeof j.data == "object" && !Array.isArray(j.data)) {
-			let e = j.data;
+		A.columns,
+		A.kanban,
+		A.calendar,
+		A.gallery,
+		A.timeline,
+		A.gantt,
+		A.options
+	]), xn = et(), Sn = N === "gantt" && !!A.data && typeof A.data == "object" && !Array.isArray(A.data) && A.data.provider === "api";
+	e.useEffect(() => {
+		let e = !0, t = ++Bt.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 (L) {
-					let e = L.toLowerCase();
+				if (P) {
+					let e = P.toLowerCase();
 					t = t.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
 				}
-				nt(t), st(!1), xt(!1);
+				ot(t), W(!1), xt(!1);
 				return;
 			}
 		}
-		if (Array.isArray(j.data)) {
-			let e = j.data;
-			if (L) {
-				let t = L.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)));
 			}
-			nt(e), st(!1), xt(!1);
+			ot(e), W(!1), xt(!1);
 			return;
 		}
-		if (_n) {
-			st(!1), xt(!1);
+		if (Sn) {
+			W(!1), xt(!1);
 			return;
 		}
 		return ft ? ((async () => {
-			if (!V || !j.objectName) {
-				st(!1);
+			if (!B || !A.objectName) {
+				W(!1);
 				return;
 			}
-			st(!0), at(null);
+			W(!0), ct(null);
 			try {
-				let n = pt(j.filter, B, Rt), r = R.length > 0 ? R.filter((e) => e.field).map((e) => ({
+				let n = _t(A.filter, R, Vt), r = L.length > 0 ? L.filter((e) => e.field).map((e) => ({
 					field: e.field,
 					order: e.order
-				})) : void 0, a = (() => {
-					let e = Array.isArray(j.columns) ? j.columns.map((e) => i(e)).filter((e) => typeof e == "string" && e.length > 0) : [], t = gn?.isLoaded && j.objectName ? e.filter((e) => gn.checkField(j.objectName, e, "read")) : e;
+				})) : void 0, i = (() => {
+					let e = Array.isArray(A.columns) ? A.columns.map((e) => p(e)).filter((e) => typeof e == "string" && e.length > 0) : [], t = xn?.isLoaded && A.objectName ? e.filter((e) => xn.checkField(A.objectName, e, "read")) : e;
 					if (t.length === 0) return;
 					let n = /* @__PURE__ */ new Set(["id"]);
 					for (let e of t) n.add(e);
-					for (let e of hn) n.add(e);
+					for (let e of bn) n.add(e);
 					let r = (() => {
 						let e = G?.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;
-					})(), a = (e) => {
+					})(), i = (e) => {
 						typeof e != "string" || !e || (!r || r.has(e)) && n.add(e);
+					}, a = (e) => {
+						l.has(e) ? n.add(e) : i(e);
 					}, o = (e) => {
 						if (!e) return;
 						let t = [
@@ -1244,77 +1227,85 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 							...Array.isArray(e.visibleFields) ? e.visibleFields : [],
 							...Array.isArray(e.metaFields) ? e.metaFields : []
 						];
-						for (let e of t) a(e);
+						for (let e of t) i(e);
 					};
-					o(j.kanban), o(j.options?.kanban), o(j.calendar), o(j.options?.calendar), o(j.gallery), o(j.options?.gallery), o(j.timeline), o(j.options?.timeline);
+					o(A.kanban), o(A.options?.kanban), o(A.calendar), o(A.options?.calendar), o(A.gallery), o(A.options?.gallery), o(A.timeline), o(A.options?.timeline);
 					{
-						let e = j.timeline ?? j.options?.timeline;
-						e && !Array.isArray(e.metaFields) && (a("status"), a("priority"));
+						let e = A.timeline ?? A.options?.timeline;
+						e && !Array.isArray(e.metaFields) && (i("status"), i("priority"));
 					}
-					return o(j.gantt), o(j.options?.gantt), Array.from(n);
-				})(), o = n !== void 0, s = P === "grid" && !J?.fields?.length, c = s ? (wt - 1) * K : 0, l = await V.find(j.objectName, {
-					...o ? { $filter: n } : {},
+					o(A.gantt), o(A.options?.gantt);
+					for (let e of f(ee({
+						conditionalFormatting: A.conditionalFormatting,
+						rowActionDefs: A.rowActionDefs,
+						bulkActionDefs: A.bulkActionDefs,
+						objectActions: G?.actions,
+						userActions: A.userActions ?? G?.userActions
+					}))) a(e);
+					return Array.from(n);
+				})(), a = n !== void 0, o = N === "grid" && !J?.fields?.length, s = o ? (Et - 1) * q : 0, c = await B.find(A.objectName, {
+					...a ? { $filter: n } : {},
 					$orderby: r,
-					$top: K,
-					...c > 0 ? { $skip: c } : {},
-					...a ? { $select: a } : {},
-					...hn.length > 0 ? { $expand: hn } : {},
-					...L ? {
-						$search: L,
-						...j.searchableFields && j.searchableFields.length > 0 ? { $searchFields: j.searchableFields } : {}
+					$top: q,
+					...s > 0 ? { $skip: s } : {},
+					...i ? { $select: i } : {},
+					...bn.length > 0 ? { $expand: bn } : {},
+					...P ? {
+						$search: P,
+						...A.searchableFields && A.searchableFields.length > 0 ? { $searchFields: A.searchableFields } : {}
 					} : {}
 				});
-				if (!e || t !== Lt.current) return;
+				if (!e || t !== Bt.current) return;
 				let u = [];
-				Array.isArray(l) ? u = l : l && typeof l == "object" && (Array.isArray(l.data) ? u = l.data : Array.isArray(l.records) ? u = l.records : Array.isArray(l.value) && (u = l.value)), nt(u);
-				let d = l && typeof l == "object" ? l.total ?? l.count : void 0, f = typeof d == "number" ? d : null;
-				Dt(s ? f : null), xt(!(s && f != null) && u.length >= K);
+				Array.isArray(c) ? u = c : c && typeof c == "object" && (Array.isArray(c.data) ? u = c.data : Array.isArray(c.records) ? u = c.records : Array.isArray(c.value) && (u = c.value)), ot(u);
+				let d = c && typeof c == "object" ? c.total ?? c.count : void 0, m = typeof d == "number" ? d : null;
+				kt(o ? m : null), xt(!(o && m != null) && u.length >= q);
 			} catch (e) {
-				t === Lt.current && (console.error("ListView data fetch error:", e), nt([]), at(e?.message ? String(e.message) : String(e ?? "Unknown error")), ot(gt(e)));
+				t === Bt.current && (console.error("ListView data fetch error:", e), ot([]), ct(e?.message ? String(e.message) : String(e ?? "Unknown error")), ut(bt(e)));
 			} finally {
-				e && t === Lt.current && st(!1);
+				e && t === Bt.current && W(!1);
 			}
 		})(), () => {
 			e = !1;
 		}) : void 0;
 	}, [
-		j.objectName,
-		j.data,
-		V,
-		j.filter,
-		K,
-		R,
+		A.objectName,
+		A.data,
 		B,
-		Rt,
-		ht,
+		A.filter,
+		q,
 		L,
-		j.searchableFields,
-		hn,
-		ft,
-		j.refreshTrigger,
-		gn,
-		wt,
+		R,
+		Vt,
+		gt,
 		P,
+		A.searchableFields,
+		bn,
+		ft,
+		A.refreshTrigger,
+		xn,
+		Et,
+		N,
 		J,
-		_n
+		Sn
 	]);
-	let vn = JSON.stringify([
-		j.objectName,
-		j.filter,
-		K,
-		R,
-		B,
-		Rt,
+	let Cn = JSON.stringify([
+		A.objectName,
+		A.filter,
+		q,
 		L,
+		R,
+		Vt,
 		P,
+		N,
 		J
-	]), yn = d.useRef(vn);
-	d.useEffect(() => {
-		yn.current !== vn && (yn.current = vn, Tt(1));
-	}, [vn]);
-	let bn = d.useMemo(() => {
+	]), wn = e.useRef(Cn);
+	e.useEffect(() => {
+		wn.current !== Cn && (wn.current = Cn, Dt(1));
+	}, [Cn]);
+	let Tn = e.useMemo(() => {
 		let e = ["grid"];
-		(j.kanban?.groupByField || j.kanban?.groupField || j.options?.kanban?.groupField) && e.push("kanban"), (j.gallery?.coverField || j.gallery?.imageField || j.options?.gallery?.imageField) && e.push("gallery"), (j.calendar?.startDateField || j.options?.calendar?.startDateField) && e.push("calendar"), (j.timeline?.startDateField || j.options?.timeline?.startDateField || j.options?.timeline?.dateField || j.options?.calendar?.startDateField) && e.push("timeline"), (j.gantt?.startDateField || j.options?.gantt?.startDateField) && e.push("gantt"), (j.options?.map?.locationField || j.options?.map?.latitudeField && j.options?.map?.longitudeField) && e.push("map"), (j.tree?.parentField || j.options?.tree?.parentField || j.viewType === "tree") && e.push("tree"), j.viewType && !e.includes(j.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.timeline?.dateField || 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",
@@ -1324,103 +1315,103 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			"gallery",
 			"chart",
 			"tree"
-		].includes(j.viewType) && e.push(j.viewType);
-		let t = j.appearance?.allowedVisualizations;
+		].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;
 	}, [
-		j.options,
-		j.viewType,
-		j.kanban,
-		j.calendar,
-		j.gantt,
-		j.gallery,
-		j.timeline,
-		j.tree,
-		j.appearance?.allowedVisualizations
+		A.options,
+		A.viewType,
+		A.kanban,
+		A.calendar,
+		A.gantt,
+		A.gallery,
+		A.timeline,
+		A.tree,
+		A.appearance?.allowedVisualizations
 	]);
-	d.useEffect(() => {
-		j.viewType && Ae(j.viewType);
-	}, [j.viewType]);
-	let xn = d.useCallback((e) => {
-		Ae(e);
+	e.useEffect(() => {
+		A.viewType && Ee(A.viewType);
+	}, [A.viewType]);
+	let En = e.useCallback((e) => {
+		Ee(e);
 		try {
-			localStorage.setItem(mn, e);
+			localStorage.setItem(yn, e);
 		} catch (e) {
 			console.warn("Failed to save view preference to localStorage:", e);
 		}
-		o?.(e);
-	}, [mn, o]), Sn = d.useCallback((e) => {
-		Re(e), p?.(e);
-	}, [p]), Cn = Ge({
-		navigation: j.navigation,
-		objectName: j.objectName,
-		onNavigate: j.onNavigate,
-		onRowClick: ee
-	}), $ = d.useMemo(() => {
-		let e = Array.isArray(j.columns) ? j.columns : [];
-		if (gn?.isLoaded && j.objectName && (e = e.filter((e) => {
-			let t = i(e);
-			return !t || gn.checkField(j.objectName, t, "read");
+		r?.(e);
+	}, [yn, r]), Dn = e.useCallback((e) => {
+		Oe(e), o?.(e);
+	}, [o]), On = re({
+		navigation: A.navigation,
+		objectName: A.objectName,
+		onNavigate: A.onNavigate,
+		onRowClick: _
+	}), kn = A.label ? w("detail.recordDetailWithLabel", { label: A.label }) : A.objectName ? w("detail.recordDetailWithLabel", { label: A.objectName.charAt(0).toUpperCase() + A.objectName.slice(1) }) : w("detail.recordDetail"), $ = e.useMemo(() => {
+		let e = Array.isArray(A.columns) ? A.columns : [];
+		if (xn?.isLoaded && A.objectName && (e = e.filter((e) => {
+			let t = p(e);
+			return !t || xn.checkField(A.objectName, t, "read");
 		})), X.size > 0 && (e = e.filter((e) => {
-			let t = i(e);
+			let t = p(e);
 			return t != null && !X.has(t);
-		})), j.fieldOrder && j.fieldOrder.length > 0) {
-			let t = new Map(j.fieldOrder.map((e, t) => [e, t]));
-			e = [...e].sort((e, n) => (t.get(i(e)) ?? Infinity) - (t.get(i(n)) ?? Infinity));
+		})), A.fieldOrder && A.fieldOrder.length > 0) {
+			let t = new Map(A.fieldOrder.map((e, t) => [e, t]));
+			e = [...e].sort((e, n) => (t.get(p(e)) ?? Infinity) - (t.get(p(n)) ?? Infinity));
 		}
 		return e;
 	}, [
-		j.columns,
-		j.objectName,
+		A.columns,
+		A.objectName,
 		X,
-		j.fieldOrder,
-		gn
-	]), wn = d.useMemo(() => {
+		A.fieldOrder,
+		xn
+	]), An = e.useMemo(() => {
 		let e = Q.mode === "compact" ? "compact" : Q.mode === "spacious" ? "tall" : "medium", t = {
-			objectName: j.objectName,
+			objectName: A.objectName,
 			fields: $,
-			filter: j.filter,
-			sort: R,
+			filter: A.filter,
+			sort: L,
 			className: "h-full w-full",
 			showSearch: !1,
-			onRowClick: Cn.handleClick,
+			onRowClick: On.handleClick,
 			rowHeight: e,
 			hideRowHeightToggle: !0,
-			...j.striped == null ? {} : { striped: j.striped },
-			...j.bordered == null ? {} : { bordered: j.bordered },
-			...g ? { onColumnStateChange: g } : {},
-			...j.columnState ? { columnState: j.columnState } : {}
+			...A.striped == null ? {} : { striped: A.striped },
+			...A.bordered == null ? {} : { bordered: A.bordered },
+			...h ? { onColumnStateChange: h } : {},
+			...A.columnState ? { columnState: A.columnState } : {}
 		};
-		switch (P) {
+		switch (N) {
 			default:
 			case "grid": return {
 				type: "object-grid",
 				...t,
 				columns: $,
-				...j.conditionalFormatting ? { conditionalFormatting: j.conditionalFormatting } : {},
-				editable: Kt,
-				...j.wrapHeaders == null ? {} : { wrapHeaders: j.wrapHeaders },
-				...j.virtualScroll == null ? {} : { virtualScroll: j.virtualScroll },
-				...j.resizable == null ? {} : { resizable: j.resizable },
-				...j.selection ? { selection: j.selection } : {},
-				...j.pagination ? { pagination: j.pagination } : {},
+				...A.conditionalFormatting ? { conditionalFormatting: A.conditionalFormatting } : {},
+				editable: Yt,
+				...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 } : {},
-				...j.rowActions ? { rowActions: j.rowActions } : {},
-				...j.rowActionDefs ? { rowActionDefs: j.rowActionDefs } : {},
-				...j.bulkActions ? { batchActions: j.bulkActions } : {},
-				...j.bulkActionDefs ? { bulkActionDefs: j.bulkActionDefs } : {},
-				...j.options?.grid || {}
+				...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": {
 				let { columns: e, groupByField: n, groupField: r, cardFields: i, titleField: a, ...o } = {
-					...j.options?.kanban || {},
-					...j.kanban || {}
-				}, s = n || r || qe(G) || void 0;
+					...A.options?.kanban || {},
+					...A.kanban || {}
+				}, s = n || r || Qe(G) || void 0;
 				return {
 					type: "object-kanban",
 					...t,
@@ -1435,65 +1426,65 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			case "calendar": return {
 				type: "object-calendar",
 				...t,
-				startDateField: j.calendar?.startDateField || j.options?.calendar?.startDateField || "start_date",
-				endDateField: j.calendar?.endDateField || j.options?.calendar?.endDateField || "end_date",
-				...j.calendar?.titleField || j.options?.calendar?.titleField ? { titleField: j.calendar?.titleField || j.options?.calendar?.titleField } : {},
-				...j.calendar?.defaultView ? { defaultView: j.calendar.defaultView } : {},
-				...j.options?.calendar || {},
-				...j.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 = {
-					...j.options?.gallery || {},
-					...j.gallery || {},
-					cardSize: cn
+					...A.options?.gallery || {},
+					...A.gallery || {},
+					cardSize: fn
 				};
 				return {
 					type: "object-gallery",
 					...t,
 					gallery: Object.keys(e).length > 0 ? e : void 0,
-					imageField: j.gallery?.coverField || j.gallery?.imageField || j.options?.gallery?.imageField,
-					titleField: j.gallery?.titleField || j.options?.gallery?.titleField || "name",
+					imageField: A.gallery?.coverField || A.gallery?.imageField || A.options?.gallery?.imageField,
+					titleField: A.gallery?.titleField || A.options?.gallery?.titleField || "name",
 					...J ? { grouping: J } : {}
 				};
 			}
 			case "timeline": {
 				let e = {
-					...j.options?.timeline || {},
-					...j.timeline || {}
+					...A.options?.timeline || {},
+					...A.timeline || {}
 				};
 				return {
 					type: "object-timeline",
 					...t,
 					timeline: Object.keys(e).length > 0 ? e : void 0,
-					startDateField: j.timeline?.startDateField || j.options?.timeline?.startDateField || j.options?.timeline?.dateField || "created_at",
-					titleField: j.timeline?.titleField || j.options?.timeline?.titleField || "name",
-					...j.timeline?.endDateField ? { endDateField: j.timeline.endDateField } : {},
-					...j.timeline?.groupByField ? { groupByField: j.timeline.groupByField } : {},
-					...j.timeline?.colorField ? { colorField: j.timeline.colorField } : {},
-					...j.timeline?.scale ? { scale: j.timeline.scale } : {}
+					startDateField: A.timeline?.startDateField || A.timeline?.dateField || 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,
-				...j.data ? { data: j.data } : {},
-				startDateField: j.gantt?.startDateField || j.options?.gantt?.startDateField || "start_date",
-				endDateField: j.gantt?.endDateField || j.options?.gantt?.endDateField || "end_date",
-				progressField: j.gantt?.progressField || j.options?.gantt?.progressField || "progress",
-				dependenciesField: j.gantt?.dependenciesField || j.options?.gantt?.dependenciesField || "dependencies",
-				...j.gantt?.titleField ? { titleField: j.gantt.titleField } : {},
-				...j.options?.gantt || {},
-				...j.gantt || {}
+				...A.data ? { data: A.data } : {},
+				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: j.options?.map?.locationField || "location",
-				...j.options?.map || {}
+				locationField: A.options?.map?.locationField || "location",
+				...A.options?.map || {}
 			};
 			case "tree": {
-				let e = j.tree || j.options?.tree || {};
+				let e = A.tree || A.options?.tree || {};
 				return {
 					type: "object-tree",
 					...t,
@@ -1505,7 +1496,7 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 				};
 			}
 			case "chart": {
-				let e = j.chart || j.options?.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 {
@@ -1525,9 +1516,9 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 				let t = Array.isArray(e.yAxisFields) && e.yAxisFields[0] || e.valueField || "value", n = e.xAxisField || e.categoryField || "name";
 				return {
 					type: "object-chart",
-					objectName: j.objectName,
+					objectName: A.objectName,
 					chartType: e.chartType || "bar",
-					filter: j.filter,
+					filter: A.filter,
 					aggregate: {
 						field: t,
 						function: e.aggregation || "count",
@@ -1543,18 +1534,18 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			}
 		}
 	}, [
-		P,
-		j,
-		R,
+		N,
+		A,
+		L,
 		$,
 		J,
 		Y,
-		Cn.handleClick,
+		On.handleClick,
 		Q.mode,
-		cn,
-		Kt,
+		fn,
+		Yt,
 		G
-	]), Tn = B.conditions && B.conditions.length > 0, En = d.useMemo(() => {
+	]), jn = R.conditions && R.conditions.length > 0, Mn = e.useMemo(() => {
 		let e, t = (e, t) => {
 			if (!t) return;
 			let n = Array.isArray(t) ? t.map((e) => ({
@@ -1566,227 +1557,227 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 				label: t?.label || e,
 				...t
 			}));
-			return j.objectName ? ge(j.objectName, e, n) : n;
+			return A.objectName ? be(A.objectName, e, n) : n;
 		};
 		if (e = G?.fields ? Object.entries(G.fields).map(([e, n]) => ({
 			value: e,
-			label: M(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
-		})) : (Array.isArray(j.columns) ? j.columns : []).flatMap((e) => {
+		})) : (Array.isArray(A.columns) ? A.columns : []).flatMap((e) => {
 			if (typeof e == "string") return [{
 				value: e,
 				label: e,
 				type: "text"
 			}];
-			let n = i(e);
+			let n = p(e);
 			return n ? [{
 				value: n,
-				label: M(n, e.label || n),
+				label: j(n, e.label || n),
 				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
 			}] : [];
-		}), j.filterableFields && j.filterableFields.length > 0) {
-			let t = new Set(j.filterableFields);
+		}), A.filterableFields && A.filterableFields.length > 0) {
+			let t = new Set(A.filterableFields);
 			e = e.filter((e) => t.has(e.value));
 		}
 		return e;
 	}, [
 		G,
-		j.columns,
-		j.filterableFields,
-		j.objectName,
-		M,
-		ge
-	]), { sortFields: Dn, sortHasRelationalField: On } = d.useMemo(() => {
-		let e = new Set(R.map((e) => e.field).filter(Boolean)), n = !1, r = [];
-		for (let i of En) {
-			if (!t.has(i.type)) {
-				r.push({
-					value: i.value,
-					label: i.label
+		A.columns,
+		A.filterableFields,
+		A.objectName,
+		j,
+		be
+	]), { sortFields: Nn, sortHasRelationalField: Pn } = e.useMemo(() => {
+		let e = new Set(L.map((e) => e.field).filter(Boolean)), t = !1, n = [];
+		for (let r of Mn) {
+			if (!c.has(r.type)) {
+				n.push({
+					value: r.value,
+					label: r.label
 				});
 				continue;
 			}
-			if (e.has(i.value)) {
-				r.push({
-					value: i.value,
-					label: `${i.label} ${k("list.sortByIdSuffix")}`
+			if (e.has(r.value)) {
+				n.push({
+					value: r.value,
+					label: `${r.label} ${w("list.sortByIdSuffix")}`
 				});
 				continue;
 			}
-			n = !0;
+			t = !0;
 		}
 		return {
-			sortFields: r,
-			sortHasRelationalField: n
+			sortFields: n,
+			sortHasRelationalField: t
 		};
 	}, [
-		En,
-		R,
-		k
-	]), kn = d.useCallback((e) => {
+		Mn,
+		L,
+		w
+	]), Fn = e.useCallback((e) => {
 		let t = e.map((e) => ({
 			id: crypto.randomUUID(),
 			field: e.field,
 			order: e.order
 		}));
-		Xe(t), Tt(1), f?.(t);
-	}, [f]), An = d.useCallback((e) => {
-		if (!rn) return;
-		let t = Z, n = t?.maxRecords || 0, a = t?.includeHeaders !== !1, o = G?.label && G?.name && typeof pe == "function" ? pe(G) : G?.label, s = (e) => r(e, {
+		Xe(t), Dt(1), a?.(t);
+	}, [a]), In = e.useCallback((e) => {
+		if (!sn) return;
+		let t = Z, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = G?.label && G?.name && typeof ye == "function" ? ye(G) : G?.label, a = (e) => d(e, {
 			prefix: t?.fileNamePrefix,
-			label: o,
-			objectName: j.objectName,
-			viewLabel: j.label || j.title
+			label: i,
+			objectName: A.objectName,
+			viewLabel: A.label || A.title
 		});
-		if ((e === "csv" || e === "xlsx" || e === "json") && typeof V?.exportDownload == "function" && j.objectName && t?.streaming !== !1) {
-			let t = $.map((e) => i(e)).filter(Boolean), r = pt(j.filter, B, Rt), o = R.length > 0 ? R.filter((e) => e.field).map((e) => ({
+		if ((e === "csv" || e === "xlsx" || e === "json") && typeof B?.exportDownload == "function" && A.objectName && t?.streaming !== !1) {
+			let t = $.map((e) => p(e)).filter(Boolean), i = _t(A.filter, R, Vt), o = L.length > 0 ? L.filter((e) => e.field).map((e) => ({
 				field: e.field,
 				direction: e.order
 			})) : void 0;
-			en(null), Qt(!0), (async () => {
+			rn(null), tn(!0), (async () => {
 				try {
-					let i = await V.exportDownload(j.objectName, {
+					let s = await B.exportDownload(A.objectName, {
 						format: e,
 						fields: t.length ? t : void 0,
-						filter: r,
-						...L ? {
-							search: L,
-							...j.searchableFields && j.searchableFields.length > 0 ? { searchFields: j.searchableFields } : {}
+						filter: i,
+						...P ? {
+							search: P,
+							...A.searchableFields && A.searchableFields.length > 0 ? { searchFields: A.searchableFields } : {}
 						} : {},
 						sort: o,
-						includeHeaders: a,
+						includeHeaders: r,
 						limit: n > 0 ? n : void 0
-					}), c = URL.createObjectURL(i), l = document.createElement("a");
-					l.href = c, l.download = s(e), l.rel = "noopener", document.body.appendChild(l), l.click(), l.remove(), URL.revokeObjectURL(c), Xt(!1);
+					}), c = URL.createObjectURL(s), l = document.createElement("a");
+					l.href = c, l.download = a(e), l.rel = "noopener", document.body.appendChild(l), l.click(), l.remove(), URL.revokeObjectURL(c), $t(!1);
 				} catch (e) {
-					console.error("ListView export failed:", e), en(e instanceof Error ? e.message : String(e));
+					console.error("ListView export failed:", e), rn(e instanceof Error ? e.message : String(e));
 				} finally {
-					Qt(!1);
+					tn(!1);
 				}
 			})();
 			return;
 		}
-		let c = n > 0 ? H.slice(0, n) : H;
+		let o = n > 0 ? V.slice(0, n) : V;
 		if (e === "csv") {
-			let e = $.map((e) => i(e)).filter(Boolean), t = [];
-			a && t.push(e.join(",")), c.forEach((n) => {
+			let e = $.map((e) => p(e)).filter(Boolean), t = [];
+			r && t.push(e.join(",")), o.forEach((n) => {
 				t.push(e.map((e) => {
 					let t = n[e], r;
 					return r = t == null ? "" : Array.isArray(t) ? t.map((e) => typeof e == "object" && e ? JSON.stringify(e) : String(e ?? "")).join("; ") : typeof t == "object" ? JSON.stringify(t) : String(t), r.includes(",") || r.includes("\"") || r.includes("\n") || r.includes("\r") ? `"${r.replace(/"/g, "\"\"")}"` : r;
 				}).join(","));
 			});
-			let n = new Blob([t.join("\n")], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(n), o = document.createElement("a");
-			o.href = r, o.download = s("csv"), o.click(), URL.revokeObjectURL(r);
+			let n = new Blob([t.join("\n")], { type: "text/csv;charset=utf-8;" }), i = URL.createObjectURL(n), s = document.createElement("a");
+			s.href = i, s.download = a("csv"), s.click(), URL.revokeObjectURL(i);
 		} else if (e === "json") {
-			let e = new Blob([JSON.stringify(c, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
-			n.href = t, n.download = s("json"), n.click(), URL.revokeObjectURL(t);
+			let e = new Blob([JSON.stringify(o, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
+			n.href = t, n.download = a("json"), n.click(), URL.revokeObjectURL(t);
 		}
-		Xt(!1);
+		$t(!1);
 	}, [
-		H,
+		V,
 		$,
 		Z,
-		j.objectName,
-		j.filter,
-		j.searchableFields,
-		rn,
-		V,
+		A.objectName,
+		A.filter,
+		A.searchableFields,
+		sn,
 		B,
-		Rt,
 		R,
+		Vt,
 		L,
+		P,
 		G,
-		pe
-	]), jn = d.useMemo(() => (Array.isArray(j.columns) ? j.columns : []).flatMap((e) => {
+		ye
+	]), Ln = e.useMemo(() => (Array.isArray(A.columns) ? A.columns : []).flatMap((e) => {
 		if (typeof e == "string") return [{
 			name: e,
-			label: M(e, e)
+			label: j(e, e)
 		}];
-		let t = i(e);
+		let t = p(e);
 		return t ? [{
 			name: t,
-			label: M(t, e.label || t)
+			label: j(t, e.label || t)
 		}] : [];
-	}), [j.columns, M]);
+	}), [A.columns, j]);
 	return /* @__PURE__ */ I("div", {
-		ref: dn,
-		className: O("flex flex-col h-full bg-background relative min-w-0 overflow-hidden", a),
-		...j.aria?.ariaLabel ? { "aria-label": j.aria.ariaLabel } : {},
-		...j.aria?.ariaDescribedBy ? { "aria-describedby": j.aria.ariaDescribedBy } : {},
-		...j.aria?.live ? { "aria-live": j.aria.live } : {},
-		role: j.aria?.role ?? "region",
-		"aria-busy": W || void 0,
-		"data-state": W ? "loading" : "idle",
+		ref: gn,
+		className: k("flex flex-col h-full bg-background relative min-w-0 overflow-hidden", n),
+		...A.aria?.ariaLabel ? { "aria-label": A.aria.ariaLabel } : {},
+		...A.aria?.ariaDescribedBy ? { "aria-describedby": A.aria.ariaDescribedBy } : {},
+		...A.aria?.live ? { "aria-live": A.aria.live } : {},
+		role: A.aria?.role ?? "region",
+		"aria-busy": U || void 0,
+		"data-state": U ? "loading" : "idle",
 		children: [
-			pn > 0 && /* @__PURE__ */ F("div", {
+			vn > 0 && /* @__PURE__ */ F("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
-				style: { height: pn },
-				children: k(fn ? "list.refreshing" : "list.pullToRefresh")
+				style: { height: vn },
+				children: w(_n ? "list.refreshing" : "list.pullToRefresh")
 			}),
-			j.description && j.appearance?.showDescription !== !1 && /* @__PURE__ */ F("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 j.description == "string" ? j.description : ""
+				children: typeof A.description == "string" ? A.description : ""
 			}),
 			/* @__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__ */ F("div", {
 					className: "flex items-center gap-2 overflow-x-auto min-w-0",
-					children: Bt && /* @__PURE__ */ F("div", {
+					children: Ut && /* @__PURE__ */ F("div", {
 						className: "shrink-0 min-w-0 overflow-x-auto",
 						"data-testid": "user-filters",
-						children: /* @__PURE__ */ F(it, {
-							config: Bt,
+						children: /* @__PURE__ */ F(lt, {
+							config: Ut,
 							objectDef: G,
-							data: H,
-							onFilterChange: zt,
+							data: V,
+							onFilterChange: Ht,
 							maxVisible: 3,
-							initialSelections: b,
-							onSelectionsChange: x
+							initialSelections: te,
+							onSelectionsChange: ie
 						})
 					})
 				}), /* @__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: [
-						ue && /* @__PURE__ */ I(Le, { children: [/* @__PURE__ */ F(Qe, {
-							currentView: P,
-							availableViews: bn,
-							onViewChange: xn
+						le && /* @__PURE__ */ I(qe, { children: [/* @__PURE__ */ F(it, {
+							currentView: N,
+							availableViews: Tn,
+							onViewChange: En
 						}), /* @__PURE__ */ F("div", { className: "h-4 w-px bg-border/60 mx-0.5" })] }),
-						P === "grid" && h && !N.compactToolbar && /* @__PURE__ */ I(_, {
+						N === "grid" && m && !M.compactToolbar && /* @__PURE__ */ I(S, {
 							variant: "ghost",
 							size: "sm",
-							onClick: () => Jt(!Kt),
-							className: O("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Kt && "text-primary"),
-							title: k("list.inlineEditLabel", { defaultValue: "Edit records inline (click a cell to edit)" }),
+							onClick: () => Zt(!Yt),
+							className: k("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Yt && "text-primary"),
+							title: w("list.inlineEditLabel", { defaultValue: "Edit records inline (click a cell to edit)" }),
 							"data-testid": "toolbar-inline-edit-toggle",
-							children: [/* @__PURE__ */ F(Se, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ F(Me, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: k("list.inlineEditShort", { defaultValue: "Edit inline" })
+								children: w("list.inlineEditShort", { defaultValue: "Edit inline" })
 							})]
 						}),
-						N.showHideFields && !N.compactToolbar && /* @__PURE__ */ I(w, {
-							open: Wt,
-							onOpenChange: Gt,
-							children: [/* @__PURE__ */ F(E, {
+						M.showHideFields && !M.compactToolbar && /* @__PURE__ */ I(E, {
+							open: qt,
+							onOpenChange: Jt,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
-									className: O("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"),
+									className: k("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__ */ F(he, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F(we, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: k("list.hideFields")
+											children: w("list.hideFields")
 										}),
 										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",
@@ -1794,7 +1785,7 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "start",
 								className: "w-64 p-3",
 								children: /* @__PURE__ */ I("div", {
@@ -1803,24 +1794,24 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 										className: "flex items-center justify-between border-b pb-2",
 										children: [/* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: k("list.hideFieldsTitle")
-										}), X.size > 0 && /* @__PURE__ */ F(_, {
+											children: w("list.hideFieldsTitle")
+										}), X.size > 0 && /* @__PURE__ */ F(S, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => Ut(/* @__PURE__ */ new Set()),
-											children: k("list.showAll")
+											onClick: () => Kt(/* @__PURE__ */ new Set()),
+											children: w("list.showAll")
 										})]
 									}), /* @__PURE__ */ F("div", {
 										className: "max-h-60 overflow-y-auto space-y-1",
-										children: jn.map((e) => /* @__PURE__ */ I("label", {
+										children: Ln.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__ */ F("input", {
 												type: "checkbox",
 												checked: !X.has(e.name),
 												onChange: () => {
 													let t = new Set(X);
-													t.has(e.name) ? t.delete(e.name) : t.add(e.name), Ut(t);
+													t.has(e.name) ? t.delete(e.name) : t.add(e.name), Kt(t);
 												},
 												className: "rounded border-input"
 											}), /* @__PURE__ */ F("span", {
@@ -1832,29 +1823,29 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 								})
 							})]
 						}),
-						N.showHideFields && !N.compactToolbar && (N.showFilters || N.showSort || N.showGroup) && /* @__PURE__ */ F("div", { className: "hidden sm:block h-5 w-px bg-border/50 mx-1 shrink-0" }),
-						N.showFilters && /* @__PURE__ */ I(w, {
-							open: z,
-							onOpenChange: $e,
-							children: [/* @__PURE__ */ F(E, {
+						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(E, {
+							open: nt,
+							onOpenChange: rt,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
-									className: O("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Tn && "text-foreground font-medium"),
+									className: k("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", jn && "text-foreground font-medium"),
 									children: [
-										/* @__PURE__ */ F(Ne, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F(Ue, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: k("list.filter")
+											children: w("list.filter")
 										}),
-										Tn && /* @__PURE__ */ F("span", {
+										jn && /* @__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: B.conditions?.length || 0
+											children: R.conditions?.length || 0
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
 								children: /* @__PURE__ */ I("div", {
@@ -1863,32 +1854,32 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 										className: "flex items-center justify-between border-b pb-2",
 										children: /* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: k("list.filterRecords")
+											children: w("list.filterRecords")
 										})
-									}), /* @__PURE__ */ F(ne, {
-										fields: En,
-										value: B,
+									}), /* @__PURE__ */ F(ue, {
+										fields: Mn,
+										value: R,
 										onChange: (e) => {
-											tt(e), c && c(e);
+											z(e), i && i(e);
 										}
 									})]
 								})
 							})]
 						}),
-						N.showGroup && !N.compactToolbar && /* @__PURE__ */ I(w, {
-							open: kt,
-							onOpenChange: At,
-							children: [/* @__PURE__ */ F(E, {
+						M.showGroup && !M.compactToolbar && /* @__PURE__ */ I(E, {
+							open: Mt,
+							onOpenChange: Nt,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
-									className: O("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"),
+									className: k("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__ */ F(_e, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F(Te, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: k("list.group")
+											children: w("list.group")
 										}),
 										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",
@@ -1896,7 +1887,7 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "start",
 								className: "w-72 p-3",
 								children: /* @__PURE__ */ I("div", {
@@ -1905,57 +1896,57 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 										className: "flex items-center justify-between border-b pb-2",
 										children: [/* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: k("list.groupBy")
-										}), J && /* @__PURE__ */ F(_, {
+											children: w("list.groupBy")
+										}), J && /* @__PURE__ */ F(S, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => Ot(void 0),
+											onClick: () => jt(void 0),
 											"data-testid": "clear-grouping",
-											children: k("list.clear")
+											children: w("list.clear")
 										})]
 									}), /* @__PURE__ */ F("div", {
 										"data-testid": "group-field-list",
-										children: /* @__PURE__ */ F(re, {
+										children: /* @__PURE__ */ F(T, {
 											value: J,
-											fieldOptions: jn.map((e) => ({
+											fieldOptions: Ln.map((e) => ({
 												value: e.name,
 												label: e.label || e.name
 											})),
 											maxLevels: 3,
 											labels: {
-												addGroup: k("list.addGroup", { defaultValue: "Add group field" }),
-												collapseTitle: k("list.collapsedByDefault", { defaultValue: "Collapsed by default" }),
-												removeTitle: k("list.removeGroup", { defaultValue: "Remove" })
+												addGroup: w("list.addGroup", { defaultValue: "Add group field" }),
+												collapseTitle: w("list.collapsedByDefault", { defaultValue: "Collapsed by default" }),
+												removeTitle: w("list.removeGroup", { defaultValue: "Remove" })
 											},
-											onChange: (e) => Ot(e)
+											onChange: (e) => jt(e)
 										})
 									})]
 								})
 							})]
 						}),
-						N.showSort && /* @__PURE__ */ I(w, {
-							open: Ue,
-							onOpenChange: Ke,
-							children: [/* @__PURE__ */ F(E, {
+						M.showSort && /* @__PURE__ */ I(E, {
+							open: Je,
+							onOpenChange: Ye,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
-									className: O("hidden sm:inline-flex h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", R.length > 0 && "text-foreground font-medium"),
+									className: k("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__ */ F(le, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ F(ve, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ F("span", {
 											className: "hidden sm:inline",
-											children: k("list.sort")
+											children: w("list.sort")
 										}),
-										R.length > 0 && /* @__PURE__ */ F("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: R.length
+											children: L.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
 								children: /* @__PURE__ */ I("div", {
@@ -1965,41 +1956,41 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 											className: "flex items-center justify-between border-b pb-2",
 											children: /* @__PURE__ */ F("h4", {
 												className: "font-medium text-sm",
-												children: k("list.sortRecords")
+												children: w("list.sortRecords")
 											})
 										}),
-										/* @__PURE__ */ F(oe, {
-											fields: Dn,
-											value: R,
+										/* @__PURE__ */ F(he, {
+											fields: Nn,
+											value: L,
 											onChange: (e) => {
-												Xe(e), f && f(e);
+												Xe(e), a && a(e);
 											}
 										}),
-										On && /* @__PURE__ */ F("p", {
+										Pn && /* @__PURE__ */ F("p", {
 											className: "text-xs text-muted-foreground",
 											"data-testid": "sort-relational-hint",
-											children: k("list.sortRelationalHint")
+											children: w("list.sortRelationalHint")
 										})
 									]
 								})
 							})]
 						}),
-						!N.compactToolbar && (N.showFilters || N.showSort || N.showGroup) && (N.showColor || N.showDensity) && /* @__PURE__ */ F("div", { className: "hidden sm:block h-5 w-px bg-border/50 mx-1 shrink-0" }),
-						N.showColor && !N.compactToolbar && /* @__PURE__ */ I(w, {
-							open: Nt,
-							onOpenChange: Pt,
-							children: [/* @__PURE__ */ F(E, {
+						!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(E, {
+							open: It,
+							onOpenChange: Lt,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
-									className: O("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(xe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+									className: k("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(je, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 										className: "hidden sm:inline",
-										children: k("list.color")
+										children: w("list.color")
 									})]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "start",
 								className: "w-64 p-3",
 								children: /* @__PURE__ */ I("div", {
@@ -2008,27 +1999,27 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 										className: "flex items-center justify-between border-b pb-2",
 										children: [/* @__PURE__ */ F("h4", {
 											className: "font-medium text-sm",
-											children: k("list.rowColor")
-										}), Y && /* @__PURE__ */ F(_, {
+											children: w("list.rowColor")
+										}), Y && /* @__PURE__ */ F(S, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => Mt(void 0),
+											onClick: () => Ft(void 0),
 											"data-testid": "clear-row-color",
-											children: k("list.clear")
+											children: w("list.clear")
 										})]
 									}), /* @__PURE__ */ I("div", {
 										className: "space-y-2",
 										"data-testid": "color-field-list",
 										children: [/* @__PURE__ */ F("label", {
 											className: "text-xs text-muted-foreground",
-											children: k("list.colorByField")
+											children: w("list.colorByField")
 										}), /* @__PURE__ */ I("select", {
 											className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
 											value: Y?.field || "",
 											onChange: (e) => {
 												let t = e.target.value;
-												Mt(t ? {
+												Ft(t ? {
 													field: t,
 													colors: Y?.colors || {}
 												} : void 0);
@@ -2036,8 +2027,8 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 											"data-testid": "color-field-select",
 											children: [/* @__PURE__ */ F("option", {
 												value: "",
-												children: k("list.none")
-											}), jn.map((e) => /* @__PURE__ */ F("option", {
+												children: w("list.none")
+											}), Ln.map((e) => /* @__PURE__ */ F("option", {
 												value: e.name,
 												children: e.label
 											}, e.name))]
@@ -2046,179 +2037,179 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 								})
 							})]
 						}),
-						N.showDensity && !N.compactToolbar && P !== "gallery" && (() => {
-							let e = Q.mode === "compact" ? Oe : Q.mode === "comfortable" ? De : Ee, t = Q.mode === "compact" ? k("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Q.mode === "comfortable" ? k("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : k("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${k("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = k("grid.toolbar.densityCycleHint", {
+						M.showDensity && !M.compactToolbar && N !== "gallery" && (() => {
+							let e = Q.mode === "compact" ? Re : Q.mode === "comfortable" ? Le : Ie, t = Q.mode === "compact" ? w("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : Q.mode === "comfortable" ? w("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : w("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${w("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = w("grid.toolbar.densityCycleHint", {
 								defaultValue: "{{label}} (click to cycle)",
 								label: n
 							});
-							return /* @__PURE__ */ F(_, {
+							return /* @__PURE__ */ F(S, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": n,
-								className: O("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Q.mode !== "compact" && "text-foreground font-medium"),
+								className: k("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Q.mode !== "compact" && "text-foreground font-medium"),
 								onClick: Q.cycle,
 								title: r,
 								children: /* @__PURE__ */ F(e, { className: "h-3.5 w-3.5" })
 							});
 						})(),
-						N.showDensity && !N.compactToolbar && P === "gallery" && (() => {
-							let e = cn === "small" ? Oe : cn === "medium" ? De : Ee, t = cn === "small" ? k("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : cn === "medium" ? k("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : k("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${k("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = k("grid.toolbar.densityCycleHint", {
+						M.showDensity && !M.compactToolbar && N === "gallery" && (() => {
+							let e = fn === "small" ? Re : fn === "medium" ? Le : Ie, t = fn === "small" ? w("grid.toolbar.densityCompact", { defaultValue: "Compact" }) : fn === "medium" ? w("grid.toolbar.densityComfortable", { defaultValue: "Comfortable" }) : w("grid.toolbar.densitySpacious", { defaultValue: "Spacious" }), n = `${w("grid.toolbar.densityMode", { defaultValue: "Density" })}: ${t}`, r = w("grid.toolbar.densityCycleHint", {
 								defaultValue: "{{label}} (click to cycle)",
 								label: n
 							});
-							return /* @__PURE__ */ F(_, {
+							return /* @__PURE__ */ F(S, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": n,
-								className: O("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", cn !== "small" && "text-foreground font-medium"),
-								onClick: un,
+								className: k("hidden sm:inline-flex h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", fn !== "small" && "text-foreground font-medium"),
+								onClick: mn,
 								title: r,
 								children: /* @__PURE__ */ F(e, { className: "h-3.5 w-3.5" })
 							});
 						})(),
-						N.compactToolbar && (N.showGroup || N.showColor || N.showDensity || N.showHideFields) && /* @__PURE__ */ F(et, {
-							t: k,
-							allFields: jn,
-							showGroup: N.showGroup,
+						M.compactToolbar && (M.showGroup || M.showColor || M.showDensity || M.showHideFields) && /* @__PURE__ */ F(at, {
+							t: w,
+							allFields: Ln,
+							showGroup: M.showGroup,
 							groupingConfig: J,
-							setGroupingConfig: Ot,
-							showColor: N.showColor,
+							setGroupingConfig: jt,
+							showColor: M.showColor,
 							rowColorConfig: Y,
-							setRowColorConfig: Mt,
-							showDensity: N.showDensity,
+							setRowColorConfig: Ft,
+							showDensity: M.showDensity,
 							density: Q,
-							showHideFields: N.showHideFields,
+							showHideFields: M.showHideFields,
 							hiddenFields: X,
-							updateHiddenFields: Ut,
-							showInlineEdit: P === "grid",
-							inlineEdit: Kt,
-							setInlineEdit: Jt
+							updateHiddenFields: Kt,
+							showInlineEdit: N === "grid",
+							inlineEdit: Yt,
+							setInlineEdit: Zt
 						}),
-						(N.showColor || N.showDensity || N.compactToolbar) && Z && rn && on.length > 0 && /* @__PURE__ */ F("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
-						N.showRefresh && /* @__PURE__ */ F(_, {
+						(M.showColor || M.showDensity || M.compactToolbar) && Z && sn && ln.length > 0 && /* @__PURE__ */ F("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }),
+						M.showRefresh && /* @__PURE__ */ F(S, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150",
-							onClick: () => _t((e) => e + 1),
-							disabled: W,
-							title: k("list.refresh"),
-							"aria-label": k("list.refresh"),
+							onClick: () => vt((e) => e + 1),
+							disabled: U,
+							title: w("list.refresh"),
+							"aria-label": w("list.refresh"),
 							"data-testid": "refresh-button",
-							children: /* @__PURE__ */ F(Te, { className: O("h-3.5 w-3.5", W && "animate-spin") })
+							children: /* @__PURE__ */ F(Fe, { className: k("h-3.5 w-3.5", U && "animate-spin") })
 						}),
-						Z && rn && on.length > 0 && /* @__PURE__ */ I(w, {
-							open: Yt,
-							onOpenChange: Xt,
-							children: [/* @__PURE__ */ F(E, {
+						Z && sn && ln.length > 0 && /* @__PURE__ */ I(E, {
+							open: Qt,
+							onOpenChange: $t,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
 									className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
-									children: [/* @__PURE__ */ F(me, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+									children: [/* @__PURE__ */ F(Ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 										className: "hidden sm:inline",
-										children: k("list.export")
+										children: w("list.export")
 									})]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "start",
 								className: "w-48 p-2",
 								children: /* @__PURE__ */ I("div", {
 									className: "space-y-1",
-									children: [on.map((e) => /* @__PURE__ */ I(_, {
+									children: [ln.map((e) => /* @__PURE__ */ I(S, {
 										variant: "ghost",
 										size: "sm",
 										className: "w-full justify-start h-8 text-xs",
-										disabled: Zt,
-										onClick: () => An(e),
-										children: [Zt ? /* @__PURE__ */ F(be, { className: "h-3.5 w-3.5 mr-2 animate-spin" }) : /* @__PURE__ */ F(me, { className: "h-3.5 w-3.5 mr-2" }), k("list.exportAs", { format: e.toUpperCase() })]
-									}, e)), $t && /* @__PURE__ */ F("div", {
+										disabled: en,
+										onClick: () => In(e),
+										children: [en ? /* @__PURE__ */ F(ke, { className: "h-3.5 w-3.5 mr-2 animate-spin" }) : /* @__PURE__ */ F(Ce, { className: "h-3.5 w-3.5 mr-2" }), w("list.exportAs", { format: e.toUpperCase() })]
+									}, e)), nn && /* @__PURE__ */ F("div", {
 										className: "px-2 py-1 text-xs",
 										style: { color: "var(--destructive, #ef4444)" },
 										role: "alert",
-										children: $t
+										children: nn
 									})]
 								})
 							})]
 						}),
-						j.sharing?.type && /* @__PURE__ */ I(_, {
+						A.sharing?.type && /* @__PURE__ */ I(S, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
-							title: `Sharing: ${j.sharing.type}`,
+							title: `Sharing: ${A.sharing.type}`,
 							"data-testid": "share-button",
-							children: [/* @__PURE__ */ F(je, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ F(Ve, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: k("list.share")
+								children: w("list.share")
 							})]
 						}),
-						j.allowPrinting && /* @__PURE__ */ I(_, {
+						A.allowPrinting && /* @__PURE__ */ I(S, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 							onClick: () => window.print(),
 							"data-testid": "print-button",
-							children: [/* @__PURE__ */ F(we, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ F(Pe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: k("list.print")
+								children: w("list.print")
 							})]
 						}),
 						(() => {
-							let e = j.allowPrinting || !!j.sharing?.type || Z && rn && on.length > 0;
-							return N.showSearch && e ? /* @__PURE__ */ F("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }) : null;
+							let e = A.allowPrinting || !!A.sharing?.type || Z && sn && ln.length > 0;
+							return M.showSearch && e ? /* @__PURE__ */ F("div", { className: "h-5 w-px bg-border/50 mx-1 shrink-0" }) : null;
 						})(),
-						N.showSearch && /* @__PURE__ */ I(w, {
-							open: ze,
-							onOpenChange: He,
-							children: [/* @__PURE__ */ F(E, {
+						M.showSearch && /* @__PURE__ */ I(E, {
+							open: Ae,
+							onOpenChange: Be,
+							children: [/* @__PURE__ */ F(O, {
 								asChild: !0,
-								children: /* @__PURE__ */ I(_, {
+								children: /* @__PURE__ */ I(S, {
 									variant: "ghost",
 									size: "sm",
-									className: O("hidden sm:inline-flex h-7 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", L ? "px-2 text-foreground font-medium" : "w-7 p-0"),
+									className: k("hidden sm:inline-flex h-7 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", P ? "px-2 text-foreground font-medium" : "w-7 p-0"),
 									"data-testid": "search-icon-button",
-									title: L ? `${k("list.search")}: ${L}` : k("list.search"),
-									children: [/* @__PURE__ */ F(ke, { className: "h-3.5 w-3.5" }), L && /* @__PURE__ */ F("span", {
+									title: P ? `${w("list.search")}: ${P}` : w("list.search"),
+									children: [/* @__PURE__ */ F(ze, { className: "h-3.5 w-3.5" }), P && /* @__PURE__ */ F("span", {
 										className: "ml-1.5 max-w-[8rem] truncate text-[11px]",
 										"data-testid": "search-active-keyword",
-										children: L
+										children: P
 									})]
 								})
-							}), /* @__PURE__ */ F(T, {
+							}), /* @__PURE__ */ F(D, {
 								align: "end",
 								className: "w-[calc(100vw-2rem)] sm:w-64 p-2",
 								"data-testid": "search-popover",
 								children: /* @__PURE__ */ I("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ F(ke, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
-										/* @__PURE__ */ F(ie, {
-											placeholder: k("list.search") + "...",
-											value: L,
-											onChange: (e) => Sn(e.target.value),
+										/* @__PURE__ */ F(ze, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+										/* @__PURE__ */ F(de, {
+											placeholder: w("list.search") + "...",
+											value: P,
+											onChange: (e) => Dn(e.target.value),
 											className: "pl-7 h-8 text-xs",
 											autoFocus: !0
 										}),
-										L && /* @__PURE__ */ F(_, {
+										P && /* @__PURE__ */ F(S, {
 											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: () => Sn(""),
-											children: /* @__PURE__ */ F(Fe, { className: "h-3 w-3" })
+											onClick: () => Dn(""),
+											children: /* @__PURE__ */ F(Ge, { className: "h-3 w-3" })
 										})
 									]
 								})
 							})]
 						}),
-						N.showAddRecordTop && /* @__PURE__ */ I(_, {
+						M.showAddRecordTop && /* @__PURE__ */ I(S, {
 							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: () => C.onAddRecord?.(),
-							children: [/* @__PURE__ */ F(Ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ F(Ne, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 								className: "hidden sm:inline",
-								children: k("list.addRecord")
+								children: w("list.addRecord")
 							})]
 						})
 					]
@@ -2226,22 +2217,22 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "flex-1 min-h-0 bg-background relative overflow-hidden animate-in fade-in-0 duration-200",
-				children: [/* @__PURE__ */ F(D, { active: W && H.length > 0 }), rt && H.length === 0 ? /* @__PURE__ */ F(y, {
+				children: [/* @__PURE__ */ F(me, { active: U && V.length > 0 }), st && V.length === 0 ? /* @__PURE__ */ F(se, {
 					"data-testid": "list-error-state",
-					"data-error-kind": U,
+					"data-error-kind": H,
 					className: "h-full min-h-[200px] p-8 gap-1 [&>h3]:text-lg [&>h3]:font-medium [&>h3]:text-foreground [&>p]:max-w-md",
-					icon: F(U === "network" ? ce : Me, { className: "h-12 w-12 text-destructive/60" }),
+					icon: F(H === "network" ? _e : He, { className: "h-12 w-12 text-destructive/60" }),
 					iconWrapperClassName: "mb-3",
-					title: k(U === "forbidden" ? "list.loadErrorForbiddenTitle" : U === "unauthorized" ? "list.loadErrorUnauthorizedTitle" : U === "rejected" ? "list.loadErrorRejectedTitle" : "list.loadErrorTitle"),
-					description: k(U === "forbidden" ? "list.loadErrorForbiddenMessage" : U === "unauthorized" ? "list.loadErrorUnauthorizedMessage" : U === "rejected" ? "list.loadErrorRejectedMessage" : "list.loadErrorMessage"),
-					action: /* @__PURE__ */ I(_, {
+					title: w(H === "forbidden" ? "list.loadErrorForbiddenTitle" : H === "unauthorized" ? "list.loadErrorUnauthorizedTitle" : H === "rejected" ? "list.loadErrorRejectedTitle" : "list.loadErrorTitle"),
+					description: w(H === "forbidden" ? "list.loadErrorForbiddenMessage" : H === "unauthorized" ? "list.loadErrorUnauthorizedMessage" : H === "rejected" ? "list.loadErrorRejectedMessage" : "list.loadErrorMessage"),
+					action: /* @__PURE__ */ I(S, {
 						variant: "outline",
 						size: "sm",
 						"data-testid": "list-error-retry",
-						onClick: () => _t((e) => e + 1),
-						children: [/* @__PURE__ */ F(Te, { className: "h-4 w-4 mr-1.5" }), k("list.retry")]
+						onClick: () => vt((e) => e + 1),
+						children: [/* @__PURE__ */ F(Fe, { className: "h-4 w-4 mr-1.5" }), w("list.retry")]
 					})
-				}) : W && H.length === 0 ? /* @__PURE__ */ I("div", {
+				}) : U && 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",
@@ -2249,7 +2240,7 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 					"aria-busy": "true",
 					children: [/* @__PURE__ */ F("span", {
 						className: "sr-only",
-						children: k("list.loading")
+						children: w("list.loading")
 					}), [
 						0,
 						1,
@@ -2261,123 +2252,123 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 						className: "h-9 rounded bg-muted/60 animate-pulse",
 						style: { opacity: Math.max(.25, 1 - e * .12) }
 					}, e))]
-				}) : !W && H.length === 0 && P === "grid" ? (() => {
-					let e = j.emptyState?.icon, t = e ? Ie[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? ve : ve, n = !!(L && L.trim()) || Array.isArray(Rt) && Rt.length > 0 || Array.isArray(B?.conditions) && B.conditions.length > 0, r = (typeof j.emptyState?.title == "string" ? j.emptyState.title : void 0) ?? k(n ? "list.noMatches" : "list.firstRunTitle"), i = (typeof j.emptyState?.message == "string" ? j.emptyState.message : void 0) ?? k(n ? "list.noMatchesMessage" : "list.firstRunMessage");
-					return /* @__PURE__ */ F(y, {
+				}) : !U && V.length === 0 && N === "grid" ? (() => {
+					let e = A.emptyState?.icon, t = e ? Ke[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? De : De, n = !!(P && P.trim()) || Array.isArray(Vt) && Vt.length > 0 || Array.isArray(R?.conditions) && R.conditions.length > 0, r = (typeof A.emptyState?.title == "string" ? A.emptyState.title : void 0) ?? w(n ? "list.noMatches" : "list.firstRunTitle"), i = (typeof A.emptyState?.message == "string" ? A.emptyState.message : void 0) ?? w(n ? "list.noMatchesMessage" : "list.firstRunMessage");
+					return /* @__PURE__ */ F(se, {
 						"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__ */ F(t, { className: "h-12 w-12 text-muted-foreground/50" }),
 						iconWrapperClassName: "mb-3",
 						title: r,
 						description: i,
-						action: N.showAddRecord ? /* @__PURE__ */ I(_, {
+						action: M.showAddRecord ? /* @__PURE__ */ I(S, {
 							variant: "default",
 							size: "sm",
 							"data-testid": "empty-state-add-record",
 							onClick: () => C.onAddRecord?.(),
-							children: [/* @__PURE__ */ F(Ce, { className: "h-4 w-4 mr-1.5" }), k("list.addRecord")]
+							children: [/* @__PURE__ */ F(Ne, { className: "h-4 w-4 mr-1.5" }), w("list.addRecord")]
 						}) : void 0
 					});
-				})() : /* @__PURE__ */ F(Ve, {
-					schema: wn,
+				})() : /* @__PURE__ */ F(b, {
+					schema: An,
 					...C,
-					..._n ? {} : { data: H },
-					loading: W,
-					onRowSelect: It,
-					...P === "grid" && !J?.fields?.length && Et != null ? {
+					...Sn ? {} : { data: V },
+					loading: U,
+					onRowSelect: zt,
+					...N === "grid" && !J?.fields?.length && Ot != null ? {
 						manualPagination: !0,
-						rowCount: Et,
-						page: wt,
-						pageSize: K,
-						onPageChange: (e) => Tt(e),
+						rowCount: Ot,
+						page: Et,
+						pageSize: q,
+						onPageChange: (e) => Dt(e),
 						onPageSizeChange: (e) => {
-							Ct(e), Tt(1);
+							Tt(e), Dt(1);
 						},
-						sort: R,
-						onSortChange: kn
+						sort: L,
+						onSortChange: Fn
 					} : {}
 				})]
-			}, P),
-			N.showAddRecordBottom && /* @__PURE__ */ F("div", {
+			}, N),
+			M.showAddRecordBottom && /* @__PURE__ */ F("div", {
 				className: "border-t px-2 sm:px-4 py-1 bg-background shrink-0",
-				children: /* @__PURE__ */ I(_, {
+				children: /* @__PURE__ */ I(S, {
 					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: () => C.onAddRecord?.(),
-					children: [/* @__PURE__ */ F(Ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
+					children: [/* @__PURE__ */ F(Ne, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ F("span", {
 						className: "hidden sm:inline",
-						children: k("list.addRecord")
+						children: w("list.addRecord")
 					})]
 				})
 			}),
-			an && an.length > 0 && Ft.length > 0 && P !== "grid" && /* @__PURE__ */ I("div", {
+			cn && cn.length > 0 && Rt.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__ */ F(fe, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
+					/* @__PURE__ */ F(xe, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
 					/* @__PURE__ */ I("span", {
 						className: "font-medium",
 						children: [
-							Ft.length,
+							Rt.length,
 							" ",
-							Ft.length === 1 ? "item" : "items",
+							Rt.length === 1 ? "item" : "items",
 							" selected"
 						]
 					}),
 					/* @__PURE__ */ F("div", {
 						className: "flex items-center gap-1.5 ml-3",
-						children: an.map((e) => {
-							let t = String(e).toLowerCase(), n = t.includes("delete") || t.includes("remove") || t.includes("destroy"), r = n ? Pe : null;
-							return /* @__PURE__ */ I(_, {
+						children: cn.map((e) => {
+							let t = String(e).toLowerCase(), n = t.includes("delete") || t.includes("remove") || t.includes("destroy"), r = n ? We : null;
+							return /* @__PURE__ */ I(S, {
 								variant: n ? "destructive" : "outline",
 								size: "sm",
 								className: "h-7 px-2.5 text-xs gap-1.5",
-								onClick: () => C.onBulkAction?.(e, Ft),
+								onClick: () => C.onBulkAction?.(e, Rt),
 								"data-testid": `bulk-action-${e}`,
-								children: [r && /* @__PURE__ */ F(r, { className: "h-3 w-3" }), ye(e)]
+								children: [r && /* @__PURE__ */ F(r, { className: "h-3 w-3" }), Se(e)]
 							}, e);
 						})
 					}),
-					/* @__PURE__ */ I(_, {
+					/* @__PURE__ */ I(S, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 px-2 text-xs ml-auto gap-1",
-						onClick: () => It([]),
-						children: [/* @__PURE__ */ F(Fe, { className: "h-3 w-3" }), "Clear"]
+						onClick: () => zt([]),
+						children: [/* @__PURE__ */ F(Ge, { className: "h-3 w-3" }), "Clear"]
 					})
 				]
 			}),
-			!W && H.length > 0 && j.showRecordCount !== !1 && /* @__PURE__ */ I("div", {
+			!U && 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__ */ F("span", {
 						className: "font-medium text-foreground/80",
 						children: (() => {
-							let e = Et ?? H.length;
-							return k(e === 1 ? "list.recordCountOne" : "list.recordCount", { count: e });
+							let e = Ot ?? V.length;
+							return w(e === 1 ? "list.recordCountOne" : "list.recordCount", { count: e });
 						})()
 					}),
-					bt && /* @__PURE__ */ F("span", {
+					yt && /* @__PURE__ */ F("span", {
 						className: "text-amber-600",
 						"data-testid": "data-limit-warning",
-						children: k("list.dataLimitReached", { limit: K })
+						children: w("list.dataLimitReached", { limit: q })
 					}),
-					P !== "grid" && j.pagination?.pageSizeOptions && j.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ I("div", {
+					N !== "grid" && A.pagination?.pageSizeOptions && A.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ I("div", {
 						className: "ml-auto flex items-center gap-2",
-						children: [/* @__PURE__ */ F("span", { children: k("table.rowsPerPage", { defaultValue: "Rows per page" }) }), /* @__PURE__ */ F("select", {
+						children: [/* @__PURE__ */ F("span", { children: w("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(K),
+							value: String(q),
 							onChange: (e) => {
 								let t = Number(e.target.value);
-								Ct(t), C.onPageSizeChange && C.onPageSizeChange(t);
+								Tt(t), C.onPageSizeChange && C.onPageSizeChange(t);
 							},
-							children: j.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ F("option", {
+							children: A.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ F("option", {
 								value: String(e),
 								children: e
 							}, e))
@@ -2385,9 +2376,9 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 					})
 				]
 			}),
-			Cn.isOverlay && /* @__PURE__ */ F(ae, {
-				...Cn,
-				title: j.label ? `${j.label} Detail` : j.objectName ? `${j.objectName.charAt(0).toUpperCase() + j.objectName.slice(1)} Detail` : "Record Detail",
+			On.isOverlay && /* @__PURE__ */ F(pe, {
+				...On,
+				title: kn,
 				children: (e) => /* @__PURE__ */ F("div", {
 					className: "space-y-3",
 					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ I("div", {
@@ -2405,24 +2396,24 @@ var bt = d.forwardRef(({ schema: e, className: a, onViewChange: o, onFilterChang
 		]
 	});
 });
-bt.displayName = "ListView";
+wt.displayName = "ListView";
 //#endregion
 //#region src/ObjectGallery.tsx
-var xt = {
+var Tt = {
 	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"
-}, St = {
+}, q = {
 	small: "aspect-square",
 	medium: "aspect-[4/3]",
 	large: "aspect-[16/10]"
-}, Ct = /* @__PURE__ */ new Set([
+}, Et = /* @__PURE__ */ new Set([
 	"number",
 	"currency",
 	"percent",
 	"integer",
 	"decimal"
-]), K = [
+]), Dt = [
 	{
 		bg: "from-indigo-500/15 via-indigo-500/5 to-purple-500/10",
 		ring: "ring-indigo-500/15",
@@ -2454,43 +2445,43 @@ var xt = {
 		text: "text-violet-600/70 dark:text-violet-300/70"
 	}
 ];
-function wt(e) {
+function Ot(e) {
 	let t = 5381;
 	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n);
-	return K[Math.abs(t) % K.length];
+	return Dt[Math.abs(t) % Dt.length];
 }
-var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i, hidden: a }) => {
-	let [o, s] = g(!1), c = !!e && !o;
+var kt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i, hidden: a }) => {
+	let [s, c] = o(!1), l = !!e && !s;
 	return /* @__PURE__ */ F("div", {
-		className: O("w-full overflow-hidden relative", r),
+		className: k("w-full overflow-hidden relative", r),
 		hidden: a,
-		children: c ? n === "contain" ? /* @__PURE__ */ F("div", {
-			className: O("flex h-full w-full items-center justify-center bg-gradient-to-br", i.bg),
+		children: l ? n === "contain" ? /* @__PURE__ */ F("div", {
+			className: k("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),
+				onError: () => c(!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),
+			onError: () => c(!0),
 			className: "h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.04]"
 		}) : /* @__PURE__ */ F("div", {
-			className: O("flex h-full w-full items-center justify-center bg-gradient-to-br ring-1 ring-inset", i.bg, i.ring),
+			className: k("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: O("text-5xl font-semibold tracking-tight opacity-90", i.text),
+				className: k("text-5xl font-semibold tracking-tight opacity-90", i.text),
 				children: t[0]?.toUpperCase()
 			})
 		})
 	});
-}, Et = ({ imageUrl: e, title: t, placeholder: n }) => {
-	let [r, i] = g(!1), a = !!e && !r;
+}, At = ({ imageUrl: e, title: t, placeholder: n }) => {
+	let [r, i] = o(!1), a = !!e && !r;
 	return /* @__PURE__ */ F("div", {
-		className: O("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),
+		className: k("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,
@@ -2498,17 +2489,20 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 			onError: () => i(!0),
 			className: "h-6 w-6 object-contain transition-transform duration-300 ease-out group-hover:scale-110"
 		}) : /* @__PURE__ */ F("span", {
-			className: O("text-base font-semibold", n.text),
+			className: k("text-base font-semibold", n.text),
 			children: t[0]?.toUpperCase()
 		})
 	});
-}, Dt = (e) => {
-	let { schema: t } = e, r = p(He), i = e.dataSource || r?.dataSource, o = Ue(t.bind), [s, c] = g([]), [l, u] = g(!1), [d, _] = g(null), y = Ge({
+}, J = (e, t) => {
+	let n = e?.[t];
+	if (n != null && n !== "") return nt(n)[0]?.url;
+}, jt = (e) => {
+	let { schema: t } = e, s = r(x), c = e.dataSource || s?.dataSource, l = te(t.bind), [d, f] = o([]), [p, ee] = o(!1), [h, g] = o(null), _ = re({
 		navigation: t.navigation,
 		objectName: t.objectName,
 		onRowClick: e.onRowClick ?? e.onCardClick
-	}), b = t.gallery, x = b?.coverField ?? t.imageField ?? "image", S = b?.coverFit ?? "cover", te = b?.cardSize ?? "medium", ne = b?.titleField ?? t.titleField, re = b?.visibleFields, { fieldLabel: ie, fieldOptionLabel: C } = Ke(), w = f((e) => {
-		let n = d?.fields?.[e], r = { name: e };
+	}), v = t.gallery, y = v?.coverField ?? t.imageField ?? "image", b = v?.coverFit ?? "cover", ne = v?.cardSize ?? "medium", S = v?.titleField ?? t.titleField, se = v?.visibleFields, { fieldLabel: C, fieldOptionLabel: ce } = ie(), le = n((e) => {
+		let n = h?.fields?.[e], r = { name: e };
 		if (n) {
 			n.type && (r.type = n.type), n.label && (r.label = n.label), n.options && (r.options = n.options), n.currency && (r.currency = n.currency), n.precision !== void 0 && (r.precision = n.precision), n.format && (r.format = n.format);
 			let e = n.reference_to || n.reference;
@@ -2516,84 +2510,84 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 		}
 		if (t.objectName) {
 			let n = String(r.label ?? e);
-			r.label = ie(t.objectName, e, n);
+			r.label = C(t.objectName, e, n);
 		}
 		return t.objectName && Array.isArray(r.options) && (r.options = r.options.map((n) => {
 			let r = String(n?.value ?? n), i = String(n?.label ?? r);
 			return {
 				...n,
 				value: r,
-				label: C(t.objectName, e, r, i)
+				label: ce(t.objectName, e, r, i)
 			};
 		})), r;
 	}, [
-		d,
+		h,
 		t.objectName,
-		ie,
-		C
+		C,
+		ce
 	]);
-	m(() => {
+	i(() => {
 		let e = !0;
 		return (async () => {
-			if (!(!i || typeof i.getObjectSchema != "function" || !t.objectName)) try {
-				let n = await i.getObjectSchema(t.objectName);
-				e && _(n);
+			if (!(!c || typeof c.getObjectSchema != "function" || !t.objectName)) try {
+				let n = await c.getObjectSchema(t.objectName);
+				e && g(n);
 			} catch (e) {
 				console.warn("Failed to fetch object def for ObjectGallery", e);
 			}
 		})(), () => {
 			e = !1;
 		};
-	}, [t.objectName, i]), m(() => {
-		let r = !0;
+	}, [t.objectName, c]), i(() => {
+		let n = !0;
 		if (e.data && Array.isArray(e.data)) {
-			c(e.data);
+			f(e.data);
 			return;
 		}
-		return t.objectName && !o && !t.data && !e.data && (async () => {
-			if (!(!i || typeof i.find != "function" || !t.objectName)) {
-				r && u(!0);
+		return t.objectName && !l && !t.data && !e.data && (async () => {
+			if (!(!c || typeof c.find != "function" || !t.objectName)) {
+				n && ee(!0);
 				try {
-					let e = n(d?.fields), a = await i.find(t.objectName, {
+					let e = u(h?.fields), r = await c.find(t.objectName, {
 						$filter: t.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);
+					}), i = [];
+					if (Array.isArray(r)) i = r;
+					else if (r && typeof r == "object") {
+						let e = r;
+						Array.isArray(e.records) ? i = e.records : Array.isArray(e.data) && (i = e.data);
 					}
-					r && c(o);
+					n && f(i);
 				} catch (e) {
 					console.error("[ObjectGallery] Fetch error:", e);
 				} finally {
-					r && u(!1);
+					n && ee(!1);
 				}
 			}
 		})(), () => {
-			r = !1;
+			n = !1;
 		};
 	}, [
 		t.objectName,
-		i,
-		o,
+		c,
+		l,
 		t.data,
 		t.filter,
 		e.data,
-		d
+		h
 	]);
-	let T = e.data || o || t.data || s || [], E = h(() => T.some((e) => typeof e[x] == "string" && !!e[x]), [T, x]), D = t.grouping?.fields, oe = !!(D && D.length > 0), [se, ce] = g({}), le = h(() => D ? D.some((e) => e.collapsed) : !1, [D]), ue = f((e) => {
-		ce((t) => ({
+	let w = e.data || l || t.data || d || [], ue = a(() => w.some((e) => !!J(e, y)), [w, y]), T = t.grouping?.fields, de = !!(T && T.length > 0), [fe, E] = o({}), D = a(() => T ? T.some((e) => e.collapsed) : !1, [T]), O = n((e) => {
+		E((t) => ({
 			...t,
-			[e]: t[e] === void 0 ? !le : !t[e]
+			[e]: t[e] === void 0 ? !D : !t[e]
 		}));
-	}, [le]), k = h(() => {
-		if (!oe || !D) return [];
+	}, [D]), me = a(() => {
+		if (!de || !T) 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 w) {
+			let r = T.map((e) => String(n[e.field] ?? "")).join(" / ");
 			if (!e.has(r)) {
-				let i = D.map((e) => {
+				let i = T.map((e) => {
 					let t = n[e.field];
 					return t != null && t !== "" ? String(t) : "(empty)";
 				}).join(" / ");
@@ -2604,7 +2598,7 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 			}
 			e.get(r).items.push(n);
 		}
-		let n = D[0]?.order ?? "asc";
+		let n = T[0]?.order ?? "asc";
 		return t.sort((e, t) => {
 			let r = e.localeCompare(t, void 0, {
 				numeric: !0,
@@ -2612,7 +2606,7 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 			});
 			return n === "desc" ? -r : r;
 		}), t.map((t) => {
-			let n = e.get(t), r = t in se ? se[t] : le;
+			let n = e.get(t), r = t in fe ? fe[t] : D;
 			return {
 				key: t,
 				label: n.label,
@@ -2621,28 +2615,28 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 			};
 		});
 	}, [
+		w,
 		T,
-		D,
-		oe,
-		se,
-		le
+		de,
+		fe,
+		D
 	]);
-	if (l && !T.length) return /* @__PURE__ */ F("div", {
+	if (p && !w.length) return /* @__PURE__ */ F("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "Loading Gallery..."
 	});
-	if (!T.length) return /* @__PURE__ */ F("div", {
+	if (!w.length) return /* @__PURE__ */ F("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "No items to display"
 	});
-	let de = (e) => !re || re.length === 0 ? null : /* @__PURE__ */ F("div", {
+	let he = (e) => !se || se.length === 0 ? null : /* @__PURE__ */ F("div", {
 		className: "mt-1.5 space-y-1",
-		children: re.map((t) => {
+		children: se.map((t) => {
 			let n = e[t];
 			if (n == null || n === "") return null;
-			let r = w(t), i = Xe(r) || r.type || "text", a = R(i), o = r?.label && String(r.label).trim() ? String(r.label) : void 0, s = o != null && Ct.has(i);
+			let r = le(t), i = rt(r) || r.type || "text", a = tt(i), o = r?.label && String(r.label).trim() ? String(r.label) : void 0, s = o != null && Et.has(i);
 			return /* @__PURE__ */ I("div", {
-				className: O("text-xs text-muted-foreground truncate [&_*]:!text-xs", s && "flex items-baseline gap-1.5"),
+				className: k("text-xs text-muted-foreground truncate [&_*]:!text-xs", s && "flex items-baseline gap-1.5"),
 				onClick: (e) => {
 					e.target.closest("a,button") && e.stopPropagation();
 				},
@@ -2655,85 +2649,85 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 				})]
 			}, t);
 		})
-	}), fe = (n, r) => {
-		let i = n.id ?? n._id ?? r, o = (ne != null && n[ne] != null && n[ne] !== "" ? String(n[ne]) : void 0) ?? a(d, n), s = n[x], c = wt(String(i) + "|" + o), l = O("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 || t.navigation) && "cursor-pointer");
-		return E && S === "contain" ? /* @__PURE__ */ I(ee, {
+	}), ge = (n, r) => {
+		let i = n.id ?? n._id ?? r, a = (S != null && n[S] != null && n[S] !== "" ? String(n[S]) : void 0) ?? m(h, n), o = J(n, y), s = Ot(String(i) + "|" + a), c = k("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 || t.navigation) && "cursor-pointer");
+		return ue && b === "contain" ? /* @__PURE__ */ I(ae, {
 			role: "listitem",
-			className: l,
-			onClick: (e) => y.handleClick(n, e),
+			className: c,
+			onClick: (e) => _.handleClick(n, e),
 			children: [/* @__PURE__ */ F("div", {
 				"aria-hidden": !0,
-				className: O("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", c.bg)
-			}), /* @__PURE__ */ F(v, {
+				className: k("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", s.bg)
+			}), /* @__PURE__ */ F(oe, {
 				className: "p-4",
 				children: /* @__PURE__ */ I("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ F(Et, {
-						imageUrl: s,
-						title: o,
-						placeholder: c
+					children: [/* @__PURE__ */ F(At, {
+						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: o,
-							children: o
-						}), de(n)]
+							title: a,
+							children: a
+						}), he(n)]
 					})]
 				})
 			})]
-		}, i) : /* @__PURE__ */ I(ee, {
+		}, i) : /* @__PURE__ */ I(ae, {
 			role: "listitem",
-			className: l,
-			onClick: (e) => y.handleClick(n, e),
+			className: c,
+			onClick: (e) => _.handleClick(n, e),
 			children: [
-				!E && /* @__PURE__ */ F("div", {
+				!ue && /* @__PURE__ */ F("div", {
 					"aria-hidden": !0,
-					className: O("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", c.bg)
+					className: k("absolute inset-x-0 top-0 h-[3px] bg-gradient-to-r", s.bg)
 				}),
-				/* @__PURE__ */ F(Tt, {
-					imageUrl: s,
-					title: o,
-					coverFit: S,
-					aspectClass: St[te],
-					placeholder: c,
-					hidden: !E
+				/* @__PURE__ */ F(kt, {
+					imageUrl: o,
+					title: a,
+					coverFit: b,
+					aspectClass: q[ne],
+					placeholder: s,
+					hidden: !ue
 				}),
-				/* @__PURE__ */ I(v, {
-					className: O("p-3", E && "border-t border-border/60"),
+				/* @__PURE__ */ I(oe, {
+					className: k("p-3", ue && "border-t border-border/60"),
 					children: [/* @__PURE__ */ F("h3", {
 						className: "font-semibold tracking-tight truncate text-sm leading-tight text-foreground",
-						title: o,
-						children: o
-					}), de(n)]
+						title: a,
+						children: a
+					}), he(n)]
 				})
 			]
 		}, i);
-	}, me = (e) => /* @__PURE__ */ F("div", {
-		className: O("grid gap-4 p-4 auto-rows-min content-start", xt[te], t.className),
+	}, _e = (e) => /* @__PURE__ */ F("div", {
+		className: k("grid gap-4 p-4 auto-rows-min content-start", Tt[ne], t.className),
 		role: "list",
-		children: e.map((e, t) => fe(e, t))
+		children: e.map((e, t) => ge(e, t))
 	});
-	return /* @__PURE__ */ I(Le, { children: [oe ? /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I(qe, { children: [de ? /* @__PURE__ */ F("div", {
 		className: "space-y-2",
-		children: k.map((e) => /* @__PURE__ */ I("div", {
+		children: me.map((e) => /* @__PURE__ */ I("div", {
 			className: "border rounded-md",
 			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: () => ue(e.key),
+				onClick: () => O(e.key),
 				children: [
-					e.collapsed ? /* @__PURE__ */ F(pe, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ F(A, { className: "h-4 w-4 shrink-0" }),
+					e.collapsed ? /* @__PURE__ */ F(Se, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ F(j, { 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 && me(e.items)]
+			}), !e.collapsed && _e(e.items)]
 		}, e.key))
-	}) : me(T), y.isOverlay && /* @__PURE__ */ F(ae, {
-		...y,
+	}) : _e(w), _.isOverlay && /* @__PURE__ */ F(pe, {
+		..._,
 		title: "Gallery Item",
 		children: (e) => /* @__PURE__ */ F("div", {
 			className: "space-y-3",
@@ -2750,53 +2744,55 @@ var Tt = ({ imageUrl: e, title: t, coverFit: n, aspectClass: r, placeholder: i,
 		})
 	})] });
 };
-e.register("object-gallery", Dt, {
+s.register("object-gallery", jt, {
 	namespace: "plugin-list",
 	label: "Gallery View",
 	category: "view"
 });
 //#endregion
 //#region src/components/TabBar.tsx
-function q(e) {
-	return e ? Ie[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
+function Mt(e) {
+	if (!e) return null;
+	let t = e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+	return Ke[t] ?? 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));
+function Nt(e) {
+	return e.filter((e) => e.pinned || e.visible !== !1).sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
 }
-var Ot = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
-	let i = d.useMemo(() => J(e), [e]), a = d.useMemo(() => i.find((e) => e.isDefault)?.name ?? i[0]?.name, [i]), [o, s] = d.useState(a), c = t ?? o, l = d.useCallback((e) => {
-		s(e.name), n?.(e);
-	}, [n]);
-	return i.length === 0 ? null : /* @__PURE__ */ F("div", {
-		className: O("px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background", r),
+var Pt = ({ tabs: t, activeTab: n, onTabChange: r, className: i }) => {
+	let a = e.useMemo(() => Nt(t), [t]), o = e.useMemo(() => a.find((e) => e.isDefault)?.name ?? a[0]?.name, [a]), [s, c] = e.useState(o), l = n ?? s, u = e.useCallback((e) => {
+		c(e.name), r?.(e);
+	}, [r]);
+	return a.length === 0 ? null : /* @__PURE__ */ F("div", {
+		className: k("px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background", i),
 		"data-testid": "view-tabs",
 		role: "tablist",
-		children: i.map((e) => {
-			let t = q(e.icon), n = c === e.name;
-			return /* @__PURE__ */ I(_, {
+		children: a.map((e) => {
+			let t = Mt(e.icon), n = l === e.name;
+			return /* @__PURE__ */ I(S, {
 				variant: "ghost",
 				size: "sm",
-				className: O("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"),
+				className: k("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: () => l(e),
+				onClick: () => u(e),
 				children: [t && /* @__PURE__ */ F(t, { className: "h-3 w-3 mr-1.5" }), e.label]
 			}, e.name);
 		})
 	});
-}, kt = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
-	let i = d.useMemo(() => J(e), [e]), a = d.useMemo(() => i.find((e) => e.isDefault)?.name ?? i[0]?.name, [i]), [o, s] = d.useState(a), c = t ?? o, l = d.useMemo(() => i.find((e) => e.name === c) ?? i[0], [i, c]), u = d.useCallback((e) => {
-		s(e.name), n?.(e);
-	}, [n]);
-	if (i.length === 0) return null;
-	let f = q(l?.icon);
+}, Y = ({ tabs: t, activeTab: n, onTabChange: r, className: i }) => {
+	let a = e.useMemo(() => Nt(t), [t]), o = e.useMemo(() => a.find((e) => e.isDefault)?.name ?? a[0]?.name, [a]), [s, c] = e.useState(o), l = n ?? s, u = e.useMemo(() => a.find((e) => e.name === l) ?? a[0], [a, l]), d = e.useCallback((e) => {
+		c(e.name), r?.(e);
+	}, [r]);
+	if (a.length === 0) return null;
+	let f = Mt(u?.icon);
 	return /* @__PURE__ */ F("div", {
-		className: O("px-2 py-1", r),
+		className: k("px-2 py-1", i),
 		"data-testid": "view-tabs-select",
-		children: /* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(te, {
+		children: /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(_, {
+			children: /* @__PURE__ */ I(S, {
 				variant: "ghost",
 				size: "sm",
 				className: "h-7 px-2 text-xs font-medium text-foreground gap-1.5 max-w-[60vw] truncate",
@@ -2805,19 +2801,19 @@ var Ot = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
 					f && /* @__PURE__ */ F(f, { className: "h-3.5 w-3.5 shrink-0" }),
 					/* @__PURE__ */ F("span", {
 						className: "truncate",
-						children: l?.label ?? ""
+						children: u?.label ?? ""
 					}),
-					/* @__PURE__ */ F(A, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+					/* @__PURE__ */ F(j, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
 				]
 			})
-		}), /* @__PURE__ */ F(x, {
+		}), /* @__PURE__ */ F(ce, {
 			align: "start",
 			className: "w-56 max-h-72 overflow-y-auto",
-			children: i.map((e) => {
-				let t = q(e.icon);
-				return /* @__PURE__ */ I(S, {
-					onClick: () => u(e),
-					className: O("text-sm", c === e.name && "font-medium bg-muted"),
+			children: a.map((e) => {
+				let t = Mt(e.icon), n = l === e.name;
+				return /* @__PURE__ */ I(le, {
+					onClick: () => d(e),
+					className: k("text-sm", n && "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",
@@ -2827,8 +2823,15 @@ var Ot = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
 			})
 		})] })
 	});
-};
-e.register("list-view", bt, {
+}, Ft = t.forwardRef((e, t) => {
+	let n = r(x);
+	return /* @__PURE__ */ F(wt, {
+		ref: t,
+		...e,
+		dataSource: e.dataSource ?? n?.dataSource
+	});
+});
+Ft.displayName = "ListViewRenderer", s.register("list-view", Ft, {
 	namespace: "plugin-list",
 	label: "List View",
 	category: "Views",
@@ -2905,7 +2908,7 @@ e.register("list-view", bt, {
 		sort: [],
 		options: {}
 	}
-}), e.register("list", bt, {
+}), s.register("list", Ft, {
 	namespace: "view",
 	skipFallback: !0,
 	category: "view",
@@ -2977,4 +2980,4 @@ e.register("list-view", bt, {
 	]
 });
 //#endregion
-export { bt as ListView, Dt as ObjectGallery, Ot as TabBar, kt as TabBarSelect, it as UserFilters, $e as ViewSwitcher, Qe as ViewSwitcherDropdown, ht as evaluateConditionalFormatting, ct as normalizeFilterCondition, ft as normalizeFilters };
+export { wt as ListView, jt as ObjectGallery, Pt as TabBar, Y as TabBarSelect, lt as UserFilters, B as ViewSwitcher, it as ViewSwitcherDropdown, yt as evaluateConditionalFormatting, K as normalizeFilterCondition, gt as normalizeFilters };