@object-ui/layout 4.3.0 → 4.5.0

package/CHANGELOG.md

@@ -1,5 +1,119 @@
 # @object-ui/layout
 
+## 4.5.0
+
+### Patch Changes
+
+- d714e85: Lookup display-name resolution now falls back through a Salesforce-style chain
+  when an `$expand`'d reference object lacks a top-level `name`/`label`/
+  `display_name`/`title` field:
+  1. Standard display fields (existing behaviour)
+  2. `salutation first_name last_name` composite — handles person records that
+     only carry first/last name parts
+  3. `email` — last-resort identifier, beats the opaque id
+
+  Applies to `LookupCellRenderer`, `PageHeader.subtitle` interpolation,
+  `DetailView` page-mode `titleFormat`, and the shared `formatRecordTitle`
+  utility. Concretely: a Contact reference with `first_name: Bob`, `last_name:
+Lin` and no `name` field now renders as `Bob Lin` everywhere — instead of
+  the email or [object Object] fallback.
+
+- Updated dependencies [ab5e281]
+- Updated dependencies [6b6afd1]
+- Updated dependencies [aa7855f]
+- Updated dependencies [170d89f]
+  - @object-ui/types@4.5.0
+  - @object-ui/components@4.5.0
+  - @object-ui/core@4.5.0
+  - @object-ui/react@4.5.0
+
+## 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,77 @@
 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 be = (e) => {
+	let t = e?.name ?? e?.full_name ?? e?.display_name ?? e?.label ?? e?.title ?? e?.subject;
+	return t != null && String(t).trim() ? String(t) : [
+		e?.salutation,
+		e?.first_name,
+		e?.last_name
+	].filter((e) => typeof e == "string" && e.trim()).map((e) => e.trim()).join(" ") || (typeof e?.email == "string" && e.email.trim() ? e.email.trim() : null);
+}, 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);
+	return r == null ? "" : typeof r == "object" ? be(r) ?? "" : 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 +120,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 xe(e, t) {
 	n(() => {
 		let n = document.documentElement, r = () => n.classList.contains("dark"), i = () => {
 			if (e?.primaryColor) {
@@ -113,19 +156,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 xe(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 +177,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 Se({ 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 +189,7 @@ function he({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/ResponsiveGrid.tsx
-var ge = {
+var Ce = {
 	xs: {
 		1: "grid-cols-1",
 		2: "grid-cols-2",
@@ -196,11 +239,11 @@ var ge = {
 		12: "2xl:grid-cols-12"
 	}
 };
-function _e(e) {
+function we(e) {
 	if (!e) return "grid-cols-1";
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = ge[n];
+		let e = Ce[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 +251,7 @@ function _e(e) {
 	}
 	return t.join(" ") || "grid-cols-1";
 }
-var ve = {
+var Te = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -217,16 +260,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),
+}, Ee = ({ columns: e, gap: t = 4, className: n, children: r }) => /* @__PURE__ */ R("div", {
+	className: A("grid", we(e), typeof t == "number" ? Te[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 +280,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 De = (e) => !(e === !1 || e === "false"), Oe = () => !0, ke = () => !0;
+function Ae(e, t) {
 	switch (e.type) {
 		case "object": {
 			let n = `${t}/${e.objectName ?? ""}`;
@@ -285,25 +328,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 je = 5;
+function Me({ 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 +363,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 } = Ae(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 = De, checkPermission: i = Oe, checkCapability: a = ke, 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(() => Ne(y), [y]), x = y.slice().sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), C = pe(fe(ue, { activationConstraint: { distance: je } }), 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 +489,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(Me, {
 					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 Ne(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(...Ne(n.children));
 	return t;
 }
 //#endregion
 //#region src/AppSchemaRenderer.tsx
-function Oe({ areas: e, activeAreaId: t, onAreaChange: n, evalVis: r, checkPerm: i }) {
+function Pe({ 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 Fe({ 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 Ie({ 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(Pe, {
 					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 Le({ 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(Ie, {
 			schema: e,
 			basePath: t,
 			evalVis: S,
@@ -618,7 +661,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 +671,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(Fe, {
+		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 Re = (e) => e ? Array.isArray(e) ? e : [e] : [];
+function ze({ schema: e, className: t, style: n, id: r, ...i }) {
+	let a = Re(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 +701,38 @@ function Ne({ schema: e, className: t, style: n, id: r, ...i }) {
 }
 //#endregion
 //#region src/SidebarNav.tsx
-function Pe(e) {
+function Be(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 Ve({ 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 +740,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 +758,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 He({ 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 ? [] : Be(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(Ve, {
 				item: e,
 				pathname: s.pathname
 			}, e.href)) }) })
@@ -760,7 +803,7 @@ function Ie({ items: e, title: n = "Application", className: r, collapsible: i =
 }
 //#endregion
 //#region src/index.ts
-function Le() {
+function Ue() {
 	e.register("page-header", H, {
 		namespace: "layout",
 		label: "Page Header",
@@ -772,16 +815,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", Se, {
 		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", Ee, {
 		namespace: "layout",
 		label: "Responsive Grid",
 		category: "Layout",
@@ -804,7 +847,7 @@ function Le() {
 			name: "basePath",
 			type: "string"
 		}]
-	}), e.register("app-schema-renderer", je, {
+	}), e.register("app-schema-renderer", Le, {
 		namespace: "layout",
 		label: "App Schema Renderer",
 		category: "Layout",
@@ -826,7 +869,7 @@ function Le() {
 	});
 }
 try {
-	Le();
+	Ue();
 } 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 { Le as AppSchemaRenderer, q as AppShell, $ as NavigationRenderer, ze as Page, Se as PageCard, H as PageHeader, Ee as ResponsiveGrid, He as SidebarNav, Z as filterNavigationItems, Ue as registerLayout, J as resolveIcon, Y as resolveLabel, xe 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=>{let t=e?.name??e?.full_name??e?.display_name??e?.label??e?.title??e?.subject;return t!=null&&String(t).trim()?String(t):[e?.salutation,e?.first_name,e?.last_name].filter(e=>typeof e==`string`&&e.trim()).map(e=>e.trim()).join(` `)||(typeof e?.email==`string`&&e.email.trim()?e.email.trim():null)},b=(e,t)=>!e||typeof e!=`string`?e??``:e.includes(`{`)?e.replace(/\{([a-zA-Z0-9_.]+)\}/g,(e,n)=>{let r=n.split(`.`).reduce((e,t)=>e==null?e:e[t],t);return r==null?``:typeof r==`object`?y(r)??``:String(r)}).replace(/\s+/g,` `).trim():e;function x({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)(),_=b(e,g?.data)||e,v=t??s,y=b(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:_}),y&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground truncate`,children:y})]}),E&&(0,o.jsx)(`div`,{className:`flex items-center gap-2 ml-auto`,children:E})]})})}function S(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 C(e){let t=S(e);return t?`${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%`:null}function w(e){let t=S(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 T(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 E(e,t){(0,n.useEffect)(()=>{let n=document.documentElement,r=()=>n.classList.contains(`dark`),i=()=>{if(e?.primaryColor){let t=C(e.primaryColor),i=w(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%`:T(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=C(e.accentColor),i=w(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%`:T(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 D({sidebar:e,navbar:t,children:n,className:i,defaultOpen:a=!0,branding:s}){return E(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 O({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 k={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 A(e){if(!e)return`grid-cols-1`;let t=[];for(let[n,r]of Object.entries(e)){let e=k[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 j={0:`gap-0`,1:`gap-1`,2:`gap-2`,3:`gap-3`,4:`gap-4`,5:`gap-5`,6:`gap-6`,8:`gap-8`},M=({columns:e,gap:t=4,className:n,children:i})=>(0,o.jsx)(`div`,{className:(0,r.cn)(`grid`,A(e),typeof t==`number`?j[t]||`gap-${t}`:``,n),children:i});function N(e){return e?(0,r.getLazyIcon)(e):i.FileText}function P(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 F(e,t,n,r,i){let a=P(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 I=e=>!(e===!1||e===`false`),L=()=>!0,R=()=>!0;function z(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 B(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=B(r.children,t);return n.length>0&&e.push({...r,children:n}),e}return P(r.label).toLowerCase().includes(n)&&e.push(r),e},[])}var V=5;function H({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)(U,{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 U({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:[F(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)(U,{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=N(e.icon),n=P(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=N(e.icon),{href:w,external:T}=z(e,t),E=w!==`#`&&v.pathname.startsWith(w),D=F(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 W({items:e,basePath:t=``,evaluateVisibility:a=I,checkPermission:s=L,checkCapability:u=R,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?B(e,f):e,[e,f]),S=(0,n.useMemo)(()=>G(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:V}}),(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)(U,{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)(H,{item:e,enableReorder:h,...E},e.id))})})}):(0,o.jsx)(r.SidebarMenu,{children:C.map(e=>(0,o.jsx)(U,{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)(U,{item:e,...E},e.id))})})},e))};return C.forEach((e,t)=>{e.type===`group`?(j(`leaf-${t}`),k.push((0,o.jsx)(U,{item:e,...E},e.id))):A.push(e)}),j(`leaf-end`),(0,o.jsxs)(o.Fragment,{children:[O,k]})}function G(e){let t=[];for(let n of e)n.pinned&&n.type!==`group`&&n.type!==`separator`&&t.push(n),n.children?.length&&t.push(...G(n.children));return t}function K({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=N(e.icon);return(0,o.jsx)(r.SidebarMenuItem,{children:(0,o.jsxs)(r.SidebarMenuButton,{isActive:e.id===t,tooltip:P(e.label),onClick:()=>n(e.id),children:[(0,o.jsx)(i,{className:`h-4 w-4`}),(0,o.jsx)(`span`,{children:P(e.label)})]})},e.id)})})})]})}function q({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=N(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:P(e.label)})]},e.id)})})}function J({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=N(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)(K,{areas:x,activeAreaId:f,onAreaChange:p,evalVis:i,checkPerm:a}),(0,o.jsx)(W,{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 Y({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]),E=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??E,N={title:e.title,favicon:e.favicon,logo:e.logo};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(D,{sidebar:(0,o.jsx)(J,{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)(q,{items:M,basePath:t})]})}var X=e=>e?Array.isArray(e)?e:[e]:[];function Z({schema:e,className:t,style:n,id:i,...s}){let c=X(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)(x,{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 Q(e){return`items`in e&&!(`href`in e)}function ee({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 te({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?[]:Q(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)(ee,{item:e,pathname:d.pathname},e.href))})})]},e.groupLabel||n))]})})}function $(){t.ComponentRegistry.register(`page-header`,x,{namespace:`layout`,label:`Page Header`,category:`Layout`,inputs:[{name:`title`,type:`string`},{name:`description`,type:`string`}]}),t.ComponentRegistry.register(`page:header`,x,{namespace:`layout`}),t.ComponentRegistry.register(`page:card`,O,{namespace:`layout`,label:`Page Card`,category:`Layout`,isContainer:!0}),t.ComponentRegistry.register(`app-shell`,D,{namespace:`layout`,label:`App Shell`,category:`Layout`}),t.ComponentRegistry.register(`responsive-grid`,M,{namespace:`layout`,label:`Responsive Grid`,category:`Layout`,isContainer:!0,inputs:[{name:`columns`,type:`object`},{name:`gap`,type:`number`}]}),t.ComponentRegistry.register(`navigation-renderer`,W,{namespace:`layout`,label:`Navigation Renderer`,category:`Layout`,inputs:[{name:`items`,type:`object`},{name:`basePath`,type:`string`}]}),t.ComponentRegistry.register(`app-schema-renderer`,Y,{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=Y,e.AppShell=D,e.NavigationRenderer=W,e.Page=Z,e.PageCard=O,e.PageHeader=x,e.ResponsiveGrid=M,e.SidebarNav=te,e.filterNavigationItems=B,e.registerLayout=$,e.resolveIcon=N,e.resolveLabel=P,e.useAppShellBranding=E});

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.5.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/components": "4.5.0",
+    "@object-ui/core": "4.5.0",
+    "@object-ui/react": "4.5.0",
+    "@object-ui/types": "4.5.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",