@declarion/react 0.86.0 → 0.88.0

package/dist-lib/components/layout/Layout.js

@@ -1,126 +1,134 @@
 import { loginPathForRedirectPath as e } from "../../api/auth-redirect.js";
 import { useEmbed as t } from "../../embed/EmbedContext.js";
-import { useAuthStore as n } from "../../stores/auth.js";
-import { useSchema as r } from "../../hooks/useSchema.js";
-import { Icon as i } from "../primitives/Icons.js";
-import { IconBtn as a } from "../primitives/IconBtn.js";
-import { useText as o } from "../../hooks/useText.js";
-import { useResponsiveMode as s } from "../../hooks/useResponsiveMode.js";
-import { Rail as c } from "./Rail.js";
-import { useBranding as l, useBrandingIdentity as u } from "../../hooks/useBranding.js";
-import { usePreferencesStore as d } from "../../stores/preferences.js";
-import { useTabStore as f } from "../../stores/tabs.js";
-import { EmbedResizeReporter as p } from "../../embed/EmbedResizeReporter.js";
+import { UI_PREFERENCES_PARAM_CODE as n, usePreferencesStore as r } from "../../stores/preferences.js";
+import { useAuthStore as i } from "../../stores/auth.js";
+import { useSchema as a } from "../../hooks/useSchema.js";
+import { Icon as o } from "../primitives/Icons.js";
+import { IconBtn as s } from "../primitives/IconBtn.js";
+import { useText as c } from "../../hooks/useText.js";
+import { useResponsiveMode as l } from "../../hooks/useResponsiveMode.js";
+import { useEffectiveParam as u } from "../../hooks/useParams.js";
+import { useUiPreferences as d } from "../../hooks/useUiPreferences.js";
+import { Rail as f } from "./Rail.js";
+import { useBrandingIdentity as p } from "../../hooks/useBranding.js";
+import { useTabStore as m } from "../../stores/tabs.js";
+import { EmbedResizeReporter as h } from "../../embed/EmbedResizeReporter.js";
 import { EmbedDirtyReporter as ee } from "../../embed/EmbedDirtyReporter.js";
-import { EmbedHistoryTracker as m } from "../../embed/EmbedHistoryTracker.js";
-import { useGlobalLinkInterceptor as te } from "../../embed/useGlobalLinkInterceptor.js";
-import { EmbedLocationReporter as ne } from "../../embed/EmbedLocationReporter.js";
-import { EmbedUnsavedGuard as re } from "../../embed/EmbedUnsavedGuard.js";
-import { useTabNavigate as ie } from "../../hooks/useTabNavigate.js";
-import { Sidebar as ae, buildSections as h } from "./Sidebar.js";
-import { useImpersonation as oe } from "../../hooks/useImpersonation.js";
-import { TopBar as se } from "./TopBar.js";
-import { builtInPageTitle as g, useTabTitle as _ } from "../../hooks/useTabTitle.js";
-import { TabStrip as ce } from "./TabStrip.js";
-import { DirtyTabsCloseDialog as le } from "./DirtyTabsCloseDialog.js";
-import { ImpersonationBanner as ue } from "./ImpersonationBanner.js";
-import { ImpersonationFrame as de } from "./ImpersonationFrame.js";
-import { buildPendingTabClose as fe, tabCloseRoute as pe } from "./tab-close.js";
-import { CommandPalette as me } from "./CommandPalette.js";
-import { AgentChatPanel as he } from "../agents/AgentChatPanel.js";
-import { useSSE as ge } from "../../hooks/useSSE.js";
-import { ActionRunnerProvider as _e } from "../actions/ActionRunner.js";
-import { startListLayoutCrossTabSync as ve, useListLayoutStore as ye } from "../../stores/list-layout.js";
-import { usePageStateRuntime as be } from "../../hooks/usePageStateRuntime.js";
-import { AgentOpenFollower as xe } from "../agents/AgentOpenFollower.js";
-import { useCurrentLocation as Se } from "../../hooks/useCurrentLocation.js";
-import { useBrandingShell as Ce } from "../../hooks/useBrandingChrome.js";
-import { useActiveTabFollowsRoute as we } from "../../hooks/useActiveTabFollowsRoute.js";
-import { useDocumentTitle as Te } from "../../hooks/useDocumentTitle.js";
-import { useCallback as v, useEffect as y, useMemo as Ee, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Outlet as De, useLocation as Oe, useNavigate as ke } from "react-router";
+import { EmbedHistoryTracker as te } from "../../embed/EmbedHistoryTracker.js";
+import { useGlobalLinkInterceptor as ne } from "../../embed/useGlobalLinkInterceptor.js";
+import { EmbedLocationReporter as re } from "../../embed/EmbedLocationReporter.js";
+import { EmbedUnsavedGuard as ie } from "../../embed/EmbedUnsavedGuard.js";
+import { useTabNavigate as ae } from "../../hooks/useTabNavigate.js";
+import { areaRoute as oe, findNavMatch as se } from "../../lib/schema-routing.js";
+import { Sidebar as ce, buildSections as g } from "./Sidebar.js";
+import { useImpersonation as le } from "../../hooks/useImpersonation.js";
+import { TopBar as ue } from "./TopBar.js";
+import { builtInPageTitle as _, useTabTitle as v } from "../../hooks/useTabTitle.js";
+import { TabStrip as de } from "./TabStrip.js";
+import { DirtyTabsCloseDialog as fe } from "./DirtyTabsCloseDialog.js";
+import { ImpersonationBanner as pe } from "./ImpersonationBanner.js";
+import { ImpersonationFrame as me } from "./ImpersonationFrame.js";
+import { buildPendingTabClose as he, tabCloseRoute as ge } from "./tab-close.js";
+import { CommandPalette as _e } from "./CommandPalette.js";
+import { AgentChatPanel as ve } from "../agents/AgentChatPanel.js";
+import { useSSE as ye } from "../../hooks/useSSE.js";
+import { ActionRunnerProvider as be } from "../actions/ActionRunner.js";
+import { startListLayoutCrossTabSync as xe, useListLayoutStore as Se } from "../../stores/list-layout.js";
+import { usePageStateRuntime as Ce } from "../../hooks/usePageStateRuntime.js";
+import { AgentOpenFollower as we } from "../agents/AgentOpenFollower.js";
+import { useCurrentLocation as Te } from "../../hooks/useCurrentLocation.js";
+import { useBrandingShell as Ee } from "../../hooks/useBrandingChrome.js";
+import { useActiveTabFollowsRoute as De } from "../../hooks/useActiveTabFollowsRoute.js";
+import { useDocumentTitle as Oe } from "../../hooks/useDocumentTitle.js";
+import { useCallback as y, useEffect as b, useMemo as ke, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Outlet as Ae, useLocation as je, useNavigate as Me } from "react-router";
 //#region src/components/layout/Layout.tsx
