@object-ui/plugin-view 3.4.0 → 4.0.3

package/dist/index.js

@@ -4,42 +4,42 @@ import { ComponentRegistry as c, buildExpandFields as l } from "@object-ui/core"
 import { SchemaRenderer as u, SchemaRendererContext as d } from "@object-ui/react";
 import { ObjectGrid as f } from "@object-ui/plugin-grid";
 import { ObjectForm as p } from "@object-ui/plugin-form";
-import { Badge as m, Button as h, Checkbox as g, ConfigRow as _, ContextMenu as v, ContextMenuContent as ee, ContextMenuItem as y, ContextMenuSeparator as b, ContextMenuSub as te, ContextMenuSubContent as x, ContextMenuSubTrigger as S, ContextMenuTrigger as C, Dialog as w, DialogContent as T, DialogDescription as E, DialogFooter as ne, DialogHeader as re, DialogTitle as D, Drawer as O, DrawerContent as ie, DrawerDescription as ae, DrawerHeader as oe, DrawerTitle as se, DropdownMenu as k, DropdownMenuContent as A, DropdownMenuItem as j, DropdownMenuSeparator as M, DropdownMenuSub as ce, DropdownMenuSubContent as le, DropdownMenuSubTrigger as ue, DropdownMenuTrigger as de, FilterBuilder as fe, Input as N, Label as pe, NavigationOverlay as me, Popover as P, PopoverContent as he, PopoverTrigger as F, Select as I, SelectContent as L, SelectItem as R, SelectTrigger as z, SelectValue as B, SortBuilder as V, Switch as H, Tabs as ge, TabsList as _e, TabsTrigger as ve, Tooltip as U, TooltipContent as W, TooltipProvider as G, TooltipTrigger as K, cn as q } from "@object-ui/components";
-import { Activity as J, ArrowDown as ye, ArrowUp as be, Calendar as xe, Check as Se, ChevronDown as Ce, Copy as we, Eye as Te, EyeOff as Ee, FileText as De, GanttChartSquare as Oe, Globe as ke, Grid as Ae, GripVertical as je, Images as Me, LayoutGrid as Ne, List as Pe, ListOrdered as Fe, Lock as Ie, Map as Le, MoreHorizontal as Re, Pencil as ze, Pin as Y, PinOff as Be, Plus as Ve, Save as He, Search as Ue, Settings as We, Settings2 as Ge, Share2 as Ke, SlidersHorizontal as qe, Star as Je, Table as Ye, Trash2 as Xe, X as Ze, icons as Qe } from "lucide-react";
-import { DndContext as $e, KeyboardSensor as et, PointerSensor as tt, closestCenter as nt, useSensor as rt, useSensors as it } from "@dnd-kit/core";
-import { SortableContext as at, arrayMove as ot, horizontalListSortingStrategy as st, sortableKeyboardCoordinates as ct, useSortable as lt, verticalListSortingStrategy as ut } from "@dnd-kit/sortable";
-import { CSS as dt } from "@dnd-kit/utilities";
+import { Badge as m, Button as h, Checkbox as g, ConfigRow as _, ContextMenu as v, ContextMenuContent as ee, ContextMenuItem as y, ContextMenuSeparator as b, ContextMenuSub as te, ContextMenuSubContent as x, ContextMenuSubTrigger as S, ContextMenuTrigger as C, Dialog as w, DialogContent as T, DialogDescription as E, DialogFooter as D, DialogHeader as ne, DialogTitle as re, Drawer as O, DrawerContent as ie, DrawerDescription as ae, DrawerHeader as oe, DrawerTitle as se, DropdownMenu as k, DropdownMenuContent as A, DropdownMenuItem as j, DropdownMenuSeparator as M, DropdownMenuSub as ce, DropdownMenuSubContent as le, DropdownMenuSubTrigger as ue, DropdownMenuTrigger as de, FilterBuilder as fe, GroupingEditor as N, Input as P, Label as F, NavigationOverlay as pe, Popover as me, PopoverContent as I, PopoverTrigger as he, Select as L, SelectContent as R, SelectItem as z, SelectTrigger as B, SelectValue as V, SortBuilder as ge, Switch as H, Tabs as _e, TabsList as ve, TabsTrigger as ye, Tooltip as U, TooltipContent as W, TooltipProvider as G, TooltipTrigger as K, cn as q } from "@object-ui/components";
+import { Activity as J, ArrowDown as be, ArrowUp as xe, Calendar as Se, Check as Ce, ChevronDown as we, Copy as Te, Eye as Y, EyeOff as Ee, FileText as De, GanttChartSquare as Oe, Globe as ke, Grid as Ae, GripVertical as je, Images as Me, LayoutGrid as Ne, List as Pe, ListOrdered as Fe, Lock as Ie, Map as Le, MoreHorizontal as Re, Pencil as ze, Pin as Be, PinOff as Ve, Plus as He, Save as Ue, Search as We, Settings as Ge, Settings2 as Ke, Share2 as qe, SlidersHorizontal as Je, Star as Ye, Table as Xe, Trash2 as Ze, X as Qe, icons as $e } from "lucide-react";
+import { DndContext as et, KeyboardSensor as tt, PointerSensor as nt, closestCenter as rt, useSensor as it, useSensors as at } from "@dnd-kit/core";
+import { SortableContext as ot, arrayMove as st, horizontalListSortingStrategy as ct, sortableKeyboardCoordinates as lt, useSortable as ut, verticalListSortingStrategy as dt } from "@dnd-kit/sortable";
+import { CSS as ft } from "@dnd-kit/utilities";
 //#region \0rolldown/runtime.js
-var ft = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports);
+var pt = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports);
 //#endregion
 //#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function pt(e) {
