@object-ui/layout 17.7.0 → 18.0.0

package/dist/index.js

@@ -3,15 +3,15 @@ import { ComponentRegistry as a } from "@object-ui/core";
 import { Badge as o, Button as s, Collapsible as c, CollapsibleContent as l, CollapsibleTrigger as u, Input as d, LazyIcon as f, Separator as p, Sidebar as m, SidebarContent as h, SidebarFooter as g, SidebarGroup as _, SidebarGroupContent as v, SidebarGroupLabel as y, SidebarHeader as b, SidebarInput as x, SidebarInset as S, SidebarMenu as C, SidebarMenuAction as w, SidebarMenuButton as T, SidebarMenuItem as E, SidebarMenuSub as D, SidebarMenuSubButton as O, SidebarMenuSubItem as k, SidebarProvider as A, cn as j, getLazyIcon as M, useIsMobile as N } from "@object-ui/components";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 import { Link as L, NavLink as R, useLocation as z } from "react-router-dom";
-import { ArrowLeft as ee, ChevronRight as te, FileText as B, GripVertical as ne, Layers as re, Pin as ie, PinOff as ae, Search as V, Star as oe } from "lucide-react";
-import { menuItemToNavigationItem as H } from "@object-ui/types";
-import { resolveI18nLabel as se } from "@objectstack/spec/ui";
-import { DndContext as ce, KeyboardSensor as U, PointerSensor as W, closestCenter as le, useSensor as ue, useSensors as de } from "@dnd-kit/core";
-import { SortableContext as fe, arrayMove as pe, useSortable as me, verticalListSortingStrategy as he } from "@dnd-kit/sortable";
-import { CSS as ge } from "@dnd-kit/utilities";
-import { SchemaRenderer as _e, useRecordContext as ve } from "@object-ui/react";
+import { ArrowLeft as B, ChevronRight as ee, FileText as te, Layers as V, Pin as ne, PinOff as re, Search as ie, Star as H } from "lucide-react";
+import { menuItemToNavigationItem as ae } from "@object-ui/types";
+import { resolveI18nLabel as U } from "@objectstack/spec/ui";
+import { DndContext as oe, KeyboardSensor as W, PointerSensor as G, closestCenter as se, useDndContext as K, useSensor as q, useSensors as ce } from "@dnd-kit/core";
+import { SortableContext as le, arrayMove as ue, sortableKeyboardCoordinates as de, useSortable as fe } from "@dnd-kit/sortable";
+import { CSS as pe } from "@dnd-kit/utilities";
+import { SchemaRenderer as me, isElementApiDataSourceShape as he, useRecordContext as ge } from "@object-ui/react";
 //#region src/PageCard.tsx
