@object-ui/layout 17.3.0 → 17.6.0

package/dist/index.js

@@ -1,185 +1,84 @@
 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 { 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 W, closestCenter as ce, useSensor as G, useSensors as K } from "@dnd-kit/core";
-import { SortableContext as q, arrayMove as le, useSortable as ue, verticalListSortingStrategy as de } from "@dnd-kit/sortable";
-import { CSS as fe } from "@dnd-kit/utilities";
-import { menuItemToNavigationItem as pe } from "@object-ui/types";
+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 me = (e) => {
+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);
-}, he = (e, t) => !e || typeof e != "string" ? e ?? "" : e.includes("{") ? e.replace(/\{([a-zA-Z0-9_.]+)\}/g, (e, n) => {
+}, 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" ? me(r) ?? "" : String(r);
+	return r == null ? "" : typeof r == "object" ? _e(r) ?? "" : String(r);
 }).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
-function ge({ title: e, subtitle: n, description: r, icon: i, action: a, actions: s, showBack: c, schema: l, className: u, children: f, ...p }) {
-	let m = R(), h = typeof e == "string" && /\{[a-zA-Z0-9_.]+\}/.test(e), g = he(e, m?.data) || (h ? "" : e), _ = n ?? r, v = typeof _ == "string" && /\{[a-zA-Z0-9_.]+\}/.test(_), y = he(_, m?.data) || (v ? "" : _), b = !!m?.recordId, x = !!m?.embedded, S = c ?? (b && !x), C = t.useCallback(() => {
+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")));
-	}, []), w = Array.isArray(l?.children) ? l.children.filter(Boolean).map((e, t) => /* @__PURE__ */ z(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__ */ z(L, { schema: {
+	}, []), 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: T,
+			actions: w,
 			location: "record_header",
 			align: "end",
 			inline: !0
 		}
-	} }) : null) || w;
+	} }) : null) || C;
 	return /* @__PURE__ */ z("div", {
-		className: A("flex flex-col gap-3 pb-4 border-b", u),
-		...p,
+		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: [
-				S && /* @__PURE__ */ z(o, {
+				x && /* @__PURE__ */ z(o, {
 					type: "button",
 					variant: "ghost",
 					size: "icon",
-					onClick: C,
+					onClick: S,
 					"aria-label": "Back to list",
 					className: "flex-shrink-0 -ml-2",
 					children: /* @__PURE__ */ z(N, { className: "size-4" })
 				}),
-				i && (g || y) && /* @__PURE__ */ z("div", {
+				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 i == "string" ? /* @__PURE__ */ z(d, {
-						name: i,
+					children: typeof r == "string" ? /* @__PURE__ */ z(d, {
+						name: r,
 						className: "size-5"
-					}) : i
+					}) : r
 				}),
 				/* @__PURE__ */ B("div", {
 					className: "flex flex-col min-w-0 flex-1",
-					children: [g ? /* @__PURE__ */ z("h1", {
+					children: [h ? /* @__PURE__ */ z("h1", {
 						className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
-						children: g
-					}) : null, y && /* @__PURE__ */ z("p", {
+						children: h
+					}) : null, v && /* @__PURE__ */ z("p", {
 						className: "text-sm text-muted-foreground truncate",
-						children: y
+						children: v
 					})]
 				}),
-				E && /* @__PURE__ */ z("div", {
+				T && /* @__PURE__ */ z("div", {
 					className: "flex items-center gap-2 ml-auto",
-					children: E
+					children: T
 				})
 			]
 		})
 	});
 }
 //#endregion
-//#region src/AppShell.tsx
-function _e(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 ve(e) {
-	let t = _e(e);
-	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
-}
-function ye(e) {
-	let t = _e(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 be(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 = ve(e.primaryColor), i = ye(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%" : be(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 = ve(e.accentColor), i = ye(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%" : be(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 J({ 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
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/PageCard.tsx
-function Se({ className: e, children: t, ...n }) {
+function be({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ z("div", {
 		className: A("rounded-xl border bg-card text-card-foreground shadow", e),
 		...n,
@@ -191,7 +90,7 @@ function Se({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/ResponsiveGrid.tsx
-var Ce = {
+var xe = {
 	xs: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -241,11 +140,11 @@ var Ce = {
 		12: "2xl:grid-cols-12"
 	}
 };
-function we(e) {
+function Se(e) {
 	if (!e) return "grid-cols-1";
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = Ce[n];
+		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]);
@@ -253,7 +152,7 @@ function we(e) {
 	}
 	return t.join(" ") || "grid-cols-1";
 }
-var Te = {
+var Ce = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -262,8 +161,8 @@ var Te = {
 	5: "gap-5",
 	6: "gap-6",
 	8: "gap-8"
-}, Ee = ({ columns: e, gap: t = 4, className: n, children: r }) => {
-	let i = we(e), a = typeof t == "number" ? Te[t] || `gap-${t}` : "";
+}, 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
@@ -271,10 +170,10 @@ var Te = {
 };
 //#endregion
 //#region src/NavigationRenderer.tsx
-function Y(e) {
-	return e ? j(e) : F;
+function K(e) {
+	return e ? j(e) : ee;
 }
-function X(e, t) {
+function q(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -285,52 +184,53 @@ function X(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function De(e, t, n, r, i, a, o) {
-	let s = X(e.label, n);
-	if (typeof e.label != "string") return s;
-	let c = (e) => !!e && s.trim().toLowerCase() !== e.trim().toLowerCase();
+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 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.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 (c(e.dashboardName)) return s;
-		if (r) return r(e.dashboardName, s);
+		if (o(e.dashboardName)) return a;
+		if (r) return r(e.dashboardName, a);
 	}
-	if (e.type === "group" && e.id) {
-		if (c(e.id)) return s;
-		if (i) return i(e.id, s);
-	}
-	return o && e.id && !c(e.id) ? o(e.id, s) : s;
+	return a;
 }
-var Oe = (e) => e !== !1 && e !== "false", ke = () => !0, Ae = () => !0;
-function je(e, t = {}) {
-	let { evaluateVisibility: n = Oe, checkPermission: r = ke, checkCapability: i = Ae, hasActionHandler: a = !1 } = t;
+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 (je(o.children ?? [], t)) return !0;
+			if (J(o.children ?? [], t)) return !0;
 			continue;
 		}
 		if (!(o.type === "action" && !a)) return !0;
 	}
 	return !1;
 }
-var Me = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
-function Z(e, t) {
+var ke = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
+function Y(e, t) {
 	if (!e.includes("{")) return e;
-	let n = !1, r = e.replace(Me, (e, r) => {
+	let n = !1, r = e.replace(ke, (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 Ne(e, t, n) {
+var Ae = "runAction";
+function je(e, t) {
+	let n = t.runAction;
+	return typeof n != "string" || n === "" ? e : `${e}${e.includes("?") ? "&" : "?"}${Ae}=${encodeURIComponent(n)}`;
+}
+function X(e, t, n) {
 	switch (e.type) {
 		case "object": {
 			let r = `${t}/${e.objectName ?? ""}`, i = e.recordId;
 			if (i) {
-				let t = Z(i, n);
+				let t = Y(i, n);
 				if (t) {
 					let n = `${r}/record/${encodeURIComponent(t)}`;
 					return {
@@ -341,20 +241,20 @@ function Ne(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 i = Z(String(r), n);
-					i !== null && e.set(`filter[${t}]`, i);
+				let t = new URLSearchParams();
+				for (let [e, r] of Object.entries(a)) {
+					if (r == null || e === "") continue;
+					let i = Y(String(r), n);
+					i !== null && t.set(`filter[${e}]`, i);
 				}
-				let t = e.toString();
+				let i = t.toString();
 				return {
-					href: t ? `${r}/data?${t}` : `${r}/data`,
+					href: je(i ? `${r}/data?${i}` : `${r}/data`, e),
 					external: !1
 				};
 			}
 			return {
-				href: e.viewName ? `${r}/view/${e.viewName}` : r,
+				href: je(e.viewName ? `${r}/view/${e.viewName}` : r, e),
 				external: !1
 			};
 		}
@@ -370,10 +270,12 @@ function Ne(e, t, n) {
 			let r = e.params, i = `${t}/page/${e.pageName}`;
 			if (r && typeof r == "object") {
 				let e = new URLSearchParams();
-				for (let [t, i] of Object.entries(r)) if (i != null) if (typeof i == "string") {
-					let r = Z(i, n);
-					r !== null && e.set(t, r);
-				} else e.set(t, JSON.stringify(i));
+				for (let [t, i] of Object.entries(r)) if (i != null) {
+					if (typeof i == "string") {
+						let r = Y(i, n);
+						r !== null && e.set(t, r);
+					} else e.set(t, JSON.stringify(i));
+				}
 				let t = e.toString();
 				t && (i += `?${t}`);
 			}
@@ -406,10 +308,12 @@ function Ne(e, t, n) {
 				let e = i[1], r = a && typeof a.type == "string" ? a.type : void 0, o = a && typeof a.name == "string" ? a.name : void 0, s = "";
 				if (a && typeof a == "object") {
 					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 = Z(r, n);
-						i && e.set(t, i);
-					} else e.set(t, JSON.stringify(r));
+					for (let [t, r] of Object.entries(a)) if (t !== "type" && t !== "name" && r != null) {
+						if (typeof r == "string") {
+							let i = Y(r, n);
+							i && e.set(t, i);
+						} else e.set(t, JSON.stringify(r));
+					}
 					let t = e.toString();
 					t && (s = `?${t}`);
 				}
@@ -442,27 +346,27 @@ function Ne(e, t, n) {
 		};
 	}
 }
-var Pe = 50, Fe = 40, Ie = 30, Le = 25, Re = 10, ze = 5;
-function Be(e) {
+var Me = 50, Ne = 40, Pe = 30, Fe = 25, Ie = 10, Le = 5;
+function Re(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 Ve(e, t) {
+function ze(e, t) {
 	return t.startsWith(`${e}.`) ? t.slice(e.length + 1) : t;
 }
-function He(e, t, n, r, i) {
-	let { href: a, external: o } = Ne(e, r, i);
+function Be(e, t, n, r, i) {
+	let { href: a, external: o } = X(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 = Z(s, i);
-			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Pe : 0;
+			let e = Y(s, i);
+			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Me : 0;
 		}
 		let c = e.filters;
 		if (c && typeof c == "object" && !Array.isArray(c)) {
@@ -470,65 +374,65 @@ function He(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 = Z(String(n), i);
+				let r = Y(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 Fe;
+			return Ne;
 		}
-		return e.viewName ? o[0] !== "view" || !o[1] ? 0 : Ve(e.objectName, decodeURIComponent(o[1])) === Ve(e.objectName, e.viewName) ? Ie : 0 : o.length === 0 ? Le : Re;
+		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;
 	}
 	let s = a.split("?")[0];
-	if (t === s) return Le;
+	if (t === s) return Fe;
 	let c = e.componentRef;
-	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? ze : 0;
+	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? Le : 0;
 }
-function Ue(e, t, n, r, i) {
-	let a = Be(n), o = null, s = 0, c = (e) => {
+function Ve(e, t, n, r, i) {
+	let a = Re(n), o = null, s = 0, c = (e) => {
 		if (e) for (let n of e) {
 			if (n.type === "group") {
 				c(n.children);
 				continue;
 			}
-			let e = He(n, t, a, r, i);
+			let e = Be(n, t, a, r, i);
 			e > s && (o = n, s = e);
 		}
 	};
 	return c(e), o;
 }
-var We = t.createContext(null);
-function Ge(e, t) {
+var Z = t.createContext(null);
+function Q(e, t) {
 	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 = Ge(r.children, t);
+			let n = Q(r.children, t);
 			return n.length > 0 && e.push({
 				...r,
 				children: n
 			}), e;
 		}
-		return X(r.label).toLowerCase().includes(n) && e.push(r), e;
+		return q(r.label).toLowerCase().includes(n) && e.push(r), e;
 	}, []);
 }
-var Ke = 5;
-function qe({ 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 } = ue({
+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
-	}), S = {
-		transform: fe.Transform.toString(y),
-		transition: b,
-		opacity: x ? .5 : void 0,
-		zIndex: x ? 10 : void 0
+	}), b = {
+		transform: me.Transform.toString(_),
+		transition: v,
+		opacity: y ? .5 : void 0,
+		zIndex: y ? 10 : void 0
 	};
 	return /* @__PURE__ */ z("div", {
-		ref: v,
-		style: S,
-		...g,
-		children: /* @__PURE__ */ z(Q, {
+		ref: g,
+		style: b,
+		...m,
+		children: /* @__PURE__ */ z($, {
 			item: e,
 			basePath: t,
 			evalVis: n,
@@ -537,42 +441,40 @@ function qe({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAct
 			onAction: a,
 			enablePinning: o,
 			onPinToggle: s,
-			dragListeners: c ? _ : void 0,
+			dragListeners: c ? h : void 0,
 			resolveObjectLabel: l,
 			resolveDashboardLabel: u,
-			resolveGroupLabel: d,
-			resolveViewLabel: f,
-			resolveItemLabel: p,
-			t: m,
-			templateContext: h
+			resolveViewLabel: 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 = (() => {
+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;
-	})(), ie = e.type === "group" ? e.children?.length ?? 0 : 0, I = t.useContext(We), 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));
+	})(), 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, I]) ? !0 : te ?? !(ie >= 8), [R, V] = i(L);
+	}, [e, F]) ? !0 : N ?? !(ee >= 8), [I, L] = i(ie);
 	if (!r(e.visible) || e.requiredPermissions?.length && !o(e.requiredPermissions)) return null;
-	let H = e.requiresObject, U = e.requiresService;
-	if (H && !u("object", H) || U && !u("service", U)) 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 = De(e, y, O, b, x, E, D);
+		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: R,
-			onOpenChange: V,
+			open: I,
+			onOpenChange: L,
 			children: /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, {
 				asChild: !0,
 				children: /* @__PURE__ */ B(l, {
-					className: A("flex w-full items-center justify-between", j && "min-h-[44px] text-[15px] rounded-xl"),
-					children: [i, /* @__PURE__ */ z(P, { className: A("ml-auto transition-transform", j ? "h-5 w-5" : "h-4 w-4", R && "rotate-90") })]
+					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") })]
 				})
-			}), /* @__PURE__ */ z(c, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z(Q, {
+			}), /* @__PURE__ */ z(c, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z($, {
 				item: e,
 				basePath: n,
 				evalVis: r,
@@ -583,30 +485,28 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 				onPinToggle: m,
 				resolveObjectLabel: y,
 				resolveDashboardLabel: b,
-				resolveGroupLabel: x,
-				resolveViewLabel: E,
-				resolveItemLabel: D,
-				t: O,
-				templateContext: k
+				resolveViewLabel: x,
+				t: E,
+				templateContext: D
 			}, e.id)) }) }) })] })
 		});
 	}
 	if (e.type === "action") {
 		if (!d) return null;
-		let t = Y(e.icon), r = X(e.label, O);
+		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": O ? O("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
+				"aria-label": E ? E("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
 				...h,
-				children: /* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ z(te, { className: "h-3.5 w-3.5" })
 			}),
 			/* @__PURE__ */ B(w, {
 				tooltip: r,
 				onClick: () => d?.(e),
-				className: N,
+				className: k,
 				children: [
-					/* @__PURE__ */ z(t, { className: F }),
+					/* @__PURE__ */ z(t, { className: j }),
 					/* @__PURE__ */ z("span", { children: r }),
 					e.badge != null && /* @__PURE__ */ z(a, {
 						variant: e.badgeVariant ?? "default",
@@ -618,7 +518,7 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 			p && m && /* @__PURE__ */ z(C, {
 				showOnHover: !0,
 				onClick: () => m(e.id, !e.pinned, e, n),
-				"aria-label": O ? O(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
+				"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}`,
@@ -626,9 +526,9 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 			})
 		] });
 	}
-	let se = Y(e.icon), { href: W, external: ce } = Ne(e, n, k), G = I !== null && e.id === I, K = De(e, y, O, b, x, E, D), q = /* @__PURE__ */ B(ae, { children: [
-		/* @__PURE__ */ z(se, { className: F }),
-		/* @__PURE__ */ z("span", { children: K }),
+	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",
 			className: "ml-auto text-[10px] px-1.5 py-0",
@@ -638,52 +538,52 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 	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": O ? O("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
+			"aria-label": E ? E("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
 			...h,
-			children: /* @__PURE__ */ z(ee, { className: "h-3.5 w-3.5" })
+			children: /* @__PURE__ */ z(te, { className: "h-3.5 w-3.5" })
 		}),
 		/* @__PURE__ */ z(w, {
 			asChild: !0,
-			isActive: G,
-			tooltip: K,
-			className: N,
-			children: ce ? /* @__PURE__ */ z("a", {
-				href: W,
+			isActive: ce,
+			tooltip: W,
+			className: k,
+			children: se ? /* @__PURE__ */ z("a", {
+				href: U,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: q
+				children: G
 			}) : /* @__PURE__ */ z(oe, {
-				to: W,
-				children: q
+				to: U,
+				children: G
 			})
 		}),
 		p && m && /* @__PURE__ */ z(C, {
 			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 ${K}` : `Pin ${K}`,
-				name: K
-			}) : e.pinned ? `Unpin ${K}` : `Pin ${K}`,
+			"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 $({ items: e, basePath: t = "", evaluateVisibility: n = Oe, checkPermission: i = ke, checkCapability: a = Ae, 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 = H(), w = r(() => Ue(e, C.pathname, C.search, t, x)?.id ?? null, [
+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,
-		C.pathname,
-		C.search,
+		b.pathname,
+		b.search,
 		t,
-		x
-	]), T = r(() => s ? Ge(e, s) : e, [e, s]), E = r(() => Je(T), [T]), D = T.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), O = K(G(W, { activationConstraint: { distance: Ke } }), G(se)), k = (e) => {
+		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 = D.findIndex((e) => e.id === t.id), i = D.findIndex((e) => e.id === n.id);
-		r !== -1 && i !== -1 && d(le(D, r, i).map((e, t) => ({
+		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
 		})));
-	}, A = {
+	}, O = {
 		basePath: t,
 		evalVis: n,
 		checkPerm: i,
@@ -693,81 +593,184 @@ function $({ items: e, basePath: t = "", evaluateVisibility: n = Oe, checkPermis
 		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__ */ B(g, { children: [/* @__PURE__ */ B(v, {
+		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" }), b ? b("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
-	}), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: E.map((e) => /* @__PURE__ */ z(Q, {
+		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($, {
 		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__ */ z(U, {
-			sensors: O,
-			collisionDetection: ce,
-			onDragEnd: k,
-			children: /* @__PURE__ */ z(q, {
+	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: de,
-				children: /* @__PURE__ */ z(S, { children: D.map((e) => /* @__PURE__ */ z(qe, {
+				strategy: pe,
+				children: /* @__PURE__ */ z(S, { children: T.map((e) => /* @__PURE__ */ z(Ue, {
 					item: e,
 					enableReorder: u,
-					...A
+					...O
 				}, e.id)) })
 			})
-		}) : /* @__PURE__ */ z(S, { children: D.map((e) => /* @__PURE__ */ z(Q, {
+		}) : /* @__PURE__ */ z(S, { children: T.map((e) => /* @__PURE__ */ z($, {
 			item: e,
-			...A
+			...O
 		}, e.id)) });
-		return /* @__PURE__ */ B(We.Provider, {
-			value: w,
-			children: [M, /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: t }) })]
+		return /* @__PURE__ */ B(Z.Provider, {
+			value: x,
+			children: [A, /* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: t }) })]
 		});
 	}
-	let N = [], P = [], F = (e) => {
-		if (P.length === 0) return;
-		let t = P;
-		P = [], N.push(/* @__PURE__ */ z(g, { children: /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: t.map((e) => /* @__PURE__ */ z(Q, {
+	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($, {
 			item: e,
-			...A
+			...O
 		}, e.id)) }) }) }, e));
 	};
-	return D.forEach((e, t) => {
-		e.type === "group" ? (F(`leaf-${t}`), N.push(/* @__PURE__ */ z(Q, {
+	return T.forEach((e, t) => {
+		e.type === "group" ? (N(`leaf-${t}`), j.push(/* @__PURE__ */ z($, {
 			item: e,
-			...A
-		}, e.id))) : P.push(e);
-	}), F("leaf-end"), /* @__PURE__ */ B(We.Provider, {
-		value: w,
-		children: [M, N]
+			...O
+		}, e.id))) : M.push(e);
+	}), N("leaf-end"), /* @__PURE__ */ B(Z.Provider, {
+		value: x,
+		children: [A, j]
 	});
 }
-function Je(e) {
+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(...Je(n.children));
+	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 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
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/AppSchemaRenderer.tsx
-function Ye({ areas: e, activeAreaId: t, onAreaChange: n }) {
+function Qe(e) {
+	return ge(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(te, { className: "h-3.5 w-3.5" }), "Area"]
+		children: [/* @__PURE__ */ z(F, { className: "h-3.5 w-3.5" }), "Area"]
 	}), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.map((e) => {
-		let r = Y(e.icon);
+		let r = K(e.icon), i = Qe(e.label);
 		return /* @__PURE__ */ z(T, { children: /* @__PURE__ */ B(w, {
 			isActive: e.id === t,
-			tooltip: X(e.label),
+			tooltip: i,
 			onClick: () => n(e.id),
-			children: [/* @__PURE__ */ z(r, { className: "h-4 w-4" }), /* @__PURE__ */ z("span", { children: X(e.label) })]
+			children: [/* @__PURE__ */ z(r, { className: "h-4 w-4" }), /* @__PURE__ */ z("span", { children: i })]
 		}) }, e.id);
 	}) }) })] });
 }
-function Xe({ items: e, basePath: t }) {
+function et({ items: e, basePath: t }) {
 	let n = H(), r = (e) => {
 		let t = [];
 		for (let n of e) n.type !== "separator" && (n.type === "group" ? t.push(...r(n.children || [])) : t.push(n));
@@ -778,7 +781,7 @@ function Xe({ items: e, basePath: t }) {
 		role: "navigation",
 		"aria-label": "Mobile navigation",
 		children: i.map((e) => {
-			let r = Y(e.icon), i = "#";
+			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}` : "#";
@@ -803,14 +806,14 @@ function Xe({ items: e, basePath: t }) {
 				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", {
 					className: "text-[10px] truncate max-w-[60px]",
-					children: X(e.label)
+					children: q(e.label)
 				})]
 			}, e.id);
 		})
 	});
 }
-function Ze({ 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 = Y(e.logo), [O, k] = i("");
+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, {
 		collapsible: "icon",
 		children: [
@@ -841,12 +844,12 @@ function Ze({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onA
 				"aria-label": "Search navigation"
 			})] }),
 			/* @__PURE__ */ B(m, { children: [
-				u.length > 1 && d && /* @__PURE__ */ z(Ye, {
+				u.length > 1 && d && /* @__PURE__ */ z($e, {
 					areas: u,
 					activeAreaId: d,
 					onAreaChange: f
 				}),
-				/* @__PURE__ */ z($, {
+				/* @__PURE__ */ z(We, {
 					items: g,
 					basePath: t,
 					evaluateVisibility: n,
@@ -865,8 +868,8 @@ function Ze({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onA
 		]
 	});
 }
-function Qe({ 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) => pe(e, t)), [e.menu]), E = e.navigation ?? T, D = (e.areas ?? []).filter((e) => je(e.navigation, {
+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,
@@ -877,9 +880,8 @@ function Qe({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluate
 	}, [e.name, A]);
 	let j = D.find((e) => e.id === O) ?? D[0], M = j?.navigation ?? E, N = {
 		title: e.title,
-		favicon: e.favicon,
-		logo: e.logo
-	}, P = /* @__PURE__ */ z(Ze, {
+		favicon: e.favicon
+	}, P = /* @__PURE__ */ z(tt, {
 		schema: e,
 		basePath: t,
 		evalVis: S,
@@ -899,24 +901,24 @@ function Qe({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluate
 		enableReorder: b,
 		onReorder: x
 	});
-	return /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z(J, {
+	return /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z(Ze, {
 		sidebar: P,
 		navbar: u,
 		className: h,
 		defaultOpen: g,
 		branding: N,
 		children: m
-	}), a === "bottom_nav" && /* @__PURE__ */ z(Xe, {
+	}), a === "bottom_nav" && /* @__PURE__ */ z(et, {
 		items: M,
 		basePath: t
 	})] });
 }
 //#endregion
 //#region src/SidebarNav.tsx
-function $e(e) {
+function rt(e) {
 	return "items" in e && !("href" in e);
 }
-function et({ item: e, pathname: t }) {
+function it({ item: e, pathname: t }) {
 	return e.children && e.children.length > 0 ? /* @__PURE__ */ z(s, {
 		asChild: !0,
 		defaultOpen: !0,
@@ -976,8 +978,8 @@ function et({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function tt({ 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 ? [] : $e(e[0]) ? e.map((e) => ({
+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) => ({
 		groupLabel: e.label,
 		items: e.items
 	})) : [{ items: e }], [e]), f = t.useMemo(() => {
@@ -1012,7 +1014,7 @@ function tt({ items: e, title: n = "Application", className: r, collapsible: i =
 				className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
 				children: e.groupLabel || n
 			}),
-			/* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.items.map((e) => /* @__PURE__ */ z(et, {
+			/* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(S, { children: e.items.map((e) => /* @__PURE__ */ z(it, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -1021,31 +1023,43 @@ function tt({ items: e, title: n = "Application", className: r, collapsible: i =
 }
 //#endregion
 //#region src/index.ts
-function nt() {
-	e.register("page-header", ge, {
+function ot() {
+	e.register("page-header", ye, {
 		namespace: "layout",
 		label: "Page Header",
 		category: "Layout",
-		inputs: [{
-			name: "title",
-			type: "string",
-			label: "Title"
-		}, {
-			name: "subtitle",
-			type: "string",
-			label: "Subtitle"
-		}]
-	}), e.register("page:card", Se, {
+		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, {
 		namespace: "layout",
 		skipFallback: !0,
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), e.register("app-shell", J, {
-		namespace: "layout",
-		label: "App Shell",
-		category: "Layout"
-	}), e.register("responsive-grid", Ee, {
+	}), e.register("responsive-grid", we, {
 		namespace: "layout",
 		label: "Responsive Grid",
 		category: "Layout",
@@ -1057,18 +1071,19 @@ function nt() {
 			name: "gap",
 			type: "number"
 		}]
-	}), e.register("navigation-renderer", $, {
+	}), e.register("navigation-renderer", We, {
 		namespace: "layout",
 		label: "Navigation Renderer",
 		category: "Layout",
 		inputs: [{
 			name: "items",
-			type: "object"
+			type: "array",
+			required: !0
 		}, {
 			name: "basePath",
 			type: "string"
 		}]
-	}), e.register("app-schema-renderer", Qe, {
+	}), e.register("app-schema-renderer", nt, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -1084,13 +1099,17 @@ function nt() {
 			},
 			{
 				name: "mobileNavMode",
-				type: "string"
+				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 {
-	nt();
+	ot();
 } catch {}
 //#endregion
-export { Qe as AppSchemaRenderer, J as AppShell, $ as NavigationRenderer, Se as PageCard, ge as PageHeader, Ee as ResponsiveGrid, tt as SidebarNav, Ge as filterNavigationItems, je as hasVisibleNavigationItems, nt as registerLayout, Ue as resolveActiveNavItem, Ne as resolveHref, Y as resolveIcon, X as resolveLabel, xe as useAppShellBranding };
+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 };