+function mt(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = pt(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = mt(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function mt() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = pt(e)) && (r && (r += " "), r += t);
+function ht() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = mt(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
-var ht = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, gt = mt, _t = (e, t) => (n) => {
-	if (t?.variants == null) return gt(e, n?.class, n?.className);
+var gt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _t = ht, vt = (e, t) => (n) => {
+	if (t?.variants == null) return _t(e, n?.class, n?.className);
 	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
 		let t = n?.[e], a = i?.[e];
 		if (t === null) return null;
-		let o = ht(t) || ht(a);
+		let o = gt(t) || gt(a);
 		return r[e][o];
 	}), o = n && Object.entries(n).reduce((e, t) => {
 		let [n, r] = t;
 		return r === void 0 || (e[n] = r), e;
 	}, {});
-	return gt(e, a, t?.compoundVariants?.reduce((e, t) => {
+	return _t(e, a, t?.compoundVariants?.reduce((e, t) => {
 		let { class: n, className: r, ...a } = t;
 		return Object.entries(a).every((e) => {
 			let [t, n] = e;
@@ -56,7 +56,7 @@ var ht = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, gt = mt, _t
 			r
 		] : e;
 	}, []), n?.class, n?.className);
-}, vt = /* @__PURE__ */ ft(((e) => {
+}, yt = /* @__PURE__ */ pt(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -71,9 +71,9 @@ var ht = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, gt = mt, _t
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), X = (/* @__PURE__ */ ft(((e, t) => {
-	t.exports = vt();
-})))(), yt = {
+})), X = (/* @__PURE__ */ pt(((e, t) => {
+	t.exports = yt();
+})))(), bt = {
 	list: "List",
 	detail: "Detail",
 	grid: "Grid",
@@ -83,17 +83,17 @@ var ht = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, gt = mt, _t
 	map: "Map",
 	gallery: "Gallery",
 	gantt: "Gantt"
-}, bt = {
+}, xt = {
 	list: Pe,
 	detail: De,
 	grid: Ae,
 	kanban: Ne,
-	calendar: xe,
+	calendar: Se,
 	timeline: J,
 	map: Le,
 	gallery: Me,
 	gantt: Oe
-}, xt = _t("flex gap-4", {
+}, St = vt("flex gap-4", {
 	variants: { position: {
 		top: "flex-col",
 		bottom: "flex-col-reverse",
@@ -101,55 +101,55 @@ var ht = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, gt = mt, _t
 		right: "flex-row-reverse"
 	} },
 	defaultVariants: { position: "top" }
-}), St = _t("w-full", {
+}), Ct = vt("w-full", {
 	variants: { orientation: {
 		horizontal: "w-full",
 		vertical: "w-48"
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), Ct = _t("flex gap-2", {
+}), wt = vt("flex gap-2", {
 	variants: { orientation: {
 		horizontal: "flex-row flex-wrap",
 		vertical: "flex-col"
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), wt = _t("", {
+}), Tt = vt("", {
 	variants: { orientation: {
 		horizontal: "",
 		vertical: "flex h-auto flex-col items-stretch"
 	} },
 	defaultVariants: { orientation: "horizontal" }
 });
-function Tt(e) {
+function Et(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-var Et = { Home: "House" };
-function Dt(e) {
-	if (!e) return null;
-	let t = Tt(e);
-	return Qe[Et[t] || t] || null;
-}
+var Dt = { Home: "House" };
 function Ot(e) {
-	return e.label ? e.label : yt[e.type] || e.type;
+	if (!e) return null;
+	let t = Et(e);
+	return $e[Dt[t] || t] || null;
 }
 function kt(e) {
-	return e.icon ? Dt(e.icon) : bt[e.type] || null;
+	return e.label ? e.label : bt[e.type] || e.type;
 }
 function At(e) {
+	return e.icon ? Ot(e.icon) : xt[e.type] || null;
+}
+function jt(e) {
 	return e.activeView ? e.activeView : e.defaultView ? e.defaultView : e.views?.[0]?.type;
 }
-var jt = {
-	share: Ke,
-	settings: We,
-	duplicate: we,
-	delete: Xe
-}, Mt = {
+var Mt = {
+	share: qe,
+	settings: Ge,
+	duplicate: Te,
+	delete: Ze
+}, Nt = {
 	share: "Share",
 	settings: "Settings",
 	duplicate: "Duplicate",
 	delete: "Delete"
-}, Nt = ({ schema: t, className: n, onViewChange: r, onCreateView: i, onViewAction: a, createViewLabel: o = "Create view", ...s }) => {
-	let c = e.useMemo(() => t.storageKey ? t.storageKey : `view-switcher${t.id ? `-${t.id}` : ""}`, [t.id, t.storageKey]), [l, d] = e.useState(() => At(t));
+}, Pt = ({ schema: t, className: n, onViewChange: r, onCreateView: i, onViewAction: a, createViewLabel: o = "Create view", ...s }) => {
+	let c = e.useMemo(() => t.storageKey ? t.storageKey : `view-switcher${t.id ? `-${t.id}` : ""}`, [t.id, t.storageKey]), [l, d] = e.useState(() => jt(t));
 	e.useEffect(() => {
 		if (t.activeView) {
 			d(t.activeView);
@@ -184,13 +184,13 @@ var jt = {
 	}, [f]), m = l || t.views?.[0]?.type, g = m || "", _ = t.views.find((e) => e.type === m) || t.views?.[0], v = t.variant || "tabs", ee = t.position || "top", y = ee === "left" || ee === "right", b = y ? "vertical" : "horizontal", te = t.viewActions && t.viewActions.length > 0 ? /* @__PURE__ */ (0, X.jsx)("div", {
 		className: "flex items-center gap-1",
 		children: t.viewActions.map((e, t) => {
-			let n = e.icon && Dt(e.icon) || jt[e.type];
+			let n = e.icon && Ot(e.icon) || Mt[e.type];
 			return /* @__PURE__ */ (0, X.jsx)(h, {
 				type: "button",
 				variant: "ghost",
 				size: "icon",
 				onClick: () => a?.(e.type, m),
-				title: Mt[e.type] || e.type,
+				title: Nt[e.type] || e.type,
 				children: n ? /* @__PURE__ */ (0, X.jsx)(n, { className: "h-3.5 w-3.5" }) : null
 			}, `action-${e.type}-${t}`);
 		})
@@ -200,46 +200,46 @@ var jt = {
 		size: "icon",
 		onClick: () => i?.(),
 		title: o,
-		children: /* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-3.5 w-3.5" })
+		children: /* @__PURE__ */ (0, X.jsx)(He, { className: "h-3.5 w-3.5" })
 	}) : null, S = /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: q(St({ orientation: b }), "flex items-center gap-1"),
+		className: q(Ct({ orientation: b }), "flex items-center gap-1"),
 		children: [
-			v === "dropdown" && /* @__PURE__ */ (0, X.jsxs)(I, {
+			v === "dropdown" && /* @__PURE__ */ (0, X.jsxs)(L, {
 				value: g,
 				onValueChange: (e) => p(e),
-				children: [/* @__PURE__ */ (0, X.jsx)(z, {
+				children: [/* @__PURE__ */ (0, X.jsx)(B, {
 					className: q("w-full", y ? "h-10" : "h-9"),
-					children: /* @__PURE__ */ (0, X.jsx)(B, { placeholder: "Select view" })
-				}), /* @__PURE__ */ (0, X.jsx)(L, { children: t.views.map((e, t) => /* @__PURE__ */ (0, X.jsx)(R, {
+					children: /* @__PURE__ */ (0, X.jsx)(V, { placeholder: "Select view" })
+				}), /* @__PURE__ */ (0, X.jsx)(R, { children: t.views.map((e, t) => /* @__PURE__ */ (0, X.jsx)(z, {
 					value: e.type,
-					children: Ot(e)
+					children: kt(e)
 				}, `${e.type}-${t}`)) })]
 			}),
 			v === "buttons" && /* @__PURE__ */ (0, X.jsx)("div", {
-				className: q(Ct({ orientation: b })),
+				className: q(wt({ orientation: b })),
 				children: t.views.map((e, t) => {
-					let n = e.type === m, r = kt(e);
+					let n = e.type === m, r = At(e);
 					return /* @__PURE__ */ (0, X.jsxs)(h, {
 						type: "button",
 						size: "sm",
 						variant: n ? "secondary" : "ghost",
 						className: q("justify-start gap-2", y ? "w-full" : ""),
 						onClick: () => p(e.type),
-						children: [r ? /* @__PURE__ */ (0, X.jsx)(r, { className: "h-4 w-4" }) : null, /* @__PURE__ */ (0, X.jsx)("span", { children: Ot(e) })]
+						children: [r ? /* @__PURE__ */ (0, X.jsx)(r, { className: "h-4 w-4" }) : null, /* @__PURE__ */ (0, X.jsx)("span", { children: kt(e) })]
 					}, `${e.type}-${t}`);
 				})
 			}),
-			v === "tabs" && /* @__PURE__ */ (0, X.jsx)(ge, {
+			v === "tabs" && /* @__PURE__ */ (0, X.jsx)(_e, {
 				value: g,
 				onValueChange: (e) => p(e),
-				children: /* @__PURE__ */ (0, X.jsx)(_e, {
-					className: q(wt({ orientation: b })),
+				children: /* @__PURE__ */ (0, X.jsx)(ve, {
+					className: q(Tt({ orientation: b })),
 					children: t.views.map((e, t) => {
-						let n = kt(e);
-						return /* @__PURE__ */ (0, X.jsxs)(ve, {
+						let n = At(e);
+						return /* @__PURE__ */ (0, X.jsxs)(ye, {
 							value: e.type,
 							className: q("gap-2", y ? "justify-start" : ""),
-							children: [n ? /* @__PURE__ */ (0, X.jsx)(n, { className: "h-4 w-4" }) : null, /* @__PURE__ */ (0, X.jsx)("span", { children: Ot(e) })]
+							children: [n ? /* @__PURE__ */ (0, X.jsx)(n, { className: "h-4 w-4" }) : null, /* @__PURE__ */ (0, X.jsx)("span", { children: kt(e) })]
 						}, `${e.type}-${t}`);
 					})
 				})
@@ -258,7 +258,7 @@ var jt = {
 		...s
 	}) : null;
 	return /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: q(xt({ position: ee }), n),
+		className: q(St({ position: ee }), n),
 		children: [/* @__PURE__ */ (0, X.jsx)("div", {
 			className: q("shrink-0", y ? "flex flex-col" : "flex"),
 			children: S
@@ -267,10 +267,10 @@ var jt = {
 			children: C
 		})]
 	});
-}, Pt = u, Ft = ({ schema: e, dataSource: t, className: r, views: c, activeViewId: u, onViewChange: d, onRowClick: m, onEdit: g, renderListView: _, toolbarAddon: v, onCreateView: ee, onViewAction: y }) => {
+}, Ft = u, It = ({ schema: e, dataSource: t, className: r, views: c, activeViewId: u, onViewChange: d, onRowClick: m, onEdit: g, renderListView: _, toolbarAddon: v, onCreateView: ee, onViewAction: y }) => {
 	let [b, te] = s(null), x = o(null);
 	x.current = b;
-	let [S, C] = s(!1), [ne, k] = s("create"), [A, j] = s(null), [M, ce] = s(0);
+	let [S, C] = s(!1), [D, k] = s("create"), [A, j] = s(null), [M, ce] = s(0);
 	i(() => {
 		if (!(!t?.onMutation || !e.objectName) && !_) return t.onMutation((t) => {
 			t.resource === e.objectName && ce((e) => e + 1);
@@ -280,15 +280,15 @@ var jt = {
 		e.objectName,
 		_
 	]);
-	let [le, ue] = s([]), [de, fe] = s(!1), [N, pe] = s({}), [P, he] = s([]), F = e.listViews, I = F != null && Object.keys(F).length > 0, [L, R] = s(() => e.defaultListView && F?.[e.defaultListView] ? e.defaultListView : F && Object.keys(F)[0] || ""), z = a(() => !I || !L ? null : F[L] || null, [
-		I,
+	let [le, ue] = s([]), [de, fe] = s(!1), [N, P] = s({}), [F, me] = s([]), I = e.listViews, he = I != null && Object.keys(I).length > 0, [L, R] = s(() => e.defaultListView && I?.[e.defaultListView] ? e.defaultListView : I && Object.keys(I)[0] || ""), z = a(() => !he || !L ? null : I[L] || null, [
+		he,
 		L,
-		F
-	]), B = a(() => c && c.length > 0 ? c : null, [c]), V = B != null && B.length > 0, H = u || B?.[0]?.id, U = B?.find((e) => e.id === H) || B?.[0], W = a(() => z?.type ? z.type : U?.type ? U.type : e.defaultViewType || "grid", [
+		I
+	]), B = a(() => c && c.length > 0 ? c : null, [c]), V = B != null && B.length > 0, ge = u || B?.[0]?.id, H = B?.find((e) => e.id === ge) || B?.[0], U = a(() => z?.type ? z.type : H?.type ? H.type : e.defaultViewType || "grid", [
 		z,
-		U,
+		H,
 		e.defaultViewType
-	]), G = e.navigation;
+	]), W = e.navigation;
 	i(() => {
 		let n = !0;
 		return e.objectName && t && (async () => {
@@ -304,10 +304,10 @@ var jt = {
 	}, [e.objectName, t]), i(() => {
 		let n = !0;
 		return (async () => {
-			if (!_ && W !== "grid" && !(!t || !e.objectName)) {
+			if (!_ && U !== "grid" && !(!t || !e.objectName)) {
 				fe(!0);
 				try {
-					let r = z?.filter || U?.filter || e.table?.defaultFilters || [], i = Object.entries(N).filter(([, e]) => e !== void 0 && e !== "" && e !== null).map(([e, t]) => [
+					let r = z?.filter || H?.filter || e.table?.defaultFilters || [], i = Object.entries(N).filter(([, e]) => e !== void 0 && e !== "" && e !== null).map(([e, t]) => [
 						e,
 						"=",
 						t
@@ -317,10 +317,10 @@ var jt = {
 						...r,
 						...i
 					] : i.length === 1 ? i[0] : i.length > 1 ? ["and", ...i] : r;
-					let o = P.length > 0 ? P.map((e) => ({
+					let o = F.length > 0 ? F.map((e) => ({
 						field: e.field,
 						order: e.direction
-					})) : z?.sort || U?.sort || e.table?.defaultSort || void 0, s = l(x.current?.fields), c = await t.find(e.objectName, {
+					})) : z?.sort || H?.sort || e.table?.defaultSort || void 0, s = l(x.current?.fields), c = await t.find(e.objectName, {
 						$filter: a.length > 0 ? a : void 0,
 						$orderby: o,
 						$top: 100,
@@ -339,74 +339,74 @@ var jt = {
 	}, [
 		e.objectName,
 		t,
-		W,
+		U,
 		N,
-		P,
+		F,
 		M,
 		z,
-		U,
+		H,
 		_
 	]);
-	let K = e.layout || "drawer", J = e.operations || e.table?.operations || {
+	let G = e.layout || "drawer", K = e.operations || e.table?.operations || {
 		create: !0,
 		read: !0,
 		update: !0,
 		delete: !0
-	}, ye = n(() => {
-		K === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (k("create"), j(null), C(!0));
-	}, [K, e]), be = n((t) => {
+	}, J = n(() => {
+		G === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (k("create"), j(null), C(!0));
+	}, [G, e]), be = n((t) => {
 		if (g) {
 			g(t);
 			return;
 		}
-		if (K === "page" && e.onNavigate) {
+		if (G === "page" && e.onNavigate) {
 			let n = t.id || t._id;
 			e.onNavigate(n, "edit");
 		} else k("edit"), j(t), C(!0);
 	}, [
-		K,
+		G,
 		e,
 		g
 	]), xe = n((t) => {
-		if (K === "page" && e.onNavigate) {
+		if (G === "page" && e.onNavigate) {
 			let n = t.id || t._id;
 			e.onNavigate(n, "view");
 		} else k("view"), j(t), C(!0);
-	}, [K, e]), Se = n((t) => {
+	}, [G, e]), Se = n((t) => {
 		if (m) {
 			m(t);
 			return;
 		}
-		if (G) {
-			if (G.mode === "none" || G.preventNavigation) return;
-			if (G.mode === "new_window" || G.openNewTab) {
+		if (W) {
+			if (W.mode === "none" || W.preventNavigation) return;
+			if (W.mode === "new_window" || W.openNewTab) {
 				let n = t.id || t._id, r = `/${e.objectName}/${encodeURIComponent(String(n))}`;
 				window.open(r, "_blank");
 				return;
 			}
-			if (G.mode === "drawer") {
+			if (W.mode === "drawer") {
 				k("view"), j(t), C(!0);
 				return;
 			}
-			if (G.mode === "modal") {
+			if (W.mode === "modal") {
 				k("view"), j(t), C(!0);
 				return;
 			}
-			if (G.mode === "page") {
+			if (W.mode === "page") {
 				let n = t.id || t._id;
 				e.onNavigate && e.onNavigate(n, "view");
 				return;
 			}
-			if (G.mode === "split" || G.mode === "popover") {
+			if (W.mode === "split" || W.mode === "popover") {
 				k("view"), j(t), C(!0);
 				return;
 			}
 		}
-		J.read !== !1 && xe(t);
+		K.read !== !1 && xe(t);
 	}, [
 		m,
-		G,
-		J.read,
+		W,
+		K.read,
 		xe,
 		e
 	]), Ce = n((e) => {
@@ -415,20 +415,20 @@ var jt = {
 		ce((e) => e + 1);
 	}, []), Te = n(() => {
 		C(!1), j(null), ce((e) => e + 1);
-	}, []), Ee = n(() => {
+	}, []), Y = n(() => {
 		C(!1), j(null);
 	}, []);
 	n(() => {
 		ce((e) => e + 1);
 	}, []);
-	let De = a(() => !V || !B || B.length <= 1 ? null : {
+	let Ee = a(() => !V || !B || B.length <= 1 ? null : {
 		type: "view-switcher",
 		variant: "tabs",
 		position: "top",
 		persistPreference: !0,
 		storageKey: `view-pref-${e.objectName}`,
-		defaultView: U?.type || "grid",
-		activeView: U?.type || "grid",
+		defaultView: H?.type || "grid",
+		activeView: H?.type || "grid",
 		views: B.map((e) => ({
 			type: e.type,
 			label: e.label,
@@ -449,15 +449,15 @@ var jt = {
 	}, [
 		V,
 		B,
-		U,
+		H,
 		e.objectName,
 		e.allowCreateView,
 		e.viewActions
-	]), Oe = n((e) => {
+	]), De = n((e) => {
 		if (!B) return;
 		let t = B.find((t) => t.type === e);
 		t && d && d(t.id);
-	}, [B, d]), ke = n((e) => {
+	}, [B, d]), Oe = n((e) => {
 		R(e);
 	}, []);
 	a(() => {
@@ -498,9 +498,9 @@ var jt = {
 		b,
 		N
 	]);
-	let Ae = e.showSort;
+	let ke = e.showSort;
 	a(() => {
-		if (Ae === !1) return null;
+		if (ke === !1) return null;
 		let e = b?.fields || {}, t = Object.entries(e).filter(([, e]) => !e.hidden).slice(0, 10).map(([e, t]) => ({
 			field: e,
 			label: t.label || e
@@ -510,25 +510,25 @@ var jt = {
 			variant: "dropdown",
 			multiple: !1,
 			fields: t,
-			sort: P
+			sort: F
 		};
 	}, [
 		b,
-		P,
-		Ae
+		F,
+		ke
 	]);
-	let je = n((t) => {
+	let Ae = n((t) => {
 		let n = {
 			objectName: e.objectName,
-			fields: z?.columns || U?.columns || e.table?.fields,
+			fields: z?.columns || H?.columns || e.table?.fields,
 			className: "h-full w-full",
-			showSearch: U?.showSearch ?? e.showSearch ?? !1,
-			showSort: U?.showSort ?? e.showSort ?? !1,
-			showFilters: U?.showFilters ?? e.showFilters ?? !1,
-			striped: U?.striped ?? !1,
-			bordered: U?.bordered ?? !1,
-			color: U?.color
-		}, r = z?.options || U || {};
+			showSearch: H?.showSearch ?? e.showSearch ?? !1,
+			showSort: H?.showSort ?? e.showSort ?? !1,
+			showFilters: H?.showFilters ?? e.showFilters ?? !1,
+			striped: H?.striped ?? !1,
+			bordered: H?.bordered ?? !1,
+			color: H?.color
+		}, r = z?.options || H || {};
 		switch (t) {
 			case "kanban": return {
 				type: "object-kanban",
@@ -583,36 +583,36 @@ var jt = {
 		e.objectName,
 		e.table?.fields,
 		z,
-		U
-	]), Me = a(() => ({
+		H
+	]), je = a(() => ({
 		type: "object-grid",
 		objectName: e.objectName,
 		title: e.table?.title,
 		description: e.table?.description,
-		fields: z?.columns || U?.columns || e.table?.fields,
-		columns: z?.columns || U?.columns || e.table?.columns,
+		fields: z?.columns || H?.columns || e.table?.fields,
+		columns: z?.columns || H?.columns || e.table?.columns,
 		operations: {
-			...J,
+			...K,
 			create: !1
 		},
-		defaultFilters: z?.filter || U?.filter || e.table?.defaultFilters,
-		defaultSort: z?.sort || U?.sort || e.table?.defaultSort,
+		defaultFilters: z?.filter || H?.filter || e.table?.defaultFilters,
+		defaultSort: z?.sort || H?.sort || e.table?.defaultSort,
 		pageSize: e.table?.pageSize,
 		selectable: e.table?.selectable,
-		striped: U?.striped ?? e.table?.striped,
-		bordered: U?.bordered ?? e.table?.bordered,
+		striped: H?.striped ?? e.table?.striped,
+		bordered: H?.bordered ?? e.table?.bordered,
 		className: e.table?.className
 	}), [
 		e,
-		J,
+		K,
 		z,
-		U
-	]), Ne = () => {
+		H
+	]), Me = () => {
 		let t = A ? A.id || A._id : void 0;
 		return {
 			type: "object-form",
 			objectName: e.objectName,
-			mode: ne,
+			mode: D,
 			recordId: t,
 			title: e.form?.title,
 			description: e.form?.description,
@@ -627,114 +627,116 @@ var jt = {
 			cancelText: e.form?.cancelText,
 			showReset: e.form?.showReset,
 			initialValues: e.form?.initialValues,
-			readOnly: e.form?.readOnly || ne === "view",
+			readOnly: e.form?.readOnly || D === "view",
 			className: e.form?.className,
 			onSuccess: Te,
-			onCancel: Ee
+			onCancel: Y
 		};
-	}, Pe = () => {
+	}, Ne = () => {
 		if (e.form?.title) return e.form.title;
 		let t = b?.label || e.objectName;
-		switch (ne) {
+		switch (D) {
 			case "create": return `Create ${t}`;
 			case "edit": return `Edit ${t}`;
 			case "view": return `View ${t}`;
 			default: return t;
 		}
-	}, Fe = a(() => {
-		let e = G?.width;
+	}, Pe = a(() => {
+		let e = W?.width;
 		return e ? typeof e == "number" ? `max-w-[${e}px]` : `max-w-[${e}]` : "";
-	}, [G]), Ie = () => /* @__PURE__ */ (0, X.jsx)(O, {
+	}, [W]), Fe = () => /* @__PURE__ */ (0, X.jsx)(O, {
 		open: S,
 		onOpenChange: C,
 		direction: "right",
 		children: /* @__PURE__ */ (0, X.jsxs)(ie, {
-			className: q("w-full sm:max-w-2xl", Fe),
-			children: [/* @__PURE__ */ (0, X.jsxs)(oe, { children: [/* @__PURE__ */ (0, X.jsx)(se, { children: Pe() }), e.form?.description && /* @__PURE__ */ (0, X.jsx)(ae, { children: e.form.description })] }), /* @__PURE__ */ (0, X.jsx)("div", {
+			className: q("w-full sm:max-w-2xl", Pe),
+			children: [/* @__PURE__ */ (0, X.jsxs)(oe, { children: [/* @__PURE__ */ (0, X.jsx)(se, { children: Ne() }), e.form?.description && /* @__PURE__ */ (0, X.jsx)(ae, { children: e.form.description })] }), /* @__PURE__ */ (0, X.jsx)("div", {
 				className: "flex-1 overflow-y-auto px-4 pb-4",
 				children: /* @__PURE__ */ (0, X.jsx)(p, {
-					schema: Ne(),
+					schema: Me(),
 					dataSource: t
 				})
 			})]
 		})
-	}), Le = () => /* @__PURE__ */ (0, X.jsx)(w, {
+	}), Ie = () => /* @__PURE__ */ (0, X.jsx)(w, {
 		open: S,
 		onOpenChange: C,
 		children: /* @__PURE__ */ (0, X.jsxs)(T, {
-			className: q("max-w-2xl max-h-[90vh] overflow-y-auto", Fe),
-			children: [/* @__PURE__ */ (0, X.jsxs)(re, { children: [/* @__PURE__ */ (0, X.jsx)(D, { children: Pe() }), e.form?.description && /* @__PURE__ */ (0, X.jsx)(E, { children: e.form.description })] }), /* @__PURE__ */ (0, X.jsx)(p, {
-				schema: Ne(),
+			className: q("max-w-2xl max-h-[90vh] overflow-y-auto", Pe),
+			children: [/* @__PURE__ */ (0, X.jsxs)(ne, { children: [/* @__PURE__ */ (0, X.jsx)(re, { children: Ne() }), e.form?.description && /* @__PURE__ */ (0, X.jsx)(E, { children: e.form.description })] }), /* @__PURE__ */ (0, X.jsx)(p, {
+				schema: Me(),
 				dataSource: t
 			})]
 		})
-	}), Re = a(() => Object.keys(N).some((e) => N[e] !== void 0 && N[e] !== "" && N[e] !== null) ? Object.entries(N).filter(([, e]) => e !== void 0 && e !== "" && e !== null).map(([e, t]) => ({
+	}), Le = a(() => Object.keys(N).some((e) => N[e] !== void 0 && N[e] !== "" && N[e] !== null) ? Object.entries(N).filter(([, e]) => e !== void 0 && e !== "" && e !== null).map(([e, t]) => ({
 		field: e,
 		operator: "equals",
 		value: t
-	})) : z?.filter || U?.filter || e.table?.defaultFilters, [
+	})) : z?.filter || H?.filter || e.table?.defaultFilters, [
 		N,
 		z,
-		U,
+		H,
 		e.table?.defaultFilters
-	]), ze = a(() => P.length > 0 ? P : z?.sort || U?.sort || e.table?.defaultSort, [
-		P,
+	]), Re = a(() => F.length > 0 ? F : z?.sort || H?.sort || e.table?.defaultSort, [
+		F,
 		z,
-		U,
+		H,
 		e.table?.defaultSort
-	]), Y = () => {
-		let n = `${e.objectName}-${L || U?.id || "default"}-${W}-${M}`;
+	]), ze = () => {
+		let n = `${e.objectName}-${L || H?.id || "default"}-${U}-${M}`;
 		if (_) return _({
 			schema: {
 				type: "list-view",
 				objectName: e.objectName,
-				viewType: W,
-				fields: z?.columns || U?.columns || e.table?.fields,
-				filters: Re,
-				sort: ze,
-				rowHeight: U?.rowHeight,
-				densityMode: U?.densityMode,
-				groupBy: U?.groupBy,
-				options: z?.options || U,
-				showSearch: U?.showSearch ?? e.showSearch,
-				showFilters: U?.showFilters ?? e.showFilters,
-				showSort: U?.showSort ?? e.showSort,
-				showHideFields: U?.showHideFields ?? e.showHideFields,
-				showGroup: U?.showGroup ?? e.showGroup,
-				showColor: U?.showColor ?? e.showColor,
-				showDensity: U?.showDensity ?? e.showDensity,
-				allowExport: U?.allowExport ?? e.allowExport,
-				striped: U?.striped ?? e.striped,
-				bordered: U?.bordered ?? e.bordered,
-				color: U?.color ?? e.color,
-				inlineEdit: U?.inlineEdit ?? e.inlineEdit,
-				wrapHeaders: U?.wrapHeaders ?? e.wrapHeaders,
-				clickIntoRecordDetails: U?.clickIntoRecordDetails ?? e.clickIntoRecordDetails,
-				addRecordViaForm: U?.addRecordViaForm ?? e.addRecordViaForm,
-				addDeleteRecordsInline: U?.addDeleteRecordsInline ?? e.addDeleteRecordsInline,
-				collapseAllByDefault: U?.collapseAllByDefault ?? e.collapseAllByDefault,
-				fieldTextColor: U?.fieldTextColor ?? e.fieldTextColor,
-				prefixField: U?.prefixField ?? e.prefixField,
-				showDescription: U?.showDescription ?? e.showDescription,
-				navigation: U?.navigation ?? e.navigation,
-				selection: U?.selection ?? e.selection,
-				pagination: U?.pagination ?? e.pagination,
-				searchableFields: U?.searchableFields ?? e.searchableFields,
-				filterableFields: U?.filterableFields ?? e.filterableFields,
-				resizable: U?.resizable ?? e.resizable,
-				hiddenFields: U?.hiddenFields ?? e.hiddenFields,
-				rowActions: U?.rowActions ?? e.rowActions,
-				bulkActions: U?.bulkActions ?? e.bulkActions,
-				sharing: U?.sharing ?? e.sharing,
-				addRecord: U?.addRecord ?? e.addRecord,
-				conditionalFormatting: U?.conditionalFormatting ?? e.conditionalFormatting,
-				quickFilters: U?.quickFilters ?? e.quickFilters,
-				userFilters: U?.userFilters ?? e.userFilters,
-				showRecordCount: U?.showRecordCount ?? e.showRecordCount,
-				allowPrinting: U?.allowPrinting ?? e.allowPrinting,
-				virtualScroll: U?.virtualScroll ?? e.virtualScroll,
-				emptyState: U?.emptyState ?? e.emptyState,
-				aria: U?.aria ?? e.aria,
+				viewType: U,
+				fields: z?.columns || H?.columns || e.table?.fields,
+				filters: Le,
+				sort: Re,
+				rowHeight: H?.rowHeight,
+				densityMode: H?.densityMode,
+				groupBy: H?.groupBy,
+				groupBy2: H?.groupBy2,
+				grouping: H?.grouping,
+				options: z?.options || H,
+				showSearch: H?.showSearch ?? e.showSearch,
+				showFilters: H?.showFilters ?? e.showFilters,
+				showSort: H?.showSort ?? e.showSort,
+				showHideFields: H?.showHideFields ?? e.showHideFields,
+				showGroup: H?.showGroup ?? e.showGroup,
+				showColor: H?.showColor ?? e.showColor,
+				showDensity: H?.showDensity ?? e.showDensity,
+				allowExport: H?.allowExport ?? e.allowExport,
+				striped: H?.striped ?? e.striped,
+				bordered: H?.bordered ?? e.bordered,
+				color: H?.color ?? e.color,
+				inlineEdit: H?.inlineEdit ?? e.inlineEdit,
+				wrapHeaders: H?.wrapHeaders ?? e.wrapHeaders,
+				clickIntoRecordDetails: H?.clickIntoRecordDetails ?? e.clickIntoRecordDetails,
+				addRecordViaForm: H?.addRecordViaForm ?? e.addRecordViaForm,
+				addDeleteRecordsInline: H?.addDeleteRecordsInline ?? e.addDeleteRecordsInline,
+				collapseAllByDefault: H?.collapseAllByDefault ?? e.collapseAllByDefault,
+				fieldTextColor: H?.fieldTextColor ?? e.fieldTextColor,
+				prefixField: H?.prefixField ?? e.prefixField,
+				showDescription: H?.showDescription ?? e.showDescription,
+				navigation: H?.navigation ?? e.navigation,
+				selection: H?.selection ?? e.selection,
+				pagination: H?.pagination ?? e.pagination,
+				searchableFields: H?.searchableFields ?? e.searchableFields,
+				filterableFields: H?.filterableFields ?? e.filterableFields,
+				resizable: H?.resizable ?? e.resizable,
+				hiddenFields: H?.hiddenFields ?? e.hiddenFields,
+				rowActions: H?.rowActions ?? e.rowActions,
+				bulkActions: H?.bulkActions ?? e.bulkActions,
+				sharing: H?.sharing ?? e.sharing,
+				addRecord: H?.addRecord ?? e.addRecord,
+				conditionalFormatting: H?.conditionalFormatting ?? e.conditionalFormatting,
+				quickFilters: H?.quickFilters ?? e.quickFilters,
+				userFilters: H?.userFilters ?? e.userFilters,
+				showRecordCount: H?.showRecordCount ?? e.showRecordCount,
+				allowPrinting: H?.allowPrinting ?? e.allowPrinting,
+				virtualScroll: H?.virtualScroll ?? e.virtualScroll,
+				emptyState: H?.emptyState ?? e.emptyState,
+				aria: H?.aria ?? e.aria,
 				tabs: e.tabs,
 				refreshTrigger: M
 			},
@@ -744,58 +746,58 @@ var jt = {
 			className: "h-full",
 			refreshKey: M
 		});
-		if (W !== "grid") {
-			let e = je(W);
-			if (e && Pt) return /* @__PURE__ */ (0, X.jsx)(Pt, {
+		if (U !== "grid") {
+			let e = Ae(U);
+			if (e && Ft) return /* @__PURE__ */ (0, X.jsx)(Ft, {
 				schema: e,
 				dataSource: t,
 				data: le,
 				loading: de
 			}, n);
-			if (!Pt) return /* @__PURE__ */ (0, X.jsx)("div", {
+			if (!Ft) return /* @__PURE__ */ (0, X.jsx)("div", {
 				className: "flex items-center justify-center h-40 text-muted-foreground",
 				children: /* @__PURE__ */ (0, X.jsxs)("p", { children: [
 					"SchemaRenderer not available. Install @object-ui/react to render ",
-					W,
+					U,
 					" views."
 				] })
 			});
 		}
 		return /* @__PURE__ */ (0, X.jsx)(f, {
-			schema: Me,
+			schema: je,
 			dataSource: t,
 			onRowClick: Se,
-			onEdit: J.update === !1 ? void 0 : be,
-			onDelete: J.delete === !1 ? void 0 : Ce,
-			onBulkDelete: J.delete === !1 ? void 0 : we
+			onEdit: K.update === !1 ? void 0 : be,
+			onDelete: K.delete === !1 ? void 0 : Ce,
+			onBulkDelete: K.delete === !1 ? void 0 : we
 		}, n);
 	}, Be = () => {
-		if (!I) return null;
-		let e = Object.entries(F);
-		return e.length <= 1 ? null : /* @__PURE__ */ (0, X.jsx)(ge, {
+		if (!he) return null;
+		let e = Object.entries(I);
+		return e.length <= 1 ? null : /* @__PURE__ */ (0, X.jsx)(_e, {
 			value: L,
-			onValueChange: ke,
+			onValueChange: Oe,
 			className: "w-full",
-			children: /* @__PURE__ */ (0, X.jsx)(_e, {
+			children: /* @__PURE__ */ (0, X.jsx)(ve, {
 				className: "w-auto",
-				children: e.map(([e, t]) => /* @__PURE__ */ (0, X.jsx)(ve, {
+				children: e.map(([e, t]) => /* @__PURE__ */ (0, X.jsx)(ye, {
 					value: e,
 					className: "text-sm",
 					children: t.label || e
 				}, e))
 			})
 		});
-	}, He = () => {
-		let t = e.showCreate !== !1 && J.create !== !1, n = e.showViewSwitcher === !0, r = Be();
+	}, Ve = () => {
+		let t = e.showCreate !== !1 && K.create !== !1, n = e.showViewSwitcher === !0, r = Be();
 		return !r && !n && !t && !v ? null : /* @__PURE__ */ (0, X.jsxs)("div", {
 			className: "flex flex-col gap-3",
 			children: [r, (n || t || v) && /* @__PURE__ */ (0, X.jsxs)("div", {
 				className: "flex items-center justify-between gap-4",
 				children: [/* @__PURE__ */ (0, X.jsx)("div", {
 					className: "flex items-center gap-2",
-					children: n && De && /* @__PURE__ */ (0, X.jsx)(Nt, {
-						schema: De,
-						onViewChange: Oe,
+					children: n && Ee && /* @__PURE__ */ (0, X.jsx)(Pt, {
+						schema: Ee,
+						onViewChange: De,
 						onCreateView: ee,
 						onViewAction: y,
 						className: "overflow-x-auto"
@@ -804,21 +806,21 @@ var jt = {
 					className: "flex items-center gap-2",
 					children: [v, t && /* @__PURE__ */ (0, X.jsxs)(h, {
 						size: "sm",
-						onClick: ye,
-						children: [/* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-4 w-4" }), "Create"]
+						onClick: J,
+						children: [/* @__PURE__ */ (0, X.jsx)(He, { className: "h-4 w-4" }), "Create"]
 					})]
 				})]
 			})]
 		});
-	}, Ue = G?.mode === "modal" ? "modal" : G?.mode === "drawer" ? "drawer" : G?.mode === "split" ? "split" : G?.mode === "popover" ? "popover" : K, We = (e) => /* @__PURE__ */ (0, X.jsx)("div", {
+	}, Ue = W?.mode === "modal" ? "modal" : W?.mode === "drawer" ? "drawer" : W?.mode === "split" ? "split" : W?.mode === "popover" ? "popover" : G, We = (e) => /* @__PURE__ */ (0, X.jsx)("div", {
 		className: "space-y-3",
 		children: /* @__PURE__ */ (0, X.jsx)(p, {
-			schema: Ne(),
+			schema: Me(),
 			dataSource: t
 		})
 	}), Ge = n((e) => {
-		e || Ee();
-	}, [Ee]);
+		e || Y();
+	}, [Y]);
 	if (Ue === "split") {
 		let t = b?.label || e.objectName;
 		return /* @__PURE__ */ (0, X.jsxs)("div", {
@@ -836,25 +838,25 @@ var jt = {
 				}),
 				/* @__PURE__ */ (0, X.jsx)("div", {
 					className: "mb-4 shrink-0",
-					children: He()
+					children: Ve()
 				}),
 				/* @__PURE__ */ (0, X.jsx)("div", {
 					className: "flex-1 min-h-0 min-w-0 overflow-hidden",
-					children: S && A ? /* @__PURE__ */ (0, X.jsx)(me, {
+					children: S && A ? /* @__PURE__ */ (0, X.jsx)(pe, {
 						isOpen: S,
 						selectedRecord: A,
 						mode: "split",
-						close: Ee,
+						close: Y,
 						setIsOpen: Ge,
-						width: G?.width,
+						width: W?.width,
 						isOverlay: !0,
 						title: `${t} Detail`,
 						mainContent: /* @__PURE__ */ (0, X.jsx)("div", {
 							className: "h-full overflow-auto",
-							children: Y()
+							children: ze()
 						}),
 						children: We
-					}) : Y()
+					}) : ze()
 				})
 			]
 		});
@@ -874,35 +876,35 @@ var jt = {
 			}),
 			/* @__PURE__ */ (0, X.jsx)("div", {
 				className: "mb-4 shrink-0",
-				children: He()
+				children: Ve()
 			}),
 			/* @__PURE__ */ (0, X.jsx)("div", {
 				className: "flex-1 min-h-0 min-w-0 overflow-hidden",
-				children: Y()
+				children: ze()
 			}),
-			Ue === "drawer" && Ie(),
-			Ue === "modal" && Le(),
-			Ue === "popover" && S && A && /* @__PURE__ */ (0, X.jsx)(me, {
+			Ue === "drawer" && Fe(),
+			Ue === "modal" && Ie(),
+			Ue === "popover" && S && A && /* @__PURE__ */ (0, X.jsx)(pe, {
 				isOpen: S,
 				selectedRecord: A,
 				mode: "popover",
-				close: Ee,
+				close: Y,
 				setIsOpen: Ge,
-				width: G?.width,
+				width: W?.width,
 				isOverlay: !0,
-				title: Pe(),
+				title: Ne(),
 				children: We
 			})
 		]
 	});
-}, It = _t("flex", {
+}, Lt = vt("flex", {
 	variants: { layout: {
 		inline: "flex-col space-y-4",
 		popover: "items-center",
 		drawer: "items-center"
 	} },
 	defaultVariants: { layout: "inline" }
-}), Lt = (e) => e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.values(e).every((e) => e == null || e === "") : !1, Rt = (e) => Array.isArray(e) ? {
+}), Rt = (e) => e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.values(e).every((e) => e == null || e === "") : !1, zt = (e) => Array.isArray(e) ? {
 	start: e[0] || "",
 	end: e[1] || ""
 } : e && typeof e == "object" ? {
@@ -911,7 +913,7 @@ var jt = {
 } : {
 	start: "",
 	end: ""
-}, zt = ({ schema: t, className: n, onChange: r }) => {
+}, Bt = ({ schema: t, className: n, onChange: r }) => {
 	let [i, a] = e.useState(t.values || {}), [o, s] = e.useState(!1);
 	e.useEffect(() => {
 		t.values && a(t.values);
@@ -937,10 +939,10 @@ var jt = {
 		c(e);
 	}, [c, t.showApply]), d = e.useCallback(() => {
 		c(i), s(!1);
-	}, [c, i]), f = e.useMemo(() => Object.values(i).filter((e) => !Lt(e)).length, [i]), p = (e) => {
+	}, [c, i]), f = e.useMemo(() => Object.values(i).filter((e) => !Rt(e)).length, [i]), p = (e) => {
 		let t = e.label || e.field, n = e.placeholder || `Filter by ${t}`;
 		switch (e.type) {
-			case "number": return /* @__PURE__ */ (0, X.jsx)(N, {
+			case "number": return /* @__PURE__ */ (0, X.jsx)(P, {
 				type: "number",
 				value: i[e.field] ?? "",
 				placeholder: n,
@@ -949,13 +951,13 @@ var jt = {
 					l(e.field, r);
 				}
 			});
-			case "select": return /* @__PURE__ */ (0, X.jsxs)(I, {
+			case "select": return /* @__PURE__ */ (0, X.jsxs)(L, {
 				value: i[e.field] === void 0 ? "" : String(i[e.field]),
 				onValueChange: (t) => {
 					let n = e.options?.find((e) => String(e.value) === t);
 					l(e.field, n ? n.value : t);
 				},
-				children: [/* @__PURE__ */ (0, X.jsx)(z, { children: /* @__PURE__ */ (0, X.jsx)(B, { placeholder: n }) }), /* @__PURE__ */ (0, X.jsx)(L, { children: e.options?.map((e) => /* @__PURE__ */ (0, X.jsx)(R, {
+				children: [/* @__PURE__ */ (0, X.jsx)(B, { children: /* @__PURE__ */ (0, X.jsx)(V, { placeholder: n }) }), /* @__PURE__ */ (0, X.jsx)(R, { children: e.options?.map((e) => /* @__PURE__ */ (0, X.jsx)(z, {
 					value: String(e.value),
 					children: e.label
 				}, String(e.value))) })]
@@ -982,16 +984,16 @@ var jt = {
 					})
 				});
 			}
-			case "date": return /* @__PURE__ */ (0, X.jsx)(N, {
+			case "date": return /* @__PURE__ */ (0, X.jsx)(P, {
 				type: "date",
 				value: i[e.field] ?? "",
 				onChange: (t) => l(e.field, t.target.value)
 			});
 			case "date-range": {
-				let t = Rt(i[e.field]);
+				let t = zt(i[e.field]);
 				return /* @__PURE__ */ (0, X.jsxs)("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ (0, X.jsx)(N, {
+					children: [/* @__PURE__ */ (0, X.jsx)(P, {
 						type: "date",
 						value: t.start ?? "",
 						onChange: (n) => {
@@ -1000,7 +1002,7 @@ var jt = {
 								start: n.target.value
 							});
 						}
-					}), /* @__PURE__ */ (0, X.jsx)(N, {
+					}), /* @__PURE__ */ (0, X.jsx)(P, {
 						type: "date",
 						value: t.end ?? "",
 						onChange: (n) => {
@@ -1022,7 +1024,7 @@ var jt = {
 					children: "Enabled"
 				})]
 			});
-			default: return /* @__PURE__ */ (0, X.jsx)(N, {
+			default: return /* @__PURE__ */ (0, X.jsx)(P, {
 				value: i[e.field] ?? "",
 				placeholder: n,
 				onChange: (t) => l(e.field, t.target.value)
@@ -1034,7 +1036,7 @@ var jt = {
 			className: "grid gap-4 sm:grid-cols-2",
 			children: t.filters.map((e) => /* @__PURE__ */ (0, X.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, X.jsx)(pe, {
+				children: [/* @__PURE__ */ (0, X.jsx)(F, {
 					className: "text-xs text-muted-foreground",
 					children: e.label || e.field
 				}), p(e)]
@@ -1056,11 +1058,11 @@ var jt = {
 		})]
 	}), _ = t.layout || "inline";
 	return _ === "popover" ? /* @__PURE__ */ (0, X.jsx)("div", {
-		className: q(It({ layout: _ }), n),
-		children: /* @__PURE__ */ (0, X.jsxs)(P, {
+		className: q(Lt({ layout: _ }), n),
+		children: /* @__PURE__ */ (0, X.jsxs)(me, {
 			open: o,
 			onOpenChange: s,
-			children: [/* @__PURE__ */ (0, X.jsx)(F, {
+			children: [/* @__PURE__ */ (0, X.jsx)(he, {
 				asChild: !0,
 				children: /* @__PURE__ */ (0, X.jsxs)(h, {
 					type: "button",
@@ -1068,7 +1070,7 @@ var jt = {
 					size: "sm",
 					className: "gap-2",
 					children: [
-						/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4" }),
+						/* @__PURE__ */ (0, X.jsx)(Je, { className: "h-4 w-4" }),
 						"Filters",
 						f > 0 && /* @__PURE__ */ (0, X.jsx)("span", {
 							className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",
@@ -1076,14 +1078,14 @@ var jt = {
 						})
 					]
 				})
-			}), /* @__PURE__ */ (0, X.jsx)(he, {
+			}), /* @__PURE__ */ (0, X.jsx)(I, {
 				align: "start",
 				className: "w-[520px] p-4",
 				children: m
 			})]
 		})
 	}) : _ === "drawer" ? /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: q(It({ layout: _ }), n),
+		className: q(Lt({ layout: _ }), n),
 		children: [/* @__PURE__ */ (0, X.jsxs)(h, {
 			type: "button",
 			variant: f > 0 ? "secondary" : "outline",
@@ -1091,7 +1093,7 @@ var jt = {
 			className: "gap-2",
 			onClick: () => s(!0),
 			children: [
-				/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4" }),
+				/* @__PURE__ */ (0, X.jsx)(Je, { className: "h-4 w-4" }),
 				"Filters",
 				f > 0 && /* @__PURE__ */ (0, X.jsx)("span", {
 					className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",
@@ -1107,38 +1109,38 @@ var jt = {
 			})] })
 		})]
 	}) : /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: q(It({ layout: _ }), n),
+		className: q(Lt({ layout: _ }), n),
 		children: [m, !t.showApply && t.showClear && /* @__PURE__ */ (0, X.jsxs)(h, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			className: "gap-2",
 			onClick: u,
-			children: [/* @__PURE__ */ (0, X.jsx)(Ze, { className: "h-3.5 w-3.5" }), "Clear filters"]
+			children: [/* @__PURE__ */ (0, X.jsx)(Qe, { className: "h-3.5 w-3.5" }), "Clear filters"]
 		})]
 	});
-}, Bt = _t("", {
+}, Vt = vt("", {
 	variants: { variant: {
 		buttons: "flex flex-wrap gap-2",
 		dropdown: "flex flex-wrap items-center gap-3",
 		builder: "space-y-3"
 	} },
 	defaultVariants: { variant: "dropdown" }
-}), Vt = (e) => e ? e.map((e) => ({
+}), Ht = (e) => e ? e.map((e) => ({
 	field: e.field,
 	direction: e.direction
-})) : [], Ht = (e) => e.map((e) => ({
+})) : [], Ut = (e) => e.map((e) => ({
 	id: `${e.field}-${e.direction}`,
 	field: e.field,
 	order: e.direction
-})), Ut = (e) => e.filter((e) => e.field).map((e) => ({
+})), Wt = (e) => e.filter((e) => e.field).map((e) => ({
 	field: e.field,
 	direction: e.order
-})), Wt = ({ schema: t, className: n, onChange: r }) => {
-	let [i, a] = e.useState(() => Vt(t.sort)), [o, s] = e.useState(() => Ht(Vt(t.sort)));
+})), Gt = ({ schema: t, className: n, onChange: r }) => {
+	let [i, a] = e.useState(() => Ht(t.sort)), [o, s] = e.useState(() => Ut(Ht(t.sort)));
 	e.useEffect(() => {
-		let e = Vt(t.sort);
-		a(e), s(Ht(e));
+		let e = Ht(t.sort);
+		a(e), s(Ut(e));
 	}, [t.sort]);
 	let c = e.useCallback((e) => {
 		a(e), r?.(e), t.onChange && typeof window < "u" && window.dispatchEvent(new CustomEvent(t.onChange, { detail: { sort: e } }));
@@ -1168,9 +1170,9 @@ var jt = {
 		i
 	]);
 	if ((t.variant || "dropdown") === "buttons") return /* @__PURE__ */ (0, X.jsx)("div", {
-		className: q(Bt({ variant: "buttons" }), n),
+		className: q(Vt({ variant: "buttons" }), n),
 		children: t.fields.map((e) => {
-			let t = i.find((t) => t.field === e.field), n = t?.direction === "asc" ? be : ye;
+			let t = i.find((t) => t.field === e.field), n = t?.direction === "asc" ? xe : be;
 			return /* @__PURE__ */ (0, X.jsxs)(h, {
 				type: "button",
 				variant: t ? "secondary" : "outline",
@@ -1182,22 +1184,22 @@ var jt = {
 		})
 	});
 	if (t.multiple) return /* @__PURE__ */ (0, X.jsx)("div", {
-		className: q(Bt({ variant: "builder" }), n),
-		children: /* @__PURE__ */ (0, X.jsx)(V, {
+		className: q(Vt({ variant: "builder" }), n),
+		children: /* @__PURE__ */ (0, X.jsx)(ge, {
 			fields: t.fields.map((e) => ({
 				value: e.field,
 				label: e.label || e.field
 			})),
 			value: o,
 			onChange: (e) => {
-				s(e), c(Ut(e));
+				s(e), c(Wt(e));
 			}
 		})
 	});
 	let u = i[0];
 	return /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: q(Bt({ variant: "dropdown" }), n),
-		children: [/* @__PURE__ */ (0, X.jsxs)(I, {
+		className: q(Vt({ variant: "dropdown" }), n),
+		children: [/* @__PURE__ */ (0, X.jsxs)(L, {
 			value: u?.field || "",
 			onValueChange: (e) => {
 				if (!e) {
@@ -1209,14 +1211,14 @@ var jt = {
 					direction: u?.direction || "asc"
 				}]);
 			},
-			children: [/* @__PURE__ */ (0, X.jsx)(z, {
+			children: [/* @__PURE__ */ (0, X.jsx)(B, {
 				className: "w-56",
-				children: /* @__PURE__ */ (0, X.jsx)(B, { placeholder: "Select field" })
-			}), /* @__PURE__ */ (0, X.jsx)(L, { children: t.fields.map((e) => /* @__PURE__ */ (0, X.jsx)(R, {
+				children: /* @__PURE__ */ (0, X.jsx)(V, { placeholder: "Select field" })
+			}), /* @__PURE__ */ (0, X.jsx)(R, { children: t.fields.map((e) => /* @__PURE__ */ (0, X.jsx)(z, {
 				value: e.field,
 				children: e.label || e.field
 			}, e.field)) })]
-		}), /* @__PURE__ */ (0, X.jsxs)(I, {
+		}), /* @__PURE__ */ (0, X.jsxs)(L, {
 			value: u?.direction || "asc",
 			onValueChange: (e) => {
 				u?.field && c([{
@@ -1224,13 +1226,13 @@ var jt = {
 					direction: e
 				}]);
 			},
-			children: [/* @__PURE__ */ (0, X.jsx)(z, {
+			children: [/* @__PURE__ */ (0, X.jsx)(B, {
 				className: "w-36",
-				children: /* @__PURE__ */ (0, X.jsx)(B, {})
-			}), /* @__PURE__ */ (0, X.jsxs)(L, { children: [/* @__PURE__ */ (0, X.jsx)(R, {
+				children: /* @__PURE__ */ (0, X.jsx)(V, {})
+			}), /* @__PURE__ */ (0, X.jsxs)(R, { children: [/* @__PURE__ */ (0, X.jsx)(z, {
 				value: "asc",
 				children: "Ascending"
-			}), /* @__PURE__ */ (0, X.jsx)(R, {
+			}), /* @__PURE__ */ (0, X.jsx)(z, {
 				value: "desc",
 				children: "Descending"
 			})] })]
@@ -1239,7 +1241,7 @@ var jt = {
 };
 //#endregion
 //#region src/SharedViewLink.tsx
-function Gt() {
+function Kt() {
 	if (typeof crypto < "u" && typeof crypto.randomUUID == "function") return crypto.randomUUID();
 	if (typeof crypto < "u" && typeof crypto.getRandomValues == "function") {
 		let e = new Uint8Array(16);
@@ -1247,12 +1249,12 @@ function Gt() {
 	}
 	return Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
 }
-function Kt(e, t, n, r) {
+function qt(e, t, n, r) {
 	return `${e}/share/${t}/${n}?mode=readonly&token=${r}`;
 }
-var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, className: a }) => {
+var Jt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, className: a }) => {
 	let [o, s] = e.useState(null), [c, l] = e.useState(!1), [u, d] = e.useState(!1), [f, p] = e.useState(""), [g, _] = e.useState(""), v = r ?? (typeof window < "u" ? window.location.origin : ""), ee = e.useCallback(() => {
-		let e = Kt(v, t, n, Gt());
+		let e = qt(v, t, n, Kt());
 		s(e), l(!1);
 		let r = g ? new Date(Date.now() + parseInt(g, 10) * 864e5).toISOString() : void 0;
 		i?.(e, {
@@ -1274,18 +1276,18 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 			e.value = o, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e), l(!0), setTimeout(() => l(!1), 2e3);
 		}
 	}, [o]);
-	return /* @__PURE__ */ (0, X.jsxs)(P, {
+	return /* @__PURE__ */ (0, X.jsxs)(me, {
 		open: u,
 		onOpenChange: d,
-		children: [/* @__PURE__ */ (0, X.jsx)(F, {
+		children: [/* @__PURE__ */ (0, X.jsx)(he, {
 			asChild: !0,
 			children: /* @__PURE__ */ (0, X.jsxs)(h, {
 				variant: "outline",
 				size: "sm",
 				className: q("gap-2", a),
-				children: [/* @__PURE__ */ (0, X.jsx)(Ke, { className: "h-4 w-4" }), "Share"]
+				children: [/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4" }), "Share"]
 			})
-		}), /* @__PURE__ */ (0, X.jsxs)(he, {
+		}), /* @__PURE__ */ (0, X.jsxs)(I, {
 			className: "w-96 space-y-4",
 			align: "end",
 			children: [/* @__PURE__ */ (0, X.jsxs)("div", {
@@ -1306,7 +1308,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 				})]
 			}), o ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsxs)("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, X.jsx)(N, {
+				children: [/* @__PURE__ */ (0, X.jsx)(P, {
 					value: o,
 					readOnly: !0,
 					className: "h-8 text-xs",
@@ -1316,7 +1318,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					size: "sm",
 					onClick: y,
 					className: "shrink-0 gap-1",
-					children: c ? /* @__PURE__ */ (0, X.jsx)(Se, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ (0, X.jsx)(we, { className: "h-4 w-4" })
+					children: c ? /* @__PURE__ */ (0, X.jsx)(Ce, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ (0, X.jsx)(Te, { className: "h-4 w-4" })
 				})]
 			}), (f || g) && /* @__PURE__ */ (0, X.jsxs)("div", {
 				className: "flex items-center gap-2 flex-wrap",
@@ -1328,7 +1330,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					variant: "outline",
 					className: "text-xs gap-1",
 					children: [
-						/* @__PURE__ */ (0, X.jsx)(xe, { className: "h-3 w-3" }),
+						/* @__PURE__ */ (0, X.jsx)(Se, { className: "h-3 w-3" }),
 						"Expires in ",
 						g,
 						" day",
@@ -1343,7 +1345,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						children: [/* @__PURE__ */ (0, X.jsxs)("label", {
 							className: "flex items-center gap-1.5 text-xs font-medium text-foreground",
 							children: [/* @__PURE__ */ (0, X.jsx)(Ie, { className: "h-3.5 w-3.5" }), "Password protection (optional)"]
-						}), /* @__PURE__ */ (0, X.jsx)(N, {
+						}), /* @__PURE__ */ (0, X.jsx)(P, {
 							type: "password",
 							value: f,
 							onChange: (e) => p(e.target.value),
@@ -1355,7 +1357,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						className: "space-y-1.5",
 						children: [/* @__PURE__ */ (0, X.jsxs)("label", {
 							className: "flex items-center gap-1.5 text-xs font-medium text-foreground",
-							children: [/* @__PURE__ */ (0, X.jsx)(xe, { className: "h-3.5 w-3.5" }), "Expires after (optional)"]
+							children: [/* @__PURE__ */ (0, X.jsx)(Se, { className: "h-3.5 w-3.5" }), "Expires after (optional)"]
 						}), /* @__PURE__ */ (0, X.jsxs)("select", {
 							value: g,
 							onChange: (e) => _(e.target.value),
@@ -1388,19 +1390,19 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						onClick: ee,
 						className: "w-full gap-2",
 						size: "sm",
-						children: [/* @__PURE__ */ (0, X.jsx)(Ke, { className: "h-4 w-4" }), "Generate Link"]
+						children: [/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4" }), "Generate Link"]
 					})
 				]
 			})]
 		})]
 	});
-}, Jt = {
+}, Yt = {
 	private: 0,
 	team: 1,
 	organization: 2,
 	public: 3
-}, Yt = 8, Xt = ({ id: e, disabled: t, children: n }) => {
-	let { attributes: r, listeners: i, setNodeRef: a, transform: o, transition: s, isDragging: c } = lt({
+}, Xt = 8, Zt = ({ id: e, disabled: t, children: n }) => {
+	let { attributes: r, listeners: i, setNodeRef: a, transform: o, transition: s, isDragging: c } = ut({
 		id: e,
 		disabled: t,
 		attributes: {
@@ -1412,7 +1414,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 	return /* @__PURE__ */ (0, X.jsx)(X.Fragment, { children: n({
 		setNodeRef: a,
 		style: {
-			transform: dt.Transform.toString(o),
+			transform: ft.Transform.toString(o),
 			transition: s,
 			zIndex: c ? 10 : void 0,
 			opacity: c ? .5 : void 0
@@ -1421,15 +1423,15 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		attributes: r,
 		isDragging: c
 	}) });
-}, Zt = ({ views: e, activeViewId: r, onViewChange: c, viewTypeIcons: l = {}, config: u = {}, onAddView: d, onRenameView: f, onDuplicateView: p, onDeleteView: m, onSetDefaultView: g, onShareView: _, onSaveAsView: w, onPinView: T, onReorderViews: E, onChangeViewType: ne, onConfigView: re, onManageViews: D, availableViewTypes: O, hasUnsavedChanges: ie = !1, onResetChanges: ae, className: oe }) => {
-	let { showAddButton: se = !0, inlineRename: fe = !0, contextMenu: pe = !0, reorderable: me = !1, maxVisibleTabs: P = 6, showIndicators: he = !0, showSaveAsView: F = !0, showPinnedSection: I = !0, showVisibilityGroups: L = !1 } = u, [R, z] = s(null), [B, V] = s(""), H = o(null);
+}, Qt = ({ views: e, activeViewId: r, onViewChange: c, viewTypeIcons: l = {}, config: u = {}, onAddView: d, onRenameView: f, onDuplicateView: p, onDeleteView: m, onSetDefaultView: g, onShareView: _, onSaveAsView: w, onPinView: T, onReorderViews: E, onChangeViewType: D, onConfigView: ne, onManageViews: re, availableViewTypes: O, hasUnsavedChanges: ie = !1, onResetChanges: ae, className: oe }) => {
+	let { showAddButton: se = !0, inlineRename: fe = !0, contextMenu: N = !0, reorderable: F = !1, maxVisibleTabs: pe = 6, showIndicators: me = !0, showSaveAsView: I = !0, showPinnedSection: he = !0, showVisibilityGroups: L = !1 } = u, [R, z] = s(null), [B, V] = s(""), ge = o(null);
 	i(() => {
-		R && H.current && (H.current.focus(), H.current.select());
+		R && ge.current && (ge.current.focus(), ge.current.select());
 	}, [R]);
-	let ge = n((t) => {
+	let H = n((t) => {
 		if (!fe || !f) return;
 		let n = e.find((e) => e.id === t);
-		n && (z(t), V(n.label));
+		n && (n.readonly || (z(t), V(n.label)));
 	}, [
 		fe,
 		f,
@@ -1442,25 +1444,25 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		f
 	]), ve = n(() => {
 		z(null), V("");
-	}, []), J = a(() => {
+	}, []), ye = a(() => e.length > 0 && e.every((e) => !!e.readonly), [e]), J = a(() => {
 		let t = [...e];
 		return t.sort((e, t) => {
-			if (I) {
+			if (he) {
 				let n = +!!e.isPinned, r = +!!t.isPinned;
 				if (n !== r) return r - n;
 			}
 			if (L) {
-				let n = Jt[e.visibility || "public"] ?? Jt.public, r = Jt[t.visibility || "public"] ?? Jt.public;
+				let n = Yt[e.visibility || "public"] ?? Yt.public, r = Yt[t.visibility || "public"] ?? Yt.public;
 				if (n !== r) return n - r;
 			}
 			return 0;
 		}), t;
 	}, [
 		e,
-		I,
+		he,
 		L
-	]), { visibleViews: ye, overflowViews: be } = a(() => {
-		let e = J.slice(0, P), t = J.slice(P), n = t.findIndex((e) => e.id === r);
+	]), { visibleViews: be, overflowViews: xe } = a(() => {
+		let e = J.slice(0, pe), t = J.slice(pe), n = t.findIndex((e) => e.id === r);
 		if (n === -1) return {
 			visibleViews: e,
 			overflowViews: t
@@ -1472,31 +1474,31 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		};
 	}, [
 		J,
-		P,
+		pe,
 		r
-	]), xe = it(rt(tt, { activationConstraint: { distance: Yt } }), rt(et)), Se = n((e) => {
+	]), Se = at(it(nt, { activationConstraint: { distance: Xt } }), it(tt)), Ce = n((e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id || !E) return;
 		let r = J.findIndex((e) => e.id === t.id), i = J.findIndex((e) => e.id === n.id);
-		r === -1 || i === -1 || E(ot(J, r, i).map((e) => e.id));
-	}, [J, E]), Te = Ye, Ee = n((e) => {
+		r === -1 || i === -1 || E(st(J, r, i).map((e) => e.id));
+	}, [J, E]), Y = Xe, Ee = n((e) => {
 		if (!L || e === 0) return !1;
-		let t = ye[e - 1], n = ye[e], r = (e) => e.visibility === "private";
+		let t = be[e - 1], n = be[e], r = (e) => e.visibility === "private";
 		return r(t) && !r(n);
-	}, [L, ye]), De = (e, n) => {
-		let i = e.id === r, a = l[e.type] || Te, o = R === e.id, s = he && (e.hasActiveFilters || e.hasActiveSort), u = Ee(n), d = ((e) => L ? e.visibility === "private" ? /* @__PURE__ */ (0, X.jsx)(Ie, {
+	}, [L, be]), De = (e, n) => {
+		let i = e.id === r, a = l[e.type] || Y, o = R === e.id, s = me && (e.hasActiveFilters || e.hasActiveSort), u = Ee(n), d = !!e.readonly, h = ((e) => L ? e.visibility === "private" ? /* @__PURE__ */ (0, X.jsx)(Ie, {
 			"data-testid": `view-tab-visibility-${e.id}`,
 			className: "h-3 w-3 text-muted-foreground shrink-0"
 		}) : e.visibility ? /* @__PURE__ */ (0, X.jsx)(ke, {
 			"data-testid": `view-tab-visibility-${e.id}`,
 			className: "h-3 w-3 text-muted-foreground shrink-0"
-		}) : null : null)(e), h = (t) => /* @__PURE__ */ (0, X.jsxs)("div", {
+		}) : null : null)(e), w = (t) => /* @__PURE__ */ (0, X.jsxs)("div", {
 			"data-testid": `view-tab-${e.id}`,
 			role: "tab",
 			tabIndex: 0,
 			"aria-selected": i,
 			onClick: () => !o && c(e.id),
-			onDoubleClick: () => ge(e.id),
+			onDoubleClick: () => H(e.id),
 			onKeyDown: (t) => {
 				!o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c(e.id));
 			},
@@ -1504,20 +1506,20 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 			...t?.attributes ?? {},
 			className: q("group/tab inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap relative outline-none focus-visible:ring-2 focus-visible:ring-ring", t?.isDragging ? "cursor-grabbing" : "cursor-pointer", i ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"),
 			children: [
-				me && E && /* @__PURE__ */ (0, X.jsx)("span", {
+				F && E && /* @__PURE__ */ (0, X.jsx)("span", {
 					"data-testid": `view-tab-drag-handle-${e.id}`,
 					"aria-hidden": "true",
 					className: q("text-muted-foreground transition-opacity pointer-events-none", "opacity-0 group-hover/tab:opacity-100", t?.isDragging && "opacity-100"),
 					children: /* @__PURE__ */ (0, X.jsx)(je, { className: "h-3 w-3" })
 				}),
-				I && e.isPinned && /* @__PURE__ */ (0, X.jsx)(Y, {
+				he && e.isPinned && /* @__PURE__ */ (0, X.jsx)(Be, {
 					"data-testid": `view-tab-pin-indicator-${e.id}`,
 					className: "h-3 w-3 text-primary shrink-0"
 				}),
-				d,
+				h,
 				/* @__PURE__ */ (0, X.jsx)(a, { className: "h-3.5 w-3.5" }),
-				o ? /* @__PURE__ */ (0, X.jsx)(N, {
-					ref: H,
+				o ? /* @__PURE__ */ (0, X.jsx)(P, {
+					ref: ge,
 					"data-testid": `view-tab-rename-input-${e.id}`,
 					value: B,
 					onChange: (e) => V(e.target.value),
@@ -1528,6 +1530,18 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					className: "h-5 w-24 px-1 py-0 text-sm border-none focus-visible:ring-1",
 					onClick: (e) => e.stopPropagation()
 				}) : /* @__PURE__ */ (0, X.jsx)("span", { children: e.label }),
+				d && !ye && /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, X.jsx)(Ie, {
+						"data-testid": `view-tab-readonly-${e.id}`,
+						"aria-label": "Read-only view",
+						className: "h-3 w-3 text-muted-foreground shrink-0"
+					})
+				}), /* @__PURE__ */ (0, X.jsx)(W, {
+					side: "bottom",
+					className: "text-xs",
+					children: e.readonlyReason || "System view — duplicate to customize."
+				})] }),
 				s && /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
 					asChild: !0,
 					children: /* @__PURE__ */ (0, X.jsx)("span", {
@@ -1540,8 +1554,8 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					className: "text-xs",
 					children: [e.hasActiveFilters && "Active filters", e.hasActiveSort && "Active sort"].filter(Boolean).join(", ")
 				})] }),
-				e.isDefault && /* @__PURE__ */ (0, X.jsx)(Je, { className: "h-3 w-3 text-amber-500 fill-amber-500 shrink-0" }),
-				i && (re || f || p || m) && /* @__PURE__ */ (0, X.jsxs)(k, { children: [/* @__PURE__ */ (0, X.jsx)(de, {
+				e.isDefault && /* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-3 w-3 text-amber-500 fill-amber-500 shrink-0" }),
+				i && (ne || f || p || m) && /* @__PURE__ */ (0, X.jsxs)(k, { children: [/* @__PURE__ */ (0, X.jsx)(de, {
 					asChild: !0,
 					children: /* @__PURE__ */ (0, X.jsx)("button", {
 						type: "button",
@@ -1551,109 +1565,109 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						onPointerDown: (e) => e.stopPropagation(),
 						onMouseDown: (e) => e.stopPropagation(),
 						"aria-label": `View actions for ${e.label}`,
-						children: /* @__PURE__ */ (0, X.jsx)(Ce, { className: "h-3 w-3" })
+						children: /* @__PURE__ */ (0, X.jsx)(we, { className: "h-3 w-3" })
 					})
 				}), /* @__PURE__ */ (0, X.jsxs)(A, {
 					align: "start",
 					className: "min-w-[180px]",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						re && /* @__PURE__ */ (0, X.jsxs)(j, {
+						ne && !d && /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-config-${e.id}`,
-							onClick: () => re(e.id),
-							children: [/* @__PURE__ */ (0, X.jsx)(Ge, { className: "h-4 w-4 mr-2" }), " Edit view config"]
+							onClick: () => ne(e.id),
+							children: [/* @__PURE__ */ (0, X.jsx)(Ke, { className: "h-4 w-4 mr-2" }), " Edit view config"]
 						}),
-						f && /* @__PURE__ */ (0, X.jsxs)(j, {
+						f && !d && /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-rename-${e.id}`,
-							onClick: () => ge(e.id),
+							onClick: () => H(e.id),
 							children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4 mr-2" }), " Rename"]
 						}),
 						p && /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-duplicate-${e.id}`,
 							onClick: () => p(e.id),
-							children: [/* @__PURE__ */ (0, X.jsx)(we, { className: "h-4 w-4 mr-2" }), " Duplicate view"]
+							children: [/* @__PURE__ */ (0, X.jsx)(Te, { className: "h-4 w-4 mr-2" }), " Duplicate view"]
 						}),
 						_ && /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-share-${e.id}`,
 							onClick: () => _(e.id),
-							children: [/* @__PURE__ */ (0, X.jsx)(Ke, { className: "h-4 w-4 mr-2" }), " Share view"]
+							children: [/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4 mr-2" }), " Share view"]
 						}),
-						g && /* @__PURE__ */ (0, X.jsxs)(j, {
+						g && !d && /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-default-${e.id}`,
 							onClick: () => g(e.id),
-							children: [/* @__PURE__ */ (0, X.jsx)(Je, { className: "h-4 w-4 mr-2" }), " Set as default"]
+							children: [/* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-4 w-4 mr-2" }), " Set as default"]
 						}),
-						T && /* @__PURE__ */ (0, X.jsx)(j, {
+						T && !d && /* @__PURE__ */ (0, X.jsx)(j, {
 							"data-testid": `view-tab-menu-pin-${e.id}`,
 							onClick: () => T(e.id, !e.isPinned),
-							children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 mr-2" }), " Unpin view"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Y, { className: "h-4 w-4 mr-2" }), " Pin view"] })
+							children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-4 w-4 mr-2" }), " Unpin view"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 mr-2" }), " Pin view"] })
 						}),
-						ne && O && O.length > 0 && /* @__PURE__ */ (0, X.jsxs)(ce, { children: [/* @__PURE__ */ (0, X.jsxs)(ue, {
+						D && !d && O && O.length > 0 && /* @__PURE__ */ (0, X.jsxs)(ce, { children: [/* @__PURE__ */ (0, X.jsxs)(ue, {
 							"data-testid": `view-tab-menu-change-type-${e.id}`,
 							children: [/* @__PURE__ */ (0, X.jsx)(Ne, { className: "h-4 w-4 mr-2" }), " Change view type"]
 						}), /* @__PURE__ */ (0, X.jsx)(le, { children: O.map((t) => {
-							let n = l[t.type] || Te;
+							let n = l[t.type] || Y;
 							return /* @__PURE__ */ (0, X.jsxs)(j, {
 								"data-testid": `view-tab-menu-type-${e.id}-${t.type}`,
 								disabled: t.type === e.type,
-								onClick: () => ne(e.id, t.type),
+								onClick: () => D(e.id, t.type),
 								children: [/* @__PURE__ */ (0, X.jsx)(n, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ (0, X.jsx)("span", { children: t.label })]
 							}, t.type);
 						}) })] }),
-						m && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(M, {}), /* @__PURE__ */ (0, X.jsxs)(j, {
+						m && !d && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(M, {}), /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-delete-${e.id}`,
 							onClick: () => m(e.id),
 							className: "text-destructive focus:text-destructive",
-							children: [/* @__PURE__ */ (0, X.jsx)(Xe, { className: "h-4 w-4 mr-2" }), " Delete view"]
+							children: [/* @__PURE__ */ (0, X.jsx)(Ze, { className: "h-4 w-4 mr-2" }), " Delete view"]
 						})] }),
-						D && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(M, {}), /* @__PURE__ */ (0, X.jsxs)(j, {
+						re && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(M, {}), /* @__PURE__ */ (0, X.jsxs)(j, {
 							"data-testid": `view-tab-menu-manage-${e.id}`,
-							onClick: D,
+							onClick: re,
 							children: [/* @__PURE__ */ (0, X.jsx)(Fe, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
 						})] })
 					]
 				})] })
 			]
-		}), w = (t) => !pe || o ? t : /* @__PURE__ */ (0, X.jsxs)(v, { children: [/* @__PURE__ */ (0, X.jsx)(C, {
+		}), ie = (t) => !N || o ? t : /* @__PURE__ */ (0, X.jsxs)(v, { children: [/* @__PURE__ */ (0, X.jsx)(C, {
 			asChild: !0,
 			children: t
 		}), /* @__PURE__ */ (0, X.jsxs)(ee, { children: [
-			f && /* @__PURE__ */ (0, X.jsxs)(y, {
+			f && !d && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-rename-${e.id}`,
-				onClick: () => ge(e.id),
+				onClick: () => H(e.id),
 				children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4 mr-2" }), " Rename"]
 			}),
 			p && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-duplicate-${e.id}`,
 				onClick: () => p(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(we, { className: "h-4 w-4 mr-2" }), " Duplicate View"]
+				children: [/* @__PURE__ */ (0, X.jsx)(Te, { className: "h-4 w-4 mr-2" }), " Duplicate View"]
 			}),
 			_ && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-share-${e.id}`,
 				onClick: () => _(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(Ke, { className: "h-4 w-4 mr-2" }), " Share View"]
+				children: [/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4 mr-2" }), " Share View"]
 			}),
-			g && /* @__PURE__ */ (0, X.jsxs)(y, {
+			g && !d && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-default-${e.id}`,
 				onClick: () => g(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(Je, { className: "h-4 w-4 mr-2" }), " Set as Default"]
+				children: [/* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-4 w-4 mr-2" }), " Set as Default"]
 			}),
-			T && /* @__PURE__ */ (0, X.jsx)(y, {
+			T && !d && /* @__PURE__ */ (0, X.jsx)(y, {
 				"data-testid": `context-menu-pin-${e.id}`,
 				onClick: () => T(e.id, !e.isPinned),
-				children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 mr-2" }), " Unpin View"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Y, { className: "h-4 w-4 mr-2" }), " Pin View"] })
+				children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-4 w-4 mr-2" }), " Unpin View"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 mr-2" }), " Pin View"] })
 			}),
-			ne && O && O.length > 0 && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(b, {}), /* @__PURE__ */ (0, X.jsxs)(te, { children: [/* @__PURE__ */ (0, X.jsxs)(S, {
+			D && !d && O && O.length > 0 && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(b, {}), /* @__PURE__ */ (0, X.jsxs)(te, { children: [/* @__PURE__ */ (0, X.jsxs)(S, {
 				"data-testid": `context-menu-change-type-${e.id}`,
 				children: [/* @__PURE__ */ (0, X.jsx)(Ne, { className: "h-4 w-4 mr-2" }), " Change View Type"]
 			}), /* @__PURE__ */ (0, X.jsx)(x, {
 				"data-testid": `context-menu-type-submenu-${e.id}`,
 				children: O.map((t) => {
-					let n = l[t.type] || Te;
+					let n = l[t.type] || Y;
 					return /* @__PURE__ */ (0, X.jsxs)(y, {
 						"data-testid": `context-menu-type-${e.id}-${t.type}`,
 						disabled: t.type === e.type,
-						onClick: () => ne(e.id, t.type),
+						onClick: () => D(e.id, t.type),
 						children: [/* @__PURE__ */ (0, X.jsx)(n, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ (0, X.jsxs)("div", {
 							className: "flex flex-col",
 							children: [/* @__PURE__ */ (0, X.jsx)("span", { children: t.label }), t.description && /* @__PURE__ */ (0, X.jsx)("span", {
@@ -1664,28 +1678,28 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					}, t.type);
 				})
 			})] })] }),
-			m && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(b, {}), /* @__PURE__ */ (0, X.jsxs)(y, {
+			m && !d && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(b, {}), /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-delete-${e.id}`,
 				onClick: () => m(e.id),
 				className: "text-destructive focus:text-destructive",
-				children: [/* @__PURE__ */ (0, X.jsx)(Xe, { className: "h-4 w-4 mr-2" }), " Delete View"]
+				children: [/* @__PURE__ */ (0, X.jsx)(Ze, { className: "h-4 w-4 mr-2" }), " Delete View"]
 			})] }),
-			D && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(b, {}), /* @__PURE__ */ (0, X.jsxs)(y, {
+			re && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(b, {}), /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-manage-${e.id}`,
-				onClick: D,
+				onClick: re,
 				children: [/* @__PURE__ */ (0, X.jsx)(Fe, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
 			})] })
 		] })] });
-		return me && E ? /* @__PURE__ */ (0, X.jsxs)(t.Fragment, { children: [u && /* @__PURE__ */ (0, X.jsx)("div", {
+		return F && E ? /* @__PURE__ */ (0, X.jsxs)(t.Fragment, { children: [u && /* @__PURE__ */ (0, X.jsx)("div", {
 			"data-testid": "view-tab-visibility-separator",
 			className: "w-px h-5 bg-border mx-1 self-center shrink-0"
-		}), /* @__PURE__ */ (0, X.jsx)(Xt, {
+		}), /* @__PURE__ */ (0, X.jsx)(Zt, {
 			id: e.id,
 			children: ({ setNodeRef: e, style: t, listeners: n, attributes: r, isDragging: i }) => /* @__PURE__ */ (0, X.jsx)("div", {
 				ref: e,
 				style: t,
 				className: q("flex", i && "z-10"),
-				children: w(h({
+				children: ie(w({
 					listeners: n,
 					attributes: r,
 					isDragging: i
@@ -1694,19 +1708,19 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		})] }, e.id) : /* @__PURE__ */ (0, X.jsxs)(t.Fragment, { children: [u && /* @__PURE__ */ (0, X.jsx)("div", {
 			"data-testid": "view-tab-visibility-separator",
 			className: "w-px h-5 bg-border mx-1 self-center shrink-0"
-		}), w(h())] }, e.id);
-	}, Oe = /* @__PURE__ */ (0, X.jsx)(X.Fragment, { children: ye.map((e, t) => De(e, t)) });
+		}), ie(w())] }, e.id);
+	}, Oe = /* @__PURE__ */ (0, X.jsx)(X.Fragment, { children: be.map((e, t) => De(e, t)) });
 	return /* @__PURE__ */ (0, X.jsx)(G, { children: /* @__PURE__ */ (0, X.jsxs)("div", {
 		"data-testid": "view-tab-bar",
 		className: q("flex items-center gap-0.5 -mb-px", oe),
 		children: [
-			me && E ? /* @__PURE__ */ (0, X.jsx)($e, {
-				sensors: xe,
-				collisionDetection: nt,
-				onDragEnd: Se,
-				children: /* @__PURE__ */ (0, X.jsx)(at, {
-					items: ye.map((e) => e.id),
-					strategy: st,
+			F && E ? /* @__PURE__ */ (0, X.jsx)(et, {
+				sensors: Se,
+				collisionDetection: rt,
+				onDragEnd: Ce,
+				children: /* @__PURE__ */ (0, X.jsx)(ot, {
+					items: be.map((e) => e.id),
+					strategy: ct,
 					children: /* @__PURE__ */ (0, X.jsx)("div", {
 						"data-testid": "view-tab-sortable-container",
 						className: "flex items-center gap-0.5",
@@ -1714,33 +1728,33 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					})
 				})
 			}) : Oe,
-			be.length > 0 && /* @__PURE__ */ (0, X.jsxs)(k, { children: [/* @__PURE__ */ (0, X.jsx)(de, {
+			xe.length > 0 && /* @__PURE__ */ (0, X.jsxs)(k, { children: [/* @__PURE__ */ (0, X.jsx)(de, {
 				asChild: !0,
 				children: /* @__PURE__ */ (0, X.jsxs)("button", {
 					"data-testid": "view-tab-overflow",
 					className: "inline-flex items-center gap-1 px-2 py-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
 					children: [/* @__PURE__ */ (0, X.jsx)(Re, { className: "h-4 w-4" }), /* @__PURE__ */ (0, X.jsxs)("span", {
 						className: "text-xs",
-						children: [be.length, " more"]
+						children: [xe.length, " more"]
 					})]
 				})
 			}), /* @__PURE__ */ (0, X.jsxs)(A, {
 				align: "end",
-				children: [D && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsxs)(j, {
+				children: [re && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsxs)(j, {
 					"data-testid": "view-tab-overflow-manage",
-					onClick: D,
+					onClick: re,
 					className: "font-medium",
 					children: [/* @__PURE__ */ (0, X.jsx)(Fe, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
-				}), /* @__PURE__ */ (0, X.jsx)(M, {})] }), be.map((e) => {
-					let t = l[e.type] || Te;
+				}), /* @__PURE__ */ (0, X.jsx)(M, {})] }), xe.map((e) => {
+					let t = l[e.type] || Y;
 					return /* @__PURE__ */ (0, X.jsxs)(j, {
 						"data-testid": `view-tab-overflow-${e.id}`,
 						onClick: () => c(e.id),
 						children: [
-							e.isPinned && /* @__PURE__ */ (0, X.jsx)(Y, { className: "h-3 w-3 mr-1 text-primary shrink-0" }),
+							e.isPinned && /* @__PURE__ */ (0, X.jsx)(Be, { className: "h-3 w-3 mr-1 text-primary shrink-0" }),
 							/* @__PURE__ */ (0, X.jsx)(t, { className: "h-4 w-4 mr-2" }),
 							e.label,
-							he && (e.hasActiveFilters || e.hasActiveSort) && /* @__PURE__ */ (0, X.jsx)("span", {
+							me && (e.hasActiveFilters || e.hasActiveSort) && /* @__PURE__ */ (0, X.jsx)("span", {
 								className: "ml-auto inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1",
 								children: [e.hasActiveFilters && "F", e.hasActiveSort && "S"].filter(Boolean).join("")
 							})
@@ -1754,14 +1768,14 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					"data-testid": "view-tab-add",
 					onClick: d,
 					className: "inline-flex items-center px-2 py-2 text-muted-foreground hover:text-foreground transition-colors",
-					children: /* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, X.jsx)(He, { className: "h-4 w-4" })
 				})
 			}), /* @__PURE__ */ (0, X.jsx)(W, { children: "Add View" })] }),
-			F && ie && /* @__PURE__ */ (0, X.jsxs)("div", {
+			I && ie && /* @__PURE__ */ (0, X.jsxs)("div", {
 				"data-testid": "view-tab-save-as",
 				className: "flex items-center gap-1 ml-2 text-xs text-amber-600 dark:text-amber-400",
 				children: [
-					/* @__PURE__ */ (0, X.jsx)(He, { className: "h-3.5 w-3.5" }),
+					/* @__PURE__ */ (0, X.jsx)(Ue, { className: "h-3.5 w-3.5" }),
 					/* @__PURE__ */ (0, X.jsx)("span", {
 						className: "hidden sm:inline",
 						children: "Unsaved changes"
@@ -1786,18 +1800,18 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 			})
 		]
 	}) });
-}, Qt = Ye, $t = ({ view: e, isActive: t, Icon: r, isRenaming: a, onStartRename: c, onCommitRename: l, onCancelRename: u, onRowClick: d, onDelete: f, onDuplicate: p, onSetDefault: m, onSetPinned: h, onConfigView: g }) => {
-	let { attributes: _, listeners: v, setNodeRef: ee, transform: y, transition: b, isDragging: te } = lt({ id: e.id }), x = {
-		transform: dt.Transform.toString(y),
+}, $t = Xe, en = ({ view: e, isActive: t, Icon: r, isRenaming: a, onStartRename: c, onCommitRename: l, onCancelRename: u, onRowClick: d, onDelete: f, onDuplicate: p, onSetDefault: m, onSetPinned: h, onConfigView: g }) => {
+	let { attributes: _, listeners: v, setNodeRef: ee, transform: y, transition: b, isDragging: te } = ut({ id: e.id }), x = {
+		transform: ft.Transform.toString(y),
 		transition: b,
 		opacity: te ? .5 : 1
-	}, S = o(null), [C, w] = s(e.label);
+	}, S = o(null), [C, w] = s(e.label), T = !!e.readonly;
 	i(() => {
 		a && (w(e.label), requestAnimationFrame(() => {
 			S.current?.focus(), S.current?.select();
 		}));
 	}, [a, e.label]);
-	let T = n(() => {
+	let E = n(() => {
 		let t = C.trim();
 		t && t !== e.label ? l(e.id, t) : u();
 	}, [
@@ -1829,32 +1843,43 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 				onClick: () => {
 					a || d?.(e.id);
 				},
-				children: a ? /* @__PURE__ */ (0, X.jsx)(N, {
+				children: a ? /* @__PURE__ */ (0, X.jsx)(P, {
 					ref: S,
 					value: C,
 					onChange: (e) => w(e.target.value),
-					onBlur: T,
+					onBlur: E,
 					onKeyDown: (e) => {
-						e.key === "Enter" ? (e.preventDefault(), T()) : e.key === "Escape" && (e.preventDefault(), u());
+						e.key === "Enter" ? (e.preventDefault(), E()) : e.key === "Escape" && (e.preventDefault(), u());
 					},
 					onClick: (e) => e.stopPropagation(),
 					className: "h-7 text-sm",
 					"data-testid": `manage-views-rename-input-${e.id}`
 				}) : /* @__PURE__ */ (0, X.jsxs)("button", {
 					type: "button",
-					className: "w-full text-left text-sm font-medium truncate cursor-pointer",
+					className: "w-full text-left text-sm font-medium truncate cursor-pointer flex items-center gap-1.5",
 					onDoubleClick: (t) => {
-						t.stopPropagation(), c(e.id);
+						t.stopPropagation(), T || c(e.id);
 					},
 					title: e.label,
-					children: [e.label, e.isDefault && /* @__PURE__ */ (0, X.jsxs)("span", {
-						className: "ml-2 inline-flex items-center text-[10px] uppercase tracking-wide text-muted-foreground",
-						title: "Default view",
-						children: [/* @__PURE__ */ (0, X.jsx)(Je, { className: "h-3 w-3 mr-0.5 fill-current" }), " default"]
-					})]
+					children: [
+						/* @__PURE__ */ (0, X.jsx)("span", {
+							className: "truncate",
+							children: e.label
+						}),
+						T && /* @__PURE__ */ (0, X.jsx)(Ie, {
+							"aria-label": "Read-only view",
+							"data-testid": `manage-views-readonly-${e.id}`,
+							className: "h-3 w-3 text-muted-foreground shrink-0"
+						}),
+						e.isDefault && /* @__PURE__ */ (0, X.jsxs)("span", {
+							className: "ml-1 inline-flex items-center text-[10px] uppercase tracking-wide text-muted-foreground",
+							title: "Default view",
+							children: [/* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-3 w-3 mr-0.5 fill-current" }), " default"]
+						})
+					]
 				})
 			}),
-			h && !a && /* @__PURE__ */ (0, X.jsx)(G, {
+			h && !a && !T && /* @__PURE__ */ (0, X.jsx)(G, {
 				delayDuration: 300,
 				children: /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
 					asChild: !0,
@@ -1866,14 +1891,14 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 							t.stopPropagation(), h(e.id, !e.isPinned);
 						},
 						className: q("shrink-0 h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent transition-colors", e.isPinned ? "text-amber-500" : "text-muted-foreground/40 opacity-0 group-hover/row:opacity-100"),
-						children: e.isPinned ? /* @__PURE__ */ (0, X.jsx)(Y, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ (0, X.jsx)(Y, { className: "h-4 w-4" })
+						children: e.isPinned ? /* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4" })
 					})
 				}), /* @__PURE__ */ (0, X.jsx)(W, {
 					side: "top",
 					children: e.isPinned ? "Unpin view" : "Pin view"
 				})] })
 			}),
-			m && !a && !e.isDefault && /* @__PURE__ */ (0, X.jsx)(G, {
+			m && !a && !e.isDefault && !T && /* @__PURE__ */ (0, X.jsx)(G, {
 				delayDuration: 300,
 				children: /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
 					asChild: !0,
@@ -1885,7 +1910,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 							t.stopPropagation(), m(e.id);
 						},
 						className: "shrink-0 h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-muted-foreground/40 hover:text-foreground opacity-0 group-hover/row:opacity-100 transition-colors",
-						children: /* @__PURE__ */ (0, X.jsx)(Je, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-4 w-4" })
 					})
 				}), /* @__PURE__ */ (0, X.jsx)(W, {
 					side: "top",
@@ -1906,7 +1931,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 				align: "end",
 				className: "min-w-[180px]",
 				children: [
-					/* @__PURE__ */ (0, X.jsxs)(j, {
+					!T && /* @__PURE__ */ (0, X.jsxs)(j, {
 						"data-testid": `manage-views-action-rename-${e.id}`,
 						onClick: () => c(e.id),
 						children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4 mr-2" }), " Rename"]
@@ -1914,28 +1939,28 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					p && /* @__PURE__ */ (0, X.jsxs)(j, {
 						"data-testid": `manage-views-action-duplicate-${e.id}`,
 						onClick: () => p(e.id),
-						children: [/* @__PURE__ */ (0, X.jsx)(we, { className: "h-4 w-4 mr-2" }), " Duplicate"]
+						children: [/* @__PURE__ */ (0, X.jsx)(Te, { className: "h-4 w-4 mr-2" }), " Duplicate"]
 					}),
-					g && /* @__PURE__ */ (0, X.jsxs)(j, {
+					g && !T && /* @__PURE__ */ (0, X.jsxs)(j, {
 						"data-testid": `manage-views-action-config-${e.id}`,
 						onClick: () => g(e.id),
 						children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4 mr-2" }), " Edit configuration…"]
 					}),
-					m && !e.isDefault && /* @__PURE__ */ (0, X.jsxs)(j, {
+					m && !e.isDefault && !T && /* @__PURE__ */ (0, X.jsxs)(j, {
 						"data-testid": `manage-views-action-default-${e.id}`,
 						onClick: () => m(e.id),
-						children: [/* @__PURE__ */ (0, X.jsx)(Je, { className: "h-4 w-4 mr-2" }), " Set as default"]
+						children: [/* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-4 w-4 mr-2" }), " Set as default"]
 					}),
-					h && /* @__PURE__ */ (0, X.jsx)(j, {
+					h && !T && /* @__PURE__ */ (0, X.jsx)(j, {
 						"data-testid": `manage-views-action-pin-${e.id}`,
 						onClick: () => h(e.id, !e.isPinned),
-						children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 mr-2" }), " Unpin"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Y, { className: "h-4 w-4 mr-2" }), " Pin"] })
+						children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-4 w-4 mr-2" }), " Unpin"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Be, { className: "h-4 w-4 mr-2" }), " Pin"] })
 					}),
-					f && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(M, {}), /* @__PURE__ */ (0, X.jsxs)(j, {
+					f && !T && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(M, {}), /* @__PURE__ */ (0, X.jsxs)(j, {
 						"data-testid": `manage-views-action-delete-${e.id}`,
 						onClick: () => f(e.id),
 						className: "text-destructive focus:text-destructive",
-						children: [/* @__PURE__ */ (0, X.jsx)(Xe, { className: "h-4 w-4 mr-2" }), " Delete"]
+						children: [/* @__PURE__ */ (0, X.jsx)(Ze, { className: "h-4 w-4 mr-2" }), " Delete"]
 					})] })
 				]
 			})] }),
@@ -1945,21 +1970,21 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					type: "button",
 					"aria-label": "Save name",
 					onMouseDown: (e) => e.preventDefault(),
-					onClick: T,
+					onClick: E,
 					className: "h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-emerald-600",
-					children: /* @__PURE__ */ (0, X.jsx)(Se, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, X.jsx)(Ce, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ (0, X.jsx)("button", {
 					type: "button",
 					"aria-label": "Cancel rename",
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: u,
 					className: "h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-muted-foreground",
-					children: /* @__PURE__ */ (0, X.jsx)(Ze, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, X.jsx)(Qe, { className: "h-4 w-4" })
 				})]
 			})
 		]
 	});
-}, en = ({ open: e, onOpenChange: t, views: n, activeViewId: r, viewTypeIcons: o = {}, onRename: c, onDelete: l, onDuplicate: u, onSetDefault: d, onSetPinned: f, onReorder: p, onAddView: m, onConfigView: g }) => {
+}, tn = ({ open: e, onOpenChange: t, views: n, activeViewId: r, viewTypeIcons: o = {}, onRename: c, onDelete: l, onDuplicate: u, onSetDefault: d, onSetPinned: f, onReorder: p, onAddView: m, onConfigView: g }) => {
 	let [_, v] = s(""), [ee, y] = s(null), [b, te] = s(() => n.map((e) => e.id));
 	i(() => {
 		te(n.map((e) => e.id));
@@ -1973,12 +1998,12 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		if (!_.trim()) return x;
 		let e = _.toLowerCase();
 		return x.filter((t) => t.label.toLowerCase().includes(e));
-	}, [x, _]), C = it(rt(tt, { activationConstraint: { distance: 5 } }), rt(et, { coordinateGetter: ct })), O = (e) => {
+	}, [x, _]), C = at(it(nt, { activationConstraint: { distance: 5 } }), it(tt, { coordinateGetter: lt })), O = (e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id) return;
 		let r = b.indexOf(String(t.id)), i = b.indexOf(String(n.id));
 		if (r < 0 || i < 0) return;
-		let a = ot(b, r, i);
+		let a = st(b, r, i);
 		te(a), p?.(a);
 	}, ie = (e) => {
 		t(!1), requestAnimationFrame(() => g?.(e));
@@ -1990,9 +2015,9 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 			className: "sm:max-w-[560px] p-0 gap-0 overflow-hidden",
 			"data-testid": "manage-views-dialog",
 			children: [
-				/* @__PURE__ */ (0, X.jsxs)(re, {
+				/* @__PURE__ */ (0, X.jsxs)(ne, {
 					className: "px-5 pt-5 pb-3",
-					children: [/* @__PURE__ */ (0, X.jsx)(D, {
+					children: [/* @__PURE__ */ (0, X.jsx)(re, {
 						className: "text-base",
 						children: "Manage views"
 					}), /* @__PURE__ */ (0, X.jsx)(E, {
@@ -2004,7 +2029,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					className: "px-5 pb-3",
 					children: /* @__PURE__ */ (0, X.jsxs)("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ (0, X.jsx)(Ue, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }), /* @__PURE__ */ (0, X.jsx)(N, {
+						children: [/* @__PURE__ */ (0, X.jsx)(We, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }), /* @__PURE__ */ (0, X.jsx)(P, {
 							value: _,
 							onChange: (e) => v(e.target.value),
 							placeholder: "Search views",
@@ -2019,18 +2044,18 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					children: S.length === 0 ? /* @__PURE__ */ (0, X.jsx)("div", {
 						className: "text-center text-sm text-muted-foreground py-10",
 						children: "No views match your search."
-					}) : /* @__PURE__ */ (0, X.jsx)($e, {
+					}) : /* @__PURE__ */ (0, X.jsx)(et, {
 						sensors: C,
-						collisionDetection: nt,
+						collisionDetection: rt,
 						onDragEnd: O,
-						children: /* @__PURE__ */ (0, X.jsx)(at, {
+						children: /* @__PURE__ */ (0, X.jsx)(ot, {
 							items: S.map((e) => e.id),
-							strategy: ut,
+							strategy: dt,
 							children: /* @__PURE__ */ (0, X.jsx)("ul", {
 								className: "space-y-0.5",
-								children: S.map((e) => /* @__PURE__ */ (0, X.jsx)($t, {
+								children: S.map((e) => /* @__PURE__ */ (0, X.jsx)(en, {
 									view: e,
-									Icon: o[e.type] || Qt,
+									Icon: o[e.type] || $t,
 									isActive: e.id === r,
 									isRenaming: ee === e.id,
 									onStartRename: (e) => y(e),
@@ -2048,7 +2073,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						})
 					})
 				}),
-				/* @__PURE__ */ (0, X.jsxs)(ne, {
+				/* @__PURE__ */ (0, X.jsxs)(D, {
 					className: "border-t bg-muted/30 px-5 py-3 flex sm:justify-between gap-2",
 					children: [m ? /* @__PURE__ */ (0, X.jsxs)(h, {
 						variant: "ghost",
@@ -2058,7 +2083,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						},
 						"data-testid": "manage-views-add",
 						className: "text-sm",
-						children: [/* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-4 w-4 mr-1.5" }), " Add new view"]
+						children: [/* @__PURE__ */ (0, X.jsx)(He, { className: "h-4 w-4 mr-1.5" }), " Add new view"]
 					}) : /* @__PURE__ */ (0, X.jsx)("span", {}), /* @__PURE__ */ (0, X.jsx)(h, {
 						size: "sm",
 						onClick: () => t(!1),
@@ -2069,7 +2094,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 			]
 		})
 	});
-}, tn = {
+}, nn = {
 	"=": "equals",
 	"==": "equals",
 	"!=": "notEquals",
@@ -2098,7 +2123,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 	isEmpty: "isEmpty",
 	isNotEmpty: "isNotEmpty",
 	notIn: "notIn"
-}, nn = {
+}, rn = {
 	equals: "=",
 	notEquals: "!=",
 	greaterThan: ">",
@@ -2115,7 +2140,7 @@ var qt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 	after: "after",
 	between: "between"
 };
-function rn(e) {
+function an(e) {
 	let t = (e || "").toLowerCase();
 	return [
 		"integer",
@@ -2151,39 +2176,39 @@ function rn(e) {
 		"owner"
 	].includes(t) ? "select" : "text";
 }
-function an(e) {
+function on(e) {
 	if (!Array.isArray(e) || e.length < 2) return null;
 	let [t, n, r] = e;
 	return typeof t != "string" || typeof n != "string" ? null : {
 		id: crypto.randomUUID(),
 		field: t,
-		operator: tn[n] || n,
+		operator: nn[n] || n,
 		value: r ?? ""
 	};
 }
-function on(e) {
+function sn(e) {
 	if (Array.isArray(e)) {
-		let t = an(e);
+		let t = on(e);
 		return t ? [t] : [];
 	}
 	return typeof e == "object" && e && e.field ? [{
 		id: e.id || crypto.randomUUID(),
 		field: e.field,
-		operator: tn[e.operator] || e.operator || "equals",
+		operator: nn[e.operator] || e.operator || "equals",
 		value: e.value ?? ""
 	}] : [];
 }
-function sn(e) {
+function cn(e) {
 	if (!Array.isArray(e) || e.length === 0) return {
 		logic: "and",
 		conditions: []
 	};
 	if (typeof e[0] == "string" && (e[0] === "and" || e[0] === "or")) return {
 		logic: e[0],
-		conditions: e.slice(1).flatMap((e) => on(e))
+		conditions: e.slice(1).flatMap((e) => sn(e))
 	};
 	if (e.length >= 2 && e.length <= 3 && typeof e[0] == "string" && typeof e[1] == "string" && !Array.isArray(e[0]) && !Array.isArray(e[2])) {
-		let t = an(e);
+		let t = on(e);
 		return {
 			logic: "and",
 			conditions: t ? [t] : []
@@ -2191,29 +2216,29 @@ function sn(e) {
 	}
 	if (Array.isArray(e[0]) || typeof e[0] == "object" && e[0] !== null && !Array.isArray(e[0])) return {
 		logic: "and",
-		conditions: e.flatMap((e) => on(e))
+		conditions: e.flatMap((e) => sn(e))
 	};
-	let t = an(e);
+	let t = on(e);
 	return {
 		logic: "and",
 		conditions: t ? [t] : []
 	};
 }
-function cn(e, t) {
+function ln(e, t) {
 	let n = t.filter((e) => e.field).map((e) => [
 		e.field,
-		nn[e.operator] || e.operator,
+		rn[e.operator] || e.operator,
 		e.value
 	]);
 	return n.length === 0 ? [] : n.length === 1 && e === "and" ? n[0] : e === "or" ? ["or", ...n] : n;
 }
-function ln(e) {
+function un(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean);
 }
-function un(e) {
+function dn(e) {
 	return e.split(",").map((e) => Number(e.trim())).filter((e) => !isNaN(e) && e > 0);
 }
-var dn = {
+var fn = {
 	grid: "Grid",
 	kanban: "Kanban",
 	calendar: "Calendar",
@@ -2222,7 +2247,7 @@ var dn = {
 	gantt: "Gantt",
 	map: "Map",
 	chart: "Chart"
-}, fn = Object.keys(dn), pn = [
+}, pn = Object.keys(fn), mn = [
 	{
 		value: "compact",
 		gapClass: "gap-0"
@@ -2244,23 +2269,23 @@ var dn = {
 		gapClass: "gap-1.5"
 	}
 ];
-function mn(e) {
+function hn(e) {
 	return e.fields ? Object.entries(e.fields).map(([e, t]) => ({
 		value: e,
 		label: t.label || e,
-		type: rn(t.type),
+		type: an(t.type),
 		options: t.options
 	})) : [];
 }
-function hn(e) {
-	let t = sn(e);
+function gn(e) {
+	let t = cn(e);
 	return {
 		id: "root",
 		logic: t.logic,
 		conditions: t.conditions
 	};
 }
-function gn(e) {
+function _n(e) {
 	return (Array.isArray(e) ? e : []).map((e) => ({
 		id: e.id || crypto.randomUUID(),
 		field: e.field || "",
@@ -2273,13 +2298,13 @@ function Z({ renderSummary: e, children: n }) {
 	let [r, i] = t.useState(!1);
 	return /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [e(() => i((e) => !e)), r && n] });
 }
-var _n = 5;
-function vn({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a }) {
-	let { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = lt({ id: e });
+var vn = 5;
+function yn({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a }) {
+	let { attributes: o, listeners: s, setNodeRef: c, transform: l, transition: u, isDragging: d } = ut({ id: e });
 	return /* @__PURE__ */ (0, X.jsxs)("div", {
 		ref: c,
 		style: {
-			transform: dt.Transform.toString(l),
+			transform: ft.Transform.toString(l),
 			transition: u,
 			zIndex: d ? 10 : void 0,
 			opacity: d ? .5 : void 0
@@ -2301,7 +2326,7 @@ function vn({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a })
 				className: "h-5 w-5 flex items-center justify-center rounded hover:bg-accent shrink-0",
 				onClick: () => i(e, !1),
 				"aria-label": `Hide ${t}`,
-				children: /* @__PURE__ */ (0, X.jsx)(Te, { className: "h-3.5 w-3.5 text-primary" })
+				children: /* @__PURE__ */ (0, X.jsx)(Y, { className: "h-3.5 w-3.5 text-primary" })
 			}),
 			/* @__PURE__ */ (0, X.jsx)("span", {
 				className: "truncate flex-1",
@@ -2328,20 +2353,20 @@ function vn({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a })
 		]
 	});
 }
-function yn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a }) {
-	return /* @__PURE__ */ (0, X.jsx)($e, {
-		sensors: it(rt(tt, { activationConstraint: { distance: _n } }), rt(et)),
-		collisionDetection: nt,
+function bn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a }) {
+	return /* @__PURE__ */ (0, X.jsx)(et, {
+		sensors: at(it(nt, { activationConstraint: { distance: vn } }), it(tt)),
+		collisionDetection: rt,
 		onDragEnd: t.useCallback((t) => {
 			let { active: n, over: r } = t;
 			if (!r || n.id === r.id) return;
 			let i = e.indexOf(String(n.id)), o = e.indexOf(String(r.id));
-			i === -1 || o === -1 || a(ot(e, i, o));
+			i === -1 || o === -1 || a(st(e, i, o));
 		}, [e, a]),
-		children: /* @__PURE__ */ (0, X.jsx)(at, {
+		children: /* @__PURE__ */ (0, X.jsx)(ot, {
 			items: e,
-			strategy: ut,
-			children: e.map((t, a) => /* @__PURE__ */ (0, X.jsx)(vn, {
+			strategy: dt,
+			children: e.map((t, a) => /* @__PURE__ */ (0, X.jsx)(yn, {
 				colName: t,
 				label: n.find((e) => e.value === t)?.label || t,
 				idx: a,
@@ -2352,7 +2377,7 @@ function yn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a
 		})
 	});
 }
-var bn = [
+var xn = [
 	"general",
 	"data",
 	"appearance",
@@ -2360,21 +2385,21 @@ var bn = [
 	"userActions",
 	"navigation",
 	"exportPrint"
-], xn = [
+], Sn = [
 	"general",
 	"data",
 	"appearance"
-], Q = (e) => e.type == null || e.type === "grid", Sn = (e) => e.type == null || [
+], Q = (e) => e.type == null || e.type === "grid", Cn = (e) => e.type == null || [
 	"grid",
 	"kanban",
 	"gallery"
-].includes(e.type), Cn = (e) => e.type == null || [
+].includes(e.type), wn = (e) => e.type == null || [
 	"grid",
 	"calendar",
 	"timeline",
 	"gantt"
-].includes(e.type), wn = (e) => e.type == null || ["grid", "kanban"].includes(e.type), Tn = (e) => e.type == null || ["grid", "kanban"].includes(e.type), En = (e) => e.type == null || ["grid", "gallery"].includes(e.type);
-function Dn(e) {
+].includes(e.type), Tn = (e) => e.type == null || ["grid", "kanban"].includes(e.type), En = (e) => e.type == null || ["grid", "kanban"].includes(e.type), Dn = (e) => e.type == null || ["grid", "gallery"].includes(e.type);
+function On(e) {
 	let { t, fieldOptions: n, objectDef: r, updateField: i, filterGroupValue: a, sortItemsValue: o, essentialOnly: s = !1 } = e, c = n.map((e) => ({
 		value: e.value,
 		label: e.label
@@ -2382,17 +2407,17 @@ function Dn(e) {
 		value: "",
 		label: t("console.objectView.none")
 	}, ...c], u = [
-		On(t, r),
-		kn(t),
-		An(t, i),
+		kn(t, r),
+		An(t),
 		jn(t, i),
 		Mn(t, i),
-		Nn(t, n, l, r, i, a, o),
-		Pn(t, n, l, i),
-		Fn(t, i),
+		Nn(t, i),
+		Pn(t, n, l, r, i, a, o),
+		Fn(t, n, l, i),
 		In(t, i),
-		Ln(t, i)
-	], d = s ? u.filter((e) => bn.includes(e.key)).map((e) => xn.includes(e.key) ? e : {
+		Ln(t, i),
+		Rn(t, i)
+	], d = s ? u.filter((e) => xn.includes(e.key)).map((e) => Sn.includes(e.key) ? e : {
 		...e,
 		collapsible: !0,
 		defaultCollapsed: !0
@@ -2402,7 +2427,7 @@ function Dn(e) {
 		sections: d
 	};
 }
-function On(e, t) {
+function kn(e, t) {
 	return {
 		key: "general",
 		title: e("console.objectView.general"),
@@ -2414,7 +2439,7 @@ function On(e, t) {
 				type: "custom",
 				render: (t, n) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.title"),
-					children: /* @__PURE__ */ (0, X.jsx)(N, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "view-title-input",
 						className: "h-7 text-xs w-32 text-right",
 						value: t || "",
@@ -2428,7 +2453,7 @@ function On(e, t) {
 				type: "custom",
 				render: (n, r) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.description"),
-					children: /* @__PURE__ */ (0, X.jsx)(N, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "view-description-input",
 						className: "h-7 text-xs w-32 text-right",
 						value: n ?? "",
@@ -2448,9 +2473,9 @@ function On(e, t) {
 						className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground",
 						value: t || "grid",
 						onChange: (e) => n(e.target.value),
-						children: fn.map((e) => /* @__PURE__ */ (0, X.jsx)("option", {
+						children: pn.map((e) => /* @__PURE__ */ (0, X.jsx)("option", {
 							value: e,
-							children: dn[e]
+							children: fn[e]
 						}, e))
 					})
 				})
@@ -2458,7 +2483,7 @@ function On(e, t) {
 		]
 	};
 }
-function kn(e) {
+function An(e) {
 	let t = [
 		"showSearch",
 		"showSort",
@@ -2498,13 +2523,13 @@ function kn(e) {
 			$("showSort", e("console.objectView.enableSort"), "toggle-showSort", !0),
 			$("showFilters", e("console.objectView.enableFilter"), "toggle-showFilters", !0),
 			$("showHideFields", e("console.objectView.enableHideFields"), "toggle-showHideFields", !0),
-			$("showGroup", e("console.objectView.enableGroup"), "toggle-showGroup", !0, !1, void 0, Sn),
-			$("showColor", e("console.objectView.enableColor"), "toggle-showColor", !0, !1, void 0, Cn),
+			$("showGroup", e("console.objectView.enableGroup"), "toggle-showGroup", !0, !1, void 0, Cn),
+			$("showColor", e("console.objectView.enableColor"), "toggle-showColor", !0, !1, void 0, wn),
 			$("showDensity", e("console.objectView.enableDensity"), "toggle-showDensity", !0, !1, void 0, Q)
 		]
 	};
 }
-function An(e, t) {
+function jn(e, t) {
 	return {
 		key: "navigation",
 		title: e("console.objectView.navigationSection"),
@@ -2579,7 +2604,7 @@ function An(e, t) {
 					let a = i.navigation?.mode || "page";
 					return /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.navigationWidth"),
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-navigation-width",
 							className: "h-7 text-xs w-24 text-right",
 							value: i.navigation?.width ?? "",
@@ -2619,7 +2644,7 @@ function An(e, t) {
 		]
 	};
 }
-function jn(e, t) {
+function Mn(e, t) {
 	return {
 		key: "records",
 		title: e("console.objectView.records"),
@@ -2722,7 +2747,7 @@ function jn(e, t) {
 					}),
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.addRecordFormView"),
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-addRecord-formView",
 							className: "h-7 text-xs w-24 text-right",
 							value: i.addRecord?.formView ?? "",
@@ -2738,7 +2763,7 @@ function jn(e, t) {
 		}]
 	};
 }
-function Mn(e, t) {
+function Nn(e, t) {
 	return {
 		key: "exportPrint",
 		title: e("console.objectView.exportPrint"),
@@ -2790,7 +2815,7 @@ function Mn(e, t) {
 						}),
 						/* @__PURE__ */ (0, X.jsx)(_, {
 							label: e("console.objectView.exportMaxRecords"),
-							children: /* @__PURE__ */ (0, X.jsx)(N, {
+							children: /* @__PURE__ */ (0, X.jsx)(P, {
 								"data-testid": "input-export-maxRecords",
 								className: "h-7 text-xs w-20 text-right",
 								type: "number",
@@ -2816,7 +2841,7 @@ function Mn(e, t) {
 						}),
 						/* @__PURE__ */ (0, X.jsx)(_, {
 							label: e("console.objectView.exportFileNamePrefix"),
-							children: /* @__PURE__ */ (0, X.jsx)(N, {
+							children: /* @__PURE__ */ (0, X.jsx)(P, {
 								"data-testid": "input-export-fileNamePrefix",
 								className: "h-7 text-xs w-24 text-right",
 								value: i.exportOptions?.fileNamePrefix ?? "",
@@ -2835,7 +2860,7 @@ function Mn(e, t) {
 		]
 	};
 }
-function Nn(e, t, n, r, i, a, o) {
+function Pn(e, t, n, r, i, a, o) {
 	return {
 		key: "data",
 		title: e("console.objectView.data"),
@@ -2877,7 +2902,7 @@ function Nn(e, t, n, r, i, a, o) {
 							children: [/* @__PURE__ */ (0, X.jsxs)("div", {
 								className: "flex items-center gap-1 pb-1",
 								children: [
-									/* @__PURE__ */ (0, X.jsx)(N, {
+									/* @__PURE__ */ (0, X.jsx)(P, {
 										"data-testid": "column-search-input",
 										className: "h-6 text-xs flex-1",
 										placeholder: e("console.objectView.searchFields"),
@@ -2915,7 +2940,7 @@ function Nn(e, t, n, r, i, a, o) {
 								children: [Array.isArray(a.columns) && a.columns.length > 0 && /* @__PURE__ */ (0, X.jsx)("div", {
 									"data-testid": "selected-columns",
 									className: "space-y-0.5 pb-1 mb-1 border-b border-border/50",
-									children: /* @__PURE__ */ (0, X.jsx)(yn, {
+									children: /* @__PURE__ */ (0, X.jsx)(bn, {
 										columns: a.columns,
 										fieldOptions: t,
 										onToggle: c,
@@ -2971,7 +2996,7 @@ function Nn(e, t, n, r, i, a, o) {
 								fields: t,
 								value: a,
 								onChange: (e) => {
-									i("filter", cn(e.logic, e.conditions.map((e) => ({
+									i("filter", ln(e.logic, e.conditions.map((e) => ({
 										field: e.field,
 										operator: e.operator,
 										value: e.value
@@ -2999,7 +3024,7 @@ function Nn(e, t, n, r, i, a, o) {
 						children: /* @__PURE__ */ (0, X.jsx)("div", {
 							"data-testid": "inline-sort-builder",
 							className: "pb-2",
-							children: /* @__PURE__ */ (0, X.jsx)(V, {
+							children: /* @__PURE__ */ (0, X.jsx)(ge, {
 								fields: t.map((e) => ({
 									value: e.value,
 									label: e.label
@@ -3019,31 +3044,38 @@ function Nn(e, t, n, r, i, a, o) {
 				}
 			},
 			{
-				key: "_groupBy",
+				key: "_grouping",
 				label: e("console.objectView.groupBy"),
 				type: "custom",
-				visibleWhen: En,
+				visibleWhen: Dn,
 				render: (n, r, a) => {
-					let o = a.type || "grid", s = a.kanban?.groupByField || a.kanban?.groupField || a.groupBy || "";
+					let o = Array.isArray(a.grouping?.fields) && a.grouping.fields.length ? { fields: a.grouping.fields.map((e) => ({
+						field: e.field,
+						order: e.order === "desc" ? "desc" : "asc",
+						collapsed: !!e.collapsed
+					})) } : a.groupBy || a.groupBy2 ? { fields: [a.groupBy && {
+						field: a.groupBy,
+						order: "asc",
+						collapsed: !1
+					}, a.groupBy2 && {
+						field: a.groupBy2,
+						order: "asc",
+						collapsed: !1
+					}].filter(Boolean) } : void 0;
 					return /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.groupBy"),
-						children: /* @__PURE__ */ (0, X.jsxs)("select", {
-							"data-testid": "data-groupBy",
-							className: "text-xs h-7 rounded-md border border-input bg-background px-2 text-foreground max-w-[120px]",
-							value: s,
-							onChange: (e) => {
-								i("groupBy", e.target.value), o === "kanban" && i("kanban", {
-									...a.kanban || {},
-									groupByField: e.target.value
-								});
+						children: /* @__PURE__ */ (0, X.jsx)(N, {
+							value: o,
+							fieldOptions: t,
+							maxLevels: 3,
+							labels: {
+								addGroup: e("console.objectView.addGroup", "Add group field"),
+								collapseTitle: e("console.objectView.collapsedByDefault", "Collapsed by default"),
+								removeTitle: e("console.objectView.removeGroup", "Remove")
 							},
-							children: [/* @__PURE__ */ (0, X.jsx)("option", {
-								value: "",
-								children: e("console.objectView.none")
-							}), t.map((e) => /* @__PURE__ */ (0, X.jsx)("option", {
-								value: e.value,
-								children: e.label
-							}, e.value))]
+							onChange: (e) => {
+								i("grouping", e), i("groupBy", e?.fields?.[0]?.field || void 0), i("groupBy2", e?.fields?.[1]?.field || void 0);
+							}
 						})
 					});
 				}
@@ -3054,7 +3086,7 @@ function Nn(e, t, n, r, i, a, o) {
 				type: "custom",
 				render: (t, n, r) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.pageSize"),
-					children: /* @__PURE__ */ (0, X.jsx)(N, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-pagination-pageSize",
 						className: "h-7 text-xs w-20 text-right",
 						type: "number",
@@ -3076,13 +3108,13 @@ function Nn(e, t, n, r, i, a, o) {
 				type: "custom",
 				render: (t, n, r) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.pageSizeOptions"),
-					children: /* @__PURE__ */ (0, X.jsx)(N, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-pagination-pageSizeOptions",
 						className: "h-7 text-xs w-28 text-right",
 						value: (r.pagination?.pageSizeOptions || []).join(", "),
 						placeholder: "10, 25, 50, 100",
 						onChange: (e) => {
-							let t = un(e.target.value);
+							let t = dn(e.target.value);
 							i("pagination", {
 								...r.pagination || {},
 								pageSizeOptions: t.length ? t : void 0
@@ -3091,9 +3123,9 @@ function Nn(e, t, n, r, i, a, o) {
 					})
 				})
 			},
-			Rn("searchableFields", e("console.objectView.searchableFields"), "searchable-fields-selector", "searchable-field", t, i, "selected"),
-			Rn("filterableFields", e("console.objectView.filterableFields"), "filterable-fields-selector", "filterable-field", t, i, "selected"),
-			Rn("hiddenFields", e("console.objectView.hiddenFields"), "hidden-fields-selector", "hidden-field", t, i, "hidden"),
+			zn("searchableFields", e("console.objectView.searchableFields"), "searchable-fields-selector", "searchable-field", t, i, "selected"),
+			zn("filterableFields", e("console.objectView.filterableFields"), "filterable-fields-selector", "filterable-field", t, i, "selected"),
+			zn("hiddenFields", e("console.objectView.hiddenFields"), "hidden-fields-selector", "hidden-field", t, i, "hidden"),
 			{
 				key: "_quickFilters",
 				label: e("console.objectView.quickFilters"),
@@ -3110,7 +3142,7 @@ function Nn(e, t, n, r, i, a, o) {
 						children: [(r.quickFilters || []).map((e, t) => /* @__PURE__ */ (0, X.jsxs)("div", {
 							className: "flex items-center gap-1 text-xs",
 							children: [
-								/* @__PURE__ */ (0, X.jsx)(N, {
+								/* @__PURE__ */ (0, X.jsx)(P, {
 									"data-testid": `quick-filter-label-${t}`,
 									className: "h-6 text-xs flex-1",
 									value: e.label || "",
@@ -3272,7 +3304,7 @@ function Nn(e, t, n, r, i, a, o) {
 											"data-testid": `uf-tab-${n}`,
 											className: "flex items-center gap-1 text-xs",
 											children: [
-												/* @__PURE__ */ (0, X.jsx)(N, {
+												/* @__PURE__ */ (0, X.jsx)(P, {
 													"data-testid": `uf-tab-label-${n}`,
 													className: "h-6 text-xs flex-1",
 													value: t.label || "",
@@ -3547,7 +3579,7 @@ function Nn(e, t, n, r, i, a, o) {
 		]
 	};
 }
-function Pn(e, t, n, r) {
+function Fn(e, t, n, r) {
 	return {
 		key: "appearance",
 		title: e("console.objectView.appearance"),
@@ -3560,7 +3592,7 @@ function Pn(e, t, n, r) {
 				key: "color",
 				label: e("console.objectView.color"),
 				type: "custom",
-				visibleWhen: Cn,
+				visibleWhen: wn,
 				render: (n, r) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.color"),
 					children: /* @__PURE__ */ (0, X.jsxs)("select", {
@@ -3593,7 +3625,7 @@ function Pn(e, t, n, r) {
 						"data-testid": "appearance-rowHeight",
 						role: "radiogroup",
 						"aria-label": e("console.objectView.rowHeight"),
-						children: pn.map((e) => /* @__PURE__ */ (0, X.jsx)("button", {
+						children: mn.map((e) => /* @__PURE__ */ (0, X.jsx)("button", {
 							type: "button",
 							role: "radio",
 							"aria-checked": (t || "compact") === e.value,
@@ -3618,7 +3650,7 @@ function Pn(e, t, n, r) {
 				key: "_conditionalFormatting",
 				label: e("console.objectView.conditionalFormatting"),
 				type: "custom",
-				visibleWhen: wn,
+				visibleWhen: Tn,
 				render: (n, i, a) => /* @__PURE__ */ (0, X.jsx)(Z, {
 					renderSummary: (t) => /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.conditionalFormatting"),
@@ -3688,7 +3720,7 @@ function Pn(e, t, n, r) {
 										})
 									]
 								}),
-								/* @__PURE__ */ (0, X.jsx)(N, {
+								/* @__PURE__ */ (0, X.jsx)(P, {
 									"data-testid": `cf-value-${n}`,
 									className: "h-6 text-xs w-16",
 									value: String(e.value ?? ""),
@@ -3734,7 +3766,7 @@ function Pn(e, t, n, r) {
 				render: (t, n, i) => /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.emptyStateTitle"),
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-emptyState-title",
 							className: "h-7 text-xs w-28 text-right",
 							value: i.emptyState?.title ?? "",
@@ -3746,7 +3778,7 @@ function Pn(e, t, n, r) {
 					}),
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.emptyStateMessage"),
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-emptyState-message",
 							className: "h-7 text-xs w-28 text-right",
 							value: i.emptyState?.message ?? "",
@@ -3758,7 +3790,7 @@ function Pn(e, t, n, r) {
 					}),
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.emptyStateIcon"),
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-emptyState-icon",
 							className: "h-7 text-xs w-28 text-right",
 							value: i.emptyState?.icon ?? "",
@@ -3773,7 +3805,7 @@ function Pn(e, t, n, r) {
 		]
 	};
 }
-function Fn(e, t) {
+function In(e, t) {
 	return {
 		key: "userActions",
 		title: e("console.objectView.userActions"),
@@ -3786,7 +3818,7 @@ function Fn(e, t) {
 				key: "_rowActions",
 				label: e("console.objectView.rowActions"),
 				type: "custom",
-				visibleWhen: Tn,
+				visibleWhen: En,
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(Z, {
 					renderSummary: (t) => /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.rowActions"),
@@ -3796,13 +3828,13 @@ function Fn(e, t) {
 					children: /* @__PURE__ */ (0, X.jsx)("div", {
 						"data-testid": "row-actions-selector",
 						className: "pb-2 space-y-0.5 max-h-36 overflow-auto",
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-rowActions",
 							className: "h-7 text-xs w-full",
 							value: (i.rowActions || []).join(", "),
 							placeholder: "edit, delete, duplicate",
 							onChange: (e) => {
-								t("rowActions", ln(e.target.value));
+								t("rowActions", un(e.target.value));
 							}
 						})
 					})
@@ -3812,7 +3844,7 @@ function Fn(e, t) {
 				key: "_bulkActions",
 				label: e("console.objectView.bulkActions"),
 				type: "custom",
-				visibleWhen: Tn,
+				visibleWhen: En,
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(Z, {
 					renderSummary: (t) => /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.bulkActions"),
@@ -3822,13 +3854,13 @@ function Fn(e, t) {
 					children: /* @__PURE__ */ (0, X.jsx)("div", {
 						"data-testid": "bulk-actions-selector",
 						className: "pb-2 space-y-0.5 max-h-36 overflow-auto",
-						children: /* @__PURE__ */ (0, X.jsx)(N, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-bulkActions",
 							className: "h-7 text-xs w-full",
 							value: (i.bulkActions || []).join(", "),
 							placeholder: "delete, export, assign",
 							onChange: (e) => {
-								t("bulkActions", ln(e.target.value));
+								t("bulkActions", un(e.target.value));
 							}
 						})
 					})
@@ -3837,7 +3869,7 @@ function Fn(e, t) {
 		]
 	};
 }
-function In(e, t) {
+function Ln(e, t) {
 	return {
 		key: "sharing",
 		title: e("console.objectView.sharing"),
@@ -3898,7 +3930,7 @@ function In(e, t) {
 		}]
 	};
 }
-function Ln(e, t) {
+function Rn(e, t) {
 	return {
 		key: "accessibility",
 		title: e("console.objectView.accessibility"),
@@ -3911,7 +3943,7 @@ function Ln(e, t) {
 				type: "custom",
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.ariaLabel"),
-					children: /* @__PURE__ */ (0, X.jsx)(N, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-aria-label",
 						className: "h-7 text-xs w-28 text-right",
 						value: i.aria?.label ?? "",
@@ -3928,7 +3960,7 @@ function Ln(e, t) {
 				type: "custom",
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.ariaDescribedBy"),
-					children: /* @__PURE__ */ (0, X.jsx)(N, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-aria-describedBy",
 						className: "h-7 text-xs w-28 text-right",
 						value: i.aria?.describedBy ?? "",
@@ -3992,7 +4024,7 @@ function $(e, t, n, r = !1, i = !1, a, o) {
 		})
 	};
 }
-function Rn(e, t, n, r, i, a, o, s) {
+function zn(e, t, n, r, i, a, o, s) {
 	return {
 		key: `_${e}`,
 		label: t,
@@ -4028,11 +4060,11 @@ function Rn(e, t, n, r, i, a, o, s) {
 }
 //#endregion
 //#region src/index.tsx
-var zn = d, Bn = ({ schema: e }) => /* @__PURE__ */ (0, X.jsx)(Ft, {
+var Bn = d, Vn = ({ schema: e }) => /* @__PURE__ */ (0, X.jsx)(It, {
 	schema: e,
-	dataSource: r(zn)?.dataSource ?? null
+	dataSource: r(Bn)?.dataSource ?? null
 });
-c.register("object-view", Bn, {
+c.register("object-view", Vn, {
 	namespace: "plugin-view",
 	label: "Object View",
 	category: "view",
@@ -4138,11 +4170,11 @@ c.register("object-view", Bn, {
 		showRefresh: !0,
 		showViewSwitcher: !0
 	}
-}), c.register("view", Bn, {
+}), c.register("view", Vn, {
 	namespace: "plugin-view",
 	label: "View",
 	category: "view"
-}), c.register("view-switcher", Nt, {
+}), c.register("view-switcher", Pt, {
 	namespace: "view",
 	label: "View Switcher",
 	category: "view",
@@ -4221,7 +4253,7 @@ c.register("object-view", Bn, {
 			}
 		}]
 	}
-}), c.register("filter-ui", zt, {
+}), c.register("filter-ui", Bt, {
 	namespace: "view",
 	label: "Filter UI",
 	category: "view",
@@ -4294,7 +4326,7 @@ c.register("object-view", Bn, {
 			}
 		]
 	}
-}), c.register("sort-ui", Wt, {
+}), c.register("sort-ui", Gt, {
 	namespace: "view",
 	label: "Sort UI",
 	category: "view",
@@ -4343,7 +4375,7 @@ c.register("object-view", Bn, {
 			direction: "asc"
 		}]
 	}
-}), c.register("shared-view-link", qt, {
+}), c.register("shared-view-link", Jt, {
 	namespace: "view",
 	label: "Shared View Link",
 	category: "view",
@@ -4385,4 +4417,4 @@ c.register("object-view", Bn, {
 	category: "view"
 });
 //#endregion
-export { bn as ESSENTIAL_SECTION_KEYS, zt as FilterUI, en as ManageViewsDialog, Ft as ObjectView, qt as SharedViewLink, Wt as SortUI, dn as VIEW_TYPE_LABELS, fn as VIEW_TYPE_OPTIONS, Nt as ViewSwitcher, Zt as ViewTabBar, Dn as buildViewConfigSchema, mn as deriveFieldOptions, hn as toFilterGroup, gn as toSortItems };
+export { xn as ESSENTIAL_SECTION_KEYS, Bt as FilterUI, tn as ManageViewsDialog, It as ObjectView, Jt as SharedViewLink, Gt as SortUI, fn as VIEW_TYPE_LABELS, pn as VIEW_TYPE_OPTIONS, Pt as ViewSwitcher, Qt as ViewTabBar, On as buildViewConfigSchema, hn as deriveFieldOptions, gn as toFilterGroup, _n as toSortItems };