@object-ui/layout 17.6.0 → 18.0.0

package/dist/index.js

@@ -1,179 +1,143 @@
-import { ComponentRegistry as e } from "@object-ui/core";
-import t, { useEffect as n, useMemo as r, useState as i } from "react";
-import { Badge as a, Button as o, Collapsible as s, CollapsibleContent as c, CollapsibleTrigger as l, Input as u, LazyIcon as d, Separator as f, Sidebar as p, SidebarContent as m, SidebarFooter as h, SidebarGroup as g, SidebarGroupContent as _, SidebarGroupLabel as v, SidebarHeader as y, SidebarInput as b, SidebarInset as x, SidebarMenu as S, SidebarMenuAction as C, SidebarMenuButton as w, SidebarMenuItem as T, SidebarMenuSub as E, SidebarMenuSubButton as D, SidebarMenuSubItem as O, SidebarProvider as k, cn as A, getLazyIcon as j, useIsMobile as M } from "@object-ui/components";
-import { ArrowLeft as N, ChevronRight as P, FileText as ee, GripVertical as te, Layers as F, Pin as ne, PinOff as re, Search as ie, Star as I } from "lucide-react";
-import { SchemaRenderer as L, useRecordContext as R } from "@object-ui/react";
-import { Fragment as ae, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { Link as oe, NavLink as V, useLocation as H } from "react-router-dom";
-import { DndContext as U, KeyboardSensor as se, PointerSensor as ce, closestCenter as W, useSensor as G, useSensors as le } from "@dnd-kit/core";
-import { SortableContext as ue, arrayMove as de, useSortable as fe, verticalListSortingStrategy as pe } from "@dnd-kit/sortable";
-import { CSS as me } from "@dnd-kit/utilities";
-import { menuItemToNavigationItem as he } from "@object-ui/types";
-import { resolveI18nLabel as ge } from "@objectstack/spec/ui";
-//#region src/PageHeader.tsx
-var _e = (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);
-}, ve = (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" ? _e(r) ?? "" : String(r);
-}).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
-function ye({ title: e, subtitle: n, icon: r, action: i, actions: a, showBack: s, schema: c, className: l, children: u, ...f }) {
-	let p = R(), m = typeof e == "string" && /\{[a-zA-Z0-9_.]+\}/.test(e), h = ve(e, p?.data) || (m ? "" : e), g = n, _ = typeof g == "string" && /\{[a-zA-Z0-9_.]+\}/.test(g), v = ve(g, p?.data) || (_ ? "" : g), y = !!p?.recordId, b = !!p?.embedded, x = s ?? (y && !b), S = t.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__ */ z(L, { 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__ */ z(L, { schema: {
-		type: "record:quick_actions",
-		properties: {
-			actions: w,
-			location: "record_header",
-			align: "end",
-			inline: !0
-		}
-	} }) : null) || C;
-	return /* @__PURE__ */ z("div", {
-		className: A("flex flex-col gap-3 pb-4 border-b", l),
-		...f,
-		children: /* @__PURE__ */ B("div", {
-			className: "flex flex-wrap items-center gap-x-4 gap-y-2",
-			children: [
-				x && /* @__PURE__ */ z(o, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					onClick: S,
-					"aria-label": "Back to list",
-					className: "flex-shrink-0 -ml-2",
-					children: /* @__PURE__ */ z(N, { className: "size-4" })
-				}),
-				r && (h || v) && /* @__PURE__ */ z("div", {
-					className: "flex-shrink-0 grid place-items-center size-10 rounded-md bg-primary/10 text-primary",
-					children: typeof r == "string" ? /* @__PURE__ */ z(d, {
-						name: r,
-						className: "size-5"
-					}) : r
-				}),
-				/* @__PURE__ */ B("div", {
-					className: "flex flex-col min-w-0 flex-1",
-					children: [h ? /* @__PURE__ */ z("h1", {
-						className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
-						children: h
-					}) : null, v && /* @__PURE__ */ z("p", {
-						className: "text-sm text-muted-foreground truncate",
-						children: v
-					})]
-				}),
-				T && /* @__PURE__ */ z("div", {
-					className: "flex items-center gap-2 ml-auto",
-					children: T
-				})
-			]
-		})
-	});
-}
-//#endregion
+import e, { createElement as t, useEffect as n, useMemo as r, useState as i } from "react";
+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 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 be({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ z("div", {
-		className: A("rounded-xl border bg-card text-card-foreground shadow", e),
+function _e({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ F("div", {
+		className: j("rounded-xl border bg-card text-card-foreground shadow", e),
 		...n,
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "p-6",
 			children: t
 		})
 	});
 }
 //#endregion
-//#region src/ResponsiveGrid.tsx
-var xe = {
-	xs: {
-		1: "grid-cols-1",
-		2: "grid-cols-2",
-		3: "grid-cols-3",
-		4: "grid-cols-4",
-		6: "grid-cols-6",
-		12: "grid-cols-12"
-	},
-	sm: {
-		1: "sm:grid-cols-1",
-		2: "sm:grid-cols-2",
-		3: "sm:grid-cols-3",
-		4: "sm:grid-cols-4",
-		6: "sm:grid-cols-6",
-		12: "sm:grid-cols-12"
-	},
-	md: {
-		1: "md:grid-cols-1",
-		2: "md:grid-cols-2",
-		3: "md:grid-cols-3",
-		4: "md:grid-cols-4",
-		6: "md:grid-cols-6",
-		12: "md:grid-cols-12"
-	},
-	lg: {
-		1: "lg:grid-cols-1",
-		2: "lg:grid-cols-2",
-		3: "lg:grid-cols-3",
-		4: "lg:grid-cols-4",
-		6: "lg:grid-cols-6",
-		12: "lg:grid-cols-12"
-	},
-	xl: {
-		1: "xl:grid-cols-1",
-		2: "xl:grid-cols-2",
-		3: "xl:grid-cols-3",
-		4: "xl:grid-cols-4",
-		6: "xl:grid-cols-6",
-		12: "xl:grid-cols-12"
-	},
-	"2xl": {
-		1: "2xl:grid-cols-1",
-		2: "2xl:grid-cols-2",
-		3: "2xl:grid-cols-3",
-		4: "2xl:grid-cols-4",
-		6: "2xl:grid-cols-6",
-		12: "2xl:grid-cols-12"
-	}
-};
-function Se(e) {
-	if (!e) return "grid-cols-1";
-	let t = [];
-	for (let [n, r] of Object.entries(e)) {
-		let e = xe[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]);
+//#region src/AppShell.tsx
+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;
+	if (a !== o) {
+		let e = a - o;
+		switch (c = l > .5 ? e / (2 - a - o) : e / (a + o), a) {
+			case n:
+				s = ((r - i) / e + (r < i ? 6 : 0)) / 6;
+				break;
+			case r:
+				s = ((i - n) / e + 2) / 6;
+				break;
+			case i: s = ((n - r) / e + 4) / 6;
 		}
 	}
-	return t.join(" ") || "grid-cols-1";
+	return {
+		h: s * 360,
+		s: c * 100,
+		l: l * 100
+	};
 }
-var Ce = {
-	0: "gap-0",
-	1: "gap-1",
-	2: "gap-2",
-	3: "gap-3",
-	4: "gap-4",
-	5: "gap-5",
-	6: "gap-6",
-	8: "gap-8"
-}, we = ({ columns: e, gap: t = 4, className: n, children: r }) => {
-	let i = Se(e), a = typeof t == "number" ? Ce[t] || `gap-${t}` : "";
-	return /* @__PURE__ */ z("div", {
-		className: A("grid", i, a, n),
-		children: r
+function ye(e) {
+	let t = ve(e);
+	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
+}
+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 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) => {
+		let t = e / 255;
+		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	}, 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 Se(e, t) {
+	n(() => {
+		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
+			if (e?.primaryColor) {
+				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 = 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();
+		let a = new MutationObserver((e) => {
+			for (let t of e) if (t.type === "attributes" && t.attributeName === "class") {
+				i();
+				break;
+			}
+		});
+		a.observe(n, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		});
+		let o = null, s = null;
+		if (e?.favicon) {
+			let t = document.querySelector("#favicon") || document.querySelector("link[rel=\"icon\"]");
+			t && (o = t, s = t.getAttribute("href"), t.href = e.favicon);
+		}
+		let c = null;
+		return t && (c = document.title, document.title = t), () => {
+			a.disconnect(), c !== null && (document.title = c), o && (s === null ? o.removeAttribute("href") : o.setAttribute("href", s)), n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
+		};
+	}, [
+		e?.primaryColor,
+		e?.accentColor,
+		e?.favicon,
+		t
+	]);
+}
+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-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",
+			children: [
+				e,
+				/* @__PURE__ */ F(S, {
+					className: "min-w-0",
+					children: /* @__PURE__ */ F("main", {
+						className: j("flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6 pb-20 sm:pb-4 md:pb-6", r),
+						children: n
+					})
+				}),
+				o
+			]
+		})]
 	});
