@object-ui/layout 4.3.0 → 4.4.0

package/CHANGELOG.md

@@ -1,5 +1,92 @@
 # @object-ui/layout
 
+## 4.4.0
+
+### Minor Changes
+
+- 67dabe1: feat(page-header): first-class `actions` property on page:header
+
+  PageHeader now accepts an `actions: ActionDef[]` (or string[]) property
+  and renders the toolbar inline in the header's right-aligned action slot.
+  Removes the need for authors to declare a sibling `record:quick_actions`
+  node and the `-mt-12` visual offset hack to pair the toolbar with the
+  title. The hack still applies for legacy schemas using the sibling form
+  (via location:'record_header'); the new in-header rendering opts out via
+  an `inline: true` flag automatically set by PageHeader.
+
+### Patch Changes
+
+- 63eb66d: fix(detail): expand lookup fields so subtitle + lookup cells show display names
+
+  The record-page fetch in `RecordDetailView` (the page-mode path) now
+  requests `$expand` for every lookup/master_detail field on the object,
+  mirroring the behaviour the legacy `DetailView` already had. Combined
+  with two small downstream fixes — `PageHeader` subtitle interpolation
+  now extracts `name/label` from expanded reference objects instead of
+  rendering `[object Object]`, and `LookupCellRenderer` now short-circuits
+  to `pickRecordDisplayName` when the value is already a nested record —
+  all `record:*` renderers and the page header subtitle (`Owned by
+{account}`) now display the related record's name rather than the raw
+  foreign-key id.
+
+- ef0e30d: feat(page-header): back-to-list arrow on record pages
+
+  `page:header` now renders a ← back arrow at the left when a record
+  context with an id is present. Clicking it strips the trailing
+  `/record/{id}` segment from the URL so users return to the object list,
+  falling back to `history.back()` for deep-linked entry. The legacy app
+  pages without a record context are unaffected.
+
+- 2bd45af: feat(shell): main becomes the scroll container; record tabs are sticky
+  - `AppShell`'s SidebarProvider wrapper is now constrained to viewport
+    height (`h-svh overflow-hidden`) instead of expanding with content via
+    the default `min-h-svh`. This makes the inner `<main>` (which is
+    `overflow-auto`) the actual scroll container instead of the window.
+  - `RecordDetailView` page-mode container drops the redundant
+    `h-full overflow-auto` (avoids nested scrollers; main owns scroll now).
+  - `page:tabs` (horizontal) gets `sticky top-0 z-20` with a translucent
+    backdrop so the tab strip stays visible while users scroll through
+    long record pages — the Salesforce Lightning behaviour our schemas
+    were already implying.
+
+- Updated dependencies [2bd45af]
+  - @object-ui/components@4.4.0
+  - @object-ui/types@4.4.0
+  - @object-ui/core@4.4.0
+  - @object-ui/react@4.4.0
+
+## 4.3.1
+
+### Patch Changes
+
+- 6b683c8: fix(detail): clean up record page rendering
+  - Drop `ai:chat_window` from the protocol-component placeholder list. The
+    floating chat overlay (plugin-chatbot) is the canonical AI entry point;
+    inline page schemas that still reference `ai:chat_window` now surface
+    as an explicit "Unknown component type" so the misconfiguration is
+    fixed at the source instead of silently leaking a placeholder card.
+  - `page:header` now resolves `{field.path}` tokens in `title` / `description`
+    against the current record context (matching the behaviour of the
+    alternative `containers.tsx` renderer). Without this, schemas like
+    `title: "{first_name} {last_name}"` rendered the literal template.
+  - `containers.tsx` `PageHeaderRenderer`: also read from `schema.properties.*`
+    as a fallback so both inlined and raw-bag schema shapes are supported.
+
+- 0d8eb98: feat(detail): Salesforce-style record header + section field grid
+  - `page:header` now renders an icon chip (resolves Lucide names via
+    `LazyIcon`) plus subtitle, so detail pages can show
+    "Name / Company" without an extra component.
+  - `record:details` normalises string field entries (`fields: ['email']`)
+    into the `{name, label?}` shape expected by `DetailSection`, and maps
+    section `label` → `title`. Schemas authored against `@objectstack/spec`
+    now produce a real grouped field grid instead of an empty card.
+
+- Updated dependencies [6b683c8]
+  - @object-ui/components@4.3.1
+  - @object-ui/react@4.3.1
+  - @object-ui/types@4.3.1
+  - @object-ui/core@4.3.1
+
 ## 4.3.0
 
 ### Patch Changes

package/dist/index.js

@@ -1,34 +1,75 @@
 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, Collapsible as o, CollapsibleContent as s, CollapsibleTrigger as c, Input as l, Separator as u, Sidebar as d, SidebarContent as f, SidebarFooter as p, SidebarGroup as m, SidebarGroupContent as h, SidebarGroupLabel as g, SidebarHeader as _, SidebarInput as v, SidebarInset as y, SidebarMenu as b, SidebarMenuAction as x, SidebarMenuButton as S, SidebarMenuItem as C, SidebarMenuSub as w, SidebarMenuSubButton as T, SidebarMenuSubItem as E, SidebarProvider as D, cn as O, getLazyIcon as k } from "@object-ui/components";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { Link as N, NavLink as P, useLocation as F } from "react-router-dom";
-import { ChevronRight as I, FileText as ee, GripVertical as te, Layers as L, Pin as R, PinOff as ne, Search as re, Star as ie } from "lucide-react";
-import { DndContext as z, KeyboardSensor as B, PointerSensor as ae, closestCenter as oe, useSensor as V, useSensors as se } from "@dnd-kit/core";
-import { SortableContext as ce, 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 { SchemaRenderer as me } from "@object-ui/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 } from "@object-ui/components";
+import { ArrowLeft as M, ChevronRight as ee, FileText as N, GripVertical as te, Layers as ne, Pin as re, PinOff as ie, Search as P, Star as F } from "lucide-react";
+import { SchemaRenderer as I, useRecordContext as ae } from "@object-ui/react";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { Link as oe, NavLink as se, useLocation as B } from "react-router-dom";
+import { DndContext as ce, KeyboardSensor as le, PointerSensor as ue, closestCenter as de, useSensor as fe, useSensors as pe } from "@dnd-kit/core";
+import { SortableContext as me, arrayMove as he, useSortable as ge, verticalListSortingStrategy as _e } from "@dnd-kit/sortable";
+import { CSS as ve } from "@dnd-kit/utilities";
+import { menuItemToNavigationItem as ye } from "@object-ui/types";
 //#region src/PageHeader.tsx
-function H({ title: e, description: t, action: n, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ j("div", {
-		className: O("flex flex-col gap-4 pb-4 md:pb-8", r),
-		...a,
-		children: /* @__PURE__ */ M("div", {
-			className: "flex flex-wrap items-end gap-x-4 gap-y-2",
-			children: [/* @__PURE__ */ M("div", {
-				className: "flex flex-col gap-1 min-w-0",
-				children: [/* @__PURE__ */ j("h1", {
-					className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
-					children: e
-				}), t && /* @__PURE__ */ j("p", {
-					className: "text-sm text-muted-foreground",
-					children: t
-				})]
-			}), (n || i) && /* @__PURE__ */ M("div", {
-				className: "flex items-center gap-2 ml-auto sm:ml-0",
-				children: [n, i]
-			})]
+var V = (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);
+	if (r == null) return "";
+	if (typeof r == "object") {
+		let e = r.name ?? r.label ?? r.display_name ?? r.title;
+		return e == null ? "" : String(e);
+	}
+	return String(r);
+}).replace(/\s+/g, " ").trim() : e;
+function H({ 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 = V(e, m?.data) || e, g = n ?? r, _ = V(g, m?.data) || g, v = !!m?.recordId, y = c ?? v, b = 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")));
+	}, []), x = Array.isArray(l?.children) ? l.children.filter(Boolean).map((e, t) => /* @__PURE__ */ R(I, { schema: e }, e?.id || `pgh-child-${t}`)) : null, S = 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, C = a || f || (S ? /* @__PURE__ */ R(I, { schema: {
+		type: "record:quick_actions",
+		properties: {
+			actions: S,
+			location: "record_header",
+			align: "end",
+			inline: !0
+		}
+	} }) : null) || x;
+	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: [
+				y && /* @__PURE__ */ R(o, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					onClick: b,
+					"aria-label": "Back to list",
+					className: "flex-shrink-0 -ml-2",
+					children: /* @__PURE__ */ R(M, { className: "size-4" })
+				}),
+				i && /* @__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: [/* @__PURE__ */ R("h1", {
+						className: "text-2xl font-bold tracking-tight md:text-3xl truncate",
+						children: h
+					}), _ && /* @__PURE__ */ R("p", {
+						className: "text-sm text-muted-foreground truncate",
+						children: _
+					})]
+				}),
+				C && /* @__PURE__ */ R("div", {
+					className: "flex items-center gap-2 ml-auto",
+					children: C
+				})
+			]
 		})
 	});
 }