-function ye({ className: e, children: t, ...n }) {
+function _e({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ F("div", {
 		className: j("rounded-xl border bg-card text-card-foreground shadow", e),
 		...n,
@@ -23,7 +23,7 @@ function ye({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/AppShell.tsx
-function be(e) {
+function ve(e) {
 	let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
 	if (!t) return null;
 	let n = parseInt(t[1], 16) / 255, r = parseInt(t[2], 16) / 255, i = parseInt(t[3], 16) / 255, a = Math.max(n, r, i), o = Math.min(n, r, i), s = 0, c = 0, l = (a + o) / 2;
@@ -45,17 +45,17 @@ function be(e) {
 		l: l * 100
 	};
 }
-function xe(e) {
-	let t = be(e);
+function ye(e) {
+	let t = ve(e);
 	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
 }
-function Se(e) {
-	let t = be(e);
+function be(e) {
+	let t = ve(e);
 	if (!t) return null;
 	let n = Math.max(t.l, 65), r = t.s > 80 ? Math.max(t.s - 10, 70) : t.s;
 	return `${Math.round(t.h)} ${Math.round(r)}% ${Math.round(n)}%`;
 }
-function Ce(e) {
+function xe(e) {
 	let t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
 	if (!t) return "0 0% 100%";
 	let n = (e) => {
@@ -64,16 +64,16 @@ function Ce(e) {
 	}, r = n(parseInt(t[1], 16)), i = n(parseInt(t[2], 16)), a = n(parseInt(t[3], 16));
 	return .2126 * r + .7152 * i + .0722 * a > .6 ? "222 47% 11%" : "0 0% 100%";
 }
-function we(e, t) {
+function Se(e, t) {
 	n(() => {
 		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
 			if (e?.primaryColor) {
-				let t = xe(e.primaryColor), i = Se(e.primaryColor), a = r() && i || t;
-				a && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t || a), n.style.setProperty("--primary", a), n.style.setProperty("--primary-foreground", r() ? "222 47% 11%" : Ce(e.primaryColor)), n.style.setProperty("--ring", a), n.style.setProperty("--sidebar-primary", a), n.style.setProperty("--sidebar-ring", a));
+				let t = ye(e.primaryColor), i = be(e.primaryColor), a = r() && i || t;
+				a && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t || a), n.style.setProperty("--primary", a), n.style.setProperty("--primary-foreground", r() ? "222 47% 11%" : xe(e.primaryColor)), n.style.setProperty("--ring", a), n.style.setProperty("--sidebar-primary", a), n.style.setProperty("--sidebar-ring", a));
 			} else n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring");
 			if (e?.accentColor) {
-				let t = xe(e.accentColor), i = Se(e.accentColor), a = r() && i || t;
-				a && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t || a), n.style.setProperty("--accent", a), n.style.setProperty("--accent-foreground", r() ? "222 47% 11%" : Ce(e.accentColor)));
+				let t = ye(e.accentColor), i = be(e.accentColor), a = r() && i || t;
+				a && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t || a), n.style.setProperty("--accent", a), n.style.setProperty("--accent-foreground", r() ? "222 47% 11%" : xe(e.accentColor)));
 			} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
 		};
 		i();
@@ -103,12 +103,12 @@ function we(e, t) {
 		t
 	]);
 }
-function Te({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
-	return we(a, a?.title), /* @__PURE__ */ I(A, {
+function Ce({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
+	return Se(a, a?.title), /* @__PURE__ */ I(A, {
 		defaultOpen: i,
 		className: "!flex-col h-svh overflow-hidden",
 		children: [/* @__PURE__ */ F("header", {
-			className: "sticky top-0 z-30 flex h-14 w-full shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",
+			className: "sticky top-0 z-30 flex h-12 w-full shrink-0 items-center gap-2 border-b bg-background px-2 sm:px-4",
 			children: t
 		}), /* @__PURE__ */ I("div", {
 			className: "flex flex-1 min-h-0 w-full",
@@ -128,15 +128,16 @@ function Te({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i =
 }
 //#endregion
 //#region src/navOrder.ts
-function G(e, t) {
+function we(e, t) {
 	return (e.order ?? 0) - (t.order ?? 0);
 }
 //#endregion
 //#region src/NavigationRenderer.tsx
-function K(e) {
-	return e ? M(e) : B;
+var Te = "group-data-[state=collapsed]:group-data-[collapsible=icon]:pointer-events-none", Ee = "group-data-[state=collapsed]:group-data-[collapsible=icon]:invisible group-data-[state=collapsed]:group-data-[collapsible=icon]:transition-[margin,opacity,visibility]";
+function J(e) {
+	return e ? M(e) : te;
 }
-function Ee(e, t) {
+function De(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -147,16 +148,16 @@ function Ee(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function q(e, t, n, r) {
-	return e.type === "separator" ? "" : e.label === void 0 ? ke(e, n) : De(e.label, t, r);
+function Y(e, t, n, r) {
+	return e.type === "separator" ? "" : e.label === void 0 ? Ae(e, n) : Oe(e.label, t, r);
 }
-function De(e, t, n) {
-	return typeof e == "string" ? e : Oe(e) ? Ee(e, t) : se(e, n) ?? "";
+function Oe(e, t, n) {
+	return typeof e == "string" ? e : ke(e) ? De(e, t) : U(e, n) ?? "";
 }
-function Oe(e) {
+function ke(e) {
 	return typeof e == "object" && !!e && ("key" in e || "defaultValue" in e);
 }
-function ke(e, t) {
+function Ae(e, t) {
 	let n = (e) => {
 		let n = t?.(e);
 		return typeof n == "string" && n.trim() !== "" ? n : void 0;
@@ -202,51 +203,51 @@ function ke(e, t) {
 	}
 	return e.id;
 }
-var Ae = (e) => e !== !1 && e !== "false", je = () => !0, Me = () => !0;
-function J(e, t) {
-	let { evaluateVisibility: n = Ae, checkPermission: r = je, checkCapability: i = Me, checkDocTarget: a } = t;
-	if (!n(e.visible) || e.requiredPermissions?.length && !r(e.requiredPermissions)) return !1;
+var je = (e, t) => !(t && he(t.dataSource) || e === !1 || e === "false"), Me = () => !0, Ne = () => !0;
+function Pe(e, t) {
+	let { evaluateVisibility: n = je, checkPermission: r = Me, checkCapability: i = Ne, checkDocTarget: a } = t;
+	if (!n(e.visible, e) || e.requiredPermissions?.length && !r(e.requiredPermissions)) return !1;
 	let o = e.requiresObject, s = e.requiresService;
 	return !(o && !i("object", o) || s && !i("service", s) || e.type === "doc" && a && !a({
 		book: e.book,
 		doc: e.doc
 	}));
 }
-function Y(e, t = {}) {
+function X(e, t = {}) {
 	let { hasActionHandler: n = !1 } = t;
-	for (let r of e) if (J(r, t) && r.type !== "separator") {
+	for (let r of e) if (Pe(r, t) && r.type !== "separator") {
 		if (r.type === "group") {
-			if (Y(r.children ?? [], t)) return !0;
+			if (X(r.children ?? [], t)) return !0;
 			continue;
 		}
 		if (r.type !== "action" || n) return !0;
 	}
 	return !1;
 }
-var Ne = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
-function X(e, t) {
+var Fe = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
+function Z(e, t) {
 	if (!e.includes("{")) return e;
-	let n = !1, r = e.replace(Ne, (e, r) => {
+	let n = !1, r = e.replace(Fe, (e, r) => {
 		let i;
 		return i = r === "current_user_id" ? t?.currentUserId : r === "current_org_id" ? t?.currentOrgId : t?.contextValues?.[r], i || (n = !0, "");
 	});
 	return n ? null : r;
 }
-var Pe = "runAction";
-function Fe(e, t) {
+var Ie = "runAction";
+function Le(e, t) {
 	let n = t.runAction;
-	return typeof n != "string" || n === "" ? e : `${e}${e.includes("?") ? "&" : "?"}${Pe}=${encodeURIComponent(n)}`;
+	return typeof n != "string" || n === "" ? e : `${e}${e.includes("?") ? "&" : "?"}${Ie}=${encodeURIComponent(n)}`;
 }
-function Ie(e, t, n) {
+function Re(e, t, n) {
 	let r = (e) => encodeURIComponent(e);
 	return e && t ? `${n}/docs/${r(e)}/${r(t)}` : t ? `${n}/docs/${r(t)}` : e ? `${n}/docs/${r(e)}` : "#";
 }
-function Z(e, t, n) {
+function Q(e, t, n) {
 	switch (e.type) {
 		case "object": {
 			let r = `${t}/${e.objectName ?? ""}`, i = e.recordId;
 			if (i) {
-				let t = X(i, n);
+				let t = Z(i, n);
 				if (t) {
 					let n = `${r}/record/${encodeURIComponent(t)}`;
 					return {
@@ -260,17 +261,17 @@ function Z(e, t, n) {
 				let t = new URLSearchParams();
 				for (let [e, r] of Object.entries(a)) {
 					if (r == null || e === "") continue;
-					let i = X(String(r), n);
+					let i = Z(String(r), n);
 					i !== null && t.set(`filter[${e}]`, i);
 				}
 				let i = t.toString();
 				return {
-					href: Fe(i ? `${r}/data?${i}` : `${r}/data`, e),
+					href: Le(i ? `${r}/data?${i}` : `${r}/data`, e),
 					external: !1
 				};
 			}
 			return {
-				href: Fe(e.viewName ? `${r}/view/${e.viewName}` : r, e),
+				href: Le(e.viewName ? `${r}/view/${e.viewName}` : r, e),
 				external: !1
 			};
 		}
@@ -288,7 +289,7 @@ function Z(e, t, n) {
 				let e = new URLSearchParams();
 				for (let [t, i] of Object.entries(r)) if (i != null) {
 					if (typeof i == "string") {
-						let r = X(i, n);
+						let r = Z(i, n);
 						r !== null && e.set(t, r);
 					} else e.set(t, JSON.stringify(i));
 				}
@@ -326,7 +327,7 @@ function Z(e, t, n) {
 					let e = new URLSearchParams();
 					for (let [t, r] of Object.entries(a)) if (t !== "type" && t !== "name" && r != null) {
 						if (typeof r == "string") {
-							let i = X(r, n);
+							let i = Z(r, n);
 							i && e.set(t, i);
 						} else e.set(t, JSON.stringify(r));
 					}
@@ -357,7 +358,7 @@ function Z(e, t, n) {
 			};
 		}
 		case "doc": return {
-			href: Ie(e.book, e.doc, t),
+			href: Re(e.book, e.doc, t),
 			external: !1
 		};
 		default: return {
@@ -366,27 +367,27 @@ function Z(e, t, n) {
 		};
 	}
 }
-var Le = 50, Re = 40, ze = 30, Be = 25, Ve = 10, He = 5;
-function Ue(e) {
+var ze = 50, Be = 40, Ve = 30, He = 25, Ue = 10, We = 5;
+function Ge(e) {
 	let t = /* @__PURE__ */ new Map();
 	return new URLSearchParams(e).forEach((e, n) => {
 		let r = /^filter\[(.+)\]$/.exec(n);
 		r && r[1] && e !== "" && t.set(r[1], e);
 	}), t;
 }
-function We(e, t) {
+function Ke(e, t) {
 	return t.startsWith(`${e}.`) ? t.slice(e.length + 1) : t;
 }
-function Ge(e, t, n, r, i) {
-	let { href: a, external: o } = Z(e, r, i);
+function qe(e, t, n, r, i) {
+	let { href: a, external: o } = Q(e, r, i);
 	if (o || a === "#") return 0;
 	if (e.type === "object" && e.objectName) {
 		let a = `${r}/${e.objectName}`;
 		if (t !== a && !t.startsWith(`${a}/`)) return 0;
 		let o = t === a ? [] : t.slice(a.length + 1).split("/"), s = e.recordId;
 		if (s) {
-			let e = X(s, i);
-			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Le : 0;
+			let e = Z(s, i);
+			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? ze : 0;
 		}
 		let c = e.filters;
 		if (c && typeof c == "object" && !Array.isArray(c)) {
@@ -394,41 +395,41 @@ function Ge(e, t, n, r, i) {
 			let e = /* @__PURE__ */ new Map();
 			for (let [t, n] of Object.entries(c)) {
 				if (n == null || t === "") continue;
-				let r = X(String(n), i);
+				let r = Z(String(n), i);
 				r !== null && e.set(t, r);
 			}
 			if (e.size !== n.size) return 0;
 			for (let [t, r] of e) if (n.get(t) !== r) return 0;
-			return Re;
+			return Be;
 		}
-		return e.viewName ? o[0] !== "view" || !o[1] ? 0 : We(e.objectName, decodeURIComponent(o[1])) === We(e.objectName, e.viewName) ? ze : 0 : o.length === 0 ? Be : Ve;
+		return e.viewName ? o[0] !== "view" || !o[1] ? 0 : Ke(e.objectName, decodeURIComponent(o[1])) === Ke(e.objectName, e.viewName) ? Ve : 0 : o.length === 0 ? He : Ue;
 	}
 	let s = a.split("?")[0];
-	if (t === s) return Be;
+	if (t === s) return He;
 	let c = e.componentRef;
-	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? He : 0;
+	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? We : 0;
 }
-function Q(e, t, n, r, i) {
-	let a = Ue(n), o = null, s = 0, c = (e) => {
+function Je(e, t, n, r, i) {
+	let a = Ge(n), o = null, s = 0, c = (e) => {
 		if (e) for (let n of e) {
 			if (n.type === "group") {
 				c(n.children);
 				continue;
 			}
-			let e = Ge(n, t, a, r, i);
+			let e = qe(n, t, a, r, i);
 			e > s && (o = n, s = e);
 		}
 	};
 	return c(e), o;
 }
-var Ke = e.createContext(null);
-function qe(e, t, n = (e) => q(e)) {
+var Ye = e.createContext(null);
+function Xe(e, t, n = (e) => Y(e)) {
 	if (!t.trim()) return e;
 	let r = t.toLowerCase().trim();
 	return e.reduce((e, i) => {
 		if (i.type === "separator") return e;
 		if (i.type === "group" && i.children?.length) {
-			let r = qe(i.children, t, n);
+			let r = Xe(i.children, t, n);
 			return r.length > 0 && e.push({
 				...i,
 				children: r
@@ -437,272 +438,330 @@ function qe(e, t, n = (e) => q(e)) {
 		return n(i).toLowerCase().includes(r) && e.push(i), e;
 	}, []);
 }
-var Je = 5;
-function Ye({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, checkDocTarget: a, onAction: o, enablePinning: s, onPinToggle: c, enableReorder: l, resolveTargetLabel: u, locale: d, t: f, templateContext: p }) {
-	let { attributes: m, listeners: h, setNodeRef: g, transform: _, transition: v, isDragging: y } = me({
-		id: e.id,
-		disabled: !l
-	}), b = {
-		transform: ge.Transform.toString(_),
-		transition: v,
-		opacity: y ? .5 : void 0,
-		zIndex: y ? 10 : void 0
-	};
-	return /* @__PURE__ */ F("div", {
-		ref: g,
-		style: b,
-		...m,
-		children: /* @__PURE__ */ F($, {
-			item: e,
-			basePath: t,
-			evalVis: n,
-			checkPerm: r,
-			checkCap: i,
-			checkDocTarget: a,
-			onAction: o,
-			enablePinning: s,
-			onPinToggle: c,
-			dragListeners: l ? h : void 0,
-			resolveTargetLabel: u,
-			locale: d,
-			t: f,
-			templateContext: p
+var Ze = 5, Qe = {
+	coordinateGetter: de,
+	keyboardCodes: {
+		start: ["Space"],
+		cancel: ["Escape"],
+		end: ["Space"]
+	}
+}, $e = () => null, et = (e) => e.activatorEvent?.type === "keydown";
+function tt() {
+	let e = (e) => e.preventDefault();
+	window.addEventListener("click", e, { capture: !0 }), window.setTimeout(() => window.removeEventListener("click", e, { capture: !0 }), 50);
+}
+function nt({ items: e, onReorder: t, rowProps: n }) {
+	let r = ce(q(G, { activationConstraint: { distance: Ze } }), q(W, Qe)), i = e.map((e) => e.id);
+	return /* @__PURE__ */ F(oe, {
+		id: "nav-pinned",
+		sensors: r,
+		collisionDetection: se,
+		onDragEnd: (e) => {
+			et(e) || tt();
+			let { active: n, over: r } = e;
+			if (!r || n.id === r.id) return;
+			let a = i.indexOf(String(n.id)), o = i.indexOf(String(r.id));
+			a !== -1 && o !== -1 && t(ue(i, a, o));
+		},
+		onDragCancel: (e) => {
+			et(e) || tt();
+		},
+		children: /* @__PURE__ */ F(le, {
+			items: i,
+			strategy: $e,
+			children: /* @__PURE__ */ F(C, { children: e.map((e) => /* @__PURE__ */ F(it, {
+				item: e,
+				rowProps: n
+			}, `fav-${e.id}`)) })
 		})
 	});
 }
-function $({ item: t, basePath: n, evalVis: r, checkPerm: a, checkCap: s, checkDocTarget: d, onAction: f, enablePinning: m, onPinToggle: h, dragListeners: g, resolveTargetLabel: b, locale: x, t: S, templateContext: D }) {
-	let O = N(), k = O ? "min-h-[44px] text-[15px] gap-3 rounded-xl" : void 0, A = j("shrink-0", O ? "h-5 w-5" : "h-4 w-4"), M = (() => {
+function rt(e) {
+	return {
+		ref: e.ref,
+		...e.listeners,
+		"aria-describedby": e.describedBy,
+		onKeyUp: (e) => {
+			e.code === "Space" && e.preventDefault();
+		}
+	};
+}
+function it({ item: e, rowProps: t }) {
+	let { attributes: n, listeners: r, setNodeRef: i, setActivatorNodeRef: a, transform: o, transition: s, isDragging: c, isOver: l, activeIndex: u, index: d } = fe({ id: e.id }), { activatorEvent: f } = K(), p = {
+		transform: c && f?.type === "keydown" ? void 0 : pe.Transform.toString(o),
+		transition: s,
+		opacity: c ? .5 : void 0,
+		zIndex: c ? 10 : void 0
+	}, m = l && !c && u !== -1 ? u < d ? "after" : "before" : null;
+	return /* @__PURE__ */ F($, {
+		item: e,
+		...t,
+		dragActivator: {
+			ref: a,
+			listeners: r,
+			describedBy: n["aria-describedby"]
+		},
+		row: {
+			ref: i,
+			style: p,
+			dropIndicator: m
+		}
+	});
+}
+function at({ at: e }) {
+	return /* @__PURE__ */ F("span", {
+		"aria-hidden": "true",
+		"data-drop-indicator": e,
+		className: j("pointer-events-none absolute inset-x-2 h-0.5 rounded-full bg-primary", e === "before" ? "-top-px" : "-bottom-px")
+	});
+}
+function $({ item: t, basePath: n, evalVis: r, checkPerm: a, checkCap: s, checkDocTarget: d, onAction: f, enablePinning: m, onPinToggle: h, renderItemAction: g, dragActivator: b, row: x, inList: S = !0, resolveTargetLabel: D, locale: O, t: k, templateContext: A }) {
+	let M = N(), R = M ? "min-h-[44px] text-[15px] gap-3 rounded-xl" : void 0, z = j("shrink-0", M ? "h-5 w-5" : "h-4 w-4"), B = (() => {
 		if (typeof t.expanded == "boolean") return t.expanded;
 		if (typeof t.defaultOpen == "boolean") return t.defaultOpen;
-	})(), R = t.type === "group" ? t.children?.length ?? 0 : 0, z = e.useContext(Ke), ee = e.useMemo(() => {
-		if (t.type !== "group" || !z) return !1;
-		let e = (t) => !!t?.some((t) => t.id === z || t.type === "group" && e(t.children));
+	})(), te = t.type === "group" ? t.children?.length ?? 0 : 0, V = e.useContext(Ye), ie = e.useMemo(() => {
+		if (t.type !== "group" || !V) return !1;
+		let e = (t) => !!t?.some((t) => t.id === V || t.type === "group" && e(t.children));
 		return e(t.children);
-	}, [t, z]) ? !0 : M ?? !(R >= 8), [B, re] = i(ee), V = {
+	}, [t, V]) ? !0 : B ?? !(te >= 8), [H, ae] = i(ie), U = {
 		evaluateVisibility: r,
 		checkPermission: a,
 		checkCapability: s,
 		checkDocTarget: d,
 		hasActionHandler: !!f
 	};
-	if (!J(t, V)) return null;
-	if (t.type === "separator") return /* @__PURE__ */ F(p, { className: "my-2" });
+	if (!Pe(t, U)) return null;
+	if (t.type === "separator") return /* @__PURE__ */ F("li", {
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ F(p, { className: "my-2" })
+	});
 	if (t.type === "group") {
-		let e = (t.children ?? []).slice().sort(G);
-		if (!Y(e, V)) return null;
-		let i = q(t, S, b, x);
-		return /* @__PURE__ */ F(c, {
-			open: B,
-			onOpenChange: re,
+		let e = (t.children ?? []).slice().sort(we);
+		if (!X(e, U)) return null;
+		let i = Y(t, k, D, O), o = {
+			basePath: n,
+			evalVis: r,
+			checkPerm: a,
+			checkCap: s,
+			checkDocTarget: d,
+			onAction: f,
+			enablePinning: m,
+			onPinToggle: h,
+			renderItemAction: g,
+			resolveTargetLabel: D,
+			locale: O,
+			t: k,
+			templateContext: A
+		}, p = /* @__PURE__ */ F(c, {
+			open: H,
+			onOpenChange: ae,
 			children: /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ F(y, {
 				asChild: !0,
+				className: j(Te, Ee),
 				children: /* @__PURE__ */ I(u, {
-					className: j("flex w-full items-center justify-between", O && "min-h-[44px] text-[15px] rounded-xl"),
-					children: [i, /* @__PURE__ */ F(te, { className: j("ml-auto transition-transform", O ? "h-5 w-5" : "h-4 w-4", B && "rotate-90") })]
+					className: j("flex w-full items-center justify-between", M && "min-h-[44px] text-[15px] rounded-xl"),
+					children: [i, /* @__PURE__ */ F(ee, { className: j("ml-auto transition-transform", M ? "h-5 w-5" : "h-4 w-4", H && "rotate-90") })]
 				})
 			}), /* @__PURE__ */ F(l, { children: /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.map((e) => /* @__PURE__ */ F($, {
 				item: e,
-				basePath: n,
-				evalVis: r,
-				checkPerm: a,
-				checkCap: s,
-				checkDocTarget: d,
-				onAction: f,
-				enablePinning: m,
-				onPinToggle: h,
-				resolveTargetLabel: b,
-				locale: x,
-				t: S,
-				templateContext: D
+				...o
 			}, e.id)) }) }) })] })
 		});
+		return S ? /* @__PURE__ */ F("li", { children: p }) : p;
 	}
 	if (t.type === "action") {
 		if (!f) return null;
-		let e = K(t.icon), r = q(t, S, b, x);
-		return /* @__PURE__ */ I(E, { children: [
-			g && /* @__PURE__ */ F("span", {
-				className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
-				"aria-label": S ? S("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-				...g,
-				children: /* @__PURE__ */ F(ne, { className: "h-3.5 w-3.5" })
-			}),
-			/* @__PURE__ */ I(T, {
-				tooltip: r,
-				onClick: () => f?.(t),
-				className: k,
-				children: [
-					/* @__PURE__ */ F(e, { className: A }),
-					/* @__PURE__ */ F("span", { children: r }),
-					t.badge != null && /* @__PURE__ */ F(o, {
-						variant: t.badgeVariant ?? "default",
-						className: "ml-auto text-[10px] px-1.5 py-0",
-						children: t.badge
-					})
-				]
-			}),
-			m && h && /* @__PURE__ */ F(w, {
-				showOnHover: !0,
-				onClick: () => h(t.id, !t.pinned, t, n),
-				"aria-label": S ? S(t.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-					defaultValue: t.pinned ? `Unpin ${r}` : `Pin ${r}`,
-					name: r
-				}) : t.pinned ? `Unpin ${r}` : `Pin ${r}`,
-				children: t.pinned ? /* @__PURE__ */ F(ae, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ F(ie, { className: "h-3.5 w-3.5" })
-			})
-		] });
+		let e = J(t.icon), r = Y(t, k, D, O);
+		return /* @__PURE__ */ I(E, {
+			ref: x?.ref,
+			style: x?.style,
+			children: [
+				x?.dropIndicator && /* @__PURE__ */ F(at, { at: x.dropIndicator }),
+				/* @__PURE__ */ I(T, {
+					tooltip: r,
+					onClick: () => f?.(t),
+					className: j(R, b && "cursor-grab"),
+					...b ? rt(b) : {},
+					children: [
+						/* @__PURE__ */ F(e, { className: z }),
+						/* @__PURE__ */ F("span", { children: r }),
+						t.badge != null && /* @__PURE__ */ F(o, {
+							variant: t.badgeVariant ?? "default",
+							className: "ml-auto text-[10px] px-1.5 py-0",
+							children: t.badge
+						})
+					]
+				}),
+				g ? g(t, {
+					external: !1,
+					label: r,
+					basePath: n
+				}) : m && h && /* @__PURE__ */ F(w, {
+					showOnHover: !0,
+					onClick: () => h(t.id, !t.pinned, t, n),
+					"aria-label": k ? k(t.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
+						defaultValue: t.pinned ? `Unpin ${r}` : `Pin ${r}`,
+						name: r
+					}) : t.pinned ? `Unpin ${r}` : `Pin ${r}`,
+					children: t.pinned ? /* @__PURE__ */ F(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ F(ne, { className: "h-3.5 w-3.5" })
+				})
+			]
+		});
 	}
-	let oe = K(t.icon), { href: H, external: se } = Z(t, n, D), ce = z !== null && t.id === z, U = q(t, S, b, x), W = /* @__PURE__ */ I(P, { children: [
-		/* @__PURE__ */ F(oe, { className: A }),
-		/* @__PURE__ */ F("span", { children: U }),
+	let oe = J(t.icon), { href: W, external: G } = Q(t, n, A), se = V !== null && t.id === V, K = Y(t, k, D, O), q = /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ F(oe, { className: z }),
+		/* @__PURE__ */ F("span", { children: K }),
 		t.badge != null && /* @__PURE__ */ F(o, {
 			variant: t.badgeVariant ?? "default",
 			className: "ml-auto text-[10px] px-1.5 py-0",
 			children: t.badge
 		})
-	] });
-	return /* @__PURE__ */ I(E, { children: [
-		g && /* @__PURE__ */ F("span", {
-			className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
-			"aria-label": S ? S("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-			...g,
-			children: /* @__PURE__ */ F(ne, { className: "h-3.5 w-3.5" })
-		}),
-		/* @__PURE__ */ F(T, {
-			asChild: !0,
-			isActive: ce,
-			tooltip: U,
-			className: k,
-			children: se ? /* @__PURE__ */ F("a", {
-				href: H,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				children: W
-			}) : /* @__PURE__ */ F(L, {
-				to: H,
-				children: W
+	] }), ce = b ? rt(b) : {};
+	return /* @__PURE__ */ I(E, {
+		ref: x?.ref,
+		style: x?.style,
+		children: [
+			x?.dropIndicator && /* @__PURE__ */ F(at, { at: x.dropIndicator }),
+			/* @__PURE__ */ F(T, {
+				asChild: !0,
+				isActive: se,
+				tooltip: K,
+				className: j(R, b && "cursor-grab"),
+				children: G ? /* @__PURE__ */ F("a", {
+					href: W,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					...ce,
+					children: q
+				}) : /* @__PURE__ */ F(L, {
+					to: W,
+					...ce,
+					children: q
+				})
+			}),
+			g ? g(t, {
+				href: W === "#" ? void 0 : W,
+				external: G,
+				label: K,
+				basePath: n
+			}) : m && h && /* @__PURE__ */ F(w, {
+				showOnHover: !0,
+				onClick: () => h(t.id, !t.pinned, t, n),
+				"aria-label": k ? k(t.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
+					defaultValue: t.pinned ? `Unpin ${K}` : `Pin ${K}`,
+					name: K
+				}) : t.pinned ? `Unpin ${K}` : `Pin ${K}`,
+				children: t.pinned ? /* @__PURE__ */ F(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ F(ne, { className: "h-3.5 w-3.5" })
 			})
-		}),
-		m && h && /* @__PURE__ */ F(w, {
-			showOnHover: !0,
-			onClick: () => h(t.id, !t.pinned, t, n),
-			"aria-label": S ? S(t.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-				defaultValue: t.pinned ? `Unpin ${U}` : `Pin ${U}`,
-				name: U
-			}) : t.pinned ? `Unpin ${U}` : `Pin ${U}`,
-			children: t.pinned ? /* @__PURE__ */ F(ae, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ F(ie, { className: "h-3.5 w-3.5" })
-		})
-	] });
+		]
+	});
 }
-function Xe({ items: e, basePath: t = "", evaluateVisibility: n = Ae, checkPermission: i = je, checkCapability: a = Me, checkDocTarget: o, onAction: s, searchQuery: c, enablePinning: l, onPinToggle: u, enableReorder: d, onReorder: f, resolveTargetLabel: p, locale: m, t: h, templateContext: g }) {
-	let b = z(), x = r(() => Q(e, b.pathname, b.search, t, g)?.id ?? null, [
-		e,
-		b.pathname,
-		b.search,
+function ot({ items: t, basePath: n = "", evaluateVisibility: i = je, checkPermission: a = Me, checkCapability: o = Ne, checkDocTarget: s, onAction: c, searchQuery: l, enablePinning: u, onPinToggle: d, renderItemAction: f, extraFavorites: p, pinnedOrder: m, onPinnedReorder: h, resolveTargetLabel: g, locale: b, t: x, templateContext: S }) {
+	let w = z(), T = r(() => Je(t, w.pathname, w.search, n, S)?.id ?? null, [
 		t,
-		g
-	]), S = r(() => c ? qe(e, c, (e) => q(e, h, p, m)) : e, [
-		e,
-		c,
-		h,
-		p,
-		m
-	]), w = r(() => Ze(S, {
-		evaluateVisibility: n,
-		checkPermission: i,
-		checkCapability: a,
-		checkDocTarget: o
-	}), [
-		S,
+		w.pathname,
+		w.search,
 		n,
+		S
+	]), E = r(() => l ? Xe(t, l, (e) => Y(e, x, g, b)) : t, [
+		t,
+		l,
+		x,
+		g,
+		b
+	]), D = r(() => st(ct(E, {
+		evaluateVisibility: i,
+		checkPermission: a,
+		checkCapability: o,
+		checkDocTarget: s
+	}), m), [
+		E,
 		i,
 		a,
-		o
-	]), T = S.slice().sort(G), E = de(ue(W, { activationConstraint: { distance: Je } }), ue(U)), D = (e) => {
-		let { active: t, over: n } = e;
-		if (!n || t.id === n.id || !f) return;
-		let r = T.findIndex((e) => e.id === t.id), i = T.findIndex((e) => e.id === n.id);
-		r !== -1 && i !== -1 && f(pe(T, r, i).map((e, t) => ({
-			...e,
-			order: t
-		})));
-	}, O = {
-		basePath: t,
-		evalVis: n,
-		checkPerm: i,
-		checkCap: a,
-		checkDocTarget: o,
-		onAction: s,
-		enablePinning: l,
-		onPinToggle: u,
-		resolveTargetLabel: p,
-		locale: m,
-		t: h,
-		templateContext: g
-	}, k = T.some((e) => e.type === "group"), A = w.length > 0 && l ? /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ I(y, {
-		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ F(oe, { className: "h-3.5 w-3.5" }), h ? h("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
-	}), /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: w.map((e) => /* @__PURE__ */ F($, {
+		o,
+		s,
+		m
+	]), O = E.slice().sort(we), k = {
+		basePath: n,
+		evalVis: i,
+		checkPerm: a,
+		checkCap: o,
+		checkDocTarget: s,
+		onAction: c,
+		enablePinning: u,
+		onPinToggle: d,
+		renderItemAction: f,
+		resolveTargetLabel: g,
+		locale: b,
+		t: x,
+		templateContext: S
+	}, A = O.some((e) => e.type === "group"), M = !!u && D.length > 0, N = e.Children.toArray(p).length > 0, P = M || N ? /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ I(y, {
+		className: j("flex items-center gap-1.5", Te, Ee),
+		children: [/* @__PURE__ */ F(H, { className: "h-3.5 w-3.5" }), x ? x("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
+	}), /* @__PURE__ */ I(v, { children: [M && (h ? /* @__PURE__ */ F(nt, {
+		items: D,
+		onReorder: h,
+		rowProps: k
+	}) : /* @__PURE__ */ F(C, { children: D.map((e) => /* @__PURE__ */ F($, {
 		item: e,
-		...O
-	}, `fav-${e.id}`)) }) })] }) : null;
-	if (!k) {
-		let e = T.filter((e) => e.type !== "group").map((e) => e.id), t = d ? /* @__PURE__ */ F(ce, {
-			sensors: E,
-			collisionDetection: le,
-			onDragEnd: D,
-			children: /* @__PURE__ */ F(fe, {
-				items: e,
-				strategy: he,
-				children: /* @__PURE__ */ F(C, { children: T.map((e) => /* @__PURE__ */ F(Ye, {
-					item: e,
-					enableReorder: d,
-					...O
-				}, e.id)) })
-			})
-		}) : /* @__PURE__ */ F(C, { children: T.map((e) => /* @__PURE__ */ F($, {
+		...k
+	}, `fav-${e.id}`)) })), N && /* @__PURE__ */ F(C, {
+		className: j(M && "mt-1"),
+		children: p
+	})] })] }) : null;
+	if (!A) return /* @__PURE__ */ I(Ye.Provider, {
+		value: T,
+		children: [P, /* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: O.map((e) => /* @__PURE__ */ F($, {
 			item: e,
-			...O
-		}, e.id)) });
-		return /* @__PURE__ */ I(Ke.Provider, {
-			value: x,
-			children: [A, /* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(v, { children: t }) })]
-		});
-	}
-	let j = [], M = [], N = (e) => {
-		if (M.length === 0) return;
-		let t = M;
-		M = [], j.push(/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: t.map((e) => /* @__PURE__ */ F($, {
+			...k
+		}, e.id)) }) }) })]
+	});
+	let L = [], R = [], B = (e) => {
+		if (R.length === 0) return;
+		let t = R;
+		R = [], L.push(/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: t.map((e) => /* @__PURE__ */ F($, {
 			item: e,
-			...O
+			...k
 		}, e.id)) }) }) }, e));
 	};
-	return T.forEach((e, t) => {
-		e.type === "group" ? (N(`leaf-${t}`), j.push(/* @__PURE__ */ F($, {
+	return O.forEach((e, t) => {
+		e.type === "group" ? (B(`leaf-${t}`), L.push(/* @__PURE__ */ F($, {
 			item: e,
-			...O
-		}, e.id))) : M.push(e);
-	}), N("leaf-end"), /* @__PURE__ */ I(Ke.Provider, {
-		value: x,
-		children: [A, j]
+			inList: !1,
+			...k
+		}, e.id))) : R.push(e);
+	}), B("leaf-end"), /* @__PURE__ */ I(Ye.Provider, {
+		value: T,
+		children: [P, L]
 	});
 }
-function Ze(e, t) {
+function st(e, t) {
+	let n = [], r = /* @__PURE__ */ new Set();
+	for (let t of e) r.has(t.id) || (r.add(t.id), n.push(t));
+	if (!t?.length) return n;
+	let i = new Map(t.map((e, t) => [e, t]));
+	return n.map((e, n) => ({
+		item: e,
+		key: i.get(e.id) ?? t.length + n
+	})).sort((e, t) => e.key - t.key).map(({ item: e }) => e);
+}
+function ct(e, t) {
 	let n = [];
-	for (let r of e) J(r, t) && (r.type !== "group" && r.type !== "separator" && r.pinned && n.push(r), r.children?.length && n.push(...Ze(r.children, t)));
+	for (let r of e) Pe(r, t) && (r.type !== "group" && r.type !== "separator" && r.pinned && n.push(r), r.children?.length && n.push(...ct(r.children, t)));
 	return n;
 }
 //#endregion
 //#region src/AppSchemaRenderer.tsx
-function Qe(e) {
-	return se(e, void 0) ?? "";
+var lt = "group-data-[state=collapsed]:group-data-[collapsible=icon]:invisible group-data-[state=collapsed]:group-data-[collapsible=icon]:transition-[margin,opacity,visibility]";
+function ut(e) {
+	return U(e, void 0) ?? "";
 }
-function $e({ areas: e, activeAreaId: t, onAreaChange: n }) {
+function dt({ areas: e, activeAreaId: t, onAreaChange: n }) {
 	return e.length <= 1 ? null : /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ I(y, {
-		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ F(re, { className: "h-3.5 w-3.5" }), "Area"]
+		className: `flex items-center gap-1.5 ${lt}`,
+		children: [/* @__PURE__ */ F(V, { className: "h-3.5 w-3.5" }), "Area"]
 	}), /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.map((e) => {
-		let r = K(e.icon), i = Qe(e.label);
+		let r = J(e.icon), i = ut(e.label);
 		return /* @__PURE__ */ F(E, { children: /* @__PURE__ */ I(T, {
 			isActive: e.id === t,
 			tooltip: i,
@@ -711,24 +770,24 @@ function $e({ areas: e, activeAreaId: t, onAreaChange: n }) {
 		}) }, e.id);
 	}) }) })] });
 }
-function et({ items: e, basePath: t, guards: n, onAction: r }) {
+function ft({ items: e, basePath: t, guards: n, onAction: r }) {
 	let i = z(), a = (e) => {
 		let t = [];
-		for (let r of e.slice().sort(G)) Y([r], n) && r.type !== "separator" && (r.type === "group" ? t.push(...a(r.children || [])) : t.push(r));
+		for (let r of e.slice().sort(we)) X([r], n) && r.type !== "separator" && (r.type === "group" ? t.push(...a(r.children || [])) : t.push(r));
 		return t;
 	}, s = a(e).slice(0, 5);
 	if (s.length === 0) return null;
-	let c = Q(e, i.pathname, i.search, t)?.id ?? null;
+	let c = Je(e, i.pathname, i.search, t)?.id ?? null;
 	return /* @__PURE__ */ F("div", {
 		className: "fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around border-t bg-background/95 backdrop-blur-sm px-2 py-1 sm:hidden safe-area-bottom",
 		role: "navigation",
 		"aria-label": "Mobile navigation",
 		children: s.map((e) => {
-			let n = K(e.icon), { href: i, external: a } = Z(e, t), s = `relative flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${e.id === c ? "text-primary" : "text-muted-foreground hover:text-foreground"}`, l = /* @__PURE__ */ I(P, { children: [
+			let n = J(e.icon), { href: i, external: a } = Q(e, t), s = `relative flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${e.id === c ? "text-primary" : "text-muted-foreground hover:text-foreground"}`, l = /* @__PURE__ */ I(P, { children: [
 				/* @__PURE__ */ F(n, { className: "h-5 w-5" }),
 				/* @__PURE__ */ F("span", {
 					className: "text-[10px] truncate max-w-[60px]",
-					children: q(e)
+					children: Y(e)
 				}),
 				e.badge != null && /* @__PURE__ */ F(o, {
 					variant: e.badgeVariant,
@@ -755,8 +814,8 @@ function et({ items: e, basePath: t, guards: n, onAction: r }) {
 		})
 	});
 }
-function tt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, checkDocTarget: o, onAction: s, sidebarHeader: c, sidebarFooter: l, sidebarExtra: u, visibleAreas: d, activeAreaId: f, setActiveAreaId: p, resolvedNavigation: _, enableSearch: v, enablePinning: y, onPinToggle: S, enableReorder: w, onReorder: D }) {
-	let O = e.branding?.logo, k = K(e.icon), [A, j] = i("");
+function pt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, checkDocTarget: o, onAction: s, sidebarHeader: c, sidebarFooter: l, sidebarExtra: u, visibleAreas: d, activeAreaId: f, setActiveAreaId: p, resolvedNavigation: _, enableSearch: v, enablePinning: y, onPinToggle: S }) {
+	let w = e.branding?.logo, D = J(e.icon), [O, k] = i("");
 	return /* @__PURE__ */ I(m, {
 		collapsible: "icon",
 		children: [
@@ -765,11 +824,11 @@ function tt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, che
 				tooltip: e.title ?? e.name,
 				children: [/* @__PURE__ */ F("div", {
 					className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground",
-					children: O ? /* @__PURE__ */ F("img", {
-						src: O,
+					children: w ? /* @__PURE__ */ F("img", {
+						src: w,
 						alt: e.title ?? "",
 						className: "size-6 object-contain"
-					}) : /* @__PURE__ */ F(k, { className: "size-4" })
+					}) : /* @__PURE__ */ F(D, { className: "size-4" })
 				}), /* @__PURE__ */ I("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
 					children: [/* @__PURE__ */ F("span", {
@@ -782,17 +841,17 @@ function tt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, che
 				})]
 			}) }) }), v && /* @__PURE__ */ F(x, {
 				placeholder: "Search navigation…",
-				value: A,
-				onChange: (e) => j(e.target.value),
+				value: O,
+				onChange: (e) => k(e.target.value),
 				"aria-label": "Search navigation"
 			})] }),
 			/* @__PURE__ */ I(h, { children: [
-				d.length > 1 && f && /* @__PURE__ */ F($e, {
+				d.length > 1 && f && /* @__PURE__ */ F(dt, {
 					areas: d,
 					activeAreaId: f,
 					onAreaChange: p
 				}),
-				/* @__PURE__ */ F(Xe, {
+				/* @__PURE__ */ F(ot, {
 					items: _,
 					basePath: t,
 					evaluateVisibility: n,
@@ -800,11 +859,9 @@ function tt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, che
 					checkCapability: a,
 					checkDocTarget: o,
 					onAction: s,
-					searchQuery: A,
+					searchQuery: O,
 					enablePinning: y,
-					onPinToggle: S,
-					enableReorder: w,
-					onReorder: D
+					onPinToggle: S
 				}),
 				u
 			] }),
@@ -812,74 +869,72 @@ function tt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, che
 		]
 	});
 }
-function nt({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluateVisibility: o, checkPermission: s, checkCapability: c, checkDocTarget: l, onAction: u, navbar: d, sidebarHeader: f, sidebarFooter: p, sidebarExtra: m, children: h, className: g, defaultOpen: _ = !0, enableSearch: v, enablePinning: y, onPinToggle: b, enableReorder: x, onReorder: S }) {
-	let C = o ?? ((e) => e !== !1 && e !== "false"), w = s ?? (() => !0), T = c ?? (() => !0), E = r(() => (e.menu ?? []).map((e, t) => H(e, t)), [e.menu]), D = e.navigation ?? E, O = {
-		evaluateVisibility: C,
-		checkPermission: w,
-		checkCapability: T,
+function mt({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluateVisibility: o, checkPermission: s, checkCapability: c, checkDocTarget: l, onAction: u, navbar: d, sidebarHeader: f, sidebarFooter: p, sidebarExtra: m, children: h, className: g, defaultOpen: _ = !0, enableSearch: v, enablePinning: y, onPinToggle: b }) {
+	let x = o ?? ((e) => e !== !1 && e !== "false"), S = s ?? (() => !0), C = c ?? (() => !0), w = r(() => (e.menu ?? []).map((e, t) => ae(e, t)), [e.menu]), T = e.navigation ?? w, E = {
+		evaluateVisibility: x,
+		checkPermission: S,
+		checkCapability: C,
 		checkDocTarget: l,
 		hasActionHandler: !!u
-	}, k = (e.areas ?? []).filter((e) => Y(e.navigation, O)), [A, j] = i(() => k.length > 0 ? k[0].id : null), M = k.map((e) => e.id).join(",");
+	}, D = (e.areas ?? []).filter((e) => X(e.navigation, E)), [O, k] = i(() => D.length > 0 ? D[0].id : null), A = D.map((e) => e.id).join(",");
 	n(() => {
-		k.length > 0 ? j((e) => k.some((t) => t.id === e) ? e : k[0].id) : j(null);
-	}, [e.name, M]);
-	let N = k.find((e) => e.id === A) ?? k[0], L = N?.navigation ?? D, R = {
+		D.length > 0 ? k((e) => D.some((t) => t.id === e) ? e : D[0].id) : k(null);
+	}, [e.name, A]);
+	let j = D.find((e) => e.id === O) ?? D[0], M = j?.navigation ?? T, N = {
 		title: e.title,
 		favicon: e.branding?.favicon
-	}, z = /* @__PURE__ */ F(tt, {
+	}, L = /* @__PURE__ */ F(pt, {
 		schema: e,
 		basePath: t,
-		evalVis: C,
-		checkPerm: w,
-		checkCap: T,
+		evalVis: x,
+		checkPerm: S,
+		checkCap: C,
 		checkDocTarget: l,
 		onAction: u,
 		sidebarHeader: f,
 		sidebarFooter: p,
 		sidebarExtra: m,
-		visibleAreas: k,
-		activeAreaId: N?.id ?? null,
-		setActiveAreaId: j,
-		resolvedNavigation: L,
+		visibleAreas: D,
+		activeAreaId: j?.id ?? null,
+		setActiveAreaId: k,
+		resolvedNavigation: M,
 		enableSearch: v,
 		enablePinning: y,
-		onPinToggle: b,
-		enableReorder: x,
-		onReorder: S
+		onPinToggle: b
 	});
-	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Te, {
-		sidebar: z,
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ce, {
+		sidebar: L,
 		navbar: d,
 		className: g,
 		defaultOpen: _,
-		branding: R,
+		branding: N,
 		children: h
-	}), a === "bottom_nav" && /* @__PURE__ */ F(et, {
-		items: L,
+	}), a === "bottom_nav" && /* @__PURE__ */ F(ft, {
+		items: M,
 		basePath: t,
-		guards: O,
+		guards: E,
 		onAction: u
 	})] });
 }
 //#endregion
 //#region src/PageHeader.tsx
-var rt = (e) => {
+var ht = (e) => {
 	let t = e?.name ?? e?.full_name ?? e?.display_name ?? e?.label ?? e?.title ?? e?.subject;
 	return t != null && String(t).trim() ? String(t) : [
 		e?.salutation,
 		e?.first_name,
 		e?.last_name
 	].filter((e) => typeof e == "string" && e.trim()).map((e) => e.trim()).join(" ") || (typeof e?.email == "string" && e.email.trim() ? e.email.trim() : null);
-}, it = (e, t) => !e || typeof e != "string" ? e ?? "" : e.includes("{") ? e.replace(/\{([a-zA-Z0-9_.]+)\}/g, (e, n) => {
+}, gt = (e, t) => !e || typeof e != "string" ? e ?? "" : e.includes("{") ? e.replace(/\{([a-zA-Z0-9_.]+)\}/g, (e, n) => {
 	let r = n.split(".").reduce((e, t) => e == null ? e : e[t], t);
-	return r == null ? "" : typeof r == "object" ? rt(r) ?? "" : String(r);
+	return r == null ? "" : typeof r == "object" ? ht(r) ?? "" : String(r);
 }).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
-function at({ title: t, subtitle: n, icon: r, action: i, actions: a, showBack: o, schema: c, className: l, children: u, ...d }) {
-	let p = ve(), m = typeof t == "string" && /\{[a-zA-Z0-9_.]+\}/.test(t), h = it(t, p?.data) || (m ? "" : t), g = n, _ = typeof g == "string" && /\{[a-zA-Z0-9_.]+\}/.test(g), v = it(g, p?.data) || (_ ? "" : g), y = !!p?.recordId, b = !!p?.embedded, x = o ?? (y && !b), S = e.useCallback(() => {
+function _t({ title: t, subtitle: n, icon: r, action: i, actions: a, showBack: o, schema: c, className: l, children: u, ...d }) {
+	let p = ge(), m = typeof t == "string" && /\{[a-zA-Z0-9_.]+\}/.test(t), h = gt(t, p?.data) || (m ? "" : t), g = n, _ = typeof g == "string" && /\{[a-zA-Z0-9_.]+\}/.test(g), v = gt(g, p?.data) || (_ ? "" : g), y = !!p?.recordId, b = !!p?.embedded, x = o ?? (y && !b), S = e.useCallback(() => {
 		if (typeof window > "u") return;
 		let e = window.location.pathname, t = e.replace(/\/record\/[^/]+\/?$/, "");
 		t === e ? window.history.length > 1 && window.history.back() : (window.history.pushState({}, "", t + window.location.search), window.dispatchEvent(new PopStateEvent("popstate")));
-	}, []), C = Array.isArray(c?.children) ? c.children.filter(Boolean).map((e, t) => /* @__PURE__ */ F(_e, { schema: e }, e?.id || `pgh-child-${t}`)) : null, w = Array.isArray(a) && a.length > 0 && a || Array.isArray(c?.actions) && c.actions.length > 0 && c.actions || Array.isArray(c?.properties?.actions) && c.properties.actions.length > 0 && c.properties.actions || null, T = i || u || (w ? /* @__PURE__ */ F(_e, { schema: {
+	}, []), C = Array.isArray(c?.children) ? c.children.filter(Boolean).map((e, t) => /* @__PURE__ */ F(me, { schema: e }, e?.id || `pgh-child-${t}`)) : null, w = Array.isArray(a) && a.length > 0 && a || Array.isArray(c?.actions) && c.actions.length > 0 && c.actions || Array.isArray(c?.properties?.actions) && c.properties.actions.length > 0 && c.properties.actions || null, T = i || u || (w ? /* @__PURE__ */ F(me, { schema: {
 		type: "record:quick_actions",
 		properties: {
 			actions: w,
@@ -901,7 +956,7 @@ function at({ title: t, subtitle: n, icon: r, action: i, actions: a, showBack: o
 					onClick: S,
 					"aria-label": "Back to list",
 					className: "flex-shrink-0 -ml-2",
-					children: /* @__PURE__ */ F(ee, { className: "size-4" })
+					children: /* @__PURE__ */ F(B, { className: "size-4" })
 				}),
 				r && (h || v) && /* @__PURE__ */ F("div", {
 					className: "flex-shrink-0 grid place-items-center size-10 rounded-md bg-primary/10 text-primary",
@@ -930,10 +985,11 @@ function at({ title: t, subtitle: n, icon: r, action: i, actions: a, showBack: o
 }
 //#endregion
 //#region src/SidebarNav.tsx
-function ot(e) {
+var vt = "group-data-[state=collapsed]:group-data-[collapsible=icon]:invisible group-data-[state=collapsed]:group-data-[collapsible=icon]:transition-[margin,opacity,visibility]";
+function yt(e) {
 	return "items" in e && !("href" in e);
 }
-function st({ item: e, pathname: t }) {
+function bt({ item: e, pathname: t }) {
 	return e.children && e.children.length > 0 ? /* @__PURE__ */ F(c, {
 		asChild: !0,
 		defaultOpen: !0,
@@ -951,7 +1007,7 @@ function st({ item: e, pathname: t }) {
 						className: "ml-auto mr-1 h-5 min-w-5 px-1 text-xs",
 						children: e.badge
 					}),
-					/* @__PURE__ */ F(te, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+					/* @__PURE__ */ F(ee, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
 				]
 			})
 		}), /* @__PURE__ */ F(l, {
@@ -993,8 +1049,8 @@ function st({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function ct({ items: t, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search…" }) {
-	let s = z(), [c, l] = e.useState(""), u = e.useMemo(() => t.length === 0 ? [] : ot(t[0]) ? t.map((e) => ({
+function xt({ items: t, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search…" }) {
+	let s = z(), [c, l] = e.useState(""), u = e.useMemo(() => t.length === 0 ? [] : yt(t[0]) ? t.map((e) => ({
 		groupLabel: e.label,
 		items: e.items
 	})) : [{ items: t }], [t]), f = e.useMemo(() => {
@@ -1012,7 +1068,7 @@ function ct({ items: t, title: n = "Application", className: r, collapsible: i =
 			className: "px-3 py-2",
 			children: /* @__PURE__ */ I("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ F(V, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ F(d, {
+				children: [/* @__PURE__ */ F(ie, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ F(d, {
 					type: "search",
 					placeholder: o,
 					value: c,
@@ -1026,10 +1082,10 @@ function ct({ items: t, title: n = "Application", className: r, collapsible: i =
 				"aria-hidden": !0
 			}),
 			/* @__PURE__ */ F(y, {
-				className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
+				className: `text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60 ${vt}`,
 				children: e.groupLabel || n
 			}),
-			/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.items.map((e) => /* @__PURE__ */ F(st, {
+			/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.items.map((e) => /* @__PURE__ */ F(bt, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -1038,7 +1094,7 @@ function ct({ items: t, title: n = "Application", className: r, collapsible: i =
 }
 //#endregion
 //#region src/ResponsiveGrid.tsx
-var lt = {
+var St = {
 	xs: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -1088,11 +1144,11 @@ var lt = {
 		12: "2xl:grid-cols-12"
 	}
 };
-function ut(e) {
+function Ct(e) {
 	if (!e) return "grid-cols-1";
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = lt[n];
+		let e = St[n];
 		if (e && r) {
 			let n = Object.keys(e).map(Number).reduce((e, t) => Math.abs(t - r) < Math.abs(e - r) ? t : e);
 			t.push(e[n]);
@@ -1100,7 +1156,7 @@ function ut(e) {
 	}
 	return t.join(" ") || "grid-cols-1";
 }
-var dt = {
+var wt = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -1109,25 +1165,25 @@ var dt = {
 	5: "gap-5",
 	6: "gap-6",
 	8: "gap-8"
-}, ft = ({ columns: e, gap: t = 4, className: n, children: r }) => {
-	let i = ut(e), a = typeof t == "number" ? dt[t] || `gap-${t}` : "";
+}, Tt = ({ columns: e, gap: t = 4, className: n, children: r }) => {
+	let i = Ct(e), a = typeof t == "number" ? wt[t] || `gap-${t}` : "";
 	return /* @__PURE__ */ F("div", {
 		className: j("grid", i, a, n),
 		children: r
 	});
-}, pt = { type: "app" }, mt = ({ schema: e, children: n, ...r }) => t(nt, {
+}, Et = { type: "app" }, Dt = ({ schema: e, children: n, ...r }) => t(mt, {
 	...r,
-	schema: e?.schema ?? pt,
+	schema: e?.schema ?? Et,
 	children: n
 });
-function ht() {
-	a.register("page:card", ye, {
+function Ot() {
+	a.register("page:card", _e, {
 		namespace: "layout",
 		skipFallback: !0,
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), a.register("app-schema-renderer", mt, {
+	}), a.register("app-schema-renderer", Dt, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -1151,7 +1207,7 @@ function ht() {
 	});
 }
 try {
-	ht();
+	Ot();
 } catch {}
 //#endregion
-export { nt as AppSchemaRenderer, Te as AppShell, Pe as NAV_RUN_ACTION_PARAM, Xe as NavigationRenderer, ye as PageCard, at as PageHeader, ft as ResponsiveGrid, ct as SidebarNav, qe as filterNavigationItems, Y as hasVisibleNavigationItems, ht as registerLayout, Q as resolveActiveNavItem, Z as resolveHref, K as resolveIcon, Ee as resolveLabel, q as resolveNavItemLabel, we as useAppShellBranding };
+export { mt as AppSchemaRenderer, Ce as AppShell, Ie as NAV_RUN_ACTION_PARAM, ot as NavigationRenderer, _e as PageCard, _t as PageHeader, Tt as ResponsiveGrid, xt as SidebarNav, Xe as filterNavigationItems, X as hasVisibleNavigationItems, Ot as registerLayout, Je as resolveActiveNavItem, Q as resolveHref, J as resolveIcon, De as resolveLabel, Y as resolveNavItemLabel, Se as useAppShellBranding };