@object-ui/layout 17.5.0 → 17.7.0

package/dist/index.js

@@ -1,84 +1,29 @@
-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 F, GripVertical as ee, Layers as te, Pin as ne, PinOff as re, Search as ie, Star as I } from "lucide-react";
-import { SchemaRenderer as L, useRecordContext as ae } from "@object-ui/react";
-import { Fragment as oe, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { Link as se, NavLink as B, useLocation as V } from "react-router-dom";
-import { DndContext as H, KeyboardSensor as ce, PointerSensor as U, closestCenter as le, useSensor as W, useSensors as G } from "@dnd-kit/core";
-import { SortableContext as K, arrayMove as ue, useSortable as de, verticalListSortingStrategy as fe } from "@dnd-kit/sortable";
-import { CSS as pe } from "@dnd-kit/utilities";
-import { menuItemToNavigationItem as me } from "@object-ui/types";
-import { resolveI18nLabel as he } from "@objectstack/spec/ui";
-//#region src/PageHeader.tsx
-var ge = (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);
-}, _e = (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" ? ge(r) ?? "" : String(r);
-}).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
-function ve({ title: e, subtitle: n, description: r, icon: i, action: a, actions: s, showBack: c, schema: l, className: u, children: f, ...p }) {
-	let m = ae(), h = typeof e == "string" && /\{[a-zA-Z0-9_.]+\}/.test(e), g = _e(e, m?.data) || (h ? "" : e), _ = n ?? r, v = typeof _ == "string" && /\{[a-zA-Z0-9_.]+\}/.test(_), y = _e(_, m?.data) || (v ? "" : _), b = !!m?.recordId, x = !!m?.embedded, S = c ?? (b && !x), C = 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")));
-	}, []), w = Array.isArray(l?.children) ? l.children.filter(Boolean).map((e, t) => /* @__PURE__ */ R(L, { schema: e }, e?.id || `pgh-child-${t}`)) : null, T = Array.isArray(s) && s.length > 0 && s || Array.isArray(l?.actions) && l.actions.length > 0 && l.actions || Array.isArray(l?.properties?.actions) && l.properties.actions.length > 0 && l.properties.actions || null, E = a || f || (T ? /* @__PURE__ */ R(L, { schema: {
-		type: "record:quick_actions",
-		properties: {
-			actions: T,
-			location: "record_header",
-			align: "end",
-			inline: !0
-		}
-	} }) : null) || w;
-	return /* @__PURE__ */ R("div", {
-		className: A("flex flex-col gap-3 pb-4 border-b", u),
-		...p,
-		children: /* @__PURE__ */ z("div", {
-			className: "flex flex-wrap items-center gap-x-4 gap-y-2",
-			children: [
-				S && /* @__PURE__ */ R(o, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					onClick: C,
-					"aria-label": "Back to list",
-					className: "flex-shrink-0 -ml-2",
-					children: /* @__PURE__ */ R(N, { className: "size-4" })
-				}),
-				i && (g || y) && /* @__PURE__ */ R("div", {
-					className: "flex-shrink-0 grid place-items-center size-10 rounded-md bg-primary/10 text-primary",
-					children: typeof i == "string" ? /* @__PURE__ */ R(d, {
-						name: i,
-						className: "size-5"
-					}) : i
-				}),
-				/* @__PURE__ */ z("div", {
-					className: "flex flex-col min-w-0 flex-1",
-					children: [g ? /* @__PURE__ */ R("h1", {
-						className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
-						children: g
-					}) : null, y && /* @__PURE__ */ R("p", {
-						className: "text-sm text-muted-foreground truncate",
-						children: y
-					})]
-				}),
-				E && /* @__PURE__ */ R("div", {
-					className: "flex items-center gap-2 ml-auto",
-					children: E
-				})
-			]
+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 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";
+//#region src/PageCard.tsx
+function ye({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ F("div", {
+		className: j("rounded-xl border bg-card text-card-foreground shadow", e),
+		...n,
+		children: /* @__PURE__ */ F("div", {
+			className: "p-6",
+			children: t
 		})
 	});
 }
 //#endregion
 //#region src/AppShell.tsx
-function ye(e) {
+function be(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;
@@ -100,17 +45,17 @@ function ye(e) {
 		l: l * 100
 	};
 }
-function be(e) {
-	let t = ye(e);
+function xe(e) {
+	let t = be(e);
 	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
 }
-function xe(e) {
-	let t = ye(e);
+function Se(e) {
+	let t = be(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 Se(e) {
+function Ce(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) => {
@@ -119,16 +64,16 @@ function Se(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 Ce(e, t) {
+function we(e, t) {
 	n(() => {
 		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
 			if (e?.primaryColor) {
-				let t = be(e.primaryColor), i = xe(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%" : Se(e.primaryColor)), n.style.setProperty("--ring", a), n.style.setProperty("--sidebar-primary", a), n.style.setProperty("--sidebar-ring", a));
+				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));
 			} 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 = be(e.accentColor), i = xe(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%" : Se(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)));
 			} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
 		};
 		i();
@@ -138,15 +83,18 @@ function Ce(e, t) {
 				break;
 			}
 		});
-		if (a.observe(n, {
+		a.observe(n, {
 			attributes: !0,
 			attributeFilter: ["class"]
-		}), e?.favicon) {
+		});
+		let o = null, s = null;
+		if (e?.favicon) {
 			let t = document.querySelector("#favicon") || document.querySelector("link[rel=\"icon\"]");
-			t && (t.href = e.favicon);
+			t && (o = t, s = t.getAttribute("href"), 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");
+		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,
@@ -155,21 +103,21 @@ function Ce(e, t) {
 		t
 	]);
 }
-function q({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
-	return Ce(a, a?.title), /* @__PURE__ */ z(k, {
+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, {
 		defaultOpen: i,
 		className: "!flex-col h-svh overflow-hidden",
-		children: [/* @__PURE__ */ R("header", {
+		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",
 			children: t
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: "flex flex-1 min-h-0 w-full",
 			children: [
 				e,
-				/* @__PURE__ */ R(x, {
+				/* @__PURE__ */ F(S, {
 					className: "min-w-0",
-					children: /* @__PURE__ */ R("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: /* @__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
 					})
 				}),
@@ -179,103 +127,16 @@ function q({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i =
 	});
 }
 //#endregion
-//#region src/PageCard.tsx
-function we({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ R("div", {
-		className: A("rounded-xl border bg-card text-card-foreground shadow", e),
-		...n,
-		children: /* @__PURE__ */ R("div", {
-			className: "p-6",
-			children: t
-		})
-	});
+//#region src/navOrder.ts
+function G(e, t) {
+	return (e.order ?? 0) - (t.order ?? 0);
 }
 //#endregion
-//#region src/ResponsiveGrid.tsx
-var Te = {
-	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 Ee(e) {
-	if (!e) return "grid-cols-1";
-	let t = [];
-	for (let [n, r] of Object.entries(e)) {
-		let e = Te[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 De = {
-	0: "gap-0",
-	1: "gap-1",
-	2: "gap-2",
-	3: "gap-3",
-	4: "gap-4",
-	5: "gap-5",
-	6: "gap-6",
-	8: "gap-8"
-}, Oe = ({ columns: e, gap: t = 4, className: n, children: r }) => {
-	let i = Ee(e), a = typeof t == "number" ? De[t] || `gap-${t}` : "";
-	return /* @__PURE__ */ R("div", {
-		className: A("grid", i, a, n),
-		children: r
-	});
-};
-//#endregion
 //#region src/NavigationRenderer.tsx
-function J(e) {
-	return e ? j(e) : F;
+function K(e) {
+	return e ? M(e) : B;
 }
-function Y(e, t) {
+function Ee(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -286,47 +147,101 @@ function Y(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function ke(e, t, n, r, i, a, o) {
-	let s = Y(e.label, n);
-	if (typeof e.label != "string") return s;
-	let c = (e) => !!e && s.trim().toLowerCase() !== e.trim().toLowerCase();
-	if (e.type === "object" && e.objectName) {
-		if (e.viewName) return c(e.viewName) ? s : a ? a(e.objectName, e.viewName, s) : s;
-		if (c(e.objectName)) return s;
-		if (t) return t(e.objectName, s);
-	}
-	if (e.type === "dashboard" && e.dashboardName) {
-		if (c(e.dashboardName)) return s;
-		if (r) return r(e.dashboardName, s);
-	}
-	if (e.type === "group" && e.id) {
-		if (c(e.id)) return s;
-		if (i) return i(e.id, s);
+function q(e, t, n, r) {
+	return e.type === "separator" ? "" : e.label === void 0 ? ke(e, n) : De(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) {
+	return typeof e == "object" && !!e && ("key" in e || "defaultValue" in e);
+}
+function ke(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 o && e.id && !c(e.id) ? o(e.id, s) : s;
+	return e.id;
 }
 var Ae = (e) => e !== !1 && e !== "false", je = () => !0, Me = () => !0;
-function Ne(e, t = {}) {
-	let { evaluateVisibility: n = Ae, checkPermission: r = je, checkCapability: i = Me, 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 (Ne(o.children ?? [], t)) return !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;
+	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 = {}) {
+	let { hasActionHandler: n = !1 } = t;
+	for (let r of e) if (J(r, t) && r.type !== "separator") {
+		if (r.type === "group") {
+			if (Y(r.children ?? [], t)) return !0;
 			continue;
 		}
-		if (!(o.type === "action" && !a)) return !0;
+		if (r.type !== "action" || n) return !0;
 	}
 	return !1;
 }
-var Pe = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
+var Ne = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
 function X(e, t) {
 	if (!e.includes("{")) return e;
-	let n = !1, r = e.replace(Pe, (e, r) => {
+	let n = !1, r = e.replace(Ne, (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;
 }
-function Fe(e, t, n) {
+var Pe = "runAction";
+function Fe(e, t) {
+	let n = t.runAction;
+	return typeof n != "string" || n === "" ? e : `${e}${e.includes("?") ? "&" : "?"}${Pe}=${encodeURIComponent(n)}`;
+}
+function Ie(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) {
 	switch (e.type) {
 		case "object": {
 			let r = `${t}/${e.objectName ?? ""}`, i = e.recordId;
@@ -342,20 +257,20 @@ function Fe(e, t, n) {
 			}
 			let a = e.filters;
 			if (a && typeof a == "object" && !Array.isArray(a)) {
-				let e = new URLSearchParams();
-				for (let [t, r] of Object.entries(a)) {
-					if (r == null || t === "") continue;
+				let t = new URLSearchParams();
+				for (let [e, r] of Object.entries(a)) {
+					if (r == null || e === "") continue;
 					let i = X(String(r), n);
-					i !== null && e.set(`filter[${t}]`, i);
+					i !== null && t.set(`filter[${e}]`, i);
 				}
-				let t = e.toString();
+				let i = t.toString();
 				return {
-					href: t ? `${r}/data?${t}` : `${r}/data`,
+					href: Fe(i ? `${r}/data?${i}` : `${r}/data`, e),
 					external: !1
 				};
 			}
 			return {
-				href: e.viewName ? `${r}/view/${e.viewName}` : r,
+				href: Fe(e.viewName ? `${r}/view/${e.viewName}` : r, e),
 				external: !1
 			};
 		}
@@ -441,25 +356,29 @@ function Fe(e, t, n) {
 				external: !1
 			};
 		}
+		case "doc": return {
+			href: Ie(e.book, e.doc, t),
+			external: !1
+		};
 		default: return {
 			href: "#",
 			external: !1
 		};
 	}
 }
-var Ie = 50, Le = 40, Re = 30, ze = 25, Be = 10, Ve = 5;
-function He(e) {
+var Le = 50, Re = 40, ze = 30, Be = 25, Ve = 10, He = 5;
+function Ue(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 Ue(e, t) {
+function We(e, t) {
 	return t.startsWith(`${e}.`) ? t.slice(e.length + 1) : t;
 }
-function We(e, t, n, r, i) {
-	let { href: a, external: o } = Fe(e, r, i);
+function Ge(e, t, n, r, i) {
+	let { href: a, external: o } = Z(e, r, i);
 	if (o || a === "#") return 0;
 	if (e.type === "object" && e.objectName) {
 		let a = `${r}/${e.objectName}`;
@@ -467,7 +386,7 @@ function We(e, t, n, r, i) {
 		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 ? Ie : 0;
+			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Le : 0;
 		}
 		let c = e.filters;
 		if (c && typeof c == "object" && !Array.isArray(c)) {
@@ -480,483 +399,573 @@ function We(e, t, n, r, i) {
 			}
 			if (e.size !== n.size) return 0;
 			for (let [t, r] of e) if (n.get(t) !== r) return 0;
-			return Le;
+			return Re;
 		}
-		return e.viewName ? o[0] !== "view" || !o[1] ? 0 : Ue(e.objectName, decodeURIComponent(o[1])) === Ue(e.objectName, e.viewName) ? Re : 0 : o.length === 0 ? ze : 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;
 	}
 	let s = a.split("?")[0];
-	if (t === s) return ze;
+	if (t === s) return Be;
 	let c = e.componentRef;
-	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? Ve : 0;
+	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? He : 0;
 }
-function Ge(e, t, n, r, i) {
-	let a = He(n), o = null, s = 0, c = (e) => {
+function Q(e, t, n, r, i) {
+	let a = Ue(n), o = null, s = 0, c = (e) => {
 		if (e) for (let n of e) {
 			if (n.type === "group") {
 				c(n.children);
 				continue;
 			}
-			let e = We(n, t, a, r, i);
+			let e = Ge(n, t, a, r, i);
 			e > s && (o = n, s = e);
 		}
 	};
 	return c(e), o;
 }
-var Ke = t.createContext(null);
-function Z(e, t) {
+var Ke = e.createContext(null);
+function qe(e, t, n = (e) => q(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 = Z(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 = qe(i.children, t, n);
+			return r.length > 0 && e.push({
+				...i,
+				children: r
 			}), e;
 		}
-		return Y(r.label).toLowerCase().includes(n) && e.push(r), e;
+		return n(i).toLowerCase().includes(r) && e.push(i), e;
 	}, []);
 }
-var qe = 5;
-function Je({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAction: a, enablePinning: o, onPinToggle: s, enableReorder: c, resolveObjectLabel: l, resolveDashboardLabel: u, resolveGroupLabel: d, resolveViewLabel: f, resolveItemLabel: p, t: m, templateContext: h }) {
-	let { attributes: g, listeners: _, setNodeRef: v, transform: y, transition: b, isDragging: x } = de({
+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: !c
-	}), S = {
-		transform: pe.Transform.toString(y),
-		transition: b,
-		opacity: x ? .5 : void 0,
-		zIndex: x ? 10 : void 0
+		disabled: !l
+	}), b = {
+		transform: ge.Transform.toString(_),
+		transition: v,
+		opacity: y ? .5 : void 0,
+		zIndex: y ? 10 : void 0
 	};
-	return /* @__PURE__ */ R("div", {
-		ref: v,
-		style: S,
-		...g,
-		children: /* @__PURE__ */ R(Q, {
+	return /* @__PURE__ */ F("div", {
+		ref: g,
+		style: b,
+		...m,
+		children: /* @__PURE__ */ F($, {
 			item: e,
 			basePath: t,
 			evalVis: n,
 			checkPerm: r,
 			checkCap: i,
-			onAction: a,
-			enablePinning: o,
-			onPinToggle: s,
-			dragListeners: c ? _ : void 0,
-			resolveObjectLabel: l,
-			resolveDashboardLabel: u,
-			resolveGroupLabel: d,
-			resolveViewLabel: f,
-			resolveItemLabel: p,
-			t: m,
-			templateContext: h
+			checkDocTarget: a,
+			onAction: o,
+			enablePinning: s,
+			onPinToggle: c,
+			dragListeners: l ? h : void 0,
+			resolveTargetLabel: u,
+			locale: d,
+			t: f,
+			templateContext: p
 		})
 	});
 }
-function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onAction: d, enablePinning: p, onPinToggle: m, dragListeners: h, resolveObjectLabel: y, resolveDashboardLabel: b, resolveGroupLabel: x, resolveViewLabel: E, resolveItemLabel: D, t: O, templateContext: k }) {
-	let j = M(), N = j ? "min-h-[44px] text-[15px] gap-3 rounded-xl" : void 0, F = A("shrink-0", j ? "h-5 w-5" : "h-4 w-4"), te = (() => {
-		if (typeof e.expanded == "boolean") return e.expanded;
-		if (typeof e.defaultOpen == "boolean") return e.defaultOpen;
-	})(), ie = e.type === "group" ? e.children?.length ?? 0 : 0, I = t.useContext(Ke), L = t.useMemo(() => {
-		if (e.type !== "group" || !I) return !1;
-		let t = (e) => !!e?.some((e) => e.id === I || e.type === "group" && t(e.children));
-		return t(e.children);
-	}, [e, I]) ? !0 : te ?? !(ie >= 8), [ae, B] = i(L);
-	if (!r(e.visible) || e.requiredPermissions?.length && !o(e.requiredPermissions)) return null;
-	let V = e.requiresObject, H = e.requiresService;
-	if (V && !u("object", V) || H && !u("service", H)) return null;
-	if (e.type === "separator") return /* @__PURE__ */ R(f, { className: "my-2" });
-	if (e.type === "group") {
-		let t = (e.children ?? []).slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), i = ke(e, y, O, b, x, E, D);
-		return /* @__PURE__ */ R(s, {
-			open: ae,
-			onOpenChange: B,
-			children: /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, {
+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 = (() => {
+		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));
+		return e(t.children);
+	}, [t, z]) ? !0 : M ?? !(R >= 8), [B, re] = i(ee), V = {
+		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 (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,
+			children: /* @__PURE__ */ I(_, { children: [/* @__PURE__ */ F(y, {
 				asChild: !0,
-				children: /* @__PURE__ */ z(l, {
-					className: A("flex w-full items-center justify-between", j && "min-h-[44px] text-[15px] rounded-xl"),
-					children: [i, /* @__PURE__ */ R(P, { className: A("ml-auto transition-transform", j ? "h-5 w-5" : "h-4 w-4", ae && "rotate-90") })]
+				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") })]
 				})
-			}), /* @__PURE__ */ R(c, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: t.map((e) => /* @__PURE__ */ R(Q, {
+			}), /* @__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,
-				resolveGroupLabel: x,
-				resolveViewLabel: E,
-				resolveItemLabel: D,
-				t: O,
-				templateContext: k
+				checkPerm: a,
+				checkCap: s,
+				checkDocTarget: d,
+				onAction: f,
+				enablePinning: m,
+				onPinToggle: h,
+				resolveTargetLabel: b,
+				locale: x,
+				t: S,
+				templateContext: D
 			}, e.id)) }) }) })] })
 		});
 	}
-	if (e.type === "action") {
-		if (!d) return null;
-		let t = J(e.icon), r = Y(e.label, O);
-		return /* @__PURE__ */ z(T, { children: [
-			h && /* @__PURE__ */ R("span", {
+	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": O ? O("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-				...h,
-				children: /* @__PURE__ */ R(ee, { className: "h-3.5 w-3.5" })
+				"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__ */ z(w, {
+			/* @__PURE__ */ I(T, {
 				tooltip: r,
-				onClick: () => d?.(e),
-				className: N,
+				onClick: () => f?.(t),
+				className: k,
 				children: [
-					/* @__PURE__ */ R(t, { className: F }),
-					/* @__PURE__ */ R("span", { children: r }),
-					e.badge != null && /* @__PURE__ */ R(a, {
-						variant: e.badgeVariant ?? "default",
+					/* @__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: e.badge
+						children: t.badge
 					})
 				]
 			}),
-			p && m && /* @__PURE__ */ R(C, {
+			m && h && /* @__PURE__ */ F(w, {
 				showOnHover: !0,
-				onClick: () => m(e.id, !e.pinned, e, n),
-				"aria-label": O ? O(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-					defaultValue: e.pinned ? `Unpin ${r}` : `Pin ${r}`,
+				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
-				}) : e.pinned ? `Unpin ${r}` : `Pin ${r}`,
-				children: e.pinned ? /* @__PURE__ */ R(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(ne, { className: "h-3.5 w-3.5" })
+				}) : 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 ce = J(e.icon), { href: U, external: le } = Fe(e, n, k), W = I !== null && e.id === I, G = ke(e, y, O, b, x, E, D), K = /* @__PURE__ */ z(oe, { children: [
-		/* @__PURE__ */ R(ce, { className: F }),
-		/* @__PURE__ */ R("span", { children: G }),
-		e.badge != null && /* @__PURE__ */ R(a, {
-			variant: e.badgeVariant ?? "default",
+	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 }),
+		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__ */ z(T, { children: [
-		h && /* @__PURE__ */ R("span", {
+	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": O ? O("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-			...h,
-			children: /* @__PURE__ */ R(ee, { className: "h-3.5 w-3.5" })
+			"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__ */ R(w, {
+		/* @__PURE__ */ F(T, {
 			asChild: !0,
-			isActive: W,
-			tooltip: G,
-			className: N,
-			children: le ? /* @__PURE__ */ R("a", {
-				href: U,
+			isActive: ce,
+			tooltip: U,
+			className: k,
+			children: se ? /* @__PURE__ */ F("a", {
+				href: H,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: K
-			}) : /* @__PURE__ */ R(se, {
-				to: U,
-				children: K
+				children: W
+			}) : /* @__PURE__ */ F(L, {
+				to: H,
+				children: W
 			})
 		}),
-		p && m && /* @__PURE__ */ R(C, {
+		m && h && /* @__PURE__ */ F(w, {
 			showOnHover: !0,
-			onClick: () => m(e.id, !e.pinned, e, n),
-			"aria-label": O ? O(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-				defaultValue: e.pinned ? `Unpin ${G}` : `Pin ${G}`,
-				name: G
-			}) : e.pinned ? `Unpin ${G}` : `Pin ${G}`,
-			children: e.pinned ? /* @__PURE__ */ R(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(ne, { className: "h-3.5 w-3.5" })
+			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 $({ items: e, basePath: t = "", evaluateVisibility: n = Ae, checkPermission: i = je, checkCapability: a = Me, onAction: o, searchQuery: s, enablePinning: c, onPinToggle: l, enableReorder: u, onReorder: d, resolveObjectLabel: f, resolveDashboardLabel: p, resolveGroupLabel: m, resolveViewLabel: h, resolveItemLabel: y, t: b, templateContext: x }) {
-	let C = V(), w = r(() => Ge(e, C.pathname, C.search, t, x)?.id ?? null, [
+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,
-		C.pathname,
-		C.search,
+		b.pathname,
+		b.search,
 		t,
-		x
-	]), T = r(() => s ? Z(e, s) : e, [e, s]), E = r(() => Ye(T), [T]), D = T.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), O = G(W(U, { activationConstraint: { distance: qe } }), W(ce)), k = (e) => {
+		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,
+		n,
+		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 || !d) return;
-		let r = D.findIndex((e) => e.id === t.id), i = D.findIndex((e) => e.id === n.id);
-		r !== -1 && i !== -1 && d(ue(D, r, i).map((e, t) => ({
+		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
 		})));
-	}, A = {
+	}, O = {
 		basePath: t,
 		evalVis: n,
 		checkPerm: i,
 		checkCap: a,
-		onAction: o,
-		enablePinning: c,
-		onPinToggle: l,
-		resolveObjectLabel: f,
-		resolveDashboardLabel: p,
-		resolveGroupLabel: m,
-		resolveViewLabel: h,
-		resolveItemLabel: y,
-		t: b,
-		templateContext: x
-	}, j = D.some((e) => e.type === "group"), M = E.length > 0 && c ? /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
+		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__ */ R(I, { className: "h-3.5 w-3.5" }), b ? b("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
-	}), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: E.map((e) => /* @__PURE__ */ R(Q, {
+		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($, {
 		item: e,
-		...A
+		...O
 	}, `fav-${e.id}`)) }) })] }) : null;
-	if (!j) {
-		let e = D.filter((e) => e.type !== "group").map((e) => e.id), t = u ? /* @__PURE__ */ R(H, {
-			sensors: O,
+	if (!k) {
+		let e = T.filter((e) => e.type !== "group").map((e) => e.id), t = d ? /* @__PURE__ */ F(ce, {
+			sensors: E,
 			collisionDetection: le,
-			onDragEnd: k,
-			children: /* @__PURE__ */ R(K, {
+			onDragEnd: D,
+			children: /* @__PURE__ */ F(fe, {
 				items: e,
-				strategy: fe,
-				children: /* @__PURE__ */ R(S, { children: D.map((e) => /* @__PURE__ */ R(Je, {
+				strategy: he,
+				children: /* @__PURE__ */ F(C, { children: T.map((e) => /* @__PURE__ */ F(Ye, {
 					item: e,
-					enableReorder: u,
-					...A
+					enableReorder: d,
+					...O
 				}, e.id)) })
 			})
-		}) : /* @__PURE__ */ R(S, { children: D.map((e) => /* @__PURE__ */ R(Q, {
+		}) : /* @__PURE__ */ F(C, { children: T.map((e) => /* @__PURE__ */ F($, {
 			item: e,
-			...A
+			...O
 		}, e.id)) });
-		return /* @__PURE__ */ z(Ke.Provider, {
-			value: w,
-			children: [M, /* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: t }) })]
+		return /* @__PURE__ */ I(Ke.Provider, {
+			value: x,
+			children: [A, /* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(v, { children: t }) })]
 		});
 	}
-	let N = [], P = [], F = (e) => {
-		if (P.length === 0) return;
-		let t = P;
-		P = [], N.push(/* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: t.map((e) => /* @__PURE__ */ R(Q, {
+	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($, {
 			item: e,
-			...A
+			...O
 		}, e.id)) }) }) }, e));
 	};
-	return D.forEach((e, t) => {
-		e.type === "group" ? (F(`leaf-${t}`), N.push(/* @__PURE__ */ R(Q, {
+	return T.forEach((e, t) => {
+		e.type === "group" ? (N(`leaf-${t}`), j.push(/* @__PURE__ */ F($, {
 			item: e,
-			...A
-		}, e.id))) : P.push(e);
-	}), F("leaf-end"), /* @__PURE__ */ z(Ke.Provider, {
-		value: w,
-		children: [M, N]
+			...O
+		}, e.id))) : M.push(e);
+	}), N("leaf-end"), /* @__PURE__ */ I(Ke.Provider, {
+		value: x,
+		children: [A, j]
 	});
 }
-function Ye(e) {
-	let t = [];
-	for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...Ye(n.children));
-	return t;
+function Ze(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)));
+	return n;
 }
 //#endregion
 //#region src/AppSchemaRenderer.tsx
-function Xe(e) {
-	return he(e, void 0) ?? "";
+function Qe(e) {
+	return se(e, void 0) ?? "";
 }
-function Ze({ areas: e, activeAreaId: t, onAreaChange: n }) {
-	return e.length <= 1 ? null : /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
+function $e({ 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__ */ R(te, { className: "h-3.5 w-3.5" }), "Area"]
-	}), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: e.map((e) => {
-		let r = J(e.icon), i = Xe(e.label);
-		return /* @__PURE__ */ R(T, { children: /* @__PURE__ */ z(w, {
+		children: [/* @__PURE__ */ F(re, { 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);
+		return /* @__PURE__ */ F(E, { children: /* @__PURE__ */ I(T, {
 			isActive: e.id === t,
 			tooltip: i,
 			onClick: () => n(e.id),
-			children: [/* @__PURE__ */ R(r, { className: "h-4 w-4" }), /* @__PURE__ */ R("span", { children: i })]
+			children: [/* @__PURE__ */ F(r, { className: "h-4 w-4" }), /* @__PURE__ */ F("span", { children: i })]
 		}) }, e.id);
 	}) }) })] });
 }
-function Qe({ items: e, basePath: t }) {
-	let n = V(), r = (e) => {
+function et({ 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(G)) Y([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__ */ R("div", {
+	}, s = a(e).slice(0, 5);
+	if (s.length === 0) return null;
+	let c = Q(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 = J(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__ */ z(se, {
-				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__ */ R(r, { className: "h-5 w-5" }), /* @__PURE__ */ R("span", {
+		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: [
+				/* @__PURE__ */ F(n, { className: "h-5 w-5" }),
+				/* @__PURE__ */ F("span", {
 					className: "text-[10px] truncate max-w-[60px]",
-					children: Y(e.label)
-				})]
+					children: q(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 $e({ 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 = J(e.logo), [O, k] = i("");
-	return /* @__PURE__ */ z(p, {
+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("");
+	return /* @__PURE__ */ I(m, {
 		collapsible: "icon",
 		children: [
-			/* @__PURE__ */ z(y, { children: [s ?? /* @__PURE__ */ R(S, { children: /* @__PURE__ */ R(T, { children: /* @__PURE__ */ z(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__ */ R("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__ */ R("img", {
-						src: e.logo,
+					children: O ? /* @__PURE__ */ F("img", {
+						src: O,
 						alt: e.title ?? "",
 						className: "size-6 object-contain"
-					}) : /* @__PURE__ */ R(D, { className: "size-4" })
-				}), /* @__PURE__ */ z("div", {
+					}) : /* @__PURE__ */ F(k, { className: "size-4" })
+				}), /* @__PURE__ */ I("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ R("span", {
+					children: [/* @__PURE__ */ F("span", {
 						className: "truncate font-semibold",
 						children: e.title ?? e.name ?? "App"
-					}), e.description && /* @__PURE__ */ R("span", {
+					}), e.description && /* @__PURE__ */ F("span", {
 						className: "truncate text-xs text-muted-foreground",
 						children: e.description
 					})]
 				})]
-			}) }) }), _ && /* @__PURE__ */ R(b, {
+			}) }) }), v && /* @__PURE__ */ F(x, {
 				placeholder: "Search navigation…",
-				value: O,
-				onChange: (e) => k(e.target.value),
+				value: A,
+				onChange: (e) => j(e.target.value),
 				"aria-label": "Search navigation"
 			})] }),
-			/* @__PURE__ */ z(m, { children: [
-				u.length > 1 && d && /* @__PURE__ */ R(Ze, {
-					areas: u,
-					activeAreaId: d,
-					onAreaChange: f
+			/* @__PURE__ */ I(h, { children: [
+				d.length > 1 && f && /* @__PURE__ */ F($e, {
+					areas: d,
+					activeAreaId: f,
+					onAreaChange: p
 				}),
-				/* @__PURE__ */ R($, {
-					items: g,
+				/* @__PURE__ */ F(Xe, {
+					items: _,
 					basePath: t,
 					evaluateVisibility: n,
 					checkPermission: r,
 					checkCapability: a,
-					onAction: o,
-					searchQuery: O,
-					enablePinning: v,
-					onPinToggle: x,
-					enableReorder: C,
-					onReorder: E
+					checkDocTarget: o,
+					onAction: s,
+					searchQuery: A,
+					enablePinning: y,
+					onPinToggle: S,
+					enableReorder: w,
+					onReorder: D
 				}),
-				l
+				u
 			] }),
-			c && /* @__PURE__ */ R(h, { children: c })
+			l && /* @__PURE__ */ F(g, { children: l })
 		]
 	});
 }
-function et({ 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) => me(e, t)), [e.menu]), E = e.navigation ?? T, D = (e.areas ?? []).filter((e) => Ne(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 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,
+		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(",");
 	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 = {
+		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 = {
 		title: e.title,
-		favicon: e.favicon,
-		logo: e.logo
-	}, P = /* @__PURE__ */ R($e, {
+		favicon: e.branding?.favicon
+	}, z = /* @__PURE__ */ F(tt, {
 		schema: e,
 		basePath: t,
-		evalVis: S,
-		checkPerm: C,
-		checkCap: w,
-		onAction: l,
-		sidebarHeader: d,
-		sidebarFooter: f,
-		sidebarExtra: p,
-		visibleAreas: D,
-		activeAreaId: j?.id ?? null,
-		setActiveAreaId: k,
-		resolvedNavigation: M,
-		enableSearch: _,
-		enablePinning: v,
-		onPinToggle: y,
-		enableReorder: b,
-		onReorder: x
+		evalVis: C,
+		checkPerm: w,
+		checkCap: T,
+		checkDocTarget: l,
+		onAction: u,
+		sidebarHeader: f,
+		sidebarFooter: p,
+		sidebarExtra: m,
+		visibleAreas: k,
+		activeAreaId: N?.id ?? null,
+		setActiveAreaId: j,
+		resolvedNavigation: L,
+		enableSearch: v,
+		enablePinning: y,
+		onPinToggle: b,
+		enableReorder: x,
+		onReorder: S
 	});
-	return /* @__PURE__ */ z(oe, { children: [/* @__PURE__ */ R(q, {
-		sidebar: P,
-		navbar: u,
-		className: h,
-		defaultOpen: g,
-		branding: N,
-		children: m
-	}), a === "bottom_nav" && /* @__PURE__ */ R(Qe, {
-		items: M,
-		basePath: t
+	return /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Te, {
+		sidebar: z,
+		navbar: d,
+		className: g,
+		defaultOpen: _,
+		branding: R,
+		children: h
+	}), a === "bottom_nav" && /* @__PURE__ */ F(et, {
+		items: L,
+		basePath: t,
+		guards: O,
+		onAction: u
 	})] });
 }
 //#endregion
+//#region src/PageHeader.tsx
+var rt = (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) => {
+	let r = n.split(".").reduce((e, t) => e == null ? e : e[t], t);
+	return r == null ? "" : typeof r == "object" ? rt(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(() => {
+		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: {
+		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(ee, { 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 tt(e) {
+function ot(e) {
 	return "items" in e && !("href" in e);
 }
-function nt({ item: e, pathname: t }) {
-	return e.children && e.children.length > 0 ? /* @__PURE__ */ R(s, {
+function st({ item: e, pathname: t }) {
+	return e.children && e.children.length > 0 ? /* @__PURE__ */ F(c, {
 		asChild: !0,
 		defaultOpen: !0,
 		className: "group/collapsible",
-		children: /* @__PURE__ */ z(T, { children: [/* @__PURE__ */ R(l, {
+		children: /* @__PURE__ */ I(E, { children: [/* @__PURE__ */ F(u, {
 			asChild: !0,
-			children: /* @__PURE__ */ z(w, {
+			children: /* @__PURE__ */ I(T, {
 				tooltip: e.title,
 				className: "motion-safe:transition-colors motion-safe:duration-150",
 				children: [
-					e.icon && /* @__PURE__ */ R(e.icon, {}),
-					/* @__PURE__ */ R("span", { children: e.title }),
-					e.badge != null && /* @__PURE__ */ R(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__ */ R(P, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+					/* @__PURE__ */ F(te, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
 				]
 			})
-		}), /* @__PURE__ */ R(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__ */ R(E, { children: e.children.map((e) => /* @__PURE__ */ R(O, { children: /* @__PURE__ */ R(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__ */ z(B, {
+				children: /* @__PURE__ */ I(R, {
 					to: e.href,
 					children: [
-						e.icon && /* @__PURE__ */ R(e.icon, {}),
-						/* @__PURE__ */ R("span", { children: e.title }),
-						e.badge != null && /* @__PURE__ */ R(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
@@ -965,17 +974,17 @@ function nt({ item: e, pathname: t }) {
 				})
 			}) }, e.href)) })
 		})] })
-	}) : /* @__PURE__ */ R(T, { children: /* @__PURE__ */ R(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__ */ z(B, {
+		children: /* @__PURE__ */ I(R, {
 			to: e.href,
 			children: [
-				e.icon && /* @__PURE__ */ R(e.icon, {}),
-				/* @__PURE__ */ R("span", { children: e.title }),
-				e.badge != null && /* @__PURE__ */ R(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
@@ -984,26 +993,26 @@ function nt({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function rt({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search…" }) {
-	let s = V(), [c, l] = t.useState(""), d = t.useMemo(() => e.length === 0 ? [] : tt(e[0]) ? e.map((e) => ({
+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) => ({
 		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__ */ R(p, {
+	}, [u, c]);
+	return /* @__PURE__ */ F(m, {
 		className: r,
 		collapsible: i,
-		children: /* @__PURE__ */ z(m, { children: [a && /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ I(h, { children: [a && /* @__PURE__ */ F("div", {
 			className: "px-3 py-2",
-			children: /* @__PURE__ */ z("div", {
+			children: /* @__PURE__ */ I("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ R(ie, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ R(u, {
+				children: [/* @__PURE__ */ F(V, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ F(d, {
 					type: "search",
 					placeholder: o,
 					value: c,
@@ -1011,16 +1020,16 @@ function rt({ items: e, title: n = "Application", className: r, collapsible: i =
 					className: "pl-8 h-9"
 				})]
 			})
-		}), f.map((e, t) => /* @__PURE__ */ z(g, { children: [
-			t > 0 && /* @__PURE__ */ R("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__ */ R(v, {
+			/* @__PURE__ */ F(y, {
 				className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
 				children: e.groupLabel || n
 			}),
-			/* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: e.items.map((e) => /* @__PURE__ */ R(nt, {
+			/* @__PURE__ */ F(v, { children: /* @__PURE__ */ F(C, { children: e.items.map((e) => /* @__PURE__ */ F(st, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -1028,72 +1037,97 @@ function rt({ items: e, title: n = "Application", className: r, collapsible: i =
 	});
 }
 //#endregion
-//#region src/index.ts
-function it() {
-	e.register("page-header", ve, {
-		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", we, {
+//#region src/ResponsiveGrid.tsx
+var lt = {
+	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 ut(e) {
+	if (!e) return "grid-cols-1";
+	let t = [];
+	for (let [n, r] of Object.entries(e)) {
+		let e = lt[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 dt = {
+	0: "gap-0",
+	1: "gap-1",
+	2: "gap-2",
+	3: "gap-3",
+	4: "gap-4",
+	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}` : "";
+	return /* @__PURE__ */ F("div", {
+		className: j("grid", i, a, n),
+		children: r
+	});
+}, pt = { type: "app" }, mt = ({ schema: e, children: n, ...r }) => t(nt, {
+	...r,
+	schema: e?.schema ?? pt,
+	children: n
+});
+function ht() {
+	a.register("page:card", ye, {
 		namespace: "layout",
 		skipFallback: !0,
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), e.register("app-shell", q, {
-		namespace: "layout",
-		label: "App Shell",
-		category: "Layout"
-	}), e.register("responsive-grid", Oe, {
-		namespace: "layout",
-		label: "Responsive Grid",
-		category: "Layout",
-		isContainer: !0,
-		inputs: [{
-			name: "columns",
-			type: "object"
-		}, {
-			name: "gap",
-			type: "number"
-		}]
-	}), e.register("navigation-renderer", $, {
-		namespace: "layout",
-		label: "Navigation Renderer",
-		category: "Layout",
-		inputs: [{
-			name: "items",
-			type: "array",
-			required: !0
-		}, {
-			name: "basePath",
-			type: "string"
-		}]
-	}), e.register("app-schema-renderer", et, {
+	}), a.register("app-schema-renderer", mt, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -1109,13 +1143,15 @@ function it() {
 			},
 			{
 				name: "mobileNavMode",
-				type: "string"
+				type: "enum",
+				enum: ["drawer", "bottom_nav"],
+				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 {
-	it();
+	ht();
 } catch {}
 //#endregion
-export { et as AppSchemaRenderer, q as AppShell, $ as NavigationRenderer, we as PageCard, ve as PageHeader, Oe as ResponsiveGrid, rt as SidebarNav, Z as filterNavigationItems, Ne as hasVisibleNavigationItems, it as registerLayout, Ge as resolveActiveNavItem, Fe as resolveHref, J as resolveIcon, Y as resolveLabel, Ce as useAppShellBranding };
+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 };