@judo/app-shell 0.1.0

package/dist/index.js

@@ -0,0 +1,2068 @@
+import { Alert, AppBar as AppBar$1, Avatar, Badge, Box, Breadcrumbs as Breadcrumbs$1, Button, CircularProgress, Collapse, CssBaseline, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Drawer, FormControl, IconButton, InputAdornment, InputLabel, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Menu, MenuItem, Paper, Select, TextField, ThemeProvider as ThemeProvider$1, Toolbar, Tooltip, Typography, createTheme } from "@mui/material";
+import * as React from "react";
+import { Component, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { BrowserRouter, HashRouter, MemoryRouter, Route, Routes, useLocation, useNavigate, useParams } from "react-router";
+import { ApiProvider, createJudoRestApi, useActionDispatcher, useApi } from "@judo/actions";
+import { ActorAuthBoundary, ActorSwitchDialog, JudoAuthProvider, PrincipalProvider, createOidcOptions, getAuthConfig, useActorSwitch, useAuth } from "@judo/auth";
+import { ApplicationProvider, CustomizationsProvider, DataProvider, DispatchProvider, MuiProProvider, NavigationProvider, PageActionOverridesProvider, PageProvider, RuntimeConfigProvider, SelectorSelectionProvider, ValidationProvider, VisualPropertiesProvider, useApplication, useApplicationOptional, useCustomizationsOptional, useDataStore, useNavigation, useResolvedPageActionOverrides, useSelectorSelectionOptional, useValidationContextOptional } from "@judo/core";
+import { ExpressionProvider } from "@judo/expressions";
+import { FeedbackProvider, useNotifications } from "@judo/feedback";
+import { I18nProvider, useLocaleOptional, useModelLabel } from "@judo/i18n";
+import { EmbeddedModelLoader, HttpModelLoader, ModelRegistry } from "@judo/model-loader";
+import { DialogSize, MenuLayout, PageContainerType } from "@judo/model-api";
+import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
+import SearchIcon from "@mui/icons-material/Search";
+import { ButtonGroupRenderer, IconRenderer, PageRenderer, usePageTitle } from "@judo/components";
+import { getActorSelectorTestId, getBreadcrumbTestId, getNavItemTestId, getUserMenuTestId } from "@judo/test-ids";
+import ExpandLessIcon from "@mui/icons-material/ExpandLess";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import FolderIcon from "@mui/icons-material/Folder";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import MenuIcon from "@mui/icons-material/Menu";
+import LanguageIcon from "@mui/icons-material/Language";
+import DarkModeIcon from "@mui/icons-material/DarkMode";
+import LightModeIcon from "@mui/icons-material/LightMode";
+import SettingsBrightnessIcon from "@mui/icons-material/SettingsBrightness";
+import LogoutIcon from "@mui/icons-material/Logout";
+import PersonIcon from "@mui/icons-material/Person";
+import SettingsIcon from "@mui/icons-material/Settings";
+import { useTranslation } from "react-i18next";
+import RefreshIcon from "@mui/icons-material/Refresh";
+import ErrorIcon from "@mui/icons-material/Error";
+var __commonJSMin = (e, D) => () => (D || e((D = { exports: {} }).exports, D), D.exports), THEME_MODE_KEY = "theme-mode", THEME_SYSTEM_KEY = "theme-system";
+function getInitialMode$1() {
+	if (typeof window > "u") return "light";
+	let e = localStorage.getItem(THEME_MODE_KEY);
+	return e === "light" || e === "dark" ? e : typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredSystemPreference() {
+	return typeof window > "u" ? !1 : localStorage.getItem(THEME_SYSTEM_KEY) === "true";
+}
+var localStore = new class {
+	config = {
+		mode: getInitialMode$1(),
+		isSystemMode: getStoredSystemPreference()
+	};
+	listeners = /* @__PURE__ */ new Set();
+	useSystemPreference = getStoredSystemPreference();
+	mediaQuery = null;
+	mediaQueryListener = null;
+	constructor() {
+		typeof window < "u" && typeof window.matchMedia == "function" && (this.mediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.useSystemPreference && this.startSystemPreferenceTracking());
+	}
+	subscribe = (e) => (this.listeners.add(e), () => this.listeners.delete(e));
+	getSnapshot = () => this.config;
+	getSystemPreference() {
+		return this.mediaQuery?.matches ? "dark" : "light";
+	}
+	startSystemPreferenceTracking() {
+		!this.mediaQuery || this.mediaQueryListener || (this.mediaQueryListener = (e) => {
+			if (this.useSystemPreference) {
+				let D = e.matches ? "dark" : "light";
+				this.config = {
+					...this.config,
+					mode: D
+				};
+				for (let e of this.listeners) e();
+			}
+		}, this.mediaQuery.addEventListener("change", this.mediaQueryListener));
+	}
+	stopSystemPreferenceTracking() {
+		this.mediaQuery && this.mediaQueryListener && (this.mediaQuery.removeEventListener("change", this.mediaQueryListener), this.mediaQueryListener = null);
+	}
+	setTheme = (e) => {
+		e.__useSystemPreference !== void 0 && (this.useSystemPreference = e.__useSystemPreference, e.__useSystemPreference = void 0, this.useSystemPreference ? (this.startSystemPreferenceTracking(), e.mode = this.getSystemPreference(), e.isSystemMode = !0, localStorage.setItem(THEME_SYSTEM_KEY, "true"), localStorage.removeItem(THEME_MODE_KEY)) : (this.stopSystemPreferenceTracking(), e.isSystemMode = !1, localStorage.removeItem(THEME_SYSTEM_KEY))), this.config = {
+			...this.config,
+			...e
+		}, e.mode && !this.useSystemPreference && localStorage.setItem(THEME_MODE_KEY, e.mode);
+		for (let e of this.listeners) e();
+	};
+	cleanup = () => {
+		this.stopSystemPreferenceTracking();
+	};
+}();
+function hasUserThemePreference() {
+	return typeof window > "u" ? !1 : localStorage.getItem(THEME_MODE_KEY) !== null || localStorage.getItem(THEME_SYSTEM_KEY) !== null;
+}
+function initializeThemeStore(e, D = !1) {
+	if (hasUserThemePreference()) {
+		let { mode: D, ...O } = e;
+		localStore.setTheme(O);
+	} else localStore.setTheme({
+		...e,
+		__useSystemPreference: D
+	});
+}
+function useTheme() {
+	return {
+		config: useSyncExternalStore(localStore.subscribe, localStore.getSnapshot, localStore.getSnapshot),
+		setTheme: useCallback((e) => {
+			localStore.setTheme(e);
+		}, [])
+	};
+}
+function useNavigationBadge(e) {
+	return null;
+}
+function filterNavigationItems(e, D) {
+	let O = D.toLowerCase();
+	return e.filter((e) => {
+		let k = (e.label ?? e.name).toLowerCase().includes(O), A = e.items ? filterNavigationItems(e.items, D).length > 0 : !1;
+		return k || A;
+	});
+}
+function getContainerTypeSuffix(e) {
+	switch (e.type) {
+		case PageContainerType.TABLE: return "table";
+		case PageContainerType.FORM: return "form";
+		case PageContainerType.VIEW: return "view";
+		default: return "table";
+	}
+}
+function hasResolvedContainer(e) {
+	return e.container !== null && typeof e.container == "object";
+}
+function getBasePathFromName(e) {
+	return e.replace(/::Access(Table|Form|View)Page$/, "").replace(/::Relation(Table|Form|View)Page$/, "").replace(/::/g, "/").toLowerCase();
+}
+function getRouteForPage(e) {
+	if (e && typeof e == "object") {
+		let D = e;
+		if (hasResolvedContainer(D) && D.name) return `/${getBasePathFromName(D.name)}/${getContainerTypeSuffix(D.container)}`;
+		if (typeof D.name == "string") return getRouteFromString(D.name);
+		let O = D["xmi:id"];
+		return typeof O == "string" ? getRouteFromString(O) : "/";
+	}
+	return typeof e == "string" ? getRouteFromString(e) : "/";
+}
+function getRoutePattern(e) {
+	let D = getRouteForPage(e);
+	return e.container?.type === PageContainerType.VIEW || e.name?.includes("::Relation") ? `${D}/:signedIdentifier?` : D;
+}
+function getRouteFromString(e) {
+	if (e.includes("/(esm/")) {
+		let D = e.match(/^([^/]+)\/.*\/(.*)PageDefinition$/);
+		if (D) {
+			let [, e, O] = D, k = O.match(/^Access(Table|Form|View)$/);
+			return k ? `/${e.toLowerCase()}/${k[1].toLowerCase()}` : `/${e.toLowerCase()}/${O.toLowerCase()}`;
+		}
+		return `/${e.split("/")[0].toLowerCase()}`;
+	}
+	let D = e.match(/(.*)::Access(Table|Form|View)Page$/);
+	if (D) {
+		let [, e, O] = D;
+		return `/${e.replace(/::/g, "/").toLowerCase()}/${O.toLowerCase()}`;
+	}
+	let O = e.match(/(.*)::Relation(Table|Form|View)Page$/);
+	if (O) {
+		let [, e, D] = O;
+		return `/${e.replace(/::/g, "/").toLowerCase()}/${D.toLowerCase()}`;
+	}
+	return `/${e.replace(/::/g, "/").toLowerCase()}`;
+}
+function getNavExpandedStorageKey() {
+	return "nav-expanded";
+}
+function loadExpandedItems() {
+	try {
+		let e = localStorage.getItem(getNavExpandedStorageKey());
+		if (e) return new Set(JSON.parse(e));
+	} catch {}
+	return /* @__PURE__ */ new Set();
+}
+function saveExpandedItems(e) {
+	try {
+		localStorage.setItem(getNavExpandedStorageKey(), JSON.stringify([...e]));
+	} catch {}
+}
+function findActionForNavigationItem(e, D) {
+	if (!D.actionDefinition || !e.actions) return;
+	let O = D.actionDefinition["xmi:id"];
+	if (O) return e.actions.find((e) => {
+		let D = e.actionDefinition;
+		return typeof D == "object" && D ? D["xmi:id"] === O : typeof D == "string" ? D === O : !1;
+	});
+}
+function NavigationItemRenderer({ item: e, collapsed: D, expanded: O, onToggleExpanded: A, depth: j, expandedItems: M, onItemExpand: N, navigationActions: F, onMenuAction: I }) {
+	let L = useNavigate(), R = useLocation(), z = useNavigationBadge(e["xmi:id"] ?? ""), { label: B } = useModelLabel(e), V = e.items && e.items.length > 0, H = e.target ? getRouteForPage(e.target) : void 0, U = !!e.actionDefinition, W = H && R.pathname.includes(H), G = getNavItemTestId(e), K = () => {
+		if (V) A();
+		else if (U && I && F) {
+			let D = e.actionDefinition?.["xmi:id"];
+			if (D) {
+				let e = F.find((e) => {
+					let O = e.actionDefinition;
+					return typeof O == "object" && O ? O["xmi:id"] === D : typeof O == "string" && O === D;
+				});
+				e && I(e);
+			}
+		} else H && L(H);
+	}, Q = /* @__PURE__ */ jsx(ListItem, {
+		disablePadding: !0,
+		sx: { pl: j * 2 },
+		"data-testid": G,
+		children: /* @__PURE__ */ jsxs(ListItemButton, {
+			onClick: K,
+			selected: !!W,
+			sx: {
+				minHeight: 48,
+				justifyContent: D ? "center" : "initial"
+			},
+			children: [/* @__PURE__ */ jsx(ListItemIcon, {
+				sx: {
+					minWidth: 0,
+					mr: D ? 0 : 2,
+					justifyContent: "center"
+				},
+				children: /* @__PURE__ */ jsx(Badge, {
+					badgeContent: z?.count,
+					color: z?.color ?? "primary",
+					max: z?.max ?? 99,
+					invisible: !z,
+					children: e.icon ? /* @__PURE__ */ jsx(IconRenderer, {
+						icon: e.icon,
+						size: "medium"
+					}) : /* @__PURE__ */ jsx(FolderIcon, {})
+				})
+			}), !D && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ListItemText, { primary: B }), V && jsx(O ? ExpandLessIcon : ExpandMoreIcon, {})] })]
+		})
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [D ? /* @__PURE__ */ jsx(Tooltip, {
+		title: B,
+		placement: "right",
+		children: Q
+	}) : Q, V && !D && /* @__PURE__ */ jsx(Collapse, {
+		in: O,
+		timeout: "auto",
+		unmountOnExit: !0,
+		children: /* @__PURE__ */ jsx(List, {
+			component: "div",
+			disablePadding: !0,
+			children: e.items?.map((e) => {
+				let O = e["xmi:id"] ?? "";
+				return /* @__PURE__ */ jsx(NavigationItemRenderer, {
+					item: e,
+					collapsed: D,
+					expanded: M.has(O),
+					onToggleExpanded: () => N(O),
+					depth: j + 1,
+					expandedItems: M,
+					onItemExpand: N,
+					navigationActions: F,
+					onMenuAction: I
+				}, O);
+			})
+		})
+	})] });
+}
+function useMenuOperationDispatch() {
+	let { dispatch: e } = useActionDispatcher({
+		navigation: useNavigation(),
+		data: useDataStore(),
+		registry: useApplication(),
+		api: useApi(),
+		notifications: useNotifications()
+	});
+	return { dispatchMenuAction: e };
+}
+function NavigationDrawer({ open: e, collapsed: D, onCollapse: O, width: k, navigationController: j }) {
+	let [M, N] = useState(""), [P, F] = useState(/* @__PURE__ */ new Set());
+	useEffect(() => {
+		F(loadExpandedItems());
+	}, []);
+	let I = (e) => {
+		F((D) => {
+			let O = new Set(D);
+			return O.has(e) ? O.delete(e) : O.add(e), saveExpandedItems(O), O;
+		});
+	}, L = useCustomizationsOptional()?.getMenuCustomizer(), R = useMemo(() => {
+		let e = j?.items ?? [];
+		return L ? L(e) : e;
+	}, [j?.items, L]), z = useMemo(() => M ? filterNavigationItems(R, M) : R, [R, M]), { dispatchMenuAction: H } = useMenuOperationDispatch(), G = j?.actions;
+	return /* @__PURE__ */ jsxs(Drawer, {
+		variant: "persistent",
+		open: e,
+		sx: {
+			width: k,
+			flexShrink: 0,
+			"& .MuiDrawer-paper": {
+				width: k,
+				boxSizing: "border-box",
+				transition: "width 0.2s"
+			}
+		},
+		"data-testid": "navigation-drawer",
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "flex-end",
+					minHeight: {
+						xs: 56,
+						sm: 64
+					},
+					px: 1
+				},
+				children: /* @__PURE__ */ jsx(IconButton, {
+					onClick: O,
+					"data-testid": "navigation-drawer::collapse",
+					children: jsx(D ? ChevronRightIcon : ChevronLeftIcon, {})
+				})
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			!D && /* @__PURE__ */ jsx(Box, {
+				sx: { p: 1 },
+				children: /* @__PURE__ */ jsx(TextField, {
+					size: "small",
+					placeholder: "Search menu...",
+					value: M,
+					onChange: (e) => N(e.target.value),
+					fullWidth: !0,
+					"data-testid": "navigation-drawer::search",
+					slotProps: { input: { startAdornment: /* @__PURE__ */ jsx(InputAdornment, {
+						position: "start",
+						children: /* @__PURE__ */ jsx(SearchIcon, {})
+					}) } }
+				})
+			}),
+			/* @__PURE__ */ jsx(List, {
+				"data-testid": "navigation-drawer::items",
+				children: z.map((e) => {
+					let O = e["xmi:id"] ?? "";
+					return /* @__PURE__ */ jsx(NavigationItemRenderer, {
+						item: e,
+						collapsed: D,
+						expanded: P.has(O),
+						onToggleExpanded: () => I(O),
+						depth: 0,
+						expandedItems: P,
+						onItemExpand: I,
+						navigationActions: G,
+						onMenuAction: H
+					}, O);
+				})
+			})
+		]
+	});
+}
+function getNavigationTargets(e) {
+	let D = [];
+	for (let O of e) O.target && D.push(O.target.name), O.items && D.push(...getNavigationTargets(O.items));
+	return D;
+}
+function getDashboardRoute(e) {
+	let D = e.navigationController ? getNavigationTargets(e.navigationController.items) : [], O = e.pages.find((e) => e.dashboard === !0 && D.includes(e.name));
+	return O ? getRouteForPage(O) : "/";
+}
+function ActorSelector({ className: e }) {
+	let { application: D, applications: O, actorName: k, switchActorWithNavigation: A } = useApplication(), j = useNavigate(), { switchActor: M, pendingSwitch: N, confirmSwitch: P, cancelSwitch: F } = useActorSwitch(D, useCallback((e) => {
+		let D = O.find((D) => D.name === e || D.actor?.name === e);
+		if (!D) throw Error(`Application for actor '${e}' not found`);
+		return D;
+	}, [O]), useCallback((e) => {
+		A(e, (e) => {
+			j(getDashboardRoute(e));
+		});
+	}, [A, j])), I = getActorSelectorTestId(k);
+	return O.length <= 1 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(FormControl, {
+		size: "small",
+		sx: (e) => ({
+			minWidth: 200,
+			"& .MuiInputLabel-root": {
+				color: e.palette.common.white,
+				"&.Mui-focused": { color: e.palette.common.white }
+			},
+			"& .MuiOutlinedInput-root": {
+				color: e.palette.common.white,
+				"& fieldset": { borderColor: "rgba(255, 255, 255, 0.5)" },
+				"&:hover fieldset": { borderColor: "rgba(255, 255, 255, 0.7)" },
+				"&.Mui-focused fieldset": { borderColor: e.palette.common.white }
+			},
+			"& .MuiSelect-select": { color: e.palette.common.white },
+			"& .MuiSvgIcon-root": { color: e.palette.common.white }
+		}),
+		className: e,
+		children: [/* @__PURE__ */ jsx(InputLabel, {
+			id: "actor-selector-label",
+			children: "Application"
+		}), /* @__PURE__ */ jsx(Select, {
+			labelId: "actor-selector-label",
+			value: k,
+			onChange: (e) => M(e.target.value),
+			label: "Application",
+			"data-testid": I,
+			children: O.map((e) => /* @__PURE__ */ jsx(MenuItem, {
+				value: e.name,
+				children: e.name
+			}, e.name))
+		})]
+	}), /* @__PURE__ */ jsx(ActorSwitchDialog, {
+		open: !!N,
+		currentActor: k,
+		targetActor: N?.targetActor ?? "",
+		currentRealm: D.authentication?.realm,
+		targetRealm: N?.targetRealm,
+		onConfirm: P,
+		onCancel: F
+	})] });
+}
+function LocaleSwitcher() {
+	let e = useLocaleOptional(), [D, O] = useState(null), k = useCallback((e) => {
+		O(e.currentTarget);
+	}, []), A = useCallback(() => {
+		O(null);
+	}, []), j = useCallback(async (D) => {
+		O(null), e && await e.setLocale(D);
+	}, [e]);
+	if (!e) return null;
+	let M = Object.entries(e.locales);
+	return M.length < 2 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Tooltip, {
+		title: e.locales[e.locale] ?? e.locale,
+		children: /* @__PURE__ */ jsx(IconButton, {
+			color: "inherit",
+			onClick: k,
+			"data-testid": "locale-switcher",
+			"aria-label": "Change locale",
+			children: /* @__PURE__ */ jsx(LanguageIcon, {})
+		})
+	}), /* @__PURE__ */ jsx(Menu, {
+		anchorEl: D,
+		open: !!D,
+		onClose: A,
+		"data-testid": "locale-switcher::menu",
+		children: M.map(([D, O]) => /* @__PURE__ */ jsx(MenuItem, {
+			selected: D === e.locale,
+			onClick: () => j(D),
+			"data-testid": `locale-switcher::option::${D}`,
+			children: /* @__PURE__ */ jsx(Typography, {
+				variant: "body2",
+				children: O
+			})
+		}, D))
+	})] });
+}
+function HorizontalNavigationItem({ item: e, depth: D, navigationActions: O, onMenuAction: A }) {
+	let j = useNavigate(), N = useLocation(), P = useNavigationBadge(e["xmi:id"] ?? ""), { label: F } = useModelLabel(e), [I, L] = useState(null), R = !!I, z = e.items && e.items.length > 0, B = e.target ? getRouteForPage(e.target) : void 0, V = !!e.actionDefinition, H = B ? N.pathname.includes(B) : !1, U = getNavItemTestId(e), W = (e) => {
+		L(e.currentTarget);
+	}, G = () => {
+		L(null);
+	}, K = () => {
+		if (V && A && O) {
+			let D = e.actionDefinition?.["xmi:id"];
+			if (D) {
+				let e = O.find((e) => {
+					let O = e.actionDefinition;
+					return typeof O == "object" && O ? O["xmi:id"] === D : typeof O == "string" && O === D;
+				});
+				e && A(e);
+			}
+		} else B && j(B);
+		G();
+	}, q = /* @__PURE__ */ jsx(Badge, {
+		badgeContent: P?.count,
+		color: P?.color ?? "primary",
+		max: P?.max ?? 99,
+		invisible: !P,
+		children: e.icon ? /* @__PURE__ */ jsx(IconRenderer, {
+			icon: e.icon,
+			size: "small"
+		}) : /* @__PURE__ */ jsx(FolderIcon, { fontSize: "small" })
+	});
+	return D === 0 ? z ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+		color: "inherit",
+		onClick: W,
+		startIcon: q,
+		endIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+		sx: {
+			textTransform: "none",
+			fontWeight: H ? 700 : 400,
+			opacity: H ? 1 : .85
+		},
+		"data-testid": U,
+		children: F
+	}), /* @__PURE__ */ jsx(Menu, {
+		anchorEl: I,
+		open: R,
+		onClose: G,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "left"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "left"
+		},
+		"data-testid": `${U}::menu`,
+		children: e.items?.map((e) => /* @__PURE__ */ jsx(HorizontalNavigationSubItem, {
+			item: e,
+			onCloseAll: G,
+			navigationActions: O,
+			onMenuAction: A
+		}, e["xmi:id"] ?? e.name))
+	})] }) : /* @__PURE__ */ jsx(Button, {
+		color: "inherit",
+		onClick: K,
+		startIcon: q,
+		sx: {
+			textTransform: "none",
+			fontWeight: H ? 700 : 400,
+			opacity: H ? 1 : .85
+		},
+		"data-testid": U,
+		children: F
+	}) : null;
+}
+function HorizontalNavigationSubItem({ item: e, onCloseAll: D, navigationActions: O, onMenuAction: A }) {
+	let j = useNavigate(), M = useLocation(), N = useNavigationBadge(e["xmi:id"] ?? ""), { label: P } = useModelLabel(e), [F, I] = useState(null), L = !!F, R = e.items && e.items.length > 0, z = e.target ? getRouteForPage(e.target) : void 0, B = !!e.actionDefinition, V = z ? M.pathname.includes(z) : !1, H = getNavItemTestId(e), U = (e) => {
+		I(e.currentTarget);
+	}, W = () => {
+		I(null);
+	}, G = () => {
+		if (B && A && O) {
+			let D = e.actionDefinition?.["xmi:id"];
+			if (D) {
+				let e = O.find((e) => {
+					let O = e.actionDefinition;
+					return typeof O == "object" && O ? O["xmi:id"] === D : typeof O == "string" && O === D;
+				});
+				e && A(e);
+			}
+		} else z && j(z);
+		D();
+	}, K = /* @__PURE__ */ jsx(Badge, {
+		badgeContent: N?.count,
+		color: N?.color ?? "primary",
+		max: N?.max ?? 99,
+		invisible: !N,
+		children: e.icon ? /* @__PURE__ */ jsx(IconRenderer, {
+			icon: e.icon,
+			size: "small"
+		}) : /* @__PURE__ */ jsx(FolderIcon, { fontSize: "small" })
+	});
+	return R ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(MenuItem, {
+		onClick: U,
+		selected: V,
+		"data-testid": H,
+		children: [
+			/* @__PURE__ */ jsx(ListItemIcon, { children: K }),
+			/* @__PURE__ */ jsx(ListItemText, { children: P }),
+			/* @__PURE__ */ jsx(ExpandMoreIcon, {
+				fontSize: "small",
+				sx: {
+					ml: 1,
+					transform: "rotate(-90deg)"
+				}
+			})
+		]
+	}), /* @__PURE__ */ jsx(Menu, {
+		anchorEl: F,
+		open: L,
+		onClose: W,
+		anchorOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "left"
+		},
+		"data-testid": `${H}::menu`,
+		children: e.items?.map((e) => /* @__PURE__ */ jsx(HorizontalNavigationSubItem, {
+			item: e,
+			onCloseAll: () => {
+				W(), D();
+			},
+			navigationActions: O,
+			onMenuAction: A
+		}, e["xmi:id"] ?? e.name))
+	})] }) : /* @__PURE__ */ jsxs(MenuItem, {
+		onClick: G,
+		selected: V,
+		"data-testid": H,
+		children: [/* @__PURE__ */ jsx(ListItemIcon, { children: K }), /* @__PURE__ */ jsx(ListItemText, { children: P })]
+	});
+}
+function HorizontalNavigation({ navigationController: e }) {
+	let D = useCustomizationsOptional()?.getMenuCustomizer(), O = useMemo(() => {
+		let O = e?.items ?? [];
+		return D ? D(O) : O;
+	}, [e?.items, D]), { dispatchMenuAction: k } = useMenuOperationDispatch(), j = e?.actions;
+	return /* @__PURE__ */ jsx(Box, {
+		component: "nav",
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .5,
+			flexWrap: "wrap"
+		},
+		"data-testid": "horizontal-navigation",
+		children: O.map((e) => /* @__PURE__ */ jsx(HorizontalNavigationItem, {
+			item: e,
+			depth: 0,
+			navigationActions: j,
+			onMenuAction: k
+		}, e["xmi:id"] ?? e.name))
+	});
+}
+function ThemeToggle({ className: e }) {
+	let { config: D, setTheme: O } = useTheme(), { mode: k, isSystemMode: A } = D, j = () => {
+		O(A ? {
+			mode: "light",
+			__useSystemPreference: !1
+		} : k === "light" ? {
+			mode: "dark",
+			__useSystemPreference: !1
+		} : {
+			mode: typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light",
+			__useSystemPreference: !0
+		});
+	}, M = () => A ? "Switch to light mode" : k === "light" ? "Switch to dark mode" : "Switch to system preference", N = () => jsx(A ? LightModeIcon : k === "light" ? DarkModeIcon : SettingsBrightnessIcon, {});
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title: M(),
+		children: /* @__PURE__ */ jsx(IconButton, {
+			color: "inherit",
+			onClick: j,
+			className: e,
+			"data-testid": "theme-toggle",
+			children: N()
+		})
+	});
+}
+function DefaultHeroComponent({ principal: e, actorName: D, signOut: k, onNavigateToProfile: j, onNavigateToSettings: M, profilePictureUrl: N }) {
+	let { t: P } = useTranslation(), [F, I] = useState(null), L = e?.preferredUsername ?? e?.name ?? "User", R = (L[0] ?? "?").toUpperCase(), z = () => {
+		I(null), k();
+	}, V = () => {
+		I(null), j?.();
+	}, H = () => {
+		I(null), M();
+	}, W = getUserMenuTestId("trigger");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		onClick: (e) => I(e.currentTarget),
+		color: "inherit",
+		"data-testid": W,
+		children: /* @__PURE__ */ jsx(Avatar, {
+			src: N,
+			sx: {
+				width: 32,
+				height: 32
+			},
+			children: R
+		})
+	}), /* @__PURE__ */ jsxs(Menu, {
+		anchorEl: F,
+		open: !!F,
+		onClose: () => I(null),
+		"data-testid": getUserMenuTestId("menu"),
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					px: 2,
+					py: 1
+				},
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle1",
+					children: L
+				}), e?.email && /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					color: "text.secondary",
+					children: e.email
+				})]
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			j && /* @__PURE__ */ jsxs(MenuItem, {
+				onClick: V,
+				"data-testid": getUserMenuTestId("profile"),
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PersonIcon, { fontSize: "small" }) }), /* @__PURE__ */ jsx(ListItemText, { children: P("system.auth.profile", { defaultValue: "Profile" }) })]
+			}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: H,
+				"data-testid": getUserMenuTestId("settings"),
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "small" }) }), /* @__PURE__ */ jsx(ListItemText, { children: P("system.common.settings", { defaultValue: "Settings" }) })]
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: z,
+				"data-testid": getUserMenuTestId("logout"),
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(LogoutIcon, { fontSize: "small" }) }), /* @__PURE__ */ jsx(ListItemText, { children: P("system.auth.logout", { defaultValue: "Log Out" }) })]
+			})
+		]
+	})] });
+}
+function AppBar({ drawerWidth: e, onMenuClick: O, logo: k, extra: j, menuLayout: M, navigationController: N }) {
+	let { application: P, applications: F } = useApplication(), { requiresAuth: I, principal: L, actorName: R, signoutRedirect: z } = useAuth(), B = useCustomizationsOptional()?.getHeroComponent(), V = F.length > 1, H = M === MenuLayout.HORIZONTAL, W = useNavigate(), G = useMemo(() => P.profilePage ? getRouteForPage(P.profilePage) : void 0, [P.profilePage]), K = useCallback(() => {
+		G && W(G);
+	}, [W, G]), q = {
+		principal: L,
+		actorName: R,
+		signOut: z,
+		onNavigateToSettings: useCallback(() => {
+			W("/settings");
+		}, [W]),
+		profilePictureUrl: useMemo(() => {
+			let e = P.principal;
+			if (!e?.attributes || !L) return;
+			let D = e.attributes.find((e) => String(e.isProfilePicture) === "true");
+			if (!D) return;
+			let O = L[D.name];
+			return typeof O == "string" && O.length > 0 ? O : void 0;
+		}, [P.principal, L]),
+		...G ? { onNavigateToProfile: K } : {}
+	};
+	return /* @__PURE__ */ jsx(AppBar$1, {
+		position: "fixed",
+		sx: {
+			width: `calc(100% - ${e}px)`,
+			ml: `${e}px`,
+			transition: "width 0.2s, margin 0.2s"
+		},
+		"data-testid": "app-bar",
+		children: /* @__PURE__ */ jsxs(Toolbar, { children: [
+			O && /* @__PURE__ */ jsx(IconButton, {
+				edge: "start",
+				color: "inherit",
+				onClick: O,
+				sx: { mr: 2 },
+				"data-testid": "app-bar::menu-toggle",
+				children: /* @__PURE__ */ jsx(MenuIcon, {})
+			}),
+			k ?? /* @__PURE__ */ jsx(Typography, {
+				variant: "h6",
+				noWrap: !0,
+				component: "div",
+				children: P.name
+			}),
+			V && /* @__PURE__ */ jsx(Box, {
+				sx: { ml: 2 },
+				children: /* @__PURE__ */ jsx(ActorSelector, {})
+			}),
+			H && /* @__PURE__ */ jsx(Box, {
+				sx: { ml: 2 },
+				children: /* @__PURE__ */ jsx(HorizontalNavigation, { navigationController: N })
+			}),
+			/* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 } }),
+			j,
+			/* @__PURE__ */ jsx(LocaleSwitcher, {}),
+			/* @__PURE__ */ jsx(ThemeToggle, {}),
+			I && jsx(B || DefaultHeroComponent, { ...q })
+		] })
+	});
+}
+function Breadcrumbs({ className: e }) {
+	let { pageStack: D, currentPage: O, goBack: k } = useNavigation(), A = useNavigate(), { t: M } = useTranslation();
+	if (D.length === 0 && !O) return null;
+	let N = getBreadcrumbTestId(0);
+	return /* @__PURE__ */ jsxs(Breadcrumbs$1, {
+		sx: { mb: 2 },
+		className: e,
+		"data-testid": N,
+		children: [
+			/* @__PURE__ */ jsx(Link, {
+				component: "button",
+				variant: "body2",
+				onClick: () => A("/"),
+				underline: "hover",
+				"data-testid": `${N}::home`,
+				children: M("system.nav.home", { defaultValue: "Home" })
+			}),
+			D.map((e, O) => /* @__PURE__ */ jsx(BreadcrumbLink, {
+				pageDefinition: e.pageDefinition,
+				onClick: () => {
+					let e = D.length - 1 - O;
+					for (let D = 0; D < e; D++) k();
+				},
+				testId: `${N}::${e.pageDefinition.name}`
+			}, e.pageDefinition["xmi:id"])),
+			O && /* @__PURE__ */ jsx(BreadcrumbCurrent, {
+				pageDefinition: O,
+				testId: `${N}::current`
+			})
+		]
+	});
+}
+function BreadcrumbLink({ pageDefinition: e, onClick: D, testId: O }) {
+	let { label: k } = useModelLabel(e);
+	return /* @__PURE__ */ jsx(Link, {
+		component: "button",
+		variant: "body2",
+		onClick: D,
+		underline: "hover",
+		"data-testid": O,
+		children: k
+	});
+}
+function BreadcrumbCurrent({ pageDefinition: e, testId: D }) {
+	let { title: O } = usePageTitle(e);
+	return /* @__PURE__ */ jsx(Typography, {
+		color: "text.primary",
+		variant: "body2",
+		"data-testid": D,
+		children: O
+	});
+}
+function Footer() {
+	let e = useCustomizationsOptional()?.getFooterText(), D = useApplicationOptional()?.application?.modelName, O = e === void 0 ? `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${D ?? ""}`.trim() : typeof e == "function" ? e() : e;
+	return /* @__PURE__ */ jsx(Box, {
+		component: "footer",
+		sx: {
+			py: 1.5,
+			px: 3,
+			textAlign: "center",
+			borderTop: 1,
+			borderColor: "divider",
+			bgcolor: "background.default"
+		},
+		"data-testid": "app-shell-footer",
+		children: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			color: "text.secondary",
+			children: O
+		})
+	});
+}
+function getMaxWidth(e) {
+	switch (e) {
+		case DialogSize.XS: return "xs";
+		case DialogSize.SM: return "sm";
+		case DialogSize.MD: return "md";
+		case DialogSize.LG: return "lg";
+		case DialogSize.XL: return "xl";
+		default: return "md";
+	}
+}
+function generateDialogEntityId(e, D) {
+	if (D?.isCreate) return `dialog::create::${e}`;
+	let O = D?.transfer;
+	return O?.__signedIdentifier ? `dialog::transfer::${O.__signedIdentifier}` : `dialog::${e}`;
+}
+function DialogContentWithValidation({ pageDefinition: e, transferId: D, params: O, actionButtonGroups: k, navigation: j, dataStore: M, application: N, api: P, notifications: F, transfer: I, closeDialog: z, isCreate: B, isEager: V, relation: H, ownerTransfer: U, parentTransferId: W, relationName: G }) {
+	let K = useValidationContextOptional(), q = useMemo(() => {
+		if (K) return {
+			setError: K.setError,
+			setErrors: (e) => {
+				K.setErrors(e);
+				for (let D of Object.keys(e)) K.touch(D);
+			},
+			clearErrors: K.clearErrors,
+			clearError: K.clearError
+		};
+	}, [K]), { dispatch: J } = useActionDispatcher({
+		navigation: j,
+		data: M,
+		registry: N,
+		api: P,
+		transfer: I,
+		closeDialog: z,
+		notifications: F,
+		actionOverrides: useResolvedPageActionOverrides(),
+		additionalContext: {
+			pageTransferId: D,
+			pageType: "FORM",
+			isEditMode: !0,
+			isEager: V,
+			validation: q,
+			...V && W && { parentTransferId: W },
+			...V && G && { relationName: G },
+			createDialog: B ? {
+				relation: H,
+				ownerTransfer: U,
+				isEager: V,
+				parentTransferId: W,
+				relationName: G
+			} : void 0
+		}
+	}), Y = useSelectorSelectionOptional(), X = useCallback((e) => {
+		let D = { isPageAction: !0 };
+		if (Y) {
+			D.ownerTransfer = Y.ownerTransfer;
+			let e = Y.selectedTransfersRef.current;
+			D.selectedEntities = e, D.selectedEntity = e[0];
+		}
+		return J(e, D);
+	}, [J, Y]), Z = e.container?.type === PageContainerType.VIEW;
+	return /* @__PURE__ */ jsxs(DispatchProvider, {
+		dispatch: J,
+		children: [/* @__PURE__ */ jsx(DialogContent, {
+			dividers: !0,
+			sx: {
+				flex: 1,
+				overflow: "auto"
+			},
+			children: /* @__PURE__ */ jsx(PageRenderer, { page: e })
+		}), k.length > 0 && /* @__PURE__ */ jsx(DialogActions, {
+			"data-testid": `page-dialog::${e["xmi:id"]}::actions`,
+			children: /* @__PURE__ */ jsx(Box, {
+				sx: {
+					display: "flex",
+					gap: 1,
+					justifyContent: "flex-end"
+				},
+				children: k.map((D) => /* @__PURE__ */ jsx(ButtonGroupRenderer, {
+					element: D,
+					page: e,
+					editMode: Z,
+					onDispatch: X
+				}, D["xmi:id"]))
+			})
+		})]
+	});
+}
+function PageDialogHost() {
+	let e = useNavigation(), { dialogStack: D, closeDialog: O } = e;
+	return D.length === 0 ? null : /* @__PURE__ */ jsx(Fragment, { children: D.map((k, A) => /* @__PURE__ */ jsx(SinglePageDialog, {
+		dialog: k,
+		isTopmost: A === D.length - 1,
+		navigation: e,
+		closeDialog: O
+	}, `${k.pageDefinition["xmi:id"]}::${A}`)) });
+}
+function SinglePageDialog({ dialog: e, isTopmost: D, navigation: O, closeDialog: k }) {
+	let A = useApplication(), j = useApi(), M = useDataStore(), N = useNotifications(), { pageDefinition: P, size: F, params: L } = e, R = useMemo(() => generateDialogEntityId(P["xmi:id"], L), [P, L]), z = useMemo(() => {
+		if (L?.transfer) return L.transfer;
+	}, [L?.transfer]), B = L?.isCreate === !0, V = L?.isEager === !0, H = L?.relation, U = L?.ownerTransfer, W = L?.parentTransferId, G = L?.relationName, K = useCallback(() => {
+		D && k({ type: "cancelled" });
+	}, [k, D]), q = getMaxWidth(F), J = P.container?.actionButtonGroups ?? [], Y = String(P.isSelector) === "true", X = (e) => Y ? /* @__PURE__ */ jsx(SelectorSelectionProvider, {
+		ownerTransfer: U,
+		children: e
+	}) : e;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: !0,
+		onClose: K,
+		maxWidth: q,
+		fullWidth: !0,
+		scroll: "paper",
+		"data-testid": `page-dialog::${P["xmi:id"]}`,
+		sx: D ? void 0 : {
+			visibility: "hidden",
+			pointerEvents: "none"
+		},
+		slotProps: D ? void 0 : { backdrop: { sx: { display: "none" } } },
+		PaperProps: { sx: {
+			maxHeight: "90vh",
+			display: "flex",
+			flexDirection: "column"
+		} },
+		children: [/* @__PURE__ */ jsx(TranslatedDialogTitle, {
+			pageDefinition: P,
+			transferId: R
+		}), /* @__PURE__ */ jsx(PageProvider, {
+			pageDefinition: P,
+			transferId: R,
+			params: L,
+			isDialog: !0,
+			children: /* @__PURE__ */ jsx(PageActionOverridesProvider, { children: /* @__PURE__ */ jsx(VisualPropertiesProvider, { children: /* @__PURE__ */ jsx(ValidationProvider, { children: X(/* @__PURE__ */ jsx(DialogContentWithValidation, {
+				pageDefinition: P,
+				transferId: R,
+				params: L,
+				actionButtonGroups: J,
+				navigation: O,
+				dataStore: M,
+				application: A,
+				api: j,
+				notifications: N,
+				transfer: z,
+				closeDialog: k,
+				isCreate: B,
+				isEager: V,
+				relation: H,
+				ownerTransfer: U,
+				parentTransferId: W,
+				relationName: G
+			})) }) }) })
+		})]
+	});
+}
+function TranslatedDialogTitle({ pageDefinition: e, transferId: D }) {
+	let { title: O } = usePageTitle(e, D);
+	return O ? /* @__PURE__ */ jsx(DialogTitle, {
+		"data-testid": `page-dialog::${e["xmi:id"]}::title`,
+		children: O
+	}) : null;
+}
+function AppShellLayout({ children: e, logo: D, appBarExtra: O, menuLayout: k }) {
+	let [j, M] = useState(!0), [N, P] = useState(!1), { application: F } = useApplication(), I = k ?? F.defaultMenuLayout ?? MenuLayout.VERTICAL, L = I === MenuLayout.HORIZONTAL, R = N ? 64 : 280, z = L ? 0 : j ? R : 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			minHeight: "100vh"
+		},
+		"data-testid": "app-shell-layout",
+		children: [
+			/* @__PURE__ */ jsx(AppBar, {
+				drawerWidth: z,
+				onMenuClick: L ? void 0 : () => M(!j),
+				logo: D,
+				extra: O,
+				menuLayout: I,
+				navigationController: F.navigationController
+			}),
+			!L && /* @__PURE__ */ jsx(NavigationDrawer, {
+				open: j,
+				collapsed: N,
+				onCollapse: () => P(!N),
+				width: j ? R : 0,
+				navigationController: F.navigationController
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					flexGrow: 1,
+					minHeight: "100vh",
+					width: `calc(100% - ${z}px)`,
+					transition: "width 0.2s"
+				},
+				children: [/* @__PURE__ */ jsxs(Box, {
+					component: "main",
+					sx: {
+						flexGrow: 1,
+						p: 3,
+						mt: 8
+					},
+					"data-testid": "app-shell-layout::main",
+					children: [/* @__PURE__ */ jsx(Breadcrumbs, {}), e]
+				}), /* @__PURE__ */ jsx(Footer, {})]
+			}),
+			/* @__PURE__ */ jsx(PageDialogHost, {})
+		]
+	});
+}
+function PrincipalBridge({ children: e }) {
+	let D = useApi(), { application: O } = useApplication(), k = useCallback(async () => (await D.getPrincipal()).data, [D]);
+	return /* @__PURE__ */ jsx(PrincipalProvider, {
+		fetchPrincipal: O.authentication ? k : void 0,
+		children: e
+	});
+}
+function DefaultGuestPage({ application: e, signIn: D }) {
+	return /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		minHeight: "100vh",
+		"data-testid": "guest-page",
+		children: /* @__PURE__ */ jsxs(Paper, {
+			elevation: 3,
+			sx: {
+				p: 4,
+				maxWidth: 400,
+				width: "100%",
+				textAlign: "center"
+			},
+			children: [
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "h4",
+					gutterBottom: !0,
+					"data-testid": "guest-page-title",
+					children: e.title ?? e.name
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "body1",
+					color: "text.secondary",
+					sx: { mb: 3 },
+					children: "Sign in to access the application."
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "contained",
+					size: "large",
+					onClick: D,
+					"data-testid": "guest-page-sign-in",
+					children: "Sign In"
+				})
+			]
+		})
+	});
+}
+function DefaultSettingsPage() {
+	let { t: e } = useTranslation();
+	return /* @__PURE__ */ jsx(Box, {
+		sx: {
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			minHeight: "60vh"
+		},
+		"data-testid": "default-settings-page",
+		children: /* @__PURE__ */ jsxs(Paper, {
+			sx: {
+				p: 4,
+				textAlign: "center",
+				maxWidth: 480
+			},
+			elevation: 2,
+			children: [
+				/* @__PURE__ */ jsx(SettingsIcon, { sx: {
+					fontSize: 48,
+					color: "text.secondary",
+					mb: 2
+				} }),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "h5",
+					gutterBottom: !0,
+					children: e("system.common.settings", { defaultValue: "Settings" })
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "body1",
+					color: "text.secondary",
+					children: e("system.common.settingsPlaceholder", { defaultValue: "This page can be customized by providing a settingsPage component." })
+				})
+			]
+		})
+	});
+}
+function generatePageEntityId(e) {
+	return e.container?.type === "TABLE" ? `page::${e["xmi:id"]}` : null;
+}
+function PageRoute({ page: e }) {
+	let { signedIdentifier: D } = useParams();
+	return /* @__PURE__ */ jsx(PageProvider, {
+		pageDefinition: e,
+		transferId: useMemo(() => {
+			let O = e.container;
+			return O?.type === "VIEW" && D || O?.type === "TABLE" && D ? `transfer::${decodeURIComponent(D)}` : generatePageEntityId(e);
+		}, [e, D]),
+		params: useMemo(() => {
+			if (D) return { signedIdentifier: decodeURIComponent(D) };
+		}, [D]),
+		children: /* @__PURE__ */ jsx(PageActionOverridesProvider, { children: /* @__PURE__ */ jsx(VisualPropertiesProvider, { children: /* @__PURE__ */ jsx(PageRenderer, { page: e }) }) })
+	});
+}
+function RedirectPage() {
+	let e = useCustomizationsOptional()?.getRedirectHandler();
+	return e ? /* @__PURE__ */ jsx(e, {}) : /* @__PURE__ */ jsx("div", {
+		"data-testid": "redirect-no-handler",
+		children: /* @__PURE__ */ jsx("p", { children: "No redirect handler configured." })
+	});
+}
+function generateRoutes({ application: e, DashboardPage: D, NotFoundPage: O, customRoutes: k, SettingsPage: A }) {
+	let j = e.pages.map((e) => ({
+		page: e,
+		route: getRoutePattern(e)
+	}));
+	return /* @__PURE__ */ jsxs(Routes, { children: [
+		!j.some(({ route: e }) => e === "/") && /* @__PURE__ */ jsx(Route, {
+			path: "/",
+			element: jsx(D || DefaultDashboard, { application: e })
+		}),
+		j.map(({ page: e, route: D }) => /* @__PURE__ */ jsx(Route, {
+			path: D,
+			element: /* @__PURE__ */ jsx(PageRoute, { page: e })
+		}, e["xmi:id"])),
+		/* @__PURE__ */ jsx(Route, {
+			path: "/_redirect",
+			element: /* @__PURE__ */ jsx(RedirectPage, {})
+		}),
+		/* @__PURE__ */ jsx(Route, {
+			path: "/settings",
+			element: jsx(A || DefaultSettingsPage, {})
+		}),
+		k?.map(({ path: e, element: D }) => /* @__PURE__ */ jsx(Route, {
+			path: e,
+			element: D
+		}, e)),
+		/* @__PURE__ */ jsx(Route, {
+			path: "*",
+			element: jsx(O || DefaultNotFound, {})
+		})
+	] });
+}
+function DefaultDashboard({ application: e }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "dashboard",
+		children: /* @__PURE__ */ jsxs("h1", { children: ["Welcome to ", e.name] })
+	});
+}
+function DefaultNotFound() {
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "not-found",
+		children: /* @__PURE__ */ jsx("h1", { children: "404 - Page Not Found" })
+	});
+}
+/**
+* @license React
+* react-is.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_is_production = /* @__PURE__ */ __commonJSMin(((e) => {
+	var D = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), j = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), L = Symbol.for("react.client.reference");
+	e.isValidElementType = function(e) {
+		return !!(typeof e == "string" || typeof e == "function" || e === D || e === k || e === O || e === N || e === P || typeof e == "object" && e && (e.$$typeof === I || e.$$typeof === F || e.$$typeof === j || e.$$typeof === A || e.$$typeof === M || e.$$typeof === L || e.getModuleId !== void 0));
+	};
+})), require_react_is_development = /* @__PURE__ */ __commonJSMin(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function D(e) {
+			if (typeof e == "object" && e) {
+				var D = e.$$typeof;
+				switch (D) {
+					case O: switch (e = e.type, e) {
+						case A:
+						case M:
+						case j:
+						case I:
+						case L:
+						case B: return e;
+						default: switch (e &&= e.$$typeof, e) {
+							case P:
+							case F:
+							case z:
+							case R: return e;
+							case N: return e;
+							default: return D;
+						}
+					}
+					case k: return D;
+				}
+			}
+		}
+		var O = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), A = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), P = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), B = Symbol.for("react.view_transition"), V = Symbol.for("react.client.reference");
+		e.ContextConsumer = N, e.ContextProvider = P, e.Element = O, e.ForwardRef = F, e.Fragment = A, e.Lazy = z, e.Memo = R, e.Portal = k, e.Profiler = M, e.StrictMode = j, e.Suspense = I, e.SuspenseList = L, e.isContextConsumer = function(e) {
+			return D(e) === N;
+		}, e.isContextProvider = function(e) {
+			return D(e) === P;
+		}, e.isElement = function(e) {
+			return typeof e == "object" && !!e && e.$$typeof === O;
+		}, e.isForwardRef = function(e) {
+			return D(e) === F;
+		}, e.isFragment = function(e) {
+			return D(e) === A;
+		}, e.isLazy = function(e) {
+			return D(e) === z;
+		}, e.isMemo = function(e) {
+			return D(e) === R;
+		}, e.isPortal = function(e) {
+			return D(e) === k;
+		}, e.isProfiler = function(e) {
+			return D(e) === M;
+		}, e.isStrictMode = function(e) {
+			return D(e) === j;
+		}, e.isSuspense = function(e) {
+			return D(e) === I;
+		}, e.isSuspenseList = function(e) {
+			return D(e) === L;
+		}, e.isValidElementType = function(e) {
+			return !!(typeof e == "string" || typeof e == "function" || e === A || e === M || e === j || e === I || e === L || typeof e == "object" && e && (e.$$typeof === z || e.$$typeof === R || e.$$typeof === P || e.$$typeof === N || e.$$typeof === F || e.$$typeof === V || e.getModuleId !== void 0));
+		}, e.typeOf = D;
+	})();
+})), import_react_is = (/* @__PURE__ */ __commonJSMin(((e, D) => {
+	process.env.NODE_ENV === "production" ? D.exports = require_react_is_production() : D.exports = require_react_is_development();
+})))();
+function isPlainObject(e) {
+	if (typeof e != "object" || !e) return !1;
+	let D = Object.getPrototypeOf(e);
+	return (D === null || D === Object.prototype || Object.getPrototypeOf(D) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function deepClone(e) {
+	if (/* @__PURE__ */ React.isValidElement(e) || (0, import_react_is.isValidElementType)(e) || !isPlainObject(e)) return e;
+	let D = {};
+	return Object.keys(e).forEach((O) => {
+		D[O] = deepClone(e[O]);
+	}), D;
+}
+function deepmerge(e, D, O = { clone: !0 }) {
+	let k = O.clone ? { ...e } : e;
+	return isPlainObject(e) && isPlainObject(D) && Object.keys(D).forEach((A) => {
+		/* @__PURE__ */ React.isValidElement(D[A]) || (0, import_react_is.isValidElementType)(D[A]) ? k[A] = D[A] : isPlainObject(D[A]) && Object.prototype.hasOwnProperty.call(e, A) && isPlainObject(e[A]) ? k[A] = deepmerge(e[A], D[A], O) : O.clone ? k[A] = isPlainObject(D[A]) ? deepClone(D[A]) : D[A] : k[A] = D[A];
+	}), k;
+}
+function createDensityThemeOptions(e) {
+	switch (e) {
+		case "compact": return {
+			spacing: 6,
+			typography: { fontSize: 13 },
+			components: {
+				MuiButton: { defaultProps: { size: "small" } },
+				MuiTextField: { defaultProps: {
+					size: "small",
+					margin: "dense"
+				} },
+				MuiFormControl: { defaultProps: {
+					size: "small",
+					margin: "dense"
+				} },
+				MuiInputBase: { defaultProps: { size: "small" } },
+				MuiInputLabel: { defaultProps: { size: "small" } },
+				MuiSelect: { defaultProps: {
+					size: "small",
+					margin: "dense"
+				} },
+				MuiIconButton: { defaultProps: { size: "small" } },
+				MuiToolbar: { defaultProps: { variant: "dense" } },
+				MuiTable: { defaultProps: { size: "small" } },
+				MuiTableCell: { styleOverrides: { root: { padding: "4px 8px" } } },
+				MuiCardContent: { styleOverrides: { root: { padding: "12px" } } },
+				MuiDataGrid: { defaultProps: { density: "compact" } },
+				MuiDataGridPro: { defaultProps: { density: "compact" } }
+			}
+		};
+		case "standard": return {
+			spacing: 10,
+			typography: { fontSize: 15 },
+			components: {
+				MuiButton: { defaultProps: { size: "large" } },
+				MuiTextField: { defaultProps: {
+					size: "medium",
+					margin: "normal"
+				} },
+				MuiFormControl: { defaultProps: {
+					size: "medium",
+					margin: "normal"
+				} },
+				MuiToolbar: { defaultProps: { variant: "regular" } },
+				MuiTableCell: { styleOverrides: { root: { padding: "12px 16px" } } },
+				MuiCardContent: { styleOverrides: { root: { padding: "20px" } } },
+				MuiDataGrid: { defaultProps: { density: "comfortable" } },
+				MuiDataGridPro: { defaultProps: { density: "comfortable" } }
+			}
+		};
+		case "comfortable":
+		default: return {};
+	}
+}
+function hexAlpha(e, D) {
+	return `${e}${Math.round(D * 255).toString(16).padStart(2, "0")}`;
+}
+function createJudoThemeOptions(e) {
+	let { primaryColor: D, secondaryColor: O, mode: k, lightBackground: A, darkBackground: j } = e, M = k === "light";
+	return {
+		palette: {
+			mode: k,
+			primary: { main: D },
+			secondary: { main: O },
+			background: M ? {
+				default: A ?? "#F5F6FA",
+				paper: "#FFFFFF"
+			} : {
+				default: j ?? "#0A1929",
+				paper: "#132F4C"
+			},
+			divider: M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"
+		},
+		shape: { borderRadius: 8 },
+		typography: {
+			fontFamily: [
+				"\"Inter\"",
+				"\"Segoe UI\"",
+				"\"Roboto\"",
+				"\"Helvetica Neue\"",
+				"Arial",
+				"sans-serif"
+			].join(","),
+			h1: {
+				fontWeight: 700,
+				letterSpacing: "-0.02em"
+			},
+			h2: {
+				fontWeight: 700,
+				letterSpacing: "-0.01em"
+			},
+			h3: { fontWeight: 600 },
+			h4: { fontWeight: 600 },
+			h5: { fontWeight: 600 },
+			h6: { fontWeight: 600 },
+			subtitle1: { fontWeight: 500 },
+			subtitle2: { fontWeight: 500 },
+			button: {
+				fontWeight: 600,
+				textTransform: "none"
+			}
+		},
+		shadows: createModernShadows(M),
+		components: {
+			MuiCssBaseline: { styleOverrides: {
+				"*, *::before, *::after": { boxSizing: "border-box" },
+				body: {
+					WebkitFontSmoothing: "antialiased",
+					MozOsxFontSmoothing: "grayscale"
+				},
+				"@keyframes judoFadeInUp": {
+					from: {
+						opacity: 0,
+						transform: "translateY(8px)"
+					},
+					to: {
+						opacity: 1,
+						transform: "translateY(0)"
+					}
+				},
+				"@keyframes judoFadeIn": {
+					from: { opacity: 0 },
+					to: { opacity: 1 }
+				},
+				"*::-webkit-scrollbar": {
+					width: 6,
+					height: 6
+				},
+				"*::-webkit-scrollbar-track": { background: "transparent" },
+				"*::-webkit-scrollbar-thumb": {
+					background: M ? "rgba(0,0,0,0.15)" : "rgba(255,255,255,0.15)",
+					borderRadius: 3
+				},
+				"*::-webkit-scrollbar-thumb:hover": { background: M ? "rgba(0,0,0,0.25)" : "rgba(255,255,255,0.25)" }
+			} },
+			MuiPaper: {
+				defaultProps: { elevation: 0 },
+				styleOverrides: {
+					root: {
+						backgroundImage: M ? "linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%)" : "linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%)",
+						border: `1px solid ${M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}`,
+						transition: "box-shadow 0.25s cubic-bezier(0.4,0,0.2,1), border-color 0.25s cubic-bezier(0.4,0,0.2,1), transform 0.25s cubic-bezier(0.4,0,0.2,1)"
+					},
+					elevation0: { border: `1px solid ${M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}` }
+				}
+			},
+			MuiCard: {
+				defaultProps: { elevation: 0 },
+				styleOverrides: { root: {
+					border: `1px solid ${M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}`,
+					transition: "box-shadow 0.3s cubic-bezier(0.4,0,0.2,1), border-color 0.3s cubic-bezier(0.4,0,0.2,1), transform 0.25s cubic-bezier(0.4,0,0.2,1)",
+					"&:hover": {
+						borderColor: hexAlpha(D, .3),
+						boxShadow: M ? `0 4px 16px ${hexAlpha(D, .12)}` : `0 4px 16px ${hexAlpha(D, .2)}`,
+						transform: "translateY(-1px)"
+					}
+				} }
+			},
+			MuiAppBar: {
+				defaultProps: { elevation: 0 },
+				styleOverrides: { root: {
+					backgroundImage: "none",
+					borderBottom: `1px solid ${M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}`
+				} }
+			},
+			MuiButton: {
+				defaultProps: { disableElevation: !0 },
+				styleOverrides: {
+					root: {
+						textTransform: "none",
+						fontWeight: 600,
+						borderRadius: 6,
+						transition: "all 0.15s ease"
+					},
+					containedPrimary: { "&:hover": { boxShadow: `0 2px 8px ${hexAlpha(D, .35)}` } },
+					containedSecondary: { "&:hover": { boxShadow: `0 2px 8px ${hexAlpha(O, .35)}` } },
+					outlined: {
+						borderWidth: 1.5,
+						"&:hover": { borderWidth: 1.5 }
+					}
+				}
+			},
+			MuiButtonGroup: { defaultProps: { disableElevation: !0 } },
+			MuiIconButton: { styleOverrides: { root: {
+				borderRadius: 8,
+				transition: "background-color 0.15s ease"
+			} } },
+			MuiFab: {
+				defaultProps: { color: "secondary" },
+				styleOverrides: { root: { boxShadow: `0 3px 12px ${hexAlpha(O, .3)}` } }
+			},
+			MuiTextField: { defaultProps: {
+				variant: "outlined",
+				size: "small"
+			} },
+			MuiOutlinedInput: { styleOverrides: {
+				root: {
+					borderRadius: 6,
+					"&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderWidth: 2 }
+				},
+				notchedOutline: {
+					borderColor: M ? "rgba(0, 0, 0, 0.15)" : "rgba(255, 255, 255, 0.15)",
+					transition: "border-color 0.15s ease"
+				}
+			} },
+			MuiInputLabel: { styleOverrides: { root: { fontWeight: 500 } } },
+			MuiSelect: { defaultProps: { size: "small" } },
+			MuiAutocomplete: { styleOverrides: { paper: {
+				borderRadius: 8,
+				marginTop: 4,
+				boxShadow: M ? "0 4px 20px rgba(0,0,0,0.1)" : "0 4px 20px rgba(0,0,0,0.4)"
+			} } },
+			MuiCheckbox: { defaultProps: { color: "primary" } },
+			MuiRadio: { defaultProps: { color: "primary" } },
+			MuiSwitch: { defaultProps: { color: "primary" } },
+			MuiListItemButton: { styleOverrides: { root: {
+				borderRadius: 6,
+				margin: "1px 4px",
+				transition: "background-color 0.15s ease",
+				"&.Mui-selected": {
+					backgroundColor: hexAlpha(D, .1),
+					"&:hover": { backgroundColor: hexAlpha(D, .16) }
+				}
+			} } },
+			MuiListItemIcon: { styleOverrides: { root: { minWidth: 36 } } },
+			MuiTab: { styleOverrides: { root: {
+				textTransform: "none",
+				fontWeight: 500,
+				minHeight: 40
+			} } },
+			MuiTabs: { styleOverrides: { indicator: {
+				height: 2.5,
+				borderRadius: "2px 2px 0 0"
+			} } },
+			MuiTableHead: { styleOverrides: { root: { "& .MuiTableCell-head": {
+				fontWeight: 600,
+				backgroundColor: M ? "rgba(0, 0, 0, 0.02)" : "rgba(255, 255, 255, 0.03)",
+				borderBottom: `2px solid ${M ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)"}`
+			} } } },
+			MuiTableRow: { styleOverrides: { root: { "&:last-child td": { borderBottom: 0 } } } },
+			MuiDataGrid: { styleOverrides: { root: {
+				border: `1px solid ${M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}`,
+				borderRadius: 8,
+				"& .MuiDataGrid-columnHeaders": { backgroundColor: M ? "rgba(0, 0, 0, 0.02)" : "rgba(255, 255, 255, 0.03)" },
+				"& .MuiDataGrid-columnHeaderTitle": { fontWeight: 600 },
+				"& .MuiDataGrid-row:hover": { backgroundColor: M ? hexAlpha(D, .04) : hexAlpha(D, .08) },
+				"& .MuiDataGrid-row.Mui-selected": {
+					backgroundColor: hexAlpha(D, .08),
+					"&:hover": { backgroundColor: hexAlpha(D, .12) }
+				},
+				"& .MuiDataGrid-cell:focus": {
+					outline: `2px solid ${D}`,
+					outlineOffset: -2
+				}
+			} } },
+			MuiDialog: {
+				defaultProps: { PaperProps: { elevation: 0 } },
+				styleOverrides: {
+					paper: {
+						borderRadius: 16,
+						boxShadow: M ? `0 20px 60px rgba(0,0,0,0.15), 0 0 0 1px ${hexAlpha(D, .06)}` : `0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px ${hexAlpha(D, .1)}`
+					},
+					root: { "& .MuiBackdrop-root": {
+						backdropFilter: "blur(4px)",
+						backgroundColor: M ? "rgba(0, 0, 0, 0.3)" : "rgba(0, 0, 0, 0.5)"
+					} }
+				}
+			},
+			MuiDialogTitle: { styleOverrides: { root: {
+				fontWeight: 600,
+				fontSize: "1.1rem"
+			} } },
+			MuiChip: { styleOverrides: { root: {
+				fontWeight: 500,
+				borderRadius: 6,
+				transition: "background-color 0.2s ease, box-shadow 0.2s ease"
+			} } },
+			MuiBadge: { styleOverrides: { standard: { fontWeight: 600 } } },
+			MuiTooltip: {
+				defaultProps: { arrow: !0 },
+				styleOverrides: { tooltip: {
+					borderRadius: 6,
+					fontSize: "0.75rem",
+					fontWeight: 500
+				} }
+			},
+			MuiAlert: {
+				defaultProps: { variant: "outlined" },
+				styleOverrides: { root: { borderRadius: 8 } }
+			},
+			MuiDrawer: { styleOverrides: { paper: {
+				borderRight: `1px solid ${M ? "rgba(0, 0, 0, 0.08)" : "rgba(255, 255, 255, 0.08)"}`,
+				backgroundImage: M ? "linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(245,246,250,0.95) 100%)" : "linear-gradient(180deg, rgba(19,47,76,0.95) 0%, rgba(10,25,41,0.95) 100%)"
+			} } },
+			MuiBreadcrumbs: { styleOverrides: { root: { fontSize: "0.8rem" } } },
+			MuiToolbar: { styleOverrides: { root: { minHeight: "52px !important" } } }
+		}
+	};
+}
+function createModernShadows(e) {
+	let D = "0,0,0";
+	return [
+		"none",
+		`0 1px 2px rgba(${D},0.06)`,
+		`0 1px 4px rgba(${D},0.08)`,
+		`0 2px 6px rgba(${D},0.1)`,
+		`0 2px 8px rgba(${D},0.1)`,
+		`0 3px 10px rgba(${D},0.1)`,
+		`0 3px 12px rgba(${D},0.12)`,
+		`0 4px 14px rgba(${D},0.12)`,
+		`0 4px 16px rgba(${D},0.14)`,
+		`0 5px 18px rgba(${D},0.14)`,
+		`0 5px 20px rgba(${D},0.14)`,
+		`0 6px 22px rgba(${D},0.14)`,
+		`0 6px 24px rgba(${D},0.16)`,
+		`0 7px 26px rgba(${D},0.16)`,
+		`0 7px 28px rgba(${D},0.16)`,
+		`0 8px 30px rgba(${D},0.16)`,
+		`0 8px 32px rgba(${D},0.18)`,
+		`0 9px 34px rgba(${D},0.18)`,
+		`0 9px 36px rgba(${D},0.18)`,
+		`0 10px 38px rgba(${D},0.18)`,
+		`0 10px 40px rgba(${D},0.2)`,
+		`0 11px 42px rgba(${D},0.2)`,
+		`0 11px 44px rgba(${D},0.2)`,
+		`0 12px 46px rgba(${D},0.2)`,
+		`0 12px 48px rgba(${D},0.22)`
+	];
+}
+const themePresets = {
+	corporate: {
+		name: "Corporate",
+		primaryColor: "#1565C0",
+		secondaryColor: "#00897B",
+		lightBackground: "#F5F6FA",
+		darkBackground: "#0A1929"
+	},
+	ocean: {
+		name: "Ocean",
+		primaryColor: "#0277BD",
+		secondaryColor: "#26A69A",
+		lightBackground: "#F0F7FA",
+		darkBackground: "#0D1B2A"
+	},
+	slate: {
+		name: "Slate",
+		primaryColor: "#37474F",
+		secondaryColor: "#FF8F00",
+		lightBackground: "#F7F8F9",
+		darkBackground: "#121212"
+	},
+	indigo: {
+		name: "Indigo",
+		primaryColor: "#283593",
+		secondaryColor: "#F4511E",
+		lightBackground: "#F5F5FB",
+		darkBackground: "#0D0D2B"
+	},
+	forest: {
+		name: "Forest",
+		primaryColor: "#2E7D32",
+		secondaryColor: "#00695C",
+		lightBackground: "#F4F8F4",
+		darkBackground: "#0A1F0A"
+	},
+	royal: {
+		name: "Royal",
+		primaryColor: "#4527A0",
+		secondaryColor: "#AD1457",
+		lightBackground: "#F6F3FA",
+		darkBackground: "#1A0A2E"
+	}
+};
+function resolvePreset(e) {
+	return themePresets[e];
+}
+function ThemeProvider({ children: e }) {
+	let { config: D } = useTheme(), { mode: O, primaryColor: k, secondaryColor: A, muiThemeOptions: j, density: M, preset: N } = D;
+	return /* @__PURE__ */ jsxs(ThemeProvider$1, {
+		theme: useMemo(() => {
+			let e = resolvePreset(N || "corporate"), D = k ?? e?.primaryColor, P = A ?? e?.secondaryColor;
+			return createTheme(deepmerge(deepmerge(D && P ? createJudoThemeOptions({
+				primaryColor: D,
+				secondaryColor: P,
+				mode: O,
+				lightBackground: e?.lightBackground,
+				darkBackground: e?.darkBackground
+			}) : { palette: {
+				mode: O,
+				background: O === "light" ? { default: "#F5F6FA" } : {},
+				...D && { primary: { main: D } },
+				...P && { secondary: { main: P } }
+			} }, createDensityThemeOptions(M ?? "compact")), j ?? {}));
+		}, [
+			O,
+			k,
+			A,
+			j,
+			M,
+			N
+		]),
+		children: [/* @__PURE__ */ jsx(CssBaseline, {}), e]
+	});
+}
+function DefaultErrorScreen({ error: D, onRetry: O }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		"data-testid": "error-screen",
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			minHeight: "100vh",
+			gap: 3,
+			p: 4
+		},
+		children: [
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "h5",
+				component: "h1",
+				color: "error",
+				children: "Application Error"
+			}),
+			/* @__PURE__ */ jsx(Alert, {
+				severity: "error",
+				sx: { maxWidth: 600 },
+				children: /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					component: "pre",
+					sx: {
+						whiteSpace: "pre-wrap",
+						wordBreak: "break-word"
+					},
+					children: D.message
+				})
+			}),
+			O && /* @__PURE__ */ jsx(Button, {
+				variant: "contained",
+				startIcon: /* @__PURE__ */ jsx(RefreshIcon, {}),
+				onClick: O,
+				children: "Retry"
+			}),
+			!1
+		]
+	});
+}
+function DefaultLoadingScreen() {
+	return /* @__PURE__ */ jsxs(Box, {
+		"data-testid": "loading-screen",
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			minHeight: "100vh",
+			gap: 2
+		},
+		children: [/* @__PURE__ */ jsx(CircularProgress, { size: 48 }), /* @__PURE__ */ jsx(Typography, {
+			variant: "body1",
+			color: "text.secondary",
+			children: "Loading application..."
+		})]
+	});
+}
+function getInitialMode() {
+	if (typeof window > "u") return "light";
+	let e = localStorage.getItem("theme-mode");
+	return e === "light" || e === "dark" ? e : typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function JudoRuntime({ config: e = {}, modelSource: D, logo: O, appBarExtra: k, loadingComponent: A, errorComponent: j, children: M, customizations: N }) {
+	let P = useMemo(() => ({
+		...e,
+		model: {
+			...e.model,
+			source: D ?? e.model?.source
+		}
+	}), [e, D]), [I, L] = useState({
+		phase: "initializing",
+		error: null
+	}), [R, z] = useState(null), [B, V] = useState(null), [H, U] = useState({}), [W, G] = useState(0);
+	useEffect(() => {
+		let e = !1;
+		async function D() {
+			try {
+				L({
+					phase: "loading",
+					error: null
+				});
+				let D = P.model?.source;
+				if (!D) throw Error("No model source provided. Pass modelSource prop or config.model.source.");
+				let O;
+				if (O = typeof D == "function" ? await new EmbeddedModelLoader(await D()).load() : await new HttpModelLoader().load(D), O.length === 0) throw Error("No applications found in model");
+				if (e) return;
+				let k = new ModelRegistry();
+				if (k.registerModel(O), k.setActiveApplication(P.model?.initialApplication ?? O[0].name), e) return;
+				let A = k.getActiveApplication(), j = createJudoRestApi({
+					baseUrl: `${P.api?.baseUrl ?? window.location.origin}/api`,
+					application: A,
+					timeout: P.api?.timeout,
+					defaultHeaders: P.api?.headers
+				});
+				if (e) return;
+				let M = {};
+				if (P.muiProLicenseKey) try {
+					let [e, D] = await Promise.all([import("@mui/x-license"), import("@mui/x-data-grid-pro")]);
+					e.LicenseInfo.setLicenseKey(P.muiProLicenseKey), M = { DataGrid: D.DataGridPro };
+				} catch {}
+				if (e) return;
+				z(k), V(j), U(M), L({
+					phase: "ready",
+					error: null
+				});
+			} catch (D) {
+				if (e) return;
+				L({
+					phase: "error",
+					error: D instanceof Error ? D : Error(String(D))
+				});
+			}
+		}
+		return D(), () => {
+			e = !0;
+		};
+	}, [P, W]);
+	let K = useCallback(() => {
+		G((e) => e + 1);
+	}, []), q = useMemo(() => {
+		switch (P.router?.type ?? "browser") {
+			case "hash": return HashRouter;
+			case "memory": return MemoryRouter;
+			default: return BrowserRouter;
+		}
+	}, [P.router?.type]);
+	useEffect(() => {
+		let e = P.theme ?? {}, D = e.defaultMode === "system" || e.defaultMode === void 0;
+		initializeThemeStore({
+			mode: e.defaultMode === "dark" ? "dark" : e.defaultMode === "light" ? "light" : getInitialMode(),
+			primaryColor: e.primaryColor,
+			secondaryColor: e.secondaryColor,
+			muiThemeOptions: e.muiThemeOptions,
+			density: e.density,
+			preset: e.preset
+		}, D);
+	}, [P.theme]);
+	let J = useMemo(() => {
+		let e = P.theme ?? {}, D = { palette: {
+			mode: e.defaultMode === "dark" ? "dark" : e.defaultMode === "light" ? "light" : getInitialMode(),
+			...e.primaryColor && { primary: { main: e.primaryColor } },
+			...e.secondaryColor && { secondary: { main: e.secondaryColor } }
+		} };
+		return e.muiThemeOptions ? createTheme(D, e.muiThemeOptions) : createTheme(D);
+	}, [P.theme]), Y = useMemo(() => {
+		let e = P.auth;
+		return e?.skip || !e?.oidc ? null : createOidcOptions(e.oidc);
+	}, [P.auth]);
+	if (I.phase === "initializing" || I.phase === "loading") return /* @__PURE__ */ jsxs(ThemeProvider$1, {
+		theme: J,
+		children: [/* @__PURE__ */ jsx(CssBaseline, {}), A ?? /* @__PURE__ */ jsx(DefaultLoadingScreen, {})]
+	});
+	if (I.phase === "error" && I.error) {
+		let e = typeof j == "function" ? j(I.error, K) : j ?? /* @__PURE__ */ jsx(DefaultErrorScreen, {
+			error: I.error,
+			onRetry: K
+		});
+		return /* @__PURE__ */ jsxs(ThemeProvider$1, {
+			theme: J,
+			children: [/* @__PURE__ */ jsx(CssBaseline, {}), e]
+		});
+	}
+	if (!R || !B) return null;
+	let X = Object.keys(H).length > 0, Z = {
+		features: P.features,
+		density: P.theme?.density,
+		muiProLicenseKey: P.muiProLicenseKey
+	}, Q = R.getActiveApplication().defaultLanguage ?? "en-US", $ = P.i18n;
+	return /* @__PURE__ */ jsx(CustomizationsProvider, {
+		customizations: N,
+		children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(FeedbackProvider, { children: /* @__PURE__ */ jsx(ApiProvider, {
+			api: B,
+			children: /* @__PURE__ */ jsx(RuntimeConfigProvider, {
+				config: Z,
+				children: /* @__PURE__ */ jsx(MuiProProvider, {
+					isProEnabled: X,
+					components: H,
+					children: /* @__PURE__ */ jsxs(ApplicationProvider, {
+						registry: R,
+						children: [/* @__PURE__ */ jsxs(ExpressionProvider, { children: [/* @__PURE__ */ jsx(I18nProvider, {
+							defaultLocale: Q,
+							locales: $?.locales,
+							localeLoader: $?.localeLoader,
+							translationKeyMap: $?.translationKeyMap,
+							persistLocale: $?.persistLocale,
+							children: /* @__PURE__ */ jsx(AuthBridge, {
+								oidcOptions: Y,
+								skipAuth: P.auth?.skip,
+								loadingComponent: A,
+								children: /* @__PURE__ */ jsx(DataProvider, { children: /* @__PURE__ */ jsx(q, {
+									basename: P.router?.basePath,
+									children: /* @__PURE__ */ jsx(NavigationProviderBridge, {
+										logo: O,
+										appBarExtra: k,
+										menuLayout: P.menuLayout,
+										children: M ?? /* @__PURE__ */ jsx(ApplicationRoutes, {})
+									})
+								}) })
+							})
+						}), " "] }), " "]
+					})
+				})
+			})
+		}) }) })
+	});
+}
+function AuthBridge({ oidcOptions: e, skipAuth: D, loadingComponent: O, children: k }) {
+	let { application: A } = useApplication(), j = useCustomizationsOptional(), M = useMemo(() => getAuthConfig(A), [A]);
+	if (D || !e) return /* @__PURE__ */ jsx(Fragment, { children: k });
+	let N = String(A.supportGuestAccess) === "true", P = j?.getGuestComponent() ?? DefaultGuestPage;
+	return /* @__PURE__ */ jsxs(JudoAuthProvider, {
+		config: M,
+		oidcOptions: e,
+		children: [/* @__PURE__ */ jsx(AuthTokenSync, {}), /* @__PURE__ */ jsx(ActorAuthBoundary, {
+			loadingComponent: O,
+			supportGuestAccess: N,
+			guestComponent: N ? /* @__PURE__ */ jsx(GuestPageBridge, {
+				application: A,
+				GuestComponent: P
+			}) : void 0,
+			children: /* @__PURE__ */ jsx(PrincipalBridge, { children: k })
+		})]
+	});
+}
+function GuestPageBridge({ application: e, GuestComponent: D }) {
+	let { signinRedirect: O } = useAuth();
+	return /* @__PURE__ */ jsx(D, {
+		application: e,
+		signIn: useCallback(() => {
+			O();
+		}, [O])
+	});
+}
+function AuthTokenSync() {
+	let { user: e } = useAuth(), D = useApi(), O = useRef(void 0);
+	return useEffect(() => {
+		let k = e?.access_token;
+		k !== O.current && (O.current = k, k ? D.setDefaultHeaders({ Authorization: `Bearer ${k}` }) : D.setDefaultHeaders({}));
+	}, [D, e?.access_token]), null;
+}
+function NavigationProviderBridge({ logo: e, appBarExtra: D, menuLayout: O, children: k }) {
+	return /* @__PURE__ */ jsx(NavigationProvider, {
+		navigate: useNavigate(),
+		getRouteForPage,
+		children: /* @__PURE__ */ jsx(AppShellLayout, {
+			logo: e,
+			appBarExtra: D,
+			menuLayout: O,
+			children: k
+		})
+	});
+}
+function ApplicationRoutes() {
+	let { application: e } = useApplication(), D = useCustomizationsOptional(), O = D?.getCustomRoutes(), k = D?.getSettingsPage();
+	return generateRoutes({
+		application: e,
+		customRoutes: O,
+		SettingsPage: k
+	});
+}
+var AppErrorBoundary = class extends Component {
+	state = {
+		hasError: !1,
+		error: null
+	};
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, D) {
+		console.error("Application error:", e, D);
+	}
+	render() {
+		return this.state.hasError ? /* @__PURE__ */ jsx(Box, {
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			minHeight: "100vh",
+			p: 4,
+			"data-testid": "app-error-boundary",
+			children: /* @__PURE__ */ jsxs(Paper, {
+				sx: {
+					p: 4,
+					maxWidth: 500,
+					textAlign: "center"
+				},
+				children: [
+					/* @__PURE__ */ jsx(ErrorIcon, {
+						color: "error",
+						sx: {
+							fontSize: 64,
+							mb: 2
+						}
+					}),
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "h5",
+						gutterBottom: !0,
+						children: "Application Error"
+					}),
+					/* @__PURE__ */ jsx(Typography, {
+						color: "text.secondary",
+						paragraph: !0,
+						children: "An unexpected error occurred. Please refresh the page to continue."
+					}),
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						color: "error",
+						fontFamily: "monospace",
+						sx: { mb: 2 },
+						"data-testid": "app-error-boundary::message",
+						children: this.state.error?.message
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "contained",
+						onClick: () => window.location.reload(),
+						"data-testid": "app-error-boundary::refresh",
+						children: "Refresh Page"
+					})
+				]
+			})
+		}) : this.props.children;
+	}
+};
+function AppShell({ children: e, logo: D, appBarExtra: O }) {
+	return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(AppErrorBoundary, { children: /* @__PURE__ */ jsx(AppShellLayout, {
+		logo: D,
+		appBarExtra: O,
+		children: e
+	}) }) });
+}
+function UserMenu({ className: e }) {
+	let [D, k] = useState(null), { principal: j, signoutRedirect: M, requiresAuth: N } = useAuth();
+	if (!N) return null;
+	let P = () => {
+		k(null), M();
+	}, F = getUserMenuTestId("trigger"), I = j?.preferredUsername ?? j?.name ?? "User", L = I[0] ?? "?";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		onClick: (e) => k(e.currentTarget),
+		color: "inherit",
+		className: e,
+		"data-testid": F,
+		children: /* @__PURE__ */ jsx(Avatar, {
+			sx: {
+				width: 32,
+				height: 32
+			},
+			children: L
+		})
+	}), /* @__PURE__ */ jsxs(Menu, {
+		anchorEl: D,
+		open: !!D,
+		onClose: () => k(null),
+		"data-testid": getUserMenuTestId("menu"),
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					px: 2,
+					py: 1
+				},
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "subtitle1",
+					children: I
+				}), /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					color: "text.secondary",
+					children: j?.email
+				})]
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: () => k(null),
+				"data-testid": getUserMenuTestId("profile"),
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(PersonIcon, { fontSize: "small" }) }), /* @__PURE__ */ jsx(ListItemText, { children: "Profile" })]
+			}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: () => k(null),
+				"data-testid": getUserMenuTestId("settings"),
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "small" }) }), /* @__PURE__ */ jsx(ListItemText, { children: "Settings" })]
+			}),
+			/* @__PURE__ */ jsx(Divider, {}),
+			/* @__PURE__ */ jsxs(MenuItem, {
+				onClick: P,
+				"data-testid": getUserMenuTestId("logout"),
+				children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(LogoutIcon, { fontSize: "small" }) }), /* @__PURE__ */ jsx(ListItemText, { children: "Logout" })]
+			})
+		]
+	})] });
+}
+export { ActorSelector, AppBar, AppErrorBoundary, AppShell, AppShellLayout, Breadcrumbs, DefaultErrorScreen, DefaultGuestPage, DefaultHeroComponent, DefaultLoadingScreen, DefaultSettingsPage, HorizontalNavigation, HorizontalNavigationItem, JudoRuntime, LocaleSwitcher, NavigationDrawer, NavigationItemRenderer, PageDialogHost, PageRoute, RedirectPage, ThemeProvider, ThemeToggle, UserMenu, createDensityThemeOptions, createJudoThemeOptions, filterNavigationItems, findActionForNavigationItem, generateRoutes, getDashboardRoute, getRouteForPage, hasUserThemePreference, initializeThemeStore, resolvePreset, themePresets, useMenuOperationDispatch, useNavigationBadge, useTheme };