@magmonium/one 0.4.31 → 0.4.32

package/fesm2022/magmonium-one.mjs

@@ -1,30 +1,30 @@
 import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
-import { $ as WC_BUNDLE, A as isUrlLocalhost, B as IS_DESIGN_MODE, C as setWcLocalPort, D as getTierFromPreviewPath, E as wcTierOf, F as AppAvailability, G as MODAL_STORE_REF, H as LOADING_ACTIONS_REF, I as AppRelationType, J as OPTIONS_SOURCE, K as NAV_STORE_REF, L as COMPONENT_INPUT_REGISTRY, M as APP_CONTEXT_REF, N as APP_LINK, O as isLocalhost, P as ASSET_BASE_URL, Q as USER_STORE_REF, R as FOLDER_PICK_LISTENER, S as recordDefinedWcTier, T as wcLocalBaseOf, U as LOGIN_COMPONENT, V as IS_SIDE_PANEL, W as LOGIN_STORE, X as SEARCH_RESULTS_EVENT, Y as SEARCH_QUERY, Z as TRANSLATION_SOURCE, _ as ACCESS_DOMAINS, a as resolveSpacing, at as Size, b as definedWcBundleOf, c as TranslatePipe, d as browserLocale, et as WC_SEARCH_GROUPS, f as miniMarkToHtml, g as isJson, h as StorageService, i as resolveSize, it as DEFAULT_SIZE, j as isWebComponent, k as isTierPreview, l as TranslateService, m as SharedStoreRegistry, n as isSize, nt as LAYOUT_ASSET_FOLDER, o as toCssLength, p as AssetStore, q as ONE_ASSET_BASE_URL, r as resolveIconSize, rt as Assets, s as toLength, t as coerceSize, tt as FORM_ASSET_FOLDER, u as BrowserLocaleService, v as HttpService, w as setWcTier, x as definedWcTierOf, y as buildWcBaseUrl, z as ICON_SOURCE } from "./magmonium-one-size-converter-B-UubQQ0.mjs";
-import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-DDnBYNLr.mjs";
+import { $ as WC_BUNDLE, A as isUrlLocalhost, B as IS_DESIGN_MODE, C as setWcLocalPort, D as getTierFromPreviewPath, E as wcTierOf, F as AppAvailability, G as MODAL_STORE_REF, H as LOADING_ACTIONS_REF, I as AppRelationType, J as OPTIONS_SOURCE, K as NAV_STORE_REF, L as COMPONENT_INPUT_REGISTRY, M as APP_CONTEXT_REF, N as APP_LINK, O as isLocalhost, P as ASSET_BASE_URL, Q as USER_STORE_REF, R as FOLDER_PICK_LISTENER, S as recordDefinedWcTier, T as wcLocalBaseOf, U as LOGIN_COMPONENT, V as IS_SIDE_PANEL, W as LOGIN_STORE, X as SEARCH_RESULTS_EVENT, Y as SEARCH_QUERY, Z as TRANSLATION_SOURCE, _ as ACCESS_DOMAINS, a as resolveSpacing, at as Size, b as definedWcBundleOf, c as TranslatePipe, d as browserLocale, et as WC_SEARCH_GROUPS, f as miniMarkToHtml, g as isJson, h as StorageService, i as resolveSize, it as DEFAULT_SIZE, j as isWebComponent, k as isTierPreview, l as TranslateService, m as SharedStoreRegistry, n as isSize, nt as LAYOUT_ASSET_FOLDER, o as toCssLength, p as AssetStore, q as ONE_ASSET_BASE_URL, r as resolveIconSize, rt as Assets, s as toLength, t as coerceSize, tt as FORM_ASSET_FOLDER, u as BrowserLocaleService, v as HttpService, w as setWcTier, x as definedWcTierOf, y as buildWcBaseUrl, z as ICON_SOURCE } from "./magmonium-one-size-converter-BfT0Aw0g.mjs";
+import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-BowevmOd.mjs";
 import { t as FileService } from "./magmonium-one-file.service-Bo06pU3_.mjs";
-import { a as calculateLuminance, c as hexToRgb, d as derivePropertyName, f as getProperty, h as ThemeDataService, i as deriveOppositeColor, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor } from "./magmonium-one-color-utl-CirPzUFk.mjs";
-import "./magmonium-one-theme-a7GlFbzE.mjs";
-import { a as sectionTableColumnWidths, c as AssetUrlPipe, d as MoneyPipe, f as TimeAgoPipe, i as sectionTableColumnId, l as CompactNumberPipe, n as SectionTableSortPipe, o as sectionTableFrozenCount, r as nextSectionTableSort, s as sortSectionTableRows, t as LabelComponent, u as PercentagePipe } from "./magmonium-one-label-B30Q4Vut.mjs";
-import { a as injectParentSize, i as SIZE_CONTEXT, n as CustomIconClass, o as provideSizeContext, r as IconComponent, s as SHARED_ICONS, t as CustomIconEditComponent } from "./magmonium-one-icon-Dso-9RMN.mjs";
-import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-CLBOZcme.mjs";
-import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-rVNnp6G8.mjs";
-import { t as MRefDirective } from "./magmonium-one-m-ref-Dt0DCm8X.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-DPVnaEOV.mjs";
-import { t as TextOutputComponent } from "./magmonium-one-text-output-D2XQWyL0.mjs";
-import { t as BaseInputComponent } from "./magmonium-one-base-input-BOaD-WIi.mjs";
-import { a as stringToColor, c as ToolTipDirective, d as DragListItemDirective, f as DragListDirective, i as MHeroColorDirective, l as FileUploadDirective, n as PaddingDirective, o as HighlightDirective, p as DraggableDirective, r as SPACING_INWARD, s as PositionDirective, t as MarginDirective, u as AutosizeDirective } from "./magmonium-one-directives-DOBENX_K.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-CEDsqaPz.mjs";
-import { t as BaseTextInputComponent } from "./magmonium-one-base-text-D6p6_vsb.mjs";
+import { a as calculateLuminance, c as hexToRgb, d as derivePropertyName, f as getProperty, h as ThemeDataService, i as deriveOppositeColor, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor } from "./magmonium-one-color-utl-CAbZLKB5.mjs";
+import "./magmonium-one-theme-Xgsx8bJs.mjs";
+import { a as sectionTableColumnWidths, c as AssetUrlPipe, d as MoneyPipe, f as TimeAgoPipe, i as sectionTableColumnId, l as CompactNumberPipe, n as SectionTableSortPipe, o as sectionTableFrozenCount, r as nextSectionTableSort, s as sortSectionTableRows, t as LabelComponent, u as PercentagePipe } from "./magmonium-one-label-D2gjTbKX.mjs";
+import { a as injectParentSize, i as SIZE_CONTEXT, n as CustomIconClass, o as provideSizeContext, r as IconComponent, s as SHARED_ICONS, t as CustomIconEditComponent } from "./magmonium-one-icon-Ep14YeRY.mjs";
+import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-DMI0yJpL.mjs";
+import { a as isButtonName, c as formatBadgeCount, l as shouldShowBadge, n as SECTION_FORM_CONTEXT, o as ReactiveElementComponent, r as ImgComponent, s as BadgeComponent, t as ButtonComponent } from "./magmonium-one-button-Bwzaxxn3.mjs";
+import { t as MRefDirective } from "./magmonium-one-m-ref-Bq0gQbKE.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-DmN8M1a3.mjs";
+import { t as TextOutputComponent } from "./magmonium-one-text-output-CfVeqYM7.mjs";
+import { t as BaseInputComponent } from "./magmonium-one-base-input-CLBOTOUs.mjs";
+import { a as stringToColor, c as ToolTipDirective, d as DragListItemDirective, f as DragListDirective, i as MHeroColorDirective, l as FileUploadDirective, n as PaddingDirective, o as HighlightDirective, p as DraggableDirective, r as SPACING_INWARD, s as PositionDirective, t as MarginDirective, u as AutosizeDirective } from "./magmonium-one-directives-BVKX77zM.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-U-cWl3p9.mjs";
+import { t as BaseTextInputComponent } from "./magmonium-one-base-text-Zb0oLNRX.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-FXb-RyBh.mjs";
-import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-D8Gg1yNl.mjs";
-import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-rj4XHxb3.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-Cue4x6tD.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-BBOnOK4M.mjs";
-import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-D7NYJdU3.mjs";
-import { t as RadioInputComponent } from "./magmonium-one-radio-CYnWLXPZ.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-DCOwngql.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-CmmZAr57.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-B4xKn-EQ.mjs";
+import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-CDEXIif6.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-CPQ9m291.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-D4yYrVP3.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-BM9f2knw.mjs";
+import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-C9dvZ2IH.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-CkaWESS3.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-a3ZVTy7i.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-D_WEKrli.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import * as i0 from "@angular/core";
 import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
