@object-ui/plugin-list 4.0.6 → 4.0.8

package/dist/index.js

@@ -1,21 +1,21 @@
 import { ComponentRegistry as e, buildExpandFields as t, evaluatePlainCondition as n, normalizeQuickFilter as r, normalizeQuickFilters as i } from "@object-ui/core";
 import * as a from "react";
 import { useCallback as o, useContext as s, useEffect as c, useMemo as l, useState as u } from "react";
-import { Button as d, Card as f, CardContent as p, FilterBuilder as m, GroupingEditor as ee, Input as te, NavigationOverlay as ne, Popover as h, PopoverContent as g, PopoverTrigger as _, SortBuilder as v, cn as y } from "@object-ui/components";
-import { Activity as b, AlignJustify as re, ArrowUpDown as ie, Calendar as x, ChevronDown as S, ChevronRight as C, Download as w, EyeOff as T, GanttChartSquare as E, Grid as D, Group as O, Images as k, Inbox as A, LayoutGrid as j, Map as M, Paintbrush as ae, Plus as N, Printer as oe, Search as se, Share2 as ce, SlidersHorizontal as le, X as ue, icons as de } from "lucide-react";
-import { Fragment as fe, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { SchemaRenderer as pe, SchemaRendererContext as me, useDataScope as he, useDensityMode as ge, useNavigationOverlay as _e } from "@object-ui/react";
-import { usePullToRefresh as ve } from "@object-ui/mobile";
-import { useObjectLabel as ye, useObjectTranslation as be } from "@object-ui/i18n";
+import { Button as d, Card as f, CardContent as p, FilterBuilder as m, GroupingEditor as h, Input as g, LookupValuePicker as _, NavigationOverlay as v, Popover as y, PopoverContent as b, PopoverTrigger as x, SortBuilder as S, cn as C } from "@object-ui/components";
+import { Activity as w, ArrowUpDown as ee, Calendar as te, CheckSquare as ne, ChevronDown as T, ChevronRight as re, Download as ie, EyeOff as ae, GanttChartSquare as E, Grid as D, Group as oe, Images as O, Inbox as k, LayoutGrid as A, Map as j, Paintbrush as M, Plus as N, Printer as se, Rows2 as ce, Rows3 as le, Rows4 as ue, Search as de, Share2 as fe, SlidersHorizontal as pe, Trash2 as me, X as he, icons as ge } from "lucide-react";
+import { Fragment as _e, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { useObjectLabel as I, useObjectTranslation as ve, useSafeFieldLabel as ye } from "@object-ui/i18n";
+import { SchemaRenderer as be, SchemaRendererContext as xe, useDataScope as Se, useDensityMode as Ce, useNavigationOverlay as we, useSafeFieldLabel as Te } from "@object-ui/react";
+import { usePullToRefresh as Ee } from "@object-ui/mobile";
 //#region src/ViewSwitcher.tsx
-var I = {
+var De = {
 	grid: /* @__PURE__ */ P(D, { className: "h-4 w-4" }),
-	kanban: /* @__PURE__ */ P(j, { className: "h-4 w-4" }),
-	gallery: /* @__PURE__ */ P(k, { className: "h-4 w-4" }),
-	calendar: /* @__PURE__ */ P(x, { className: "h-4 w-4" }),
-	timeline: /* @__PURE__ */ P(b, { className: "h-4 w-4" }),
+	kanban: /* @__PURE__ */ P(A, { className: "h-4 w-4" }),
+	gallery: /* @__PURE__ */ P(O, { className: "h-4 w-4" }),
+	calendar: /* @__PURE__ */ P(te, { className: "h-4 w-4" }),
+	timeline: /* @__PURE__ */ P(w, { className: "h-4 w-4" }),
 	gantt: /* @__PURE__ */ P(E, { className: "h-4 w-4" }),
-	map: /* @__PURE__ */ P(M, { className: "h-4 w-4" })
+	map: /* @__PURE__ */ P(j, { className: "h-4 w-4" })
 }, L = {
 	grid: "Grid",
 	kanban: "Kanban",
@@ -24,7 +24,7 @@ var I = {
 	timeline: "Timeline",
 	gantt: "Gantt",
 	map: "Map"
-}, xe = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
+}, Oe = ({ currentView: e, availableViews: t = ["grid", "kanban"], onViewChange: n, className: r, animated: i = !0 }) => {
 	let o = a.useCallback((t) => {
 		if (!i || t === e) {
 			n(t);
@@ -37,7 +37,7 @@ var I = {
 		n
 	]);
 	return /* @__PURE__ */ P("div", {
-		className: y("flex items-center gap-1 bg-transparent oui-view-switcher", r),
+		className: C("flex items-center gap-1 bg-transparent oui-view-switcher", r),
 		children: t.map((t) => {
 			let n = e === t;
 			return /* @__PURE__ */ F("button", {
@@ -47,8 +47,8 @@ var I = {
 				title: L[t],
 				"aria-pressed": n,
 				"data-state": n ? "on" : "off",
-				className: y("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: [I[t], /* @__PURE__ */ P("span", {
+				className: C("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "hover:bg-muted hover:text-muted-foreground", "gap-2 px-3 py-2", "data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm border-transparent border data-[state=on]:border-border/50"),
+				children: [De[t], /* @__PURE__ */ P("span", {
 					className: "hidden sm:inline-block text-xs font-medium",
 					children: L[t]
 				})]
@@ -58,26 +58,26 @@ var I = {
 };
 //#endregion
 //#region src/components/TabBar.tsx
-function Se(e) {
-	return e ? de[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
+function ke(e) {
+	return e ? ge[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
 }
-function Ce(e) {
+function Ae(e) {
 	return e.filter((e) => e.pinned || e.visible !== "false" && e.visible !== !1).sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
 }
-var we = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
-	let i = a.useMemo(() => Ce(e), [e]), o = a.useMemo(() => i.find((e) => e.isDefault)?.name ?? i[0]?.name, [i]), [s, c] = a.useState(o), l = t ?? s, u = a.useCallback((e) => {
+var je = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
+	let i = a.useMemo(() => Ae(e), [e]), o = a.useMemo(() => i.find((e) => e.isDefault)?.name ?? i[0]?.name, [i]), [s, c] = a.useState(o), l = t ?? s, u = a.useCallback((e) => {
 		c(e.name), n?.(e);
 	}, [n]);
 	return i.length === 0 ? null : /* @__PURE__ */ P("div", {
-		className: y("border-b px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background", r),
+		className: C("border-b px-2 sm:px-4 py-1 flex items-center gap-0.5 bg-background", r),
 		"data-testid": "view-tabs",
 		role: "tablist",
 		children: i.map((e) => {
-			let t = Se(e.icon), n = l === e.name;
+			let t = ke(e.icon), n = l === e.name;
 			return /* @__PURE__ */ F(d, {
 				variant: "ghost",
 				size: "sm",
-				className: y("h-7 px-3 py-1.5 text-xs rounded-none transition-colors duration-150", n ? "border-b-2 border-primary font-medium text-foreground" : "text-muted-foreground hover:text-foreground"),
+				className: C("h-7 px-3 py-1.5 text-xs rounded-none transition-colors duration-150", n ? "border-b-2 border-primary font-medium text-foreground" : "text-muted-foreground hover:text-foreground"),
 				"data-testid": `view-tab-${e.name}`,
 				role: "tab",
 				"aria-selected": n,
@@ -89,9 +89,23 @@ var we = ({ tabs: e, activeTab: t, onTabChange: n, className: r }) => {
 };
 //#endregion
 //#region src/UserFilters.tsx
-function Te({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a }) {
+function Me() {
+	try {
+		let { t: e } = ve(), t = e("common.more");
+		return !t || t === "common.more" ? "More" : t;
+	} catch {
+		return "More";
+	}
+}
+var Ne = new Set([
+	"lookup",
+	"master_detail",
+	"user",
+	"owner"
+]);
+function Pe({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisible: i, className: a }) {
 	switch (e.element) {
-		case "dropdown": return /* @__PURE__ */ P(z, {
+		case "dropdown": return /* @__PURE__ */ P(Fe, {
 			fields: e.fields || [],
 			objectDef: t,
 			data: n,
@@ -99,14 +113,14 @@ function Te({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 			maxVisible: i,
 			className: a
 		});
-		case "tabs": return /* @__PURE__ */ P(Ee, {
+		case "tabs": return /* @__PURE__ */ P(Ie, {
 			tabs: e.tabs || [],
 			showAllRecords: e.showAllRecords !== !1,
 			allowAddTab: e.allowAddTab,
 			onFilterChange: r,
 			className: a
 		});
-		case "toggle": return /* @__PURE__ */ P(De, {
+		case "toggle": return /* @__PURE__ */ P(Le, {
 			fields: e.fields || [],
 			onFilterChange: r,
 			className: a
@@ -114,12 +128,12 @@ function Te({ config: e, objectDef: t, data: n = [], onFilterChange: r, maxVisib
 		default: return null;
 	}
 }
-function R(e, t, n) {
+function R(e, t, n, r) {
 	return e.map((e) => {
-		let r = e.options ? [...e.options] : [];
-		if (r.length === 0 && t?.fields) {
+		let i = e.options ? [...e.options] : [], a = e.type, o, s, c;
+		if (t?.fields) {
 			let n = Array.isArray(t.fields) ? t.fields.find((t) => t.name === e.field) : t.fields[e.field];
-			n?.options && (r = Array.isArray(n.options) ? n.options.map((e) => ({
+			n && (a ||= n.type, o = n.reference_to ?? n.reference, s = n.display_field ?? n.reference_field, c = n.id_field, i.length === 0 && n.options && (i = Array.isArray(n.options) ? n.options.map((e) => ({
 				label: e.label ?? String(e.value ?? e),
 				value: e.value ?? e,
 				color: e.color
@@ -127,50 +141,70 @@ function R(e, t, n) {
 				label: t?.label || e,
 				value: e,
 				color: t?.color
-			})));
+			}))));
 		}
-		return e.showCount && n.length > 0 && (r = r.map((t) => ({
+		i.length === 0 && a === "boolean" && (i = [{
+			label: "True",
+			value: !0
+		}, {
+			label: "False",
+			value: !1
+		}]), e.showCount && n.length > 0 && (i = i.map((t) => ({
 			...t,
 			count: n.filter((n) => n[e.field] === t.value).length
-		}))), {
+		})));
+		let l = e.label;
+		return r?.objectName && (i = r.translateOptions(r.objectName, e.field, i), l = r.fieldLabel(r.objectName, e.field, e.label || e.field)), {
 			...e,
-			options: r
+			label: l,
+			type: a,
+			options: i,
+			referenceTo: o,
+			displayField: s,
+			idField: c
 		};
 	});
 }
-function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i, className: o }) {
-	let [s, c] = a.useState(() => {
+function Fe({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i, className: o }) {
+	let { fieldLabel: s, translateOptions: c } = ye(), l = Me(), u = t?.name, [d, f] = a.useState(() => {
 		let t = {};
 		return e.forEach((e) => {
 			e.defaultValues && e.defaultValues.length > 0 && (t[e.field] = e.defaultValues);
 		}), t;
-	}), l = a.useMemo(() => R(e, t, n), [
+	}), p = a.useMemo(() => R(e, t, n, {
+		objectName: u,
+		fieldLabel: s,
+		translateOptions: c
+	}), [
 		e,
 		t,
-		n
-	]), u = a.useCallback((e) => {
+		n,
+		u,
+		s,
+		c
+	]), m = a.useCallback((e) => {
 		r(Object.entries(e).filter(([, e]) => e.length > 0).map(([e, t]) => [
 			e,
 			"in",
 			t
 		]));
-	}, [r]), d = (e, t) => {
+	}, [r]), h = (e, t) => {
 		let n = {
-			...s,
+			...d,
 			[e]: t
 		};
-		c(n), u(n);
+		f(n), m(n);
 	};
 	a.useEffect(() => {
-		Object.values(s).some((e) => e.length > 0) && u(s);
+		Object.values(d).some((e) => e.length > 0) && m(d);
 	}, []);
-	let f = i !== void 0 && i < l.length ? l.slice(0, i) : l, p = i !== void 0 && i < l.length ? l.slice(i) : [], m = (e) => {
-		let t = s[e.field] || [], n = t.length > 0;
-		return /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P(_, {
+	let g = i !== void 0 && i < p.length ? p.slice(0, i) : p, v = i !== void 0 && i < p.length ? p.slice(i) : [], S = (e) => {
+		let t = d[e.field] || [], n = t.length > 0, r = Ne.has(e.type || "") && e.options.length === 0 && (e.referenceTo || e.type === "user" || e.type === "owner"), i = r ? "w-72" : "w-56";
+		return /* @__PURE__ */ F(y, { children: [/* @__PURE__ */ P(x, {
 			asChild: !0,
 			children: /* @__PURE__ */ F("button", {
 				"data-testid": `filter-badge-${e.field}`,
-				className: y("inline-flex items-center gap-1 rounded-full border h-7 px-2.5 text-xs font-medium transition-colors shrink-0", n ? "border-primary/30 bg-primary/5 text-primary" : "border-border bg-background hover:bg-accent text-foreground"),
+				className: C("inline-flex items-center gap-1 rounded-full border h-7 px-2.5 text-xs font-medium transition-colors shrink-0", n ? "border-primary/30 bg-primary/5 text-primary" : "border-border bg-background hover:bg-accent text-foreground"),
 				children: [
 					/* @__PURE__ */ P("span", {
 						className: "truncate max-w-[100px]",
@@ -180,30 +214,51 @@ function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 						className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary/10 text-[10px]",
 						children: t.length
 					}),
-					n ? /* @__PURE__ */ P(ue, {
+					n ? /* @__PURE__ */ P(he, {
 						className: "h-3 w-3 opacity-60",
 						"data-testid": `filter-clear-${e.field}`,
 						onClick: (t) => {
-							t.stopPropagation(), d(e.field, []);
+							t.stopPropagation(), h(e.field, []);
 						}
-					}) : /* @__PURE__ */ P(S, { className: "h-3 w-3 opacity-60" })
+					}) : /* @__PURE__ */ P(T, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ P(g, {
+		}), /* @__PURE__ */ P(b, {
 			align: "start",
-			className: "w-56 p-2",
-			children: /* @__PURE__ */ P("div", {
+			className: C(i, "p-2"),
+			children: r ? /* @__PURE__ */ P("div", {
+				"data-testid": `filter-lookup-${e.field}`,
+				children: /* @__PURE__ */ P(_, {
+					field: {
+						value: e.field,
+						label: e.label || e.field,
+						type: e.type,
+						referenceTo: e.referenceTo,
+						displayField: e.displayField,
+						idField: e.idField
+					},
+					value: t,
+					multiple: !0,
+					onChange: (t) => {
+						let n = Array.isArray(t) ? t : t == null || t === "" ? [] : [t];
+						h(e.field, n);
+					}
+				})
+			}) : /* @__PURE__ */ P("div", {
 				className: "max-h-60 overflow-y-auto space-y-0.5",
 				"data-testid": `filter-options-${e.field}`,
-				children: e.options.map((n) => /* @__PURE__ */ F("label", {
-					className: y("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: e.options.length === 0 ? /* @__PURE__ */ P("div", {
+					className: "px-2 py-3 text-center text-xs text-muted-foreground",
+					children: "No options"
+				}) : e.options.map((n) => /* @__PURE__ */ F("label", {
+					className: C("flex items-center gap-2 text-sm py-1.5 px-2 rounded cursor-pointer", t.includes(n.value) ? "bg-primary/5 text-primary" : "hover:bg-muted"),
 					children: [
 						/* @__PURE__ */ P("input", {
 							type: "checkbox",
 							checked: t.includes(n.value),
 							onChange: () => {
 								let r = t.includes(n.value) ? t.filter((e) => e !== n.value) : [...t, n.value];
-								d(e.field, r);
+								h(e.field, r);
 							},
 							className: "rounded border-input"
 						}),
@@ -225,38 +280,38 @@ function z({ fields: e, objectDef: t, data: n, onFilterChange: r, maxVisible: i,
 		})] }, e.field);
 	};
 	return /* @__PURE__ */ F("div", {
-		className: y("flex items-center gap-1 overflow-x-auto", o),
+		className: C("flex items-center gap-1 overflow-x-auto", o),
 		"data-testid": "user-filters-dropdown",
-		children: [/* @__PURE__ */ P(le, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), l.length === 0 ? /* @__PURE__ */ P("span", {
+		children: [/* @__PURE__ */ P(pe, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), p.length === 0 ? /* @__PURE__ */ P("span", {
 			className: "text-xs text-muted-foreground",
 			"data-testid": "user-filters-empty",
 			children: "No filter fields"
-		}) : /* @__PURE__ */ F(fe, { children: [f.map(m), p.length > 0 && /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P(_, {
+		}) : /* @__PURE__ */ F(_e, { children: [g.map(S), v.length > 0 && /* @__PURE__ */ F(y, { children: [/* @__PURE__ */ P(x, {
 			asChild: !0,
 			children: /* @__PURE__ */ F("button", {
 				"data-testid": "user-filters-more",
 				className: "inline-flex items-center gap-1 rounded-full border border-border bg-background hover:bg-accent text-foreground h-7 px-2.5 text-xs font-medium transition-colors shrink-0",
 				children: [
-					/* @__PURE__ */ P("span", { children: "More" }),
+					/* @__PURE__ */ P("span", { children: l }),
 					/* @__PURE__ */ P("span", {
 						className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-muted text-[10px] font-medium",
-						children: p.length
+						children: v.length
 					}),
-					/* @__PURE__ */ P(S, { className: "h-3 w-3 opacity-60" })
+					/* @__PURE__ */ P(T, { className: "h-3 w-3 opacity-60" })
 				]
 			})
-		}), /* @__PURE__ */ P(g, {
+		}), /* @__PURE__ */ P(b, {
 			align: "start",
 			className: "w-64 p-2",
 			"data-testid": "user-filters-more-content",
 			children: /* @__PURE__ */ P("div", {
 				className: "space-y-1",
-				children: p.map(m)
+				children: v.map(S)
 			})
 		})] })] })]
 	});
 }
-function Ee({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, className: i }) {
+function Ie({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, className: i }) {
 	let [o, s] = a.useState(() => e.find((e) => e.default)?.id || (t ? "__all__" : e[0]?.id || "")), c = a.useCallback((t) => {
 		s(t), r(t === "__all__" ? [] : e.find((e) => e.id === t)?.filters || []);
 	}, [e, r]), l = a.useMemo(() => {
@@ -271,12 +326,12 @@ function Ee({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, cla
 		let t = e.find((e) => e.default);
 		t && r(t.filters || []);
 	}, []), /* @__PURE__ */ F("div", {
-		className: y("flex items-center gap-0.5 overflow-x-auto", i),
+		className: C("flex items-center gap-0.5 overflow-x-auto", i),
 		"data-testid": "user-filters-tabs",
 		children: [l.map((e) => /* @__PURE__ */ P("button", {
 			"data-testid": `filter-tab-${e.id}`,
 			onClick: () => c(e.id),
-			className: y("inline-flex items-center h-7 px-3 text-xs font-medium rounded-md transition-colors shrink-0", o === e.id ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
+			className: C("inline-flex items-center h-7 px-3 text-xs font-medium rounded-md transition-colors shrink-0", o === e.id ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"),
 			children: e.label
 		}, e.id)), n && /* @__PURE__ */ P("button", {
 			className: "inline-flex items-center justify-center h-7 w-7 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted shrink-0",
@@ -286,7 +341,7 @@ function Ee({ tabs: e, showAllRecords: t, allowAddTab: n, onFilterChange: r, cla
 		})]
 	});
 }
-function De({ fields: e, onFilterChange: t, className: n }) {
+function Le({ fields: e, onFilterChange: t, className: n }) {
 	let [r, i] = a.useState(() => {
 		let t = /* @__PURE__ */ new Set();
 		return e.forEach((e) => {
@@ -314,7 +369,7 @@ function De({ fields: e, onFilterChange: t, className: n }) {
 	return a.useEffect(() => {
 		r.size > 0 && o(r);
 	}, []), /* @__PURE__ */ P("div", {
-		className: y("flex items-center gap-1 overflow-x-auto", n),
+		className: C("flex items-center gap-1 overflow-x-auto", n),
 		"data-testid": "user-filters-toggle",
 		children: e.map((e) => /* @__PURE__ */ P(d, {
 			variant: r.has(e.field) ? "default" : "outline",
@@ -328,7 +383,7 @@ function De({ fields: e, onFilterChange: t, className: n }) {
 }
 //#endregion
 //#region src/ListView.tsx
-function Oe(e) {
+function Re(e) {
 	switch (e) {
 		case "equals":
 		case "eq": return "=";
@@ -352,10 +407,10 @@ function Oe(e) {
 		default: return e;
 	}
 }
-function B(e) {
+function z(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) ? B(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) ? z(e) : e)] : n === "in" && Array.isArray(r) ? r.length === 0 ? [] : r.length === 1 ? [
 		t,
 		"=",
 		r[0]
@@ -373,15 +428,15 @@ function B(e) {
 		e
 	])] : e;
 }
-function ke(e) {
+function ze(e) {
 	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Ae(e) {
-	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? B(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
+function Be(e) {
+	return !Array.isArray(e) || e.length === 0 ? [] : e.map((e) => Array.isArray(e) ? z(e) : e).filter((e) => Array.isArray(e) && e.length > 0);
 }
-function je(e) {
+function Ve(e) {
 	if (!e || !e.conditions || e.conditions.length === 0) return [];
-	let t = Ae(e.conditions.map((e) => e.operator === "isEmpty" ? [
+	let t = Be(e.conditions.map((e) => e.operator === "isEmpty" ? [
 		e.field,
 		"=",
 		null
@@ -391,12 +446,12 @@ function je(e) {
 		null
 	] : [
 		e.field,
-		Oe(e.operator),
+		Re(e.operator),
 		e.value
 	]));
 	return t.length === 0 ? [] : t.length === 1 ? t[0] : [e.logic, ...t];
 }
-function V(e, t) {
+function B(e, t) {
 	if (!t || t.length === 0) return {};
 	for (let r of t) {
 		let t = !1, i = ("condition" in r ? r.condition : void 0) || ("expression" in r ? r.expression : void 0) || void 0;
@@ -431,7 +486,7 @@ function V(e, t) {
 	}
 	return {};
 }
-var H = {
+var V = {
 	"list.recordCount": "{{count}} records",
 	"list.recordCountOne": "{{count}} record",
 	"list.noItems": "No items found",
@@ -460,61 +515,62 @@ var H = {
 	"list.allRecords": "All Records",
 	"list.share": "Share",
 	"list.print": "Print",
-	"list.hideFieldsTitle": "Hide Fields"
+	"list.hideFieldsTitle": "Hide Fields",
+	"table.rowsPerPage": "Rows per page"
 };
-function Me() {
+function He() {
 	try {
-		let e = be();
+		let e = ve();
 		return e.t("list.recordCount") === "list.recordCount" ? { t: (e, t) => {
-			let n = H[e] || e;
+			let n = V[e] || e;
 			if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 			return n;
 		} } : { t: e.t };
 	} catch {
 		return { t: (e, t) => {
-			let n = H[e] || e;
+			let n = V[e] || e;
 			if (t) for (let [e, r] of Object.entries(t)) n = n.replace(`{{${e}}}`, String(r));
 			return n;
 		} };
 	}
 }
-function Ne() {
+function Ue() {
 	try {
-		let { fieldLabel: e } = ye();
+		let { fieldLabel: e } = I();
 		return { fieldLabel: e };
 	} catch {
 		return { fieldLabel: (e, t, n) => n };
 	}
 }
-var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange: s, onSortChange: c, onSearchChange: l, onRowClick: u, showViewSwitcher: f = !1, ...p }, b) => {
-	let { t: x } = Me(), { fieldLabel: S } = Ne(), C = a.useMemo(() => ({
+var H = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange: s, onSortChange: c, onSearchChange: l, onHiddenFieldsChange: u, onColumnStateChange: f, onRowClick: p, showViewSwitcher: _ = !1, ...w }, te) => {
+	let { t: T } = He(), { fieldLabel: re } = Ue(), { translateOptions: E } = ye(), D = a.useMemo(() => ({
 		...e,
 		viewType: e.viewType || "grid"
-	}), [e]), E = a.useCallback((e, t) => C.objectName ? S(C.objectName, e, t) : t, [C.objectName, S]), D = a.useMemo(() => {
-		let e = C.userActions, t = C.addRecord?.enabled === !0 && e?.addRecordForm !== !1;
+	}), [e]), O = a.useCallback((e, t) => D.objectName ? re(D.objectName, e, t) : t, [D.objectName, re]), A = a.useMemo(() => {
+		let e = D.userActions, t = D.addRecord?.enabled === !0 && e?.addRecordForm !== !1;
 		return {
-			showSearch: e?.search === void 0 ? C.showSearch !== !1 : e.search,
-			showSort: e?.sort === void 0 ? C.showSort !== !1 : e.sort,
-			showFilters: e?.filter === void 0 ? C.showFilters !== !1 : e.filter,
-			showDensity: e?.rowHeight === void 0 ? C.showDensity === !0 : e.rowHeight,
-			showHideFields: C.showHideFields === !0,
-			showGroup: C.showGroup !== !1,
-			showColor: C.showColor === !0,
+			showSearch: e?.search === void 0 ? D.showSearch !== !1 : e.search,
+			showSort: e?.sort === void 0 ? D.showSort !== !1 : e.sort,
+			showFilters: e?.filter === void 0 ? D.showFilters !== !1 : e.filter,
+			showDensity: e?.rowHeight === void 0 ? D.showDensity !== !1 : e.rowHeight,
+			showHideFields: D.showHideFields === !0,
+			showGroup: D.showGroup !== !1,
+			showColor: D.showColor === !0,
 			showAddRecord: t,
-			addRecordPosition: C.addRecord?.position === "bottom" ? "bottom" : "top"
+			addRecordPosition: D.addRecord?.position === "bottom" ? "bottom" : "top"
 		};
 	}, [
-		C.userActions,
-		C.showSearch,
-		C.showSort,
-		C.showFilters,
-		C.showDensity,
-		C.showHideFields,
-		C.showGroup,
-		C.showColor,
-		C.addRecord,
-		C.userActions?.addRecordForm
-	]), [k, j] = a.useState(C.viewType), [M, fe] = a.useState(""), [me, he] = a.useState(!1), [ye, be] = a.useState(!1), [I, L] = a.useState(() => C.sort && C.sort.length > 0 ? C.sort.map((e) => {
+		D.userActions,
+		D.showSearch,
+		D.showSort,
+		D.showFilters,
+		D.showDensity,
+		D.showHideFields,
+		D.showGroup,
+		D.showColor,
+		D.addRecord,
+		D.userActions?.addRecordForm
+	]), [j, _e] = a.useState(D.viewType), [I, ve] = a.useState(""), [xe, Se] = a.useState(!1), [Te, De] = a.useState(!1), [L, ke] = a.useState(() => D.sort && D.sort.length > 0 ? D.sort.map((e) => {
 		if (typeof e == "string") {
 			let t = e.trim().split(/\s+/);
 			return {
@@ -528,41 +584,59 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			field: e.field,
 			order: e.order || "asc"
 		};
-	}) : []), [Se, Ce] = a.useState(!1), [R, z] = a.useState({
+	}) : []), Ae = a.useMemo(() => JSON.stringify(D.sort || []), [D.sort]);
+	a.useEffect(() => {
+		D.sort && D.sort.length > 0 ? ke(D.sort.map((e) => {
+			if (typeof e == "string") {
+				let t = e.trim().split(/\s+/);
+				return {
+					id: crypto.randomUUID(),
+					field: t[0],
+					order: t[1]?.toLowerCase() === "desc" ? "desc" : "asc"
+				};
+			}
+			return {
+				id: crypto.randomUUID(),
+				field: e.field,
+				order: e.order || "asc"
+			};
+		})) : ke([]);
+	}, [Ae]);
+	let [Me, Ne] = a.useState(!1), [R, Fe] = a.useState({
 		id: "root",
 		logic: "and",
 		conditions: []
-	}), [Ee, De] = a.useState(() => {
-		if (!(!C.tabs || C.tabs.length === 0)) return C.tabs.find((e) => e.isDefault)?.name ?? C.tabs[0]?.name;
-	}), Oe = a.useCallback((e) => {
-		if (De(e.name), e.filter) {
+	}), [Ie, Le] = a.useState(() => {
+		if (!(!D.tabs || D.tabs.length === 0)) return D.tabs.find((e) => e.isDefault)?.name ?? D.tabs[0]?.name;
+	}), Re = a.useCallback((e) => {
+		if (Le(e.name), e.filter) {
 			let t = {
 				id: `tab-filter-${e.name}`,
 				logic: e.filter.logic || "and",
 				conditions: e.filter.conditions || []
 			};
-			z(t), s?.(t);
+			Fe(t), s?.(t);
 		} else {
 			let e = {
 				id: "root",
 				logic: "and",
 				conditions: []
 			};
-			z(e), s?.(e);
+			Fe(e), s?.(e);
 		}
-	}, [s]), B = p.dataSource, [V, H] = a.useState([]), [U, W] = a.useState(!1), [G, Pe] = a.useState(null), [Fe, Ie] = a.useState(!1), [Le, Re] = a.useState(0), [ze, Be] = a.useState(!1);
-	a.useImperativeHandle(b, () => ({ refresh: () => Re((e) => e + 1) }), []), a.useEffect(() => {
-		if (!(!B?.onMutation || !C.objectName || C.refreshTrigger)) return B.onMutation((e) => {
-			e.resource === C.objectName && Re((e) => e + 1);
+	}, [s]), z = w.dataSource, [B, V] = a.useState([]), [H, U] = a.useState(!1), [W, We] = a.useState(null), [Ge, Ke] = a.useState(!1), [qe, Je] = a.useState(0), [Ye, Xe] = a.useState(!1);
+	a.useImperativeHandle(te, () => ({ refresh: () => Je((e) => e + 1) }), []), a.useEffect(() => {
+		if (!(!z?.onMutation || !D.objectName || D.refreshTrigger)) return z.onMutation((e) => {
+			e.resource === D.objectName && Je((e) => e + 1);
 		});
 	}, [
-		B,
-		C.objectName,
-		C.refreshTrigger
+		z,
+		D.objectName,
+		D.refreshTrigger
 	]);
-	let [Ve, He] = a.useState(void 0), K = Ve ?? C.pagination?.pageSize ?? 100, q = a.useMemo(() => {
-		if (C.grouping?.fields?.length) return C.grouping;
-		let e = typeof C.groupBy == "string" ? C.groupBy.trim() : "", t = typeof C.groupBy2 == "string" ? C.groupBy2.trim() : "", n = [];
+	let [Ze, Qe] = a.useState(void 0), G = Ze ?? D.pagination?.pageSize ?? 100, K = a.useMemo(() => {
+		if (D.grouping?.fields?.length) return D.grouping;
+		let e = typeof D.groupBy == "string" ? D.groupBy.trim() : "", t = typeof D.groupBy2 == "string" ? D.groupBy2.trim() : "", n = [];
 		return e && n.push({
 			field: e,
 			order: "asc",
@@ -573,121 +647,127 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			collapsed: !1
 		}), n.length > 0 ? { fields: n } : void 0;
 	}, [
-		C.grouping,
-		C.groupBy,
-		C.groupBy2
-	]), [J, Ue] = a.useState(q), [We, Ge] = a.useState(!1), Ke = a.useRef(q);
+		D.grouping,
+		D.groupBy,
+		D.groupBy2
+	]), [q, $e] = a.useState(K), [et, tt] = a.useState(!1), nt = a.useRef(K);
 	a.useEffect(() => {
-		Ke.current !== q && (Ke.current = q, Ue(q));
-	}, [q]);
-	let [Y, qe] = a.useState(C.rowColor), [Je, Ye] = a.useState(!1), [Xe, Ze] = a.useState([]), Qe = a.useRef(0), [$e, et] = a.useState(() => {
+		nt.current !== K && (nt.current = K, $e(K));
+	}, [K]);
+	let [J, rt] = a.useState(D.rowColor), [it, at] = a.useState(!1), [ot, st] = a.useState([]), ct = a.useRef(0), [lt, ut] = a.useState(() => {
 		let e = /* @__PURE__ */ new Set();
-		return C.quickFilters?.forEach((t) => {
+		return D.quickFilters?.forEach((t) => {
 			let n = r(t);
 			n.defaultActive && e.add(n.id);
 		}), e;
-	}), [tt, nt] = a.useState([]), rt = a.useMemo(() => {
-		if (C.userFilters) return C.userFilters;
-		if (!G?.fields) return;
+	}), [dt, ft] = a.useState([]), pt = a.useMemo(() => {
+		if (D.userFilters) return D.userFilters;
+		if (!W?.fields) return;
 		let e = new Set([
 			"select",
 			"multi-select",
 			"boolean"
-		]), t = [], n = Array.isArray(G.fields) ? G.fields.map((e) => [e.name, e]) : Object.entries(G.fields);
+		]), t = [], n = Array.isArray(W.fields) ? W.fields.map((e) => [e.name, e]) : Object.entries(W.fields);
 		for (let [r, i] of n) (e.has(i.type) || i.options && !i.type) && t.push({
 			field: r,
-			label: E(r, i.label || r),
+			label: O(r, i.label || r),
 			type: i.type === "boolean" ? "boolean" : i.type === "multi-select" ? "multi-select" : "select"
 		});
 		if (t.length !== 0) return {
 			element: "dropdown",
 			fields: t
 		};
-	}, [C.userFilters, G]), [X, it] = a.useState(() => new Set(C.hiddenFields || [])), [at, ot] = a.useState(!1), [st, ct] = a.useState(!1), Z = a.useMemo(() => i(C.quickFilters), [C.quickFilters]), Q = a.useMemo(() => {
-		if (C.exportOptions) return Array.isArray(C.exportOptions) ? { formats: C.exportOptions } : C.exportOptions;
-	}, [C.exportOptions]), lt = ge(a.useMemo(() => C.densityMode ? C.densityMode : C.rowHeight ? {
+	}, [D.userFilters, W]), [Y, mt] = a.useState(() => new Set(D.hiddenFields || [])), ht = a.useMemo(() => JSON.stringify(D.hiddenFields || []), [D.hiddenFields]);
+	a.useEffect(() => {
+		mt(new Set(D.hiddenFields || []));
+	}, [ht]);
+	let gt = a.useCallback((e) => {
+		mt(e), u?.(Array.from(e));
+	}, [u]), [_t, vt] = a.useState(!1), [yt, bt] = a.useState(!1), X = a.useMemo(() => i(D.quickFilters), [D.quickFilters]), Z = a.useMemo(() => {
+		if (D.exportOptions) return Array.isArray(D.exportOptions) ? { formats: D.exportOptions } : D.exportOptions;
+	}, [D.exportOptions]), Q = Ce(a.useMemo(() => D.densityMode ? D.densityMode : D.rowHeight ? {
 		compact: "compact",
 		short: "compact",
 		medium: "comfortable",
 		tall: "spacious",
 		extra_tall: "spacious"
-	}[C.rowHeight] || "comfortable" : "compact", [C.densityMode, C.rowHeight])), { ref: ut, isRefreshing: dt, pullDistance: ft } = ve({
+	}[D.rowHeight] || "comfortable" : "compact", [D.densityMode, D.rowHeight]), { onChange: D.onDensityChange }), { ref: xt, isRefreshing: St, pullDistance: Ct } = Ee({
 		onRefresh: a.useCallback(async () => {
-			Re((e) => e + 1);
+			Je((e) => e + 1);
 		}, []),
-		enabled: !!B && !!C.objectName
-	}), pt = a.useMemo(() => C.id ? `listview-${C.objectName}-${C.id}-view` : `listview-${C.objectName}-view`, [C.objectName, C.id]);
+		enabled: !!z && !!D.objectName
+	}), wt = a.useMemo(() => D.id ? `listview-${D.objectName}-${D.id}-view` : `listview-${D.objectName}-view`, [D.objectName, D.id]);
 	a.useEffect(() => {
 		let e = !0;
-		return Ie(!1), Pe(null), (async () => {
-			if (!B || !C.objectName) {
-				Ie(!0);
+		return Ke(!1), We(null), (async () => {
+			if (!z || !D.objectName) {
+				Ke(!0);
 				return;
 			}
-			if (typeof B.getObjectSchema != "function") {
-				Ie(!0);
+			if (typeof z.getObjectSchema != "function") {
+				Ke(!0);
 				return;
 			}
 			try {
-				let t = await B.getObjectSchema(C.objectName);
-				e && Pe(t);
+				let t = await z.getObjectSchema(D.objectName);
+				e && We(t);
 			} catch (e) {
 				console.warn("Failed to fetch object schema for ListView:", e);
 			} finally {
-				e && Ie(!0);
+				e && Ke(!0);
 			}
 		})(), () => {
 			e = !1;
 		};
-	}, [C.objectName, B]);
-	let mt = a.useMemo(() => t(G?.fields, C.fields), [G?.fields, C.fields]);
+	}, [D.objectName, z]);
+	let Tt = a.useMemo(() => t(W?.fields, D.fields), [W?.fields, D.fields]);
 	a.useEffect(() => {
-		let e = !0, t = ++Qe.current;
-		if (C.data && typeof C.data == "object" && !Array.isArray(C.data)) {
-			let e = C.data;
+		let e = !0, t = ++ct.current;
+		if (D.data && typeof D.data == "object" && !Array.isArray(D.data)) {
+			let e = D.data;
 			if (e.provider === "value" && Array.isArray(e.items)) {
 				let t = e.items;
-				if (M) {
-					let e = M.toLowerCase();
+				if (I) {
+					let e = I.toLowerCase();
 					t = t.filter((t) => Object.values(t).some((t) => t != null && String(t).toLowerCase().includes(e)));
 				}
-				H(t), W(!1), Be(!1);
+				V(t), U(!1), Xe(!1);
 				return;
 			}
 		}
-		if (Array.isArray(C.data)) {
-			let e = C.data;
-			if (M) {
-				let t = M.toLowerCase();
+		if (Array.isArray(D.data)) {
+			let e = D.data;
+			if (I) {
+				let t = I.toLowerCase();
 				e = e.filter((e) => Object.values(e).some((e) => e != null && String(e).toLowerCase().includes(t)));
 			}
-			H(e), W(!1), Be(!1);
+			V(e), U(!1), Xe(!1);
 			return;
 		}
-		return Fe ? ((async () => {
-			if (!(!B || !C.objectName)) {
-				W(!0);
+		return Ge ? ((async () => {
+			if (!(!z || !D.objectName)) {
+				U(!0);
 				try {
-					let n = [], r = C.filters || [], i = je(R), a = [];
-					Z && $e.size > 0 && Z.forEach((e) => {
-						$e.has(e.id) && e.filters && e.filters.length > 0 && a.push(e.filters);
+					let n = [], r = D.filters || [], i = Ve(R), a = [];
+					X && lt.size > 0 && X.forEach((e) => {
+						lt.has(e.id) && e.filters && e.filters.length > 0 && a.push(e.filters);
 					});
-					let o = Ae(tt), s = [
+					let o = Be(dt), s = [
 						...r.length > 0 ? [r] : [],
 						...i.length > 0 ? [i] : [],
 						...a,
 						...o
 					].filter((e) => Array.isArray(e) && e.length > 0);
 					s.length > 1 ? n = ["and", ...s] : s.length === 1 && (n = s[0]);
-					let c = I.length > 0 ? I.filter((e) => e.field).map((e) => ({
+					let c = L.length > 0 ? L.filter((e) => e.field).map((e) => ({
 						field: e.field,
 						order: e.order
 					})) : void 0, l = (() => {
-						let e = Array.isArray(C.fields) ? C.fields.map((e) => typeof e == "string" ? e : e?.field).filter((e) => typeof e == "string" && e.length > 0) : [];
+						let e = Array.isArray(D.fields) ? D.fields.map((e) => typeof e == "string" ? e : e?.field).filter((e) => typeof e == "string" && e.length > 0) : [];
 						if (e.length === 0) return;
 						let t = new Set(["id"]);
 						for (let n of e) t.add(n);
-						for (let e of mt) t.add(e);
+						for (let e of Tt) t.add(e);
 						let n = (e) => {
 							if (!e) return;
 							let n = [
@@ -707,54 +787,60 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 								e.swimlaneField,
 								e.valueField,
 								...Array.isArray(e.cardFields) ? e.cardFields : [],
-								...Array.isArray(e.visibleFields) ? e.visibleFields : []
+								...Array.isArray(e.visibleFields) ? e.visibleFields : [],
+								...Array.isArray(e.metaFields) ? e.metaFields : []
 							];
 							for (let e of n) typeof e == "string" && e && t.add(e);
 						};
-						return n(C.kanban), n(C.options?.kanban), n(C.calendar), n(C.options?.calendar), n(C.gallery), n(C.options?.gallery), n(C.timeline), n(C.options?.timeline), n(C.gantt), n(C.options?.gantt), Array.from(t);
-					})(), u = Array.isArray(n) ? n.length > 0 : !!n && Object.keys(n).length > 0, d = await B.find(C.objectName, {
+						n(D.kanban), n(D.options?.kanban), n(D.calendar), n(D.options?.calendar), n(D.gallery), n(D.options?.gallery), n(D.timeline), n(D.options?.timeline);
+						{
+							let e = D.timeline ?? D.options?.timeline;
+							e && !Array.isArray(e.metaFields) && (t.add("status"), t.add("priority"));
+						}
+						return n(D.gantt), n(D.options?.gantt), Array.from(t);
+					})(), u = Array.isArray(n) ? n.length > 0 : !!n && Object.keys(n).length > 0, d = await z.find(D.objectName, {
 						...u ? { $filter: n } : {},
 						$orderby: c,
-						$top: K,
+						$top: G,
 						...l ? { $select: l } : {},
-						...mt.length > 0 ? { $expand: mt } : {},
-						...M ? {
-							$search: M,
-							...C.searchableFields && C.searchableFields.length > 0 ? { $searchFields: C.searchableFields } : {}
+						...Tt.length > 0 ? { $expand: Tt } : {},
+						...I ? {
+							$search: I,
+							...D.searchableFields && D.searchableFields.length > 0 ? { $searchFields: D.searchableFields } : {}
 						} : {}
 					});
-					if (!e || t !== Qe.current) return;
+					if (!e || t !== ct.current) return;
 					let f = [];
-					Array.isArray(d) ? f = d : d && typeof d == "object" && (Array.isArray(d.data) ? f = d.data : Array.isArray(d.records) ? f = d.records : Array.isArray(d.value) && (f = d.value)), H(f), Be(f.length >= K);
+					Array.isArray(d) ? f = d : d && typeof d == "object" && (Array.isArray(d.data) ? f = d.data : Array.isArray(d.records) ? f = d.records : Array.isArray(d.value) && (f = d.value)), V(f), Xe(f.length >= G);
 				} catch (e) {
-					t === Qe.current && console.error("ListView data fetch error:", e);
+					t === ct.current && console.error("ListView data fetch error:", e);
 				} finally {
-					e && t === Qe.current && W(!1);
+					e && t === ct.current && U(!1);
 				}
 			}
 		})(), () => {
 			e = !1;
 		}) : void 0;
 	}, [
-		C.objectName,
-		C.data,
-		B,
-		C.filters,
-		K,
-		I,
+		D.objectName,
+		D.data,
+		z,
+		D.filters,
+		G,
+		L,
 		R,
-		$e,
-		Z,
-		tt,
-		Le,
-		M,
-		C.searchableFields,
-		mt,
-		Fe,
-		C.refreshTrigger
+		lt,
+		X,
+		dt,
+		qe,
+		I,
+		D.searchableFields,
+		Tt,
+		Ge,
+		D.refreshTrigger
 	]);
-	let ht = a.useMemo(() => {
-		if (C.appearance?.allowedVisualizations && C.appearance.allowedVisualizations.length > 0) return C.appearance.allowedVisualizations.filter((e) => [
+	let Et = a.useMemo(() => {
+		if (D.appearance?.allowedVisualizations && D.appearance.allowedVisualizations.length > 0) return D.appearance.allowedVisualizations.filter((e) => [
 			"grid",
 			"kanban",
 			"gallery",
@@ -764,7 +850,7 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			"map"
 		].includes(e));
 		let e = ["grid"];
-		return (C.kanban?.groupField || C.options?.kanban?.groupField) && e.push("kanban"), (C.gallery?.coverField || C.gallery?.imageField || C.options?.gallery?.imageField) && e.push("gallery"), (C.calendar?.startDateField || C.options?.calendar?.startDateField) && e.push("calendar"), (C.timeline?.startDateField || C.options?.timeline?.startDateField || C.options?.timeline?.dateField || C.options?.calendar?.startDateField) && e.push("timeline"), (C.gantt?.startDateField || C.options?.gantt?.startDateField) && e.push("gantt"), (C.options?.map?.locationField || C.options?.map?.latitudeField && C.options?.map?.longitudeField) && e.push("map"), C.viewType && !e.includes(C.viewType) && [
+		return (D.kanban?.groupField || D.options?.kanban?.groupField) && e.push("kanban"), (D.gallery?.coverField || D.gallery?.imageField || D.options?.gallery?.imageField) && e.push("gallery"), (D.calendar?.startDateField || D.options?.calendar?.startDateField) && e.push("calendar"), (D.timeline?.startDateField || D.options?.timeline?.startDateField || D.options?.timeline?.dateField || D.options?.calendar?.startDateField) && e.push("timeline"), (D.gantt?.startDateField || D.options?.gantt?.startDateField) && e.push("gantt"), (D.options?.map?.locationField || D.options?.map?.latitudeField && D.options?.map?.longitudeField) && e.push("map"), D.viewType && !e.includes(D.viewType) && [
 			"grid",
 			"kanban",
 			"calendar",
@@ -772,42 +858,42 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			"gantt",
 			"map",
 			"gallery"
-		].includes(C.viewType) && e.push(C.viewType), e;
+		].includes(D.viewType) && e.push(D.viewType), e;
 	}, [
-		C.options,
-		C.viewType,
-		C.kanban,
-		C.calendar,
-		C.gantt,
-		C.gallery,
-		C.timeline,
-		C.appearance?.allowedVisualizations
+		D.options,
+		D.viewType,
+		D.kanban,
+		D.calendar,
+		D.gantt,
+		D.gallery,
+		D.timeline,
+		D.appearance?.allowedVisualizations
 	]);
 	a.useEffect(() => {
-		C.viewType && j(C.viewType);
-	}, [C.viewType]);
-	let gt = a.useCallback((e) => {
-		j(e);
+		D.viewType && _e(D.viewType);
+	}, [D.viewType]);
+	let Dt = a.useCallback((e) => {
+		_e(e);
 		try {
-			localStorage.setItem(pt, e);
+			localStorage.setItem(wt, e);
 		} catch (e) {
 			console.warn("Failed to save view preference to localStorage:", e);
 		}
 		o?.(e);
-	}, [pt, o]), _t = a.useCallback((e) => {
-		fe(e), l?.(e);
-	}, [l]), vt = _e({
-		navigation: C.navigation,
-		objectName: C.objectName,
-		onNavigate: C.onNavigate,
-		onRowClick: u
+	}, [wt, o]), Ot = a.useCallback((e) => {
+		ve(e), l?.(e);
+	}, [l]), kt = we({
+		navigation: D.navigation,
+		objectName: D.objectName,
+		onNavigate: D.onNavigate,
+		onRowClick: p
 	}), $ = a.useMemo(() => {
-		let e = C.fields || [];
-		if (Array.isArray(e) || (e = []), X.size > 0 && (e = e.filter((e) => {
+		let e = D.fields || [];
+		if (Array.isArray(e) || (e = []), Y.size > 0 && (e = e.filter((e) => {
 			let t = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field;
-			return t != null && !X.has(t);
-		})), C.fieldOrder && C.fieldOrder.length > 0) {
-			let t = new Map(C.fieldOrder.map((e, t) => [e, t]));
+			return t != null && !Y.has(t);
+		})), D.fieldOrder && D.fieldOrder.length > 0) {
+			let t = new Map(D.fieldOrder.map((e, t) => [e, t]));
 			e = [...e].sort((e, n) => {
 				let r = typeof e == "string" ? e : e?.name || e?.fieldName || e?.field, i = typeof n == "string" ? n : n?.name || n?.fieldName || n?.field;
 				return (t.get(r) ?? Infinity) - (t.get(i) ?? Infinity);
@@ -815,155 +901,181 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 		}
 		return e;
 	}, [
-		C.fields,
-		X,
-		C.fieldOrder
-	]), yt = a.useMemo(() => {
-		let e = {
-			objectName: C.objectName,
+		D.fields,
+		Y,
+		D.fieldOrder
+	]), At = a.useMemo(() => {
+		let e = Q.mode === "compact" ? "compact" : Q.mode === "spacious" ? "tall" : "medium", t = {
+			objectName: D.objectName,
 			fields: $,
-			filters: C.filters,
-			sort: I,
+			filters: D.filters,
+			sort: L,
 			className: "h-full w-full",
 			showSearch: !1,
-			onRowClick: vt.handleClick,
-			...C.striped == null ? {} : { striped: C.striped },
-			...C.bordered == null ? {} : { bordered: C.bordered }
+			onRowClick: kt.handleClick,
+			rowHeight: e,
+			hideRowHeightToggle: !0,
+			...D.striped == null ? {} : { striped: D.striped },
+			...D.bordered == null ? {} : { bordered: D.bordered },
+			...f ? { onColumnStateChange: f } : {},
+			...D.columnState ? { columnState: D.columnState } : {}
 		};
-		switch (k) {
+		switch (j) {
 			case "grid": return {
 				type: "object-grid",
-				...e,
+				...t,
 				columns: $,
-				...C.conditionalFormatting ? { conditionalFormatting: C.conditionalFormatting } : {},
-				...C.inlineEdit == null ? {} : { editable: C.inlineEdit },
-				...C.wrapHeaders == null ? {} : { wrapHeaders: C.wrapHeaders },
-				...C.virtualScroll == null ? {} : { virtualScroll: C.virtualScroll },
-				...C.resizable == null ? {} : { resizable: C.resizable },
-				...C.selection ? { selection: C.selection } : {},
-				...C.pagination ? { pagination: C.pagination } : {},
-				...J ? { grouping: J } : {},
-				...Y ? { rowColor: Y } : {},
-				...C.rowActions ? { rowActions: C.rowActions } : {},
-				...C.bulkActions ? { batchActions: C.bulkActions } : {},
-				...C.options?.grid || {}
+				...D.conditionalFormatting ? { conditionalFormatting: D.conditionalFormatting } : {},
+				...D.inlineEdit == null ? {} : { editable: D.inlineEdit },
+				...D.wrapHeaders == null ? {} : { wrapHeaders: D.wrapHeaders },
+				...D.virtualScroll == null ? {} : { virtualScroll: D.virtualScroll },
+				...D.resizable == null ? {} : { resizable: D.resizable },
+				...D.selection ? { selection: D.selection } : {},
+				...D.pagination ? { pagination: D.pagination } : {},
+				...q ? { grouping: q } : {},
+				...J ? { rowColor: J } : {},
+				...D.rowActions ? { rowActions: D.rowActions } : {},
+				...D.bulkActions ? { batchActions: D.bulkActions } : {},
+				...D.options?.grid || {}
 			};
 			case "kanban": return {
 				type: "object-kanban",
-				...e,
-				groupBy: C.kanban?.groupField || C.options?.kanban?.groupField || "status",
-				groupField: C.kanban?.groupField || C.options?.kanban?.groupField || "status",
-				...C.kanban?.titleField || C.options?.kanban?.titleField ? { titleField: C.kanban?.titleField || C.options?.kanban?.titleField } : {},
-				cardFields: C.kanban?.cardFields || $ || [],
-				...J ? { grouping: J } : {},
-				...C.options?.kanban || {},
-				...C.kanban || {}
+				...t,
+				groupBy: D.kanban?.groupField || D.options?.kanban?.groupField || "status",
+				groupField: D.kanban?.groupField || D.options?.kanban?.groupField || "status",
+				...D.kanban?.titleField || D.options?.kanban?.titleField ? { titleField: D.kanban?.titleField || D.options?.kanban?.titleField } : {},
+				cardFields: D.kanban?.cardFields || $ || [],
+				...q ? { grouping: q } : {},
+				...D.options?.kanban || {},
+				...D.kanban || {}
 			};
 			case "calendar": return {
 				type: "object-calendar",
-				...e,
-				startDateField: C.calendar?.startDateField || C.options?.calendar?.startDateField || "start_date",
-				endDateField: C.calendar?.endDateField || C.options?.calendar?.endDateField || "end_date",
-				...C.calendar?.titleField || C.options?.calendar?.titleField ? { titleField: C.calendar?.titleField || C.options?.calendar?.titleField } : {},
-				...C.calendar?.defaultView ? { defaultView: C.calendar.defaultView } : {},
-				...C.options?.calendar || {},
-				...C.calendar || {}
+				...t,
+				startDateField: D.calendar?.startDateField || D.options?.calendar?.startDateField || "start_date",
+				endDateField: D.calendar?.endDateField || D.options?.calendar?.endDateField || "end_date",
+				...D.calendar?.titleField || D.options?.calendar?.titleField ? { titleField: D.calendar?.titleField || D.options?.calendar?.titleField } : {},
+				...D.calendar?.defaultView ? { defaultView: D.calendar.defaultView } : {},
+				...D.options?.calendar || {},
+				...D.calendar || {}
 			};
 			case "gallery": {
-				let t = {
-					...C.options?.gallery || {},
-					...C.gallery || {}
+				let e = {
+					...D.options?.gallery || {},
+					...D.gallery || {}
 				};
 				return {
 					type: "object-gallery",
-					...e,
-					gallery: Object.keys(t).length > 0 ? t : void 0,
-					imageField: C.gallery?.coverField || C.gallery?.imageField || C.options?.gallery?.imageField,
-					titleField: C.gallery?.titleField || C.options?.gallery?.titleField || "name",
-					subtitleField: C.gallery?.subtitleField || C.options?.gallery?.subtitleField,
-					...J ? { grouping: J } : {}
+					...t,
+					gallery: Object.keys(e).length > 0 ? e : void 0,
+					imageField: D.gallery?.coverField || D.gallery?.imageField || D.options?.gallery?.imageField,
+					titleField: D.gallery?.titleField || D.options?.gallery?.titleField || "name",
+					subtitleField: D.gallery?.subtitleField || D.options?.gallery?.subtitleField,
+					...q ? { grouping: q } : {}
 				};
 			}
 			case "timeline": {
-				let t = {
-					...C.options?.timeline || {},
-					...C.timeline || {}
+				let e = {
+					...D.options?.timeline || {},
+					...D.timeline || {}
 				};
 				return {
 					type: "object-timeline",
-					...e,
-					timeline: Object.keys(t).length > 0 ? t : void 0,
-					startDateField: C.timeline?.startDateField || C.options?.timeline?.startDateField || C.options?.timeline?.dateField || "created_at",
-					titleField: C.timeline?.titleField || C.options?.timeline?.titleField || "name",
-					...C.timeline?.endDateField ? { endDateField: C.timeline.endDateField } : {},
-					...C.timeline?.groupByField ? { groupByField: C.timeline.groupByField } : {},
-					...C.timeline?.colorField ? { colorField: C.timeline.colorField } : {},
-					...C.timeline?.scale ? { scale: C.timeline.scale } : {}
+					...t,
+					timeline: Object.keys(e).length > 0 ? e : void 0,
+					startDateField: D.timeline?.startDateField || D.options?.timeline?.startDateField || D.options?.timeline?.dateField || "created_at",
+					titleField: D.timeline?.titleField || D.options?.timeline?.titleField || "name",
+					...D.timeline?.endDateField ? { endDateField: D.timeline.endDateField } : {},
+					...D.timeline?.groupByField ? { groupByField: D.timeline.groupByField } : {},
+					...D.timeline?.colorField ? { colorField: D.timeline.colorField } : {},
+					...D.timeline?.scale ? { scale: D.timeline.scale } : {}
 				};
 			}
 			case "gantt": return {
 				type: "object-gantt",
-				...e,
-				startDateField: C.gantt?.startDateField || C.options?.gantt?.startDateField || "start_date",
-				endDateField: C.gantt?.endDateField || C.options?.gantt?.endDateField || "end_date",
-				progressField: C.gantt?.progressField || C.options?.gantt?.progressField || "progress",
-				dependenciesField: C.gantt?.dependenciesField || C.options?.gantt?.dependenciesField || "dependencies",
-				...C.gantt?.titleField ? { titleField: C.gantt.titleField } : {},
-				...C.options?.gantt || {},
-				...C.gantt || {}
+				...t,
+				startDateField: D.gantt?.startDateField || D.options?.gantt?.startDateField || "start_date",
+				endDateField: D.gantt?.endDateField || D.options?.gantt?.endDateField || "end_date",
+				progressField: D.gantt?.progressField || D.options?.gantt?.progressField || "progress",
+				dependenciesField: D.gantt?.dependenciesField || D.options?.gantt?.dependenciesField || "dependencies",
+				...D.gantt?.titleField ? { titleField: D.gantt.titleField } : {},
+				...D.options?.gantt || {},
+				...D.gantt || {}
 			};
 			case "map": return {
 				type: "object-map",
-				...e,
-				locationField: C.options?.map?.locationField || "location",
-				...C.options?.map || {}
+				...t,
+				locationField: D.options?.map?.locationField || "location",
+				...D.options?.map || {}
 			};
-			default: return e;
+			default: return t;
 		}
 	}, [
-		k,
-		C,
-		I,
+		j,
+		D,
+		L,
 		$,
+		q,
 		J,
-		Y,
-		vt.handleClick
-	]), bt = R.conditions && R.conditions.length > 0, xt = a.useMemo(() => {
-		let e;
-		if (e = G?.fields ? Object.entries(G.fields).map(([e, t]) => ({
+		kt.handleClick,
+		Q.mode
+	]), jt = R.conditions && R.conditions.length > 0, Mt = a.useMemo(() => {
+		let e, t = (e, t) => {
+			if (!t) return;
+			let n = Array.isArray(t) ? t.map((e) => ({
+				value: e?.value ?? e,
+				label: e?.label ?? String(e?.value ?? e),
+				...e && typeof e == "object" ? e : {}
+			})) : Object.entries(t).map(([e, t]) => ({
+				value: e,
+				label: t?.label || e,
+				...t
+			}));
+			return D.objectName ? E(D.objectName, e, n) : n;
+		};
+		if (e = W?.fields ? Object.entries(W.fields).map(([e, n]) => ({
 			value: e,
-			label: E(e, t.label || e),
-			type: t.type || "text",
-			options: t.options
-		})) : (C.fields || []).map((e) => {
+			label: O(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
+		})) : (D.fields || []).map((e) => {
 			if (typeof e == "string") return {
 				value: e,
 				label: e,
 				type: "text"
 			};
-			let t = e.name || e.fieldName;
+			let n = e.name || e.fieldName;
 			return {
-				value: t,
-				label: E(t, e.label || e.name),
+				value: n,
+				label: O(n, e.label || e.name),
 				type: e.type || "text",
-				options: e.options
+				options: t(n, e.options),
+				referenceTo: e.reference_to || e.reference,
+				displayField: e.display_field || e.reference_field,
+				idField: e.id_field
 			};
-		}), C.filterableFields && C.filterableFields.length > 0) {
-			let t = new Set(C.filterableFields);
+		}), D.filterableFields && D.filterableFields.length > 0) {
+			let t = new Set(D.filterableFields);
 			e = e.filter((e) => t.has(e.value));
 		}
 		return e;
 	}, [
-		G,
-		C.fields,
-		C.filterableFields
-	]), St = a.useCallback((e) => {
-		et((t) => {
+		W,
+		D.fields,
+		D.filterableFields,
+		D.objectName,
+		O,
+		E
+	]), Nt = a.useCallback((e) => {
+		ut((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ct = a.useCallback((e) => {
-		let t = Q, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = t?.fileNamePrefix || C.objectName || "export", a = n > 0 ? V.slice(0, n) : V;
+	}, []), Pt = a.useCallback((e) => {
+		let t = Z, n = t?.maxRecords || 0, r = t?.includeHeaders !== !1, i = t?.fileNamePrefix || D.objectName || "export", a = n > 0 ? B.slice(0, n) : B;
 		if (e === "csv") {
 			let e = $.map((e) => typeof e == "string" ? e : e.name || e.fieldName || e.field), t = [];
 			r && t.push(e.join(",")), a.forEach((n) => {
@@ -978,94 +1090,94 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 			let e = new Blob([JSON.stringify(a, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
 			n.href = t, n.download = `${i}.json`, n.click(), URL.revokeObjectURL(t);
 		}
-		ct(!1);
+		bt(!1);
 	}, [
-		V,
+		B,
 		$,
-		Q,
-		C.objectName
-	]), wt = a.useMemo(() => (C.fields || []).map((e) => {
+		Z,
+		D.objectName
+	]), Ft = a.useMemo(() => (D.fields || []).map((e) => {
 		if (typeof e == "string") return {
 			name: e,
-			label: E(e, e)
+			label: O(e, e)
 		};
 		let t = e.name || e.fieldName || e.field;
 		return {
 			name: t,
-			label: E(t, e.label || e.name || e.field)
+			label: O(t, e.label || e.name || e.field)
 		};
-	}), [C.fields, E]);
+	}), [D.fields, O]);
 	return /* @__PURE__ */ F("div", {
-		ref: ut,
-		className: y("flex flex-col h-full bg-background relative min-w-0 overflow-hidden", n),
-		...C.aria?.label ? { "aria-label": C.aria.label } : {},
-		...C.aria?.describedBy ? { "aria-describedby": C.aria.describedBy } : {},
-		...C.aria?.live ? { "aria-live": C.aria.live } : {},
+		ref: xt,
+		className: C("flex flex-col h-full bg-background relative min-w-0 overflow-hidden", n),
+		...D.aria?.label ? { "aria-label": D.aria.label } : {},
+		...D.aria?.describedBy ? { "aria-describedby": D.aria.describedBy } : {},
+		...D.aria?.live ? { "aria-live": D.aria.live } : {},
 		role: "region",
 		children: [
-			ft > 0 && /* @__PURE__ */ P("div", {
+			Ct > 0 && /* @__PURE__ */ P("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
-				style: { height: ft },
-				children: x(dt ? "list.refreshing" : "list.pullToRefresh")
+				style: { height: Ct },
+				children: T(St ? "list.refreshing" : "list.pullToRefresh")
 			}),
-			f && /* @__PURE__ */ P("div", {
+			_ && /* @__PURE__ */ P("div", {
 				className: "border-b px-4 py-1 flex items-center bg-background",
-				children: /* @__PURE__ */ P(xe, {
-					currentView: k,
-					availableViews: ht,
-					onViewChange: gt
+				children: /* @__PURE__ */ P(Oe, {
+					currentView: j,
+					availableViews: Et,
+					onViewChange: Dt
 				})
 			}),
-			C.tabs && C.tabs.length > 0 && /* @__PURE__ */ P(we, {
-				tabs: C.tabs,
-				activeTab: Ee,
-				onTabChange: Oe
+			D.tabs && D.tabs.length > 0 && /* @__PURE__ */ P(je, {
+				tabs: D.tabs,
+				activeTab: Ie,
+				onTabChange: Re
 			}),
-			C.description && C.appearance?.showDescription !== !1 && /* @__PURE__ */ P("div", {
+			D.description && D.appearance?.showDescription !== !1 && /* @__PURE__ */ P("div", {
 				className: "border-b px-4 py-1.5 text-xs text-muted-foreground bg-background",
 				"data-testid": "view-description",
-				children: typeof C.description == "string" ? C.description : ""
+				children: typeof D.description == "string" ? D.description : ""
 			}),
 			/* @__PURE__ */ F("div", {
 				className: "border-b px-2 sm:px-4 py-1 flex items-center justify-between gap-1 sm:gap-2 bg-background",
 				children: [/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-0.5 overflow-x-auto min-w-0",
-					children: rt && /* @__PURE__ */ P("div", {
+					children: pt && /* @__PURE__ */ P("div", {
 						className: "shrink-0 min-w-0",
 						"data-testid": "user-filters",
-						children: /* @__PURE__ */ P(Te, {
-							config: rt,
-							objectDef: G,
-							data: V,
-							onFilterChange: nt,
+						children: /* @__PURE__ */ P(Pe, {
+							config: pt,
+							objectDef: W,
+							data: B,
+							onFilterChange: ft,
 							maxVisible: 3
 						})
 					})
 				}), /* @__PURE__ */ F("div", {
 					className: "flex items-center gap-0.5 shrink-0",
 					children: [
-						D.showHideFields && /* @__PURE__ */ F(h, {
-							open: at,
-							onOpenChange: ot,
-							children: [/* @__PURE__ */ P(_, {
+						A.showHideFields && /* @__PURE__ */ F(y, {
+							open: _t,
+							onOpenChange: vt,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: y("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", X.size > 0 && "text-primary"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Y.size > 0 && "text-primary"),
 									children: [
-										/* @__PURE__ */ P(T, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P(ae, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
-											children: x("list.hideFields")
+											children: T("list.hideFields")
 										}),
-										X.size > 0 && /* @__PURE__ */ P("span", {
+										Y.size > 0 && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary/10 text-[10px] font-medium text-primary",
-											children: X.size
+											children: Y.size
 										})
 									]
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-64 p-3",
 								children: /* @__PURE__ */ F("div", {
@@ -1074,26 +1186,24 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 										className: "flex items-center justify-between border-b pb-2",
 										children: [/* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
-											children: x("list.hideFieldsTitle")
-										}), X.size > 0 && /* @__PURE__ */ P(d, {
+											children: T("list.hideFieldsTitle")
+										}), Y.size > 0 && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => it(/* @__PURE__ */ new Set()),
-											children: x("list.showAll")
+											onClick: () => gt(/* @__PURE__ */ new Set()),
+											children: T("list.showAll")
 										})]
 									}), /* @__PURE__ */ P("div", {
 										className: "max-h-60 overflow-y-auto space-y-1",
-										children: wt.map((e) => /* @__PURE__ */ F("label", {
+										children: Ft.map((e) => /* @__PURE__ */ F("label", {
 											className: "flex items-center gap-2 text-sm py-1 px-1 rounded hover:bg-muted cursor-pointer",
 											children: [/* @__PURE__ */ P("input", {
 												type: "checkbox",
-												checked: !X.has(e.name),
+												checked: !Y.has(e.name),
 												onChange: () => {
-													it((t) => {
-														let n = new Set(t);
-														return n.has(e.name) ? n.delete(e.name) : n.add(e.name), n;
-													});
+													let t = new Set(Y);
+													t.has(e.name) ? t.delete(e.name) : t.add(e.name), gt(t);
 												},
 												className: "rounded border-input"
 											}), /* @__PURE__ */ P("span", {
@@ -1105,29 +1215,29 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 								})
 							})]
 						}),
-						D.showHideFields && (D.showFilters || D.showSort || D.showGroup) && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
-						D.showFilters && /* @__PURE__ */ F(h, {
-							open: Se,
-							onOpenChange: Ce,
-							children: [/* @__PURE__ */ P(_, {
+						A.showHideFields && (A.showFilters || A.showSort || A.showGroup) && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
+						A.showFilters && /* @__PURE__ */ F(y, {
+							open: Me,
+							onOpenChange: Ne,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: y("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", bt && "bg-primary/10 border border-primary/20 text-primary"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", jt && "bg-primary/10 border border-primary/20 text-primary"),
 									children: [
-										/* @__PURE__ */ P(le, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P(pe, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
-											children: x("list.filter")
+											children: T("list.filter")
 										}),
-										bt && /* @__PURE__ */ P("span", {
+										jt && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary/10 text-[10px] font-medium text-primary",
 											children: R.conditions?.length || 0
 										})
 									]
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
 								children: /* @__PURE__ */ F("div", {
@@ -1136,40 +1246,40 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 										className: "flex items-center justify-between border-b pb-2",
 										children: /* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
-											children: x("list.filterRecords")
+											children: T("list.filterRecords")
 										})
 									}), /* @__PURE__ */ P(m, {
-										fields: xt,
+										fields: Mt,
 										value: R,
 										onChange: (e) => {
-											z(e), s && s(e);
+											Fe(e), s && s(e);
 										}
 									})]
 								})
 							})]
 						}),
-						D.showGroup && /* @__PURE__ */ F(h, {
-							open: We,
-							onOpenChange: Ge,
-							children: [/* @__PURE__ */ P(_, {
+						A.showGroup && /* @__PURE__ */ F(y, {
+							open: et,
+							onOpenChange: tt,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: y("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", J && "bg-primary/10 border border-primary/20 text-primary"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", q && "bg-primary/10 border border-primary/20 text-primary"),
 									children: [
-										/* @__PURE__ */ P(O, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P(oe, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
-											children: x("list.group")
+											children: T("list.group")
 										}),
-										J && J.fields?.length > 0 && /* @__PURE__ */ P("span", {
+										q && q.fields?.length > 0 && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary/10 text-[10px] font-medium text-primary",
-											children: J.fields.length
+											children: q.fields.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-72 p-3",
 								children: /* @__PURE__ */ F("div", {
@@ -1178,57 +1288,57 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 										className: "flex items-center justify-between border-b pb-2",
 										children: [/* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
-											children: x("list.groupBy")
-										}), J && /* @__PURE__ */ P(d, {
+											children: T("list.groupBy")
+										}), q && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => Ue(void 0),
+											onClick: () => $e(void 0),
 											"data-testid": "clear-grouping",
-											children: x("list.clear")
+											children: T("list.clear")
 										})]
 									}), /* @__PURE__ */ P("div", {
 										"data-testid": "group-field-list",
-										children: /* @__PURE__ */ P(ee, {
-											value: J,
-											fieldOptions: wt.map((e) => ({
+										children: /* @__PURE__ */ P(h, {
+											value: q,
+											fieldOptions: Ft.map((e) => ({
 												value: e.name,
 												label: e.label || e.name
 											})),
 											maxLevels: 3,
 											labels: {
-												addGroup: x("list.addGroup", "Add group field"),
-												collapseTitle: x("list.collapsedByDefault", "Collapsed by default"),
-												removeTitle: x("list.removeGroup", "Remove")
+												addGroup: T("list.addGroup", "Add group field"),
+												collapseTitle: T("list.collapsedByDefault", "Collapsed by default"),
+												removeTitle: T("list.removeGroup", "Remove")
 											},
-											onChange: (e) => Ue(e)
+											onChange: (e) => $e(e)
 										})
 									})]
 								})
 							})]
 						}),
-						D.showSort && /* @__PURE__ */ F(h, {
-							open: ye,
-							onOpenChange: be,
-							children: [/* @__PURE__ */ P(_, {
+						A.showSort && /* @__PURE__ */ F(y, {
+							open: Te,
+							onOpenChange: De,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: y("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", I.length > 0 && "bg-primary/10 border border-primary/20 text-primary"),
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", L.length > 0 && "bg-primary/10 border border-primary/20 text-primary"),
 									children: [
-										/* @__PURE__ */ P(ie, { className: "h-3.5 w-3.5 mr-1.5" }),
+										/* @__PURE__ */ P(ee, { className: "h-3.5 w-3.5 mr-1.5" }),
 										/* @__PURE__ */ P("span", {
 											className: "hidden sm:inline",
-											children: x("list.sort")
+											children: T("list.sort")
 										}),
-										I.length > 0 && /* @__PURE__ */ P("span", {
+										L.length > 0 && /* @__PURE__ */ P("span", {
 											className: "ml-1 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary/10 text-[10px] font-medium text-primary",
-											children: I.length
+											children: L.length
 										})
 									]
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4",
 								children: /* @__PURE__ */ F("div", {
@@ -1237,34 +1347,34 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 										className: "flex items-center justify-between border-b pb-2",
 										children: /* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
-											children: x("list.sortRecords")
+											children: T("list.sortRecords")
 										})
-									}), /* @__PURE__ */ P(v, {
-										fields: xt,
-										value: I,
+									}), /* @__PURE__ */ P(S, {
+										fields: Mt,
+										value: L,
 										onChange: (e) => {
-											L(e), c && c(e);
+											ke(e), c && c(e);
 										}
 									})]
 								})
 							})]
 						}),
-						(D.showFilters || D.showSort || D.showGroup) && (D.showColor || D.showDensity) && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
-						D.showColor && /* @__PURE__ */ F(h, {
-							open: Je,
-							onOpenChange: Ye,
-							children: [/* @__PURE__ */ P(_, {
+						(A.showFilters || A.showSort || A.showGroup) && (A.showColor || A.showDensity) && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
+						A.showColor && /* @__PURE__ */ F(y, {
+							open: it,
+							onOpenChange: at,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
-									className: y("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", Y && "bg-primary/10 border border-primary/20 text-primary"),
-									children: [/* @__PURE__ */ P(ae, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
+									className: C("h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", J && "bg-primary/10 border border-primary/20 text-primary"),
+									children: [/* @__PURE__ */ P(M, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 										className: "hidden sm:inline",
-										children: x("list.color")
+										children: T("list.color")
 									})]
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-64 p-3",
 								children: /* @__PURE__ */ F("div", {
@@ -1273,36 +1383,36 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 										className: "flex items-center justify-between border-b pb-2",
 										children: [/* @__PURE__ */ P("h4", {
 											className: "font-medium text-sm",
-											children: x("list.rowColor")
-										}), Y && /* @__PURE__ */ P(d, {
+											children: T("list.rowColor")
+										}), J && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-6 px-2 text-xs",
-											onClick: () => qe(void 0),
+											onClick: () => rt(void 0),
 											"data-testid": "clear-row-color",
-											children: x("list.clear")
+											children: T("list.clear")
 										})]
 									}), /* @__PURE__ */ F("div", {
 										className: "space-y-2",
 										"data-testid": "color-field-list",
 										children: [/* @__PURE__ */ P("label", {
 											className: "text-xs text-muted-foreground",
-											children: x("list.colorByField")
+											children: T("list.colorByField")
 										}), /* @__PURE__ */ F("select", {
 											className: "w-full h-8 rounded border border-input bg-background px-2 text-xs",
-											value: Y?.field || "",
+											value: J?.field || "",
 											onChange: (e) => {
 												let t = e.target.value;
-												qe(t ? {
+												rt(t ? {
 													field: t,
-													colors: Y?.colors || {}
+													colors: J?.colors || {}
 												} : void 0);
 											},
 											"data-testid": "color-field-select",
 											children: [/* @__PURE__ */ P("option", {
 												value: "",
-												children: x("list.none")
-											}), wt.map((e) => /* @__PURE__ */ P("option", {
+												children: T("list.none")
+											}), Ft.map((e) => /* @__PURE__ */ P("option", {
 												value: e.name,
 												children: e.label
 											}, e.name))]
@@ -1311,245 +1421,263 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 								})
 							})]
 						}),
-						D.showDensity && /* @__PURE__ */ F(d, {
-							variant: "ghost",
-							size: "sm",
-							className: y("h-7 px-2 text-muted-foreground hover:text-primary text-xs hidden lg:flex transition-colors duration-150", lt.mode !== "compact" && "bg-primary/10 border border-primary/20 text-primary"),
-							onClick: lt.cycle,
-							title: `Density: ${lt.mode}`,
-							children: [/* @__PURE__ */ P(re, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
-								className: "hidden sm:inline capitalize",
-								children: lt.mode
-							})]
-						}),
-						(D.showColor || D.showDensity) && Q && C.allowExport !== !1 && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
-						Q && C.allowExport !== !1 && /* @__PURE__ */ F(h, {
-							open: st,
-							onOpenChange: ct,
-							children: [/* @__PURE__ */ P(_, {
+						A.showDensity && (() => {
+							let e = Q.mode === "compact" ? ue : Q.mode === "comfortable" ? le : ce;
+							return /* @__PURE__ */ P(d, {
+								variant: "ghost",
+								size: "sm",
+								"aria-label": `Density: ${Q.mode}`,
+								className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary transition-colors duration-150", Q.mode !== "compact" && "bg-primary/10 border border-primary/20 text-primary"),
+								onClick: Q.cycle,
+								title: `Density: ${Q.mode} (click to cycle)`,
+								children: /* @__PURE__ */ P(e, { className: "h-3.5 w-3.5" })
+							});
+						})(),
+						(A.showColor || A.showDensity) && Z && D.allowExport !== !1 && /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }),
+						Z && D.allowExport !== !1 && /* @__PURE__ */ F(y, {
+							open: yt,
+							onOpenChange: bt,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ F(d, {
 									variant: "ghost",
 									size: "sm",
 									className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
-									children: [/* @__PURE__ */ P(w, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
+									children: [/* @__PURE__ */ P(ie, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 										className: "hidden sm:inline",
-										children: x("list.export")
+										children: T("list.export")
 									})]
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "start",
 								className: "w-48 p-2",
 								children: /* @__PURE__ */ P("div", {
 									className: "space-y-1",
-									children: (Q.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ F(d, {
+									children: (Z.formats || ["csv", "json"]).map((e) => /* @__PURE__ */ F(d, {
 										variant: "ghost",
 										size: "sm",
 										className: "w-full justify-start h-8 text-xs",
-										onClick: () => Ct(e),
-										children: [/* @__PURE__ */ P(w, { className: "h-3.5 w-3.5 mr-2" }), x("list.exportAs", { format: e.toUpperCase() })]
+										onClick: () => Pt(e),
+										children: [/* @__PURE__ */ P(ie, { className: "h-3.5 w-3.5 mr-2" }), T("list.exportAs", { format: e.toUpperCase() })]
 									}, e))
 								})
 							})]
 						}),
-						(C.sharing?.enabled || C.sharing?.type) && /* @__PURE__ */ F(d, {
+						(D.sharing?.enabled || D.sharing?.type) && /* @__PURE__ */ F(d, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
-							title: `Sharing: ${C.sharing?.visibility || C.sharing?.type || "private"}`,
+							title: `Sharing: ${D.sharing?.visibility || D.sharing?.type || "private"}`,
 							"data-testid": "share-button",
-							children: [/* @__PURE__ */ P(ce, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ P(fe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
-								children: x("list.share")
+								children: T("list.share")
 							})]
 						}),
-						C.allowPrinting && /* @__PURE__ */ F(d, {
+						D.allowPrinting && /* @__PURE__ */ F(d, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 							onClick: () => window.print(),
 							"data-testid": "print-button",
-							children: [/* @__PURE__ */ P(oe, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ P(se, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
-								children: x("list.print")
+								children: T("list.print")
 							})]
 						}),
 						(() => {
-							let e = C.allowPrinting || C.sharing?.enabled || C.sharing?.type || Q && C.allowExport !== !1;
-							return D.showSearch && e ? /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }) : null;
+							let e = D.allowPrinting || D.sharing?.enabled || D.sharing?.type || Z && D.allowExport !== !1;
+							return A.showSearch && e ? /* @__PURE__ */ P("div", { className: "h-4 w-px bg-border/60 mx-0.5 shrink-0" }) : null;
 						})(),
-						D.showSearch && /* @__PURE__ */ F(h, {
-							open: me,
-							onOpenChange: he,
-							children: [/* @__PURE__ */ P(_, {
+						A.showSearch && /* @__PURE__ */ F(y, {
+							open: xe,
+							onOpenChange: Se,
+							children: [/* @__PURE__ */ P(x, {
 								asChild: !0,
 								children: /* @__PURE__ */ P(d, {
 									variant: "ghost",
 									size: "sm",
-									className: y("h-7 w-7 p-0 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", M && "bg-primary/10 border border-primary/20 text-primary"),
+									className: C("h-7 w-7 p-0 text-muted-foreground hover:text-primary text-xs transition-colors duration-150", I && "bg-primary/10 border border-primary/20 text-primary"),
 									"data-testid": "search-icon-button",
-									title: x("list.search"),
-									children: /* @__PURE__ */ P(se, { className: "h-3.5 w-3.5" })
+									title: T("list.search"),
+									children: /* @__PURE__ */ P(de, { className: "h-3.5 w-3.5" })
 								})
-							}), /* @__PURE__ */ P(g, {
+							}), /* @__PURE__ */ P(b, {
 								align: "end",
 								className: "w-[calc(100vw-2rem)] sm:w-64 p-2",
 								"data-testid": "search-popover",
 								children: /* @__PURE__ */ F("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ P(se, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
-										/* @__PURE__ */ P(te, {
-											placeholder: x("list.search") + "...",
-											value: M,
-											onChange: (e) => _t(e.target.value),
+										/* @__PURE__ */ P(de, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+										/* @__PURE__ */ P(g, {
+											placeholder: T("list.search") + "...",
+											value: I,
+											onChange: (e) => Ot(e.target.value),
 											className: "pl-7 h-8 text-xs",
 											autoFocus: !0
 										}),
-										M && /* @__PURE__ */ P(d, {
+										I && /* @__PURE__ */ P(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "absolute right-0.5 top-1/2 -translate-y-1/2 h-5 w-5 p-0 hover:bg-muted-foreground/20",
-											onClick: () => _t(""),
-											children: /* @__PURE__ */ P(ue, { className: "h-3 w-3" })
+											onClick: () => Ot(""),
+											children: /* @__PURE__ */ P(he, { className: "h-3 w-3" })
 										})
 									]
 								})
 							})]
 						}),
-						D.showAddRecord && D.addRecordPosition === "top" && /* @__PURE__ */ F(d, {
+						A.showAddRecord && A.addRecordPosition === "top" && /* @__PURE__ */ F(d, {
 							variant: "ghost",
 							size: "sm",
 							className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 							"data-testid": "add-record-button",
-							onClick: () => p.onAddRecord?.(),
+							onClick: () => w.onAddRecord?.(),
 							children: [/* @__PURE__ */ P(N, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
-								children: x("list.addRecord")
+								children: T("list.addRecord")
 							})]
 						})
 					]
 				})]
 			}),
-			Z && Z.length > 0 && /* @__PURE__ */ P("div", {
+			X && X.length > 0 && /* @__PURE__ */ P("div", {
 				className: "border-b px-2 sm:px-4 py-1 flex items-center gap-1 flex-wrap bg-background",
 				"data-testid": "quick-filters",
-				children: Z.map((e) => {
-					let t = $e.has(e.id), n = e.icon ? de[e.icon.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
+				children: X.map((e) => {
+					let t = lt.has(e.id), n = e.icon ? ge[e.icon.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null : null;
 					return /* @__PURE__ */ F(d, {
 						variant: t ? "default" : "outline",
 						size: "sm",
 						className: "h-7 px-3 text-xs",
-						onClick: () => St(e.id),
+						onClick: () => Nt(e.id),
 						children: [n && /* @__PURE__ */ P(n, { className: "h-3 w-3 mr-1.5" }), e.label]
 					}, e.id);
 				})
 			}),
 			/* @__PURE__ */ P("div", {
 				className: "flex-1 min-h-0 bg-background relative overflow-hidden animate-in fade-in-0 duration-200",
-				children: !U && V.length === 0 ? (() => {
-					let e = C.emptyState?.icon;
+				children: !H && B.length === 0 && (j === "grid" || j === "list") ? (() => {
+					let e = D.emptyState?.icon;
 					return /* @__PURE__ */ F("div", {
 						className: "flex flex-col items-center justify-center h-full min-h-[200px] text-center p-8",
 						"data-testid": "empty-state",
 						children: [
-							/* @__PURE__ */ P(e ? de[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? A : A, { className: "h-12 w-12 text-muted-foreground/50 mb-4" }),
+							/* @__PURE__ */ P(e ? ge[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? k : k, { className: "h-12 w-12 text-muted-foreground/50 mb-4" }),
 							/* @__PURE__ */ P("h3", {
 								className: "text-lg font-medium text-foreground mb-1",
-								children: (typeof C.emptyState?.title == "string" ? C.emptyState.title : void 0) ?? "No items found"
+								children: (typeof D.emptyState?.title == "string" ? D.emptyState.title : void 0) ?? "No items found"
 							}),
 							/* @__PURE__ */ P("p", {
 								className: "text-sm text-muted-foreground max-w-md",
-								children: (typeof C.emptyState?.message == "string" ? C.emptyState.message : void 0) ?? "There are no records to display. Try adjusting your filters or adding new data."
+								children: (typeof D.emptyState?.message == "string" ? D.emptyState.message : void 0) ?? "There are no records to display. Try adjusting your filters or adding new data."
 							}),
-							D.showAddRecord && /* @__PURE__ */ F(d, {
+							A.showAddRecord && /* @__PURE__ */ F(d, {
 								variant: "default",
 								size: "sm",
 								className: "mt-4",
 								"data-testid": "empty-state-add-record",
-								onClick: () => p.onAddRecord?.(),
-								children: [/* @__PURE__ */ P(N, { className: "h-4 w-4 mr-1.5" }), x("list.addRecord")]
+								onClick: () => w.onAddRecord?.(),
+								children: [/* @__PURE__ */ P(N, { className: "h-4 w-4 mr-1.5" }), T("list.addRecord")]
 							})
 						]
 					});
-				})() : /* @__PURE__ */ P(pe, {
-					schema: yt,
-					...p,
-					data: V,
-					loading: U,
-					onRowSelect: Ze
+				})() : /* @__PURE__ */ P(be, {
+					schema: At,
+					...w,
+					data: B,
+					loading: H,
+					onRowSelect: st
 				})
-			}, k),
-			D.showAddRecord && D.addRecordPosition === "bottom" && /* @__PURE__ */ P("div", {
+			}, j),
+			A.showAddRecord && A.addRecordPosition === "bottom" && /* @__PURE__ */ P("div", {
 				className: "border-t px-2 sm:px-4 py-1 bg-background shrink-0",
 				children: /* @__PURE__ */ F(d, {
 					variant: "ghost",
 					size: "sm",
 					className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs transition-colors duration-150",
 					"data-testid": "add-record-button",
-					onClick: () => p.onAddRecord?.(),
+					onClick: () => w.onAddRecord?.(),
 					children: [/* @__PURE__ */ P(N, { className: "h-3.5 w-3.5 mr-1.5" }), /* @__PURE__ */ P("span", {
 						className: "hidden sm:inline",
-						children: x("list.addRecord")
+						children: T("list.addRecord")
 					})]
 				})
 			}),
-			C.bulkActions && C.bulkActions.length > 0 && Xe.length > 0 && k !== "grid" && /* @__PURE__ */ F("div", {
-				className: "border-t px-4 py-1.5 flex items-center gap-2 text-xs bg-primary/5 shrink-0",
+			D.bulkActions && D.bulkActions.length > 0 && ot.length > 0 && j !== "grid" && /* @__PURE__ */ F("div", {
+				className: "border-t border-primary/30 px-4 py-2 flex items-center gap-2 text-xs bg-primary/10 text-foreground shrink-0 shadow-sm",
+				role: "region",
+				"aria-label": "Bulk actions",
 				"data-testid": "bulk-actions-bar",
 				children: [
+					/* @__PURE__ */ P(ne, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
 					/* @__PURE__ */ F("span", {
-						className: "text-muted-foreground font-medium",
-						children: [Xe.length, " selected"]
+						className: "font-medium",
+						children: [
+							ot.length,
+							" ",
+							ot.length === 1 ? "item" : "items",
+							" selected"
+						]
 					}),
 					/* @__PURE__ */ P("div", {
-						className: "flex items-center gap-1 ml-2",
-						children: C.bulkActions.map((e) => /* @__PURE__ */ P(d, {
-							variant: "outline",
-							size: "sm",
-							className: "h-6 px-2 text-xs",
-							onClick: () => p.onBulkAction?.(e, Xe),
-							"data-testid": `bulk-action-${e}`,
-							children: ke(e)
-						}, e))
+						className: "flex items-center gap-1.5 ml-3",
+						children: D.bulkActions.map((e) => {
+							let t = String(e).toLowerCase(), n = t.includes("delete") || t.includes("remove") || t.includes("destroy"), r = n ? me : null;
+							return /* @__PURE__ */ F(d, {
+								variant: n ? "destructive" : "outline",
+								size: "sm",
+								className: "h-7 px-2.5 text-xs gap-1.5",
+								onClick: () => w.onBulkAction?.(e, ot),
+								"data-testid": `bulk-action-${e}`,
+								children: [r && /* @__PURE__ */ P(r, { className: "h-3 w-3" }), ze(e)]
+							}, e);
+						})
 					}),
-					/* @__PURE__ */ P(d, {
+					/* @__PURE__ */ F(d, {
 						variant: "ghost",
 						size: "sm",
-						className: "h-6 px-2 text-xs ml-auto",
-						onClick: () => Ze([]),
-						children: "Clear"
+						className: "h-7 px-2 text-xs ml-auto gap-1",
+						onClick: () => st([]),
+						children: [/* @__PURE__ */ P(he, { className: "h-3 w-3" }), "Clear"]
 					})
 				]
 			}),
-			!U && V.length > 0 && C.showRecordCount !== !1 && /* @__PURE__ */ F("div", {
-				className: "border-t px-4 py-1.5 flex items-center gap-2 text-xs text-muted-foreground bg-background shrink-0",
+			!H && B.length > 0 && D.showRecordCount !== !1 && /* @__PURE__ */ F("div", {
+				className: "border-t px-4 py-2 flex items-center gap-3 text-xs text-muted-foreground bg-background shrink-0",
 				"data-testid": "record-count-bar",
 				children: [
-					/* @__PURE__ */ P("span", { children: V.length === 1 ? x("list.recordCountOne", { count: V.length }) : x("list.recordCount", { count: V.length }) }),
-					ze && /* @__PURE__ */ P("span", {
+					/* @__PURE__ */ P("span", {
+						className: "font-medium text-foreground/80",
+						children: B.length === 1 ? T("list.recordCountOne", { count: B.length }) : T("list.recordCount", { count: B.length })
+					}),
+					Ye && /* @__PURE__ */ P("span", {
 						className: "text-amber-600",
 						"data-testid": "data-limit-warning",
-						children: x("list.dataLimitReached", { limit: K })
+						children: T("list.dataLimitReached", { limit: G })
 					}),
-					C.pagination?.pageSizeOptions && C.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ P("select", {
-						className: "ml-auto h-6 rounded border border-input bg-background px-1 text-xs",
-						value: K,
-						onChange: (e) => {
-							let t = Number(e.target.value);
-							He(t), p.onPageSizeChange && p.onPageSizeChange(t);
-						},
-						"data-testid": "page-size-selector",
-						children: C.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ F("option", {
-							value: e,
-							children: [e, " / page"]
-						}, e))
+					D.pagination?.pageSizeOptions && D.pagination.pageSizeOptions.length > 0 && /* @__PURE__ */ F("div", {
+						className: "ml-auto flex items-center gap-2",
+						children: [/* @__PURE__ */ P("span", { children: T("table.rowsPerPage", { defaultValue: "Rows per page" }) }), /* @__PURE__ */ P("select", {
+							"data-testid": "page-size-selector",
+							className: "h-7 w-[72px] px-2 py-1 text-xs rounded-md border border-input bg-background",
+							value: String(G),
+							onChange: (e) => {
+								let t = Number(e.target.value);
+								Qe(t), w.onPageSizeChange && w.onPageSizeChange(t);
+							},
+							children: D.pagination.pageSizeOptions.map((e) => /* @__PURE__ */ P("option", {
+								value: String(e),
+								children: e
+							}, e))
+						})]
 					})
 				]
 			}),
-			vt.isOverlay && /* @__PURE__ */ P(ne, {
-				...vt,
-				title: C.label ? `${C.label} Detail` : C.objectName ? `${C.objectName.charAt(0).toUpperCase() + C.objectName.slice(1)} Detail` : "Record Detail",
+			kt.isOverlay && /* @__PURE__ */ P(v, {
+				...kt,
+				title: D.label ? `${D.label} Detail` : D.objectName ? `${D.objectName.charAt(0).toUpperCase() + D.objectName.slice(1)} Detail` : "Record Detail",
 				children: (e) => /* @__PURE__ */ P("div", {
 					className: "space-y-3",
 					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ F("div", {
@@ -1567,29 +1695,49 @@ var U = a.forwardRef(({ schema: e, className: n, onViewChange: o, onFilterChange
 		]
 	});
 });
-U.displayName = "ListView";
+H.displayName = "ListView";
 //#endregion
 //#region src/ObjectGallery.tsx
-var W = {
+var U = {
 	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"
-}, G = {
+}, W = {
 	small: "aspect-square",
 	medium: "aspect-[4/3]",
 	large: "aspect-[16/10]"
-}, Pe = (e) => {
-	let { schema: n } = e, r = s(me), i = e.dataSource || r?.dataSource, a = he(n.bind), [d, m] = u([]), [ee, te] = u(!1), [h, g] = u(null), _ = _e({
+}, We = (e) => {
+	let { schema: n } = e, r = s(xe), i = e.dataSource || r?.dataSource, a = Se(n.bind), [d, m] = u([]), [h, g] = u(!1), [_, y] = u(null), b = we({
 		navigation: n.navigation,
 		objectName: n.objectName,
 		onRowClick: e.onRowClick ?? e.onCardClick
-	}), v = n.gallery, b = v?.coverField ?? n.imageField ?? "image", re = v?.coverFit ?? "cover", ie = v?.cardSize ?? "medium", x = v?.titleField ?? n.titleField ?? "name", w = v?.visibleFields;
+	}), x = n.gallery, S = x?.coverField ?? n.imageField ?? "image", w = x?.coverFit ?? "cover", ee = x?.cardSize ?? "medium", te = x?.titleField ?? n.titleField ?? "name", ne = x?.visibleFields, { fieldOptionLabel: ie } = Te(), ae = o((e, t) => {
+		if (t == null || t === "") return "";
+		if (typeof t == "object") return t.label ?? t.name ?? t.id ?? JSON.stringify(t);
+		let r = _?.fields?.[e];
+		if ((r?.type === "select" || r?.type === "status" || r?.type === "multiselect") && n.objectName) {
+			let i = String(t);
+			if (Array.isArray(r.options)) {
+				let e = r.options.find((e) => String(e?.value ?? e) === String(t));
+				e && (i = e.label ?? i);
+			} else if (r.options && typeof r.options == "object") {
+				let e = r.options[String(t)];
+				e && (i = e.label ?? i);
+			}
+			return ie(n.objectName, e, String(t), i);
+		}
+		return String(t);
+	}, [
+		_,
+		n.objectName,
+		ie
+	]);
 	c(() => {
 		let e = !0;
 		return (async () => {
 			if (!(!i || typeof i.getObjectSchema != "function" || !n.objectName)) try {
 				let t = await i.getObjectSchema(n.objectName);
-				e && g(t);
+				e && y(t);
 			} catch (e) {
 				console.warn("Failed to fetch object def for ObjectGallery", e);
 			}
@@ -1604,9 +1752,9 @@ var W = {
 		}
 		return n.objectName && !a && !n.data && !e.data && (async () => {
 			if (!(!i || typeof i.find != "function" || !n.objectName)) {
-				r && te(!0);
+				r && g(!0);
 				try {
-					let e = t(h?.fields), a = await i.find(n.objectName, {
+					let e = t(_?.fields), a = await i.find(n.objectName, {
 						$filter: n.filter,
 						...e.length > 0 ? { $expand: e } : {}
 					}), o = [];
@@ -1619,7 +1767,7 @@ var W = {
 				} catch (e) {
 					console.error("[ObjectGallery] Fetch error:", e);
 				} finally {
-					r && te(!1);
+					r && g(!1);
 				}
 			}
 		})(), () => {
@@ -1632,17 +1780,17 @@ var W = {
 		n.data,
 		n.filter,
 		e.data,
-		h
+		_
 	]);
-	let T = e.data || a || n.data || d || [], E = l(() => T.some((e) => typeof e[b] == "string" && !!e[b]), [T, b]), D = !!v?.coverField || E, O = n.grouping?.fields, k = !!(O && O.length > 0), [A, j] = u({}), M = l(() => O ? O.some((e) => e.collapsed) : !1, [O]), ae = o((e) => {
+	let E = e.data || a || n.data || d || [], D = l(() => E.some((e) => typeof e[S] == "string" && !!e[S]), [E, S]), oe = !!x?.coverField || D, O = n.grouping?.fields, k = !!(O && O.length > 0), [A, j] = u({}), M = l(() => O ? O.some((e) => e.collapsed) : !1, [O]), N = o((e) => {
 		j((t) => ({
 			...t,
 			[e]: t[e] === void 0 ? !M : !t[e]
 		}));
-	}, [M]), N = l(() => {
+	}, [M]), se = l(() => {
 		if (!k || !O) return [];
 		let e = /* @__PURE__ */ new Map(), t = [];
-		for (let n of T) {
+		for (let n of E) {
 			let r = O.map((e) => String(n[e.field] ?? "")).join(" / ");
 			if (!e.has(r)) {
 				let i = O.map((e) => {
@@ -1673,33 +1821,33 @@ var W = {
 			};
 		});
 	}, [
-		T,
+		E,
 		O,
 		k,
 		A,
 		M
 	]);
-	if (ee && !T.length) return /* @__PURE__ */ P("div", {
+	if (h && !E.length) return /* @__PURE__ */ P("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "Loading Gallery..."
 	});
-	if (!T.length) return /* @__PURE__ */ P("div", {
+	if (!E.length) return /* @__PURE__ */ P("div", {
 		className: "p-4 text-sm text-muted-foreground",
 		children: "No items to display"
 	});
-	let oe = (t, r) => {
-		let i = t.id ?? t._id ?? r, a = String(t[x] ?? "Untitled"), o = t[b];
+	let ce = (t, r) => {
+		let i = t.id ?? t._id ?? r, a = String(t[te] ?? "Untitled"), o = t[S];
 		return /* @__PURE__ */ F(f, {
 			role: "listitem",
-			className: y("group overflow-hidden transition-all hover:shadow-md", (e.onCardClick || e.onRowClick || n.navigation) && "cursor-pointer"),
-			onClick: () => _.handleClick(t),
+			className: C("group overflow-hidden transition-all hover:shadow-md", (e.onCardClick || e.onRowClick || n.navigation) && "cursor-pointer"),
+			onClick: () => b.handleClick(t),
 			children: [/* @__PURE__ */ P("div", {
-				className: y("w-full overflow-hidden bg-muted relative", G[ie]),
-				hidden: !D,
+				className: C("w-full overflow-hidden bg-muted relative", W[ee]),
+				hidden: !oe,
 				children: o ? /* @__PURE__ */ P("img", {
 					src: o,
 					alt: a,
-					className: y("h-full w-full transition-transform group-hover:scale-105", re === "cover" && "object-cover", re === "contain" && "object-contain")
+					className: C("h-full w-full transition-transform group-hover:scale-105", w === "cover" && "object-cover", w === "contain" && "object-contain")
 				}) : /* @__PURE__ */ P("div", {
 					className: "flex h-full w-full items-center justify-center bg-secondary/50 text-muted-foreground",
 					children: /* @__PURE__ */ P("span", {
@@ -1708,48 +1856,48 @@ var W = {
 					})
 				})
 			}), /* @__PURE__ */ F(p, {
-				className: y("p-3", D && "border-t"),
+				className: C("p-3", oe && "border-t"),
 				children: [/* @__PURE__ */ P("h3", {
 					className: "font-medium truncate text-sm",
 					title: a,
 					children: a
-				}), w && w.length > 0 && /* @__PURE__ */ P("div", {
+				}), ne && ne.length > 0 && /* @__PURE__ */ P("div", {
 					className: "mt-1 space-y-0.5",
-					children: w.map((e) => {
+					children: ne.map((e) => {
 						let n = t[e];
 						return n == null || n === "" ? null : /* @__PURE__ */ P("p", {
 							className: "text-xs text-muted-foreground truncate",
-							children: typeof n == "object" ? n.label ?? n.name ?? n.id ?? JSON.stringify(n) : String(n)
+							children: ae(e, n)
 						}, e);
 					})
 				})]
 			})]
 		}, i);
-	}, se = (e) => /* @__PURE__ */ P("div", {
-		className: y("grid gap-4 p-4 auto-rows-min content-start", W[ie], n.className),
+	}, le = (e) => /* @__PURE__ */ P("div", {
+		className: C("grid gap-4 p-4 auto-rows-min content-start", U[ee], n.className),
 		role: "list",
-		children: e.map((e, t) => oe(e, t))
+		children: e.map((e, t) => ce(e, t))
 	});
-	return /* @__PURE__ */ F(fe, { children: [k ? /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ F(_e, { children: [k ? /* @__PURE__ */ P("div", {
 		className: "space-y-2",
-		children: N.map((e) => /* @__PURE__ */ F("div", {
+		children: se.map((e) => /* @__PURE__ */ F("div", {
 			className: "border rounded-md",
 			children: [/* @__PURE__ */ F("button", {
 				type: "button",
 				className: "flex w-full items-center gap-2 px-3 py-2 text-sm font-medium text-left bg-muted/50 hover:bg-muted transition-colors",
-				onClick: () => ae(e.key),
+				onClick: () => N(e.key),
 				children: [
-					e.collapsed ? /* @__PURE__ */ P(C, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ P(S, { className: "h-4 w-4 shrink-0" }),
+					e.collapsed ? /* @__PURE__ */ P(re, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ P(T, { className: "h-4 w-4 shrink-0" }),
 					/* @__PURE__ */ P("span", { children: e.label }),
 					/* @__PURE__ */ P("span", {
 						className: "ml-auto text-xs text-muted-foreground",
 						children: e.items.length
 					})
 				]
-			}), !e.collapsed && se(e.items)]
+			}), !e.collapsed && le(e.items)]
 		}, e.key))
-	}) : se(T), _.isOverlay && /* @__PURE__ */ P(ne, {
-		..._,
+	}) : le(E), b.isOverlay && /* @__PURE__ */ P(v, {
+		...b,
 		title: "Gallery Item",
 		children: (e) => /* @__PURE__ */ P("div", {
 			className: "space-y-3",
@@ -1766,11 +1914,11 @@ var W = {
 		})
 	})] });
 };
-e.register("object-gallery", Pe, {
+e.register("object-gallery", We, {
 	namespace: "plugin-list",
 	label: "Gallery View",
 	category: "view"
-}), e.register("list-view", U, {
+}), e.register("list-view", H, {
 	namespace: "plugin-list",
 	label: "List View",
 	category: "Views",
@@ -1847,7 +1995,7 @@ e.register("object-gallery", Pe, {
 		sort: [],
 		options: {}
 	}
-}), e.register("list", U, {
+}), e.register("list", H, {
 	namespace: "view",
 	category: "view",
 	label: "List",
@@ -1918,4 +2066,4 @@ e.register("object-gallery", Pe, {
 	]
 });
 //#endregion
-export { U as ListView, Pe as ObjectGallery, we as TabBar, Te as UserFilters, xe as ViewSwitcher, V as evaluateConditionalFormatting, B as normalizeFilterCondition, Ae as normalizeFilters };
+export { H as ListView, We as ObjectGallery, je as TabBar, Pe as UserFilters, Oe as ViewSwitcher, B as evaluateConditionalFormatting, z as normalizeFilterCondition, Be as normalizeFilters };