-var T = "default";
-function E() {
-	let i = o();
-	te(), be();
-	let { isAuthenticated: a, isLoading: h, user: g, activeTenant: _ } = n(), S = t(), E = ke(), D = ie(), O = v((e) => D(e, { topLevel: !0 }), [D]), k = Oe(), { data: A } = r(), Le = s(), j = d((e) => e.sidebar), Re = d((e) => e.tabsPosition), M = d((e) => e.aiSurface), ze = d((e) => e.colorScheme), N = d((e) => e.set), Be = d((e) => e.hydrateFromBranding), { branding: Ve } = l(), P = Ce(), F = f((e) => e.tabs), He = f((e) => e.activeTabId), Ue = f((e) => e.closeTabs), We = f((e) => e.switchTab), [I, L] = x(T), [Ge, R] = x(!1), [Ke, qe] = x("default"), [z, B] = x(!1), [Je, V] = x(), [Ye, H] = x(!1), [Xe, U] = x(!1), Ze = b(null), Qe = b(null), [W, G] = x(null), K = M !== "off" && P.isVisible("show_command_palette"), q = M === "panel" || M === "both", $e = M === "command" || M === "both", et = u(), tt = et?.ai_name?.trim() ?? "", J = Le.category === "phone" || Le.category === "tablet", Y = P.isVisible("show_topbar"), nt = !J && P.isVisible("show_rail"), rt = !J && P.isVisible("show_sidebar"), it = !J && P.isVisible("show_tabs"), at = J && P.isVisible("show_sidebar"), ot = J && P.isVisible("show_tabs"), st = Ae(!J && q && z), ct = P.isVisible("show_tenant_switcher"), lt = P.isVisible("show_breadcrumbs"), ut = P.isVisible("show_theme_toggle"), X = v((e = "default") => {
-		K && (qe(e), R(!0));
-	}, [K]), Z = v((e) => {
+var E = "default";
+function D() {
+	let o = c();
+	ne(), Ce();
+	let { isAuthenticated: s, isLoading: g, user: _, activeTenant: v } = i(), C = t(), D = Me(), O = ae(), k = y((e) => O(e, { topLevel: !0 }), [O]), A = je(), { data: j } = a(), Re = l(), M = r((e) => e.sidebar), ze = r((e) => e.tabsPosition), N = r((e) => e.aiSurface), Be = r((e) => e.colorScheme), { set: P } = d(), Ve = r((e) => e.hydrateFromParameter), F = u(n), He = F.source && F.source !== "public" ? _?.id : void 0, I = Ee(), L = m((e) => e.tabs), Ue = m((e) => e.activeTabId), We = m((e) => e.closeTabs), Ge = m((e) => e.switchTab), [R, z] = S(E), [Ke, B] = S(!1), [qe, Je] = S("default"), [V, H] = S(!1), [Ye, U] = S(), [Xe, W] = S(!1), [Ze, G] = S(!1), Qe = x(null), $e = x(null), [K, q] = S(null), J = N !== "off" && I.isVisible("show_command_palette"), Y = N === "panel" || N === "both", et = N === "command" || N === "both", tt = p(), nt = tt?.ai_name?.trim() ?? "", X = Re.category === "phone" || Re.category === "tablet", rt = I.isVisible("show_topbar"), it = !X && I.isVisible("show_rail"), at = !X && I.isVisible("show_sidebar"), ot = !X && I.isVisible("show_tabs"), st = X && I.isVisible("show_sidebar"), ct = X && I.isVisible("show_tabs"), lt = Ne(!X && Y && V), ut = I.isVisible("show_tenant_switcher"), dt = I.isVisible("show_breadcrumbs"), ft = I.isVisible("show_theme_toggle"), Z = y((e = "default") => {
+		J && (Je(e), B(!0));
+	}, [J]), Q = y((e) => {
 		if (e.length === 0) return;
-		let t = f.getState(), n = !t.activeTabId || e.includes(t.activeTabId), r = Ue(e);
+		let t = m.getState(), n = !t.activeTabId || e.includes(t.activeTabId), r = We(e);
 		if (!n) return;
-		let i = pe(r);
-		E({
+		let i = ge(r);
+		D({
 			pathname: i.pathname,
 			search: i.search
 		}, { replace: i.replace });
-	}, [Ue, E]), Q = v((e, t) => {
-		let n = f.getState(), r = fe(n.tabs, n.activeTabId, e, t);
-		r && (r.dirtyTabs.length > 0 ? G(r) : Z(r.ids));
-	}, [Z]), dt = v(() => {
-		G(null);
-	}, []), ft = v(() => {
-		W && (G(null), Z(W.cleanIds));
-	}, [W, Z]), pt = v(() => {
-		W && (G(null), Z(W.ids));
-	}, [W, Z]);
-	ge();
-	let mt = Se(), { isImpersonating: $ } = oe();
-	y(() => {
-		S.enabled || !h && !a && E(e(`${k.pathname}${k.search}${k.hash}`), { replace: !0 });
+	}, [We, D]), $ = y((e, t) => {
+		let n = m.getState(), r = he(n.tabs, n.activeTabId, e, t);
+		r && (r.dirtyTabs.length > 0 ? q(r) : Q(r.ids));
+	}, [Q]), pt = y(() => {
+		q(null);
+	}, []), mt = y(() => {
+		K && (q(null), Q(K.cleanIds));
+	}, [K, Q]), ht = y(() => {
+		K && (q(null), Q(K.ids));
+	}, [K, Q]);
+	ye();
+	let gt = Te(), { isImpersonating: _t } = le();
+	b(() => {
+		C.enabled || !g && !s && D(e(`${A.pathname}${A.search}${A.hash}`), { replace: !0 });
 	}, [
-		S.enabled,
-		h,
-		a,
-		E,
-		k.hash,
-		k.pathname,
-		k.search
-	]), y(() => {
-		let e = g?.id || null, t = _?.id || null;
-		f.getState().setScope(t, e), ye.getState().setScope(t, e), e && t && (f.getState().hydrate(), ye.getState().hydrate(), ve());
-	}, [g?.id, _?.id]), we(), Te(), y(() => {
-		Be(Ve?.preferences);
-	}, [Ve, Be]), y(() => {
-		if (!A) return;
-		let e = Fe(A.navigation, A.screens, k.pathname);
+		C.enabled,
+		g,
+		s,
+		D,
+		A.hash,
+		A.pathname,
+		A.search
+	]), b(() => {
+		let e = _?.id || null, t = v?.id || null;
+		m.getState().setScope(t, e), Se.getState().setScope(t, e), e && t && (m.getState().hydrate(), Se.getState().hydrate(), xe());
+	}, [_?.id, v?.id]), De(), Oe(), b(() => {
+		Ve(F.value, He);
+	}, [
+		F.value,
+		He,
+		_?.id,
+		Ve
+	]), b(() => {
+		if (!j) return;
+		let e = se(j.navigation, j.screens, A.pathname)?.area;
 		if (e) {
-			L(e);
+			z(e);
 			return;
 		}
-		let t = I;
-		if ((A.navigation ?? []).some((e) => (e.area || T) === t)) return;
-		let n = (A.navigation ?? [])[0]?.area || T;
-		n !== t && L(n);
+		let t = R;
+		if ((j.navigation ?? []).some((e) => (e.area || E) === t)) return;
+		let n = (j.navigation ?? [])[0]?.area || E;
+		n !== t && z(n);
 	}, [
-		A,
-		k.pathname,
-		I
-	]), y(() => {
-		H(!1), U(!1);
-	}, [k.pathname, k.search]), y(() => {
+		j,
+		A.pathname,
+		R
+	]), b(() => {
+		W(!1), G(!1);
+	}, [A.pathname, A.search]), b(() => {
 		let e = (e) => {
 			let t = document.activeElement, n = !!t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable), r = e.metaKey || e.ctrlKey;
-			r && e.key.toLowerCase() === "k" ? (e.preventDefault(), X("default")) : r && e.key.toLowerCase() === "t" ? (e.preventDefault(), X("new")) : r && e.key.toLowerCase() === "b" ? (e.preventDefault(), N("sidebar", j === "collapsed" ? "wide" : "collapsed")) : r && e.key.toLowerCase() === "w" ? (e.preventDefault(), Q("current")) : r && e.key === "/" ? (e.preventDefault(), q && B((e) => !e)) : e.key === "/" && !n ? (e.preventDefault(), X("default")) : e.key === "Escape" && R(!1);
+			r && e.key.toLowerCase() === "k" ? (e.preventDefault(), Z("default")) : r && e.key.toLowerCase() === "t" ? (e.preventDefault(), Z("new")) : r && e.key.toLowerCase() === "b" ? (e.preventDefault(), P("sidebar", M === "collapsed" ? "wide" : "collapsed")) : r && e.key.toLowerCase() === "w" ? (e.preventDefault(), $("current")) : r && e.key === "/" ? (e.preventDefault(), Y && H((e) => !e)) : e.key === "/" && !n ? (e.preventDefault(), Z("default")) : e.key === "Escape" && B(!1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		X,
-		Q,
-		N,
-		j,
-		q
+		Z,
+		$,
+		P,
+		M,
+		Y
 	]);
-	let ht = Ee(() => A ? Ie(i, A.navigation, A.screens, k.pathname, F, O) : [], [
-		i,
-		A,
-		k.pathname,
-		F,
-		O
+	let vt = ke(() => j ? Le(o, j.navigation, j.screens, A.pathname, L, k) : [], [
+		o,
+		j,
+		A.pathname,
+		L,
+		k
 	]);
-	if (h) return /* @__PURE__ */ C("div", {
+	if (g) return /* @__PURE__ */ w("div", {
 		style: {
 			display: "flex",
 			height: "var(--app-height)",
@@ -129,94 +137,94 @@ function E() {
 			background: "var(--background)",
 			color: "var(--text-3)"
 		},
-		children: i("shell.loading", "Loading…")
+		children: o("shell.loading", "Loading…")
 	});
-	if (!a) return null;
-	let gt = (e) => {
-		L(e);
-		let t = Pe(e, A);
-		t && O(t);
-	}, _t = (e) => {
+	if (!s) return null;
+	let yt = (e) => {
+		z(e);
+		let t = j ? oe(j, e) ?? void 0 : void 0;
+		t && k(t);
+	}, bt = (e) => {
 		switch (e.type) {
 			case "nav":
-				e.route && O(e.route);
+				e.route && k(e.route);
 				break;
 			case "new":
-				e.route && O(e.route + "/new");
+				e.route && k(e.route + "/new");
 				break;
 			case "open":
-				e.route && O(e.route);
+				e.route && k(e.route);
 				break;
 			case "ai":
-				q && (V(e.q), B(!0));
+				Y && (U(e.q), H(!0));
 				break;
 			case "ai-panel":
-				q && (V(void 0), B(!0));
+				Y && (U(void 0), H(!0));
 				break;
 			case "theme":
-				N("colorScheme", ze === "dark" ? "light" : "dark");
+				P("colorScheme", Be === "dark" ? "light" : "dark");
 				break;
-			case "tab-close": e.tabCloseScope && Q(e.tabCloseScope);
+			case "tab-close": e.tabCloseScope && $(e.tabCloseScope);
 		}
 	};
-	return S.enabled ? /* @__PURE__ */ w(_e, { children: [
-		/* @__PURE__ */ C(ne, {}),
-		/* @__PURE__ */ C(m, {}),
-		/* @__PURE__ */ C(re, {}),
-		/* @__PURE__ */ C(ee, {}),
-		/* @__PURE__ */ C(p, {}),
-		/* @__PURE__ */ C("div", {
+	return C.enabled ? /* @__PURE__ */ T(be, { children: [
+		/* @__PURE__ */ w(re, {}),
+		/* @__PURE__ */ w(te, {}),
+		/* @__PURE__ */ w(ie, {}),
+		/* @__PURE__ */ w(ee, {}),
+		/* @__PURE__ */ w(h, {}),
+		/* @__PURE__ */ w("div", {
 			id: "app-embed",
 			className: "flex min-h-0 flex-col overflow-auto",
 			style: { height: "var(--app-height)" },
-			children: /* @__PURE__ */ C(De, {})
+			children: /* @__PURE__ */ w(Ae, {})
 		})
-	] }) : /* @__PURE__ */ C(_e, { children: /* @__PURE__ */ w("div", {
+	] }) : /* @__PURE__ */ w(be, { children: /* @__PURE__ */ T("div", {
 		id: "app",
-		"data-sidebar": j,
-		"data-mobile-shell": J ? "true" : void 0,
-		style: je({
-			mobileShell: J,
-			showBanner: $,
-			showTopbar: Y,
-			showRail: nt,
-			showSidebar: rt,
-			sidebarMode: j,
-			showAssistant: st
+		"data-sidebar": M,
+		"data-mobile-shell": X ? "true" : void 0,
+		style: Pe({
+			mobileShell: X,
+			showBanner: _t,
+			showTopbar: rt,
+			showRail: it,
+			showSidebar: at,
+			sidebarMode: M,
+			showAssistant: lt
 		}),
 		children: [
-			$ && /* @__PURE__ */ C(ue, {}),
-			/* @__PURE__ */ C(de, {}),
-			Y && /* @__PURE__ */ C(se, {
-				breadcrumbs: ht,
+			_t && /* @__PURE__ */ w(pe, {}),
+			/* @__PURE__ */ w(me, {}),
+			rt && /* @__PURE__ */ w(ue, {
+				breadcrumbs: vt,
 				onCrumbClick: (e) => e.onClick && e.onClick(),
-				showNavButton: at,
-				navButtonRef: Ze,
-				onOpenNav: () => H(!0),
-				showTabsButton: ot,
-				tabsButtonRef: Qe,
-				onOpenTabs: () => U(!0),
-				mobileTabCount: F.length,
-				onCmdK: () => X("default"),
-				onToggleAI: () => q && B((e) => !e),
-				aiOpen: z,
-				onOpenProfile: () => O("/profile"),
-				onOpenPrefs: () => O("/preferences"),
-				showTenantSwitcher: ct,
-				showBreadcrumbs: lt,
-				showThemeToggle: ut
+				showNavButton: st,
+				navButtonRef: Qe,
+				onOpenNav: () => W(!0),
+				showTabsButton: ct,
+				tabsButtonRef: $e,
+				onOpenTabs: () => G(!0),
+				mobileTabCount: L.length,
+				onCmdK: () => Z("default"),
+				onToggleAI: () => Y && H((e) => !e),
+				aiOpen: V,
+				onOpenProfile: () => k("/profile"),
+				onOpenPrefs: () => k("/preferences"),
+				showTenantSwitcher: ut,
+				showBreadcrumbs: dt,
+				showThemeToggle: ft
 			}),
-			nt && /* @__PURE__ */ C(c, {
-				activeArea: I,
-				onPick: gt,
-				onToggleAI: () => q && B((e) => !e),
-				aiOpen: z,
-				onCmdK: () => X("default"),
-				areas: A?.areas,
-				branding: et
+			it && /* @__PURE__ */ w(f, {
+				activeArea: R,
+				onPick: yt,
+				onToggleAI: () => Y && H((e) => !e),
+				aiOpen: V,
+				onCmdK: () => Z("default"),
+				areas: j?.areas,
+				branding: tt
 			}),
-			rt && /* @__PURE__ */ C(ae, { activeArea: I }),
-			/* @__PURE__ */ w("main", {
+			at && /* @__PURE__ */ w(ce, { activeArea: R }),
+			/* @__PURE__ */ T("main", {
 				style: {
 					gridArea: "main",
 					overflow: "hidden",
@@ -225,11 +233,11 @@ function E() {
 					minWidth: 0
 				},
 				children: [
-					it && Re === "top" && /* @__PURE__ */ C(ce, {
-						onNew: () => X("new"),
-						onCloseRequest: Q
+					ot && ze === "top" && /* @__PURE__ */ w(de, {
+						onNew: () => Z("new"),
+						onCloseRequest: $
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w("div", {
 						style: {
 							flex: 1,
 							overflow: "auto",
@@ -237,74 +245,74 @@ function E() {
 							display: "flex",
 							flexDirection: "column"
 						},
-						children: /* @__PURE__ */ C(De, {})
+						children: /* @__PURE__ */ w(Ae, {})
 					}),
-					it && Re === "bottom" && /* @__PURE__ */ C(ce, {
-						onNew: () => X("new"),
-						onCloseRequest: Q
+					ot && ze === "bottom" && /* @__PURE__ */ w(de, {
+						onNew: () => Z("new"),
+						onCloseRequest: $
 					})
 				]
 			}),
-			K && /* @__PURE__ */ C(me, {
-				open: Ge,
-				mode: Ke,
-				onClose: () => R(!1),
-				onAction: (e) => _t(e),
-				schema: A,
-				includeAI: $e,
-				aiName: tt
+			J && /* @__PURE__ */ w(_e, {
+				open: Ke,
+				mode: qe,
+				onClose: () => B(!1),
+				onAction: (e) => bt(e),
+				schema: j,
+				includeAI: et,
+				aiName: nt
 			}),
-			/* @__PURE__ */ C(xe, {}),
-			q && z && /* @__PURE__ */ C(he, {
-				open: z,
-				docked: st,
+			/* @__PURE__ */ w(we, {}),
+			Y && V && /* @__PURE__ */ w(ve, {
+				open: V,
+				docked: lt,
 				onClose: () => {
-					B(!1), V(void 0);
+					H(!1), U(void 0);
 				},
-				title: tt,
-				askOnOpen: Je,
-				context: mt ?? void 0
+				title: nt,
+				askOnOpen: Ye,
+				context: gt ?? void 0
 			}),
-			at && /* @__PURE__ */ C(Me, {
-				open: Ye,
-				activeArea: I,
-				schema: A,
-				returnFocusRef: Ze,
-				onClose: () => H(!1),
-				onNavigate: O
-			}),
-			ot && /* @__PURE__ */ C(Ne, {
+			st && /* @__PURE__ */ w(Fe, {
 				open: Xe,
-				tabs: F,
-				activeTabId: He,
+				activeArea: R,
+				schema: j,
 				returnFocusRef: Qe,
-				onClose: () => U(!1),
+				onClose: () => W(!1),
+				onNavigate: k
+			}),
+			ct && /* @__PURE__ */ w(Ie, {
+				open: Ze,
+				tabs: L,
+				activeTabId: Ue,
+				returnFocusRef: $e,
+				onClose: () => G(!1),
 				onSwitch: (e) => {
-					We(e.id), E({
+					Ge(e.id), D({
 						pathname: e.pathname,
 						search: e.search
-					}, { replace: !1 }), U(!1);
+					}, { replace: !1 }), G(!1);
 				},
-				onCloseTab: (e) => Q("current", e)
+				onCloseTab: (e) => $("current", e)
 			}),
-			/* @__PURE__ */ C(le, {
-				pending: W,
-				onCancel: dt,
-				onCloseClean: ft,
-				onDiscardAll: pt
+			/* @__PURE__ */ w(fe, {
+				pending: K,
+				onCancel: pt,
+				onCloseClean: mt,
+				onDiscardAll: ht
 			})
 		]
 	}) });
 }
-function Ae(e) {
-	return y(() => {
+function Ne(e) {
+	return b(() => {
 		let t = document.documentElement.style;
 		return t.setProperty("--assistant-open-w", e ? "var(--assistant-w)" : "0px"), () => {
 			t.removeProperty("--assistant-open-w");
 		};
 	}, [e]), e;
 }
-function je({ mobileShell: e, showBanner: t, showTopbar: n, showRail: r, showSidebar: i, sidebarMode: a, showAssistant: o }) {
+function Pe({ mobileShell: e, showBanner: t, showTopbar: n, showRail: r, showSidebar: i, sidebarMode: a, showAssistant: o }) {
 	let s = [
 		...t ? ["auto"] : [],
 		...n ? ["var(--topbar-h)"] : [],
@@ -335,7 +343,7 @@ function je({ mobileShell: e, showBanner: t, showTopbar: n, showRail: r, showSid
 		overflow: "hidden"
 	};
 }
-var D = [
+var O = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -343,14 +351,14 @@ var D = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(",");
-function O(e) {
-	return e ? Array.from(e.querySelectorAll(D)).filter((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-hidden") !== "true") : [];
-}
 function k(e) {
-	O(e)[0]?.focus();
+	return e ? Array.from(e.querySelectorAll(O)).filter((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-hidden") !== "true") : [];
+}
+function A(e) {
+	k(e)[0]?.focus();
 }
-function A(e, t) {
-	let n = O(e);
+function j(e, t) {
+	let n = k(e);
 	if (n.length === 0) {
 		t.preventDefault();
 		return;
@@ -358,42 +366,42 @@ function A(e, t) {
 	let r = n[0], i = n[n.length - 1], a = document.activeElement;
 	t.shiftKey && a === r ? (t.preventDefault(), i.focus()) : !t.shiftKey && a === i && (t.preventDefault(), r.focus());
 }
-function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s, onNavigate: c }) {
-	let l = o(), [u, d] = x(t), f = b(null);
-	if (y(() => {
+function Fe({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: i, onNavigate: a }) {
+	let l = c(), [u, d] = S(t), f = x(null);
+	if (b(() => {
 		e && d(t);
-	}, [e, t]), y(() => {
+	}, [e, t]), b(() => {
 		if (!e) return;
 		let t = document.activeElement instanceof HTMLElement ? document.activeElement : null, n = r.current;
-		requestAnimationFrame(() => k(f.current));
-		let i = (e) => {
-			e.key === "Escape" ? (e.preventDefault(), s()) : e.key === "Tab" && A(f.current, e);
+		requestAnimationFrame(() => A(f.current));
+		let a = (e) => {
+			e.key === "Escape" ? (e.preventDefault(), i()) : e.key === "Tab" && j(f.current, e);
 		};
-		return window.addEventListener("keydown", i), () => {
-			window.removeEventListener("keydown", i), (n ?? t)?.focus();
+		return window.addEventListener("keydown", a), () => {
+			window.removeEventListener("keydown", a), (n ?? t)?.focus();
 		};
 	}, [
 		e,
-		s,
+		i,
 		r
 	]), !e || !n) return null;
-	let p = Array.from(new Set((n.navigation ?? []).map((e) => e.area || T)));
-	p.length === 0 && p.push(T);
-	let ee = (e) => {
+	let p = Array.from(new Set((n.navigation ?? []).map((e) => e.area || E)));
+	p.length === 0 && p.push(E);
+	let m = (e) => {
 		let t = n.areas?.find((t) => t.code === e);
-		return l(t?.name) || (e === T ? l("shell.nav.title", "Navigation") : e);
-	}, m = (e, t) => {
-		let r = e.screen ? n.screens[e.screen] : void 0, i = [...e.items ?? [], ...e.children ?? []], a = l(e.name) || (r ? l(r.display?.name) : "");
-		return /* @__PURE__ */ w("div", {
+		return l(t?.name) || (e === E ? l("shell.nav.title", "Navigation") : e);
+	}, h = (e, t) => {
+		let r = e.screen ? n.screens[e.screen] : void 0, o = [...e.items ?? [], ...e.children ?? []], s = l(e.name) || (r ? l(r.display?.name) : "");
+		return /* @__PURE__ */ T("div", {
 			style: {
 				display: "flex",
 				flexDirection: "column",
 				gap: 2
 			},
-			children: [r?.route ? /* @__PURE__ */ w("button", {
+			children: [r?.route ? /* @__PURE__ */ T("button", {
 				type: "button",
 				onClick: () => {
-					c(r.route), s();
+					a(r.route), i();
 				},
 				style: {
 					minHeight: 40,
@@ -409,16 +417,16 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 					textAlign: "left",
 					cursor: "pointer"
 				},
-				children: [/* @__PURE__ */ C("span", { style: { width: 12 } }), /* @__PURE__ */ C("span", {
+				children: [/* @__PURE__ */ w("span", { style: { width: 12 } }), /* @__PURE__ */ w("span", {
 					style: {
 						minWidth: 0,
 						overflow: "hidden",
 						textOverflow: "ellipsis",
 						whiteSpace: "nowrap"
 					},
-					children: a || r.route
+					children: s || r.route
 				})]
-			}) : a ? /* @__PURE__ */ C("div", {
+			}) : s ? /* @__PURE__ */ w("div", {
 				style: {
 					padding: `7px 10px 5px ${10 + t * 14}px`,
 					color: "var(--text-3)",
@@ -427,20 +435,20 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 					letterSpacing: "0.08em",
 					textTransform: "uppercase"
 				},
-				children: a
-			}) : null, i.map((e) => m(e, t + 1))]
-		}, `${t}-${e.screen ?? a}`);
+				children: s
+			}) : null, o.map((e) => h(e, t + 1))]
+		}, `${t}-${e.screen ?? s}`);
 	};
-	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 		"data-testid": "mobile-nav-backdrop",
-		onClick: s,
+		onClick: i,
 		style: {
 			position: "fixed",
 			inset: 0,
 			background: "var(--scrim-lite)",
 			zIndex: 120
 		}
-	}), /* @__PURE__ */ w("aside", {
+	}), /* @__PURE__ */ T("aside", {
 		ref: f,
 		role: "dialog",
 		"aria-modal": "true",
@@ -464,7 +472,7 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 			boxSizing: "border-box",
 			overflow: "hidden"
 		},
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ T("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
@@ -472,18 +480,18 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 				minHeight: 36,
 				padding: "0 2px 8px"
 			},
-			children: [/* @__PURE__ */ C("strong", {
+			children: [/* @__PURE__ */ w("strong", {
 				style: {
 					fontSize: 13,
 					flex: 1
 				},
 				children: l("shell.nav.title", "Navigation")
-			}), /* @__PURE__ */ C(a, {
-				icon: /* @__PURE__ */ C(i.x, { size: 15 }),
+			}), /* @__PURE__ */ w(s, {
+				icon: /* @__PURE__ */ w(o.x, { size: 15 }),
 				title: l("shell.nav.close", "Close navigation"),
-				onClick: s
+				onClick: i
 			})]
-		}), /* @__PURE__ */ C("nav", {
+		}), /* @__PURE__ */ w("nav", {
 			style: {
 				overflowY: "auto",
 				overscrollBehavior: "contain",
@@ -492,8 +500,8 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 				gap: 6
 			},
 			children: p.map((e) => {
-				let r = u === e, a = h(l, n.navigation ?? [], e);
-				return /* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("button", {
+				let r = u === e, i = g(l, n.navigation ?? [], e);
+				return /* @__PURE__ */ T("section", { children: [/* @__PURE__ */ T("button", {
 					type: "button",
 					onClick: () => d(r ? "" : e),
 					style: {
@@ -512,16 +520,16 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 						cursor: "pointer"
 					},
 					"aria-expanded": r,
-					children: [/* @__PURE__ */ C("span", {
+					children: [/* @__PURE__ */ w("span", {
 						style: {
 							flex: 1,
 							textAlign: "left"
 						},
-						children: ee(e)
-					}), C(r ? i.down : i.right, { size: 13 })]
-				}), r && /* @__PURE__ */ C("div", {
+						children: m(e)
+					}), w(r ? o.down : o.right, { size: 13 })]
+				}), r && /* @__PURE__ */ w("div", {
 					style: { padding: "6px 0 4px" },
-					children: a.flatMap((t) => [t.title ? /* @__PURE__ */ C("div", {
+					children: i.flatMap((t) => [t.title ? /* @__PURE__ */ w("div", {
 						style: {
 							padding: "8px 10px 4px",
 							color: "var(--text-3)",
@@ -531,38 +539,38 @@ function Me({ open: e, activeArea: t, schema: n, returnFocusRef: r, onClose: s,
 							textTransform: "uppercase"
 						},
 						children: t.title
-					}, `${e}-${t.title}`) : null, ...t.items.map((e) => m(e, 0))])
+					}, `${e}-${t.title}`) : null, ...t.items.map((e) => h(e, 0))])
 				})] }, e);
 			})
 		})]
 	})] });
 }
-function Ne({ open: e, tabs: t, activeTabId: n, returnFocusRef: r, onClose: s, onSwitch: c, onCloseTab: l }) {
-	let u = o(), d = _(), f = b(null);
-	return y(() => {
+function Ie({ open: e, tabs: t, activeTabId: n, returnFocusRef: r, onClose: i, onSwitch: a, onCloseTab: l }) {
+	let u = c(), d = v(), f = x(null);
+	return b(() => {
 		if (!e) return;
 		let t = document.activeElement instanceof HTMLElement ? document.activeElement : null, n = r.current;
-		requestAnimationFrame(() => k(f.current));
-		let i = (e) => {
-			e.key === "Escape" ? (e.preventDefault(), s()) : e.key === "Tab" && A(f.current, e);
+		requestAnimationFrame(() => A(f.current));
+		let a = (e) => {
+			e.key === "Escape" ? (e.preventDefault(), i()) : e.key === "Tab" && j(f.current, e);
 		};
-		return window.addEventListener("keydown", i), () => {
-			window.removeEventListener("keydown", i), (n ?? t)?.focus();
+		return window.addEventListener("keydown", a), () => {
+			window.removeEventListener("keydown", a), (n ?? t)?.focus();
 		};
 	}, [
 		e,
-		s,
+		i,
 		r
-	]), e ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+	]), e ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 		"data-testid": "mobile-tabs-backdrop",
-		onClick: s,
+		onClick: i,
 		style: {
 			position: "fixed",
 			inset: 0,
 			background: "var(--scrim-lite)",
 			zIndex: 122
 		}
-	}), /* @__PURE__ */ w("section", {
+	}), /* @__PURE__ */ T("section", {
 		ref: f,
 		role: "dialog",
 		"aria-modal": "true",
@@ -585,32 +593,32 @@ function Ne({ open: e, tabs: t, activeTabId: n, returnFocusRef: r, onClose: s, o
 			padding: 6,
 			boxSizing: "border-box"
 		},
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ T("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 8,
 				padding: "4px 4px 8px"
 			},
-			children: [/* @__PURE__ */ C("strong", {
+			children: [/* @__PURE__ */ w("strong", {
 				style: {
 					flex: 1,
 					fontSize: 13
 				},
 				children: u("shell.tabs.open_tabs", "Open tabs")
-			}), /* @__PURE__ */ C(a, {
-				icon: /* @__PURE__ */ C(i.x, { size: 14 }),
+			}), /* @__PURE__ */ w(s, {
+				icon: /* @__PURE__ */ w(o.x, { size: 14 }),
 				title: u("shell.tabs.close_menu", "Close tabs menu"),
-				onClick: s
+				onClick: i
 			})]
-		}), t.length === 0 ? /* @__PURE__ */ C("div", {
+		}), t.length === 0 ? /* @__PURE__ */ w("div", {
 			style: {
 				padding: 10,
 				color: "var(--text-3)",
 				fontSize: 12
 			},
 			children: u("shell.tabs.none_open", "No open tabs")
-		}) : t.map((e) => /* @__PURE__ */ w("div", {
+		}) : t.map((e) => /* @__PURE__ */ T("div", {
 			style: {
 				display: "grid",
 				gridTemplateColumns: "minmax(0, 1fr) auto",
@@ -619,9 +627,9 @@ function Ne({ open: e, tabs: t, activeTabId: n, returnFocusRef: r, onClose: s, o
 				borderRadius: "var(--radius-md)",
 				background: e.id === n ? "var(--surface-3)" : "transparent"
 			},
-			children: [/* @__PURE__ */ w("button", {
+			children: [/* @__PURE__ */ T("button", {
 				type: "button",
-				onClick: () => c(e),
+				onClick: () => a(e),
 				style: {
 					minHeight: 38,
 					border: 0,
@@ -635,7 +643,7 @@ function Ne({ open: e, tabs: t, activeTabId: n, returnFocusRef: r, onClose: s, o
 					textAlign: "left",
 					cursor: "pointer"
 				},
-				children: [/* @__PURE__ */ C(i.layers, { size: 13 }), /* @__PURE__ */ C("span", {
+				children: [/* @__PURE__ */ w(o.layers, { size: 13 }), /* @__PURE__ */ w("span", {
 					style: {
 						overflow: "hidden",
 						textOverflow: "ellipsis",
@@ -643,114 +651,51 @@ function Ne({ open: e, tabs: t, activeTabId: n, returnFocusRef: r, onClose: s, o
 					},
 					children: d(e)
 				})]
-			}), e.closable && /* @__PURE__ */ C(a, {
-				icon: /* @__PURE__ */ C(i.x, { size: 12 }),
+			}), e.closable && /* @__PURE__ */ w(s, {
+				icon: /* @__PURE__ */ w(o.x, { size: 12 }),
 				title: u("shell.tabs.close_named", "Close {title}", { title: d(e) }),
 				onClick: () => l(e.id)
 			})]
 		}, e.id))]
 	})] }) : null;
 }
-function Pe(e, t) {
-	if (!t) return;
-	let n = t.areas?.find((t) => t.code === e);
-	if (n?.home_screen) {
-		let e = t.screens[n.home_screen];
-		if (e?.route) return e.route;
-	}
-	let r = (e) => {
-		if (e.screen) {
-			let n = t.screens[e.screen];
-			if (n?.route) return n.route;
-		}
-		for (let t of e.items || []) {
-			let e = r(t);
-			if (e) return e;
-		}
-		for (let t of e.children || []) {
-			let e = r(t);
-			if (e) return e;
-		}
-	};
-	for (let n of t.navigation ?? []) {
-		if ((n.area || T) !== e) continue;
-		let t = r(n);
-		if (t) return t;
-	}
-}
-function Fe(e, t, n) {
-	let r = (e) => {
-		if (!e.screen) return !1;
-		let r = t[e.screen];
-		return !!r && (r.route === n || n.startsWith(r.route + "/"));
-	}, i = (e, t) => {
-		if (r(e)) return t;
-		for (let n of e.items || []) {
-			let e = i(n, t);
-			if (e) return e;
-		}
-		for (let n of e.children || []) {
-			let e = i(n, t);
-			if (e) return e;
-		}
-	};
-	for (let t of e ?? []) {
-		let e = i(t, t.area || T);
-		if (e) return e;
-	}
-}
-function Ie(e, t, n, r, i, a) {
-	let o = (e, t) => {
-		if (e.screen) {
-			let i = n[e.screen];
-			if (i && (i.route === r || r.startsWith(i.route + "/"))) return [...t, e];
-		}
-		for (let n of e.items || []) {
-			let r = o(n, [...t, e]);
-			if (r) return r;
-		}
-		for (let n of e.children || []) {
-			let r = o(n, [...t, e]);
-			if (r) return r;
-		}
-		return null;
-	}, s = null;
-	for (let e of t ?? []) if (s = o(e, []), s) break;
-	if (!s || s.length === 0) {
+function Le(e, t, n, r, i, a) {
+	let o = se(t, n, r)?.chain;
+	if (!o || o.length === 0) {
 		let t = Object.values(n).find((e) => e.route === r);
 		if (t?.display?.name) return [{
 			label: e(t.display.name),
 			icon: t.display.icon,
 			isLast: !0
 		}];
-		let i = g(e, r);
+		let i = _(e, r);
 		return i ? [{
 			label: i,
 			isLast: !0
 		}] : [];
 	}
-	let c = [];
-	for (let t = 0; t < s.length; t++) {
-		let i = s[t], o = t === s.length - 1, l = i.screen ? n[i.screen] : void 0;
-		c.push({
+	let s = [];
+	for (let t = 0; t < o.length; t++) {
+		let i = o[t], c = t === o.length - 1, l = i.screen ? n[i.screen] : void 0;
+		s.push({
 			label: e(i.name) || i.screen || "",
 			icon: i.icon,
 			onClick: l ? () => {
 				a(l.route);
 			} : void 0,
-			isLast: o && (!l || l.route === r)
+			isLast: c && (!l || l.route === r)
 		});
 	}
-	let l = s[s.length - 1], u = l.screen ? n[l.screen] : void 0;
-	if (u && r !== u.route && r.startsWith(u.route + "/")) {
+	let c = o[o.length - 1], l = c.screen ? n[c.screen] : void 0;
+	if (l && r !== l.route && r.startsWith(l.route + "/")) {
 		let t = i.find((e) => e.pathname === r);
-		c.push({
+		s.push({
 			label: t?.title || e("shell.crumbs.record", "Record"),
 			icon: "file",
 			isLast: !0
 		});
 	}
-	return c;
+	return s;
 }
 //#endregion
-export { E as Layout, Ie as buildCrumbs };
+export { D as Layout, Le as buildCrumbs };