@@ -33,7 +33,6 @@ import { EMPTY, Observable, Subject, catchError, combineLatest, filter, finalize
 import { rxResource, takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
 import { patchState, signalStore, withComputed, withHooks, withMethods, withProps, withState } from "@ngrx/signals";
 import { rxMethod } from "@ngrx/signals/rxjs-interop";
-import { catchError as catchError$1, map as map$1 } from "rxjs/operators";
 import { io } from "socket.io-client";
 import { ActivatedRoute, DefaultUrlSerializer, NavigationEnd, PRIMARY_OUTLET, Router, RouterLink, RouterOutlet, UrlSegment, UrlSegmentGroup, UrlSerializer, UrlTree, isActive, provideRouter, withComponentInputBinding, withRouterConfig } from "@angular/router";
 import * as i1 from "@angular/common";
@@ -592,7 +591,7 @@ const navParamOf = (nav) => nav?.param ?? "id";
 const ROOT_NAV = "root";
 const DEFAULT_NAV_SEGMENT = "default";
 const NAV_ID_SEP = "_";
-const MURL_SEP = "|";
+const MURL_SEP = "~";
 const URL_SEP = "/";
 const NAV_SEGMENT_RE = /^[a-z0-9][a-z0-9-]*$/;
 const isValidNavSegment = (segment) => NAV_SEGMENT_RE.test(segment);
@@ -645,7 +644,7 @@ const renderAddress = (navId, navMap, anchor, params) => {
 	const urlNavId = url.join("_") || "root";
 	const path = anchor && !params && (anchor.navId === urlNavId || murl.length > 0 && anchor.navId.startsWith(`${urlNavId}_`)) ? anchor.path : fillRoutePath(urlNavId, navMap, params);
 	const base = path === "/" ? "/" : path.replace(/\/$/, "");
-	return murl.length ? `${base}|${murl.join("|")}` : base;
+	return murl.length ? `${base}~${murl.join("~")}` : base;
 };
 const fillParams = (path, params) => params ? path.replace(/:([a-zA-Z0-9_]+)/g, (match, name) => params[name] !== void 0 ? String(params[name]) : match) : path;
 const fillRoutePath = (navId, navMap, params) => {
@@ -656,15 +655,15 @@ const fillRoutePath = (navId, navMap, params) => {
 	return path === "/" ? `/${rest}` : `${path}/${rest}`;
 };
 const parseAddress = (address) => {
-	const decoded = address.replace(/%7C/gi, "|");
-	const cut = decoded.indexOf("|");
+	const decoded = address.replace(/%7C|%7E|\|/gi, "~");
+	const cut = decoded.indexOf("~");
 	if (cut < 0) return {
 		path: decoded,
 		murl: []
 	};
 	return {
 		path: decoded.slice(0, cut) || "/",
-		murl: decoded.slice(cut + 1).split("|").filter(Boolean)
+		murl: decoded.slice(cut + 1).split("~").filter(Boolean)
 	};
 };
 const navIdFor = (anchorNavId, murl) => murl.length ? [anchorNavId, ...murl].join("_") : anchorNavId;
@@ -691,14 +690,14 @@ var MurlUrlSerializer = class MurlUrlSerializer {
 		if (!murl.length) return tree;
 		return withQueryParams(tree, {
 			...tree.queryParams,
-			["__m"]: murl.join("|")
+			["__m"]: murl.join("~")
 		});
 	}
 	serialize(tree) {
 		const { ["__m"]: murl, ...rest } = tree.queryParams ?? {};
 		if (!murl) return this.#default.serialize(tree);
 		const [path, tail] = splitTail(this.#default.serialize(withQueryParams(tree, rest)));
-		return `${path === "/" ? "/" : path.replace(/\/$/, "")}|${murl}${tail}`;
+		return `${path === "/" ? "/" : path.replace(/\/$/, "")}~${murl}${tail}`;
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -853,6 +852,7 @@ const PLATFORM_NAV_MAP = {
 	}
 };
 const isPlatformNavId = (navId) => navId in PLATFORM_NAV_MAP;
+const isPlatformPanelNavId = (navId) => PLATFORM_NAV_MAP[navId]?.presentation === "component";
 const PLATFORM_EXTENSIBLE_NAV_IDS = [ROOT_NAV, "root_settings"];
 const isExtensiblePlatformNavId = (navId) => PLATFORM_EXTENSIBLE_NAV_IDS.includes(navId);
 const createPlatformNavMap = () => Object.fromEntries(Object.entries(PLATFORM_NAV_MAP).map(([id, nav]) => [id, {
@@ -1162,6 +1162,7 @@ const initialState$3 = {
 	navOpenedByUser: false,
 	menuNavId: void 0,
 	menuParams: void 0,
+	browsedApp: void 0,
 	keepPanelOnPathChange: false,
 	panelPushed: false,
 	navScrolledDown: false,
@@ -1203,6 +1204,12 @@ const routeParamsOf = (root) => {
 const visibilityKey = (navId, params) => `${navId}|${Object.keys(params).sort().map((name) => `${name}=${params[name]}`).join("&")}`;
 const isPromise$1 = (value) => typeof value?.then === "function";
 const urlSerializer = new DefaultUrlSerializer();
+const slotOf = (name, appNavId, path, outlets, navMap) => {
+	if (outlets.includes(name)) return "side";
+	const base = navIdToRoutePath(appNavId, navMap);
+	const primary = path.split("(")[0];
+	return primary === base || primary.startsWith(`${base}/`) ? "main" : void 0;
+};
 const outletsOf = (url) => {
 	try {
 		return Object.keys(urlSerializer.parse(url).root.children).filter((name) => name !== PRIMARY_OUTLET);
@@ -1212,7 +1219,7 @@ const outletsOf = (url) => {
 };
 const murlOf = (root) => {
 	const raw = root.queryParams?.["__m"];
-	return typeof raw === "string" ? raw.split("|").filter(Boolean) : [];
+	return typeof raw === "string" ? raw.split("~").filter(Boolean) : [];
 };
 const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3), withProps(() => {
 	const router = inject(Router);
@@ -1313,10 +1320,9 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		const maps = navWidgetMaps ?? [];
 		const navId = candidate;
 		const mount = mountFor(navId, allMounts());
-		if (mount) {
-			const registered = store.remoteWidgets()[mount.link];
-			const localId = toLocalNavId(navId, mount.appNavId);
-			const entry = registered?.widgetMap()[localId];
+		const localId = mount && toLocalNavId(navId, mount.appNavId);
+		if (mount && localId && !isPlatformPanelNavId(localId)) {
+			const entry = store.remoteWidgets()[mount.link]?.widgetMap()[localId];
 			if (entry) return {
 				entry,
 				remote: true
@@ -1460,7 +1466,16 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		return candidates.find((c) => menuChildIds(c, map, rows, dynamicInstances(), hiddenNavIds(), transparentNavIds()).length) ?? candidates.find((c) => !!map[c]) ?? candidates[0];
 	};
 	const panelNavId = computed(() => answeringNavId(widgetNavIds(), widgetEntry()), ...ngDevMode ? [{ debugName: "panelNavId" }] : /* istanbul ignore next */ []);
-	const standingNavId = computed(() => store.menuNavId() ? answeringNavId(addressNavIds(), firstEntry(addressNavIds())) : panelNavId(), ...ngDevMode ? [{ debugName: "standingNavId" }] : /* istanbul ignore next */ []);
+	const standingNavId = computed(() => {
+		const browsed = store.menuNavId();
+		if (!browsed) return panelNavId();
+		const mount = mountFor(browsed, allMounts());
+		if (mount?.urlMode === "outlet") {
+			const route = store.mountRoutes()[mount.name];
+			return route ? toHostNavId(route.navId, mount.appNavId) : mount.appNavId;
+		}
+		return answeringNavId(addressNavIds(), firstEntry(addressNavIds()));
+	}, ...ngDevMode ? [{ debugName: "standingNavId" }] : /* istanbul ignore next */ []);
 	const breadcrumbResult = computed(() => {
 		const menuConfig = resolvedNavMenuConfig();
 		const widgetConfig = resolvedWidget();
@@ -1534,6 +1549,11 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		});
 		const mount = mountOf(navId);
 		if (mount?.navigate) {
+			if (!options?.keepPanel) patchState(store, {
+				navOpenedByUser: false,
+				menuNavId: void 0,
+				browsedApp: void 0
+			});
 			const map = untracked(() => store.navMap());
 			const own = navIdToRoutePath(mount.appNavId, map);
 			const full = fillRoutePath(navId, map, params);
@@ -1541,7 +1561,10 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 			return;
 		}
 		const wasOpen = untracked(() => store.hasMurl());
-		patchState(store, { menuNavId: void 0 });
+		patchState(store, {
+			menuNavId: void 0,
+			browsedApp: void 0
+		});
 		const address = addressFor(navId, params);
 		if (willOpen && !wasOpen) patchState(store, { panelPushed: true });
 		router.navigateByUrl(address, { replaceUrl: !!options?.replaceUrl || wasOpen && willOpen });
@@ -1568,12 +1591,16 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		const target = knownNavId(navId);
 		const map = untracked(() => store.navMap());
 		if (navIdChain(target).every((id) => map[id])) return follow();
-		getNavService.getNav(target, map, {
+		const mounts = untracked(() => store.allMounts());
+		const ctx = {
 			appNavId: untracked(() => store.appNavId()),
 			appLink: untracked(() => store.appLink()),
-			mounts: untracked(() => store.allMounts())
-		}).subscribe({
-			next: (delta) => {
+			mounts
+		};
+		const candidates = target === navId && !map[navId] ? [navId, ...mounts.map(({ appNavId }) => toHostNavId(navId, appNavId))] : [target];
+		forkJoin(candidates.map((id) => getNavService.getNav(id, map, ctx))).subscribe({
+			next: (deltas) => {
+				const delta = Object.assign({}, ...deltas);
 				if (!Object.keys(delta).length) return;
 				patchState(store, (state) => ({ navMap: {
 					...state.navMap,
@@ -1603,7 +1630,8 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 	const closePanel = () => {
 		patchState(store, {
 			navOpenedByUser: false,
-			menuNavId: void 0
+			menuNavId: void 0,
+			browsedApp: void 0
 		});
 		if (!untracked(() => store.hasMurl())) return;
 		if (untracked(() => store.panelPushed())) {
@@ -1630,11 +1658,14 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		const routeParams = routeParamsOf(snapshot.root);
 		const routeChain = routeChainOf(snapshot.root);
 		const murl = murlOf(snapshot.root);
-		const path = router.url.split("|")[0].split("?")[0];
+		const path = router.url.split("~")[0].split("?")[0];
 		const outlets = outletsOf(router.url);
 		untracked(() => {
 			const pathChanged = path !== store.path();
 			const keepPanel = store.keepPanelOnPathChange();
+			const browsed = store.browsedApp();
+			const slot = browsed && slotOf(browsed.name, browsed.appNavId, path, outlets, store.navMap());
+			const moved = !!browsed && !!slot && slot !== browsed.slot;
 			patchState(store, {
 				path,
 				outlets,
@@ -1644,8 +1675,12 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 				}),
 				routeChain,
 				murl,
-				menuNavId: void 0,
-				navOpenedByUser: pathChanged && !keepPanel ? false : store.navOpenedByUser(),
+				menuNavId: moved ? store.menuNavId() : void 0,
+				browsedApp: moved && browsed && slot ? {
+					...browsed,
+					slot
+				} : void 0,
+				navOpenedByUser: pathChanged && !keepPanel && !moved ? false : store.navOpenedByUser(),
 				keepPanelOnPathChange: false,
 				navScrolledDown: pathChanged ? false : store.navScrolledDown(),
 				panelPushed: murl.length ? store.panelPushed() : false
@@ -1708,9 +1743,9 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		...state.navMap,
 		...delta
 	} })));
-	const unregisterMount = (name) => {
+	const unregisterMount = (name, navigate) => {
 		const mount = untracked(() => store.mounts())[name];
-		if (!mount) return;
+		if (!mount || navigate && mount.navigate !== navigate) return;
 		translateService.unmountRemoteApp(mount.link);
 		patchState(store, (state) => ({
 			mounts: Object.fromEntries(Object.entries(state.mounts).filter(([key]) => key !== name)),
@@ -1739,9 +1774,26 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		browse(visibleNavId(parent, untracked(() => store.transparentNavIds())), untracked(() => store.panelParams()));
 	};
 	const browse = (navId, params) => {
+		const app = untracked(() => store.browsedApp());
+		const within = !!app && toLocalNavId(navId, app.appNavId) !== void 0;
 		patchState(store, {
 			menuNavId: navId,
-			menuParams: params
+			menuParams: params,
+			...within ? {} : { browsedApp: void 0 }
+		});
+	};
+	const browseApp = (appNavId) => {
+		const mount = mountOf(appNavId);
+		const slot = mount && slotOf(mount.name, mount.appNavId, untracked(() => store.path()), untracked(() => store.outlets()), untracked(() => store.navMap()));
+		patchState(store, {
+			navOpenedByUser: true,
+			menuNavId: appNavId,
+			menuParams: void 0,
+			browsedApp: mount && slot ? {
+				name: mount.name,
+				appNavId: mount.appNavId,
+				slot
+			} : void 0
 		});
 	};
 	const loadNav = rxMethod(pipe(filter((req) => !!req.navId), tap(() => untracked(() => patchState(store, { navLoading: true }))), switchMap(({ navId, appNavId }) => {
@@ -1790,6 +1842,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 		registerWidgets,
 		back,
 		browse,
+		browseApp,
 		resolveUrl,
 		setNavScrolledDown,
 		routePathFor: (navId) => navIdToRoutePath(navId, store.navMap()),
@@ -3982,12 +4035,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-CYnWLXPZ.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-CkaWESS3.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
 				case InputType.TOGGLE: {
-					const { ToggleInputComponent } = await import("./magmonium-one-toggle-C0eTrtkt.mjs");
+					const { ToggleInputComponent } = await import("./magmonium-one-toggle-D2XEbN-b.mjs");
 					this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 					break;
 				}
@@ -3997,12 +4050,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-BSOU4RI0.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-D3oTo41c.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-DLF7Pq94.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-DO4oTeSK.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -4012,7 +4065,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-rj4XHxb3.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CPQ9m291.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -4027,12 +4080,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-CmmZAr57.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-D_WEKrli.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DCOwngql.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-a3ZVTy7i.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -4083,7 +4136,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-FXb-RyBh.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-B4xKn-EQ.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -7759,7 +7812,7 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
     }
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;width:100%;grid-column:1/-1;box-sizing:border-box;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));border-bottom:1px solid var(--m-section-search-border, var(--m-backdrop-border));padding:var(--section-header-py, .75rem) var(--section-px, 1rem);--m-header-size: 1rem}:host.has-sidepanel{padding-right:50px}:host.has-results{flex-direction:column;align-items:stretch}:host(.no-border){border-bottom:none}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-search__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.section-search__bar>*:not(.section-search__toggle){flex:1;min-width:0}.section-search__bar m-header{font-size:1rem}.section-search__bar .section-search__toggle{flex-shrink:0;margin-inline-start:auto;--m-button-size: 1rem !important}.section-search__field{display:flex;align-items:center;width:100%}.section-search__field m-input-clear{width:100%}.section-search__results{display:block;width:100%;padding-top:.5rem}\n"],
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;width:100%;grid-column:1/-1;box-sizing:border-box;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));border-bottom:1px solid var(--m-section-search-border, var(--m-backdrop-border));padding:var(--section-header-py, .75rem) var(--section-px, 1rem);--m-header-size: 1rem}:host.has-sidepanel{padding-right:50px}:host.has-results{flex-direction:column;align-items:stretch}:host(.no-border){border-bottom:none}:host-context(m-section-header){--section-px: 0;--section-header-py: 0;--m-section-search-border: transparent}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-search__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.section-search__bar>*:not(.section-search__toggle){flex:1;min-width:0}.section-search__bar m-header{font-size:1rem}.section-search__bar .section-search__toggle{flex-shrink:0;margin-inline-start:auto;--m-button-size: 1rem !important}.section-search__field{display:flex;align-items:center;width:100%}.section-search__field m-input-clear{width:100%}.section-search__results{display:block;width:100%;padding-top:.5rem}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -7916,7 +7969,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[class.no-border]": "noBorder()"
 			},
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;width:100%;grid-column:1/-1;box-sizing:border-box;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));border-bottom:1px solid var(--m-section-search-border, var(--m-backdrop-border));padding:var(--section-header-py, .75rem) var(--section-px, 1rem);--m-header-size: 1rem}:host.has-sidepanel{padding-right:50px}:host.has-results{flex-direction:column;align-items:stretch}:host(.no-border){border-bottom:none}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-search__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.section-search__bar>*:not(.section-search__toggle){flex:1;min-width:0}.section-search__bar m-header{font-size:1rem}.section-search__bar .section-search__toggle{flex-shrink:0;margin-inline-start:auto;--m-button-size: 1rem !important}.section-search__field{display:flex;align-items:center;width:100%}.section-search__field m-input-clear{width:100%}.section-search__results{display:block;width:100%;padding-top:.5rem}\n"]
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;width:100%;grid-column:1/-1;box-sizing:border-box;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));border-bottom:1px solid var(--m-section-search-border, var(--m-backdrop-border));padding:var(--section-header-py, .75rem) var(--section-px, 1rem);--m-header-size: 1rem}:host.has-sidepanel{padding-right:50px}:host.has-results{flex-direction:column;align-items:stretch}:host(.no-border){border-bottom:none}:host-context(m-section-header){--section-px: 0;--section-header-py: 0;--m-section-search-border: transparent}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-search__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.section-search__bar>*:not(.section-search__toggle){flex:1;min-width:0}.section-search__bar m-header{font-size:1rem}.section-search__bar .section-search__toggle{flex-shrink:0;margin-inline-start:auto;--m-button-size: 1rem !important}.section-search__field{display:flex;align-items:center;width:100%}.section-search__field m-input-clear{width:100%}.section-search__results{display:block;width:100%;padding-top:.5rem}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -15071,6 +15124,7 @@ var BaseRootWebComponent = class BaseRootWebComponent extends BaseWebComponent {
 	query = input(...ngDevMode ? [void 0, { debugName: "query" }] : /* istanbul ignore next */ []);
 	navWidgetMaps = inject(NAV_WIDGET_MAP, { optional: true });
 	appBaseHref = inject(APP_BASE_HREF, { optional: true });
+	location = inject(Location);
 	injector = inject(Injector);
 	wcComponents = inject(NAV_WC_COMPONENTS, { optional: true });
 	defaultNavId = inject(NAV_DEFAULT_MURL, { optional: true });
@@ -15116,7 +15170,8 @@ var BaseRootWebComponent = class BaseRootWebComponent extends BaseWebComponent {
 			untracked(() => {
 				this.wcRouterStore.setExtra(path);
 				const normalizedPath = path || "";
-				if (this.router.url.split("?")[0].replace(/^\//, "") !== normalizedPath) this.router.navigateByUrl(normalizedPath, { skipLocationChange: true });
+				const currentUrl = this.router.url.split("?")[0].replace(/^\//, "");
+				if (!this.router.navigated || currentUrl !== normalizedPath) this.router.navigateByUrl(normalizedPath, { skipLocationChange: true });
 			});
 		});
 		let appId;
@@ -15163,7 +15218,7 @@ var BaseRootWebComponent = class BaseRootWebComponent extends BaseWebComponent {
 				this.agreementGate.ensure(id);
 			});
 		});
-		this.router.initialNavigation();
+		if (Object.keys(this.router.parseUrl(this.location.path()).root.children).every((outlet) => outlet === "primary")) this.router.initialNavigation();
 		const initialPath = this.extra();
 		if (initialPath !== void 0) this.router.navigateByUrl(initialPath || "", { skipLocationChange: true });
 		const destroyRef = inject(DestroyRef);
@@ -16229,7 +16284,7 @@ var RowComponent = class RowComponent extends ConfigComponent {
     </div>
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;grid-column:span 12;width:100%;box-sizing:border-box;border-bottom:1px solid var(--m-backdrop-border);min-height:5em}:host(.no-border){border-bottom:none}:host-context(.is-with-border):last-child,:host-context(.is-sandwich-border):last-child{border-bottom:none}:host.has-padding-y{padding-block:var(--m-row-py, var(--section-pt, var(--_section-pt, 1.5rem)))}.m-row__body{display:flex;flex-wrap:wrap;align-content:flex-start;max-width:var(--m-row-max-width);margin-inline:auto}:host.has-padding-x .m-row__body{padding-inline:var(--m-row-px, var(--section-px, var(--_section-px, 1rem)))}:host.is-center .m-row__body{display:flex;justify-content:center;align-items:center}:host(.align-left) .m-row__body{margin-inline-start:0;margin-inline-end:auto}:host(.align-right) .m-row__body{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .m-row__body{margin-inline:auto;justify-content:center}\n"],
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;grid-column:span 12;width:100%;box-sizing:border-box;border-bottom:1px solid var(--m-backdrop-border);min-height:var(--m-row-min-height, 5em)}:host(.no-border){border-bottom:none}:host-context(.is-with-border):last-child,:host-context(.is-sandwich-border):last-child{border-bottom:none}:host.has-padding-y{padding-block:var(--m-row-py, var(--section-pt, var(--_section-pt, 1.5rem)))}.m-row__body{display:flex;flex-wrap:wrap;align-content:flex-start;max-width:var(--m-row-max-width);margin-inline:auto}:host.has-padding-x .m-row__body{padding-inline:var(--m-row-px, var(--section-px, var(--_section-px, 1rem)))}:host.is-center .m-row__body{display:flex;justify-content:center;align-items:center}:host(.align-left) .m-row__body{margin-inline-start:0;margin-inline-end:auto}:host(.align-right) .m-row__body{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .m-row__body{margin-inline:auto;justify-content:center}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -16253,7 +16308,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[class]": "classes()",
 				"[style.--m-row-max-width]": "resolvedMaxWidth()"
 			},
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;grid-column:span 12;width:100%;box-sizing:border-box;border-bottom:1px solid var(--m-backdrop-border);min-height:5em}:host(.no-border){border-bottom:none}:host-context(.is-with-border):last-child,:host-context(.is-sandwich-border):last-child{border-bottom:none}:host.has-padding-y{padding-block:var(--m-row-py, var(--section-pt, var(--_section-pt, 1.5rem)))}.m-row__body{display:flex;flex-wrap:wrap;align-content:flex-start;max-width:var(--m-row-max-width);margin-inline:auto}:host.has-padding-x .m-row__body{padding-inline:var(--m-row-px, var(--section-px, var(--_section-px, 1rem)))}:host.is-center .m-row__body{display:flex;justify-content:center;align-items:center}:host(.align-left) .m-row__body{margin-inline-start:0;margin-inline-end:auto}:host(.align-right) .m-row__body{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .m-row__body{margin-inline:auto;justify-content:center}\n"]
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;grid-column:span 12;width:100%;box-sizing:border-box;border-bottom:1px solid var(--m-backdrop-border);min-height:var(--m-row-min-height, 5em)}:host(.no-border){border-bottom:none}:host-context(.is-with-border):last-child,:host-context(.is-sandwich-border):last-child{border-bottom:none}:host.has-padding-y{padding-block:var(--m-row-py, var(--section-pt, var(--_section-pt, 1.5rem)))}.m-row__body{display:flex;flex-wrap:wrap;align-content:flex-start;max-width:var(--m-row-max-width);margin-inline:auto}:host.has-padding-x .m-row__body{padding-inline:var(--m-row-px, var(--section-px, var(--_section-px, 1rem)))}:host.is-center .m-row__body{display:flex;justify-content:center;align-items:center}:host(.align-left) .m-row__body{margin-inline-start:0;margin-inline-end:auto}:host(.align-right) .m-row__body{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .m-row__body{margin-inline:auto;justify-content:center}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -21462,12 +21517,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-CYnWLXPZ.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-CkaWESS3.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
 			case InputType.TOGGLE: {
-				const { ToggleInputComponent } = await import("./magmonium-one-toggle-C0eTrtkt.mjs");
+				const { ToggleInputComponent } = await import("./magmonium-one-toggle-D2XEbN-b.mjs");
 				this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 				break;
 			}
@@ -21477,12 +21532,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-BSOU4RI0.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-D3oTo41c.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-DLF7Pq94.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-DO4oTeSK.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -21492,7 +21547,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-rj4XHxb3.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-CPQ9m291.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -21507,12 +21562,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-CmmZAr57.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-D_WEKrli.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DCOwngql.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-a3ZVTy7i.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -21563,7 +21618,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-FXb-RyBh.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-B4xKn-EQ.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -23879,7 +23934,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	openEditor = async (file, size) => {
 		const modalStore = this.modalStore;
 		if (!modalStore) return void 0;
-		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-C7AtzEf6.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-BX4eNd4u.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -29032,7 +29087,7 @@ var RemoteComponent = class RemoteComponent {
 		return this.router && name ? new RemoteUrl(this.router, untracked(() => this.urlMode()), name, untracked(() => this.ownTail())) : void 0;
 	};
 	unregister = () => {
-		if (this.registeredName) this.navRef?.unregisterMount?.(this.registeredName);
+		if (this.registeredName) this.navRef?.unregisterMount?.(this.registeredName, this.move);
 		this.registeredName = void 0;
 	};
 	isLastReport = (path) => {
@@ -38901,6 +38956,8 @@ var PanelComponent = class PanelComponent {
 	height = input(...ngDevMode ? [void 0, { debugName: "height" }] : /* istanbul ignore next */ []);
 	closeProhibited = input(false, ...ngDevMode ? [{ debugName: "closeProhibited" }] : /* istanbul ignore next */ []);
 	modalStore = inject(ModalStore);
+	#navRef = inject(NAV_STORE_REF, { optional: true });
+	navOpen = computed(() => !!this.#navRef?.isNavOpened?.(), ...ngDevMode ? [{ debugName: "navOpen" }] : /* istanbul ignore next */ []);
 	bodyContainer = viewChild("body", {
 		...ngDevMode ? { debugName: "bodyContainer" } : /* istanbul ignore next */ {},
 		read: ViewContainerRef
@@ -39000,6 +39057,7 @@ var PanelComponent = class PanelComponent {
 				transformFunction: null
 			}
 		},
+		host: { properties: { "class.is-nav-hidden": "navOpen()" } },
 		providers: [{
 			provide: IS_SIDE_PANEL,
 			useValue: true
@@ -39034,7 +39092,7 @@ var PanelComponent = class PanelComponent {
     </div>
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}.side-panel{height:100%;background:var(--m-background);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:panel-slide-right .3s cubic-bezier(.2,0,0,1) forwards;border-left:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:-.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--docked{border-left:1px dashed var(--m-border);box-shadow:none}.side-panel--left{animation-name:panel-slide-left;border-left:none;border-right:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--left.side-panel--docked{border-left:none;border-right:1px dashed var(--m-border);box-shadow:none}.side-panel__close{position:absolute;top:0;right:0;padding:.25em;z-index:20}.side-panel__content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media(max-width:767px){.side-panel{animation-name:panel-slide-bottom;border-left:none;border-right:none;border-top:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:0 -.75rem 2rem color-mix(in srgb,var(--m-text) 12%,transparent);overflow-y:auto}}@keyframes panel-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"],
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}:host.is-nav-hidden{display:none}.side-panel{height:100%;background:var(--m-background);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:panel-slide-right .3s cubic-bezier(.2,0,0,1) forwards;border-left:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:-.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--docked{border-left:1px dashed var(--m-border);box-shadow:none}.side-panel--left{animation-name:panel-slide-left;border-left:none;border-right:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--left.side-panel--docked{border-left:none;border-right:1px dashed var(--m-border);box-shadow:none}.side-panel__close{position:absolute;top:0;right:0;padding:.25em;z-index:20}.side-panel__content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media(max-width:767px){.side-panel{animation-name:panel-slide-bottom;border-left:none;border-right:none;border-top:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:0 -.75rem 2rem color-mix(in srgb,var(--m-text) 12%,transparent);overflow-y:auto}}@keyframes panel-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: ButtonComponent,
@@ -39107,7 +39165,8 @@ i0.ɵɵngDeclareClassMetadata({
 				provide: IS_SIDE_PANEL,
 				useValue: true
 			}],
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}.side-panel{height:100%;background:var(--m-background);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:panel-slide-right .3s cubic-bezier(.2,0,0,1) forwards;border-left:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:-.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--docked{border-left:1px dashed var(--m-border);box-shadow:none}.side-panel--left{animation-name:panel-slide-left;border-left:none;border-right:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--left.side-panel--docked{border-left:none;border-right:1px dashed var(--m-border);box-shadow:none}.side-panel__close{position:absolute;top:0;right:0;padding:.25em;z-index:20}.side-panel__content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media(max-width:767px){.side-panel{animation-name:panel-slide-bottom;border-left:none;border-right:none;border-top:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:0 -.75rem 2rem color-mix(in srgb,var(--m-text) 12%,transparent);overflow-y:auto}}@keyframes panel-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"]
+			host: { "[class.is-nav-hidden]": "navOpen()" },
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}:host.is-nav-hidden{display:none}.side-panel{height:100%;background:var(--m-background);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:panel-slide-right .3s cubic-bezier(.2,0,0,1) forwards;border-left:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:-.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--docked{border-left:1px dashed var(--m-border);box-shadow:none}.side-panel--left{animation-name:panel-slide-left;border-left:none;border-right:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:.75rem 0 2rem color-mix(in srgb,var(--m-text) 12%,transparent)}.side-panel--left.side-panel--docked{border-left:none;border-right:1px dashed var(--m-border);box-shadow:none}.side-panel__close{position:absolute;top:0;right:0;padding:.25em;z-index:20}.side-panel__content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media(max-width:767px){.side-panel{animation-name:panel-slide-bottom;border-left:none;border-right:none;border-top:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:0 -.75rem 2rem color-mix(in srgb,var(--m-text) 12%,transparent);overflow-y:auto}}@keyframes panel-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -40357,6 +40416,7 @@ i0.ɵɵngDeclareClassMetadata({
 var NavHeaderComponent = class NavHeaderComponent {
 	_navStore = inject(NavStore);
 	_searchStore = inject(SearchStore);
+	#authStore = inject(AuthStore);
 	_isUser = computed(() => this._navStore.panelNavId() === `${ROOT_NAV}_user`, ...ngDevMode ? [{ debugName: "_isUser" }] : /* istanbul ignore next */ []);
 	_isSearch = computed(() => this._navStore.panelNavId() === `${ROOT_NAV}_search`, ...ngDevMode ? [{ debugName: "_isSearch" }] : /* istanbul ignore next */ []);
 	_hasParent = computed(() => this._navStore.breadcrumb().header?.id !== ROOT_NAV, ...ngDevMode ? [{ debugName: "_hasParent" }] : /* istanbul ignore next */ []);
@@ -40364,6 +40424,7 @@ var NavHeaderComponent = class NavHeaderComponent {
 		const trail = this._navStore.breadcrumb().trail;
 		return trail && trail.length > 0 ? trail : null;
 	}, ...ngDevMode ? [{ debugName: "_trail" }] : /* istanbul ignore next */ []);
+	_user = computed(() => this._isUser() ? this.#authStore.user() ?? null : null, ...ngDevMode ? [{ debugName: "_user" }] : /* istanbul ignore next */ []);
 	_header = computed(() => this._isUser() ? null : this._navStore.breadcrumb().header, ...ngDevMode ? [{ debugName: "_header" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -40380,7 +40441,8 @@ var NavHeaderComponent = class NavHeaderComponent {
 		isStandalone: true,
 		selector: "m-nav-header",
 		ngImport: i0,
-		template: "<m-section>\n  @if (_trail(); as trail) {\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      <m-nav-trail [config]=\"trail\" />\n    </m-section-back>\n  }\n\n  @if (_isSearch()) {\n    <m-section-search\n      [value]=\"_searchStore.query()\"\n      [startOpen]=\"true\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n",
+		template: "<m-section>\n  @if (_trail(); as trail) {\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      <m-nav-trail [config]=\"trail\" />\n    </m-section-back>\n  }\n\n  @if (_isSearch()) {\n    <m-section-search\n      [value]=\"_searchStore.query()\"\n      [startOpen]=\"true\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_user(); as user) {\n    <m-user class=\"nav-header__user\" [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n      <span class=\"nav-header__username\">&#64;{{ user.username }}</span>\n    </m-user>\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n",
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;--m-section-min-height: 0}.nav-header__user{display:block;padding:1rem}.nav-header__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -40478,6 +40540,29 @@ var NavHeaderComponent = class NavHeaderComponent {
 					"touchedChange",
 					"searchChange"
 				]
+			},
+			{
+				kind: "component",
+				type: UserComponent,
+				selector: "m-user",
+				inputs: [
+					"id",
+					"user",
+					"firstName",
+					"lastName",
+					"profilePic"
+				]
+			},
+			{
+				kind: "directive",
+				type: MRefDirective,
+				selector: "[mRef]",
+				inputs: [
+					"mRef",
+					"mRefLinkActive",
+					"mRefToggle",
+					"mRefParams"
+				]
 			}
 		],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -40498,11 +40583,14 @@ i0.ɵɵngDeclareClassMetadata({
 				SectionComponent,
 				SectionHeaderComponent,
 				SectionBackComponent,
-				SectionSearchComponent
+				SectionSearchComponent,
+				UserComponent,
+				MRefDirective
 			],
 			encapsulation: ViewEncapsulation.None,
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<m-section>\n  @if (_trail(); as trail) {\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      <m-nav-trail [config]=\"trail\" />\n    </m-section-back>\n  }\n\n  @if (_isSearch()) {\n    <m-section-search\n      [value]=\"_searchStore.query()\"\n      [startOpen]=\"true\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n"
+			template: "<m-section>\n  @if (_trail(); as trail) {\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      <m-nav-trail [config]=\"trail\" />\n    </m-section-back>\n  }\n\n  @if (_isSearch()) {\n    <m-section-search\n      [value]=\"_searchStore.query()\"\n      [startOpen]=\"true\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_user(); as user) {\n    <m-user class=\"nav-header__user\" [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n      <span class=\"nav-header__username\">&#64;{{ user.username }}</span>\n    </m-user>\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n",
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;--m-section-min-height: 0}.nav-header__user{display:block;padding:1rem}.nav-header__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}\n"]
 		}]
 	}]
 });
@@ -41063,7 +41151,7 @@ var NavDetailsComponent = class NavDetailsComponent {
     </div>
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.details{display:block;position:fixed;top:0;bottom:0;left:5em;height:100%;width:0%;border-right:1px solid var(--m-border);backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);box-shadow:8px 0 32px #00000014;z-index:90;overflow:hidden;display:flex;flex-direction:column;transition:width .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),top .4s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.details.dragging{transition:none!important}.details.open{width:400px;opacity:1;pointer-events:all}.details__handle{display:none;width:36px;height:5px;background:#8080804d;border-radius:3px;margin:10px auto 14px;flex-shrink:0;box-shadow:inset 0 1px 1px #0000000d;transition:background-color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.details__handle:hover,.details__handle:active{background-color:#80808080}.details .m-scroll{flex:1;min-height:0}.details .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:fade-in .6s ease-out}.details .empty-state__visual{position:relative;margin-bottom:2rem;color:var(--m-text-tertiary);opacity:.6}.details .empty-state__visual .m-icon{width:4rem;height:4rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.05))}.details .empty-state__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background:radial-gradient(circle,color-mix(in srgb,var(--m-mm) 8%,transparent) 0%,transparent 70%);filter:blur(20px);z-index:-1}.details .empty-state__title{font-size:1.125rem;font-weight:700;color:var(--m-text);margin-bottom:.75rem;letter-spacing:-.01em}.details .empty-state__text{font-size:.875rem;color:var(--m-text-tertiary);line-height:1.6;max-width:240px;margin:0 auto}@media(max-width:1199px){.details{height:auto;font-size:.875rem;inset:auto auto 5em 50%;width:92%;max-width:440px;border-right:none;border:1px solid var(--m-border);border-radius:24px;transform:translate(-50%,calc(100% + 10em));transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,top .4s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 40px #00000029,0 0 0 1px #ffffff1a inset;pointer-events:none;z-index:2000!important;top:25vh}}@media(max-width:1199px)and (max-width:767px){.details{bottom:3.5em}}@media(max-width:1199px){.details.open{width:92%;transform:translate(-50%);opacity:1;pointer-events:all!important}.details.is-scrolled-down{transform:translate(-50%,calc(100% + 15em));opacity:0}.details__handle{display:block}.details .m-scroll{padding:0 0 2rem;width:100%;margin:0;text-align:left}.details .empty-state{padding:2rem 1rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-skeleton{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.nav-skeleton__item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.nav-skeleton__icon{width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.nav-skeleton__label{height:.875rem;border-radius:4px;width:60%;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}\n"],
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.details{display:block;position:fixed;top:0;bottom:0;left:64px;height:100%;width:0%;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:none;border-right:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);z-index:90;overflow:hidden;display:flex;flex-direction:column;transition:width .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),top .4s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.details.dragging{transition:none!important}.details.open{width:var(--m-nav-details-width, 360px);opacity:1;pointer-events:all}.details__handle{display:none;width:36px;height:5px;background:#8080804d;border-radius:3px;margin:10px auto 14px;flex-shrink:0;box-shadow:inset 0 1px 1px #0000000d;transition:background-color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.details__handle:hover,.details__handle:active{background-color:#80808080}.details .m-scroll{flex:1;min-height:0}.details .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:fade-in .6s ease-out}.details .empty-state__visual{position:relative;margin-bottom:2rem;color:var(--m-text-tertiary);opacity:.6}.details .empty-state__visual .m-icon{width:4rem;height:4rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.05))}.details .empty-state__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background:radial-gradient(circle,color-mix(in srgb,var(--m-mm) 8%,transparent) 0%,transparent 70%);filter:blur(20px);z-index:-1}.details .empty-state__title{font-size:1.125rem;font-weight:700;color:var(--m-text);margin-bottom:.75rem;letter-spacing:-.01em}.details .empty-state__text{font-size:.875rem;color:var(--m-text-tertiary);line-height:1.6;max-width:240px;margin:0 auto}@media(max-width:1199px){.details{top:25vh;bottom:calc(56px + env(safe-area-inset-bottom));left:0;right:0;width:100%;height:auto;min-height:0;font-size:.875rem;border:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);border-radius:0;box-shadow:none;transition:top .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2000!important}.details:not(.open){top:calc(100% - 56px - env(safe-area-inset-bottom))!important}}@media(max-width:1199px)and (max-width:767px){.details{bottom:calc(48px + env(safe-area-inset-bottom))}.details:not(.open){top:calc(100% - 48px - env(safe-area-inset-bottom))!important}}@media(max-width:1199px){.details.open{width:100%;opacity:1;pointer-events:all!important}.details.is-scrolled-down{transform:translateY(calc(100% + 15em));opacity:0}.details__handle{display:block}.details .m-scroll{padding:0 0 2rem;width:100%;margin:0;text-align:left}.details .empty-state{padding:2rem 1rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-skeleton{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.nav-skeleton__item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.nav-skeleton__icon{width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.nav-skeleton__label{height:.875rem;border-radius:4px;width:60%;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -41242,7 +41330,7 @@ i0.ɵɵngDeclareClassMetadata({
 				SettingsSearchBarComponent
 			],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.details{display:block;position:fixed;top:0;bottom:0;left:5em;height:100%;width:0%;border-right:1px solid var(--m-border);backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);box-shadow:8px 0 32px #00000014;z-index:90;overflow:hidden;display:flex;flex-direction:column;transition:width .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),top .4s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.details.dragging{transition:none!important}.details.open{width:400px;opacity:1;pointer-events:all}.details__handle{display:none;width:36px;height:5px;background:#8080804d;border-radius:3px;margin:10px auto 14px;flex-shrink:0;box-shadow:inset 0 1px 1px #0000000d;transition:background-color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.details__handle:hover,.details__handle:active{background-color:#80808080}.details .m-scroll{flex:1;min-height:0}.details .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:fade-in .6s ease-out}.details .empty-state__visual{position:relative;margin-bottom:2rem;color:var(--m-text-tertiary);opacity:.6}.details .empty-state__visual .m-icon{width:4rem;height:4rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.05))}.details .empty-state__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background:radial-gradient(circle,color-mix(in srgb,var(--m-mm) 8%,transparent) 0%,transparent 70%);filter:blur(20px);z-index:-1}.details .empty-state__title{font-size:1.125rem;font-weight:700;color:var(--m-text);margin-bottom:.75rem;letter-spacing:-.01em}.details .empty-state__text{font-size:.875rem;color:var(--m-text-tertiary);line-height:1.6;max-width:240px;margin:0 auto}@media(max-width:1199px){.details{height:auto;font-size:.875rem;inset:auto auto 5em 50%;width:92%;max-width:440px;border-right:none;border:1px solid var(--m-border);border-radius:24px;transform:translate(-50%,calc(100% + 10em));transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,top .4s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 40px #00000029,0 0 0 1px #ffffff1a inset;pointer-events:none;z-index:2000!important;top:25vh}}@media(max-width:1199px)and (max-width:767px){.details{bottom:3.5em}}@media(max-width:1199px){.details.open{width:92%;transform:translate(-50%);opacity:1;pointer-events:all!important}.details.is-scrolled-down{transform:translate(-50%,calc(100% + 15em));opacity:0}.details__handle{display:block}.details .m-scroll{padding:0 0 2rem;width:100%;margin:0;text-align:left}.details .empty-state{padding:2rem 1rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-skeleton{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.nav-skeleton__item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.nav-skeleton__icon{width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.nav-skeleton__label{height:.875rem;border-radius:4px;width:60%;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}\n"]
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.details{display:block;position:fixed;top:0;bottom:0;left:64px;height:100%;width:0%;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:none;border-right:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);z-index:90;overflow:hidden;display:flex;flex-direction:column;transition:width .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),top .4s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}.details.dragging{transition:none!important}.details.open{width:var(--m-nav-details-width, 360px);opacity:1;pointer-events:all}.details__handle{display:none;width:36px;height:5px;background:#8080804d;border-radius:3px;margin:10px auto 14px;flex-shrink:0;box-shadow:inset 0 1px 1px #0000000d;transition:background-color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.details__handle:hover,.details__handle:active{background-color:#80808080}.details .m-scroll{flex:1;min-height:0}.details .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:fade-in .6s ease-out}.details .empty-state__visual{position:relative;margin-bottom:2rem;color:var(--m-text-tertiary);opacity:.6}.details .empty-state__visual .m-icon{width:4rem;height:4rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.05))}.details .empty-state__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background:radial-gradient(circle,color-mix(in srgb,var(--m-mm) 8%,transparent) 0%,transparent 70%);filter:blur(20px);z-index:-1}.details .empty-state__title{font-size:1.125rem;font-weight:700;color:var(--m-text);margin-bottom:.75rem;letter-spacing:-.01em}.details .empty-state__text{font-size:.875rem;color:var(--m-text-tertiary);line-height:1.6;max-width:240px;margin:0 auto}@media(max-width:1199px){.details{top:25vh;bottom:calc(56px + env(safe-area-inset-bottom));left:0;right:0;width:100%;height:auto;min-height:0;font-size:.875rem;border:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);border-radius:0;box-shadow:none;transition:top .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2000!important}.details:not(.open){top:calc(100% - 56px - env(safe-area-inset-bottom))!important}}@media(max-width:1199px)and (max-width:767px){.details{bottom:calc(48px + env(safe-area-inset-bottom))}.details:not(.open){top:calc(100% - 48px - env(safe-area-inset-bottom))!important}}@media(max-width:1199px){.details.open{width:100%;opacity:1;pointer-events:all!important}.details.is-scrolled-down{transform:translateY(calc(100% + 15em));opacity:0}.details__handle{display:block}.details .m-scroll{padding:0 0 2rem;width:100%;margin:0;text-align:left}.details .empty-state{padding:2rem 1rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-skeleton{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.nav-skeleton__item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.nav-skeleton__icon{width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.nav-skeleton__label{height:.875rem;border-radius:4px;width:60%;background:linear-gradient(90deg,#0000000f 25%,#0000001f,#0000000f 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}\n"]
 		}]
 	}],
 	ctorParameters: () => []
@@ -41277,6 +41365,40 @@ var NavComponent = class NavComponent {
 			app: void 0
 		} : void 0;
 	}, ...ngDevMode ? [{ debugName: "logo" }] : /* istanbul ignore next */ []);
+	appRail = computed(() => {
+		if (!this.isHost()) return [];
+		const configs = this.#navStore.wcConfigMap();
+		const panelNavId = this.isNavOpened() ? this.#navStore.id() : void 0;
+		const isActive = (appNavId) => !!panelNavId && (panelNavId === appNavId || panelNavId.startsWith(`${appNavId}_`));
+		const hostLogo = this.#navStore.navMap()[ROOT_NAV]?.logo;
+		const appLink = this.appLink();
+		const appNavId = this.#navStore.appNavId();
+		const main = appLink && appNavId && !this.activeAppOpen() ? [{
+			key: appLink,
+			appNavId,
+			link: appLink,
+			config: configs[appLink]
+		}] : [];
+		const sides = this.#navStore.menuMounts().filter(({ urlMode, link }) => urlMode === "outlet" && !!link).map(({ name, appNavId, link }) => ({
+			key: name,
+			appNavId,
+			link,
+			config: configs[link]
+		}));
+		return [...main, ...sides].map(({ key, appNavId, link, config }) => ({
+			key,
+			appNavId,
+			pending: !config,
+			src: config?.logo ?? hostLogo,
+			remote: config?.logo ? config.link || link : void 0,
+			alt: config?.app ?? link,
+			active: isActive(appNavId)
+		}));
+	}, ...ngDevMode ? [{ debugName: "appRail" }] : /* istanbul ignore next */ []);
+	logoActive = computed(() => {
+		const rail = this.appRail();
+		return this.isNavOpened() && rail.length > 0 && !rail.some(({ active }) => active);
+	}, ...ngDevMode ? [{ debugName: "logoActive" }] : /* istanbul ignore next */ []);
 	isScrolledDown = computed(() => (this.#device.isMobile() || this.#device.isTablet()) && this.#navStore.navScrolledDown(), ...ngDevMode ? [{ debugName: "isScrolledDown" }] : /* istanbul ignore next */ []);
 	currentUser = computed(() => {
 		return this.#authStore.user() ?? null;
@@ -41320,49 +41442,13 @@ var NavComponent = class NavComponent {
 			variant: "ghost",
 			label: ""
 		};
-		if (this.isHost()) {
-			const appLink = this.appLink();
-			const config = this.currentWcConfig();
-			if (appLink && config && config.logo) {
-				const appsButton = {
-					imgSrc: config.logo,
-					remote: config.link || config.app,
-					iconOnly: true,
-					variant: "ghost",
-					label: "",
-					nonClickable: true
-				};
-				return {
-					...common,
-					apps: appsButton
-				};
-			} else if (appLink && !this.activeAppOpen()) {
-				const appsButton = {
-					icon: "apps",
-					iconOnly: true,
-					variant: "ghost",
-					label: "",
-					nonClickable: true,
-					disabled: true
-				};
-				return {
-					...common,
-					apps: appsButton
-				};
-			} else {
-				const appsButton = {
-					icon: "apps",
-					nav: `${ROOT_NAV}_app`,
-					iconOnly: true,
-					variant: "ghost",
-					label: ""
-				};
-				return {
-					...common,
-					apps: appsButton
-				};
-			}
-		}
+		if (this.isHost() && !(this.appLink() && !this.activeAppOpen())) common["apps"] = {
+			icon: "apps",
+			nav: `${ROOT_NAV}_app`,
+			iconOnly: true,
+			variant: "ghost",
+			label: ""
+		};
 		return common;
 	}, ...ngDevMode ? [{ debugName: "computedMainButtons" }] : /* istanbul ignore next */ []);
 	computedFooterButtons = computed(() => ({ current_lang: {
@@ -41446,13 +41532,18 @@ var NavComponent = class NavComponent {
 		this.#navStore.toggleMenu();
 		this.menuClicked.emit();
 	}
+	logoPop = signal(false, ...ngDevMode ? [{ debugName: "logoPop" }] : /* istanbul ignore next */ []);
 	onLogoClick = () => {
+		this.logoPop.set(true);
 		if (this.#navStore.isNavOpened()) {
 			this.#navStore.goToNav(ROOT_NAV, void 0, { keepPanel: true });
 			return;
 		}
 		this.#navStore.goToNav(ROOT_NAV);
 	};
+	onAppLogoClick = (appNavId) => {
+		this.#navStore.browseApp(appNavId);
+	};
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -41486,8 +41577,8 @@ var NavComponent = class NavComponent {
 		outputs: { menuClicked: "menuClicked" },
 		host: { classAttribute: "m-nav" },
 		ngImport: i0,
-		template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          (click)=\"onLogoClick()\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border-right:none;width:5em;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 15px #00000008}.m-nav .nav.is-open{border-right-color:transparent;box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:block;padding:.75em 0 0;height:5em;width:5em;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;overflow:hidden}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:3.5em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 3.5rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 3.5rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:4.25em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 4.25rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 4.25rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}\n"],
+		template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          [class.nav_logo--pop]=\"logoPop()\"\n          [class.nav_logo--active]=\"logoActive()\"\n          (click)=\"onLogoClick()\"\n          (animationend)=\"logoPop.set(false)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n    @for (app of appRail(); track app.key) {\n      <!-- App Rail: the Main Slot's App, then each Side App — opens the panel on its menu. -->\n      @if (app.pending) {\n        <div class=\"nav_logo nav_logo--loading nav_logo--rail\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app nav_logo--rail\"\n          [attr.data-app]=\"app.key\"\n          [attr.aria-label]=\"app.alt\"\n          [class.nav_logo--active]=\"app.active\"\n          (click)=\"onAppLogoClick(app.appNavId)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"app.src\" [remote]=\"app.remote\" [alt]=\"app.alt\" />\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:none;border-right:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);width:64px;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:flex;align-items:center;justify-content:center;padding:0;height:64px;width:64px;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--rail:after{content:none}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent!important;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.m-nav .nav_logo.nav_logo--app:hover{transform:none!important}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:32px;height:32px;margin:0 auto;position:relative;z-index:1;border-radius:9px;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app .nav_logo_img img{width:100%;height:100%;object-fit:cover}.m-nav .nav_logo.nav_logo--app:hover .nav_logo_img{transform:scale(1.06)}.m-nav .nav_logo.nav_logo--app:active .nav_logo_img{transform:scale(.88);transition-duration:.1s}.m-nav .nav_logo.nav_logo--app.nav_logo--pop .nav_logo_img{animation:nav-logo-pop .4s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app:before{content:\"\";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:14px;border:1px solid transparent;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app.nav_logo--active:before{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:color-mix(in srgb,var(--m-primary-color) 45%,transparent);background:color-mix(in srgb,var(--m-primary-color) 8%,transparent)}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:28px;height:28px;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:48px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 64px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 48px;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:56px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 72px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 56px;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@keyframes nav-logo-pop{0%{transform:scale(1)}35%{transform:scale(.85)}70%{transform:scale(1.06)}to{transform:scale(1)}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -41582,8 +41673,8 @@ i0.ɵɵngDeclareClassMetadata({
 			encapsulation: ViewEncapsulation.None,
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: { class: "m-nav" },
-			template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          (click)=\"onLogoClick()\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border-right:none;width:5em;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 15px #00000008}.m-nav .nav.is-open{border-right-color:transparent;box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:block;padding:.75em 0 0;height:5em;width:5em;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;overflow:hidden}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:3.5em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 3.5rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 3.5rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:4.25em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 4.25rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 4.25rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}\n"]
+			template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open → home with panel still showing root; closed → home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          [class.nav_logo--pop]=\"logoPop()\"\n          [class.nav_logo--active]=\"logoActive()\"\n          (click)=\"onLogoClick()\"\n          (animationend)=\"logoPop.set(false)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n    @for (app of appRail(); track app.key) {\n      <!-- App Rail: the Main Slot's App, then each Side App — opens the panel on its menu. -->\n      @if (app.pending) {\n        <div class=\"nav_logo nav_logo--loading nav_logo--rail\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app nav_logo--rail\"\n          [attr.data-app]=\"app.key\"\n          [attr.aria-label]=\"app.alt\"\n          [class.nav_logo--active]=\"app.active\"\n          (click)=\"onAppLogoClick(app.appNavId)\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"app.src\" [remote]=\"app.remote\" [alt]=\"app.alt\" />\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\n",
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:none;border-right:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);width:64px;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:flex;align-items:center;justify-content:center;padding:0;height:64px;width:64px;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--rail:after{content:none}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent!important;font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.m-nav .nav_logo.nav_logo--app:hover{transform:none!important}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:32px;height:32px;margin:0 auto;position:relative;z-index:1;border-radius:9px;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app .nav_logo_img img{width:100%;height:100%;object-fit:cover}.m-nav .nav_logo.nav_logo--app:hover .nav_logo_img{transform:scale(1.06)}.m-nav .nav_logo.nav_logo--app:active .nav_logo_img{transform:scale(.88);transition-duration:.1s}.m-nav .nav_logo.nav_logo--app.nav_logo--pop .nav_logo_img{animation:nav-logo-pop .4s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app:before{content:\"\";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:14px;border:1px solid transparent;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.m-nav .nav_logo.nav_logo--app.nav_logo--active:before{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:color-mix(in srgb,var(--m-primary-color) 45%,transparent);background:color-mix(in srgb,var(--m-primary-color) 8%,transparent)}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:28px;height:28px;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:48px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 64px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 48px;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:56px;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid color-mix(in srgb,var(--m-border) 55%,transparent);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 72px;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 56px;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@keyframes nav-logo-pop{0%{transform:scale(1)}35%{transform:scale(.85)}70%{transform:scale(1.06)}to{transform:scale(1)}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -42281,8 +42372,8 @@ var FrameComponent = class FrameComponent {
 	navPadding = computed(() => {
 		if (this.isPreview) return "0px";
 		if (this.device.isMobile() || this.device.isTablet()) return "0px";
-		if (this.navStore.isNavOpened()) return "calc(5em + 400px)";
-		return "5em";
+		if (this.navStore.isNavOpened()) return "calc(64px + 360px)";
+		return "64px";
 	}, ...ngDevMode ? [{ debugName: "navPadding" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -42319,7 +42410,7 @@ var FrameComponent = class FrameComponent {
     </div>
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;min-height:100vh}.main{display:flex;flex-direction:column;width:100%;z-index:0;background-color:var(--m-background);min-height:100vh;box-sizing:border-box;transition:padding .5s cubic-bezier(.16,1,.3,1);padding-left:var(--m-nav-padding, 0)}.main.is-mobile{padding-left:0;padding-bottom:4em}.main .content{flex:1;width:100%}\n"],
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;min-height:100vh}.main{display:flex;flex-direction:column;width:100%;z-index:0;background-color:var(--m-background);min-height:100vh;box-sizing:border-box;transition:padding .5s cubic-bezier(.16,1,.3,1);padding-left:var(--m-nav-padding, 0)}.main.is-mobile{padding-left:0;padding-bottom:56px}.main .content{flex:1;width:100%}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -42377,7 +42468,7 @@ i0.ɵɵngDeclareClassMetadata({
     </div>
   `,
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;min-height:100vh}.main{display:flex;flex-direction:column;width:100%;z-index:0;background-color:var(--m-background);min-height:100vh;box-sizing:border-box;transition:padding .5s cubic-bezier(.16,1,.3,1);padding-left:var(--m-nav-padding, 0)}.main.is-mobile{padding-left:0;padding-bottom:4em}.main .content{flex:1;width:100%}\n"]
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;min-height:100vh}.main{display:flex;flex-direction:column;width:100%;z-index:0;background-color:var(--m-background);min-height:100vh;box-sizing:border-box;transition:padding .5s cubic-bezier(.16,1,.3,1);padding-left:var(--m-nav-padding, 0)}.main.is-mobile{padding-left:0;padding-bottom:56px}.main .content{flex:1;width:100%}\n"]
 		}]
 	}]
 });
@@ -43021,25 +43112,22 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var UserNavComponent = class UserNavComponent {
 	#authStore = inject(AuthStore);
-	#assetStore = inject(AssetStore);
-	#http = inject(HttpService);
 	#navStore = inject(NavStore);
 	#router = inject(Router);
 	#modalStore = inject(ModalStore);
-	activeTabId = signal(void 0, ...ngDevMode ? [{ debugName: "activeTabId" }] : /* istanbul ignore next */ []);
 	currentUser = computed(() => {
 		return this.#authStore.user() ?? null;
 	}, ...ngDevMode ? [{ debugName: "currentUser" }] : /* istanbul ignore next */ []);
-	onUserMenuAction = (item) => {
+	onUserAction = (button) => {
 		const username = this.currentUser()?.username ?? "guest";
-		({
-			edit_profile: () => this.#router.navigate([
+		const actions = {
+			nav_user_edit_profile: () => this.#router.navigate([
 				"/user",
 				username,
 				"edit"
 			]),
-			settings: () => this.#router.navigate(["/settings"]),
-			logout: () => this.#modalStore.confirm({
+			nav_user_settings: () => this.#router.navigate(["/settings"]),
+			nav_user_logout: () => this.#modalStore.confirm({
 				header: "confirm-logout",
 				body: "are-you-sure-you-want-to-logout",
 				type: "warning"
@@ -43047,48 +43135,8 @@ var UserNavComponent = class UserNavComponent {
 				this.#navStore.setSelected(void 0);
 				this.#authStore.logout();
 			})
-		})[item.id]?.();
-	};
-	resolvedTabs = computed(() => this.#authStore.resolvedUserTabs(), ...ngDevMode ? [{ debugName: "resolvedTabs" }] : /* istanbul ignore next */ []);
-	showTabs = computed(() => this.resolvedTabs().length > 1, ...ngDevMode ? [{ debugName: "showTabs" }] : /* istanbul ignore next */ []);
-	activeTabEntry = computed(() => {
-		const tabs = this.resolvedTabs();
-		if (!tabs.length) return void 0;
-		const id = this.activeTabId() ?? tabs[0].tabId;
-		return tabs.find((t) => t.tabId === id) ?? tabs[0];
-	}, ...ngDevMode ? [{ debugName: "activeTabEntry" }] : /* istanbul ignore next */ []);
-	tabButtonsResource = rxResource({
-		params: () => this.resolvedTabs(),
-		stream: ({ params }) => {
-			if (!params.length) return of([]);
-			return forkJoin(params.map((entry) => {
-				const remoteUrl = entry.remote ? this.#http.buildWcAssetBaseUrl(entry.remote) : void 0;
-				return this.#assetStore.resolve("buttons", entry.tabId, false, remoteUrl).pipe(catchError$1(() => of({
-					name: entry.tabId,
-					label: entry.tabId,
-					variant: "ghost"
-				})), map$1((btn) => ({
-					...btn,
-					remote: entry.remote
-				})));
-			}));
-		}
-	});
-	tabGroupConfig = computed(() => {
-		const tabs = this.resolvedTabs();
-		const buttons = this.tabButtonsResource.value() ?? [];
-		return {
-			routeProhibited: true,
-			activeTabId: this.activeTabId() ?? tabs[0]?.tabId,
-			tabs: buttons.map((btn, i) => ({
-				...btn,
-				name: btn.name ?? tabs[i]?.tabId,
-				variant: "ghost"
-			}))
 		};
-	}, ...ngDevMode ? [{ debugName: "tabGroupConfig" }] : /* istanbul ignore next */ []);
-	selectTab = (tab) => {
-		this.activeTabId.set(tab.name);
+		if (button?.name) actions[button.name]?.();
 	};
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -43105,8 +43153,8 @@ var UserNavComponent = class UserNavComponent {
 		isStandalone: true,
 		selector: "m-user-nav",
 		ngImport: i0,
-		template: "<m-section maxHeight=\"full\">\n  @if (currentUser(); as user) {\n    <m-row>\n      <m-col [sm]=\"11\" [padding]=\"true\">\n        <m-user [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n          <span class=\"user-nav__username\">&#64;{{ user.username }}</span>\n        </m-user>\n      </m-col>\n      <m-col [sm]=\"1\">\n        <m-context-menu name=\"user_header\" [config]=\"{ one: true }\" (action)=\"onUserMenuAction($event)\" />\n      </m-col>\n    </m-row>\n  }\n  <m-col>\n    @if (activeTabEntry(); as entry) {\n      @if (entry.ceSelector) {\n        <m-ce-outlet [tag]=\"entry.ceSelector\" />\n      } @else if (entry.component) {\n        <ng-container [ngComponentOutlet]=\"entry.component\" />\n      } @else {\n        <m-nothing icon=\"clock\" title=\"soon-available\" />\n      }\n    }\n  </m-col>\n</m-section>\n",
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.user-nav__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.profile-dashboard{display:flex;flex-direction:column;width:100%;margin:0 auto;overflow:visible;box-sizing:border-box;background:var(--m-background-lite)}.profile-banner{position:relative;height:160px;width:100%;overflow:hidden;background:linear-gradient(135deg,var(--m-mm-dark) 0%,color-mix(in oklch,var(--m-mm-dark),#000 20%) 100%);transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer}.profile-banner:hover .profile-banner__blob--1{transform:translate(15%,10%) scale(1.1)}.profile-banner:hover .profile-banner__blob--2{transform:translate(-15%,-10%) scale(1.1)}.profile-banner:hover .profile-banner__blob--3{transform:translate(10%,-15%) scale(1.1)}.profile-banner__animate{position:absolute;inset:0;overflow:hidden;opacity:.85}.profile-banner__blob{position:absolute;border-radius:50%;filter:blur(50px);will-change:transform;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.profile-banner__blob--1{width:240px;height:240px;background:radial-gradient(circle,color-mix(in oklch,var(--m-mm) 85%,transparent) 0%,transparent 70%);top:-85px;left:-40px;animation:float-1 14s infinite alternate ease-in-out}.profile-banner__blob--2{width:200px;height:200px;background:radial-gradient(circle,color-mix(in oklch,#e65c00 75%,transparent) 0%,transparent 70%);bottom:-65px;right:-30px;animation:float-2 18s infinite alternate ease-in-out}.profile-banner__blob--3{width:160px;height:160px;background:radial-gradient(circle,color-mix(in oklch,#ffcc00 65%,transparent) 0%,transparent 70%);top:15px;left:35%;animation:float-3 12s infinite alternate ease-in-out}.profile-banner__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000003,#00000014);-webkit-backdrop-filter:saturate(1.3);backdrop-filter:saturate(1.3)}@keyframes float-1{0%{transform:translate(-10%,-10%) scale(1)}50%{transform:translate(20%,12%) scale(1.1)}to{transform:translate(-5%,15%) scale(.95)}}@keyframes float-2{0%{transform:translate(20%,12%) scale(1.05)}50%{transform:translate(-12%,-12%) scale(.92)}to{transform:translate(12%,5%) scale(1.1)}}@keyframes float-3{0%{transform:translate(8%,20%) scale(.92)}50%{transform:translate(25%,-8%) scale(1.08)}to{transform:translate(5%,12%) scale(1)}}.profile-container{display:flex;flex-direction:column;padding:0 1.5rem 2rem;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.profile-nav-card{background:transparent;border:none;overflow:hidden;box-sizing:border-box;width:100%;transition:all .3s cubic-bezier(.16,1,.3,1);margin-left:-1.75rem;margin-right:-1.75rem;width:calc(100% + 3.5rem)}.profile-nav-card.is-sticky{position:sticky;top:-1px;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--m-backdrop-border);box-shadow:0 4px 20px #0000000a;transition:all .3s cubic-bezier(.16,1,.3,1);animation:slide-down-fade .28s cubic-bezier(.16,1,.3,1)}.profile-content{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;margin-left:-1.75rem;margin-right:-1.75rem;width:calc(100% + 3.5rem)}.soon-card{background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--m-backdrop-border);border-radius:20px;padding:4.5rem 2rem;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000004;box-sizing:border-box;width:100%}.soon-text{font-size:.875rem;color:var(--m-text-secondary);font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--m-mm),var(--m-mm-lite));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes slide-down-fade{0%{transform:translateY(-10px);opacity:.75}to{transform:translateY(0);opacity:1}}\n"],
+		template: "@if (currentUser()) {\n  <m-section variant=\"noBorder\">\n    <m-row>\n      <m-col>\n        <!-- Inside the col, not a direct child of m-section: the section's\n             action slot draws above its body. The user itself sits in\n             m-nav-header. -->\n        <m-action name=\"nav_user_actions\" [one]=\"true\" (clicked)=\"onUserAction($event)\" />\n      </m-col>\n    </m-row>\n  </m-section>\n}\n",
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;border-top:1px solid var(--m-backdrop-border);--section-pt: 0;--m-section-min-height: 0;--m-row-min-height: 0}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -43125,39 +43173,6 @@ var UserNavComponent = class UserNavComponent {
 				],
 				outputs: ["inView"]
 			},
-			{
-				kind: "directive",
-				type: NgComponentOutlet,
-				selector: "[ngComponentOutlet]",
-				inputs: [
-					"ngComponentOutlet",
-					"ngComponentOutletInputs",
-					"ngComponentOutletInjector",
-					"ngComponentOutletEnvironmentInjector",
-					"ngComponentOutletContent",
-					"ngComponentOutletNgModule"
-				],
-				exportAs: ["ngComponentOutlet"]
-			},
-			{
-				kind: "component",
-				type: CeOutletComponent,
-				selector: "m-ce-outlet",
-				inputs: ["tag"]
-			},
-			{
-				kind: "component",
-				type: NothingComponent,
-				selector: "m-nothing",
-				inputs: [
-					"icon",
-					"title",
-					"description",
-					"buttonName",
-					"button"
-				],
-				outputs: ["actionClick"]
-			},
 			{
 				kind: "component",
 				type: ColComponent,
@@ -43193,42 +43208,16 @@ var UserNavComponent = class UserNavComponent {
 			},
 			{
 				kind: "component",
-				type: UserComponent,
-				selector: "m-user",
-				inputs: [
-					"id",
-					"user",
-					"firstName",
-					"lastName",
-					"profilePic"
-				]
-			},
-			{
-				kind: "directive",
-				type: MRefDirective,
-				selector: "[mRef]",
+				type: ActionComponent,
+				selector: "m-action, m-one-action",
 				inputs: [
-					"mRef",
-					"mRefLinkActive",
-					"mRefToggle",
-					"mRefParams"
+					"sticky",
+					"variant",
+					"active",
+					"renderIds",
+					"squeezeAt",
+					"squeezeMode"
 				]
-			},
-			{
-				kind: "component",
-				type: ContextMenuComponent,
-				selector: "m-context-menu, m-one-context-menu",
-				inputs: [
-					"toggle",
-					"remote",
-					"exclude",
-					"visibilityRule",
-					"disableRule",
-					"extraData",
-					"inverted",
-					"options"
-				],
-				outputs: ["toggleChange", "action"]
 			}
 		],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -43246,17 +43235,12 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			imports: [
 				SectionComponent,
-				NgComponentOutlet,
-				CeOutletComponent,
-				NothingComponent,
 				ColComponent,
 				RowComponent,
-				UserComponent,
-				MRefDirective,
-				ContextMenuComponent
+				ActionComponent
 			],
-			template: "<m-section maxHeight=\"full\">\n  @if (currentUser(); as user) {\n    <m-row>\n      <m-col [sm]=\"11\" [padding]=\"true\">\n        <m-user [id]=\"user.id\" [user]=\"user\" mRef=\"root_user\">\n          <span class=\"user-nav__username\">&#64;{{ user.username }}</span>\n        </m-user>\n      </m-col>\n      <m-col [sm]=\"1\">\n        <m-context-menu name=\"user_header\" [config]=\"{ one: true }\" (action)=\"onUserMenuAction($event)\" />\n      </m-col>\n    </m-row>\n  }\n  <m-col>\n    @if (activeTabEntry(); as entry) {\n      @if (entry.ceSelector) {\n        <m-ce-outlet [tag]=\"entry.ceSelector\" />\n      } @else if (entry.component) {\n        <ng-container [ngComponentOutlet]=\"entry.component\" />\n      } @else {\n        <m-nothing icon=\"clock\" title=\"soon-available\" />\n      }\n    }\n  </m-col>\n</m-section>\n",
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.user-nav__username{font-size:.6875rem;font-weight:600;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.profile-dashboard{display:flex;flex-direction:column;width:100%;margin:0 auto;overflow:visible;box-sizing:border-box;background:var(--m-background-lite)}.profile-banner{position:relative;height:160px;width:100%;overflow:hidden;background:linear-gradient(135deg,var(--m-mm-dark) 0%,color-mix(in oklch,var(--m-mm-dark),#000 20%) 100%);transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer}.profile-banner:hover .profile-banner__blob--1{transform:translate(15%,10%) scale(1.1)}.profile-banner:hover .profile-banner__blob--2{transform:translate(-15%,-10%) scale(1.1)}.profile-banner:hover .profile-banner__blob--3{transform:translate(10%,-15%) scale(1.1)}.profile-banner__animate{position:absolute;inset:0;overflow:hidden;opacity:.85}.profile-banner__blob{position:absolute;border-radius:50%;filter:blur(50px);will-change:transform;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.profile-banner__blob--1{width:240px;height:240px;background:radial-gradient(circle,color-mix(in oklch,var(--m-mm) 85%,transparent) 0%,transparent 70%);top:-85px;left:-40px;animation:float-1 14s infinite alternate ease-in-out}.profile-banner__blob--2{width:200px;height:200px;background:radial-gradient(circle,color-mix(in oklch,#e65c00 75%,transparent) 0%,transparent 70%);bottom:-65px;right:-30px;animation:float-2 18s infinite alternate ease-in-out}.profile-banner__blob--3{width:160px;height:160px;background:radial-gradient(circle,color-mix(in oklch,#ffcc00 65%,transparent) 0%,transparent 70%);top:15px;left:35%;animation:float-3 12s infinite alternate ease-in-out}.profile-banner__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000003,#00000014);-webkit-backdrop-filter:saturate(1.3);backdrop-filter:saturate(1.3)}@keyframes float-1{0%{transform:translate(-10%,-10%) scale(1)}50%{transform:translate(20%,12%) scale(1.1)}to{transform:translate(-5%,15%) scale(.95)}}@keyframes float-2{0%{transform:translate(20%,12%) scale(1.05)}50%{transform:translate(-12%,-12%) scale(.92)}to{transform:translate(12%,5%) scale(1.1)}}@keyframes float-3{0%{transform:translate(8%,20%) scale(.92)}50%{transform:translate(25%,-8%) scale(1.08)}to{transform:translate(5%,12%) scale(1)}}.profile-container{display:flex;flex-direction:column;padding:0 1.5rem 2rem;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.profile-nav-card{background:transparent;border:none;overflow:hidden;box-sizing:border-box;width:100%;transition:all .3s cubic-bezier(.16,1,.3,1);margin-left:-1.75rem;margin-right:-1.75rem;width:calc(100% + 3.5rem)}.profile-nav-card.is-sticky{position:sticky;top:-1px;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--m-backdrop-border);box-shadow:0 4px 20px #0000000a;transition:all .3s cubic-bezier(.16,1,.3,1);animation:slide-down-fade .28s cubic-bezier(.16,1,.3,1)}.profile-content{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;margin-left:-1.75rem;margin-right:-1.75rem;width:calc(100% + 3.5rem)}.soon-card{background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--m-backdrop-border);border-radius:20px;padding:4.5rem 2rem;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000004;box-sizing:border-box;width:100%}.soon-text{font-size:.875rem;color:var(--m-text-secondary);font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--m-mm),var(--m-mm-lite));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes slide-down-fade{0%{transform:translateY(-10px);opacity:.75}to{transform:translateY(0);opacity:1}}\n"]
+			template: "@if (currentUser()) {\n  <m-section variant=\"noBorder\">\n    <m-row>\n      <m-col>\n        <!-- Inside the col, not a direct child of m-section: the section's\n             action slot draws above its body. The user itself sits in\n             m-nav-header. -->\n        <m-action name=\"nav_user_actions\" [one]=\"true\" (clicked)=\"onUserAction($event)\" />\n      </m-col>\n    </m-row>\n  </m-section>\n}\n",
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;border-top:1px solid var(--m-backdrop-border);--section-pt: 0;--m-section-min-height: 0;--m-row-min-height: 0}\n"]
 		}]
 	}]
 });
@@ -43649,6 +43633,9 @@ var NotificationWidgetComponent = class NotificationWidgetComponent {
 		return [...shown.filter((n) => n.highlighted), ...shown.filter((n) => !n.highlighted)];
 	}, ...ngDevMode ? [{ debugName: "displayNotifications" }] : /* istanbul ignore next */ []);
 	unreadCount = computed(() => this.#notificationStore.unreadCount(), ...ngDevMode ? [{ debugName: "unreadCount" }] : /* istanbul ignore next */ []);
+	onFilter(button) {
+		this.activeTab.set(button?.name ?? "all");
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -43666,34 +43653,38 @@ var NotificationWidgetComponent = class NotificationWidgetComponent {
 		ngImport: i0,
 		template: `
     <div class="notification-widget">
-      <div class="notification-widget__header">
-        <div class="notification-widget__toggle">
-          <m-one-toggle-button
-            [name]="'notification_filter'"
-            [value]="activeTab()"
-            (valueChange)="activeTab.set($event || 'all')"
-          />
-        </div>
-      </div>
+      <m-section variant="noBorder">
+        <!-- Direct child: the section's action slot draws the filter above
+           the list. -->
+        <m-action
+          name="notification_filter"
+          [one]="true"
+          [active]="activeTab()"
+          (clicked)="onFilter($event)"
+        />
 
-      <div class="notification-widget__list">
-        @if (displayNotifications().length > 0) {
-          @for (notification of displayNotifications(); track notification.id) {
-            <m-notification-element [notification]="notification" />
+        <div class="notification-widget__list">
+          @if (displayNotifications().length > 0) {
+            @for (
+              notification of displayNotifications();
+              track notification.id
+            ) {
+              <m-notification-element [notification]="notification" />
+            }
+          } @else {
+            <div class="notification-widget__empty">
+              <span class="notification-widget__empty-icon">🔔</span>
+              <span class="notification-widget__empty-text">{{
+                'all-caught-up' | translate
+              }}</span>
+            </div>
           }
-        } @else {
-          <div class="notification-widget__empty">
-            <span class="notification-widget__empty-icon">🔔</span>
-            <span class="notification-widget__empty-text">{{
-              'all-caught-up' | translate
-            }}</span>
-          </div>
-        }
-      </div>
+        </div>
+      </m-section>
     </div>
   `,
 		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.notification-widget{display:flex;flex-direction:column;height:100%}.notification-widget__header{display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem 1rem}.notification-widget__toggle{width:100%;max-width:16rem;margin:0 auto;--m-toggle-button-radius: 9999px}.notification-widget__toggle .m-toggle-button{display:block;width:100%}.notification-widget__list{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:none}.notification-widget__list::-webkit-scrollbar{display:none}.notification-widget__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem 1.5rem;gap:1rem;text-align:center}.notification-widget__empty-icon{font-size:2.5rem;opacity:.5}.notification-widget__empty-text{font-size:.875rem;font-weight:600;color:#999}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes bell-shake{0%,85%,to{transform:rotate(0) scale(1)}87%,93%{transform:rotate(15deg) scale(1.1)}90%,96%{transform:rotate(-15deg) scale(1.1)}}\n"],
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.notification-widget{display:flex;flex-direction:column;height:100%}.notification-widget__list{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:none}.notification-widget__list::-webkit-scrollbar{display:none}.notification-widget__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem 1.5rem;gap:1rem;text-align:center}.notification-widget__empty-icon{font-size:2.5rem;opacity:.5}.notification-widget__empty-text{font-size:.875rem;font-weight:600;color:#999}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes bell-shake{0%,85%,to{transform:rotate(0) scale(1)}87%,93%{transform:rotate(15deg) scale(1.1)}90%,96%{transform:rotate(-15deg) scale(1.1)}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -43704,10 +43695,33 @@ var NotificationWidgetComponent = class NotificationWidgetComponent {
 			},
 			{
 				kind: "component",
-				type: ToggleButtonComponent,
-				selector: "m-toggle-button,m-one-toggle-button",
-				inputs: ["value", "buttons"],
-				outputs: ["valueChange"]
+				type: SectionComponent,
+				selector: "m-section",
+				inputs: [
+					"variant",
+					"maxWidth",
+					"heightMode",
+					"maxHeight",
+					"height",
+					"align",
+					"alignX",
+					"alignY",
+					"size"
+				],
+				outputs: ["inView"]
+			},
+			{
+				kind: "component",
+				type: ActionComponent,
+				selector: "m-action, m-one-action",
+				inputs: [
+					"sticky",
+					"variant",
+					"active",
+					"renderIds",
+					"squeezeAt",
+					"squeezeMode"
+				]
 			},
 			{
 				kind: "pipe",
@@ -43729,39 +43743,44 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "m-notification-widget",
 			imports: [
 				NotificationElementComponent,
-				ToggleButtonComponent,
+				SectionComponent,
+				ActionComponent,
 				TranslatePipe
 			],
 			template: `
     <div class="notification-widget">
-      <div class="notification-widget__header">
-        <div class="notification-widget__toggle">
-          <m-one-toggle-button
-            [name]="'notification_filter'"
-            [value]="activeTab()"
-            (valueChange)="activeTab.set($event || 'all')"
-          />
-        </div>
-      </div>
+      <m-section variant="noBorder">
+        <!-- Direct child: the section's action slot draws the filter above
+           the list. -->
+        <m-action
+          name="notification_filter"
+          [one]="true"
+          [active]="activeTab()"
+          (clicked)="onFilter($event)"
+        />
 
-      <div class="notification-widget__list">
-        @if (displayNotifications().length > 0) {
-          @for (notification of displayNotifications(); track notification.id) {
-            <m-notification-element [notification]="notification" />
+        <div class="notification-widget__list">
+          @if (displayNotifications().length > 0) {
+            @for (
+              notification of displayNotifications();
+              track notification.id
+            ) {
+              <m-notification-element [notification]="notification" />
+            }
+          } @else {
+            <div class="notification-widget__empty">
+              <span class="notification-widget__empty-icon">🔔</span>
+              <span class="notification-widget__empty-text">{{
+                'all-caught-up' | translate
+              }}</span>
+            </div>
           }
-        } @else {
-          <div class="notification-widget__empty">
-            <span class="notification-widget__empty-icon">🔔</span>
-            <span class="notification-widget__empty-text">{{
-              'all-caught-up' | translate
-            }}</span>
-          </div>
-        }
-      </div>
+        </div>
+      </m-section>
     </div>
   `,
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.notification-widget{display:flex;flex-direction:column;height:100%}.notification-widget__header{display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem 1rem}.notification-widget__toggle{width:100%;max-width:16rem;margin:0 auto;--m-toggle-button-radius: 9999px}.notification-widget__toggle .m-toggle-button{display:block;width:100%}.notification-widget__list{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:none}.notification-widget__list::-webkit-scrollbar{display:none}.notification-widget__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem 1.5rem;gap:1rem;text-align:center}.notification-widget__empty-icon{font-size:2.5rem;opacity:.5}.notification-widget__empty-text{font-size:.875rem;font-weight:600;color:#999}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes bell-shake{0%,85%,to{transform:rotate(0) scale(1)}87%,93%{transform:rotate(15deg) scale(1.1)}90%,96%{transform:rotate(-15deg) scale(1.1)}}\n"]
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.notification-widget{display:flex;flex-direction:column;height:100%}.notification-widget__list{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:none}.notification-widget__list::-webkit-scrollbar{display:none}.notification-widget__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem 1.5rem;gap:1rem;text-align:center}.notification-widget__empty-icon{font-size:2.5rem;opacity:.5}.notification-widget__empty-text{font-size:.875rem;font-weight:600;color:#999}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes bell-shake{0%,85%,to{transform:rotate(0) scale(1)}87%,93%{transform:rotate(15deg) scale(1.1)}90%,96%{transform:rotate(-15deg) scale(1.1)}}\n"]
 		}]
 	}]
 });
@@ -49226,6 +49245,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, ASSET_BASE_URL, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HeaderComponent, HighlightDirective, HttpService, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, ListComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SIZE_CONTEXT, SPACING_INWARD, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, allowedCodes, anchorNavId, applyColorsToElement, applyDocEdit, assetOptions, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLoadingComputed, isLocalhost, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAssetOptions, offsetOfLine, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickSupportedLanguage, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, recordDefinedWcTier, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splitNavId, splitOnMatch, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleTreeGridRow, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf };
+export { ACCESS_DOMAINS, APP_CONTEXT_REF, APP_LINK, ASSET_BASE_URL, AccordionBodyDirective, AccordionComponent, AccordionGroupComponent, ActionComponent, AnimatedGraphsComponent, AppAvailability, AppCardComponent, AppRelationType, AppTileComponent, AssetStore, AssetUrlPipe, Assets, AuthActivityPageComponent, AuthApiService, AuthStore, AutosizeDirective, BadgeComponent, BandingComponent, BaseArrayInputComponent, BaseRootWebComponent, BaseWebComponent, BrowserLocaleService, ButtonComponent, ButtonGroupComponent, CALLING_APP_HEADER, COMPONENT_INPUT_REGISTRY, CardComponent, CardWrapperComponent, CarouselComponent, ChartComponent, ChatBubbleComponent, CheckboxGroupComponent, CheckboxInputComponent, ClearableInputComponent, ClipboardService, ColComponent, ColorPickerInputComponent, CommentItemComponent, CommentsApiService, CommentsComponent, CommentsStore, CompactNumberPipe, ComponentInputComponent, ComponentStepperComponent, ConfigComponent, ConfirmComponent, ContextMenuComponent, CustomIconClass, CustomIconEditComponent, DEFAULT_DENIAL, DEFAULT_DOC_ALIGN, DEFAULT_DOC_DENSITY, DEFAULT_DOC_VARIANT, DEFAULT_FILTER_RANGE_MODE, DEFAULT_FILTER_VARIANT, DEFAULT_NAV_PARAM, DEFAULT_NAV_SEGMENT, DEFAULT_SIZE, DOCK_MIN_PAGE_REMAINDER, DOCS_FOLDER, DOC_ACTION_ICONS, DOC_ALIGNS, DOC_DENSITIES, DOC_EDIT_ACTIONS, DOC_TOOLBAR_GROUPS, DOC_VARIANTS, DashboardCardComponent, DateInputComponent, DatePickerComponent, DeviceService, DocComponent, DocEditorComponent, DomService, Domain, DotGridComponent, DragListDirective, DragListItemDirective, DraggableDirective, DropdownInputComponent, FILTER_GROUP_CONTEXT, FILTER_RANGE_MODES, FILTER_VARIANTS, FLEX_VARIANTS, FOLDER_PICK_LISTENER, FORM_ASSET_FOLDER, FileService, FileUploadDirective, FileUploadInputComponent, FlexComponent, FlexItemComponent, FormGroupComponent, FrameComponent, FreezeService, GRID_BREAKPOINTS, GetNavService, HeaderComponent, HighlightDirective, HttpService, ICON_SOURCE, IS_DESIGN_MODE, IS_SIDE_PANEL, IconComponent, ImgComponent, InputType, InstrumentScoreComponent, InterceptorObservables, JumbotronComponent, KeyValueComponent, LAYOUT_ASSET_FOLDER, LOADING_ACTIONS_REF, LOGIN_COMPONENT, LOGIN_STORE, LanguageComponent, ListComponent, LogoComponent, MAG_SOCKET_EVENT, MHeroColorDirective, MHeroComponent, MODAL_REF, MODAL_STORE_REF, MOUNT_STATIC_SEGMENT, MOUNT_TOKEN, MRefDirective, MStepComponent, MURL_PARAM, MURL_SEP, ManifestEnrichmentService, MarginDirective, MenuComponent, ModalDirective, ModalRef, ModalStore, MoneyPipe, MultiRangeInputComponent, MultiselectInputComponent, MurlUrlSerializer, NAV_DEFAULT_MURL, NAV_ID_SEP, NAV_MAIN_BUTTONS, NAV_SEGMENT_RE, NAV_STORE_REF, NAV_WC_COMPONENTS, NAV_WIDGET_MAP, NavComponent, NavDetailsComponent, NavHeaderComponent, NavMenuComponent, NavStore, NavTrailComponent, NothingComponent, NotificationElementComponent, NotificationGroupComponent, NotificationPopupComponent, NotificationService, NotificationStore, NotificationType, NotificationWidgetComponent, ONE_ASSET_BASE_URL, OPTIONS_SOURCE, OVERLAY_WIDGETS, OneApp, OptionsSourceDirective, OverlayBodyComponent, OverlayRef, OverlayService, PLATFORM_BUTTON_NAV_IDS, PLATFORM_EXTENSIBLE_NAV_IDS, PLATFORM_NAV_MAP, PLATFORM_ROOT_CHILDREN, PLUGIN_FALLBACK_LANG, PLUGIN_OUTPUT_EVENT, PLUGIN_SCREENS, PaddingDirective, PaginationComponent, PanelComponent, PercentagePipe, PlaygroundComponent, PluginComponent, PluginInputComponent, PluginOutputComponent, PositionDirective, PwaInstallComponent, RECENT_SEARCH_LIMIT, REMOTE_PAGE_RELOAD, ROOT_NAV, RadioGroupComponent, RadioInputComponent, RangeInputComponent, RatingInputComponent, ReactiveElementComponent, RemoteComponent, RemoteLoaderService, ResizeElementComponent, RouteContainer, RowComponent, SEARCH_QUERY, SEARCH_RESULTS_EVENT, SECTION_ACCORDION_GROUP, SECTION_FORM_CONTEXT, SECTION_TABLE_VARIANTS, SHARED_ICONS, SIZE_CONTEXT, SPACING_INWARD, ScoreComponent, ScrollComponent, ScrollService, SearchPanelComponent, SearchStore, SearchUserPanelComponent, SectionAccordionDirective, SectionAccordionGroupDirective, SectionBackComponent, SectionBadgesComponent, SectionButtonGroupComponent, SectionCardComponent, SectionCarouselComponent, SectionComponent, SectionFilterComponent, SectionFilterGroupComponent, SectionFilterMenuComponent, SectionFilterPanelComponent, SectionFilterRangePanelComponent, SectionFooterComponent, SectionFormComponent, SectionFormItemComponent, SectionHeaderComponent, SectionHeroComponent, SectionPaginationComponent, SectionSearchComponent, SectionStepperComponent, SectionTableCellComponent, SectionTableComponent, SectionTableRowComponent, SectionTableSortPipe, SectionTabsComponent, SectionToggleComponent, SectionToggleItemDirective, SelectableCardInputComponent, SelectorDirective, SettingsSearchBarComponent, SettingsSearchService, ShapeComponent, SharedStoreRegistry, SidePanelDirective, Size, SocketStore, SortComponent, StatComponent, StepComponent, StepperComponent, StepsComponent, StorageService, StrokeLinecap, StrokeLinejoin, SummaryComponent, SvgGeneratorComponent, SvgGeneratorService, SvgService, TOTAL_COLUMNS, TRANSLATION_SOURCE, TableComponent, TechnicalMeterComponent, TextInputComponent, TextOutputComponent, TextareaInputComponent, ThemeComponent, ThemeDataService, ThemeService, ThemeStore, TimeAgoPipe, TimelineComponent, ToggleButtonComponent, ToggleInputComponent, ToggleRadioInputComponent, ToolTipDirective, TooltipComponent, TranslatePipe, TranslateService, TreeGridComponent, URL_SEP, USER_STORE_REF, USER_TAB_MAP, UniverseComponent, UserApiService, UserAvatarComponent, UserComponent, UserNavComponent, UserSettingsComponent, UserStore, WC_BUNDLE, WC_NAVIGATE_EVENT, WC_ROUTE_CHANGED_EVENT, WC_SEARCH_GROUPS, WIN_USER_TAB_HOOK, WIN_USER_TAB_KEY, WatermarkComponent, WcRouterStore, WrapperInputComponent, allowedCodes, anchorNavId, applyColorsToElement, applyDocEdit, assetOptions, bootstrapMagApp, bootstrapPwaInstall, browserLocale, buildWcBaseUrl, calculateLuminance, calculateRanks, cellText, checkDoc, checkFilterCondition, childNavId, claimDenial, classListSignal, coerceSize, cornerEdge, cornerSide, createLoadingState, createMap, createPlatformNavMap, createPluginElement, definePluginScreens, definedWcBundleOf, definedWcTierOf, deriveAvatarGradient, deriveContrastColor, deriveOppositeColor, derivePropertyName, docActionKey, docAssetCandidates, docProblemKey, docRemotePath, emailValidation, evaluate, evaluateBool, exposeScreens, exposedScreensOf, fieldBoolean, fieldNumber, fieldString, filterHoldsList, filterHoldsOneBound, filterHoldsOptions, filterHoldsRange, filterList, filterNumber, filterNumberList, filterOne, filterPanelOf, filterPanelWidth, filterRange, filterTreeGridRows, filterValueList, filterValues, flattenTreeGridRows, formatBadgeCount, fullName, generateClipPath, generateTransform, getClassList, getProperty, getScrollParent, getTierFromPreviewPath, getTreeGridRow, getUniqueId, getValue, hasErrorComputed, hexToRgb, hslToRgb, initMagmoniumApp, initialNotificationState, initialState, initials, injectAuthenticate, injectDefaultDenial, injectInstallApp, injectParentSize, injectScrollSticky, isBootRedirect, isButtonName, isCancelledComputed, isExtensiblePlatformNavId, isJson, isLoadingComputed, isLocalhost, isNavInstanceConfig, isNavMenuConfig, isNavRowsConfig, isNavVisibilityConfig, isPlatformNavId, isPlatformPanelNavId, isSize, isTierPreview, isUrlLocalhost, isValidNavId, isValidNavSegment, isWebComponent, linkToId, linkToNav, loadingActions, mInterceptor, manualValidation, matchFieldValidation, matchMount, maxLengthValidation, maxValidation, mergePlatformNav, mergeUnique, mergeUniqueBy, mergeUniqueWith, minAgeValidation, minLengthValidation, minValidation, miniMarkToHtml, mountFor, mountPatternProblem, mountPatternText, mountSegmentOf, mountTokenOf, navIdChain, navIdFor, navIdSegment, navIdToRoutePath, navIdToSegments, navParamOf, navTailMatcher, navToId, navVisibilityGuard, nextSectionTableSort, normalizeAssetOptions, offsetOfLine, parentNavId, parseAddress, parseColor, parseMountPattern, parsePatternNames, patternValidation, patternsValidation, permissionRefusal, pickSupportedLanguage, platformNavWidgets, pluginTag, presetDefaultOption, privateGuard, processImageToSvg, provideAppContext, provideMagAppConfig, provideMagWcConfig, provideMagWcRoutes, provideModalComponents, provideMurlUrlSerializer, provideNavWidgets, provideOverlayWidgets, providePlatformNavWidgets, providePluginRuntime, provideSearch, provideSizeContext, provideUserTabs, publicGuard, readFieldPatterns, recordDefinedWcTier, remoteOutletRoute, renderAddress, renderDocument, requiredValidation, resolveConfigAsset, resolveIconSize, resolvePallet, resolvePatternRules, resolveSize, resolveSpacing, rgbToHex, rgbToHsl, rowHasChildren, samePatterns, sectionTableColumnId, sectionTableColumnWidths, sectionTableFrozenCount, segmentsToNavId, setProperty, setTreeGridChildren, setWcLocalPort, setWcTier, settingsWidgets, shouldShowBadge, sortSectionTableRows, splitNavId, splitOnMatch, stringToColor, tailRouteOf, toAttrBool, toAttrNumber, toCssLength, toHostNavId, toLength, toLocalNavId, toggleTreeGridRow, unfetchedPlatformNav, ungroupedDocActions, urlValidation, wcLocalBaseOf, wcTierOf };
 
 //# sourceMappingURL=magmonium-one.mjs.map