@object-ui/plugin-view 3.3.2 → 4.0.1

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 y, ContextMenuItem as b, ContextMenuSeparator as x, ContextMenuSub as ee, ContextMenuSubContent as te, ContextMenuSubTrigger as S, ContextMenuTrigger as C, Dialog as ne, DialogContent as re, DialogDescription as w, DialogHeader as ie, DialogTitle as ae, Drawer as oe, DrawerContent as se, DrawerDescription as ce, DrawerHeader as le, DrawerTitle as ue, DropdownMenu as de, DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuTrigger as D, FilterBuilder as O, Input as k, Label as fe, NavigationOverlay as pe, Popover as me, PopoverContent as he, PopoverTrigger as ge, Select as A, SelectContent as j, SelectItem as M, SelectTrigger as N, SelectValue as P, SortBuilder as F, Switch as I, Tabs as _e, TabsList as ve, TabsTrigger as ye, Tooltip as be, TooltipContent as L, TooltipProvider as R, TooltipTrigger as xe, cn as z } from "@object-ui/components";
-import { Activity as B, ArrowDown as V, ArrowUp as H, Calendar as U, Check as W, Copy as G, Eye as Se, EyeOff as Ce, FileText as we, GanttChartSquare as Te, Globe as Ee, Grid as De, GripVertical as K, Images as q, LayoutGrid as Oe, List as ke, Lock as Ae, Map as je, MoreHorizontal as Me, Pencil as Ne, Pin as J, PinOff as Pe, Plus as Fe, Save as Ie, Settings as Le, Settings2 as Re, Share2 as ze, SlidersHorizontal as Be, Star as Ve, Table as He, Trash2 as Ue, X as We, icons as Ge } from "lucide-react";
-import { DndContext as Ke, KeyboardSensor as qe, PointerSensor as Je, closestCenter as Ye, useSensor as Xe, useSensors as Ze } from "@dnd-kit/core";
-import { SortableContext as Qe, arrayMove as $e, horizontalListSortingStrategy as et, useSortable as tt, verticalListSortingStrategy as nt } from "@dnd-kit/sortable";
-import { CSS as rt } 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 it = (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 at(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 = at(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 ot() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = at(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 st = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ct = ot, Y = (e, t) => (n) => {
-	if (t?.variants == null) return ct(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 = st(t) || st(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 ct(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 st = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ct = ot, Y =
 			r
 		] : e;
 	}, []), n?.class, n?.className);
-}, lt = /* @__PURE__ */ it(((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 st = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ct = ot, Y =
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), X = (/* @__PURE__ */ it(((e, t) => {
-	t.exports = lt();
-})))(), ut = {
+})), X = (/* @__PURE__ */ pt(((e, t) => {
+	t.exports = yt();
+})))(), bt = {
 	list: "List",
 	detail: "Detail",
 	grid: "Grid",
@@ -83,17 +83,17 @@ var st = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ct = ot, Y =
 	map: "Map",
 	gallery: "Gallery",
 	gantt: "Gantt"
-}, dt = {
-	list: ke,
-	detail: we,
-	grid: De,
-	kanban: Oe,
-	calendar: U,
-	timeline: B,
-	map: je,
-	gallery: q,
-	gantt: Te
-}, ft = Y("flex gap-4", {
+}, xt = {
+	list: Pe,
+	detail: De,
+	grid: Ae,
+	kanban: Ne,
+	calendar: Se,
+	timeline: J,
+	map: Le,
+	gallery: Me,
+	gantt: Oe
+}, St = vt("flex gap-4", {
 	variants: { position: {
 		top: "flex-col",
 		bottom: "flex-col-reverse",
@@ -101,55 +101,55 @@ var st = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ct = ot, Y =
 		right: "flex-row-reverse"
 	} },
 	defaultVariants: { position: "top" }
-}), pt = Y("w-full", {
+}), Ct = vt("w-full", {
 	variants: { orientation: {
 		horizontal: "w-full",
 		vertical: "w-48"
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), mt = Y("flex gap-2", {
+}), wt = vt("flex gap-2", {
 	variants: { orientation: {
 		horizontal: "flex-row flex-wrap",
 		vertical: "flex-col"
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), ht = Y("", {
+}), Tt = vt("", {
 	variants: { orientation: {
 		horizontal: "",
 		vertical: "flex h-auto flex-col items-stretch"
 	} },
 	defaultVariants: { orientation: "horizontal" }
 });
-function gt(e) {
+function Et(e) {
 	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-var _t = { Home: "House" };
-function vt(e) {
+var Dt = { Home: "House" };
+function Ot(e) {
 	if (!e) return null;
-	let t = gt(e);
-	return Ge[_t[t] || t] || null;
+	let t = Et(e);
+	return $e[Dt[t] || t] || null;
 }
-function yt(e) {
-	return e.label ? e.label : ut[e.type] || e.type;
+function kt(e) {
+	return e.label ? e.label : bt[e.type] || e.type;
 }
-function bt(e) {
-	return e.icon ? vt(e.icon) : dt[e.type] || null;
+function At(e) {
+	return e.icon ? Ot(e.icon) : xt[e.type] || null;
 }
-function xt(e) {
+function jt(e) {
 	return e.activeView ? e.activeView : e.defaultView ? e.defaultView : e.views?.[0]?.type;
 }
-var St = {
-	share: ze,
-	settings: Le,
-	duplicate: G,
-	delete: Ue
-}, Ct = {
+var Mt = {
+	share: qe,
+	settings: Ge,
+	duplicate: Te,
+	delete: Ze
+}, Nt = {
 	share: "Share",
 	settings: "Settings",
 	duplicate: "Duplicate",
 	delete: "Delete"
-}, wt = ({ 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(() => xt(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);
@@ -181,51 +181,51 @@ var St = {
 		r?.(e), t.onViewChange && typeof window < "u" && window.dispatchEvent(new CustomEvent(t.onViewChange, { detail: { view: e } }));
 	}, [r, t.onViewChange]), p = e.useCallback((e) => {
 		d(e), f(e);
-	}, [f]), m = l || t.views?.[0]?.type, g = m || "", _ = t.views.find((e) => e.type === m) || t.views?.[0], v = t.variant || "tabs", y = t.position || "top", b = y === "left" || y === "right", x = b ? "vertical" : "horizontal", ee = t.viewActions && t.viewActions.length > 0 ? /* @__PURE__ */ (0, X.jsx)("div", {
+	}, [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 && vt(e.icon) || St[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: Ct[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}`);
 		})
-	}) : null, te = t.allowCreateView ? /* @__PURE__ */ (0, X.jsx)(h, {
+	}) : null, x = t.allowCreateView ? /* @__PURE__ */ (0, X.jsx)(h, {
 		type: "button",
 		variant: "ghost",
 		size: "icon",
 		onClick: () => i?.(),
 		title: o,
-		children: /* @__PURE__ */ (0, X.jsx)(Fe, { 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: z(pt({ orientation: x }), "flex items-center gap-1"),
+		className: q(Ct({ orientation: b }), "flex items-center gap-1"),
 		children: [
-			v === "dropdown" && /* @__PURE__ */ (0, X.jsxs)(A, {
+			v === "dropdown" && /* @__PURE__ */ (0, X.jsxs)(L, {
 				value: g,
 				onValueChange: (e) => p(e),
-				children: [/* @__PURE__ */ (0, X.jsx)(N, {
-					className: z("w-full", b ? "h-10" : "h-9"),
-					children: /* @__PURE__ */ (0, X.jsx)(P, { placeholder: "Select view" })
-				}), /* @__PURE__ */ (0, X.jsx)(j, { children: t.views.map((e, t) => /* @__PURE__ */ (0, X.jsx)(M, {
+				children: [/* @__PURE__ */ (0, X.jsx)(B, {
+					className: q("w-full", y ? "h-10" : "h-9"),
+					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: yt(e)
+					children: kt(e)
 				}, `${e.type}-${t}`)) })]
 			}),
 			v === "buttons" && /* @__PURE__ */ (0, X.jsx)("div", {
-				className: z(mt({ orientation: x })),
+				className: q(wt({ orientation: b })),
 				children: t.views.map((e, t) => {
-					let n = e.type === m, r = bt(e);
+					let n = e.type === m, r = At(e);
 					return /* @__PURE__ */ (0, X.jsxs)(h, {
 						type: "button",
 						size: "sm",
 						variant: n ? "secondary" : "ghost",
-						className: z("justify-start gap-2", b ? "w-full" : ""),
+						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: yt(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}`);
 				})
 			}),
@@ -233,19 +233,19 @@ var St = {
 				value: g,
 				onValueChange: (e) => p(e),
 				children: /* @__PURE__ */ (0, X.jsx)(ve, {
-					className: z(ht({ orientation: x })),
+					className: q(Tt({ orientation: b })),
 					children: t.views.map((e, t) => {
-						let n = bt(e);
+						let n = At(e);
 						return /* @__PURE__ */ (0, X.jsxs)(ye, {
 							value: e.type,
-							className: z("gap-2", b ? "justify-start" : ""),
-							children: [n ? /* @__PURE__ */ (0, X.jsx)(n, { className: "h-4 w-4" }) : null, /* @__PURE__ */ (0, X.jsx)("span", { children: yt(e) })]
+							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: kt(e) })]
 						}, `${e.type}-${t}`);
 					})
 				})
 			}),
-			ee,
-			te
+			te,
+			x
 		]
 	}), C = _?.schema ? Array.isArray(_.schema) ? /* @__PURE__ */ (0, X.jsx)("div", {
 		className: "space-y-4",
@@ -258,43 +258,43 @@ var St = {
 		...s
 	}) : null;
 	return /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: z(ft({ position: y }), n),
+		className: q(St({ position: ee }), n),
 		children: [/* @__PURE__ */ (0, X.jsx)("div", {
-			className: z("shrink-0", b ? "flex flex-col" : "flex"),
+			className: q("shrink-0", y ? "flex flex-col" : "flex"),
 			children: S
 		}), /* @__PURE__ */ (0, X.jsx)("div", {
 			className: "flex-1 min-w-0",
 			children: C
 		})]
 	});
-}, Tt = u, Et = ({ schema: e, dataSource: t, className: r, views: c, activeViewId: u, onViewChange: d, onRowClick: m, onEdit: g, renderListView: _, toolbarAddon: v, onCreateView: y, onViewAction: b }) => {
-	let [x, ee] = s(null), te = o(null);
-	te.current = x;
-	let [S, C] = s(!1), [de, T] = s("create"), [E, D] = s(null), [O, k] = s(0);
+}, 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), [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 && k((e) => e + 1);
+			t.resource === e.objectName && ce((e) => e + 1);
 		});
 	}, [
 		t,
 		e.objectName,
 		_
 	]);
-	let [fe, me] = s([]), [he, ge] = s(!1), [A, j] = s({}), [M, N] = s([]), P = e.listViews, F = P != null && Object.keys(P).length > 0, [I, be] = s(() => e.defaultListView && P?.[e.defaultListView] ? e.defaultListView : P && Object.keys(P)[0] || ""), L = a(() => !F || !I ? null : P[I] || null, [
-		F,
-		I,
-		P
-	]), R = a(() => c && c.length > 0 ? c : null, [c]), xe = R != null && R.length > 0, B = u || R?.[0]?.id, V = R?.find((e) => e.id === B) || R?.[0], H = a(() => L?.type ? L.type : V?.type ? V.type : e.defaultViewType || "grid", [
+	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,
-		V,
+		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,
+		H,
 		e.defaultViewType
-	]), U = e.navigation;
+	]), W = e.navigation;
 	i(() => {
 		let n = !0;
 		return e.objectName && t && (async () => {
 			try {
 				let r = await t.getObjectSchema(e.objectName);
-				n && ee(r);
+				n && te(r);
 			} catch (e) {
 				console.error("Failed to fetch object schema:", e);
 			}
@@ -304,10 +304,10 @@ var St = {
 	}, [e.objectName, t]), i(() => {
 		let n = !0;
 		return (async () => {
-			if (!_ && H !== "grid" && !(!t || !e.objectName)) {
-				ge(!0);
+			if (!_ && U !== "grid" && !(!t || !e.objectName)) {
+				fe(!0);
 				try {
-					let r = L?.filter || V?.filter || e.table?.defaultFilters || [], i = Object.entries(A).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,20 +317,20 @@ var St = {
 						...r,
 						...i
 					] : i.length === 1 ? i[0] : i.length > 1 ? ["and", ...i] : r;
-					let o = M.length > 0 ? M.map((e) => ({
+					let o = F.length > 0 ? F.map((e) => ({
 						field: e.field,
 						order: e.direction
-					})) : L?.sort || V?.sort || e.table?.defaultSort || void 0, s = l(te.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,
 						...s.length > 0 ? { $expand: s } : {}
 					}), u = [];
-					Array.isArray(c) ? u = c : c && typeof c == "object" && (Array.isArray(c.data) ? u = c.data : Array.isArray(c.records) ? u = c.records : Array.isArray(c.value) && (u = c.value)), n && me(u);
+					Array.isArray(c) ? u = c : c && typeof c == "object" && (Array.isArray(c.data) ? u = c.data : Array.isArray(c.records) ? u = c.records : Array.isArray(c.value) && (u = c.value)), n && ue(u);
 				} catch (e) {
 					console.error("ObjectView data fetch error:", e);
 				} finally {
-					n && ge(!1);
+					n && fe(!1);
 				}
 			}
 		})(), () => {
@@ -339,97 +339,97 @@ var St = {
 	}, [
 		e.objectName,
 		t,
-		H,
-		A,
+		U,
+		N,
+		F,
 		M,
-		O,
-		L,
-		V,
+		z,
+		H,
 		_
 	]);
-	let W = e.layout || "drawer", G = e.operations || e.table?.operations || {
+	let G = e.layout || "drawer", K = e.operations || e.table?.operations || {
 		create: !0,
 		read: !0,
 		update: !0,
 		delete: !0
-	}, Se = n(() => {
-		W === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (T("create"), D(null), C(!0));
-	}, [W, e]), Ce = 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 (W === "page" && e.onNavigate) {
+		if (G === "page" && e.onNavigate) {
 			let n = t.id || t._id;
 			e.onNavigate(n, "edit");
-		} else T("edit"), D(t), C(!0);
+		} else k("edit"), j(t), C(!0);
 	}, [
-		W,
+		G,
 		e,
 		g
-	]), we = n((t) => {
-		if (W === "page" && e.onNavigate) {
+	]), xe = n((t) => {
+		if (G === "page" && e.onNavigate) {
 			let n = t.id || t._id;
 			e.onNavigate(n, "view");
-		} else T("view"), D(t), C(!0);
-	}, [W, e]), Te = n((t) => {
+		} else k("view"), j(t), C(!0);
+	}, [G, e]), Se = n((t) => {
 		if (m) {
 			m(t);
 			return;
 		}
-		if (U) {
-			if (U.mode === "none" || U.preventNavigation) return;
-			if (U.mode === "new_window" || U.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 (U.mode === "drawer") {
-				T("view"), D(t), C(!0);
+			if (W.mode === "drawer") {
+				k("view"), j(t), C(!0);
 				return;
 			}
-			if (U.mode === "modal") {
-				T("view"), D(t), C(!0);
+			if (W.mode === "modal") {
+				k("view"), j(t), C(!0);
 				return;
 			}
-			if (U.mode === "page") {
+			if (W.mode === "page") {
 				let n = t.id || t._id;
 				e.onNavigate && e.onNavigate(n, "view");
 				return;
 			}
-			if (U.mode === "split" || U.mode === "popover") {
-				T("view"), D(t), C(!0);
+			if (W.mode === "split" || W.mode === "popover") {
+				k("view"), j(t), C(!0);
 				return;
 			}
 		}
-		G.read !== !1 && we(t);
+		K.read !== !1 && xe(t);
 	}, [
 		m,
-		U,
-		G.read,
-		we,
+		W,
+		K.read,
+		xe,
 		e
-	]), Ee = n((e) => {
-		k((e) => e + 1);
-	}, []), De = n((e) => {
-		k((e) => e + 1);
-	}, []), K = n(() => {
-		C(!1), D(null), k((e) => e + 1);
-	}, []), q = n(() => {
-		C(!1), D(null);
+	]), Ce = n((e) => {
+		ce((e) => e + 1);
+	}, []), we = n((e) => {
+		ce((e) => e + 1);
+	}, []), Te = n(() => {
+		C(!1), j(null), ce((e) => e + 1);
+	}, []), Y = n(() => {
+		C(!1), j(null);
 	}, []);
 	n(() => {
-		k((e) => e + 1);
+		ce((e) => e + 1);
 	}, []);
-	let Oe = a(() => !xe || !R || R.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: V?.type || "grid",
-		activeView: V?.type || "grid",
-		views: R.map((e) => ({
+		defaultView: H?.type || "grid",
+		activeView: H?.type || "grid",
+		views: B.map((e) => ({
 			type: e.type,
 			label: e.label,
 			icon: {
@@ -447,22 +447,22 @@ var St = {
 		allowCreateView: e.allowCreateView,
 		viewActions: e.viewActions
 	}, [
-		xe,
-		R,
 		V,
+		B,
+		H,
 		e.objectName,
 		e.allowCreateView,
 		e.viewActions
-	]), ke = n((e) => {
-		if (!R) return;
-		let t = R.find((t) => t.type === e);
+	]), De = n((e) => {
+		if (!B) return;
+		let t = B.find((t) => t.type === e);
 		t && d && d(t.id);
-	}, [R, d]), Ae = n((e) => {
-		be(e);
+	}, [B, d]), Oe = n((e) => {
+		R(e);
 	}, []);
 	a(() => {
 		if (e.showFilters === !1) return null;
-		let t = e.filterableFields, n = x?.fields || {}, r = (t ? t.map((e) => [e, n[e] || { label: e }]) : Object.entries(n).filter(([, e]) => !e.hidden).slice(0, 8)).map(([e, t]) => {
+		let t = e.filterableFields, n = b?.fields || {}, r = (t ? t.map((e) => [e, n[e] || { label: e }]) : Object.entries(n).filter(([, e]) => !e.hidden).slice(0, 8)).map(([e, t]) => {
 			let n = t.type || "text", r = "text", i;
 			return n === "number" || n === "currency" || n === "percent" ? r = "number" : n === "boolean" || n === "toggle" ? r = "boolean" : n === "date" || n === "datetime" ? r = "date" : n === "select" || n === "status" || t.options ? (r = "select", i = (t.options || []).map((e) => typeof e == "string" ? {
 				label: e,
@@ -490,18 +490,18 @@ var St = {
 			showClear: !0,
 			showApply: !0,
 			filters: r,
-			values: A
+			values: N
 		};
 	}, [
 		e.showFilters,
 		e.filterableFields,
-		x,
-		A
+		b,
+		N
 	]);
-	let je = e.showSort;
+	let ke = e.showSort;
 	a(() => {
-		if (je === !1) return null;
-		let e = x?.fields || {}, t = Object.entries(e).filter(([, e]) => !e.hidden).slice(0, 10).map(([e, t]) => ({
+		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 St = {
 			variant: "dropdown",
 			multiple: !1,
 			fields: t,
-			sort: M
+			sort: F
 		};
 	}, [
-		x,
-		M,
-		je
+		b,
+		F,
+		ke
 	]);
-	let Me = n((t) => {
+	let Ae = n((t) => {
 		let n = {
 			objectName: e.objectName,
-			fields: L?.columns || V?.columns || e.table?.fields,
+			fields: z?.columns || H?.columns || e.table?.fields,
 			className: "h-full w-full",
-			showSearch: V?.showSearch ?? e.showSearch ?? !1,
-			showSort: V?.showSort ?? e.showSort ?? !1,
-			showFilters: V?.showFilters ?? e.showFilters ?? !1,
-			striped: V?.striped ?? !1,
-			bordered: V?.bordered ?? !1,
-			color: V?.color
-		}, r = L?.options || V || {};
+			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",
@@ -582,37 +582,37 @@ var St = {
 	}, [
 		e.objectName,
 		e.table?.fields,
-		L,
-		V
-	]), Ne = a(() => ({
+		z,
+		H
+	]), je = a(() => ({
 		type: "object-grid",
 		objectName: e.objectName,
 		title: e.table?.title,
 		description: e.table?.description,
-		fields: L?.columns || V?.columns || e.table?.fields,
-		columns: L?.columns || V?.columns || e.table?.columns,
+		fields: z?.columns || H?.columns || e.table?.fields,
+		columns: z?.columns || H?.columns || e.table?.columns,
 		operations: {
-			...G,
+			...K,
 			create: !1
 		},
-		defaultFilters: L?.filter || V?.filter || e.table?.defaultFilters,
-		defaultSort: L?.sort || V?.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: V?.striped ?? e.table?.striped,
-		bordered: V?.bordered ?? e.table?.bordered,
+		striped: H?.striped ?? e.table?.striped,
+		bordered: H?.bordered ?? e.table?.bordered,
 		className: e.table?.className
 	}), [
 		e,
-		G,
-		L,
-		V
-	]), J = () => {
-		let t = E ? E.id || E._id : void 0;
+		K,
+		z,
+		H
+	]), Me = () => {
+		let t = A ? A.id || A._id : void 0;
 		return {
 			type: "object-form",
 			objectName: e.objectName,
-			mode: de,
+			mode: D,
 			recordId: t,
 			title: e.form?.title,
 			description: e.form?.description,
@@ -627,154 +627,156 @@ var St = {
 			cancelText: e.form?.cancelText,
 			showReset: e.form?.showReset,
 			initialValues: e.form?.initialValues,
-			readOnly: e.form?.readOnly || de === "view",
+			readOnly: e.form?.readOnly || D === "view",
 			className: e.form?.className,
-			onSuccess: K,
-			onCancel: q
+			onSuccess: Te,
+			onCancel: Y
 		};
-	}, Pe = () => {
+	}, Ne = () => {
 		if (e.form?.title) return e.form.title;
-		let t = x?.label || e.objectName;
-		switch (de) {
+		let t = b?.label || e.objectName;
+		switch (D) {
 			case "create": return `Create ${t}`;
 			case "edit": return `Edit ${t}`;
 			case "view": return `View ${t}`;
 			default: return t;
 		}
-	}, Ie = a(() => {
-		let e = U?.width;
+	}, Pe = a(() => {
+		let e = W?.width;
 		return e ? typeof e == "number" ? `max-w-[${e}px]` : `max-w-[${e}]` : "";
-	}, [U]), Le = () => /* @__PURE__ */ (0, X.jsx)(oe, {
+	}, [W]), Fe = () => /* @__PURE__ */ (0, X.jsx)(O, {
 		open: S,
 		onOpenChange: C,
 		direction: "right",
-		children: /* @__PURE__ */ (0, X.jsxs)(se, {
-			className: z("w-full sm:max-w-2xl", Ie),
-			children: [/* @__PURE__ */ (0, X.jsxs)(le, { children: [/* @__PURE__ */ (0, X.jsx)(ue, { children: Pe() }), e.form?.description && /* @__PURE__ */ (0, X.jsx)(ce, { children: e.form.description })] }), /* @__PURE__ */ (0, X.jsx)("div", {
+		children: /* @__PURE__ */ (0, X.jsxs)(ie, {
+			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: J(),
+					schema: Me(),
 					dataSource: t
 				})
 			})]
 		})
-	}), Re = () => /* @__PURE__ */ (0, X.jsx)(ne, {
+	}), Ie = () => /* @__PURE__ */ (0, X.jsx)(w, {
 		open: S,
 		onOpenChange: C,
-		children: /* @__PURE__ */ (0, X.jsxs)(re, {
-			className: z("max-w-2xl max-h-[90vh] overflow-y-auto", Ie),
-			children: [/* @__PURE__ */ (0, X.jsxs)(ie, { children: [/* @__PURE__ */ (0, X.jsx)(ae, { children: Pe() }), e.form?.description && /* @__PURE__ */ (0, X.jsx)(w, { children: e.form.description })] }), /* @__PURE__ */ (0, X.jsx)(p, {
-				schema: J(),
+		children: /* @__PURE__ */ (0, X.jsxs)(T, {
+			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
 			})]
 		})
-	}), ze = a(() => Object.keys(A).some((e) => A[e] !== void 0 && A[e] !== "" && A[e] !== null) ? Object.entries(A).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
-	})) : L?.filter || V?.filter || e.table?.defaultFilters, [
-		A,
-		L,
-		V,
+	})) : z?.filter || H?.filter || e.table?.defaultFilters, [
+		N,
+		z,
+		H,
 		e.table?.defaultFilters
-	]), Be = a(() => M.length > 0 ? M : L?.sort || V?.sort || e.table?.defaultSort, [
-		M,
-		L,
-		V,
+	]), Re = a(() => F.length > 0 ? F : z?.sort || H?.sort || e.table?.defaultSort, [
+		F,
+		z,
+		H,
 		e.table?.defaultSort
-	]), Ve = () => {
-		let n = `${e.objectName}-${I || V?.id || "default"}-${H}-${O}`;
+	]), ze = () => {
+		let n = `${e.objectName}-${L || H?.id || "default"}-${U}-${M}`;
 		if (_) return _({
 			schema: {
 				type: "list-view",
 				objectName: e.objectName,
-				viewType: H,
-				fields: L?.columns || V?.columns || e.table?.fields,
-				filters: ze,
-				sort: Be,
-				rowHeight: V?.rowHeight,
-				densityMode: V?.densityMode,
-				groupBy: V?.groupBy,
-				options: L?.options || V,
-				showSearch: V?.showSearch ?? e.showSearch,
-				showFilters: V?.showFilters ?? e.showFilters,
-				showSort: V?.showSort ?? e.showSort,
-				showHideFields: V?.showHideFields ?? e.showHideFields,
-				showGroup: V?.showGroup ?? e.showGroup,
-				showColor: V?.showColor ?? e.showColor,
-				showDensity: V?.showDensity ?? e.showDensity,
-				allowExport: V?.allowExport ?? e.allowExport,
-				striped: V?.striped ?? e.striped,
-				bordered: V?.bordered ?? e.bordered,
-				color: V?.color ?? e.color,
-				inlineEdit: V?.inlineEdit ?? e.inlineEdit,
-				wrapHeaders: V?.wrapHeaders ?? e.wrapHeaders,
-				clickIntoRecordDetails: V?.clickIntoRecordDetails ?? e.clickIntoRecordDetails,
-				addRecordViaForm: V?.addRecordViaForm ?? e.addRecordViaForm,
-				addDeleteRecordsInline: V?.addDeleteRecordsInline ?? e.addDeleteRecordsInline,
-				collapseAllByDefault: V?.collapseAllByDefault ?? e.collapseAllByDefault,
-				fieldTextColor: V?.fieldTextColor ?? e.fieldTextColor,
-				prefixField: V?.prefixField ?? e.prefixField,
-				showDescription: V?.showDescription ?? e.showDescription,
-				navigation: V?.navigation ?? e.navigation,
-				selection: V?.selection ?? e.selection,
-				pagination: V?.pagination ?? e.pagination,
-				searchableFields: V?.searchableFields ?? e.searchableFields,
-				filterableFields: V?.filterableFields ?? e.filterableFields,
-				resizable: V?.resizable ?? e.resizable,
-				hiddenFields: V?.hiddenFields ?? e.hiddenFields,
-				rowActions: V?.rowActions ?? e.rowActions,
-				bulkActions: V?.bulkActions ?? e.bulkActions,
-				sharing: V?.sharing ?? e.sharing,
-				addRecord: V?.addRecord ?? e.addRecord,
-				conditionalFormatting: V?.conditionalFormatting ?? e.conditionalFormatting,
-				quickFilters: V?.quickFilters ?? e.quickFilters,
-				userFilters: V?.userFilters ?? e.userFilters,
-				showRecordCount: V?.showRecordCount ?? e.showRecordCount,
-				allowPrinting: V?.allowPrinting ?? e.allowPrinting,
-				virtualScroll: V?.virtualScroll ?? e.virtualScroll,
-				emptyState: V?.emptyState ?? e.emptyState,
-				aria: V?.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: O
+				refreshTrigger: M
 			},
 			dataSource: t,
-			onEdit: Ce,
-			onRowClick: Te,
+			onEdit: be,
+			onRowClick: Se,
 			className: "h-full",
-			refreshKey: O
+			refreshKey: M
 		});
-		if (H !== "grid") {
-			let e = Me(H);
-			if (e && Tt) return /* @__PURE__ */ (0, X.jsx)(Tt, {
+		if (U !== "grid") {
+			let e = Ae(U);
+			if (e && Ft) return /* @__PURE__ */ (0, X.jsx)(Ft, {
 				schema: e,
 				dataSource: t,
-				data: fe,
-				loading: he
+				data: le,
+				loading: de
 			}, n);
-			if (!Tt) 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 ",
-					H,
+					U,
 					" views."
 				] })
 			});
 		}
 		return /* @__PURE__ */ (0, X.jsx)(f, {
-			schema: Ne,
+			schema: je,
 			dataSource: t,
-			onRowClick: Te,
-			onEdit: G.update === !1 ? void 0 : Ce,
-			onDelete: G.delete === !1 ? void 0 : Ee,
-			onBulkDelete: G.delete === !1 ? void 0 : De
+			onRowClick: Se,
+			onEdit: K.update === !1 ? void 0 : be,
+			onDelete: K.delete === !1 ? void 0 : Ce,
+			onBulkDelete: K.delete === !1 ? void 0 : we
 		}, n);
-	}, He = () => {
-		if (!F) return null;
-		let e = Object.entries(P);
+	}, Be = () => {
+		if (!he) return null;
+		let e = Object.entries(I);
 		return e.length <= 1 ? null : /* @__PURE__ */ (0, X.jsx)(_e, {
-			value: I,
-			onValueChange: Ae,
+			value: L,
+			onValueChange: Oe,
 			className: "w-full",
 			children: /* @__PURE__ */ (0, X.jsx)(ve, {
 				className: "w-auto",
@@ -785,44 +787,44 @@ var St = {
 				}, e))
 			})
 		});
-	}, Ue = () => {
-		let t = e.showCreate !== !1 && G.create !== !1, n = e.showViewSwitcher === !0, r = He();
+	}, 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 && Oe && /* @__PURE__ */ (0, X.jsx)(wt, {
-						schema: Oe,
-						onViewChange: ke,
-						onCreateView: y,
-						onViewAction: b,
+					children: n && Ee && /* @__PURE__ */ (0, X.jsx)(Pt, {
+						schema: Ee,
+						onViewChange: De,
+						onCreateView: ee,
+						onViewAction: y,
 						className: "overflow-x-auto"
 					})
 				}), /* @__PURE__ */ (0, X.jsxs)("div", {
 					className: "flex items-center gap-2",
 					children: [v, t && /* @__PURE__ */ (0, X.jsxs)(h, {
 						size: "sm",
-						onClick: Se,
-						children: [/* @__PURE__ */ (0, X.jsx)(Fe, { className: "h-4 w-4" }), "Create"]
+						onClick: J,
+						children: [/* @__PURE__ */ (0, X.jsx)(He, { className: "h-4 w-4" }), "Create"]
 					})]
 				})]
 			})]
 		});
-	}, We = U?.mode === "modal" ? "modal" : U?.mode === "drawer" ? "drawer" : U?.mode === "split" ? "split" : U?.mode === "popover" ? "popover" : W, Ge = (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: J(),
+			schema: Me(),
 			dataSource: t
 		})
-	}), Ke = n((e) => {
-		e || q();
-	}, [q]);
-	if (We === "split") {
-		let t = x?.label || e.objectName;
+	}), Ge = n((e) => {
+		e || Y();
+	}, [Y]);
+	if (Ue === "split") {
+		let t = b?.label || e.objectName;
 		return /* @__PURE__ */ (0, X.jsxs)("div", {
-			className: z("flex flex-col h-full min-w-0 overflow-hidden", r),
+			className: q("flex flex-col h-full min-w-0 overflow-hidden", r),
 			children: [
 				(e.title || e.description) && /* @__PURE__ */ (0, X.jsxs)("div", {
 					className: "mb-4 shrink-0",
@@ -836,31 +838,31 @@ var St = {
 				}),
 				/* @__PURE__ */ (0, X.jsx)("div", {
 					className: "mb-4 shrink-0",
-					children: Ue()
+					children: Ve()
 				}),
 				/* @__PURE__ */ (0, X.jsx)("div", {
 					className: "flex-1 min-h-0 min-w-0 overflow-hidden",
-					children: S && E ? /* @__PURE__ */ (0, X.jsx)(pe, {
+					children: S && A ? /* @__PURE__ */ (0, X.jsx)(pe, {
 						isOpen: S,
-						selectedRecord: E,
+						selectedRecord: A,
 						mode: "split",
-						close: q,
-						setIsOpen: Ke,
-						width: U?.width,
+						close: Y,
+						setIsOpen: Ge,
+						width: W?.width,
 						isOverlay: !0,
 						title: `${t} Detail`,
 						mainContent: /* @__PURE__ */ (0, X.jsx)("div", {
 							className: "h-full overflow-auto",
-							children: Ve()
+							children: ze()
 						}),
-						children: Ge
-					}) : Ve()
+						children: We
+					}) : ze()
 				})
 			]
 		});
 	}
 	return /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: z("flex flex-col h-full min-w-0 overflow-hidden", r),
+		className: q("flex flex-col h-full min-w-0 overflow-hidden", r),
 		children: [
 			(e.title || e.description) && /* @__PURE__ */ (0, X.jsxs)("div", {
 				className: "mb-4 shrink-0",
@@ -874,35 +876,35 @@ var St = {
 			}),
 			/* @__PURE__ */ (0, X.jsx)("div", {
 				className: "mb-4 shrink-0",
-				children: Ue()
+				children: Ve()
 			}),
 			/* @__PURE__ */ (0, X.jsx)("div", {
 				className: "flex-1 min-h-0 min-w-0 overflow-hidden",
-				children: Ve()
+				children: ze()
 			}),
-			We === "drawer" && Le(),
-			We === "modal" && Re(),
-			We === "popover" && S && E && /* @__PURE__ */ (0, X.jsx)(pe, {
+			Ue === "drawer" && Fe(),
+			Ue === "modal" && Ie(),
+			Ue === "popover" && S && A && /* @__PURE__ */ (0, X.jsx)(pe, {
 				isOpen: S,
-				selectedRecord: E,
+				selectedRecord: A,
 				mode: "popover",
-				close: q,
-				setIsOpen: Ke,
-				width: U?.width,
+				close: Y,
+				setIsOpen: Ge,
+				width: W?.width,
 				isOverlay: !0,
-				title: Pe(),
-				children: Ge
+				title: Ne(),
+				children: We
 			})
 		]
 	});
-}, Dt = Y("flex", {
+}, Lt = vt("flex", {
 	variants: { layout: {
 		inline: "flex-col space-y-4",
 		popover: "items-center",
 		drawer: "items-center"
 	} },
 	defaultVariants: { layout: "inline" }
-}), Ot = (e) => e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.values(e).every((e) => e == null || e === "") : !1, kt = (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 St = {
 } : {
 	start: "",
 	end: ""
-}, At = ({ 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 St = {
 		c(e);
 	}, [c, t.showApply]), d = e.useCallback(() => {
 		c(i), s(!1);
-	}, [c, i]), f = e.useMemo(() => Object.values(i).filter((e) => !Ot(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)(k, {
+			case "number": return /* @__PURE__ */ (0, X.jsx)(P, {
 				type: "number",
 				value: i[e.field] ?? "",
 				placeholder: n,
@@ -949,13 +951,13 @@ var St = {
 					l(e.field, r);
 				}
 			});
-			case "select": return /* @__PURE__ */ (0, X.jsxs)(A, {
+			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)(N, { children: /* @__PURE__ */ (0, X.jsx)(P, { placeholder: n }) }), /* @__PURE__ */ (0, X.jsx)(j, { children: e.options?.map((e) => /* @__PURE__ */ (0, X.jsx)(M, {
+				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))) })]
@@ -967,7 +969,7 @@ var St = {
 					children: e.options?.map((t) => {
 						let r = n.map(String).includes(String(t.value));
 						return /* @__PURE__ */ (0, X.jsxs)("label", {
-							className: z("flex items-center gap-2 text-sm py-1 px-1.5 rounded cursor-pointer", r ? "bg-primary/5 text-primary" : "hover:bg-muted"),
+							className: q("flex items-center gap-2 text-sm py-1 px-1.5 rounded cursor-pointer", r ? "bg-primary/5 text-primary" : "hover:bg-muted"),
 							children: [/* @__PURE__ */ (0, X.jsx)(g, {
 								checked: r,
 								onCheckedChange: (r) => {
@@ -982,16 +984,16 @@ var St = {
 					})
 				});
 			}
-			case "date": return /* @__PURE__ */ (0, X.jsx)(k, {
+			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 = kt(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)(k, {
+					children: [/* @__PURE__ */ (0, X.jsx)(P, {
 						type: "date",
 						value: t.start ?? "",
 						onChange: (n) => {
@@ -1000,7 +1002,7 @@ var St = {
 								start: n.target.value
 							});
 						}
-					}), /* @__PURE__ */ (0, X.jsx)(k, {
+					}), /* @__PURE__ */ (0, X.jsx)(P, {
 						type: "date",
 						value: t.end ?? "",
 						onChange: (n) => {
@@ -1022,7 +1024,7 @@ var St = {
 					children: "Enabled"
 				})]
 			});
-			default: return /* @__PURE__ */ (0, X.jsx)(k, {
+			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 St = {
 			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)(fe, {
+				children: [/* @__PURE__ */ (0, X.jsx)(F, {
 					className: "text-xs text-muted-foreground",
 					children: e.label || e.field
 				}), p(e)]
@@ -1056,11 +1058,11 @@ var St = {
 		})]
 	}), _ = t.layout || "inline";
 	return _ === "popover" ? /* @__PURE__ */ (0, X.jsx)("div", {
-		className: z(Dt({ layout: _ }), n),
+		className: q(Lt({ layout: _ }), n),
 		children: /* @__PURE__ */ (0, X.jsxs)(me, {
 			open: o,
 			onOpenChange: s,
-			children: [/* @__PURE__ */ (0, X.jsx)(ge, {
+			children: [/* @__PURE__ */ (0, X.jsx)(he, {
 				asChild: !0,
 				children: /* @__PURE__ */ (0, X.jsxs)(h, {
 					type: "button",
@@ -1068,7 +1070,7 @@ var St = {
 					size: "sm",
 					className: "gap-2",
 					children: [
-						/* @__PURE__ */ (0, X.jsx)(Be, { 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 St = {
 						})
 					]
 				})
-			}), /* @__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: z(Dt({ layout: _ }), n),
+		className: q(Lt({ layout: _ }), n),
 		children: [/* @__PURE__ */ (0, X.jsxs)(h, {
 			type: "button",
 			variant: f > 0 ? "secondary" : "outline",
@@ -1091,54 +1093,54 @@ var St = {
 			className: "gap-2",
 			onClick: () => s(!0),
 			children: [
-				/* @__PURE__ */ (0, X.jsx)(Be, { 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",
 					children: f
 				})
 			]
-		}), /* @__PURE__ */ (0, X.jsx)(oe, {
+		}), /* @__PURE__ */ (0, X.jsx)(O, {
 			open: o,
 			onOpenChange: s,
-			children: /* @__PURE__ */ (0, X.jsxs)(se, { children: [/* @__PURE__ */ (0, X.jsxs)(le, { children: [/* @__PURE__ */ (0, X.jsx)(ue, { children: "Filters" }), /* @__PURE__ */ (0, X.jsx)(ce, { children: "Refine the data with advanced filters." })] }), /* @__PURE__ */ (0, X.jsx)("div", {
+			children: /* @__PURE__ */ (0, X.jsxs)(ie, { children: [/* @__PURE__ */ (0, X.jsxs)(oe, { children: [/* @__PURE__ */ (0, X.jsx)(se, { children: "Filters" }), /* @__PURE__ */ (0, X.jsx)(ae, { children: "Refine the data with advanced filters." })] }), /* @__PURE__ */ (0, X.jsx)("div", {
 				className: "px-4 pb-6",
 				children: m
 			})] })
 		})]
 	}) : /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: z(Dt({ 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)(We, { className: "h-3.5 w-3.5" }), "Clear filters"]
+			children: [/* @__PURE__ */ (0, X.jsx)(Qe, { className: "h-3.5 w-3.5" }), "Clear filters"]
 		})]
 	});
-}, jt = Y("", {
+}, 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" }
-}), Mt = (e) => e ? e.map((e) => ({
+}), Ht = (e) => e ? e.map((e) => ({
 	field: e.field,
 	direction: e.direction
-})) : [], Nt = (e) => e.map((e) => ({
+})) : [], Ut = (e) => e.map((e) => ({
 	id: `${e.field}-${e.direction}`,
 	field: e.field,
 	order: e.direction
-})), Pt = (e) => e.filter((e) => e.field).map((e) => ({
+})), Wt = (e) => e.filter((e) => e.field).map((e) => ({
 	field: e.field,
 	direction: e.order
-})), Ft = ({ schema: t, className: n, onChange: r }) => {
-	let [i, a] = e.useState(() => Mt(t.sort)), [o, s] = e.useState(() => Nt(Mt(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 = Mt(t.sort);
-		a(e), s(Nt(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 St = {
 		i
 	]);
 	if ((t.variant || "dropdown") === "buttons") return /* @__PURE__ */ (0, X.jsx)("div", {
-		className: z(jt({ 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" ? H : V;
+			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 St = {
 		})
 	});
 	if (t.multiple) return /* @__PURE__ */ (0, X.jsx)("div", {
-		className: z(jt({ variant: "builder" }), n),
-		children: /* @__PURE__ */ (0, X.jsx)(F, {
+		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(Pt(e));
+				s(e), c(Wt(e));
 			}
 		})
 	});
 	let u = i[0];
 	return /* @__PURE__ */ (0, X.jsxs)("div", {
-		className: z(jt({ variant: "dropdown" }), n),
-		children: [/* @__PURE__ */ (0, X.jsxs)(A, {
+		className: q(Vt({ variant: "dropdown" }), n),
+		children: [/* @__PURE__ */ (0, X.jsxs)(L, {
 			value: u?.field || "",
 			onValueChange: (e) => {
 				if (!e) {
@@ -1209,14 +1211,14 @@ var St = {
 					direction: u?.direction || "asc"
 				}]);
 			},
-			children: [/* @__PURE__ */ (0, X.jsx)(N, {
+			children: [/* @__PURE__ */ (0, X.jsx)(B, {
 				className: "w-56",
-				children: /* @__PURE__ */ (0, X.jsx)(P, { placeholder: "Select field" })
-			}), /* @__PURE__ */ (0, X.jsx)(j, { children: t.fields.map((e) => /* @__PURE__ */ (0, X.jsx)(M, {
+				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)(A, {
+		}), /* @__PURE__ */ (0, X.jsxs)(L, {
 			value: u?.direction || "asc",
 			onValueChange: (e) => {
 				u?.field && c([{
@@ -1224,13 +1226,13 @@ var St = {
 					direction: e
 				}]);
 			},
-			children: [/* @__PURE__ */ (0, X.jsx)(N, {
+			children: [/* @__PURE__ */ (0, X.jsx)(B, {
 				className: "w-36",
-				children: /* @__PURE__ */ (0, X.jsx)(P, {})
-			}), /* @__PURE__ */ (0, X.jsxs)(j, { children: [/* @__PURE__ */ (0, X.jsx)(M, {
+				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)(M, {
+			}), /* @__PURE__ */ (0, X.jsx)(z, {
 				value: "desc",
 				children: "Descending"
 			})] })]
@@ -1239,7 +1241,7 @@ var St = {
 };
 //#endregion
 //#region src/SharedViewLink.tsx
-function It() {
+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 It() {
 	}
 	return Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
 }
-function Lt(e, t, n, r) {
+function qt(e, t, n, r) {
 	return `${e}/share/${t}/${n}?mode=readonly&token=${r}`;
 }
-var Rt = ({ 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 : ""), y = e.useCallback(() => {
-		let e = Lt(v, t, n, It());
+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 = 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, {
@@ -1266,7 +1268,7 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		i,
 		f,
 		g
-	]), b = e.useCallback(async () => {
+	]), y = e.useCallback(async () => {
 		if (o) try {
 			await navigator.clipboard.writeText(o), l(!0), setTimeout(() => l(!1), 2e3);
 		} catch {
@@ -1277,15 +1279,15 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 	return /* @__PURE__ */ (0, X.jsxs)(me, {
 		open: u,
 		onOpenChange: d,
-		children: [/* @__PURE__ */ (0, X.jsx)(ge, {
+		children: [/* @__PURE__ */ (0, X.jsx)(he, {
 			asChild: !0,
 			children: /* @__PURE__ */ (0, X.jsxs)(h, {
 				variant: "outline",
 				size: "sm",
-				className: z("gap-2", a),
-				children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4" }), "Share"]
+				className: q("gap-2", a),
+				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 Rt = ({ 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)(k, {
+				children: [/* @__PURE__ */ (0, X.jsx)(P, {
 					value: o,
 					readOnly: !0,
 					className: "h-8 text-xs",
@@ -1314,21 +1316,21 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 				}), /* @__PURE__ */ (0, X.jsx)(h, {
 					variant: "outline",
 					size: "sm",
-					onClick: b,
+					onClick: y,
 					className: "shrink-0 gap-1",
-					children: c ? /* @__PURE__ */ (0, X.jsx)(W, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ (0, X.jsx)(G, { 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",
 				children: [f && /* @__PURE__ */ (0, X.jsxs)(m, {
 					variant: "outline",
 					className: "text-xs gap-1",
-					children: [/* @__PURE__ */ (0, X.jsx)(Ae, { className: "h-3 w-3" }), "Password protected"]
+					children: [/* @__PURE__ */ (0, X.jsx)(Ie, { className: "h-3 w-3" }), "Password protected"]
 				}), g && /* @__PURE__ */ (0, X.jsxs)(m, {
 					variant: "outline",
 					className: "text-xs gap-1",
 					children: [
-						/* @__PURE__ */ (0, X.jsx)(U, { className: "h-3 w-3" }),
+						/* @__PURE__ */ (0, X.jsx)(Se, { className: "h-3 w-3" }),
 						"Expires in ",
 						g,
 						" day",
@@ -1342,8 +1344,8 @@ var Rt = ({ 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)(Ae, { className: "h-3.5 w-3.5" }), "Password protection (optional)"]
-						}), /* @__PURE__ */ (0, X.jsx)(k, {
+							children: [/* @__PURE__ */ (0, X.jsx)(Ie, { className: "h-3.5 w-3.5" }), "Password protection (optional)"]
+						}), /* @__PURE__ */ (0, X.jsx)(P, {
 							type: "password",
 							value: f,
 							onChange: (e) => p(e.target.value),
@@ -1355,7 +1357,7 @@ var Rt = ({ 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)(U, { 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),
@@ -1385,29 +1387,34 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 						})]
 					}),
 					/* @__PURE__ */ (0, X.jsxs)(h, {
-						onClick: y,
+						onClick: ee,
 						className: "w-full gap-2",
 						size: "sm",
-						children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4" }), "Generate Link"]
+						children: [/* @__PURE__ */ (0, X.jsx)(qe, { className: "h-4 w-4" }), "Generate Link"]
 					})
 				]
 			})]
 		})]
 	});
-}, zt = {
+}, Yt = {
 	private: 0,
 	team: 1,
 	organization: 2,
 	public: 3
-}, Bt = 5, Vt = ({ id: e, disabled: t, children: n }) => {
-	let { attributes: r, listeners: i, setNodeRef: a, transform: o, transition: s, isDragging: c } = tt({
+}, 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
+		disabled: t,
+		attributes: {
+			role: "tab",
+			roleDescription: "view tab",
+			tabIndex: 0
+		}
 	});
 	return /* @__PURE__ */ (0, X.jsx)(X.Fragment, { children: n({
 		setNodeRef: a,
 		style: {
-			transform: rt.Transform.toString(o),
+			transform: ft.Transform.toString(o),
 			transition: s,
 			zIndex: c ? 10 : void 0,
 			opacity: c ? .5 : void 0
@@ -1416,155 +1423,251 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 		attributes: r,
 		isDragging: c
 	}) });
-}, Ht = ({ views: e, activeViewId: r, onViewChange: c, viewTypeIcons: l = {}, config: u = {}, onAddView: d, onRenameView: f, onDuplicateView: p, onDeleteView: m, onSetDefaultView: g, onShareView: _, onSaveAsView: ne, onPinView: re, onReorderViews: w, onChangeViewType: ie, onConfigView: ae, availableViewTypes: oe, hasUnsavedChanges: se = !1, onResetChanges: ce, className: le }) => {
-	let { showAddButton: ue = !0, inlineRename: O = !0, contextMenu: fe = !0, reorderable: pe = !1, maxVisibleTabs: me = 6, showIndicators: he = !0, showSaveAsView: ge = !0, showPinnedSection: A = !0, showVisibilityGroups: j = !1 } = u, [M, N] = s(null), [P, F] = s(""), I = 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(() => {
-		M && I.current && (I.current.focus(), I.current.select());
-	}, [M]);
-	let _e = n((t) => {
-		if (!O || !f) return;
+		R && ge.current && (ge.current.focus(), ge.current.select());
+	}, [R]);
+	let H = n((t) => {
+		if (!fe || !f) return;
 		let n = e.find((e) => e.id === t);
-		n && (N(t), F(n.label));
+		n && (n.readonly || (z(t), V(n.label)));
 	}, [
-		O,
+		fe,
 		f,
 		e
-	]), ve = n(() => {
-		M && P.trim() && f && f(M, P.trim()), N(null), F("");
+	]), _e = n(() => {
+		R && B.trim() && f && f(R, B.trim()), z(null), V("");
 	}, [
-		M,
-		P,
+		R,
+		B,
 		f
-	]), ye = n(() => {
-		N(null), F("");
-	}, []), B = a(() => {
+	]), ve = n(() => {
+		z(null), V("");
+	}, []), ye = a(() => e.length > 0 && e.every((e) => !!e.readonly), [e]), J = a(() => {
 		let t = [...e];
 		return t.sort((e, t) => {
-			if (A) {
+			if (he) {
 				let n = +!!e.isPinned, r = +!!t.isPinned;
 				if (n !== r) return r - n;
 			}
-			if (j) {
-				let n = zt[e.visibility || "public"] ?? zt.public, r = zt[t.visibility || "public"] ?? zt.public;
+			if (L) {
+				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,
-		A,
-		j
-	]), V = B.slice(0, me), H = B.slice(me), U = Ze(Xe(Je, { activationConstraint: { distance: Bt } }), Xe(qe)), W = n((e) => {
+		he,
+		L
+	]), { 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
+		};
+		let i = t[n], a = e.length > 0 ? [...e.slice(0, -1), i] : [i], o = e.length > 0 ? e[e.length - 1] : null, s = t.filter((e, t) => t !== n);
+		return o && s.unshift(o), {
+			visibleViews: a,
+			overflowViews: s
+		};
+	}, [
+		J,
+		pe,
+		r
+	]), Se = at(it(nt, { activationConstraint: { distance: Xt } }), it(tt)), Ce = n((e) => {
 		let { active: t, over: n } = e;
-		if (!n || t.id === n.id || !w) return;
-		let r = B.findIndex((e) => e.id === t.id), i = B.findIndex((e) => e.id === n.id);
-		r === -1 || i === -1 || w($e(B, r, i).map((e) => e.id));
-	}, [B, w]), Se = He, Ce = n((e) => {
-		if (!j || e === 0) return !1;
-		let t = V[e - 1], n = V[e], r = (e) => e.visibility === "private";
+		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(st(J, r, i).map((e) => e.id));
+	}, [J, E]), Y = Xe, Ee = n((e) => {
+		if (!L || e === 0) return !1;
+		let t = be[e - 1], n = be[e], r = (e) => e.visibility === "private";
 		return r(t) && !r(n);
-	}, [j, V]), we = (e, n) => {
-		let i = e.id === r, a = l[e.type] || Se, o = M === e.id, s = he && (e.hasActiveFilters || e.hasActiveSort), u = Ce(n), d = ((e) => j ? e.visibility === "private" ? /* @__PURE__ */ (0, X.jsx)(Ae, {
+	}, [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)(Ee, {
+		}) : 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)("button", {
+		}) : 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: () => _e(e.id),
-			className: z("inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap relative", i ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"),
+			onDoubleClick: () => H(e.id),
+			onKeyDown: (t) => {
+				!o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c(e.id));
+			},
+			...t?.listeners ?? {},
+			...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: [
-				pe && w && /* @__PURE__ */ (0, X.jsx)("span", {
+				F && E && /* @__PURE__ */ (0, X.jsx)("span", {
 					"data-testid": `view-tab-drag-handle-${e.id}`,
-					className: "cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground",
-					...t?.listeners ?? {},
-					...t?.attributes ?? {},
-					children: /* @__PURE__ */ (0, X.jsx)(K, { className: "h-3 w-3" })
+					"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" })
 				}),
-				A && e.isPinned && /* @__PURE__ */ (0, X.jsx)(J, {
+				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)(k, {
-					ref: I,
+				o ? /* @__PURE__ */ (0, X.jsx)(P, {
+					ref: ge,
 					"data-testid": `view-tab-rename-input-${e.id}`,
-					value: P,
-					onChange: (e) => F(e.target.value),
-					onBlur: ve,
+					value: B,
+					onChange: (e) => V(e.target.value),
+					onBlur: _e,
 					onKeyDown: (e) => {
-						e.key === "Enter" && ve(), e.key === "Escape" && ye();
+						e.key === "Enter" && _e(), e.key === "Escape" && ve();
 					},
 					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 }),
-				s && /* @__PURE__ */ (0, X.jsxs)(be, { children: [/* @__PURE__ */ (0, X.jsx)(xe, {
+				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", {
 						"data-testid": `view-tab-indicator-${e.id}`,
 						className: "ml-1 inline-flex items-center justify-center h-4 min-w-[16px] rounded-full bg-primary/15 text-[10px] font-medium text-primary px-1 shrink-0",
 						children: [e.hasActiveFilters && "F", e.hasActiveSort && "S"].filter(Boolean).join("")
 					})
-				}), /* @__PURE__ */ (0, X.jsx)(L, {
+				}), /* @__PURE__ */ (0, X.jsx)(W, {
 					side: "bottom",
 					className: "text-xs",
 					children: [e.hasActiveFilters && "Active filters", e.hasActiveSort && "Active sort"].filter(Boolean).join(", ")
 				})] }),
-				e.isDefault && /* @__PURE__ */ (0, X.jsx)(Ve, { className: "h-3 w-3 text-amber-500 fill-amber-500 shrink-0" }),
-				i && ae && /* @__PURE__ */ (0, X.jsx)("button", {
-					type: "button",
-					"data-testid": `view-tab-config-${e.id}`,
-					className: "ml-0.5 h-4 w-4 flex items-center justify-center rounded hover:bg-accent shrink-0 opacity-60 hover:opacity-100 transition-opacity",
-					onClick: (t) => {
-						t.stopPropagation(), ae(e.id);
-					},
-					"aria-label": `Configure ${e.label}`,
-					children: /* @__PURE__ */ (0, X.jsx)(Re, { className: "h-3 w-3" })
-				})
+				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",
+						"data-testid": `view-tab-actions-${e.id}`,
+						className: "ml-0.5 h-4 w-4 flex items-center justify-center rounded hover:bg-accent shrink-0 opacity-70 hover:opacity-100 transition-opacity",
+						onClick: (e) => e.stopPropagation(),
+						onPointerDown: (e) => e.stopPropagation(),
+						onMouseDown: (e) => e.stopPropagation(),
+						"aria-label": `View actions for ${e.label}`,
+						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: [
+						ne && !d && /* @__PURE__ */ (0, X.jsxs)(j, {
+							"data-testid": `view-tab-menu-config-${e.id}`,
+							onClick: () => ne(e.id),
+							children: [/* @__PURE__ */ (0, X.jsx)(Ke, { className: "h-4 w-4 mr-2" }), " Edit view config"]
+						}),
+						f && !d && /* @__PURE__ */ (0, X.jsxs)(j, {
+							"data-testid": `view-tab-menu-rename-${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)(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)(qe, { className: "h-4 w-4 mr-2" }), " Share view"]
+						}),
+						g && !d && /* @__PURE__ */ (0, X.jsxs)(j, {
+							"data-testid": `view-tab-menu-default-${e.id}`,
+							onClick: () => g(e.id),
+							children: [/* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-4 w-4 mr-2" }), " Set as default"]
+						}),
+						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)(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"] })
+						}),
+						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] || Y;
+							return /* @__PURE__ */ (0, X.jsxs)(j, {
+								"data-testid": `view-tab-menu-type-${e.id}-${t.type}`,
+								disabled: t.type === e.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 && !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)(Ze, { className: "h-4 w-4 mr-2" }), " Delete view"]
+						})] }),
+						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: re,
+							children: [/* @__PURE__ */ (0, X.jsx)(Fe, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
+						})] })
+					]
+				})] })
 			]
-		}), ne = (t) => !fe || 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)(y, { children: [
-			f && /* @__PURE__ */ (0, X.jsxs)(b, {
+		}), /* @__PURE__ */ (0, X.jsxs)(ee, { children: [
+			f && !d && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-rename-${e.id}`,
-				onClick: () => _e(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(Ne, { className: "h-4 w-4 mr-2" }), " Rename"]
+				onClick: () => H(e.id),
+				children: [/* @__PURE__ */ (0, X.jsx)(ze, { className: "h-4 w-4 mr-2" }), " Rename"]
 			}),
-			p && /* @__PURE__ */ (0, X.jsxs)(b, {
+			p && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-duplicate-${e.id}`,
 				onClick: () => p(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(G, { 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)(b, {
+			_ && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-share-${e.id}`,
 				onClick: () => _(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(ze, { 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)(b, {
+			g && !d && /* @__PURE__ */ (0, X.jsxs)(y, {
 				"data-testid": `context-menu-default-${e.id}`,
 				onClick: () => g(e.id),
-				children: [/* @__PURE__ */ (0, X.jsx)(Ve, { 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"]
 			}),
-			re && /* @__PURE__ */ (0, X.jsx)(b, {
+			T && !d && /* @__PURE__ */ (0, X.jsx)(y, {
 				"data-testid": `context-menu-pin-${e.id}`,
-				onClick: () => re(e.id, !e.isPinned),
-				children: e.isPinned ? /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(Pe, { className: "h-4 w-4 mr-2" }), " Unpin View"] }) : /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(J, { className: "h-4 w-4 mr-2" }), " Pin View"] })
+				onClick: () => T(e.id, !e.isPinned),
+				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"] })
 			}),
-			ie && oe && oe.length > 0 && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(x, {}), /* @__PURE__ */ (0, X.jsxs)(ee, { 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)(Oe, { className: "h-4 w-4 mr-2" }), " Change View Type"]
-			}), /* @__PURE__ */ (0, X.jsx)(te, {
+				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: oe.map((t) => {
-					let n = l[t.type] || Se;
-					return /* @__PURE__ */ (0, X.jsxs)(b, {
+				children: O.map((t) => {
+					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: () => ie(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", {
@@ -1575,118 +1678,423 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 					}, t.type);
 				})
 			})] })] }),
-			m && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(x, {}), /* @__PURE__ */ (0, X.jsxs)(b, {
+			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)(Ue, { className: "h-4 w-4 mr-2" }), " Delete View"]
+				children: [/* @__PURE__ */ (0, X.jsx)(Ze, { className: "h-4 w-4 mr-2" }), " Delete View"]
+			})] }),
+			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: re,
+				children: [/* @__PURE__ */ (0, X.jsx)(Fe, { className: "h-4 w-4 mr-2" }), " Manage all views…"]
 			})] })
 		] })] });
-		return pe && w ? /* @__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)(Vt, {
+		}), /* @__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: z("flex", i && "z-10"),
-				children: ne(h({
+				className: q("flex", i && "z-10"),
+				children: ie(w({
 					listeners: n,
-					attributes: r
+					attributes: r,
+					isDragging: i
 				}))
 			})
 		})] }, 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"
-		}), ne(h())] }, e.id);
-	}, Te = /* @__PURE__ */ (0, X.jsx)(X.Fragment, { children: V.map((e, t) => we(e, t)) });
-	return /* @__PURE__ */ (0, X.jsx)(R, { children: /* @__PURE__ */ (0, X.jsxs)("div", {
+		}), 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: z("flex items-center gap-0.5 -mb-px", le),
+		className: q("flex items-center gap-0.5 -mb-px", oe),
 		children: [
-			pe && w ? /* @__PURE__ */ (0, X.jsx)(Ke, {
-				sensors: U,
-				collisionDetection: Ye,
-				onDragEnd: W,
-				children: /* @__PURE__ */ (0, X.jsx)(Qe, {
-					items: V.map((e) => e.id),
-					strategy: et,
+			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",
-						children: Te
+						children: Oe
 					})
 				})
-			}) : Te,
-			H.length > 0 && /* @__PURE__ */ (0, X.jsxs)(de, { children: [/* @__PURE__ */ (0, X.jsx)(D, {
+			}) : Oe,
+			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)(Me, { className: "h-4 w-4" }), /* @__PURE__ */ (0, X.jsxs)("span", {
+					children: [/* @__PURE__ */ (0, X.jsx)(Re, { className: "h-4 w-4" }), /* @__PURE__ */ (0, X.jsxs)("span", {
 						className: "text-xs",
-						children: [H.length, " more"]
+						children: [xe.length, " more"]
 					})]
 				})
-			}), /* @__PURE__ */ (0, X.jsx)(T, {
+			}), /* @__PURE__ */ (0, X.jsxs)(A, {
 				align: "end",
-				children: H.map((e) => {
-					let t = l[e.type] || Se;
-					return /* @__PURE__ */ (0, X.jsxs)(E, {
+				children: [re && /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsxs)(j, {
+					"data-testid": "view-tab-overflow-manage",
+					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, {})] }), 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)(J, { 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("")
 							})
 						]
 					}, e.id);
-				})
+				})]
 			})] }),
-			ue && d && /* @__PURE__ */ (0, X.jsxs)(be, { children: [/* @__PURE__ */ (0, X.jsx)(xe, {
+			se && d && /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
 				asChild: !0,
 				children: /* @__PURE__ */ (0, X.jsx)("button", {
 					"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)(Fe, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, X.jsx)(He, { className: "h-4 w-4" })
 				})
-			}), /* @__PURE__ */ (0, X.jsx)(L, { children: "Add View" })] }),
-			ge && se && /* @__PURE__ */ (0, X.jsxs)("div", {
+			}), /* @__PURE__ */ (0, X.jsx)(W, { children: "Add View" })] }),
+			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)(Ie, { 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"
 					}),
-					ne && /* @__PURE__ */ (0, X.jsx)(h, {
+					w && /* @__PURE__ */ (0, X.jsx)(h, {
 						variant: "ghost",
 						size: "sm",
 						"data-testid": "view-tab-save-as-btn",
 						className: "h-6 px-2 text-xs",
-						onClick: ne,
+						onClick: w,
 						children: "Save as View"
 					}),
-					ce && /* @__PURE__ */ (0, X.jsx)(h, {
+					ae && /* @__PURE__ */ (0, X.jsx)(h, {
 						variant: "ghost",
 						size: "sm",
 						"data-testid": "view-tab-reset-btn",
 						className: "h-6 px-2 text-xs",
-						onClick: ce,
+						onClick: ae,
 						children: "Reset"
 					})
 				]
 			})
 		]
 	}) });
-}, Ut = {
+}, $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), T = !!e.readonly;
+	i(() => {
+		a && (w(e.label), requestAnimationFrame(() => {
+			S.current?.focus(), S.current?.select();
+		}));
+	}, [a, e.label]);
+	let E = n(() => {
+		let t = C.trim();
+		t && t !== e.label ? l(e.id, t) : u();
+	}, [
+		C,
+		e.id,
+		e.label,
+		l,
+		u
+	]);
+	return /* @__PURE__ */ (0, X.jsxs)("li", {
+		ref: ee,
+		style: x,
+		"data-testid": `manage-views-row-${e.id}`,
+		className: q("group/row flex items-center gap-2 px-2 py-2 rounded-md border border-transparent", "hover:bg-accent/50 transition-colors", t && "bg-accent/40 border-border", te && "shadow-md bg-background border-border z-10"),
+		children: [
+			/* @__PURE__ */ (0, X.jsx)("button", {
+				type: "button",
+				..._,
+				...v,
+				"aria-label": "Drag to reorder",
+				"data-testid": `manage-views-drag-${e.id}`,
+				className: "shrink-0 h-6 w-5 flex items-center justify-center text-muted-foreground/40 hover:text-muted-foreground cursor-grab active:cursor-grabbing rounded hover:bg-accent",
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ (0, X.jsx)(je, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ (0, X.jsx)(r, { className: "shrink-0 h-4 w-4 text-muted-foreground" }),
+			/* @__PURE__ */ (0, X.jsx)("div", {
+				className: "flex-1 min-w-0",
+				onClick: () => {
+					a || d?.(e.id);
+				},
+				children: a ? /* @__PURE__ */ (0, X.jsx)(P, {
+					ref: S,
+					value: C,
+					onChange: (e) => w(e.target.value),
+					onBlur: E,
+					onKeyDown: (e) => {
+						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 flex items-center gap-1.5",
+					onDoubleClick: (t) => {
+						t.stopPropagation(), T || c(e.id);
+					},
+					title: e.label,
+					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 && !T && /* @__PURE__ */ (0, X.jsx)(G, {
+				delayDuration: 300,
+				children: /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, X.jsx)("button", {
+						type: "button",
+						"aria-label": e.isPinned ? "Unpin view" : "Pin view",
+						"data-testid": `manage-views-pin-${e.id}`,
+						onClick: (t) => {
+							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)(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 && !T && /* @__PURE__ */ (0, X.jsx)(G, {
+				delayDuration: 300,
+				children: /* @__PURE__ */ (0, X.jsxs)(U, { children: [/* @__PURE__ */ (0, X.jsx)(K, {
+					asChild: !0,
+					children: /* @__PURE__ */ (0, X.jsx)("button", {
+						type: "button",
+						"aria-label": "Set as default",
+						"data-testid": `manage-views-default-${e.id}`,
+						onClick: (t) => {
+							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)(Ye, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ (0, X.jsx)(W, {
+					side: "top",
+					children: "Set as default"
+				})] })
+			}),
+			!a && (f || p || g || m) && /* @__PURE__ */ (0, X.jsxs)(k, { children: [/* @__PURE__ */ (0, X.jsx)(de, {
+				asChild: !0,
+				children: /* @__PURE__ */ (0, X.jsx)("button", {
+					type: "button",
+					"aria-label": `Actions for ${e.label}`,
+					"data-testid": `manage-views-actions-${e.id}`,
+					onClick: (e) => e.stopPropagation(),
+					className: "shrink-0 h-7 w-7 inline-flex items-center justify-center rounded hover:bg-accent text-muted-foreground opacity-60 group-hover/row:opacity-100 transition-opacity",
+					children: /* @__PURE__ */ (0, X.jsx)(Re, { className: "h-4 w-4" })
+				})
+			}), /* @__PURE__ */ (0, X.jsxs)(A, {
+				align: "end",
+				className: "min-w-[180px]",
+				children: [
+					!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"]
+					}),
+					p && /* @__PURE__ */ (0, X.jsxs)(j, {
+						"data-testid": `manage-views-action-duplicate-${e.id}`,
+						onClick: () => p(e.id),
+						children: [/* @__PURE__ */ (0, X.jsx)(Te, { className: "h-4 w-4 mr-2" }), " Duplicate"]
+					}),
+					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 && !T && /* @__PURE__ */ (0, X.jsxs)(j, {
+						"data-testid": `manage-views-action-default-${e.id}`,
+						onClick: () => m(e.id),
+						children: [/* @__PURE__ */ (0, X.jsx)(Ye, { className: "h-4 w-4 mr-2" }), " Set as default"]
+					}),
+					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)(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 && !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)(Ze, { className: "h-4 w-4 mr-2" }), " Delete"]
+					})] })
+				]
+			})] }),
+			a && /* @__PURE__ */ (0, X.jsxs)("div", {
+				className: "flex items-center gap-1 shrink-0",
+				children: [/* @__PURE__ */ (0, X.jsx)("button", {
+					type: "button",
+					"aria-label": "Save name",
+					onMouseDown: (e) => e.preventDefault(),
+					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)(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)(Qe, { className: "h-4 w-4" })
+				})]
+			})
+		]
+	});
+}, 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));
+	}, [n]), i(() => {
+		e || (y(null), v(""));
+	}, [e]);
+	let x = a(() => {
+		let e = new Map(n.map((e) => [e.id, e]));
+		return b.map((t) => e.get(t)).filter(Boolean);
+	}, [b, n]), S = a(() => {
+		if (!_.trim()) return x;
+		let e = _.toLowerCase();
+		return x.filter((t) => t.label.toLowerCase().includes(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 = st(b, r, i);
+		te(a), p?.(a);
+	}, ie = (e) => {
+		t(!1), requestAnimationFrame(() => g?.(e));
+	};
+	return /* @__PURE__ */ (0, X.jsx)(w, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ (0, X.jsxs)(T, {
+			className: "sm:max-w-[560px] p-0 gap-0 overflow-hidden",
+			"data-testid": "manage-views-dialog",
+			children: [
+				/* @__PURE__ */ (0, X.jsxs)(ne, {
+					className: "px-5 pt-5 pb-3",
+					children: [/* @__PURE__ */ (0, X.jsx)(re, {
+						className: "text-base",
+						children: "Manage views"
+					}), /* @__PURE__ */ (0, X.jsx)(E, {
+						className: "text-xs",
+						children: "Reorder, rename, pin, or delete every view in this object."
+					})]
+				}),
+				/* @__PURE__ */ (0, X.jsx)("div", {
+					className: "px-5 pb-3",
+					children: /* @__PURE__ */ (0, X.jsxs)("div", {
+						className: "relative",
+						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",
+							className: "pl-8 h-9",
+							"data-testid": "manage-views-search"
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, X.jsx)("div", {
+					className: "px-3 pb-3 max-h-[55vh] overflow-y-auto",
+					"data-testid": "manage-views-list",
+					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)(et, {
+						sensors: C,
+						collisionDetection: rt,
+						onDragEnd: O,
+						children: /* @__PURE__ */ (0, X.jsx)(ot, {
+							items: S.map((e) => e.id),
+							strategy: dt,
+							children: /* @__PURE__ */ (0, X.jsx)("ul", {
+								className: "space-y-0.5",
+								children: S.map((e) => /* @__PURE__ */ (0, X.jsx)(en, {
+									view: e,
+									Icon: o[e.type] || $t,
+									isActive: e.id === r,
+									isRenaming: ee === e.id,
+									onStartRename: (e) => y(e),
+									onCancelRename: () => y(null),
+									onCommitRename: (e, t) => {
+										y(null), c?.(e, t);
+									},
+									onDelete: l,
+									onDuplicate: u,
+									onSetDefault: d,
+									onSetPinned: f,
+									onConfigView: g ? ie : void 0
+								}, e.id))
+							})
+						})
+					})
+				}),
+				/* @__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",
+						size: "sm",
+						onClick: () => {
+							t(!1), requestAnimationFrame(() => m());
+						},
+						"data-testid": "manage-views-add",
+						className: "text-sm",
+						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),
+						"data-testid": "manage-views-done",
+						children: "Done"
+					})]
+				})
+			]
+		})
+	});
+}, nn = {
 	"=": "equals",
 	"==": "equals",
 	"!=": "notEquals",
@@ -1715,7 +2123,7 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 	isEmpty: "isEmpty",
 	isNotEmpty: "isNotEmpty",
 	notIn: "notIn"
-}, Wt = {
+}, rn = {
 	equals: "=",
 	notEquals: "!=",
 	greaterThan: ">",
@@ -1732,7 +2140,7 @@ var Rt = ({ objectName: t, viewId: n = "default", baseUrl: r, onShare: i, classN
 	after: "after",
 	between: "between"
 };
-function Gt(e) {
+function an(e) {
 	let t = (e || "").toLowerCase();
 	return [
 		"integer",
@@ -1768,39 +2176,39 @@ function Gt(e) {
 		"owner"
 	].includes(t) ? "select" : "text";
 }
-function Kt(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: Ut[n] || n,
+		operator: nn[n] || n,
 		value: r ?? ""
 	};
 }
-function qt(e) {
+function sn(e) {
 	if (Array.isArray(e)) {
-		let t = Kt(e);
+		let t = on(e);
 		return t ? [t] : [];
 	}
 	return typeof e == "object" && e && e.field ? [{
 		id: e.id || crypto.randomUUID(),
 		field: e.field,
-		operator: Ut[e.operator] || e.operator || "equals",
+		operator: nn[e.operator] || e.operator || "equals",
 		value: e.value ?? ""
 	}] : [];
 }
-function Jt(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) => qt(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 = Kt(e);
+		let t = on(e);
 		return {
 			logic: "and",
 			conditions: t ? [t] : []
@@ -1808,29 +2216,29 @@ function Jt(e) {
 	}
 	if (Array.isArray(e[0]) || typeof e[0] == "object" && e[0] !== null && !Array.isArray(e[0])) return {
 		logic: "and",
-		conditions: e.flatMap((e) => qt(e))
+		conditions: e.flatMap((e) => sn(e))
 	};
-	let t = Kt(e);
+	let t = on(e);
 	return {
 		logic: "and",
 		conditions: t ? [t] : []
 	};
 }
-function Yt(e, t) {
+function ln(e, t) {
 	let n = t.filter((e) => e.field).map((e) => [
 		e.field,
-		Wt[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 Xt(e) {
+function un(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean);
 }
-function Zt(e) {
+function dn(e) {
 	return e.split(",").map((e) => Number(e.trim())).filter((e) => !isNaN(e) && e > 0);
 }
-var Qt = {
+var fn = {
 	grid: "Grid",
 	kanban: "Kanban",
 	calendar: "Calendar",
@@ -1839,7 +2247,7 @@ var Qt = {
 	gantt: "Gantt",
 	map: "Map",
 	chart: "Chart"
-}, $t = Object.keys(Qt), en = [
+}, pn = Object.keys(fn), mn = [
 	{
 		value: "compact",
 		gapClass: "gap-0"
@@ -1861,23 +2269,23 @@ var Qt = {
 		gapClass: "gap-1.5"
 	}
 ];
-function tn(e) {
+function hn(e) {
 	return e.fields ? Object.entries(e.fields).map(([e, t]) => ({
 		value: e,
 		label: t.label || e,
-		type: Gt(t.type),
+		type: an(t.type),
 		options: t.options
 	})) : [];
 }
-function nn(e) {
-	let t = Jt(e);
+function gn(e) {
+	let t = cn(e);
 	return {
 		id: "root",
 		logic: t.logic,
 		conditions: t.conditions
 	};
 }
-function rn(e) {
+function _n(e) {
 	return (Array.isArray(e) ? e : []).map((e) => ({
 		id: e.id || crypto.randomUUID(),
 		field: e.field || "",
@@ -1890,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 an = 5;
-function on({ 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 } = tt({ 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: rt.Transform.toString(l),
+			transform: ft.Transform.toString(l),
 			transition: u,
 			zIndex: d ? 10 : void 0,
 			opacity: d ? .5 : void 0
@@ -1910,7 +2318,7 @@ function on({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a })
 				...s,
 				className: "shrink-0 cursor-grab touch-none",
 				"data-testid": `col-drag-handle-${e}`,
-				children: /* @__PURE__ */ (0, X.jsx)(K, { className: "h-3 w-3 text-muted-foreground/50" })
+				children: /* @__PURE__ */ (0, X.jsx)(je, { className: "h-3 w-3 text-muted-foreground/50" })
 			}),
 			/* @__PURE__ */ (0, X.jsx)("button", {
 				type: "button",
@@ -1918,7 +2326,7 @@ function on({ 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)(Se, { 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",
@@ -1931,7 +2339,7 @@ function on({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a })
 				disabled: n === 0,
 				onClick: () => a(e, "up"),
 				"aria-label": `Move ${t} up`,
-				children: /* @__PURE__ */ (0, X.jsx)(K, { className: "h-3 w-3 rotate-90" })
+				children: /* @__PURE__ */ (0, X.jsx)(je, { className: "h-3 w-3 rotate-90" })
 			}),
 			/* @__PURE__ */ (0, X.jsx)("button", {
 				type: "button",
@@ -1940,25 +2348,25 @@ function on({ colName: e, label: t, idx: n, total: r, onToggle: i, onMove: a })
 				disabled: n === r - 1,
 				onClick: () => a(e, "down"),
 				"aria-label": `Move ${t} down`,
-				children: /* @__PURE__ */ (0, X.jsx)(K, { className: "h-3 w-3 -rotate-90" })
+				children: /* @__PURE__ */ (0, X.jsx)(je, { className: "h-3 w-3 -rotate-90" })
 			})
 		]
 	});
 }
-function sn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a }) {
-	return /* @__PURE__ */ (0, X.jsx)(Ke, {
-		sensors: Ze(Xe(Je, { activationConstraint: { distance: an } }), Xe(qe)),
-		collisionDetection: Ye,
+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($e(e, i, o));
+			i === -1 || o === -1 || a(st(e, i, o));
 		}, [e, a]),
-		children: /* @__PURE__ */ (0, X.jsx)(Qe, {
+		children: /* @__PURE__ */ (0, X.jsx)(ot, {
 			items: e,
-			strategy: nt,
-			children: e.map((t, a) => /* @__PURE__ */ (0, X.jsx)(on, {
+			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,
@@ -1969,41 +2377,57 @@ function sn({ columns: e, fieldOptions: n, onToggle: r, onMove: i, onReorder: a
 		})
 	});
 }
-var Q = (e) => e.type == null || e.type === "grid", cn = (e) => e.type == null || [
+var xn = [
+	"general",
+	"data",
+	"appearance",
+	"toolbar",
+	"userActions",
+	"navigation",
+	"exportPrint"
+], Sn = [
+	"general",
+	"data",
+	"appearance"
+], Q = (e) => e.type == null || e.type === "grid", Cn = (e) => e.type == null || [
 	"grid",
 	"kanban",
 	"gallery"
-].includes(e.type), ln = (e) => e.type == null || [
+].includes(e.type), wn = (e) => e.type == null || [
 	"grid",
 	"calendar",
 	"timeline",
 	"gantt"
-].includes(e.type), un = (e) => e.type == null || ["grid", "kanban"].includes(e.type), dn = (e) => e.type == null || ["grid", "kanban"].includes(e.type), fn = (e) => e.type == null || ["grid", "gallery"].includes(e.type);
-function pn(e) {
-	let { t, fieldOptions: n, objectDef: r, updateField: i, filterGroupValue: a, sortItemsValue: o } = e, s = n.map((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
-	})), c = [{
+	})), l = [{
 		value: "",
 		label: t("console.objectView.none")
-	}, ...s];
+	}, ...c], u = [
+		kn(t, r),
+		An(t),
+		jn(t, i),
+		Mn(t, i),
+		Nn(t, i),
+		Pn(t, n, l, r, i, a, o),
+		Fn(t, n, l, i),
+		In(t, i),
+		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
+	}) : u;
 	return {
 		breadcrumb: [t("console.objectView.page")],
-		sections: [
-			mn(t, r),
-			hn(t),
-			gn(t, i),
-			_n(t, i),
-			vn(t, i),
-			yn(t, n, c, r, i, a, o),
-			bn(t, n, c, i),
-			xn(t, i),
-			Sn(t, i),
-			Cn(t, i)
-		]
+		sections: d
 	};
 }
-function mn(e, t) {
+function kn(e, t) {
 	return {
 		key: "general",
 		title: e("console.objectView.general"),
@@ -2015,7 +2439,7 @@ function mn(e, t) {
 				type: "custom",
 				render: (t, n) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.title"),
-					children: /* @__PURE__ */ (0, X.jsx)(k, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "view-title-input",
 						className: "h-7 text-xs w-32 text-right",
 						value: t || "",
@@ -2029,7 +2453,7 @@ function mn(e, t) {
 				type: "custom",
 				render: (n, r) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.description"),
-					children: /* @__PURE__ */ (0, X.jsx)(k, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "view-description-input",
 						className: "h-7 text-xs w-32 text-right",
 						value: n ?? "",
@@ -2049,9 +2473,9 @@ function mn(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: $t.map((e) => /* @__PURE__ */ (0, X.jsx)("option", {
+						children: pn.map((e) => /* @__PURE__ */ (0, X.jsx)("option", {
 							value: e,
-							children: Qt[e]
+							children: fn[e]
 						}, e))
 					})
 				})
@@ -2059,7 +2483,7 @@ function mn(e, t) {
 		]
 	};
 }
-function hn(e) {
+function An(e) {
 	let t = [
 		"showSearch",
 		"showSort",
@@ -2099,13 +2523,13 @@ function hn(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, cn),
-			$("showColor", e("console.objectView.enableColor"), "toggle-showColor", !0, !1, void 0, ln),
+			$("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 gn(e, t) {
+function jn(e, t) {
 	return {
 		key: "navigation",
 		title: e("console.objectView.navigationSection"),
@@ -2180,7 +2604,7 @@ function gn(e, t) {
 					let a = i.navigation?.mode || "page";
 					return /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.navigationWidth"),
-						children: /* @__PURE__ */ (0, X.jsx)(k, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-navigation-width",
 							className: "h-7 text-xs w-24 text-right",
 							value: i.navigation?.width ?? "",
@@ -2204,7 +2628,7 @@ function gn(e, t) {
 					let a = i.navigation?.mode || "page";
 					return /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.openNewTab"),
-						children: /* @__PURE__ */ (0, X.jsx)(I, {
+						children: /* @__PURE__ */ (0, X.jsx)(H, {
 							"data-testid": "toggle-navigation-openNewTab",
 							checked: i.navigation?.openNewTab === !0,
 							onCheckedChange: (e) => t("navigation", {
@@ -2220,7 +2644,7 @@ function gn(e, t) {
 		]
 	};
 }
-function _n(e, t) {
+function Mn(e, t) {
 	return {
 		key: "records",
 		title: e("console.objectView.records"),
@@ -2262,7 +2686,7 @@ function _n(e, t) {
 				let a = i.addRecordViaForm === !0 || i.addRecord?.enabled === !0;
 				return /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.addRecordEnabled"),
-					children: /* @__PURE__ */ (0, X.jsx)(I, {
+					children: /* @__PURE__ */ (0, X.jsx)(H, {
 						"data-testid": "toggle-addRecord-enabled",
 						checked: a,
 						onCheckedChange: (e) => {
@@ -2323,7 +2747,7 @@ function _n(e, t) {
 					}),
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.addRecordFormView"),
-						children: /* @__PURE__ */ (0, X.jsx)(k, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-addRecord-formView",
 							className: "h-7 text-xs w-24 text-right",
 							value: i.addRecord?.formView ?? "",
@@ -2339,7 +2763,7 @@ function _n(e, t) {
 		}]
 	};
 }
-function vn(e, t) {
+function Nn(e, t) {
 	return {
 		key: "exportPrint",
 		title: e("console.objectView.exportPrint"),
@@ -2355,7 +2779,7 @@ function vn(e, t) {
 					let a = i.exportOptions != null || i.allowExport === !0;
 					return /* @__PURE__ */ (0, X.jsxs)(X.Fragment, { children: [/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.allowExport"),
-						children: /* @__PURE__ */ (0, X.jsx)(I, {
+						children: /* @__PURE__ */ (0, X.jsx)(H, {
 							"data-testid": "toggle-allowExport",
 							checked: a,
 							onCheckedChange: (e) => t("allowExport", e),
@@ -2391,7 +2815,7 @@ function vn(e, t) {
 						}),
 						/* @__PURE__ */ (0, X.jsx)(_, {
 							label: e("console.objectView.exportMaxRecords"),
-							children: /* @__PURE__ */ (0, X.jsx)(k, {
+							children: /* @__PURE__ */ (0, X.jsx)(P, {
 								"data-testid": "input-export-maxRecords",
 								className: "h-7 text-xs w-20 text-right",
 								type: "number",
@@ -2405,7 +2829,7 @@ function vn(e, t) {
 						}),
 						/* @__PURE__ */ (0, X.jsx)(_, {
 							label: e("console.objectView.exportIncludeHeaders"),
-							children: /* @__PURE__ */ (0, X.jsx)(I, {
+							children: /* @__PURE__ */ (0, X.jsx)(H, {
 								"data-testid": "toggle-export-includeHeaders",
 								checked: i.exportOptions?.includeHeaders !== !1,
 								onCheckedChange: (e) => t("exportOptions", {
@@ -2417,7 +2841,7 @@ function vn(e, t) {
 						}),
 						/* @__PURE__ */ (0, X.jsx)(_, {
 							label: e("console.objectView.exportFileNamePrefix"),
-							children: /* @__PURE__ */ (0, X.jsx)(k, {
+							children: /* @__PURE__ */ (0, X.jsx)(P, {
 								"data-testid": "input-export-fileNamePrefix",
 								className: "h-7 text-xs w-24 text-right",
 								value: i.exportOptions?.fileNamePrefix ?? "",
@@ -2436,7 +2860,7 @@ function vn(e, t) {
 		]
 	};
 }
-function yn(e, t, n, r, i, a, o) {
+function Pn(e, t, n, r, i, a, o) {
 	return {
 		key: "data",
 		title: e("console.objectView.data"),
@@ -2478,7 +2902,7 @@ function yn(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)(k, {
+									/* @__PURE__ */ (0, X.jsx)(P, {
 										"data-testid": "column-search-input",
 										className: "h-6 text-xs flex-1",
 										placeholder: e("console.objectView.searchFields"),
@@ -2516,7 +2940,7 @@ function yn(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)(sn, {
+									children: /* @__PURE__ */ (0, X.jsx)(bn, {
 										columns: a.columns,
 										fieldOptions: t,
 										onToggle: c,
@@ -2533,14 +2957,14 @@ function yn(e, t, n, r, i, a, o) {
 									"data-field-label": e.label,
 									className: "flex items-center gap-1 text-xs cursor-pointer hover:bg-accent/50 rounded-sm py-0.5 px-1 -mx-1",
 									children: [
-										/* @__PURE__ */ (0, X.jsx)(K, { className: "h-3 w-3 text-muted-foreground/20 shrink-0" }),
+										/* @__PURE__ */ (0, X.jsx)(je, { className: "h-3 w-3 text-muted-foreground/20 shrink-0" }),
 										/* @__PURE__ */ (0, X.jsx)("button", {
 											type: "button",
 											"data-testid": `col-eye-${e.value}`,
 											className: "h-5 w-5 flex items-center justify-center rounded hover:bg-accent shrink-0",
 											onClick: () => c(e.value, !0),
 											"aria-label": `Show ${e.label}`,
-											children: /* @__PURE__ */ (0, X.jsx)(Ce, { className: "h-3.5 w-3.5 text-muted-foreground" })
+											children: /* @__PURE__ */ (0, X.jsx)(Ee, { className: "h-3.5 w-3.5 text-muted-foreground" })
 										}),
 										/* @__PURE__ */ (0, X.jsx)("span", {
 											className: "truncate text-muted-foreground",
@@ -2568,11 +2992,11 @@ function yn(e, t, n, r, i, a, o) {
 						children: /* @__PURE__ */ (0, X.jsx)("div", {
 							"data-testid": "inline-filter-builder",
 							className: "pb-2",
-							children: /* @__PURE__ */ (0, X.jsx)(O, {
+							children: /* @__PURE__ */ (0, X.jsx)(fe, {
 								fields: t,
 								value: a,
 								onChange: (e) => {
-									i("filter", Yt(e.logic, e.conditions.map((e) => ({
+									i("filter", ln(e.logic, e.conditions.map((e) => ({
 										field: e.field,
 										operator: e.operator,
 										value: e.value
@@ -2600,7 +3024,7 @@ function yn(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)(F, {
+							children: /* @__PURE__ */ (0, X.jsx)(ge, {
 								fields: t.map((e) => ({
 									value: e.value,
 									label: e.label
@@ -2620,31 +3044,38 @@ function yn(e, t, n, r, i, a, o) {
 				}
 			},
 			{
-				key: "_groupBy",
+				key: "_grouping",
 				label: e("console.objectView.groupBy"),
 				type: "custom",
-				visibleWhen: fn,
+				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);
+							}
 						})
 					});
 				}
@@ -2655,7 +3086,7 @@ function yn(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)(k, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-pagination-pageSize",
 						className: "h-7 text-xs w-20 text-right",
 						type: "number",
@@ -2677,13 +3108,13 @@ function yn(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)(k, {
+					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 = Zt(e.target.value);
+							let t = dn(e.target.value);
 							i("pagination", {
 								...r.pagination || {},
 								pageSizeOptions: t.length ? t : void 0
@@ -2692,9 +3123,9 @@ function yn(e, t, n, r, i, a, o) {
 					})
 				})
 			},
-			wn("searchableFields", e("console.objectView.searchableFields"), "searchable-fields-selector", "searchable-field", t, i, "selected"),
-			wn("filterableFields", e("console.objectView.filterableFields"), "filterable-fields-selector", "filterable-field", t, i, "selected"),
-			wn("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"),
@@ -2711,7 +3142,7 @@ function yn(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)(k, {
+								/* @__PURE__ */ (0, X.jsx)(P, {
 									"data-testid": `quick-filter-label-${t}`,
 									className: "h-6 text-xs flex-1",
 									value: e.label || "",
@@ -2873,7 +3304,7 @@ function yn(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)(k, {
+												/* @__PURE__ */ (0, X.jsx)(P, {
 													"data-testid": `uf-tab-label-${n}`,
 													className: "h-6 text-xs flex-1",
 													value: t.label || "",
@@ -3148,7 +3579,7 @@ function yn(e, t, n, r, i, a, o) {
 		]
 	};
 }
-function bn(e, t, n, r) {
+function Fn(e, t, n, r) {
 	return {
 		key: "appearance",
 		title: e("console.objectView.appearance"),
@@ -3161,7 +3592,7 @@ function bn(e, t, n, r) {
 				key: "color",
 				label: e("console.objectView.color"),
 				type: "custom",
-				visibleWhen: ln,
+				visibleWhen: wn,
 				render: (n, r) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.color"),
 					children: /* @__PURE__ */ (0, X.jsxs)("select", {
@@ -3194,7 +3625,7 @@ function bn(e, t, n, r) {
 						"data-testid": "appearance-rowHeight",
 						role: "radiogroup",
 						"aria-label": e("console.objectView.rowHeight"),
-						children: en.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,
@@ -3219,7 +3650,7 @@ function bn(e, t, n, r) {
 				key: "_conditionalFormatting",
 				label: e("console.objectView.conditionalFormatting"),
 				type: "custom",
-				visibleWhen: un,
+				visibleWhen: Tn,
 				render: (n, i, a) => /* @__PURE__ */ (0, X.jsx)(Z, {
 					renderSummary: (t) => /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.conditionalFormatting"),
@@ -3289,7 +3720,7 @@ function bn(e, t, n, r) {
 										})
 									]
 								}),
-								/* @__PURE__ */ (0, X.jsx)(k, {
+								/* @__PURE__ */ (0, X.jsx)(P, {
 									"data-testid": `cf-value-${n}`,
 									className: "h-6 text-xs w-16",
 									value: String(e.value ?? ""),
@@ -3335,7 +3766,7 @@ function bn(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)(k, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-emptyState-title",
 							className: "h-7 text-xs w-28 text-right",
 							value: i.emptyState?.title ?? "",
@@ -3347,7 +3778,7 @@ function bn(e, t, n, r) {
 					}),
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.emptyStateMessage"),
-						children: /* @__PURE__ */ (0, X.jsx)(k, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-emptyState-message",
 							className: "h-7 text-xs w-28 text-right",
 							value: i.emptyState?.message ?? "",
@@ -3359,7 +3790,7 @@ function bn(e, t, n, r) {
 					}),
 					/* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.emptyStateIcon"),
-						children: /* @__PURE__ */ (0, X.jsx)(k, {
+						children: /* @__PURE__ */ (0, X.jsx)(P, {
 							"data-testid": "input-emptyState-icon",
 							className: "h-7 text-xs w-28 text-right",
 							value: i.emptyState?.icon ?? "",
@@ -3374,7 +3805,7 @@ function bn(e, t, n, r) {
 		]
 	};
 }
-function xn(e, t) {
+function In(e, t) {
 	return {
 		key: "userActions",
 		title: e("console.objectView.userActions"),
@@ -3387,7 +3818,7 @@ function xn(e, t) {
 				key: "_rowActions",
 				label: e("console.objectView.rowActions"),
 				type: "custom",
-				visibleWhen: dn,
+				visibleWhen: En,
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(Z, {
 					renderSummary: (t) => /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.rowActions"),
@@ -3397,13 +3828,13 @@ function xn(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)(k, {
+						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", Xt(e.target.value));
+								t("rowActions", un(e.target.value));
 							}
 						})
 					})
@@ -3413,7 +3844,7 @@ function xn(e, t) {
 				key: "_bulkActions",
 				label: e("console.objectView.bulkActions"),
 				type: "custom",
-				visibleWhen: dn,
+				visibleWhen: En,
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(Z, {
 					renderSummary: (t) => /* @__PURE__ */ (0, X.jsx)(_, {
 						label: e("console.objectView.bulkActions"),
@@ -3423,13 +3854,13 @@ function xn(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)(k, {
+						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", Xt(e.target.value));
+								t("bulkActions", un(e.target.value));
 							}
 						})
 					})
@@ -3438,7 +3869,7 @@ function xn(e, t) {
 		]
 	};
 }
-function Sn(e, t) {
+function Ln(e, t) {
 	return {
 		key: "sharing",
 		title: e("console.objectView.sharing"),
@@ -3450,7 +3881,7 @@ function Sn(e, t) {
 			type: "custom",
 			render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(_, {
 				label: e("console.objectView.sharingEnabled"),
-				children: /* @__PURE__ */ (0, X.jsx)(I, {
+				children: /* @__PURE__ */ (0, X.jsx)(H, {
 					"data-testid": "toggle-sharing-enabled",
 					checked: i.sharing?.enabled === !0,
 					onCheckedChange: (e) => t("sharing", {
@@ -3499,7 +3930,7 @@ function Sn(e, t) {
 		}]
 	};
 }
-function Cn(e, t) {
+function Rn(e, t) {
 	return {
 		key: "accessibility",
 		title: e("console.objectView.accessibility"),
@@ -3512,7 +3943,7 @@ function Cn(e, t) {
 				type: "custom",
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.ariaLabel"),
-					children: /* @__PURE__ */ (0, X.jsx)(k, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-aria-label",
 						className: "h-7 text-xs w-28 text-right",
 						value: i.aria?.label ?? "",
@@ -3529,7 +3960,7 @@ function Cn(e, t) {
 				type: "custom",
 				render: (n, r, i) => /* @__PURE__ */ (0, X.jsx)(_, {
 					label: e("console.objectView.ariaDescribedBy"),
-					children: /* @__PURE__ */ (0, X.jsx)(k, {
+					children: /* @__PURE__ */ (0, X.jsx)(P, {
 						"data-testid": "input-aria-describedBy",
 						className: "h-7 text-xs w-28 text-right",
 						value: i.aria?.describedBy ?? "",
@@ -3583,7 +4014,7 @@ function $(e, t, n, r = !1, i = !1, a, o) {
 		visibleWhen: o,
 		render: (e, o, s) => /* @__PURE__ */ (0, X.jsx)(_, {
 			label: t,
-			children: /* @__PURE__ */ (0, X.jsx)(I, {
+			children: /* @__PURE__ */ (0, X.jsx)(H, {
 				"data-testid": n,
 				checked: i ? e === !0 : r ? e !== !1 : !!e,
 				disabled: a ? a(s) : !1,
@@ -3593,7 +4024,7 @@ function $(e, t, n, r = !1, i = !1, a, o) {
 		})
 	};
 }
-function wn(e, t, n, r, i, a, o, s) {
+function zn(e, t, n, r, i, a, o, s) {
 	return {
 		key: `_${e}`,
 		label: t,
@@ -3629,11 +4060,11 @@ function wn(e, t, n, r, i, a, o, s) {
 }
 //#endregion
 //#region src/index.tsx
-var Tn = d, En = ({ schema: e }) => /* @__PURE__ */ (0, X.jsx)(Et, {
+var Bn = d, Vn = ({ schema: e }) => /* @__PURE__ */ (0, X.jsx)(It, {
 	schema: e,
-	dataSource: r(Tn)?.dataSource ?? null
+	dataSource: r(Bn)?.dataSource ?? null
 });
-c.register("object-view", En, {
+c.register("object-view", Vn, {
 	namespace: "plugin-view",
 	label: "Object View",
 	category: "view",
@@ -3739,11 +4170,11 @@ c.register("object-view", En, {
 		showRefresh: !0,
 		showViewSwitcher: !0
 	}
-}), c.register("view", En, {
+}), c.register("view", Vn, {
 	namespace: "plugin-view",
 	label: "View",
 	category: "view"
-}), c.register("view-switcher", wt, {
+}), c.register("view-switcher", Pt, {
 	namespace: "view",
 	label: "View Switcher",
 	category: "view",
@@ -3822,7 +4253,7 @@ c.register("object-view", En, {
 			}
 		}]
 	}
-}), c.register("filter-ui", At, {
+}), c.register("filter-ui", Bt, {
 	namespace: "view",
 	label: "Filter UI",
 	category: "view",
@@ -3895,7 +4326,7 @@ c.register("object-view", En, {
 			}
 		]
 	}
-}), c.register("sort-ui", Ft, {
+}), c.register("sort-ui", Gt, {
 	namespace: "view",
 	label: "Sort UI",
 	category: "view",
@@ -3944,7 +4375,7 @@ c.register("object-view", En, {
 			direction: "asc"
 		}]
 	}
-}), c.register("shared-view-link", Rt, {
+}), c.register("shared-view-link", Jt, {
 	namespace: "view",
 	label: "Shared View Link",
 	category: "view",
@@ -3986,4 +4417,4 @@ c.register("object-view", En, {
 	category: "view"
 });
 //#endregion
-export { At as FilterUI, Et as ObjectView, Rt as SharedViewLink, Ft as SortUI, Qt as VIEW_TYPE_LABELS, wt as ViewSwitcher, Ht as ViewTabBar, pn as buildViewConfigSchema, tn as deriveFieldOptions, nn as toFilterGroup, rn 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 };