@@ -77,7 +118,7 @@ function K(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 q(e, t) {
+function be(e, t) {
 	n(() => {
 		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
 			if (e?.primaryColor) {
@@ -113,19 +154,19 @@ function q(e, t) {
 		t
 	]);
 }
-function J({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a }) {
-	return q(a, a?.title), /* @__PURE__ */ M(D, {
+function q({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i = !0, branding: a }) {
+	return be(a, a?.title), /* @__PURE__ */ z(k, {
 		defaultOpen: i,
-		className: "!flex-col",
-		children: [/* @__PURE__ */ j("header", {
+		className: "!flex-col h-svh overflow-hidden",
+		children: [/* @__PURE__ */ R("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__ */ M("div", {
+		}), /* @__PURE__ */ z("div", {
 			className: "flex flex-1 min-h-0 w-full",
-			children: [e, /* @__PURE__ */ j(y, {
+			children: [e, /* @__PURE__ */ R(x, {
 				className: "min-w-0",
-				children: /* @__PURE__ */ j("main", {
-					className: O("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__ */ 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: n
 				})
 			})]
@@ -134,11 +175,11 @@ function J({ sidebar: e, navbar: t, children: n, className: r, defaultOpen: i =
 }
 //#endregion
 //#region src/PageCard.tsx
-function he({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ j("div", {
-		className: O("rounded-xl border bg-card text-card-foreground shadow", e),
+function xe({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ R("div", {
+		className: A("rounded-xl border bg-card text-card-foreground shadow", e),
 		...n,
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ R("div", {
 			className: "p-6",
 			children: t
 		})
@@ -146,7 +187,7 @@ function he({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/ResponsiveGrid.tsx
-var ge = {
+var Se = {
 	xs: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -196,11 +237,11 @@ var ge = {
 		12: "2xl:grid-cols-12"
 	}
 };
-function _e(e) {
+function Ce(e) {
 	if (!e) return "grid-cols-1";
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = ge[n];
+		let e = Se[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]);
@@ -208,7 +249,7 @@ function _e(e) {
 	}
 	return t.join(" ") || "grid-cols-1";
 }
-var ve = {
+var we = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -217,16 +258,16 @@ var ve = {
 	5: "gap-5",
 	6: "gap-6",
 	8: "gap-8"
-}, ye = ({ columns: e, gap: t = 4, className: n, children: r }) => /* @__PURE__ */ j("div", {
-	className: O("grid", _e(e), typeof t == "number" ? ve[t] || `gap-${t}` : "", n),
+}, Te = ({ columns: e, gap: t = 4, className: n, children: r }) => /* @__PURE__ */ R("div", {
+	className: A("grid", Ce(e), typeof t == "number" ? we[t] || `gap-${t}` : "", n),
 	children: r
 });
 //#endregion
 //#region src/NavigationRenderer.tsx
-function Y(e) {
-	return e ? k(e) : ee;
+function J(e) {
+	return e ? j(e) : N;
 }
-function X(e, t) {
+function Y(e, t) {
 	if (typeof e == "string") return e;
 	if (t) {
 		let n = t(e.key, {
@@ -237,12 +278,12 @@ function X(e, t) {
 	}
 	return e.defaultValue || e.key;
 }
-function be(e, t, n, r, i) {
-	let a = X(e.label, n);
+function X(e, t, n, r, i) {
+	let a = Y(e.label, n);
 	return typeof e.label == "string" ? t && e.type === "object" && e.objectName ? t(e.objectName, a) : r && e.type === "dashboard" && e.dashboardName ? r(e.dashboardName, a) : i && e.type === "group" && e.id ? i(e.id, a) : a : a;
 }
-var xe = (e) => !(e === !1 || e === "false"), Se = () => !0, Ce = () => !0;
-function we(e, t) {
+var Ee = (e) => !(e === !1 || e === "false"), De = () => !0, Oe = () => !0;
+function ke(e, t) {
 	switch (e.type) {
 		case "object": {
 			let n = `${t}/${e.objectName ?? ""}`;
@@ -285,25 +326,25 @@ function Z(e, t) {
 				children: n
 			}), e;
 		}
-		return X(r.label).toLowerCase().includes(n) && e.push(r), e;
+		return Y(r.label).toLowerCase().includes(n) && e.push(r), e;
 	}, []);
 }
-var Te = 5;
-function Ee({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAction: a, enablePinning: o, onPinToggle: s, enableReorder: c, resolveObjectLabel: l, resolveDashboardLabel: u, resolveGroupLabel: d, t: f }) {
-	let { attributes: p, listeners: m, setNodeRef: h, transform: g, transition: _, isDragging: v } = ue({
+var Ae = 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, t: f }) {
+	let { attributes: p, listeners: m, setNodeRef: h, transform: g, transition: _, isDragging: v } = ge({
 		id: e.id,
 		disabled: !c
 	});
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ R("div", {
 		ref: h,
 		style: {
-			transform: fe.Transform.toString(g),
+			transform: ve.Transform.toString(g),
 			transition: _,
 			opacity: v ? .5 : void 0,
 			zIndex: v ? 10 : void 0
 		},
 		...p,
-		children: /* @__PURE__ */ j(Q, {
+		children: /* @__PURE__ */ R(Q, {
 			item: e,
 			basePath: t,
 			evalVis: n,
@@ -320,119 +361,119 @@ function Ee({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: i, onAct
 		})
 	});
 }
-function Q({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: l, onAction: d, enablePinning: f, onPinToggle: p, dragListeners: _, resolveObjectLabel: v, resolveDashboardLabel: y, resolveGroupLabel: w, t: T }) {
-	let E = F(), [D, O] = i(e.defaultOpen !== !1);
+function Q({ item: e, basePath: t, evalVis: n, checkPerm: r, checkCap: o, onAction: u, enablePinning: d, onPinToggle: p, dragListeners: m, resolveObjectLabel: h, resolveDashboardLabel: y, resolveGroupLabel: b, t: x }) {
+	let E = B(), [D, O] = i(e.defaultOpen !== !1);
 	if (!n(e.visible) || e.requiredPermissions?.length && !r(e.requiredPermissions)) return null;
-	let k = e.requiresObject, P = e.requiresService;
-	if (k && !l("object", k) || P && !l("service", P)) return null;
-	if (e.type === "separator") return /* @__PURE__ */ j(u, { className: "my-2" });
+	let k = e.requiresObject, A = e.requiresService;
+	if (k && !o("object", k) || A && !o("service", A)) return null;
+	if (e.type === "separator") return /* @__PURE__ */ R(f, { className: "my-2" });
 	if (e.type === "group") {
 		let i = (e.children ?? []).slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0));
-		return /* @__PURE__ */ j(o, {
+		return /* @__PURE__ */ R(s, {
 			open: D,
 			onOpenChange: O,
-			children: /* @__PURE__ */ M(m, { children: [/* @__PURE__ */ j(g, {
+			children: /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, {
 				asChild: !0,
-				children: /* @__PURE__ */ M(c, {
+				children: /* @__PURE__ */ z(l, {
 					className: "flex w-full items-center justify-between",
-					children: [be(e, v, T, y, w), /* @__PURE__ */ j(I, { className: `ml-auto h-4 w-4 transition-transform ${D ? "rotate-90" : ""}` })]
+					children: [X(e, h, x, y, b), /* @__PURE__ */ R(ee, { className: `ml-auto h-4 w-4 transition-transform ${D ? "rotate-90" : ""}` })]
 				})
-			}), /* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(h, { children: /* @__PURE__ */ j(b, { children: i.map((e) => /* @__PURE__ */ j(Q, {
+			}), /* @__PURE__ */ R(c, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: i.map((e) => /* @__PURE__ */ R(Q, {
 				item: e,
 				basePath: t,
 				evalVis: n,
 				checkPerm: r,
-				checkCap: l,
-				onAction: d,
-				enablePinning: f,
+				checkCap: o,
+				onAction: u,
+				enablePinning: d,
 				onPinToggle: p,
-				resolveObjectLabel: v,
+				resolveObjectLabel: h,
 				resolveDashboardLabel: y,
-				resolveGroupLabel: w,
-				t: T
+				resolveGroupLabel: b,
+				t: x
 			}, e.id)) }) }) })] })
 		});
 	}
 	if (e.type === "action") {
-		let t = Y(e.icon), n = X(e.label, T);
-		return /* @__PURE__ */ M(C, { children: [
-			_ && /* @__PURE__ */ j("span", {
+		let t = J(e.icon), n = Y(e.label, x);
+		return /* @__PURE__ */ z(T, { children: [
+			m && /* @__PURE__ */ R("span", {
 				className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
-				"aria-label": T ? T("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-				..._,
-				children: /* @__PURE__ */ j(te, { className: "h-3.5 w-3.5" })
+				"aria-label": x ? x("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
+				...m,
+				children: /* @__PURE__ */ R(te, { className: "h-3.5 w-3.5" })
 			}),
-			/* @__PURE__ */ M(S, {
+			/* @__PURE__ */ z(w, {
 				tooltip: n,
-				onClick: () => d?.(e),
+				onClick: () => u?.(e),
 				children: [
-					/* @__PURE__ */ j(t, { className: "h-4 w-4" }),
-					/* @__PURE__ */ j("span", { children: n }),
-					e.badge != null && /* @__PURE__ */ j(a, {
+					/* @__PURE__ */ R(t, { className: "h-4 w-4" }),
+					/* @__PURE__ */ R("span", { children: n }),
+					e.badge != null && /* @__PURE__ */ R(a, {
 						variant: e.badgeVariant ?? "default",
 						className: "ml-auto text-[10px] px-1.5 py-0",
 						children: e.badge
 					})
 				]
 			}),
-			f && p && /* @__PURE__ */ j(x, {
+			d && p && /* @__PURE__ */ R(C, {
 				showOnHover: !0,
 				onClick: () => p(e.id, !e.pinned),
-				"aria-label": T ? T(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
+				"aria-label": x ? x(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
 					defaultValue: e.pinned ? `Unpin ${n}` : `Pin ${n}`,
 					name: n
 				}) : e.pinned ? `Unpin ${n}` : `Pin ${n}`,
-				children: e.pinned ? /* @__PURE__ */ j(ne, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ j(R, { className: "h-3.5 w-3.5" })
+				children: e.pinned ? /* @__PURE__ */ R(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(re, { className: "h-3.5 w-3.5" })
 			})
 		] });
 	}
-	let ee = Y(e.icon), { href: L, external: re } = we(e, t), ie = L !== "#" && E.pathname.startsWith(L), z = be(e, v, T, y, w), B = /* @__PURE__ */ M(A, { children: [
-		/* @__PURE__ */ j(ee, { className: "h-4 w-4" }),
-		/* @__PURE__ */ j("span", { children: z }),
-		e.badge != null && /* @__PURE__ */ j(a, {
+	let j = J(e.icon), { href: M, external: N } = ke(e, t), ne = M !== "#" && E.pathname.startsWith(M), P = X(e, h, x, y, b), F = /* @__PURE__ */ z(L, { children: [
+		/* @__PURE__ */ R(j, { className: "h-4 w-4" }),
+		/* @__PURE__ */ R("span", { children: P }),
+		e.badge != null && /* @__PURE__ */ R(a, {
 			variant: e.badgeVariant ?? "default",
 			className: "ml-auto text-[10px] px-1.5 py-0",
 			children: e.badge
 		})
 	] });
-	return /* @__PURE__ */ M(C, { children: [
-		_ && /* @__PURE__ */ j("span", {
+	return /* @__PURE__ */ z(T, { children: [
+		m && /* @__PURE__ */ R("span", {
 			className: "absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground",
-			"aria-label": T ? T("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
-			..._,
-			children: /* @__PURE__ */ j(te, { className: "h-3.5 w-3.5" })
+			"aria-label": x ? x("console.nav.dragToReorder", { defaultValue: "Drag to reorder" }) : "Drag to reorder",
+			...m,
+			children: /* @__PURE__ */ R(te, { className: "h-3.5 w-3.5" })
 		}),
-		/* @__PURE__ */ j(S, {
+		/* @__PURE__ */ R(w, {
 			asChild: !0,
-			isActive: ie,
-			tooltip: z,
-			children: re ? /* @__PURE__ */ j("a", {
-				href: L,
+			isActive: ne,
+			tooltip: P,
+			children: N ? /* @__PURE__ */ R("a", {
+				href: M,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: B
-			}) : /* @__PURE__ */ j(N, {
-				to: L,
-				children: B
+				children: F
+			}) : /* @__PURE__ */ R(oe, {
+				to: M,
+				children: F
 			})
 		}),
-		f && p && /* @__PURE__ */ j(x, {
+		d && p && /* @__PURE__ */ R(C, {
 			showOnHover: !0,
 			onClick: () => p(e.id, !e.pinned),
-			"aria-label": T ? T(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
-				defaultValue: e.pinned ? `Unpin ${z}` : `Pin ${z}`,
-				name: z
-			}) : e.pinned ? `Unpin ${z}` : `Pin ${z}`,
-			children: e.pinned ? /* @__PURE__ */ j(ne, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ j(R, { className: "h-3.5 w-3.5" })
+			"aria-label": x ? x(e.pinned ? "console.nav.unpinItem" : "console.nav.pinItem", {
+				defaultValue: e.pinned ? `Unpin ${P}` : `Pin ${P}`,
+				name: P
+			}) : e.pinned ? `Unpin ${P}` : `Pin ${P}`,
+			children: e.pinned ? /* @__PURE__ */ R(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(re, { className: "h-3.5 w-3.5" })
 		})
 	] });
 }
-function $({ items: e, basePath: t = "", evaluateVisibility: n = xe, checkPermission: i = Se, checkCapability: a = Ce, onAction: o, searchQuery: s, enablePinning: c, onPinToggle: l, enableReorder: u, onReorder: d, resolveObjectLabel: f, resolveDashboardLabel: p, resolveGroupLabel: _, t: v }) {
-	let y = r(() => s ? Z(e, s) : e, [e, s]), x = r(() => De(y), [y]), S = y.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), C = se(V(ae, { activationConstraint: { distance: Te } }), V(B)), w = (e) => {
+function $({ 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, resolveGroupLabel: m, t: h }) {
+	let y = r(() => s ? Z(e, s) : e, [e, s]), b = r(() => Me(y), [y]), x = y.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), C = pe(fe(ue, { activationConstraint: { distance: Ae } }), fe(le)), w = (e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id || !d) return;
-		let r = S.findIndex((e) => e.id === t.id), i = S.findIndex((e) => e.id === n.id);
-		r === -1 || i === -1 || d(le(S, r, i).map((e, t) => ({
+		let r = x.findIndex((e) => e.id === t.id), i = x.findIndex((e) => e.id === n.id);
+		r === -1 || i === -1 || d(he(x, r, i).map((e, t) => ({
 			...e,
 			order: t
 		})));
@@ -446,167 +487,167 @@ function $({ items: e, basePath: t = "", evaluateVisibility: n = xe, checkPermis
 		onPinToggle: l,
 		resolveObjectLabel: f,
 		resolveDashboardLabel: p,
-		resolveGroupLabel: _,
-		t: v
-	}, E = S.some((e) => e.type === "group"), D = x.length > 0 && c ? /* @__PURE__ */ M(m, { children: [/* @__PURE__ */ M(g, {
+		resolveGroupLabel: m,
+		t: h
+	}, E = x.some((e) => e.type === "group"), D = b.length > 0 && c ? /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
 		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ j(ie, { className: "h-3.5 w-3.5" }), v ? v("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
-	}), /* @__PURE__ */ j(h, { children: /* @__PURE__ */ j(b, { children: x.map((e) => /* @__PURE__ */ j(Q, {
+		children: [/* @__PURE__ */ R(F, { className: "h-3.5 w-3.5" }), h ? h("console.nav.favorites", { defaultValue: "Favorites" }) : "Favorites"]
+	}), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: b.map((e) => /* @__PURE__ */ R(Q, {
 		item: e,
 		...T
 	}, `fav-${e.id}`)) }) })] }) : null;
 	if (!E) {
-		let e = S.filter((e) => e.type !== "group").map((e) => e.id);
-		return /* @__PURE__ */ M(A, { children: [D, /* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, { children: u ? /* @__PURE__ */ j(z, {
+		let e = x.filter((e) => e.type !== "group").map((e) => e.id);
+		return /* @__PURE__ */ z(L, { children: [D, /* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: u ? /* @__PURE__ */ R(ce, {
 			sensors: C,
-			collisionDetection: oe,
+			collisionDetection: de,
 			onDragEnd: w,
-			children: /* @__PURE__ */ j(ce, {
+			children: /* @__PURE__ */ R(me, {
 				items: e,
-				strategy: de,
-				children: /* @__PURE__ */ j(b, { children: S.map((e) => /* @__PURE__ */ j(Ee, {
+				strategy: _e,
+				children: /* @__PURE__ */ R(S, { children: x.map((e) => /* @__PURE__ */ R(je, {
 					item: e,
 					enableReorder: u,
 					...T
 				}, e.id)) })
 			})
-		}) : /* @__PURE__ */ j(b, { children: S.map((e) => /* @__PURE__ */ j(Q, {
+		}) : /* @__PURE__ */ R(S, { children: x.map((e) => /* @__PURE__ */ R(Q, {
 			item: e,
 			...T
 		}, e.id)) }) }) })] });
 	}
-	let O = [], k = [], N = (e) => {
+	let O = [], k = [], A = (e) => {
 		if (k.length === 0) return;
 		let t = k;
-		k = [], O.push(/* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, { children: /* @__PURE__ */ j(b, { children: t.map((e) => /* @__PURE__ */ j(Q, {
+		k = [], O.push(/* @__PURE__ */ R(g, { children: /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: t.map((e) => /* @__PURE__ */ R(Q, {
 			item: e,
 			...T
 		}, e.id)) }) }) }, e));
 	};
-	return S.forEach((e, t) => {
-		e.type === "group" ? (N(`leaf-${t}`), O.push(/* @__PURE__ */ j(Q, {
+	return x.forEach((e, t) => {
+		e.type === "group" ? (A(`leaf-${t}`), O.push(/* @__PURE__ */ R(Q, {
 			item: e,
 			...T
 		}, e.id))) : k.push(e);
-	}), N("leaf-end"), /* @__PURE__ */ M(A, { children: [D, O] });
+	}), A("leaf-end"), /* @__PURE__ */ z(L, { children: [D, O] });
 }
-function De(e) {
+function Me(e) {
 	let t = [];
-	for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...De(n.children));
+	for (let n of e) n.pinned && n.type !== "group" && n.type !== "separator" && t.push(n), n.children?.length && t.push(...Me(n.children));
 	return t;
 }
 //#endregion
 //#region src/AppSchemaRenderer.tsx
-function Oe({ areas: e, activeAreaId: t, onAreaChange: n, evalVis: r, checkPerm: i }) {
+function Ne({ 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__ */ M(m, { children: [/* @__PURE__ */ M(g, {
+	return a.length <= 1 ? null : /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ z(v, {
 		className: "flex items-center gap-1.5",
-		children: [/* @__PURE__ */ j(L, { className: "h-3.5 w-3.5" }), "Area"]
-	}), /* @__PURE__ */ j(h, { children: /* @__PURE__ */ j(b, { children: a.map((e) => {
-		let r = Y(e.icon);
-		return /* @__PURE__ */ j(C, { children: /* @__PURE__ */ M(S, {
+		children: [/* @__PURE__ */ R(ne, { className: "h-3.5 w-3.5" }), "Area"]
+	}), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: a.map((e) => {
+		let r = J(e.icon);
+		return /* @__PURE__ */ R(T, { children: /* @__PURE__ */ z(w, {
 			isActive: e.id === t,
-			tooltip: X(e.label),
+			tooltip: Y(e.label),
 			onClick: () => n(e.id),
-			children: [/* @__PURE__ */ j(r, { className: "h-4 w-4" }), /* @__PURE__ */ j("span", { children: X(e.label) })]
+			children: [/* @__PURE__ */ R(r, { className: "h-4 w-4" }), /* @__PURE__ */ R("span", { children: Y(e.label) })]
 		}) }, e.id);
 	}) }) })] });
 }
-function ke({ items: e, basePath: t }) {
-	let n = F(), r = (e) => {
+function Pe({ items: e, basePath: t }) {
+	let n = B(), r = (e) => {
 		let t = [];
 		for (let n of e) n.type !== "separator" && (n.type === "group" ? t.push(...r(n.children || [])) : t.push(n));
 		return t;
 	}, i = r(e).slice(0, 5);
-	return i.length === 0 ? null : /* @__PURE__ */ j("div", {
+	return i.length === 0 ? null : /* @__PURE__ */ R("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 = Y(e.icon), i = "#";
+			let r = J(e.icon), i = "#";
 			e.type === "object" ? (i = `${t}/${e.objectName}`, e.viewName && (i += `/view/${e.viewName}`)) : e.type === "dashboard" ? i = e.dashboardName ? `${t}/dashboard/${e.dashboardName}` : "#" : e.type === "page" ? i = e.pageName ? `${t}/page/${e.pageName}` : "#" : e.type === "report" ? i = e.reportName ? `${t}/report/${e.reportName}` : "#" : e.type === "url" && (i = e.url ?? "#");
 			let a = i !== "#" && n.pathname.startsWith(i);
-			return /* @__PURE__ */ M(N, {
+			return /* @__PURE__ */ z(oe, {
 				to: i,
 				className: `flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${a ? "text-primary" : "text-muted-foreground hover:text-foreground"}`,
-				children: [/* @__PURE__ */ j(r, { className: "h-5 w-5" }), /* @__PURE__ */ j("span", {
+				children: [/* @__PURE__ */ R(r, { className: "h-5 w-5" }), /* @__PURE__ */ R("span", {
 					className: "text-[10px] truncate max-w-[60px]",
-					children: X(e.label)
+					children: Y(e.label)
 				})]
 			}, e.id);
 		})
 	});
 }
-function Ae({ schema: e, basePath: t, evalVis: n, checkPerm: r, checkCap: a, onAction: o, sidebarHeader: s, sidebarFooter: c, sidebarExtra: l, activeAreaId: u, setActiveAreaId: m, resolvedNavigation: h, enableSearch: g, enablePinning: y, onPinToggle: x, enableReorder: w, onReorder: T }) {
-	let E = Y(e.logo), D = e.areas ?? [], [O, k] = i("");
-	return /* @__PURE__ */ M(d, {
+function Fe({ 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 = J(e.logo), D = e.areas ?? [], [O, k] = i("");
+	return /* @__PURE__ */ z(p, {
 		collapsible: "icon",
 		children: [
-			/* @__PURE__ */ M(_, { children: [s ?? /* @__PURE__ */ j(b, { children: /* @__PURE__ */ j(C, { children: /* @__PURE__ */ M(S, {
+			/* @__PURE__ */ z(y, { children: [s ?? /* @__PURE__ */ R(S, { children: /* @__PURE__ */ R(T, { children: /* @__PURE__ */ z(w, {
 				size: "lg",
 				tooltip: e.title ?? e.name,
-				children: [/* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ R("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__ */ j("img", {
+					children: e.logo && e.logo.startsWith("http") ? /* @__PURE__ */ R("img", {
 						src: e.logo,
 						alt: e.title ?? "",
 						className: "size-6 object-contain"
-					}) : /* @__PURE__ */ j(E, { className: "size-4" })
-				}), /* @__PURE__ */ M("div", {
+					}) : /* @__PURE__ */ R(E, { className: "size-4" })
+				}), /* @__PURE__ */ z("div", {
 					className: "grid flex-1 text-left text-sm leading-tight",
-					children: [/* @__PURE__ */ j("span", {
+					children: [/* @__PURE__ */ R("span", {
 						className: "truncate font-semibold",
 						children: e.title ?? e.name ?? "App"
-					}), e.description && /* @__PURE__ */ j("span", {
+					}), e.description && /* @__PURE__ */ R("span", {
 						className: "truncate text-xs text-muted-foreground",
 						children: e.description
 					})]
 				})]
-			}) }) }), g && /* @__PURE__ */ j(v, {
+			}) }) }), g && /* @__PURE__ */ R(b, {
 				placeholder: "Search navigation…",
 				value: O,
 				onChange: (e) => k(e.target.value),
 				"aria-label": "Search navigation"
 			})] }),
-			/* @__PURE__ */ M(f, { children: [
-				D.length > 1 && u && /* @__PURE__ */ j(Oe, {
+			/* @__PURE__ */ z(m, { children: [
+				D.length > 1 && u && /* @__PURE__ */ R(Ne, {
 					areas: D,
 					activeAreaId: u,
-					onAreaChange: m,
+					onAreaChange: d,
 					evalVis: n,
 					checkPerm: r
 				}),
-				/* @__PURE__ */ j($, {
-					items: h,
+				/* @__PURE__ */ R($, {
+					items: f,
 					basePath: t,
 					evaluateVisibility: n,
 					checkPermission: r,
 					checkCapability: a,
 					onAction: o,
 					searchQuery: O,
-					enablePinning: y,
-					onPinToggle: x,
-					enableReorder: w,
-					onReorder: T
+					enablePinning: _,
+					onPinToggle: v,
+					enableReorder: x,
+					onReorder: C
 				}),
 				l
 			] }),
-			c && /* @__PURE__ */ j(p, { children: c })
+			c && /* @__PURE__ */ R(h, { children: c })
 		]
 	});
 }
-function je({ 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 ?? [], [O, k] = i(() => D.length > 0 ? D[0].id : null), N = D.map((e) => e.id).join(",");
+function Ie({ 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) => ye(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(",");
 	n(() => {
 		D.length > 0 ? k((e) => D.some((t) => t.id === e) ? e : D[0].id) : k(null);
-	}, [e.name, N]);
-	let P = D.find((e) => e.id === O)?.navigation ?? E, F = {
+	}, [e.name, A]);
+	let j = D.find((e) => e.id === O)?.navigation ?? E, M = {
 		title: e.title,
 		favicon: e.favicon,
 		logo: e.logo
 	};
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(J, {
-		sidebar: /* @__PURE__ */ j(Ae, {
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(q, {
+		sidebar: /* @__PURE__ */ R(Fe, {
 			schema: e,
 			basePath: t,
 			evalVis: S,
@@ -618,7 +659,7 @@ function je({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluate
 			sidebarExtra: p,
 			activeAreaId: O,
 			setActiveAreaId: k,
-			resolvedNavigation: P,
+			resolvedNavigation: j,
 			enableSearch: _,
 			enablePinning: v,
 			onPinToggle: y,
@@ -628,28 +669,28 @@ function je({ schema: e, basePath: t = "", mobileNavMode: a = "drawer", evaluate
 		navbar: u,
 		className: h,
 		defaultOpen: g,
-		branding: F,
+		branding: M,
 		children: m
-	}), a === "bottom_nav" && /* @__PURE__ */ j(ke, {
-		items: P,
+	}), a === "bottom_nav" && /* @__PURE__ */ R(Pe, {
+		items: j,
 		basePath: t
 	})] });
 }
 //#endregion
 //#region src/Page.tsx
-var Me = (e) => e ? Array.isArray(e) ? e : [e] : [];
-function Ne({ schema: e, className: t, style: n, id: r, ...i }) {
-	let a = Me(e.children);
-	return /* @__PURE__ */ M("div", {
+var Le = (e) => e ? Array.isArray(e) ? e : [e] : [];
+function Re({ schema: e, className: t, style: n, id: r, ...i }) {
+	let a = Le(e.children);
+	return /* @__PURE__ */ z("div", {
 		id: r || e.id,
-		className: O("flex flex-col h-full space-y-4", t),
+		className: A("flex flex-col h-full space-y-4", t),
 		style: n,
-		children: [/* @__PURE__ */ j(H, {
+		children: [/* @__PURE__ */ R(H, {
 			title: e.title,
 			description: e.description
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ R("div", {
 			className: "flex-1 overflow-auto",
-			children: a.map((e, t) => /* @__PURE__ */ j(me, {
+			children: a.map((e, t) => /* @__PURE__ */ R(I, {
 				schema: e,
 				...i
 			}, e?.id || t))
@@ -658,38 +699,38 @@ function Ne({ schema: e, className: t, style: n, id: r, ...i }) {
 }
 //#endregion
 //#region src/SidebarNav.tsx
-function Pe(e) {
+function ze(e) {
 	return "items" in e && !("href" in e);
 }
-function Fe({ item: e, pathname: t }) {
-	return e.children && e.children.length > 0 ? /* @__PURE__ */ j(o, {
+function Be({ item: e, pathname: t }) {
+	return e.children && e.children.length > 0 ? /* @__PURE__ */ R(s, {
 		asChild: !0,
 		defaultOpen: !0,
 		className: "group/collapsible",
-		children: /* @__PURE__ */ M(C, { children: [/* @__PURE__ */ j(c, {
+		children: /* @__PURE__ */ z(T, { children: [/* @__PURE__ */ R(l, {
 			asChild: !0,
-			children: /* @__PURE__ */ M(S, {
+			children: /* @__PURE__ */ z(w, {
 				tooltip: e.title,
 				children: [
-					e.icon && /* @__PURE__ */ j(e.icon, {}),
-					/* @__PURE__ */ j("span", { children: e.title }),
-					e.badge != null && /* @__PURE__ */ j(a, {
+					e.icon && /* @__PURE__ */ R(e.icon, {}),
+					/* @__PURE__ */ R("span", { children: e.title }),
+					e.badge != null && /* @__PURE__ */ R(a, {
 						variant: e.badgeVariant || "default",
 						className: "ml-auto mr-1 h-5 min-w-5 px-1 text-xs",
 						children: e.badge
 					}),
-					/* @__PURE__ */ j(I, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+					/* @__PURE__ */ R(ee, { className: "ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
 				]
 			})
-		}), /* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(w, { children: e.children.map((e) => /* @__PURE__ */ j(E, { children: /* @__PURE__ */ j(T, {
+		}), /* @__PURE__ */ R(c, { children: /* @__PURE__ */ R(E, { children: e.children.map((e) => /* @__PURE__ */ R(O, { children: /* @__PURE__ */ R(D, {
 			asChild: !0,
 			isActive: t === e.href,
-			children: /* @__PURE__ */ M(P, {
+			children: /* @__PURE__ */ z(se, {
 				to: e.href,
 				children: [
-					e.icon && /* @__PURE__ */ j(e.icon, {}),
-					/* @__PURE__ */ j("span", { children: e.title }),
-					e.badge != null && /* @__PURE__ */ j(a, {
+					e.icon && /* @__PURE__ */ R(e.icon, {}),
+					/* @__PURE__ */ R("span", { children: e.title }),
+					e.badge != null && /* @__PURE__ */ R(a, {
 						variant: e.badgeVariant || "default",
 						className: "ml-auto h-5 min-w-5 px-1 text-xs",
 						children: e.badge
@@ -697,16 +738,16 @@ function Fe({ item: e, pathname: t }) {
 				]
 			})
 		}) }, e.href)) }) })] })
-	}) : /* @__PURE__ */ j(C, { children: /* @__PURE__ */ j(S, {
+	}) : /* @__PURE__ */ R(T, { children: /* @__PURE__ */ R(w, {
 		asChild: !0,
 		isActive: t === e.href,
 		tooltip: e.title,
-		children: /* @__PURE__ */ M(P, {
+		children: /* @__PURE__ */ z(se, {
 			to: e.href,
 			children: [
-				e.icon && /* @__PURE__ */ j(e.icon, {}),
-				/* @__PURE__ */ j("span", { children: e.title }),
-				e.badge != null && /* @__PURE__ */ j(a, {
+				e.icon && /* @__PURE__ */ R(e.icon, {}),
+				/* @__PURE__ */ R("span", { children: e.title }),
+				e.badge != null && /* @__PURE__ */ R(a, {
 					variant: e.badgeVariant || "default",
 					className: "ml-auto h-5 min-w-5 px-1 text-xs",
 					children: e.badge
@@ -715,43 +756,43 @@ function Fe({ item: e, pathname: t }) {
 		})
 	}) });
 }
-function Ie({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search..." }) {
-	let s = F(), [c, u] = t.useState(""), p = t.useMemo(() => e.length === 0 ? [] : Pe(e[0]) ? e.map((e) => ({
+function Ve({ items: e, title: n = "Application", className: r, collapsible: i = "icon", searchEnabled: a = !1, searchPlaceholder: o = "Search..." }) {
+	let s = B(), [c, l] = t.useState(""), d = t.useMemo(() => e.length === 0 ? [] : ze(e[0]) ? e.map((e) => ({
 		groupLabel: e.label,
 		items: e.items
-	})) : [{ items: e }], [e]), _ = t.useMemo(() => {
-		if (!c) return p;
+	})) : [{ items: e }], [e]), f = t.useMemo(() => {
+		if (!c) return d;
 		let e = c.toLowerCase();
-		return p.map((t) => ({
+		return d.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);
-	}, [p, c]);
-	return /* @__PURE__ */ j(d, {
+	}, [d, c]);
+	return /* @__PURE__ */ R(p, {
 		className: r,
 		collapsible: i,
-		children: /* @__PURE__ */ M(f, { children: [a && /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ z(m, { children: [a && /* @__PURE__ */ R("div", {
 			className: "px-3 py-2",
-			children: /* @__PURE__ */ M("div", {
+			children: /* @__PURE__ */ z("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ j(re, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ j(l, {
+				children: [/* @__PURE__ */ R(P, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ R(u, {
 					type: "search",
 					placeholder: o,
 					value: c,
-					onChange: (e) => u(e.target.value),
+					onChange: (e) => l(e.target.value),
 					className: "pl-8 h-9"
 				})]
 			})
-		}), _.map((e, t) => /* @__PURE__ */ M(m, { children: [
-			t > 0 && /* @__PURE__ */ j("div", {
+		}), f.map((e, t) => /* @__PURE__ */ z(g, { children: [
+			t > 0 && /* @__PURE__ */ R("div", {
 				className: "mx-3 mb-1 h-px bg-sidebar-border/60",
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ j(g, {
+			/* @__PURE__ */ R(v, {
 				className: "text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60",
 				children: e.groupLabel || n
 			}),
-			/* @__PURE__ */ j(h, { children: /* @__PURE__ */ j(b, { children: e.items.map((e) => /* @__PURE__ */ j(Fe, {
+			/* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(S, { children: e.items.map((e) => /* @__PURE__ */ R(Be, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -760,7 +801,7 @@ function Ie({ items: e, title: n = "Application", className: r, collapsible: i =
 }
 //#endregion
 //#region src/index.ts
-function Le() {
+function He() {
 	e.register("page-header", H, {
 		namespace: "layout",
 		label: "Page Header",
@@ -772,16 +813,16 @@ function Le() {
 			name: "description",
 			type: "string"
 		}]
-	}), e.register("page:header", H, { namespace: "layout" }), e.register("page:card", he, {
+	}), e.register("page:header", H, { namespace: "layout" }), e.register("page:card", xe, {
 		namespace: "layout",
 		label: "Page Card",
 		category: "Layout",
 		isContainer: !0
-	}), e.register("app-shell", J, {
+	}), e.register("app-shell", q, {
 		namespace: "layout",
 		label: "App Shell",
 		category: "Layout"
-	}), e.register("responsive-grid", ye, {
+	}), e.register("responsive-grid", Te, {
 		namespace: "layout",
 		label: "Responsive Grid",
 		category: "Layout",
@@ -804,7 +845,7 @@ function Le() {
 			name: "basePath",
 			type: "string"
 		}]
-	}), e.register("app-schema-renderer", je, {
+	}), e.register("app-schema-renderer", Ie, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -826,7 +867,7 @@ function Le() {
 	});
 }
 try {
-	Le();
+	He();
 } catch {}
 //#endregion
-export { je as AppSchemaRenderer, J as AppShell, $ as NavigationRenderer, Ne as Page, he as PageCard, H as PageHeader, ye as ResponsiveGrid, Ie as SidebarNav, Z as filterNavigationItems, Le as registerLayout, Y as resolveIcon, X as resolveLabel, q as useAppShellBranding };
+export { Ie as AppSchemaRenderer, q as AppShell, $ as NavigationRenderer, Re as Page, xe as PageCard, H as PageHeader, Te as ResponsiveGrid, Ve as SidebarNav, Z as filterNavigationItems, He as registerLayout, J as resolveIcon, Y as resolveLabel, be as useAppShellBranding };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@object-ui/core`),require(`react`),require(`@object-ui/components`),require(`react/jsx-runtime`),require(`react-router-dom`),require(`lucide-react`),require(`@dnd-kit/core`),require(`@dnd-kit/sortable`),require(`@dnd-kit/utilities`),require(`@object-ui/types`),require(`@object-ui/react`)):typeof define==`function`&&define.amd?define([`exports`,`@object-ui/core`,`react`,`@object-ui/components`,`react/jsx-runtime`,`react-router-dom`,`lucide-react`,`@dnd-kit/core`,`@dnd-kit/sortable`,`@dnd-kit/utilities`,`@object-ui/types`,`@object-ui/react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUILayout={},e._object_ui_core,e.react,e._object_ui_components,e.react_jsx_runtime,e.react_router_dom,e.lucide_react,e._dnd_kit_core,e._dnd_kit_sortable,e._dnd_kit_utilities,e._object_ui_types,e._object_ui_react))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:f(g(e)),v(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1);function y({title:e,description:t,action:n,className:a,children:o,...s}){return(0,i.jsx)(`div`,{className:(0,r.cn)(`flex flex-col gap-4 pb-4 md:pb-8`,a),...s,children:(0,i.jsxs)(`div`,{className:`flex flex-wrap items-end gap-x-4 gap-y-2`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col gap-1 min-w-0`,children:[(0,i.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight md:text-3xl truncate`,children:e}),t&&(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:t})]}),(n||o)&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 ml-auto sm:ml-0`,children:[n,o]})]})})}function b(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;break}}return{h:s*360,s:c*100,l:l*100}}function x(e){let t=b(e);return t?`${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%`:null}function S(e){let t=b(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 C(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 w(e,t){(0,n.useEffect)(()=>{let n=document.documentElement,r=()=>n.classList.contains(`dark`),i=()=>{if(e?.primaryColor){let t=x(e.primaryColor),i=S(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%`:C(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=x(e.accentColor),i=S(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%`:C(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 T({sidebar:e,navbar:t,children:n,className:a,defaultOpen:o=!0,branding:s}){return w(s,s?.title),(0,i.jsxs)(r.SidebarProvider,{defaultOpen:o,className:`!flex-col`,children:[(0,i.jsx)(`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}),(0,i.jsxs)(`div`,{className:`flex flex-1 min-h-0 w-full`,children:[e,(0,i.jsx)(r.SidebarInset,{className:`min-w-0`,children:(0,i.jsx)(`main`,{className:(0,r.cn)(`flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6 pb-20 sm:pb-4 md:pb-6`,a),children:n})})]})]})}function E({className:e,children:t,...n}){return(0,i.jsx)(`div`,{className:(0,r.cn)(`rounded-xl border bg-card text-card-foreground shadow`,e),...n,children:(0,i.jsx)(`div`,{className:`p-6`,children:t})})}var D={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 O(e){if(!e)return`grid-cols-1`;let t=[];for(let[n,r]of Object.entries(e)){let e=D[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 k={0:`gap-0`,1:`gap-1`,2:`gap-2`,3:`gap-3`,4:`gap-4`,5:`gap-5`,6:`gap-6`,8:`gap-8`},A=({columns:e,gap:t=4,className:n,children:a})=>(0,i.jsx)(`div`,{className:(0,r.cn)(`grid`,O(e),typeof t==`number`?k[t]||`gap-${t}`:``,n),children:a});function j(e){return e?(0,r.getLazyIcon)(e):o.FileText}function M(e,t){if(typeof e==`string`)return e;if(t){let n=t(e.key,{defaultValue:e.defaultValue,...e.params});if(n&&n!==e.key)return n}return e.defaultValue||e.key}function N(e,t,n,r,i){let a=M(e.label,n);return typeof e.label==`string`?t&&e.type===`object`&&e.objectName?t(e.objectName,a):r&&e.type===`dashboard`&&e.dashboardName?r(e.dashboardName,a):i&&e.type===`group`&&e.id?i(e.id,a):a:a}var P=e=>!(e===!1||e===`false`),F=()=>!0,I=()=>!0;function L(e,t){switch(e.type){case`object`:{let n=`${t}/${e.objectName??``}`;return{href:e.viewName?`${n}/view/${e.viewName}`:n,external:!1}}case`dashboard`:return{href:e.dashboardName?`${t}/dashboard/${e.dashboardName}`:`#`,external:!1};case`page`:return{href:e.pageName?`${t}/page/${e.pageName}`:`#`,external:!1};case`report`:return{href:e.reportName?`${t}/report/${e.reportName}`:`#`,external:!1};case`url`:return{href:e.url??`#`,external:e.target===`_blank`};default:return{href:`#`,external:!1}}}function R(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=R(r.children,t);return n.length>0&&e.push({...r,children:n}),e}return M(r.label).toLowerCase().includes(n)&&e.push(r),e},[])}var z=5;function B({item:e,basePath:t,evalVis:n,checkPerm:r,checkCap:a,onAction:o,enablePinning:s,onPinToggle:u,enableReorder:d,resolveObjectLabel:f,resolveDashboardLabel:p,resolveGroupLabel:m,t:h}){let{attributes:g,listeners:_,setNodeRef:v,transform:y,transition:b,isDragging:x}=(0,c.useSortable)({id:e.id,disabled:!d});return(0,i.jsx)(`div`,{ref:v,style:{transform:l.CSS.Transform.toString(y),transition:b,opacity:x?.5:void 0,zIndex:x?10:void 0},...g,children:(0,i.jsx)(V,{item:e,basePath:t,evalVis:n,checkPerm:r,checkCap:a,onAction:o,enablePinning:s,onPinToggle:u,dragListeners:d?_:void 0,resolveObjectLabel:f,resolveDashboardLabel:p,resolveGroupLabel:m,t:h})})}function V({item:e,basePath:t,evalVis:s,checkPerm:c,checkCap:l,onAction:u,enablePinning:d,onPinToggle:f,dragListeners:p,resolveObjectLabel:m,resolveDashboardLabel:h,resolveGroupLabel:g,t:_}){let v=(0,a.useLocation)(),[y,b]=(0,n.useState)(e.defaultOpen!==!1);if(!s(e.visible)||e.requiredPermissions?.length&&!c(e.requiredPermissions))return null;let x=e.requiresObject,S=e.requiresService;if(x&&!l(`object`,x)||S&&!l(`service`,S))return null;if(e.type===`separator`)return(0,i.jsx)(r.Separator,{className:`my-2`});if(e.type===`group`){let n=(e.children??[]).slice().sort((e,t)=>(e.order??0)-(t.order??0));return(0,i.jsx)(r.Collapsible,{open:y,onOpenChange:b,children:(0,i.jsxs)(r.SidebarGroup,{children:[(0,i.jsx)(r.SidebarGroupLabel,{asChild:!0,children:(0,i.jsxs)(r.CollapsibleTrigger,{className:`flex w-full items-center justify-between`,children:[N(e,m,_,h,g),(0,i.jsx)(o.ChevronRight,{className:`ml-auto h-4 w-4 transition-transform ${y?`rotate-90`:``}`})]})}),(0,i.jsx)(r.CollapsibleContent,{children:(0,i.jsx)(r.SidebarGroupContent,{children:(0,i.jsx)(r.SidebarMenu,{children:n.map(e=>(0,i.jsx)(V,{item:e,basePath:t,evalVis:s,checkPerm:c,checkCap:l,onAction:u,enablePinning:d,onPinToggle:f,resolveObjectLabel:m,resolveDashboardLabel:h,resolveGroupLabel:g,t:_},e.id))})})})]})})}if(e.type===`action`){let t=j(e.icon),n=M(e.label,_);return(0,i.jsxs)(r.SidebarMenuItem,{children:[p&&(0,i.jsx)(`span`,{className:`absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground`,"aria-label":_?_(`console.nav.dragToReorder`,{defaultValue:`Drag to reorder`}):`Drag to reorder`,...p,children:(0,i.jsx)(o.GripVertical,{className:`h-3.5 w-3.5`})}),(0,i.jsxs)(r.SidebarMenuButton,{tooltip:n,onClick:()=>u?.(e),children:[(0,i.jsx)(t,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:n}),e.badge!=null&&(0,i.jsx)(r.Badge,{variant:e.badgeVariant??`default`,className:`ml-auto text-[10px] px-1.5 py-0`,children:e.badge})]}),d&&f&&(0,i.jsx)(r.SidebarMenuAction,{showOnHover:!0,onClick:()=>f(e.id,!e.pinned),"aria-label":_?_(e.pinned?`console.nav.unpinItem`:`console.nav.pinItem`,{defaultValue:e.pinned?`Unpin ${n}`:`Pin ${n}`,name:n}):e.pinned?`Unpin ${n}`:`Pin ${n}`,children:e.pinned?(0,i.jsx)(o.PinOff,{className:`h-3.5 w-3.5`}):(0,i.jsx)(o.Pin,{className:`h-3.5 w-3.5`})})]})}let C=j(e.icon),{href:w,external:T}=L(e,t),E=w!==`#`&&v.pathname.startsWith(w),D=N(e,m,_,h,g),O=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(C,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:D}),e.badge!=null&&(0,i.jsx)(r.Badge,{variant:e.badgeVariant??`default`,className:`ml-auto text-[10px] px-1.5 py-0`,children:e.badge})]});return(0,i.jsxs)(r.SidebarMenuItem,{children:[p&&(0,i.jsx)(`span`,{className:`absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground`,"aria-label":_?_(`console.nav.dragToReorder`,{defaultValue:`Drag to reorder`}):`Drag to reorder`,...p,children:(0,i.jsx)(o.GripVertical,{className:`h-3.5 w-3.5`})}),(0,i.jsx)(r.SidebarMenuButton,{asChild:!0,isActive:E,tooltip:D,children:T?(0,i.jsx)(`a`,{href:w,target:`_blank`,rel:`noopener noreferrer`,children:O}):(0,i.jsx)(a.Link,{to:w,children:O})}),d&&f&&(0,i.jsx)(r.SidebarMenuAction,{showOnHover:!0,onClick:()=>f(e.id,!e.pinned),"aria-label":_?_(e.pinned?`console.nav.unpinItem`:`console.nav.pinItem`,{defaultValue:e.pinned?`Unpin ${D}`:`Pin ${D}`,name:D}):e.pinned?`Unpin ${D}`:`Pin ${D}`,children:e.pinned?(0,i.jsx)(o.PinOff,{className:`h-3.5 w-3.5`}):(0,i.jsx)(o.Pin,{className:`h-3.5 w-3.5`})})]})}function H({items:e,basePath:t=``,evaluateVisibility:a=P,checkPermission:l=F,checkCapability:u=I,onAction:d,searchQuery:f,enablePinning:p,onPinToggle:m,enableReorder:h,onReorder:g,resolveObjectLabel:_,resolveDashboardLabel:v,resolveGroupLabel:y,t:b}){let x=(0,n.useMemo)(()=>f?R(e,f):e,[e,f]),S=(0,n.useMemo)(()=>U(x),[x]),C=x.slice().sort((e,t)=>(e.order??0)-(t.order??0)),w=(0,s.useSensors)((0,s.useSensor)(s.PointerSensor,{activationConstraint:{distance:z}}),(0,s.useSensor)(s.KeyboardSensor)),T=e=>{let{active:t,over:n}=e;if(!n||t.id===n.id||!g)return;let r=C.findIndex(e=>e.id===t.id),i=C.findIndex(e=>e.id===n.id);r===-1||i===-1||g((0,c.arrayMove)(C,r,i).map((e,t)=>({...e,order:t})))},E={basePath:t,evalVis:a,checkPerm:l,checkCap:u,onAction:d,enablePinning:p,onPinToggle:m,resolveObjectLabel:_,resolveDashboardLabel:v,resolveGroupLabel:y,t:b},D=C.some(e=>e.type===`group`),O=S.length>0&&p?(0,i.jsxs)(r.SidebarGroup,{children:[(0,i.jsxs)(r.SidebarGroupLabel,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(o.Star,{className:`h-3.5 w-3.5`}),b?b(`console.nav.favorites`,{defaultValue:`Favorites`}):`Favorites`]}),(0,i.jsx)(r.SidebarGroupContent,{children:(0,i.jsx)(r.SidebarMenu,{children:S.map(e=>(0,i.jsx)(V,{item:e,...E},`fav-${e.id}`))})})]}):null;if(!D){let e=C.filter(e=>e.type!==`group`).map(e=>e.id);return(0,i.jsxs)(i.Fragment,{children:[O,(0,i.jsx)(r.SidebarGroup,{children:(0,i.jsx)(r.SidebarGroupContent,{children:h?(0,i.jsx)(s.DndContext,{sensors:w,collisionDetection:s.closestCenter,onDragEnd:T,children:(0,i.jsx)(c.SortableContext,{items:e,strategy:c.verticalListSortingStrategy,children:(0,i.jsx)(r.SidebarMenu,{children:C.map(e=>(0,i.jsx)(B,{item:e,enableReorder:h,...E},e.id))})})}):(0,i.jsx)(r.SidebarMenu,{children:C.map(e=>(0,i.jsx)(V,{item:e,...E},e.id))})})})]})}let k=[],A=[],j=e=>{if(A.length===0)return;let t=A;A=[],k.push((0,i.jsx)(r.SidebarGroup,{children:(0,i.jsx)(r.SidebarGroupContent,{children:(0,i.jsx)(r.SidebarMenu,{children:t.map(e=>(0,i.jsx)(V,{item:e,...E},e.id))})})},e))};return C.forEach((e,t)=>{e.type===`group`?(j(`leaf-${t}`),k.push((0,i.jsx)(V,{item:e,...E},e.id))):A.push(e)}),j(`leaf-end`),(0,i.jsxs)(i.Fragment,{children:[O,k]})}function U(e){let t=[];for(let n of e)n.pinned&&n.type!==`group`&&n.type!==`separator`&&t.push(n),n.children?.length&&t.push(...U(n.children));return t}function W({areas:e,activeAreaId:t,onAreaChange:n,evalVis:a,checkPerm:s}){let c=e.filter(e=>!(!a(e.visible)||e.requiredPermissions?.length&&!s(e.requiredPermissions)));return c.length<=1?null:(0,i.jsxs)(r.SidebarGroup,{children:[(0,i.jsxs)(r.SidebarGroupLabel,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(o.Layers,{className:`h-3.5 w-3.5`}),`Area`]}),(0,i.jsx)(r.SidebarGroupContent,{children:(0,i.jsx)(r.SidebarMenu,{children:c.map(e=>{let a=j(e.icon);return(0,i.jsx)(r.SidebarMenuItem,{children:(0,i.jsxs)(r.SidebarMenuButton,{isActive:e.id===t,tooltip:M(e.label),onClick:()=>n(e.id),children:[(0,i.jsx)(a,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:M(e.label)})]})},e.id)})})})]})}function G({items:e,basePath:t}){let n=(0,a.useLocation)(),r=e=>{let t=[];for(let n of e)n.type!==`separator`&&(n.type===`group`?t.push(...r(n.children||[])):t.push(n));return t},o=r(e).slice(0,5);return o.length===0?null:(0,i.jsx)(`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:o.map(e=>{let r=j(e.icon),o=`#`;e.type===`object`?(o=`${t}/${e.objectName}`,e.viewName&&(o+=`/view/${e.viewName}`)):e.type===`dashboard`?o=e.dashboardName?`${t}/dashboard/${e.dashboardName}`:`#`:e.type===`page`?o=e.pageName?`${t}/page/${e.pageName}`:`#`:e.type===`report`?o=e.reportName?`${t}/report/${e.reportName}`:`#`:e.type===`url`&&(o=e.url??`#`);let s=o!==`#`&&n.pathname.startsWith(o);return(0,i.jsxs)(a.Link,{to:o,className:`flex flex-col items-center gap-0.5 px-2 py-1.5 transition-colors min-w-[44px] min-h-[44px] justify-center ${s?`text-primary`:`text-muted-foreground hover:text-foreground`}`,children:[(0,i.jsx)(r,{className:`h-5 w-5`}),(0,i.jsx)(`span`,{className:`text-[10px] truncate max-w-[60px]`,children:M(e.label)})]},e.id)})})}function K({schema:e,basePath:t,evalVis:a,checkPerm:o,checkCap:s,onAction:c,sidebarHeader:l,sidebarFooter:u,sidebarExtra:d,activeAreaId:f,setActiveAreaId:p,resolvedNavigation:m,enableSearch:h,enablePinning:g,onPinToggle:_,enableReorder:v,onReorder:y}){let b=j(e.logo),x=e.areas??[],[S,C]=(0,n.useState)(``);return(0,i.jsxs)(r.Sidebar,{collapsible:`icon`,children:[(0,i.jsxs)(r.SidebarHeader,{children:[l??(0,i.jsx)(r.SidebarMenu,{children:(0,i.jsx)(r.SidebarMenuItem,{children:(0,i.jsxs)(r.SidebarMenuButton,{size:`lg`,tooltip:e.title??e.name,children:[(0,i.jsx)(`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`)?(0,i.jsx)(`img`,{src:e.logo,alt:e.title??``,className:`size-6 object-contain`}):(0,i.jsx)(b,{className:`size-4`})}),(0,i.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,i.jsx)(`span`,{className:`truncate font-semibold`,children:e.title??e.name??`App`}),e.description&&(0,i.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description})]})]})})}),h&&(0,i.jsx)(r.SidebarInput,{placeholder:`Search navigation…`,value:S,onChange:e=>C(e.target.value),"aria-label":`Search navigation`})]}),(0,i.jsxs)(r.SidebarContent,{children:[x.length>1&&f&&(0,i.jsx)(W,{areas:x,activeAreaId:f,onAreaChange:p,evalVis:a,checkPerm:o}),(0,i.jsx)(H,{items:m,basePath:t,evaluateVisibility:a,checkPermission:o,checkCapability:s,onAction:c,searchQuery:S,enablePinning:g,onPinToggle:_,enableReorder:v,onReorder:y}),d]}),u&&(0,i.jsx)(r.SidebarFooter,{children:u})]})}function q({schema:e,basePath:t=``,mobileNavMode:r=`drawer`,evaluateVisibility:a,checkPermission:o,checkCapability:s,onAction:c,navbar:l,sidebarHeader:d,sidebarFooter:f,sidebarExtra:p,children:m,className:h,defaultOpen:g=!0,enableSearch:_,enablePinning:v,onPinToggle:y,enableReorder:b,onReorder:x}){let S=a??(e=>!(e===!1||e===`false`)),C=o??(()=>!0),w=s??(()=>!0),E=(0,n.useMemo)(()=>(e.menu??[]).map((e,t)=>(0,u.menuItemToNavigationItem)(e,t)),[e.menu]),D=e.navigation??E,O=e.areas??[],[k,A]=(0,n.useState)(()=>O.length>0?O[0].id:null),j=O.map(e=>e.id).join(`,`);(0,n.useEffect)(()=>{O.length>0?A(e=>O.some(t=>t.id===e)?e:O[0].id):A(null)},[e.name,j]);let M=O.find(e=>e.id===k)?.navigation??D,N={title:e.title,favicon:e.favicon,logo:e.logo};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(T,{sidebar:(0,i.jsx)(K,{schema:e,basePath:t,evalVis:S,checkPerm:C,checkCap:w,onAction:c,sidebarHeader:d,sidebarFooter:f,sidebarExtra:p,activeAreaId:k,setActiveAreaId:A,resolvedNavigation:M,enableSearch:_,enablePinning:v,onPinToggle:y,enableReorder:b,onReorder:x}),navbar:l,className:h,defaultOpen:g,branding:N,children:m}),r===`bottom_nav`&&(0,i.jsx)(G,{items:M,basePath:t})]})}var J=e=>e?Array.isArray(e)?e:[e]:[];function Y({schema:e,className:t,style:n,id:a,...o}){let s=J(e.children);return(0,i.jsxs)(`div`,{id:a||e.id,className:(0,r.cn)(`flex flex-col h-full space-y-4`,t),style:n,children:[(0,i.jsx)(y,{title:e.title,description:e.description}),(0,i.jsx)(`div`,{className:`flex-1 overflow-auto`,children:s.map((e,t)=>(0,i.jsx)(d.SchemaRenderer,{schema:e,...o},e?.id||t))})]})}function X(e){return`items`in e&&!(`href`in e)}function Z({item:e,pathname:t}){return e.children&&e.children.length>0?(0,i.jsx)(r.Collapsible,{asChild:!0,defaultOpen:!0,className:`group/collapsible`,children:(0,i.jsxs)(r.SidebarMenuItem,{children:[(0,i.jsx)(r.CollapsibleTrigger,{asChild:!0,children:(0,i.jsxs)(r.SidebarMenuButton,{tooltip:e.title,children:[e.icon&&(0,i.jsx)(e.icon,{}),(0,i.jsx)(`span`,{children:e.title}),e.badge!=null&&(0,i.jsx)(r.Badge,{variant:e.badgeVariant||`default`,className:`ml-auto mr-1 h-5 min-w-5 px-1 text-xs`,children:e.badge}),(0,i.jsx)(o.ChevronRight,{className:`ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90`})]})}),(0,i.jsx)(r.CollapsibleContent,{children:(0,i.jsx)(r.SidebarMenuSub,{children:e.children.map(e=>(0,i.jsx)(r.SidebarMenuSubItem,{children:(0,i.jsx)(r.SidebarMenuSubButton,{asChild:!0,isActive:t===e.href,children:(0,i.jsxs)(a.NavLink,{to:e.href,children:[e.icon&&(0,i.jsx)(e.icon,{}),(0,i.jsx)(`span`,{children:e.title}),e.badge!=null&&(0,i.jsx)(r.Badge,{variant:e.badgeVariant||`default`,className:`ml-auto h-5 min-w-5 px-1 text-xs`,children:e.badge})]})})},e.href))})})]})}):(0,i.jsx)(r.SidebarMenuItem,{children:(0,i.jsx)(r.SidebarMenuButton,{asChild:!0,isActive:t===e.href,tooltip:e.title,children:(0,i.jsxs)(a.NavLink,{to:e.href,children:[e.icon&&(0,i.jsx)(e.icon,{}),(0,i.jsx)(`span`,{children:e.title}),e.badge!=null&&(0,i.jsx)(r.Badge,{variant:e.badgeVariant||`default`,className:`ml-auto h-5 min-w-5 px-1 text-xs`,children:e.badge})]})})})}function Q({items:e,title:t=`Application`,className:s,collapsible:c=`icon`,searchEnabled:l=!1,searchPlaceholder:u=`Search...`}){let d=(0,a.useLocation)(),[f,p]=n.default.useState(``),m=n.default.useMemo(()=>e.length===0?[]:X(e[0])?e.map(e=>({groupLabel:e.label,items:e.items})):[{items:e}],[e]),h=n.default.useMemo(()=>{if(!f)return m;let e=f.toLowerCase();return m.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)},[m,f]);return(0,i.jsx)(r.Sidebar,{className:s,collapsible:c,children:(0,i.jsxs)(r.SidebarContent,{children:[l&&(0,i.jsx)(`div`,{className:`px-3 py-2`,children:(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(o.Search,{className:`absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground`}),(0,i.jsx)(r.Input,{type:`search`,placeholder:u,value:f,onChange:e=>p(e.target.value),className:`pl-8 h-9`})]})}),h.map((e,n)=>(0,i.jsxs)(r.SidebarGroup,{children:[n>0&&(0,i.jsx)(`div`,{className:`mx-3 mb-1 h-px bg-sidebar-border/60`,"aria-hidden":!0}),(0,i.jsx)(r.SidebarGroupLabel,{className:`text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60`,children:e.groupLabel||t}),(0,i.jsx)(r.SidebarGroupContent,{children:(0,i.jsx)(r.SidebarMenu,{children:e.items.map(e=>(0,i.jsx)(Z,{item:e,pathname:d.pathname},e.href))})})]},e.groupLabel||n))]})})}function $(){t.ComponentRegistry.register(`page-header`,y,{namespace:`layout`,label:`Page Header`,category:`Layout`,inputs:[{name:`title`,type:`string`},{name:`description`,type:`string`}]}),t.ComponentRegistry.register(`page:header`,y,{namespace:`layout`}),t.ComponentRegistry.register(`page:card`,E,{namespace:`layout`,label:`Page Card`,category:`Layout`,isContainer:!0}),t.ComponentRegistry.register(`app-shell`,T,{namespace:`layout`,label:`App Shell`,category:`Layout`}),t.ComponentRegistry.register(`responsive-grid`,A,{namespace:`layout`,label:`Responsive Grid`,category:`Layout`,isContainer:!0,inputs:[{name:`columns`,type:`object`},{name:`gap`,type:`number`}]}),t.ComponentRegistry.register(`navigation-renderer`,H,{namespace:`layout`,label:`Navigation Renderer`,category:`Layout`,inputs:[{name:`items`,type:`object`},{name:`basePath`,type:`string`}]}),t.ComponentRegistry.register(`app-schema-renderer`,q,{namespace:`layout`,label:`App Schema Renderer`,category:`Layout`,isContainer:!0,inputs:[{name:`schema`,type:`object`},{name:`basePath`,type:`string`},{name:`mobileNavMode`,type:`string`}]})}try{$()}catch{}e.AppSchemaRenderer=q,e.AppShell=T,e.NavigationRenderer=H,e.Page=Y,e.PageCard=E,e.PageHeader=y,e.ResponsiveGrid=A,e.SidebarNav=Q,e.filterNavigationItems=R,e.registerLayout=$,e.resolveIcon=j,e.resolveLabel=M,e.useAppShellBranding=w});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@object-ui/core`),require(`react`),require(`@object-ui/components`),require(`lucide-react`),require(`@object-ui/react`),require(`react/jsx-runtime`),require(`react-router-dom`),require(`@dnd-kit/core`),require(`@dnd-kit/sortable`),require(`@dnd-kit/utilities`),require(`@object-ui/types`)):typeof define==`function`&&define.amd?define([`exports`,`@object-ui/core`,`react`,`@object-ui/components`,`lucide-react`,`@object-ui/react`,`react/jsx-runtime`,`react-router-dom`,`@dnd-kit/core`,`@dnd-kit/sortable`,`@dnd-kit/utilities`,`@object-ui/types`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUILayout={},e._object_ui_core,e.react,e._object_ui_components,e.lucide_react,e._object_ui_react,e.react_jsx_runtime,e.react_router_dom,e._dnd_kit_core,e._dnd_kit_sortable,e._dnd_kit_utilities,e._object_ui_types))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:f(g(e)),v(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1);var y=(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);if(r==null)return``;if(typeof r==`object`){let e=r.name??r.label??r.display_name??r.title;return e==null?``:String(e)}return String(r)}).replace(/\s+/g,` `).trim():e;function b({title:e,subtitle:t,description:s,icon:c,action:l,actions:u,showBack:d,schema:f,className:p,children:m,...h}){let g=(0,a.useRecordContext)(),_=y(e,g?.data)||e,v=t??s,b=y(v,g?.data)||v,x=!!g?.recordId,S=d??x,C=n.default.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(f?.children)?f.children.filter(Boolean).map((e,t)=>(0,o.jsx)(a.SchemaRenderer,{schema:e},e?.id||`pgh-child-${t}`)):null,T=Array.isArray(u)&&u.length>0&&u||Array.isArray(f?.actions)&&f.actions.length>0&&f.actions||Array.isArray(f?.properties?.actions)&&f.properties.actions.length>0&&f.properties.actions||null,E=l||m||(T?(0,o.jsx)(a.SchemaRenderer,{schema:{type:`record:quick_actions`,properties:{actions:T,location:`record_header`,align:`end`,inline:!0}}}):null)||w;return(0,o.jsx)(`div`,{className:(0,r.cn)(`flex flex-col gap-3 pb-4 border-b`,p),...h,children:(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-2`,children:[S&&(0,o.jsx)(r.Button,{type:`button`,variant:`ghost`,size:`icon`,onClick:C,"aria-label":`Back to list`,className:`flex-shrink-0 -ml-2`,children:(0,o.jsx)(i.ArrowLeft,{className:`size-4`})}),c&&(0,o.jsx)(`div`,{className:`flex-shrink-0 grid place-items-center size-10 rounded-md bg-primary/10 text-primary`,children:typeof c==`string`?(0,o.jsx)(r.LazyIcon,{name:c,className:`size-5`}):c}),(0,o.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,o.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight md:text-3xl truncate`,children:_}),b&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground truncate`,children:b})]}),E&&(0,o.jsx)(`div`,{className:`flex items-center gap-2 ml-auto`,children:E})]})})}function x(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;break}}return{h:s*360,s:c*100,l:l*100}}function S(e){let t=x(e);return t?`${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%`:null}function C(e){let t=x(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 w(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 T(e,t){(0,n.useEffect)(()=>{let n=document.documentElement,r=()=>n.classList.contains(`dark`),i=()=>{if(e?.primaryColor){let t=S(e.primaryColor),i=C(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%`:w(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=S(e.accentColor),i=C(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%`:w(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 E({sidebar:e,navbar:t,children:n,className:i,defaultOpen:a=!0,branding:s}){return T(s,s?.title),(0,o.jsxs)(r.SidebarProvider,{defaultOpen:a,className:`!flex-col h-svh overflow-hidden`,children:[(0,o.jsx)(`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}),(0,o.jsxs)(`div`,{className:`flex flex-1 min-h-0 w-full`,children:[e,(0,o.jsx)(r.SidebarInset,{className:`min-w-0`,children:(0,o.jsx)(`main`,{className:(0,r.cn)(`flex-1 min-w-0 overflow-auto p-3 sm:p-4 md:p-6 pb-20 sm:pb-4 md:pb-6`,i),children:n})})]})]})}function D({className:e,children:t,...n}){return(0,o.jsx)(`div`,{className:(0,r.cn)(`rounded-xl border bg-card text-card-foreground shadow`,e),...n,children:(0,o.jsx)(`div`,{className:`p-6`,children:t})})}var O={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 k(e){if(!e)return`grid-cols-1`;let t=[];for(let[n,r]of Object.entries(e)){let e=O[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 A={0:`gap-0`,1:`gap-1`,2:`gap-2`,3:`gap-3`,4:`gap-4`,5:`gap-5`,6:`gap-6`,8:`gap-8`},j=({columns:e,gap:t=4,className:n,children:i})=>(0,o.jsx)(`div`,{className:(0,r.cn)(`grid`,k(e),typeof t==`number`?A[t]||`gap-${t}`:``,n),children:i});function M(e){return e?(0,r.getLazyIcon)(e):i.FileText}function N(e,t){if(typeof e==`string`)return e;if(t){let n=t(e.key,{defaultValue:e.defaultValue,...e.params});if(n&&n!==e.key)return n}return e.defaultValue||e.key}function P(e,t,n,r,i){let a=N(e.label,n);return typeof e.label==`string`?t&&e.type===`object`&&e.objectName?t(e.objectName,a):r&&e.type===`dashboard`&&e.dashboardName?r(e.dashboardName,a):i&&e.type===`group`&&e.id?i(e.id,a):a:a}var F=e=>!(e===!1||e===`false`),I=()=>!0,L=()=>!0;function R(e,t){switch(e.type){case`object`:{let n=`${t}/${e.objectName??``}`;return{href:e.viewName?`${n}/view/${e.viewName}`:n,external:!1}}case`dashboard`:return{href:e.dashboardName?`${t}/dashboard/${e.dashboardName}`:`#`,external:!1};case`page`:return{href:e.pageName?`${t}/page/${e.pageName}`:`#`,external:!1};case`report`:return{href:e.reportName?`${t}/report/${e.reportName}`:`#`,external:!1};case`url`:return{href:e.url??`#`,external:e.target===`_blank`};default:return{href:`#`,external:!1}}}function z(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=z(r.children,t);return n.length>0&&e.push({...r,children:n}),e}return N(r.label).toLowerCase().includes(n)&&e.push(r),e},[])}var B=5;function V({item:e,basePath:t,evalVis:n,checkPerm:r,checkCap:i,onAction:a,enablePinning:s,onPinToggle:c,enableReorder:d,resolveObjectLabel:f,resolveDashboardLabel:p,resolveGroupLabel:m,t:h}){let{attributes:g,listeners:_,setNodeRef:v,transform:y,transition:b,isDragging:x}=(0,l.useSortable)({id:e.id,disabled:!d});return(0,o.jsx)(`div`,{ref:v,style:{transform:u.CSS.Transform.toString(y),transition:b,opacity:x?.5:void 0,zIndex:x?10:void 0},...g,children:(0,o.jsx)(H,{item:e,basePath:t,evalVis:n,checkPerm:r,checkCap:i,onAction:a,enablePinning:s,onPinToggle:c,dragListeners:d?_:void 0,resolveObjectLabel:f,resolveDashboardLabel:p,resolveGroupLabel:m,t:h})})}function H({item:e,basePath:t,evalVis:a,checkPerm:c,checkCap:l,onAction:u,enablePinning:d,onPinToggle:f,dragListeners:p,resolveObjectLabel:m,resolveDashboardLabel:h,resolveGroupLabel:g,t:_}){let v=(0,s.useLocation)(),[y,b]=(0,n.useState)(e.defaultOpen!==!1);if(!a(e.visible)||e.requiredPermissions?.length&&!c(e.requiredPermissions))return null;let x=e.requiresObject,S=e.requiresService;if(x&&!l(`object`,x)||S&&!l(`service`,S))return null;if(e.type===`separator`)return(0,o.jsx)(r.Separator,{className:`my-2`});if(e.type===`group`){let n=(e.children??[]).slice().sort((e,t)=>(e.order??0)-(t.order??0));return(0,o.jsx)(r.Collapsible,{open:y,onOpenChange:b,children:(0,o.jsxs)(r.SidebarGroup,{children:[(0,o.jsx)(r.SidebarGroupLabel,{asChild:!0,children:(0,o.jsxs)(r.CollapsibleTrigger,{className:`flex w-full items-center justify-between`,children:[P(e,m,_,h,g),(0,o.jsx)(i.ChevronRight,{className:`ml-auto h-4 w-4 transition-transform ${y?`rotate-90`:``}`})]})}),(0,o.jsx)(r.CollapsibleContent,{children:(0,o.jsx)(r.SidebarGroupContent,{children:(0,o.jsx)(r.SidebarMenu,{children:n.map(e=>(0,o.jsx)(H,{item:e,basePath:t,evalVis:a,checkPerm:c,checkCap:l,onAction:u,enablePinning:d,onPinToggle:f,resolveObjectLabel:m,resolveDashboardLabel:h,resolveGroupLabel:g,t:_},e.id))})})})]})})}if(e.type===`action`){let t=M(e.icon),n=N(e.label,_);return(0,o.jsxs)(r.SidebarMenuItem,{children:[p&&(0,o.jsx)(`span`,{className:`absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground`,"aria-label":_?_(`console.nav.dragToReorder`,{defaultValue:`Drag to reorder`}):`Drag to reorder`,...p,children:(0,o.jsx)(i.GripVertical,{className:`h-3.5 w-3.5`})}),(0,o.jsxs)(r.SidebarMenuButton,{tooltip:n,onClick:()=>u?.(e),children:[(0,o.jsx)(t,{className:`h-4 w-4`}),(0,o.jsx)(`span`,{children:n}),e.badge!=null&&(0,o.jsx)(r.Badge,{variant:e.badgeVariant??`default`,className:`ml-auto text-[10px] px-1.5 py-0`,children:e.badge})]}),d&&f&&(0,o.jsx)(r.SidebarMenuAction,{showOnHover:!0,onClick:()=>f(e.id,!e.pinned),"aria-label":_?_(e.pinned?`console.nav.unpinItem`:`console.nav.pinItem`,{defaultValue:e.pinned?`Unpin ${n}`:`Pin ${n}`,name:n}):e.pinned?`Unpin ${n}`:`Pin ${n}`,children:e.pinned?(0,o.jsx)(i.PinOff,{className:`h-3.5 w-3.5`}):(0,o.jsx)(i.Pin,{className:`h-3.5 w-3.5`})})]})}let C=M(e.icon),{href:w,external:T}=R(e,t),E=w!==`#`&&v.pathname.startsWith(w),D=P(e,m,_,h,g),O=(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(C,{className:`h-4 w-4`}),(0,o.jsx)(`span`,{children:D}),e.badge!=null&&(0,o.jsx)(r.Badge,{variant:e.badgeVariant??`default`,className:`ml-auto text-[10px] px-1.5 py-0`,children:e.badge})]});return(0,o.jsxs)(r.SidebarMenuItem,{children:[p&&(0,o.jsx)(`span`,{className:`absolute left-0.5 top-1/2 -translate-y-1/2 cursor-grab text-muted-foreground`,"aria-label":_?_(`console.nav.dragToReorder`,{defaultValue:`Drag to reorder`}):`Drag to reorder`,...p,children:(0,o.jsx)(i.GripVertical,{className:`h-3.5 w-3.5`})}),(0,o.jsx)(r.SidebarMenuButton,{asChild:!0,isActive:E,tooltip:D,children:T?(0,o.jsx)(`a`,{href:w,target:`_blank`,rel:`noopener noreferrer`,children:O}):(0,o.jsx)(s.Link,{to:w,children:O})}),d&&f&&(0,o.jsx)(r.SidebarMenuAction,{showOnHover:!0,onClick:()=>f(e.id,!e.pinned),"aria-label":_?_(e.pinned?`console.nav.unpinItem`:`console.nav.pinItem`,{defaultValue:e.pinned?`Unpin ${D}`:`Pin ${D}`,name:D}):e.pinned?`Unpin ${D}`:`Pin ${D}`,children:e.pinned?(0,o.jsx)(i.PinOff,{className:`h-3.5 w-3.5`}):(0,o.jsx)(i.Pin,{className:`h-3.5 w-3.5`})})]})}function U({items:e,basePath:t=``,evaluateVisibility:a=F,checkPermission:s=I,checkCapability:u=L,onAction:d,searchQuery:f,enablePinning:p,onPinToggle:m,enableReorder:h,onReorder:g,resolveObjectLabel:_,resolveDashboardLabel:v,resolveGroupLabel:y,t:b}){let x=(0,n.useMemo)(()=>f?z(e,f):e,[e,f]),S=(0,n.useMemo)(()=>W(x),[x]),C=x.slice().sort((e,t)=>(e.order??0)-(t.order??0)),w=(0,c.useSensors)((0,c.useSensor)(c.PointerSensor,{activationConstraint:{distance:B}}),(0,c.useSensor)(c.KeyboardSensor)),T=e=>{let{active:t,over:n}=e;if(!n||t.id===n.id||!g)return;let r=C.findIndex(e=>e.id===t.id),i=C.findIndex(e=>e.id===n.id);r===-1||i===-1||g((0,l.arrayMove)(C,r,i).map((e,t)=>({...e,order:t})))},E={basePath:t,evalVis:a,checkPerm:s,checkCap:u,onAction:d,enablePinning:p,onPinToggle:m,resolveObjectLabel:_,resolveDashboardLabel:v,resolveGroupLabel:y,t:b},D=C.some(e=>e.type===`group`),O=S.length>0&&p?(0,o.jsxs)(r.SidebarGroup,{children:[(0,o.jsxs)(r.SidebarGroupLabel,{className:`flex items-center gap-1.5`,children:[(0,o.jsx)(i.Star,{className:`h-3.5 w-3.5`}),b?b(`console.nav.favorites`,{defaultValue:`Favorites`}):`Favorites`]}),(0,o.jsx)(r.SidebarGroupContent,{children:(0,o.jsx)(r.SidebarMenu,{children:S.map(e=>(0,o.jsx)(H,{item:e,...E},`fav-${e.id}`))})})]}):null;if(!D){let e=C.filter(e=>e.type!==`group`).map(e=>e.id);return(0,o.jsxs)(o.Fragment,{children:[O,(0,o.jsx)(r.SidebarGroup,{children:(0,o.jsx)(r.SidebarGroupContent,{children:h?(0,o.jsx)(c.DndContext,{sensors:w,collisionDetection:c.closestCenter,onDragEnd:T,children:(0,o.jsx)(l.SortableContext,{items:e,strategy:l.verticalListSortingStrategy,children:(0,o.jsx)(r.SidebarMenu,{children:C.map(e=>(0,o.jsx)(V,{item:e,enableReorder:h,...E},e.id))})})}):(0,o.jsx)(r.SidebarMenu,{children:C.map(e=>(0,o.jsx)(H,{item:e,...E},e.id))})})})]})}let k=[],A=[],j=e=>{if(A.length===0)return;let t=A;A=[],k.push((0,o.jsx)(r.SidebarGroup,{children:(0,o.jsx)(r.SidebarGroupContent,{children:(0,o.jsx)(r.SidebarMenu,{children:t.map(e=>(0,o.jsx)(H,{item:e,...E},e.id))})})},e))};return C.forEach((e,t)=>{e.type===`group`?(j(`leaf-${t}`),k.push((0,o.jsx)(H,{item:e,...E},e.id))):A.push(e)}),j(`leaf-end`),(0,o.jsxs)(o.Fragment,{children:[O,k]})}function W(e){let t=[];for(let n of e)n.pinned&&n.type!==`group`&&n.type!==`separator`&&t.push(n),n.children?.length&&t.push(...W(n.children));return t}function G({areas:e,activeAreaId:t,onAreaChange:n,evalVis:a,checkPerm:s}){let c=e.filter(e=>!(!a(e.visible)||e.requiredPermissions?.length&&!s(e.requiredPermissions)));return c.length<=1?null:(0,o.jsxs)(r.SidebarGroup,{children:[(0,o.jsxs)(r.SidebarGroupLabel,{className:`flex items-center gap-1.5`,children:[(0,o.jsx)(i.Layers,{className:`h-3.5 w-3.5`}),`Area`]}),(0,o.jsx)(r.SidebarGroupContent,{children:(0,o.jsx)(r.SidebarMenu,{children:c.map(e=>{let i=M(e.icon);return(0,o.jsx)(r.SidebarMenuItem,{children:(0,o.jsxs)(r.SidebarMenuButton,{isActive:e.id===t,tooltip:N(e.label),onClick:()=>n(e.id),children:[(0,o.jsx)(i,{className:`h-4 w-4`}),(0,o.jsx)(`span`,{children:N(e.label)})]})},e.id)})})})]})}function K({items:e,basePath:t}){let n=(0,s.useLocation)(),r=e=>{let t=[];for(let n of e)n.type!==`separator`&&(n.type===`group`?t.push(...r(n.children||[])):t.push(n));return t},i=r(e).slice(0,5);return i.length===0?null:(0,o.jsx)(`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=M(e.icon),i=`#`;e.type===`object`?(i=`${t}/${e.objectName}`,e.viewName&&(i+=`/view/${e.viewName}`)):e.type===`dashboard`?i=e.dashboardName?`${t}/dashboard/${e.dashboardName}`:`#`:e.type===`page`?i=e.pageName?`${t}/page/${e.pageName}`:`#`:e.type===`report`?i=e.reportName?`${t}/report/${e.reportName}`:`#`:e.type===`url`&&(i=e.url??`#`);let a=i!==`#`&&n.pathname.startsWith(i);return(0,o.jsxs)(s.Link,{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:[(0,o.jsx)(r,{className:`h-5 w-5`}),(0,o.jsx)(`span`,{className:`text-[10px] truncate max-w-[60px]`,children:N(e.label)})]},e.id)})})}function q({schema:e,basePath:t,evalVis:i,checkPerm:a,checkCap:s,onAction:c,sidebarHeader:l,sidebarFooter:u,sidebarExtra:d,activeAreaId:f,setActiveAreaId:p,resolvedNavigation:m,enableSearch:h,enablePinning:g,onPinToggle:_,enableReorder:v,onReorder:y}){let b=M(e.logo),x=e.areas??[],[S,C]=(0,n.useState)(``);return(0,o.jsxs)(r.Sidebar,{collapsible:`icon`,children:[(0,o.jsxs)(r.SidebarHeader,{children:[l??(0,o.jsx)(r.SidebarMenu,{children:(0,o.jsx)(r.SidebarMenuItem,{children:(0,o.jsxs)(r.SidebarMenuButton,{size:`lg`,tooltip:e.title??e.name,children:[(0,o.jsx)(`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`)?(0,o.jsx)(`img`,{src:e.logo,alt:e.title??``,className:`size-6 object-contain`}):(0,o.jsx)(b,{className:`size-4`})}),(0,o.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,o.jsx)(`span`,{className:`truncate font-semibold`,children:e.title??e.name??`App`}),e.description&&(0,o.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description})]})]})})}),h&&(0,o.jsx)(r.SidebarInput,{placeholder:`Search navigation…`,value:S,onChange:e=>C(e.target.value),"aria-label":`Search navigation`})]}),(0,o.jsxs)(r.SidebarContent,{children:[x.length>1&&f&&(0,o.jsx)(G,{areas:x,activeAreaId:f,onAreaChange:p,evalVis:i,checkPerm:a}),(0,o.jsx)(U,{items:m,basePath:t,evaluateVisibility:i,checkPermission:a,checkCapability:s,onAction:c,searchQuery:S,enablePinning:g,onPinToggle:_,enableReorder:v,onReorder:y}),d]}),u&&(0,o.jsx)(r.SidebarFooter,{children:u})]})}function J({schema:e,basePath:t=``,mobileNavMode:r=`drawer`,evaluateVisibility:i,checkPermission:a,checkCapability:s,onAction:c,navbar:l,sidebarHeader:u,sidebarFooter:f,sidebarExtra:p,children:m,className:h,defaultOpen:g=!0,enableSearch:_,enablePinning:v,onPinToggle:y,enableReorder:b,onReorder:x}){let S=i??(e=>!(e===!1||e===`false`)),C=a??(()=>!0),w=s??(()=>!0),T=(0,n.useMemo)(()=>(e.menu??[]).map((e,t)=>(0,d.menuItemToNavigationItem)(e,t)),[e.menu]),D=e.navigation??T,O=e.areas??[],[k,A]=(0,n.useState)(()=>O.length>0?O[0].id:null),j=O.map(e=>e.id).join(`,`);(0,n.useEffect)(()=>{O.length>0?A(e=>O.some(t=>t.id===e)?e:O[0].id):A(null)},[e.name,j]);let M=O.find(e=>e.id===k)?.navigation??D,N={title:e.title,favicon:e.favicon,logo:e.logo};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(E,{sidebar:(0,o.jsx)(q,{schema:e,basePath:t,evalVis:S,checkPerm:C,checkCap:w,onAction:c,sidebarHeader:u,sidebarFooter:f,sidebarExtra:p,activeAreaId:k,setActiveAreaId:A,resolvedNavigation:M,enableSearch:_,enablePinning:v,onPinToggle:y,enableReorder:b,onReorder:x}),navbar:l,className:h,defaultOpen:g,branding:N,children:m}),r===`bottom_nav`&&(0,o.jsx)(K,{items:M,basePath:t})]})}var Y=e=>e?Array.isArray(e)?e:[e]:[];function X({schema:e,className:t,style:n,id:i,...s}){let c=Y(e.children);return(0,o.jsxs)(`div`,{id:i||e.id,className:(0,r.cn)(`flex flex-col h-full space-y-4`,t),style:n,children:[(0,o.jsx)(b,{title:e.title,description:e.description}),(0,o.jsx)(`div`,{className:`flex-1 overflow-auto`,children:c.map((e,t)=>(0,o.jsx)(a.SchemaRenderer,{schema:e,...s},e?.id||t))})]})}function Z(e){return`items`in e&&!(`href`in e)}function Q({item:e,pathname:t}){return e.children&&e.children.length>0?(0,o.jsx)(r.Collapsible,{asChild:!0,defaultOpen:!0,className:`group/collapsible`,children:(0,o.jsxs)(r.SidebarMenuItem,{children:[(0,o.jsx)(r.CollapsibleTrigger,{asChild:!0,children:(0,o.jsxs)(r.SidebarMenuButton,{tooltip:e.title,children:[e.icon&&(0,o.jsx)(e.icon,{}),(0,o.jsx)(`span`,{children:e.title}),e.badge!=null&&(0,o.jsx)(r.Badge,{variant:e.badgeVariant||`default`,className:`ml-auto mr-1 h-5 min-w-5 px-1 text-xs`,children:e.badge}),(0,o.jsx)(i.ChevronRight,{className:`ml-auto h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90`})]})}),(0,o.jsx)(r.CollapsibleContent,{children:(0,o.jsx)(r.SidebarMenuSub,{children:e.children.map(e=>(0,o.jsx)(r.SidebarMenuSubItem,{children:(0,o.jsx)(r.SidebarMenuSubButton,{asChild:!0,isActive:t===e.href,children:(0,o.jsxs)(s.NavLink,{to:e.href,children:[e.icon&&(0,o.jsx)(e.icon,{}),(0,o.jsx)(`span`,{children:e.title}),e.badge!=null&&(0,o.jsx)(r.Badge,{variant:e.badgeVariant||`default`,className:`ml-auto h-5 min-w-5 px-1 text-xs`,children:e.badge})]})})},e.href))})})]})}):(0,o.jsx)(r.SidebarMenuItem,{children:(0,o.jsx)(r.SidebarMenuButton,{asChild:!0,isActive:t===e.href,tooltip:e.title,children:(0,o.jsxs)(s.NavLink,{to:e.href,children:[e.icon&&(0,o.jsx)(e.icon,{}),(0,o.jsx)(`span`,{children:e.title}),e.badge!=null&&(0,o.jsx)(r.Badge,{variant:e.badgeVariant||`default`,className:`ml-auto h-5 min-w-5 px-1 text-xs`,children:e.badge})]})})})}function ee({items:e,title:t=`Application`,className:a,collapsible:c=`icon`,searchEnabled:l=!1,searchPlaceholder:u=`Search...`}){let d=(0,s.useLocation)(),[f,p]=n.default.useState(``),m=n.default.useMemo(()=>e.length===0?[]:Z(e[0])?e.map(e=>({groupLabel:e.label,items:e.items})):[{items:e}],[e]),h=n.default.useMemo(()=>{if(!f)return m;let e=f.toLowerCase();return m.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)},[m,f]);return(0,o.jsx)(r.Sidebar,{className:a,collapsible:c,children:(0,o.jsxs)(r.SidebarContent,{children:[l&&(0,o.jsx)(`div`,{className:`px-3 py-2`,children:(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(i.Search,{className:`absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground`}),(0,o.jsx)(r.Input,{type:`search`,placeholder:u,value:f,onChange:e=>p(e.target.value),className:`pl-8 h-9`})]})}),h.map((e,n)=>(0,o.jsxs)(r.SidebarGroup,{children:[n>0&&(0,o.jsx)(`div`,{className:`mx-3 mb-1 h-px bg-sidebar-border/60`,"aria-hidden":!0}),(0,o.jsx)(r.SidebarGroupLabel,{className:`text-[10px] font-semibold uppercase tracking-wider text-sidebar-foreground/60`,children:e.groupLabel||t}),(0,o.jsx)(r.SidebarGroupContent,{children:(0,o.jsx)(r.SidebarMenu,{children:e.items.map(e=>(0,o.jsx)(Q,{item:e,pathname:d.pathname},e.href))})})]},e.groupLabel||n))]})})}function $(){t.ComponentRegistry.register(`page-header`,b,{namespace:`layout`,label:`Page Header`,category:`Layout`,inputs:[{name:`title`,type:`string`},{name:`description`,type:`string`}]}),t.ComponentRegistry.register(`page:header`,b,{namespace:`layout`}),t.ComponentRegistry.register(`page:card`,D,{namespace:`layout`,label:`Page Card`,category:`Layout`,isContainer:!0}),t.ComponentRegistry.register(`app-shell`,E,{namespace:`layout`,label:`App Shell`,category:`Layout`}),t.ComponentRegistry.register(`responsive-grid`,j,{namespace:`layout`,label:`Responsive Grid`,category:`Layout`,isContainer:!0,inputs:[{name:`columns`,type:`object`},{name:`gap`,type:`number`}]}),t.ComponentRegistry.register(`navigation-renderer`,U,{namespace:`layout`,label:`Navigation Renderer`,category:`Layout`,inputs:[{name:`items`,type:`object`},{name:`basePath`,type:`string`}]}),t.ComponentRegistry.register(`app-schema-renderer`,J,{namespace:`layout`,label:`App Schema Renderer`,category:`Layout`,isContainer:!0,inputs:[{name:`schema`,type:`object`},{name:`basePath`,type:`string`},{name:`mobileNavMode`,type:`string`}]})}try{$()}catch{}e.AppSchemaRenderer=J,e.AppShell=E,e.NavigationRenderer=U,e.Page=X,e.PageCard=D,e.PageHeader=b,e.ResponsiveGrid=j,e.SidebarNav=ee,e.filterNavigationItems=z,e.registerLayout=$,e.resolveIcon=M,e.resolveLabel=N,e.useAppShellBranding=T});

package/dist/packages/layout/src/PageHeader.d.ts

@@ -1,7 +1,47 @@
 import { default as React } from 'react';
 export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
+    /**
+     * Optional secondary line under the title. Spec schemas use `subtitle`,
+     * the legacy console pages use `description` — both are supported and
+     * resolve {field.path} tokens against the current record context.
+     */
+    subtitle?: string;
     description?: string;
+    /**
+     * Optional icon for the header chip. Accepts either a string Lucide icon
+     * name (resolved via `LazyIcon`, the standard ObjectUI helper) or a
+     * pre-rendered React node.
+     */
+    icon?: React.ReactNode | string;
     action?: React.ReactNode;
+    /**
+     * Show a back arrow at the left of the header that navigates one level
+     * up the URL (e.g. /apps/{app}/{obj}/record/{id} → /apps/{app}/{obj}).
+     * Defaults to true on record pages and false otherwise — the inference
+     * is based on whether a record context with a recordId is available.
+     */
+    showBack?: boolean;
+    /**
+     * Optional inline action list rendered into the header's right-aligned
+     * slot. Accepts an array of `ActionDef` objects (or action ids) and
+     * delegates rendering to the standard `record:quick_actions` widget
+     * with `location: 'record_header'`. Authors no longer need to declare
+     * a sibling `record:quick_actions` node + visual `-mt-12` hack.
+     */
+    actions?: unknown[];
+    /**
+     * When rendered from a schema, `SchemaRenderer` injects the full schema
+     * node so we can render its `children` into the right-aligned action
+     * slot (Salesforce Lightning-style header). React children passed at
+     * the JSX call site take precedence over schema children.
+     */
+    schema?: {
+        children?: unknown[];
+        actions?: unknown[];
+        properties?: {
+            actions?: unknown[];
+        };
+    };
 }
-export declare function PageHeader({ title, description, action, className, children, ...props }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ title, subtitle, description, icon, action, actions, showBack, schema, className, children, ...props }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/layout",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.umd.cjs",
@@ -22,10 +22,10 @@
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "tailwind-merge": "^3.6.0",
-    "@object-ui/components": "4.3.0",
-    "@object-ui/core": "4.3.0",
-    "@object-ui/react": "4.3.0",
-    "@object-ui/types": "4.3.0"
+    "@object-ui/core": "4.4.0",
+    "@object-ui/react": "4.4.0",
+    "@object-ui/types": "4.4.0",
+    "@object-ui/components": "4.4.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",