@object-ui/layout 17.2.0 → 17.5.0

package/dist/index.js

@@ -5,24 +5,25 @@ import { ArrowLeft as N, ChevronRight as P, FileText as F, GripVertical as ee, L
 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 ce, KeyboardSensor as H, PointerSensor as le, closestCenter as ue, useSensor as U, useSensors as W } from "@dnd-kit/core";
-import { SortableContext as de, arrayMove as fe, useSortable as pe, verticalListSortingStrategy as me } from "@dnd-kit/sortable";
-import { CSS as he } from "@dnd-kit/utilities";
-import { menuItemToNavigationItem as ge } from "@object-ui/types";
+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 _e = (e) => {
+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);
-}, ve = (e, t) => !e || typeof e != "string" ? e ?? "" : e.includes("{") ? e.replace(/\{([a-zA-Z0-9_.]+)\}/g, (e, n) => {
+}, _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" ? _e(r) ?? "" : String(r);
+	return r == null ? "" : typeof r == "object" ? ge(r) ?? "" : String(r);
 }).replace(/\s*[-–—|/·,:]\s*(?=\s*[-–—|/·,:]|$)/g, "").replace(/^\s*[-–—|/·,:]\s*/, "").replace(/\s+/g, " ").trim() : e;
-function ye({ 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 = ve(e, m?.data) || (h ? "" : e), _ = n ?? r, v = typeof _ == "string" && /\{[a-zA-Z0-9_.]+\}/.test(_), y = ve(_, m?.data) || (v ? "" : _), b = !!m?.recordId, x = !!m?.embedded, S = c ?? (b && !x), C = t.useCallback(() => {
+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")));
@@ -77,7 +78,7 @@ function ye({ title: e, subtitle: n, description: r, icon: i, action: a, actions
 }
 //#endregion
 //#region src/AppShell.tsx
-function be(e) {
+function ye(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;
@@ -90,9 +91,7 @@ function be(e) {
 			case r:
 				s = ((i - n) / e + 2) / 6;
 				break;
-			case i:
-				s = ((n - r) / e + 4) / 6;
-				break;
+			case i: s = ((n - r) / e + 4) / 6;
 		}
 	}
 	return {
@@ -101,17 +100,17 @@ function be(e) {
 		l: l * 100
 	};
 }
-function xe(e) {
-	let t = be(e);
+function be(e) {
+	let t = ye(e);
 	return t ? `${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%` : null;
 }
-function Se(e) {
-	let t = be(e);
+function xe(e) {
+	let t = ye(e);
 	if (!t) return null;
 	let n = Math.max(t.l, 65), r = t.s > 80 ? Math.max(t.s - 10, 70) : t.s;
 	return `${Math.round(t.h)} ${Math.round(r)}% ${Math.round(n)}%`;
 }
-function Ce(e) {
+function Se(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) => {
@@ -120,16 +119,16 @@ function Ce(e) {
 	}, r = n(parseInt(t[1], 16)), i = n(parseInt(t[2], 16)), a = n(parseInt(t[3], 16));
 	return .2126 * r + .7152 * i + .0722 * a > .6 ? "222 47% 11%" : "0 0% 100%";
 }
-function we(e, t) {
+function Ce(e, t) {
 	n(() => {
 		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
 			if (e?.primaryColor) {
-				let t = xe(e.primaryColor), i = Se(e.primaryColor), a = r() && i || t;
-				a && (n.style.setProperty("--brand-primary", e.primaryColor), n.style.setProperty("--brand-primary-hsl", t || a), n.style.setProperty("--primary", a), n.style.setProperty("--primary-foreground", r() ? "222 47% 11%" : Ce(e.primaryColor)), n.style.setProperty("--ring", a), n.style.setProperty("--sidebar-primary", a), n.style.setProperty("--sidebar-ring", a));
+				let t = 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));
 			} else n.style.removeProperty("--brand-primary"), n.style.removeProperty("--brand-primary-hsl"), n.style.removeProperty("--primary"), n.style.removeProperty("--primary-foreground"), n.style.removeProperty("--ring"), n.style.removeProperty("--sidebar-primary"), n.style.removeProperty("--sidebar-ring");
 			if (e?.accentColor) {
-				let t = xe(e.accentColor), i = Se(e.accentColor), a = r() && i || t;
-				a && (n.style.setProperty("--brand-accent", e.accentColor), n.style.setProperty("--brand-accent-hsl", t || a), n.style.setProperty("--accent", a), n.style.setProperty("--accent-foreground", r() ? "222 47% 11%" : Ce(e.accentColor)));
+				let t = 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)));
 			} else n.style.removeProperty("--brand-accent"), n.style.removeProperty("--brand-accent-hsl"), n.style.removeProperty("--accent"), n.style.removeProperty("--accent-foreground");
 		};
 		i();
@@ -156,8 +155,8 @@ function we(e, t) {
 		t
 	]);
 }
-function G({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a, rightRail: o }) {
-	return we(a, a?.title), /* @__PURE__ */ z(k, {
+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, {
 		defaultOpen: i,
 		className: "!flex-col h-svh overflow-hidden",
 		children: [/* @__PURE__ */ R("header", {
@@ -181,7 +180,7 @@ function G({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i =
 }
 //#endregion
 //#region src/PageCard.tsx
-function Te({ className: e, children: t, ...n }) {
+function we({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ R("div", {
 		className: A("rounded-xl border bg-card text-card-foreground shadow", e),
 		...n,
@@ -193,7 +192,7 @@ function Te({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/ResponsiveGrid.tsx
-var Ee = {
+var Te = {
 	xs: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -243,11 +242,11 @@ var Ee = {
 		12: "2xl:grid-cols-12"
 	}
 };
-function De(e) {
+function Ee(e) {
 	if (!e) return "grid-cols-1";
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = Ee[n];
+		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]);
@@ -255,7 +254,7 @@ function De(e) {
 	}
 	return t.join(" ") || "grid-cols-1";
 }
-var Oe = {
+var De = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -264,16 +263,19 @@ var Oe = {
 	5: "gap-5",
 	6: "gap-6",
 	8: "gap-8"
-}, ke = ({ columns: e, gap: t = 4, className: n, children: r }) => /* @__PURE__ */ R("div", {
-	className: A("grid", De(e), typeof t == "number" ? Oe[t] || `gap-${t}` : "", n),
-	children: r
-});
+}, 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 K(e) {
+function J(e) {
 	return e ? j(e) : F;
 }
-function q(e, t) {
+function Y(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -284,8 +286,8 @@ function q(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function Ae(e, t, n, r, i, a, o) {
-	let s = q(e.label, n);
+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) {
@@ -303,8 +305,20 @@ function Ae(e, t, n, r, i, a, o) {
 	}
 	return o && e.id && !c(e.id) ? o(e.id, s) : s;
 }
-var je = (e) => !(e === !1 || e === "false"), Me = () => !0, Ne = () => !0, Pe = /\{(current_user_id|current_org_id|[a-z][a-z0-9_]*)\}/g;
-function J(e, t) {
+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;
+			continue;
+		}
+		if (!(o.type === "action" && !a)) return !0;
+	}
+	return !1;
+}
+var Pe = /\{(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 i;
@@ -312,12 +326,12 @@ function J(e, t) {
 	});
 	return n ? null : r;
 }
-function Y(e, t, n) {
+function Fe(e, t, n) {
 	switch (e.type) {
 		case "object": {
 			let r = `${t}/${e.objectName ?? ""}`, i = e.recordId;
 			if (i) {
-				let t = J(i, n);
+				let t = X(i, n);
 				if (t) {
 					let n = `${r}/record/${encodeURIComponent(t)}`;
 					return {
@@ -331,7 +345,7 @@ function Y(e, t, n) {
 				let e = new URLSearchParams();
 				for (let [t, r] of Object.entries(a)) {
 					if (r == null || t === "") continue;
-					let i = J(String(r), n);
+					let i = X(String(r), n);
 					i !== null && e.set(`filter[${t}]`, i);
 				}
 				let t = e.toString();
@@ -357,10 +371,12 @@ function Y(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 = J(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 = X(i, n);
+						r !== null && e.set(t, r);
+					} else e.set(t, JSON.stringify(i));
+				}
 				let t = e.toString();
 				t && (i += `?${t}`);
 			}
@@ -393,10 +409,12 @@ function Y(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 = J(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 = X(r, n);
+							i && e.set(t, i);
+						} else e.set(t, JSON.stringify(r));
+					}
 					let t = e.toString();
 					t && (s = `?${t}`);
 				}
@@ -429,27 +447,27 @@ function Y(e, t, n) {
 		};
 	}
 }
-var Fe = 50, Ie = 40, Le = 30, Re = 25, ze = 10, Be = 5;
-function Ve(e) {
+var Ie = 50, Le = 40, Re = 30, ze = 25, Be = 10, Ve = 5;
+function He(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 He(e, t) {
+function Ue(e, t) {
 	return t.startsWith(`${e}.`) ? t.slice(e.length + 1) : t;
 }
-function Ue(e, t, n, r, i) {
-	let { href: a, external: o } = Y(e, r, i);
+function We(e, t, n, r, i) {
+	let { href: a, external: o } = Fe(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 = J(s, i);
-			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Fe : 0;
+			let e = X(s, i);
+			if (e) return o[0] === "record" && decodeURIComponent(o[1] ?? "") === e ? Ie : 0;
 		}
 		let c = e.filters;
 		if (c && typeof c == "object" && !Array.isArray(c)) {
@@ -457,34 +475,34 @@ function Ue(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 = J(String(n), i);
+				let r = X(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 Ie;
+			return Le;
 		}
-		return e.viewName ? o[0] !== "view" || !o[1] ? 0 : He(e.objectName, decodeURIComponent(o[1])) === He(e.objectName, e.viewName) ? Le : 0 : o.length === 0 ? Re : ze;
+		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;
 	}
 	let s = a.split("?")[0];
-	if (t === s) return Re;
+	if (t === s) return ze;
 	let c = e.componentRef;
-	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? Be : 0;
+	return c && c.split(":")[1] === "directory" ? 0 : t.startsWith(`${s}/`) ? Ve : 0;
 }
-function We(e, t, n, r, i) {
-	let a = Ve(n), o = null, s = 0, c = (e) => {
+function Ge(e, t, n, r, i) {
+	let a = He(n), o = null, s = 0, c = (e) => {
 		if (e) for (let n of e) {
 			if (n.type === "group") {
 				c(n.children);
 				continue;
 			}
-			let e = Ue(n, t, a, r, i);
+			let e = We(n, t, a, r, i);
 			e > s && (o = n, s = e);
 		}
 	};
 	return c(e), o;
 }
-var X = t.createContext(null);
+var Ke = t.createContext(null);
 function Z(e, t) {
 	if (!t.trim()) return e;
 	let n = t.toLowerCase().trim();
@@ -497,23 +515,23 @@ function Z(e, t) {
 				children: n
 			}), e;
 		}
-		return q(r.label).toLowerCase().includes(n) && e.push(r), e;
+		return Y(r.label).toLowerCase().includes(n) && e.push(r), e;
 	}, []);
 }
-var Ge = 5;
-function Ke({ 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 } = pe({
+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({
 		id: e.id,
 		disabled: !c
-	});
+	}), S = {
+		transform: pe.Transform.toString(y),
+		transition: b,
+		opacity: x ? .5 : void 0,
+		zIndex: x ? 10 : void 0
+	};
 	return /* @__PURE__ */ R("div", {
 		ref: v,
-		style: {
-			transform: he.Transform.toString(y),
-			transition: b,
-			opacity: x ? .5 : void 0,
-			zIndex: x ? 10 : void 0
-		},
+		style: S,
 		...g,
 		children: /* @__PURE__ */ R(Q, {
 			item: e,
@@ -539,25 +557,25 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 	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(X), [L, ae] = i(t.useMemo(() => {
+	})(), 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));
+	}, [e, I]) ? !0 : te ?? !(ie >= 8), [ae, B] = i(L);
 	if (!r(e.visible) || e.requiredPermissions?.length && !o(e.requiredPermissions)) return null;
-	let B = e.requiresObject, V = e.requiresService;
-	if (B && !u("object", B) || V && !u("service", V)) 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 = Ae(e, y, O, b, x, E, D);
+		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: L,
-			onOpenChange: ae,
+			open: ae,
+			onOpenChange: B,
 			children: /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, {
 				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", L && "rotate-90") })]
+					children: [i, /* @__PURE__ */ R(P, { className: A("ml-auto transition-transform", j ? "h-5 w-5" : "h-4 w-4", ae && "rotate-90") })]
 				})
 			}), /* @__PURE__ */ R(c, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: t.map((e) => /* @__PURE__ */ R(Q, {
 				item: e,
@@ -580,7 +598,7 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 	}
 	if (e.type === "action") {
 		if (!d) return null;
-		let t = K(e.icon), r = q(e.label, O);
+		let t = J(e.icon), r = Y(e.label, O);
 		return /* @__PURE__ */ z(T, { children: [
 			h && /* @__PURE__ */ R("span", {
 				className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
@@ -613,9 +631,9 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 			})
 		] });
 	}
-	let ce = K(e.icon), { href: H, external: le } = Y(e, n, k), ue = I !== null && e.id === I, U = Ae(e, y, O, b, x, E, D), W = /* @__PURE__ */ z(oe, { children: [
+	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: U }),
+		/* @__PURE__ */ R("span", { children: G }),
 		e.badge != null && /* @__PURE__ */ R(a, {
 			variant: e.badgeVariant ?? "default",
 			className: "ml-auto text-[10px] px-1.5 py-0",
@@ -631,42 +649,42 @@ function Q({ item: e, basePath: n, evalVis: r, checkPerm: o, checkCap: u, onActi
 		}),
 		/* @__PURE__ */ R(w, {
 			asChild: !0,
-			isActive: ue,
-			tooltip: U,
+			isActive: W,
+			tooltip: G,
 			className: N,
 			children: le ? /* @__PURE__ */ R("a", {
-				href: H,
+				href: U,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: W
+				children: K
 			}) : /* @__PURE__ */ R(se, {
-				to: H,
-				children: W
+				to: U,
+				children: K
 			})
 		}),
 		p && m && /* @__PURE__ */ R(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 ${U}` : `Pin ${U}`,
-				name: U
-			}) : e.pinned ? `Unpin ${U}` : `Pin ${U}`,
+				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" })
 		})
 	] });
 }
-function $({ items: e, basePath: t = "", evaluateVisibility: n = je, checkPermission: i = Me, checkCapability: a = Ne, 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(() => We(e, C.pathname, C.search, t, x)?.id ?? null, [
+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, [
 		e,
 		C.pathname,
 		C.search,
 		t,
 		x
-	]), T = r(() => s ? Z(e, s) : e, [e, s]), E = r(() => qe(T), [T]), D = T.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), O = W(U(le, { activationConstraint: { distance: Ge } }), U(H)), k = (e) => {
+	]), 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) => {
 		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(fe(D, r, i).map((e, t) => ({
+		r !== -1 && i !== -1 && d(ue(D, r, i).map((e, t) => ({
 			...e,
 			order: t
 		})));
@@ -693,14 +711,14 @@ function $({ items: e, basePath: t = "", evaluateVisibility: n = je, checkPermis
 		...A
 	}, `fav-${e.id}`)) }) })] }) : null;
 	if (!j) {
-		let e = D.filter((e) => e.type !== "group").map((e) => e.id), t = u ? /* @__PURE__ */ R(ce, {
+		let e = D.filter((e) => e.type !== "group").map((e) => e.id), t = u ? /* @__PURE__ */ R(H, {
 			sensors: O,
-			collisionDetection: ue,
+			collisionDetection: le,
 			onDragEnd: k,
-			children: /* @__PURE__ */ R(de, {
+			children: /* @__PURE__ */ R(K, {
 				items: e,
-				strategy: me,
-				children: /* @__PURE__ */ R(S, { children: D.map((e) => /* @__PURE__ */ R(Ke, {
+				strategy: fe,
+				children: /* @__PURE__ */ R(S, { children: D.map((e) => /* @__PURE__ */ R(Je, {
 					item: e,
 					enableReorder: u,
 					...A
@@ -710,7 +728,7 @@ function $({ items: e, basePath: t = "", evaluateVisibility: n = je, checkPermis
 			item: e,
 			...A
 		}, e.id)) });
-		return /* @__PURE__ */ z(X.Provider, {
+		return /* @__PURE__ */ z(Ke.Provider, {
 			value: w,
 			children: [M, /* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: t }) })]
 		});
@@ -728,34 +746,36 @@ function $({ items: e, basePath: t = "", evaluateVisibility: n = je, checkPermis
 			item: e,
 			...A
 		}, e.id))) : P.push(e);
-	}), F("leaf-end"), /* @__PURE__ */ z(X.Provider, {
+	}), F("leaf-end"), /* @__PURE__ */ z(Ke.Provider, {
 		value: w,
 		children: [M, N]
 	});
 }
-function qe(e) {
+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(...qe(n.children));
+	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;
 }
 //#endregion
 //#region src/AppSchemaRenderer.tsx
-function Je({ areas: e, activeAreaId: t, onAreaChange: n, evalVis: r, checkPerm: i }) {
-	let a = e.filter((e) => !(!r(e.visible) || e.requiredPermissions?.length && !i(e.requiredPermissions)));
-	return a.length <= 1 ? null : /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
+function Xe(e) {
+	return he(e, void 0) ?? "";
+}
+function Ze({ areas: e, activeAreaId: t, onAreaChange: n }) {
+	return e.length <= 1 ? null : /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
 		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: a.map((e) => {
-		let r = K(e.icon);
+	}), /* @__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, {
 			isActive: e.id === t,
-			tooltip: q(e.label),
+			tooltip: i,
 			onClick: () => n(e.id),
-			children: [/* @__PURE__ */ R(r, { className: "h-4 w-4" }), /* @__PURE__ */ R("span", { children: q(e.label) })]
+			children: [/* @__PURE__ */ R(r, { className: "h-4 w-4" }), /* @__PURE__ */ R("span", { children: i })]
 		}) }, e.id);
 	}) }) })] });
 }
-function Ye({ items: e, basePath: t }) {
+function Qe({ items: e, basePath: t }) {
 	let n = V(), r = (e) => {
 		let t = [];
 		for (let n of e) n.type !== "separator" && (n.type === "group" ? t.push(...r(n.children || [])) : t.push(n));
@@ -766,7 +786,7 @@ function Ye({ items: e, basePath: t }) {
 		role: "navigation",
 		"aria-label": "Mobile navigation",
 		children: i.map((e) => {
-			let r = K(e.icon), i = "#";
+			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}` : "#";
@@ -791,14 +811,14 @@ function Ye({ 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__ */ R(r, { className: "h-5 w-5" }), /* @__PURE__ */ R("span", {
 					className: "text-[10px] truncate max-w-[60px]",
-					children: q(e.label)
+					children: Y(e.label)
 				})]
 			}, e.id);
 		})
 	});
 }
-function Xe({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onAction: o, sidebarHeader: s, sidebarFooter: c, sidebarExtra: l, activeAreaId: u, setActiveAreaId: d, resolvedNavigation: f, enableSearch: g, enablePinning: _, onPinToggle: v, enableReorder: x, onReorder: C }) {
-	let E = K(e.logo), D = e.areas ?? [], [O, k] = i("");
+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, {
 		collapsible: "icon",
 		children: [
@@ -811,7 +831,7 @@ function Xe({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onA
 						src: e.logo,
 						alt: e.title ?? "",
 						className: "size-6 object-contain"
-					}) : /* @__PURE__ */ R(E, { className: "size-4" })
+					}) : /* @__PURE__ */ R(D, { className: "size-4" })
 				}), /* @__PURE__ */ z("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
 					children: [/* @__PURE__ */ R("span", {
@@ -822,32 +842,30 @@ function Xe({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onA
 						children: e.description
 					})]
 				})]
-			}) }) }), g && /* @__PURE__ */ R(b, {
+			}) }) }), _ && /* @__PURE__ */ R(b, {
 				placeholder: "Search navigation…",
 				value: O,
 				onChange: (e) => k(e.target.value),
 				"aria-label": "Search navigation"
 			})] }),
 			/* @__PURE__ */ z(m, { children: [
-				D.length > 1 && u && /* @__PURE__ */ R(Je, {
-					areas: D,
-					activeAreaId: u,
-					onAreaChange: d,
-					evalVis: n,
-					checkPerm: r
+				u.length > 1 && d && /* @__PURE__ */ R(Ze, {
+					areas: u,
+					activeAreaId: d,
+					onAreaChange: f
 				}),
 				/* @__PURE__ */ R($, {
-					items: f,
+					items: g,
 					basePath: t,
 					evaluateVisibility: n,
 					checkPermission: r,
 					checkCapability: a,
 					onAction: o,
 					searchQuery: O,
-					enablePinning: _,
-					onPinToggle: v,
-					enableReorder: x,
-					onReorder: C
+					enablePinning: v,
+					onPinToggle: x,
+					enableReorder: C,
+					onReorder: E
 				}),
 				l
 			] }),
@@ -855,52 +873,58 @@ function Xe({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onA
 		]
 	});
 }
-function Ze({ 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) => ge(e, t)), [e.menu]), E = e.navigation ?? T, D = e.areas ?? [], [O, k] = i(() => D.length > 0 ? D[0].id : null), A = D.map((e) => e.id).join(",");
+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(",");
 	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)?.navigation ?? E, M = {
+	let j = D.find((e) => e.id === O) ?? D[0], M = j?.navigation ?? E, N = {
 		title: e.title,
 		favicon: e.favicon,
 		logo: e.logo
-	};
-	return /* @__PURE__ */ z(oe, { children: [/* @__PURE__ */ R(G, {
-		sidebar: /* @__PURE__ */ R(Xe, {
-			schema: e,
-			basePath: t,
-			evalVis: S,
-			checkPerm: C,
-			checkCap: w,
-			onAction: l,
-			sidebarHeader: d,
-			sidebarFooter: f,
-			sidebarExtra: p,
-			activeAreaId: O,
-			setActiveAreaId: k,
-			resolvedNavigation: j,
-			enableSearch: _,
-			enablePinning: v,
-			onPinToggle: y,
-			enableReorder: b,
-			onReorder: x
-		}),
+	}, P = /* @__PURE__ */ R($e, {
+		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
+	});
+	return /* @__PURE__ */ z(oe, { children: [/* @__PURE__ */ R(q, {
+		sidebar: P,
 		navbar: u,
 		className: h,
 		defaultOpen: g,
-		branding: M,
+		branding: N,
 		children: m
-	}), a === "bottom_nav" && /* @__PURE__ */ R(Ye, {
-		items: j,
+	}), a === "bottom_nav" && /* @__PURE__ */ R(Qe, {
+		items: M,
 		basePath: t
 	})] });
 }
 //#endregion
 //#region src/SidebarNav.tsx
-function Qe(e) {
+function tt(e) {
 	return "items" in e && !("href" in e);
 }
-function $e({ item: e, pathname: t }) {
+function nt({ item: e, pathname: t }) {
 	return e.children && e.children.length > 0 ? /* @__PURE__ */ R(s, {
 		asChild: !0,
 		defaultOpen: !0,
@@ -960,8 +984,8 @@ function $e({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function et({ 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 ? [] : Qe(e[0]) ? e.map((e) => ({
+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) => ({
 		groupLabel: e.label,
 		items: e.items
 	})) : [{ items: e }], [e]), f = t.useMemo(() => {
@@ -996,7 +1020,7 @@ function et({ 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__ */ R(_, { children: /* @__PURE__ */ R(S, { children: e.items.map((e) => /* @__PURE__ */ R($e, {
+			/* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: e.items.map((e) => /* @__PURE__ */ R(nt, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -1005,29 +1029,47 @@ function et({ items: e, title: n = "Application", className: r, collapsible: i =
 }
 //#endregion
 //#region src/index.ts
-function tt() {
-	e.register("page-header", ye, {
+function it() {
+	e.register("page-header", ve, {
 		namespace: "layout",
 		label: "Page Header",
 		category: "Layout",
-		inputs: [{
-			name: "title",
-			type: "string"
-		}, {
-			name: "description",
-			type: "string"
-		}]
-	}), e.register("page:card", Te, {
+		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, {
 		namespace: "layout",
 		skipFallback: !0,
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), e.register("app-shell", G, {
+	}), e.register("app-shell", q, {
 		namespace: "layout",
 		label: "App Shell",
 		category: "Layout"
-	}), e.register("responsive-grid", ke, {
+	}), e.register("responsive-grid", Oe, {
 		namespace: "layout",
 		label: "Responsive Grid",
 		category: "Layout",
@@ -1045,12 +1087,13 @@ function tt() {
 		category: "Layout",
 		inputs: [{
 			name: "items",
-			type: "object"
+			type: "array",
+			required: !0
 		}, {
 			name: "basePath",
 			type: "string"
 		}]
-	}), e.register("app-schema-renderer", Ze, {
+	}), e.register("app-schema-renderer", et, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -1072,7 +1115,7 @@ function tt() {
 	});
 }
 try {
-	tt();
+	it();
 } catch {}
 //#endregion
-export { Ze as AppSchemaRenderer, G as AppShell, $ as NavigationRenderer, Te as PageCard, ye as PageHeader, ke as ResponsiveGrid, et as SidebarNav, Z as filterNavigationItems, tt as registerLayout, We as resolveActiveNavItem, Y as resolveHref, K as resolveIcon, q as resolveLabel, we as useAppShellBranding };
+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 };