-};
+}
+//#endregion
+//#region src/navOrder.ts
+function we(e, t) {
+	return (e.order ?? 0) - (t.order ?? 0);
+}
 //#endregion
 //#region src/NavigationRenderer.tsx
-function K(e) {
-	return e ? j(e) : ee;
+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 q(e, t) {
+function De(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -184,53 +148,106 @@ function q(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function Te(e, t, n, r, i) {
-	let a = q(e.label, n);
-	if (typeof e.label != "string") return a;
-	let o = (e) => !!e && a.trim().toLowerCase() !== e.trim().toLowerCase();
-	if (e.type === "object" && e.objectName) {
-		if (e.viewName) return o(e.viewName) ? a : i ? i(e.objectName, e.viewName, a) : a;
-		if (o(e.objectName)) return a;
-		if (t) return t(e.objectName, a);
-	}
-	if (e.type === "dashboard" && e.dashboardName) {
-		if (o(e.dashboardName)) return a;
-		if (r) return r(e.dashboardName, a);
+function Y(e, t, n, r) {
+	return e.type === "separator" ? "" : e.label === void 0 ? Ae(e, n) : Oe(e.label, t, r);
+}
+function Oe(e, t, n) {
+	return typeof e == "string" ? e : ke(e) ? De(e, t) : U(e, n) ?? "";
+}
+function ke(e) {
+	return typeof e == "object" && !!e && ("key" in e || "defaultValue" in e);
+}
+function Ae(e, t) {
+	let n = (e) => {
+		let n = t?.(e);
+		return typeof n == "string" && n.trim() !== "" ? n : void 0;
+	};
+	switch (e.type) {
+		case "object":
+			if (!e.objectName) break;
+			return e.viewName ? n({
+				kind: "view",
+				objectName: e.objectName,
+				viewName: e.viewName
+			}) ?? n({
+				kind: "object",
+				objectName: e.objectName
+			}) ?? e.viewName : n({
+				kind: "object",
+				objectName: e.objectName
+			}) ?? e.objectName;
+		case "dashboard":
+			if (!e.dashboardName) break;
+			return n({
+				kind: "dashboard",
+				dashboardName: e.dashboardName
+			}) ?? e.dashboardName;
+		case "page":
+			if (e.pageName) return e.pageName;
+			break;
+		case "report":
+			if (e.reportName) return e.reportName;
+			break;
+		case "url":
+			if (e.url) return e.url;
+			break;
+		case "component":
+			if (e.componentRef) return e.componentRef;
+			break;
+		case "action":
+			if (e.actionDef?.actionName) return e.actionDef.actionName;
+			break;
+		case "doc":
+			if (e.doc) return e.doc;
+			if (e.book) return e.book;
 	}
-	return a;
+	return e.id;
+}
+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
+	}));
 }
-var Ee = (e) => e !== !1 && e !== "false", De = () => !0, Oe = () => !0;
-function J(e, t = {}) {
-	let { evaluateVisibility: n = Ee, checkPermission: r = De, checkCapability: i = Oe, hasActionHandler: a = !1 } = t;
-	for (let o of e) if (n(o.visible) && !(o.requiredPermissions?.length && !r(o.requiredPermissions)) && !(o.requiresObject && !i("object", o.requiresObject)) && !(o.requiresService && !i("service", o.requiresService)) && o.type !== "separator") {
-		if (o.type === "group") {
-			if (J(o.children ?? [], t)) return !0;
+function X(e, t = {}) {
+	let { hasActionHandler: n = !1 } = t;
+	for (let r of e) if (Pe(r, t) && r.type !== "separator") {
+		if (r.type === "group") {
+			if (X(r.children ?? [], t)) return !0;
 			continue;
 		}
-		if (!(o.type === "action" && !a)) return !0;
+		if (r.type !== "action" || n) return !0;
 	}
 	return !1;
 }
-var ke = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
-function Y(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(ke, (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 Ae = "runAction";
-function je(e, t) {
+var Ie = "runAction";
+function Le(e, t) {
 	let n = t.runAction;
-	return typeof n != "string" || n === "" ? e : `${e}${e.includes("?") ? "&" : "?"}${Ae}=${encodeURIComponent(n)}`;
+	return typeof n != "string" || n === "" ? e : `${e}${e.includes("?") ? "&" : "?"}${Ie}=${encodeURIComponent(n)}`;
 }
-function X(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 Q(e, t, n) {
 	switch (e.type) {
 		case "object": {
 			let r = `${t}/${e.objectName ?? ""}`, i = e.recordId;
 			if (i) {
-				let t = Y(i, n);
+				let t = Z(i, n);
 				if (t) {
 					let n = `${r}/record/${encodeURIComponent(t)}`;
 					return {
@@ -244,17 +261,17 @@ function X(e, t, n) {
 				let t = new URLSearchParams();
 				for (let [e, r] of Object.entries(a)) {
 					if (r == null || e === "") continue;
-					let i = Y(String(r), n);
+					let i = Z(String(r), n);
 					i !== null && t.set(`filter[${e}]`, i);
 				}
 				let i = t.toString();
 				return {
-					href: je(i ? `${r}/data?${i}` : `${r}/data`, e),
+					href: Le(i ? `${r}/data?${i}` : `${r}/data`, e),
 					external: !1
 				};
 			}
 			return {
-				href: je(e.viewName ? `${r}/view/${e.viewName}` : r, e),
+				href: Le(e.viewName ? `${r}/view/${e.viewName}` : r, e),
 				external: !1
 			};
 		}
@@ -272,7 +289,7 @@ function X(e, t, n) {
 				let e = new URLSearchParams();
 				for (let [t, i] of Object.entries(r)) if (i != null) {
 					if (typeof i == "string") {
-						let r = Y(i, n);
+						let r = Z(i, n);
 						r !== null && e.set(t, r);
 					} else e.set(t, JSON.stringify(i));
 				}
@@ -310,7 +327,7 @@ function X(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 = Y(r, n);
+							let i = Z(r, n);
 							i && e.set(t, i);
 						} else e.set(t, JSON.stringify(r));
 					}
@@ -340,33 +357,37 @@ function X(e, t, n) {
 				external: !1
 			};
 		}
+		case "doc": return {
+			href: Re(e.book, e.doc, t),
+			external: !1
+		};
 		default: return {
 			href: "#",
 			external: !1
 		};
 	}
 }
-var Me = 50, Ne = 40, Pe = 30, Fe = 25, Ie = 10, Le = 5;
-function Re(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 ze(e, t) {
+function Ke(e, t) {
 	return t.startsWith(`${e}.`) ? t.slice(e.length + 1) : t;
 }
-function Be(e, t, n, r, i) {
-	let { href: a, external: o } = X(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 = Y(s, i);
-			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Me : 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)) {
@@ -374,583 +395,633 @@ function Be(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 = Y(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 Ne;
+			return Be;
 		}
-		return e.viewName ? o[0] !== "view" || !o[1] ? 0 : ze(e.objectName, decodeURIComponent(o[1])) === ze(e.objectName, e.viewName) ? Pe : 0 : o.length === 0 ? Fe : Ie;
+		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 Fe;
+	if (t === s) return He;
 	let c = e.componentRef;
-	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? Le : 0;
+	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? We : 0;
 }
-function Ve(e, t, n, r, i) {
-	let a = Re(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 = Be(n, t, a, r, i);
+			let e = qe(n, t, a, r, i);
 			e > s && (o = n, s = e);
 		}
 	};
 	return c(e), o;
 }
-var Z = t.createContext(null);
-function Q(e, t) {
+var Ye = e.createContext(null);
+function Xe(e, t, n = (e) => Y(e)) {
 	if (!t.trim()) return e;
-	let n = t.toLowerCase().trim();
-	return e.reduce((e, r) => {
-		if (r.type === "separator") return e;
-		if (r.type === "group" && r.children?.length) {
-			let n = Q(r.children, t);
-			return n.length > 0 && e.push({
-				...r,
-				children: n
+	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 = Xe(i.children, t, n);
+			return r.length > 0 && e.push({
+				...i,
+				children: r
 			}), e;
 		}
-		return q(r.label).toLowerCase().includes(n) && e.push(r), e;
+		return n(i).toLowerCase().includes(r) && e.push(i), e;
 	}, []);
 }
-var He = 5;
-function Ue({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAction: a, enablePinning: o, onPinToggle: s, enableReorder: c, resolveObjectLabel: l, resolveDashboardLabel: u, resolveViewLabel: d, t: f, templateContext: p }) {
-	let { attributes: m, listeners: h, setNodeRef: g, transform: _, transition: v, isDragging: y } = fe({
-		id: e.id,
-		disabled: !c
-	}), b = {
-		transform: me.Transform.toString(_),
-		transition: v,
-		opacity: y ? .5 : void 0,
-		zIndex: y ? 10 : void 0
-	};
-	return /* @__PURE__ */ z("div", {
-		ref: g,
-		style: b,
-		...m,
-		children: /* @__PURE__ */ z($, {
-			item: e,
-			basePath: t,
-			evalVis: n,
-			checkPerm: r,
-			checkCap: i,
-			onAction: a,
-			enablePinning: o,
-			onPinToggle: s,
-			dragListeners: c ? h : void 0,
-			resolveObjectLabel: l,
-			resolveDashboardLabel: u,
-			resolveViewLabel: 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: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onAction: d, enablePinning: p, onPinToggle: m, dragListeners: h, resolveObjectLabel: y, resolveDashboardLabel: b, resolveViewLabel: x, t: E, templateContext: D }) {
-	let O = M(), k = O ? "min-h-[44px] text-[15px] gap-3 rounded-xl" : void 0, j = A("shrink-0", O ? "h-5 w-5" : "h-4 w-4"), N = (() => {
-		if (typeof e.expanded == "boolean") return e.expanded;
-		if (typeof e.defaultOpen == "boolean") return e.defaultOpen;
-	})(), ee = e.type === "group" ? e.children?.length ?? 0 : 0, F = t.useContext(Z), ie = t.useMemo(() => {
-		if (e.type !== "group" || !F) return !1;
-		let t = (e) => !!e?.some((e) => e.id === F || e.type === "group" && t(e.children));
-		return t(e.children);
-	}, [e, F]) ? !0 : N ?? !(ee >= 8), [I, L] = i(ie);
-	if (!r(e.visible) || e.requiredPermissions?.length && !o(e.requiredPermissions)) return null;
-	let R = e.requiresObject, V = e.requiresService;
-	if (R && !u("object", R) || V && !u("service", V)) return null;
-	if (e.type === "separator") return /* @__PURE__ */ z(f, { className: "my-2" });
-	if (e.type === "group") {
-		let t = (e.children ?? []).slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), i = Te(e, y, E, b, x);
-		return /* @__PURE__ */ z(s, {
-			open: I,
-			onOpenChange: L,
-			children: /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, {
+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;
+	})(), 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, V]) ? !0 : B ?? !(te >= 8), [H, ae] = i(ie), U = {
+		evaluateVisibility: r,
+		checkPermission: a,
+		checkCapability: s,
+		checkDocTarget: d,
+		hasActionHandler: !!f
+	};
+	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(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,
-				children: /* @__PURE__ */ B(l, {
-					className: A("flex w-full items-center justify-between", O && "min-h-[44px] text-[15px] rounded-xl"),
-					children: [i, /* @__PURE__ */ z(P, { className: A("ml-auto transition-transform", O ? "h-5 w-5" : "h-4 w-4", I && "rotate-90") })]
+				className: j(Te, Ee),
+				children: /* @__PURE__ */ I(u, {
+					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__ */ z(c, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z($, {
+			}), /* @__PURE__ */ F(l, { children: /* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.map((e) => /* @__PURE__ */ F($, {
 				item: e,
-				basePath: n,
-				evalVis: r,
-				checkPerm: o,
-				checkCap: u,
-				onAction: d,
-				enablePinning: p,
-				onPinToggle: m,
-				resolveObjectLabel: y,
-				resolveDashboardLabel: b,
-				resolveViewLabel: x,
-				t: E,
-				templateContext: D
+				...o
 			}, e.id)) }) }) })] })
 		});
+		return S ? /* @__PURE__ */ F("li", { children: p }) : p;
 	}
-	if (e.type === "action") {
-		if (!d) return null;
-		let t = K(e.icon), r = q(e.label, E);
-		return /* @__PURE__ */ B(T, { children: [
-			h && /* @__PURE__ */ z("span", {
-				className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
-				"aria-label": E ? E("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-				...h,
-				children: /* @__PURE__ */ z(te, { className: "h-3.5 w-3.5" })
-			}),
-			/* @__PURE__ */ B(w, {
-				tooltip: r,
-				onClick: () => d?.(e),
-				className: k,
-				children: [
-					/* @__PURE__ */ z(t, { className: j }),
-					/* @__PURE__ */ z("span", { children: r }),
-					e.badge != null && /* @__PURE__ */ z(a, {
-						variant: e.badgeVariant ?? "default",
-						className: "ml-auto text-[10px] px-1.5 py-0",
-						children: e.badge
-					})
-				]
-			}),
-			p && m && /* @__PURE__ */ z(C, {
-				showOnHover: !0,
-				onClick: () => m(e.id, !e.pinned, e, n),
-				"aria-label": E ? E(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-					defaultValue: e.pinned ? `Unpin ${r}` : `Pin ${r}`,
-					name: r
-				}) : e.pinned ? `Unpin ${r}` : `Pin ${r}`,
-				children: e.pinned ? /* @__PURE__ */ z(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ z(ne, { className: "h-3.5 w-3.5" })
-			})
-		] });
+	if (t.type === "action") {
+		if (!f) return null;
+		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 H = K(e.icon), { href: U, external: se } = X(e, n, D), ce = F !== null && e.id === F, W = Te(e, y, E, b, x), G = /* @__PURE__ */ B(ae, { children: [
-		/* @__PURE__ */ z(H, { className: j }),
-		/* @__PURE__ */ z("span", { children: W }),
-		e.badge != null && /* @__PURE__ */ z(a, {
-			variant: e.badgeVariant ?? "default",
+	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: e.badge
+			children: t.badge
 		})
-	] });
-	return /* @__PURE__ */ B(T, { children: [
-		h && /* @__PURE__ */ z("span", {
-			className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
-			"aria-label": E ? E("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-			...h,
-			children: /* @__PURE__ */ z(te, { className: "h-3.5 w-3.5" })
-		}),
-		/* @__PURE__ */ z(w, {
-			asChild: !0,
-			isActive: ce,
-			tooltip: W,
-			className: k,
-			children: se ? /* @__PURE__ */ z("a", {
-				href: U,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				children: G
-			}) : /* @__PURE__ */ z(oe, {
-				to: U,
-				children: G
+	] }), 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" })
 			})
-		}),
-		p && m && /* @__PURE__ */ z(C, {
-			showOnHover: !0,
-			onClick: () => m(e.id, !e.pinned, e, n),
-			"aria-label": E ? E(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-				defaultValue: e.pinned ? `Unpin ${W}` : `Pin ${W}`,
-				name: W
-			}) : e.pinned ? `Unpin ${W}` : `Pin ${W}`,
-			children: e.pinned ? /* @__PURE__ */ z(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ z(ne, { className: "h-3.5 w-3.5" })
-		})
-	] });
+		]
+	});
 }
-function We({ items: e, basePath: t = "", evaluateVisibility: n = Ee, checkPermission: i = De, checkCapability: a = Oe, onAction: o, searchQuery: s, enablePinning: c, onPinToggle: l, enableReorder: u, onReorder: d, resolveObjectLabel: f, resolveDashboardLabel: p, resolveViewLabel: m, t: h, templateContext: y }) {
-	let b = H(), x = r(() => Ve(e, b.pathname, b.search, t, y)?.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,
-		y
-	]), C = r(() => s ? Q(e, s) : e, [e, s]), w = r(() => Ge(C), [C]), T = C.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), E = le(G(ce, { activationConstraint: { distance: He } }), G(se)), D = (e) => {
-		let { active: t, over: n } = e;
-		if (!n || t.id === n.id || !d) return;
-		let r = T.findIndex((e) => e.id === t.id), i = T.findIndex((e) => e.id === n.id);
-		r !== -1 && i !== -1 && d(de(T, r, i).map((e, t) => ({
-			...e,
-			order: t
-		})));
-	}, O = {
-		basePath: t,
-		evalVis: n,
-		checkPerm: i,
-		checkCap: a,
-		onAction: o,
-		enablePinning: c,
-		onPinToggle: l,
-		resolveObjectLabel: f,
-		resolveDashboardLabel: p,
-		resolveViewLabel: m,
-		t: h,
-		templateContext: y
-	}, k = T.some((e) => e.type === "group"), A = w.length > 0 && c ? /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(v, {
-		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ z(I, { className: "h-3.5 w-3.5" }), h ? h("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
-	}), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: w.map((e) => /* @__PURE__ */ z($, {
+		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,
+		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 = u ? /* @__PURE__ */ z(U, {
-			sensors: E,
-			collisionDetection: W,
-			onDragEnd: D,
-			children: /* @__PURE__ */ z(ue, {
-				items: e,
-				strategy: pe,
-				children: /* @__PURE__ */ z(S, { children: T.map((e) => /* @__PURE__ */ z(Ue, {
-					item: e,
-					enableReorder: u,
-					...O
-				}, e.id)) })
-			})
-		}) : /* @__PURE__ */ z(S, { children: T.map((e) => /* @__PURE__ */ z($, {
+		...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__ */ B(Z.Provider, {
-			value: x,
-			children: [A, /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: t }) })]
-		});
-	}
-	let j = [], M = [], N = (e) => {
-		if (M.length === 0) return;
-		let t = M;
-		M = [], j.push(/* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z($, {
+			...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__ */ z($, {
+	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__ */ B(Z.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 Ge(e) {
-	let t = [];
-	for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...Ge(n.children));
-	return t;
-}
-//#endregion
-//#region src/AppShell.tsx
-function Ke(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;
-	if (a !== o) {
-		let e = a - o;
-		switch (c = l > .5 ? e / (2 - a - o) : e / (a + o), a) {
-			case n:
-				s = ((r - i) / e + (r < i ? 6 : 0)) / 6;
-				break;
-			case r:
-				s = ((i - n) / e + 2) / 6;
-				break;
-			case i: s = ((n - r) / e + 4) / 6;
-		}
-	}
-	return {
-		h: s * 360,
-		s: c * 100,
-		l: l * 100
-	};
-}
-function qe(e) {
-	let t = Ke(e);
-	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
-}
-function Je(e) {
-	let t = Ke(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 Ye(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) => {
-		let t = e / 255;
-		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-	}, 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 Xe(e, t) {
-	n(() => {
-		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
-			if (e?.primaryColor) {
-				let t = qe(e.primaryColor), i = Je(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%" : Ye(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 = qe(e.accentColor), i = Je(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%" : Ye(e.accentColor)));
-			} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
-		};
-		i();
-		let a = new MutationObserver((e) => {
-			for (let t of e) if (t.type === "attributes" && t.attributeName === "class") {
-				i();
-				break;
-			}
-		});
-		if (a.observe(n, {
-			attributes: !0,
-			attributeFilter: ["class"]
-		}), e?.favicon) {
-			let t = document.querySelector("#favicon") || document.querySelector("link[rel=\"icon\"]");
-			t && (t.href = e.favicon);
-		}
-		return t && (document.title = t), () => {
-			a.disconnect(), n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
-		};
-	}, [
-		e?.primaryColor,
-		e?.accentColor,
-		e?.favicon,
-		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 Ze({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
-	return Xe(a, a?.title), /* @__PURE__ */ B(k, {
-		defaultOpen: i,
-		className: "!flex-col h-svh overflow-hidden",
-		children: [/* @__PURE__ */ z("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",
-			children: t
-		}), /* @__PURE__ */ B("div", {
-			className: "flex flex-1 min-h-0 w-full",
-			children: [
-				e,
-				/* @__PURE__ */ z(x, {
-					className: "min-w-0",
-					children: /* @__PURE__ */ z("main", {
-						className: A("flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6 pb-20 sm:pb-4 md:pb-6", r),
-						children: n
-					})
-				}),
-				o
-			]
-		})]
-	});
+function ct(e, t) {
+	let n = [];
+	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 ge(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 }) {
-	return e.length <= 1 ? null : /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ B(v, {
-		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ z(F, { className: "h-3.5 w-3.5" }), "Area"]
-	}), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.map((e) => {
-		let r = K(e.icon), i = Qe(e.label);
-		return /* @__PURE__ */ z(T, { children: /* @__PURE__ */ B(w, {
+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 ${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 = J(e.icon), i = ut(e.label);
+		return /* @__PURE__ */ F(E, { children: /* @__PURE__ */ I(T, {
 			isActive: e.id === t,
 			tooltip: i,
 			onClick: () => n(e.id),
-			children: [/* @__PURE__ */ z(r, { className: "h-4 w-4" }), /* @__PURE__ */ z("span", { children: i })]
+			children: [/* @__PURE__ */ F(r, { className: "h-4 w-4" }), /* @__PURE__ */ F("span", { children: i })]
 		}) }, e.id);
 	}) }) })] });
 }
-function et({ items: e, basePath: t }) {
-	let n = H(), r = (e) => {
+function ft({ items: e, basePath: t, guards: n, onAction: r }) {
+	let i = z(), a = (e) => {
 		let t = [];
-		for (let n of e) n.type !== "separator" && (n.type === "group" ? t.push(...r(n.children || [])) : t.push(n));
+		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;
-	}, i = r(e).slice(0, 5);
-	return i.length === 0 ? null : /* @__PURE__ */ z("div", {
+	}, s = a(e).slice(0, 5);
+	if (s.length === 0) return 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: i.map((e) => {
-			let r = K(e.icon), i = "#";
-			if (e.type === "object") i = `${t}/${e.objectName}`, e.viewName && (i += `/view/${e.viewName}`);
-			else if (e.type === "dashboard") i = e.dashboardName ? `${t}/dashboard/${e.dashboardName}` : "#";
-			else if (e.type === "page") i = e.pageName ? `${t}/page/${e.pageName}` : "#";
-			else if (e.type === "report") i = e.reportName ? `${t}/report/${e.reportName}` : "#";
-			else if (e.type === "url") i = e.url ?? "#";
-			else if (e.type === "component") {
-				let n = e.componentRef;
-				if (n) {
-					i = `${t}/component/${n.split(":").filter(Boolean).join("/")}`;
-					let r = e.params;
-					if (r) {
-						let e = new URLSearchParams();
-						for (let [t, n] of Object.entries(r)) n != null && e.set(t, typeof n == "string" ? n : JSON.stringify(n));
-						let t = e.toString();
-						t && (i += `?${t}`);
-					}
-				}
-			}
-			let a = i !== "#" && n.pathname.startsWith(i);
-			return /* @__PURE__ */ B(oe, {
-				to: i,
-				className: `flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
-				children: [/* @__PURE__ */ z(r, { className: "h-5 w-5" }), /* @__PURE__ */ z("span", {
+		children: s.map((e) => {
+			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.label)
-				})]
+					children: Y(e)
+				}),
+				e.badge != null && /* @__PURE__ */ F(o, {
+					variant: e.badgeVariant,
+					className: "absolute top-0.5 left-1/2 ml-1.5 px-1 py-0 text-[9px] leading-tight",
+					children: e.badge
+				})
+			] });
+			return e.type === "action" ? /* @__PURE__ */ F("button", {
+				type: "button",
+				onClick: () => r?.(e),
+				className: s,
+				children: l
+			}, e.id) : a ? /* @__PURE__ */ F("a", {
+				href: i,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: s,
+				children: l
+			}, e.id) : /* @__PURE__ */ F(L, {
+				to: i,
+				className: s,
+				children: l
 			}, e.id);
 		})
 	});
 }
-function tt({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onAction: o, sidebarHeader: s, sidebarFooter: c, sidebarExtra: l, visibleAreas: u, activeAreaId: d, setActiveAreaId: f, resolvedNavigation: g, enableSearch: _, enablePinning: v, onPinToggle: x, enableReorder: C, onReorder: E }) {
-	let D = K(e.logo), [O, k] = i("");
-	return /* @__PURE__ */ B(p, {
+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: [
-			/* @__PURE__ */ B(y, { children: [s ?? /* @__PURE__ */ z(S, { children: /* @__PURE__ */ z(T, { children: /* @__PURE__ */ B(w, {
+			/* @__PURE__ */ I(b, { children: [c ?? /* @__PURE__ */ F(C, { children: /* @__PURE__ */ F(E, { children: /* @__PURE__ */ I(T, {
 				size: "lg",
 				tooltip: e.title ?? e.name,
-				children: [/* @__PURE__ */ z("div", {
+				children: [/* @__PURE__ */ F("div", {
 					className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground",
-					children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ z("img", {
-						src: e.logo,
+					children: w ? /* @__PURE__ */ F("img", {
+						src: w,
 						alt: e.title ?? "",
 						className: "size-6 object-contain"
-					}) : /* @__PURE__ */ z(D, { className: "size-4" })
-				}), /* @__PURE__ */ B("div", {
+					}) : /* @__PURE__ */ F(D, { className: "size-4" })
+				}), /* @__PURE__ */ I("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ z("span", {
+					children: [/* @__PURE__ */ F("span", {
 						className: "truncate font-semibold",
 						children: e.title ?? e.name ?? "App"
-					}), e.description && /* @__PURE__ */ z("span", {
+					}), e.description && /* @__PURE__ */ F("span", {
 						className: "truncate text-xs text-muted-foreground",
 						children: e.description
 					})]
 				})]
-			}) }) }), _ && /* @__PURE__ */ z(b, {
+			}) }) }), v && /* @__PURE__ */ F(x, {
 				placeholder: "Search navigation…",
 				value: O,
 				onChange: (e) => k(e.target.value),
 				"aria-label": "Search navigation"
 			})] }),
-			/* @__PURE__ */ B(m, { children: [
-				u.length > 1 && d && /* @__PURE__ */ z($e, {
-					areas: u,
-					activeAreaId: d,
-					onAreaChange: f
+			/* @__PURE__ */ I(h, { children: [
+				d.length > 1 && f && /* @__PURE__ */ F(dt, {
+					areas: d,
+					activeAreaId: f,
+					onAreaChange: p
 				}),
-				/* @__PURE__ */ z(We, {
-					items: g,
+				/* @__PURE__ */ F(ot, {
+					items: _,
 					basePath: t,
 					evaluateVisibility: n,
 					checkPermission: r,
 					checkCapability: a,
-					onAction: o,
+					checkDocTarget: o,
+					onAction: s,
 					searchQuery: O,
-					enablePinning: v,
-					onPinToggle: x,
-					enableReorder: C,
-					onReorder: E
+					enablePinning: y,
+					onPinToggle: S
 				}),
-				l
+				u
 			] }),
-			c && /* @__PURE__ */ z(h, { children: c })
+			l && /* @__PURE__ */ F(g, { children: l })
 		]
 	});
 }
-function nt({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluateVisibility: o, checkPermission: s, checkCapability: c, onAction: l, navbar: u, sidebarHeader: d, sidebarFooter: f, sidebarExtra: p, children: m, className: h, defaultOpen: g = !0, enableSearch: _, enablePinning: v, onPinToggle: y, enableReorder: b, onReorder: x }) {
-	let S = o ?? ((e) => e !== !1 && e !== "false"), C = s ?? (() => !0), w = c ?? (() => !0), T = r(() => (e.menu ?? []).map((e, t) => he(e, t)), [e.menu]), E = e.navigation ?? T, D = (e.areas ?? []).filter((e) => J(e.navigation, {
-		evaluateVisibility: S,
-		checkPermission: C,
-		checkCapability: w,
-		hasActionHandler: !!l
-	})), [O, k] = i(() => D.length > 0 ? D[0].id : null), A = D.map((e) => e.id).join(",");
+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
+	}, 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(() => {
 		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 ?? E, N = {
+	let j = D.find((e) => e.id === O) ?? D[0], M = j?.navigation ?? T, N = {
 		title: e.title,
-		favicon: e.favicon
-	}, P = /* @__PURE__ */ z(tt, {
+		favicon: e.branding?.favicon
+	}, L = /* @__PURE__ */ F(pt, {
 		schema: e,
 		basePath: t,
-		evalVis: S,
-		checkPerm: C,
-		checkCap: w,
-		onAction: l,
-		sidebarHeader: d,
-		sidebarFooter: f,
-		sidebarExtra: p,
+		evalVis: x,
+		checkPerm: S,
+		checkCap: C,
+		checkDocTarget: l,
+		onAction: u,
+		sidebarHeader: f,
+		sidebarFooter: p,
+		sidebarExtra: m,
 		visibleAreas: D,
 		activeAreaId: j?.id ?? null,
 		setActiveAreaId: k,
 		resolvedNavigation: M,
-		enableSearch: _,
-		enablePinning: v,
-		onPinToggle: y,
-		enableReorder: b,
-		onReorder: x
+		enableSearch: v,
+		enablePinning: y,
+		onPinToggle: b
 	});
-	return /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z(Ze, {
-		sidebar: P,
-		navbar: u,
-		className: h,
-		defaultOpen: g,
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Ce, {
+		sidebar: L,
+		navbar: d,
+		className: g,
+		defaultOpen: _,
 		branding: N,
-		children: m
-	}), a === "bottom_nav" && /* @__PURE__ */ z(et, {
+		children: h
+	}), a === "bottom_nav" && /* @__PURE__ */ F(ft, {
 		items: M,
-		basePath: t
+		basePath: t,
+		guards: E,
+		onAction: u
 	})] });
 }
 //#endregion
+//#region src/PageHeader.tsx
+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);
+}, 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" ? ht(r) ?? "" : String(r);
+}).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
+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(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,
+			location: "record_header",
+			align: "end",
+			inline: !0
+		}
+	} }) : null) || C;
+	return /* @__PURE__ */ F("div", {
+		className: j("flex flex-col gap-3 pb-4 border-b", l),
+		...d,
+		children: /* @__PURE__ */ I("div", {
+			className: "flex flex-wrap items-center gap-x-4 gap-y-2",
+			children: [
+				x && /* @__PURE__ */ F(s, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					onClick: S,
+					"aria-label": "Back to list",
+					className: "flex-shrink-0 -ml-2",
+					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",
+					children: typeof r == "string" ? /* @__PURE__ */ F(f, {
+						name: r,
+						className: "size-5"
+					}) : r
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "flex flex-col min-w-48 flex-1",
+					children: [h ? /* @__PURE__ */ F("h1", {
+						className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
+						children: h
+					}) : null, v && /* @__PURE__ */ F("p", {
+						className: "text-sm text-muted-foreground truncate",
+						children: v
+					})]
+				}),
+				T && /* @__PURE__ */ F("div", {
+					className: "flex items-center gap-2 ml-auto",
+					children: T
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region src/SidebarNav.tsx
-function rt(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 it({ item: e, pathname: t }) {
-	return e.children && e.children.length > 0 ? /* @__PURE__ */ z(s, {
+function bt({ item: e, pathname: t }) {
+	return e.children && e.children.length > 0 ? /* @__PURE__ */ F(c, {
 		asChild: !0,
 		defaultOpen: !0,
 		className: "group/collapsible",
-		children: /* @__PURE__ */ B(T, { children: [/* @__PURE__ */ z(l, {
+		children: /* @__PURE__ */ I(E, { children: [/* @__PURE__ */ F(u, {
 			asChild: !0,
-			children: /* @__PURE__ */ B(w, {
+			children: /* @__PURE__ */ I(T, {
 				tooltip: e.title,
 				className: "motion-safe:transition-colors motion-safe:duration-150",
 				children: [
-					e.icon && /* @__PURE__ */ z(e.icon, {}),
-					/* @__PURE__ */ z("span", { children: e.title }),
-					e.badge != null && /* @__PURE__ */ z(a, {
+					e.icon && /* @__PURE__ */ F(e.icon, {}),
+					/* @__PURE__ */ F("span", { children: e.title }),
+					e.badge != null && /* @__PURE__ */ F(o, {
 						variant: e.badgeVariant || "default",
 						className: "ml-auto mr-1 h-5 min-w-5 px-1 text-xs",
 						children: e.badge
 					}),
-					/* @__PURE__ */ z(P, { 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__ */ z(c, {
+		}), /* @__PURE__ */ F(l, {
 			className: "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:slide-out-to-top-1 motion-safe:data-[state=open]:slide-in-from-top-1 motion-safe:duration-150",
-			children: /* @__PURE__ */ z(E, { children: e.children.map((e) => /* @__PURE__ */ z(O, { children: /* @__PURE__ */ z(D, {
+			children: /* @__PURE__ */ F(D, { children: e.children.map((e) => /* @__PURE__ */ F(k, { children: /* @__PURE__ */ F(O, {
 				asChild: !0,
 				isActive: t === e.href,
 				className: "motion-safe:transition-colors motion-safe:duration-150",
-				children: /* @__PURE__ */ B(V, {
+				children: /* @__PURE__ */ I(R, {
 					to: e.href,
 					children: [
-						e.icon && /* @__PURE__ */ z(e.icon, {}),
-						/* @__PURE__ */ z("span", { children: e.title }),
-						e.badge != null && /* @__PURE__ */ z(a, {
+						e.icon && /* @__PURE__ */ F(e.icon, {}),
+						/* @__PURE__ */ F("span", { children: e.title }),
+						e.badge != null && /* @__PURE__ */ F(o, {
 							variant: e.badgeVariant || "default",
 							className: "ml-auto h-5 min-w-5 px-1 text-xs",
 							children: e.badge
@@ -959,17 +1030,17 @@ function it({ item: e, pathname: t }) {
 				})
 			}) }, e.href)) })
 		})] })
-	}) : /* @__PURE__ */ z(T, { children: /* @__PURE__ */ z(w, {
+	}) : /* @__PURE__ */ F(E, { children: /* @__PURE__ */ F(T, {
 		asChild: !0,
 		isActive: t === e.href,
 		tooltip: e.title,
 		className: "motion-safe:transition-colors motion-safe:duration-150",
-		children: /* @__PURE__ */ B(V, {
+		children: /* @__PURE__ */ I(R, {
 			to: e.href,
 			children: [
-				e.icon && /* @__PURE__ */ z(e.icon, {}),
-				/* @__PURE__ */ z("span", { children: e.title }),
-				e.badge != null && /* @__PURE__ */ z(a, {
+				e.icon && /* @__PURE__ */ F(e.icon, {}),
+				/* @__PURE__ */ F("span", { children: e.title }),
+				e.badge != null && /* @__PURE__ */ F(o, {
 					variant: e.badgeVariant || "default",
 					className: "ml-auto h-5 min-w-5 px-1 text-xs",
 					children: e.badge
@@ -978,26 +1049,26 @@ function it({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function at({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search…" }) {
-	let s = H(), [c, l] = t.useState(""), d = t.useMemo(() => e.length === 0 ? [] : rt(e[0]) ? e.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: e }], [e]), f = t.useMemo(() => {
-		if (!c) return d;
+	})) : [{ items: t }], [t]), f = e.useMemo(() => {
+		if (!c) return u;
 		let e = c.toLowerCase();
-		return d.map((t) => ({
+		return u.map((t) => ({
 			...t,
 			items: t.items.filter((t) => t.title.toLowerCase().includes(e) || t.children?.some((t) => t.title.toLowerCase().includes(e)))
 		})).filter((e) => e.items.length > 0);
-	}, [d, c]);
-	return /* @__PURE__ */ z(p, {
+	}, [u, c]);
+	return /* @__PURE__ */ F(m, {
 		className: r,
 		collapsible: i,
-		children: /* @__PURE__ */ B(m, { children: [a && /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ I(h, { children: [a && /* @__PURE__ */ F("div", {
 			className: "px-3 py-2",
-			children: /* @__PURE__ */ B("div", {
+			children: /* @__PURE__ */ I("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ z(ie, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ z(u, {
+				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,
@@ -1005,16 +1076,16 @@ function at({ items: e, title: n = "Application", className: r, collapsible: i =
 					className: "pl-8 h-9"
 				})]
 			})
-		}), f.map((e, t) => /* @__PURE__ */ B(g, { children: [
-			t > 0 && /* @__PURE__ */ z("div", {
+		}), f.map((e, t) => /* @__PURE__ */ I(_, { children: [
+			t > 0 && /* @__PURE__ */ F("div", {
 				className: "mx-3 mb-1 h-px bg-sidebar-border/60",
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ z(v, {
-				className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
+			/* @__PURE__ */ F(y, {
+				className: `text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60 ${vt}`,
 				children: e.groupLabel || n
 			}),
-			/* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.items.map((e) => /* @__PURE__ */ z(it, {
+			/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.items.map((e) => /* @__PURE__ */ F(bt, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -1022,68 +1093,97 @@ function at({ items: e, title: n = "Application", className: r, collapsible: i =
 	});
 }
 //#endregion
-//#region src/index.ts
-function ot() {
-	e.register("page-header", ye, {
-		namespace: "layout",
-		label: "Page Header",
-		category: "Layout",
-		isContainer: !0,
-		inputs: [
-			{
-				name: "title",
-				type: "string",
-				label: "Title"
-			},
-			{
-				name: "subtitle",
-				type: "string",
-				label: "Subtitle"
-			},
-			{
-				name: "icon",
-				type: "string",
-				label: "Icon",
-				description: "Lucide icon name"
-			},
-			{
-				name: "actions",
-				type: "array",
-				label: "Actions",
-				description: "ActionDef list (or action ids) rendered through record:quick_actions"
-			}
-		]
-	}), e.register("page:card", be, {
+//#region src/ResponsiveGrid.tsx
+var St = {
+	xs: {
+		1: "grid-cols-1",
+		2: "grid-cols-2",
+		3: "grid-cols-3",
+		4: "grid-cols-4",
+		6: "grid-cols-6",
+		12: "grid-cols-12"
+	},
+	sm: {
+		1: "sm:grid-cols-1",
+		2: "sm:grid-cols-2",
+		3: "sm:grid-cols-3",
+		4: "sm:grid-cols-4",
+		6: "sm:grid-cols-6",
+		12: "sm:grid-cols-12"
+	},
+	md: {
+		1: "md:grid-cols-1",
+		2: "md:grid-cols-2",
+		3: "md:grid-cols-3",
+		4: "md:grid-cols-4",
+		6: "md:grid-cols-6",
+		12: "md:grid-cols-12"
+	},
+	lg: {
+		1: "lg:grid-cols-1",
+		2: "lg:grid-cols-2",
+		3: "lg:grid-cols-3",
+		4: "lg:grid-cols-4",
+		6: "lg:grid-cols-6",
+		12: "lg:grid-cols-12"
+	},
+	xl: {
+		1: "xl:grid-cols-1",
+		2: "xl:grid-cols-2",
+		3: "xl:grid-cols-3",
+		4: "xl:grid-cols-4",
+		6: "xl:grid-cols-6",
+		12: "xl:grid-cols-12"
+	},
+	"2xl": {
+		1: "2xl:grid-cols-1",
+		2: "2xl:grid-cols-2",
+		3: "2xl:grid-cols-3",
+		4: "2xl:grid-cols-4",
+		6: "2xl:grid-cols-6",
+		12: "2xl:grid-cols-12"
+	}
+};
+function Ct(e) {
+	if (!e) return "grid-cols-1";
+	let t = [];
+	for (let [n, r] of Object.entries(e)) {
+		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]);
+		}
+	}
+	return t.join(" ") || "grid-cols-1";
+}
+var wt = {
+	0: "gap-0",
+	1: "gap-1",
+	2: "gap-2",
+	3: "gap-3",
+	4: "gap-4",
+	5: "gap-5",
+	6: "gap-6",
+	8: "gap-8"
+}, 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
+	});
+}, Et = { type: "app" }, Dt = ({ schema: e, children: n, ...r }) => t(mt, {
+	...r,
+	schema: e?.schema ?? Et,
+	children: n
+});
+function Ot() {
+	a.register("page:card", _e, {
 		namespace: "layout",
 		skipFallback: !0,
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), e.register("responsive-grid", we, {
-		namespace: "layout",
-		label: "Responsive Grid",
-		category: "Layout",
-		isContainer: !0,
-		inputs: [{
-			name: "columns",
-			type: "object"
-		}, {
-			name: "gap",
-			type: "number"
-		}]
-	}), e.register("navigation-renderer", We, {
-		namespace: "layout",
-		label: "Navigation Renderer",
-		category: "Layout",
-		inputs: [{
-			name: "items",
-			type: "array",
-			required: !0
-		}, {
-			name: "basePath",
-			type: "string"
-		}]
-	}), e.register("app-schema-renderer", nt, {
+	}), a.register("app-schema-renderer", Dt, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -1101,15 +1201,13 @@ function ot() {
 				name: "mobileNavMode",
 				type: "enum",
 				enum: ["drawer", "bottom_nav"],
-				defaultValue: "drawer",
-				label: "Mobile Nav Mode",
 				description: "Mobile navigation mode. \"drawer\" (default) puts the sidebar in the mobile sheet overlay; \"bottom_nav\" additionally renders a fixed bottom bar. These are the only two modes the renderer implements."
 			}
 		]
 	});
 }
 try {
-	ot();
+	Ot();
 } catch {}
 //#endregion
-export { nt as AppSchemaRenderer, Ze as AppShell, Ae as NAV_RUN_ACTION_PARAM, We as NavigationRenderer, be as PageCard, ye as PageHeader, we as ResponsiveGrid, at as SidebarNav, Q as filterNavigationItems, J as hasVisibleNavigationItems, ot as registerLayout, Ve as resolveActiveNavItem, X as resolveHref, K as resolveIcon, q as resolveLabel, Xe 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 };