@questpie/admin 3.2.3 → 3.2.5

package/dist/client/views/layout/admin-router.mjs

@@ -13,7 +13,6 @@ import { getGlobalMetaQueryOptions } from "../../hooks/use-global-meta.mjs";
 import { AdminViewHeader } from "./admin-view-layout.mjs";
 import { FormViewSkeleton, TableViewSkeleton } from "../collection/view-skeletons.mjs";
 import { DashboardGrid } from "../dashboard/dashboard-grid.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
@@ -49,92 +48,36 @@ const componentLoaderCache = /* @__PURE__ */ new WeakMap();
 * Suspends until server config is loaded - no loading checks needed.
 */
 function useRouterConfig(props) {
-	const $ = c(20);
-	const admin = useAdminStore(_temp);
+	const admin = useAdminStore((s) => s.admin);
 	const { data: serverConfig } = useSuspenseAdminConfig();
-	let t0;
-	if ($[0] !== admin) {
-		t0 = admin.getPages();
-		$[0] = admin;
-		$[1] = t0;
-	} else t0 = $[1];
-	const storePages = t0;
-	let t1;
-	if ($[2] !== admin) {
-		t1 = admin.getViews();
-		$[2] = admin;
-		$[3] = t1;
-	} else t1 = $[3];
-	const storeViews = t1;
+	const storePages = admin.getPages();
+	const storeViews = admin.getViews();
 	let serverCollections;
 	if (props.collections) serverCollections = props.collections;
-	else if ($[4] !== serverConfig) {
+	else {
 		serverCollections = {};
-		if (serverConfig?.collections) {
-			let t2$1;
-			if ($[6] !== serverConfig.collections) {
-				t2$1 = Object.entries(serverConfig.collections);
-				$[6] = serverConfig.collections;
-				$[7] = t2$1;
-			} else t2$1 = $[7];
-			for (const [name, meta] of t2$1) serverCollections[name] = meta ?? {};
-		}
-		$[4] = serverConfig;
-		$[5] = serverCollections;
-	} else serverCollections = $[5];
+		if (serverConfig?.collections) for (const [name, meta] of Object.entries(serverConfig.collections)) serverCollections[name] = meta ?? {};
+	}
 	let serverGlobals;
 	if (props.globals) serverGlobals = props.globals;
-	else if ($[8] !== serverConfig) {
+	else {
 		serverGlobals = {};
-		if (serverConfig?.globals) {
-			let t2$1;
-			if ($[10] !== serverConfig.globals) {
-				t2$1 = Object.entries(serverConfig.globals);
-				$[10] = serverConfig.globals;
-				$[11] = t2$1;
-			} else t2$1 = $[11];
-			for (const [name_0, meta_0] of t2$1) serverGlobals[name_0] = meta_0 ?? {};
-		}
-		$[8] = serverConfig;
-		$[9] = serverGlobals;
-	} else serverGlobals = $[9];
-	serverConfig?.dashboard;
-	let t2;
-	bb0: {
-		const serverDashboard = serverConfig?.dashboard;
-		if (serverDashboard?.items?.length) {
-			t2 = serverDashboard;
-			break bb0;
-		}
-		t2 = props.dashboardConfig;
+		if (serverConfig?.globals) for (const [name, meta] of Object.entries(serverConfig.globals)) serverGlobals[name] = meta ?? {};
 	}
-	const mergedDashboard = t2;
-	const t3 = props.pages ?? storePages;
-	const t4 = serverConfig?.branding?.name;
-	let t5;
-	if ($[12] !== mergedDashboard || $[13] !== props.DashboardComponent || $[14] !== serverCollections || $[15] !== serverGlobals || $[16] !== storeViews || $[17] !== t3 || $[18] !== t4) {
-		t5 = {
-			collections: serverCollections,
-			globals: serverGlobals,
-			pages: t3,
-			views: storeViews,
-			brandingName: t4,
-			dashboardConfig: mergedDashboard,
-			DashboardComponent: props.DashboardComponent
-		};
-		$[12] = mergedDashboard;
-		$[13] = props.DashboardComponent;
-		$[14] = serverCollections;
-		$[15] = serverGlobals;
-		$[16] = storeViews;
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-	} else t5 = $[19];
-	return t5;
-}
-function _temp(s) {
-	return s.admin;
+	const mergedDashboard = React.useMemo(() => {
+		const serverDashboard = serverConfig?.dashboard;
+		if (serverDashboard?.items?.length) return serverDashboard;
+		return props.dashboardConfig;
+	}, [props.dashboardConfig, serverConfig?.dashboard]);
+	return {
+		collections: serverCollections,
+		globals: serverGlobals,
+		pages: props.pages ?? storePages,
+		views: storeViews,
+		brandingName: serverConfig?.branding?.name,
+		dashboardConfig: mergedDashboard,
+		DashboardComponent: props.DashboardComponent
+	};
 }
 function matchRoute(segments, _collections = {}, globals = {}, pages = {}) {
 	if (segments.length === 0) return { type: "dashboard" };
@@ -234,170 +177,94 @@ function cacheComponent(loader, Component) {
 	if (!isDynamicImportLoader(loader)) return;
 	componentLoaderCache.set(loader, Component);
 }
-function ViewLoadingState(t0) {
-	const $ = c(2);
-	const { viewKind } = t0;
-	let t1;
-	if ($[0] !== viewKind) {
-		t1 = viewKind === "list" ? /* @__PURE__ */ jsx(TableViewSkeleton, {}) : /* @__PURE__ */ jsx(FormViewSkeleton, {});
-		$[0] = viewKind;
-		$[1] = t1;
-	} else t1 = $[1];
-	return t1;
+function ViewLoadingState({ viewKind }) {
+	return viewKind === "list" ? /* @__PURE__ */ jsx(TableViewSkeleton, {}) : /* @__PURE__ */ jsx(FormViewSkeleton, {});
 }
-function UnknownViewState(t0) {
-	const $ = c(13);
-	const { viewKind, viewId } = t0;
+function UnknownViewState({ viewKind, viewId }) {
 	const { t } = useTranslation();
-	let t1;
-	if ($[0] !== t || $[1] !== viewKind) {
-		t1 = t("error.failedToLoadView", { viewType: viewKind });
-		$[0] = t;
-		$[1] = viewKind;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== t1) {
-		t2 = /* @__PURE__ */ jsx("h1", {
-			className: "text-lg font-semibold",
-			children: t1
-		});
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== t || $[6] !== viewId) {
-		t3 = t("error.unregisteredViewDescription", { viewId });
-		$[5] = t;
-		$[6] = viewId;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== t3) {
-		t4 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mt-2 text-sm",
-			children: t3
-		});
-		$[8] = t3;
-		$[9] = t4;
-	} else t4 = $[9];
-	let t5;
-	if ($[10] !== t2 || $[11] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
-			className: "container",
-			children: /* @__PURE__ */ jsxs(Card, {
-				className: "border-warning/30 bg-warning/5 p-6",
-				children: [t2, t4]
-			})
-		});
-		$[10] = t2;
-		$[11] = t4;
-		$[12] = t5;
-	} else t5 = $[12];
-	return t5;
+	return /* @__PURE__ */ jsx("div", {
+		className: "container",
+		children: /* @__PURE__ */ jsxs(Card, {
+			className: "border-warning/30 bg-warning/5 p-6",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-lg font-semibold",
+				children: t("error.failedToLoadView", { viewType: viewKind })
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-2 text-sm",
+				children: t("error.unregisteredViewDescription", { viewId })
+			})]
+		})
+	});
 }
 /**
 * Skeleton shown while router config is loading (Suspense fallback)
 */
 function RouterSkeleton() {
-	const $ = c(3);
-	let t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" });
-		t1 = /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" });
-		$[0] = t0;
-		$[1] = t1;
-	} else {
-		t0 = $[0];
-		t1 = $[1];
-	}
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-router-skeleton container space-y-4 py-6",
-			children: [
-				t0,
-				t1,
-				/* @__PURE__ */ jsxs("div", {
-					className: "space-y-2",
-					children: [
-						/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
-						/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
-						/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
-					]
-				})
-			]
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qa-router-skeleton container space-y-4 py-6",
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+				]
+			})
+		]
+	});
 }
 function AuthPageSkeleton() {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("aside", {
-			className: "qa-auth-layout__brand flex flex-col items-center justify-center gap-8",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-9" }), /* @__PURE__ */ jsx(Skeleton, {
+	return /* @__PURE__ */ jsx("div", {
+		className: "qa-auth-layout bg-background text-foreground relative flex min-h-screen items-center justify-center overflow-hidden px-5 py-8 sm:px-8",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "qa-auth-layout__shell grid w-full max-w-4xl items-center gap-10 lg:grid-cols-[minmax(220px,280px)_minmax(360px,384px)] lg:gap-16",
+			children: [/* @__PURE__ */ jsxs("aside", {
+				className: "qa-auth-layout__brand flex flex-col items-center justify-center gap-8",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-9" }), /* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-4 w-36"
+					})]
+				}), /* @__PURE__ */ jsx(Skeleton, {
 					variant: "text",
-					className: "h-4 w-36"
+					className: "hidden h-3 w-40 lg:block"
 				})]
-			}), /* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "hidden h-3 w-40 lg:block"
-			})]
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ jsx(Skeleton, {
-				variant: "text",
-				className: "h-4 w-20"
-			}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-		});
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			className: "qa-auth-layout bg-background text-foreground relative flex min-h-screen items-center justify-center overflow-hidden px-5 py-8 sm:px-8",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "qa-auth-layout__shell grid w-full max-w-4xl items-center gap-10 lg:grid-cols-[minmax(220px,280px)_minmax(360px,384px)] lg:gap-16",
-				children: [t0, /* @__PURE__ */ jsx("main", {
-					className: "qa-auth-layout__form-panel flex items-center justify-center",
-					children: /* @__PURE__ */ jsx(Card, {
-						className: "border-border-subtle w-full max-w-sm shadow-none",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "space-y-5 p-4",
-							children: [
-								t1,
-								/* @__PURE__ */ jsxs("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ jsx(Skeleton, {
-										variant: "text",
-										className: "h-4 w-24"
-									}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
-								}),
-								/* @__PURE__ */ jsx(Skeleton, {
+			}), /* @__PURE__ */ jsx("main", {
+				className: "qa-auth-layout__form-panel flex items-center justify-center",
+				children: /* @__PURE__ */ jsx(Card, {
+					className: "border-border-subtle w-full max-w-sm shadow-none",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "space-y-5 p-4",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Skeleton, {
 									variant: "text",
-									className: "h-4 w-28"
-								}),
-								/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
-							]
-						})
+									className: "h-4 w-20"
+								}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Skeleton, {
+									variant: "text",
+									className: "h-4 w-24"
+								}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+							}),
+							/* @__PURE__ */ jsx(Skeleton, {
+								variant: "text",
+								className: "h-4 w-28"
+							}),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
+						]
 					})
-				})]
-			})
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	return t2;
+				})
+			})]
+		})
+	});
 }
 function getFallbackForSegments(segments) {
 	const [first, second, third] = segments;
@@ -420,543 +287,223 @@ function areRegistryViewRendererPropsEqual(prev, next) {
 	if (prev.viewId !== next.viewId) return false;
 	return shallowEqualComponentProps(prev.componentProps, next.componentProps);
 }
-const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1(t0) {
-	const $ = c(18);
-	const { loader, componentProps, viewKind, viewId } = t0;
-	let t1;
-	if ($[0] !== loader) {
-		t1 = () => {
-			const cachedComponent = getCachedComponent(loader);
-			return {
-				Component: cachedComponent ?? null,
-				loading: !cachedComponent,
-				error: null
-			};
-		};
-		$[0] = loader;
-		$[1] = t1;
-	} else t1 = $[1];
-	const [state, setState] = React.useState(t1);
-	let t2;
-	let t3;
-	if ($[2] !== loader) {
-		t2 = () => {
-			if (!loader) {
-				setState({
-					Component: null,
-					loading: false,
-					error: null
-				});
-				return;
-			}
-			if (!isDynamicImportLoader(loader)) {
-				setState({
-					Component: loader,
-					loading: false,
+const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1({ loader, componentProps, viewKind, viewId }) {
+	const loaderIsDynamic = isDynamicImportLoader(loader);
+	const directComponent = loader && !loaderIsDynamic ? loader : null;
+	const cachedComponent = React.useMemo(() => loaderIsDynamic ? getCachedComponent(loader) ?? null : null, [loader, loaderIsDynamic]);
+	const needsAsyncLoad = loaderIsDynamic && !cachedComponent;
+	const [asyncState, setAsyncState] = React.useState({
+		loader: null,
+		Component: null,
+		error: null
+	});
+	React.useEffect(() => {
+		if (!needsAsyncLoad || !isDynamicImportLoader(loader)) return;
+		let mounted = true;
+		(async () => {
+			try {
+				const result = await loader();
+				if (!mounted) return;
+				let Component$1;
+				if (result.default) Component$1 = result.default;
+				else Component$1 = result;
+				cacheComponent(loader, Component$1);
+				setAsyncState({
+					loader,
+					Component: Component$1,
 					error: null
 				});
-				return;
-			}
-			const cachedComponent_0 = getCachedComponent(loader);
-			if (cachedComponent_0) {
-				setState({
-					Component: cachedComponent_0,
-					loading: false,
-					error: null
+			} catch (error$1) {
+				if (!mounted) return;
+				let resolvedError;
+				if (error$1 instanceof Error) resolvedError = error$1;
+				else resolvedError = /* @__PURE__ */ new Error("Failed to load view component");
+				setAsyncState({
+					loader,
+					Component: null,
+					error: resolvedError
 				});
-				return;
 			}
-			let mounted = true;
-			setState(_temp2);
-			(async () => {
-				try {
-					const result = await loader();
-					if (!mounted) return;
-					let Component;
-					if (result.default) Component = result.default;
-					else Component = result;
-					cacheComponent(loader, Component);
-					setState({
-						Component,
-						loading: false,
-						error: null
-					});
-				} catch (t4$1) {
-					const error = t4$1;
-					if (!mounted) return;
-					let resolvedError;
-					if (error instanceof Error) resolvedError = error;
-					else resolvedError = /* @__PURE__ */ new Error("Failed to load view component");
-					setState({
-						Component: null,
-						loading: false,
-						error: resolvedError
-					});
-				}
-			})();
-			return () => {
-				mounted = false;
-			};
+		})();
+		return () => {
+			mounted = false;
 		};
-		t3 = [loader];
-		$[2] = loader;
-		$[3] = t2;
-		$[4] = t3;
-	} else {
-		t2 = $[3];
-		t3 = $[4];
-	}
-	React.useEffect(t2, t3);
-	if (state.loading) {
-		let t4$1;
-		if ($[5] !== viewKind) {
-			t4$1 = /* @__PURE__ */ jsx(ViewLoadingState, { viewKind });
-			$[5] = viewKind;
-			$[6] = t4$1;
-		} else t4$1 = $[6];
-		return t4$1;
-	}
-	if (state.error || !state.Component) {
-		let t4$1;
-		if ($[7] !== viewId || $[8] !== viewKind) {
-			t4$1 = /* @__PURE__ */ jsx(UnknownViewState, {
-				viewKind,
-				viewId
-			});
-			$[7] = viewId;
-			$[8] = viewKind;
-			$[9] = t4$1;
-		} else t4$1 = $[9];
-		return t4$1;
-	}
-	const Component_0 = state.Component;
-	let t4;
-	if ($[10] !== viewKind) {
-		t4 = /* @__PURE__ */ jsx(ViewLoadingState, { viewKind });
-		$[10] = viewKind;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[12] !== Component_0 || $[13] !== componentProps) {
-		t5 = /* @__PURE__ */ jsx(Component_0, { ...componentProps });
-		$[12] = Component_0;
-		$[13] = componentProps;
-		$[14] = t5;
-	} else t5 = $[14];
-	let t6;
-	if ($[15] !== t4 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(React.Suspense, {
-			fallback: t4,
-			children: t5
-		});
-		$[15] = t4;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+	}, [loader, needsAsyncLoad]);
+	const asyncMatches = asyncState.loader === loader;
+	const Component = directComponent ?? cachedComponent ?? (asyncMatches ? asyncState.Component : null);
+	const error = asyncMatches ? asyncState.error : null;
+	if (needsAsyncLoad && !Component && !error) return /* @__PURE__ */ jsx(ViewLoadingState, { viewKind });
+	if (error || !Component) return /* @__PURE__ */ jsx(UnknownViewState, {
+		viewKind,
+		viewId
+	});
+	return /* @__PURE__ */ jsx(React.Suspense, {
+		fallback: /* @__PURE__ */ jsx(ViewLoadingState, { viewKind }),
+		children: /* @__PURE__ */ jsx(Component, { ...componentProps })
+	});
 }, areRegistryViewRendererPropsEqual);
 function DefaultDashboard() {
-	const $ = c(27);
 	const { t, formatDate } = useTranslation();
-	let t0;
-	if ($[0] !== formatDate) {
-		t0 = formatDate(/* @__PURE__ */ new Date(), {
-			weekday: "long",
-			year: "numeric",
-			month: "long",
-			day: "numeric"
-		});
-		$[0] = formatDate;
-		$[1] = t0;
-	} else t0 = $[1];
-	const date = t0;
-	let t1;
-	if ($[2] !== t) {
-		t1 = t("dashboard.title");
-		$[2] = t;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== date || $[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx(AdminViewHeader, {
+	const date = formatDate(/* @__PURE__ */ new Date(), {
+		weekday: "long",
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qa-default-dashboard container",
+		children: [/* @__PURE__ */ jsx(AdminViewHeader, {
 			className: "mb-4",
-			title: t1,
+			title: t("dashboard.title"),
 			meta: date
-		});
-		$[4] = date;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("div", { className: "bg-primary h-2 w-2 rounded-full" });
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== t) {
-		t4 = t("dashboard.systemStatus");
-		$[8] = t;
-		$[9] = t4;
-	} else t4 = $[9];
-	let t5;
-	if ($[10] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: "mb-4 flex items-center gap-3",
-			children: [t3, /* @__PURE__ */ jsx("h3", {
-				className: "text-muted-foreground font-chrome chrome-meta text-xs font-medium",
-				children: t4
-			})]
-		});
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== t) {
-		t6 = t("dashboard.welcome");
-		$[12] = t;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== t6) {
-		t7 = /* @__PURE__ */ jsx("h2", {
-			className: "mb-2 text-xl font-semibold",
-			children: t6
-		});
-		$[14] = t6;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== t) {
-		t8 = t("dashboard.welcomeDescription");
-		$[16] = t;
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] !== t8) {
-		t9 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-sm leading-relaxed",
-			children: t8
-		});
-		$[18] = t8;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t5 || $[21] !== t7 || $[22] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
+		}), /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
 			children: /* @__PURE__ */ jsx(Card, {
 				className: "p-6",
 				children: /* @__PURE__ */ jsxs("div", { children: [
-					t5,
-					t7,
-					t9
+					/* @__PURE__ */ jsxs("div", {
+						className: "mb-4 flex items-center gap-3",
+						children: [/* @__PURE__ */ jsx("div", { className: "bg-primary h-2 w-2 rounded-full" }), /* @__PURE__ */ jsx("h3", {
+							className: "text-muted-foreground font-chrome chrome-meta text-xs font-medium",
+							children: t("dashboard.systemStatus")
+						})]
+					}),
+					/* @__PURE__ */ jsx("h2", {
+						className: "mb-2 text-xl font-semibold",
+						children: t("dashboard.welcome")
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm leading-relaxed",
+						children: t("dashboard.welcomeDescription")
+					})
 				] })
 			})
-		});
-		$[20] = t5;
-		$[21] = t7;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
-	let t11;
-	if ($[24] !== t10 || $[25] !== t2) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-default-dashboard container",
-			children: [t2, t10]
-		});
-		$[24] = t10;
-		$[25] = t2;
-		$[26] = t11;
-	} else t11 = $[26];
-	return t11;
+		})]
+	});
 }
 function DefaultNotFound() {
-	const $ = c(11);
 	const { t } = useTranslation();
-	let t0;
-	if ($[0] !== t) {
-		t0 = t("error.pageNotFound");
-		$[0] = t;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== t0) {
-		t1 = /* @__PURE__ */ jsx("h1", {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qa-not-found container",
+		children: [/* @__PURE__ */ jsx("h1", {
 			className: "mb-4 text-2xl font-bold",
-			children: t0
-		});
-		$[2] = t0;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== t) {
-		t2 = t("error.pageNotFoundDescription");
-		$[4] = t;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== t2) {
-		t3 = /* @__PURE__ */ jsx("p", {
+			children: t("error.pageNotFound")
+		}), /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
-			children: t2
-		});
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== t1 || $[9] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-not-found container",
-			children: [t1, t3]
-		});
-		$[8] = t1;
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
-	return t4;
+			children: t("error.pageNotFoundDescription")
+		})]
+	});
 }
-function RestrictedAccess(t0) {
-	const $ = c(24);
-	const { type, name, navigate, basePath } = t0;
+function RestrictedAccess({ type, name, navigate, basePath }) {
 	const { t } = useTranslation();
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "bg-muted mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full",
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:lock-simple",
-				className: "text-muted-foreground h-8 w-8"
-			})
-		});
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== t) {
-		t2 = t("error.accessRestricted");
-		$[1] = t;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== t2) {
-		t3 = /* @__PURE__ */ jsx("h1", {
-			className: "mb-2 text-xl font-semibold",
-			children: t2
-		});
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== name || $[6] !== t || $[7] !== type) {
-		t4 = t("error.accessRestrictedResourceDescription", {
-			type,
-			name
-		});
-		$[5] = name;
-		$[6] = t;
-		$[7] = type;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== t4) {
-		t5 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mb-6 text-sm",
-			children: t4
-		});
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== basePath || $[12] !== navigate) {
-		t6 = () => navigate(basePath);
-		$[11] = basePath;
-		$[12] = navigate;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:arrow-left",
-			className: "h-4 w-4"
-		});
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== t) {
-		t8 = t("error.backToDashboard");
-		$[15] = t;
-		$[16] = t8;
-	} else t8 = $[16];
-	let t9;
-	if ($[17] !== t6 || $[18] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(Button, {
-			variant: "outline",
-			onClick: t6,
-			children: [t7, t8]
-		});
-		$[17] = t6;
-		$[18] = t8;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t3 || $[21] !== t5 || $[22] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			className: "qa-restricted-access container py-12",
-			children: /* @__PURE__ */ jsx(Card, {
-				className: "mx-auto max-w-lg p-8 text-center",
-				children: /* @__PURE__ */ jsxs("div", { children: [
-					t1,
-					t3,
-					t5,
-					t9
-				] })
-			})
-		});
-		$[20] = t3;
-		$[21] = t5;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
-	return t10;
+	return /* @__PURE__ */ jsx("div", {
+		className: "qa-restricted-access container py-12",
+		children: /* @__PURE__ */ jsx(Card, {
+			className: "mx-auto max-w-lg p-8 text-center",
+			children: /* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "bg-muted mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:lock-simple",
+						className: "text-muted-foreground h-8 w-8"
+					})
+				}),
+				/* @__PURE__ */ jsx("h1", {
+					className: "mb-2 text-xl font-semibold",
+					children: t("error.accessRestricted")
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mb-6 text-sm",
+					children: t("error.accessRestrictedResourceDescription", {
+						type,
+						name
+					})
+				}),
+				/* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					onClick: () => navigate(basePath),
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:arrow-left",
+						className: "h-4 w-4"
+					}), t("error.backToDashboard")]
+				})
+			] })
+		})
+	});
 }
-function LazyPageRenderer(t0) {
-	const $ = c(21);
-	const { config } = t0;
+function LazyPageRenderer({ config }) {
 	const { t } = useTranslation();
 	const component = config.component;
-	let t1;
-	if ($[0] !== component) {
-		t1 = () => getCachedComponent(component) ?? null;
-		$[0] = component;
-		$[1] = t1;
-	} else t1 = $[1];
-	const [Component, setComponent] = React.useState(t1);
-	let t2;
-	if ($[2] !== Component) {
-		t2 = () => Component == null;
-		$[2] = Component;
-		$[3] = t2;
-	} else t2 = $[3];
-	const [loading, setLoading] = React.useState(t2);
+	const [Component, setComponent] = React.useState(() => getCachedComponent(component) ?? null);
+	const [loading, setLoading] = React.useState(() => Component == null);
 	const [error, setError] = React.useState(null);
-	let t3;
-	let t4;
-	if ($[4] !== component || $[5] !== t) {
-		t3 = () => {
-			let mounted = true;
-			(async function load() {
-				try {
-					const cachedComponent = getCachedComponent(component);
-					if (cachedComponent) {
-						if (mounted) {
-							setComponent(() => cachedComponent);
-							setLoading(false);
-							setError(null);
-						}
-						return;
-					}
+	React.useEffect(() => {
+		let mounted = true;
+		async function load() {
+			try {
+				const cachedComponent = getCachedComponent(component);
+				if (cachedComponent) {
 					if (mounted) {
-						setLoading(true);
+						setComponent(() => cachedComponent);
+						setLoading(false);
 						setError(null);
 					}
-					if (typeof component === "function") {
-						const result = component();
-						let isThenable = false;
-						if (result != null) {
-							if (typeof result.then === "function") isThenable = true;
-						}
-						if (isThenable) {
-							const mod = await result;
-							if (mounted) {
-								let resolved;
-								if (mod.default) resolved = mod.default;
-								else resolved = mod;
-								cacheComponent(component, resolved);
-								setComponent(() => resolved);
-							}
-						} else if (mounted) setComponent(() => component);
-					} else if (component) {
-						if (mounted) setComponent(() => component);
-					}
-					if (mounted) setLoading(false);
-				} catch (t5$1) {
-					const err = t5$1;
-					if (mounted) {
-						let resolvedError;
-						if (err instanceof Error) resolvedError = err;
-						else resolvedError = new Error(t("error.failedToLoad"));
-						setError(resolvedError);
+					return;
+				}
+				if (mounted) {
+					setLoading(true);
+					setError(null);
+				}
+				if (typeof component === "function") {
+					const result = component();
+					let isThenable = false;
+					if (result != null) {
+						if (typeof result.then === "function") isThenable = true;
 					}
-					if (mounted) setLoading(false);
+					if (isThenable) {
+						const mod = await result;
+						if (mounted) {
+							let resolved;
+							if (mod.default) resolved = mod.default;
+							else resolved = mod;
+							cacheComponent(component, resolved);
+							setComponent(() => resolved);
+						}
+					} else if (mounted) setComponent(() => component);
+				} else if (component) {
+					if (mounted) setComponent(() => component);
 				}
-			})();
-			return () => {
-				mounted = false;
-			};
+				if (mounted) setLoading(false);
+			} catch (err) {
+				if (mounted) {
+					let resolvedError;
+					if (err instanceof Error) resolvedError = err;
+					else resolvedError = new Error(t("error.failedToLoad"));
+					setError(resolvedError);
+				}
+				if (mounted) setLoading(false);
+			}
+		}
+		load();
+		return () => {
+			mounted = false;
 		};
-		t4 = [component, t];
-		$[4] = component;
-		$[5] = t;
-		$[6] = t3;
-		$[7] = t4;
-	} else {
-		t3 = $[6];
-		t4 = $[7];
-	}
-	React.useEffect(t3, t4);
+	}, [component, t]);
 	if (loading) {
-		let t5$1;
-		if ($[8] !== config.path) {
-			const path = config.path?.replace(/^\//, "") ?? "";
-			t5$1 = AUTH_ROUTE_SEGMENTS.has(path) ? /* @__PURE__ */ jsx(AuthPageSkeleton, {}) : /* @__PURE__ */ jsx(RouterSkeleton, {});
-			$[8] = config.path;
-			$[9] = t5$1;
-		} else t5$1 = $[9];
-		return t5$1;
+		const path = config.path?.replace(/^\//, "") ?? "";
+		return AUTH_ROUTE_SEGMENTS.has(path) ? /* @__PURE__ */ jsx(AuthPageSkeleton, {}) : /* @__PURE__ */ jsx(RouterSkeleton, {});
 	}
-	if (error) {
-		let t5$1;
-		if ($[10] !== t) {
-			t5$1 = t("error.unexpectedError");
-			$[10] = t;
-			$[11] = t5$1;
-		} else t5$1 = $[11];
-		let t6;
-		if ($[12] !== t5$1) {
-			t6 = /* @__PURE__ */ jsx("h1", {
-				className: "text-destructive mb-4 text-2xl font-bold",
-				children: t5$1
-			});
-			$[12] = t5$1;
-			$[13] = t6;
-		} else t6 = $[13];
-		let t7;
-		if ($[14] !== error.message) {
-			t7 = /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: error.message
-			});
-			$[14] = error.message;
-			$[15] = t7;
-		} else t7 = $[15];
-		let t8;
-		if ($[16] !== t6 || $[17] !== t7) {
-			t8 = /* @__PURE__ */ jsxs("div", {
-				className: "container",
-				children: [t6, t7]
-			});
-			$[16] = t6;
-			$[17] = t7;
-			$[18] = t8;
-		} else t8 = $[18];
-		return t8;
-	}
-	let t5;
-	if ($[19] !== Component) {
-		t5 = Component ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx(DefaultNotFound, {});
-		$[19] = Component;
-		$[20] = t5;
-	} else t5 = $[20];
-	return t5;
+	if (error) return /* @__PURE__ */ jsxs("div", {
+		className: "container",
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: "text-destructive mb-4 text-2xl font-bold",
+			children: t("error.unexpectedError")
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground",
+			children: error.message
+		})]
+	});
+	return Component ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx(DefaultNotFound, {});
 }
 /**
 * AdminRouter Component
@@ -965,609 +512,230 @@ function LazyPageRenderer(t0) {
 * Uses Suspense internally - shows skeleton while config loads.
 */
 function AdminRouter(props) {
-	const $ = c(7);
-	let t0;
-	if ($[0] !== props.segments) {
-		t0 = getFallbackForSegments(props.segments);
-		$[0] = props.segments;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== props) {
-		t1 = /* @__PURE__ */ jsx(AdminRouterInner, { ...props });
-		$[2] = props;
-		$[3] = t1;
-	} else t1 = $[3];
-	let t2;
-	if ($[4] !== t0 || $[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx(React.Suspense, {
-			fallback: t0,
-			children: t1
-		});
-		$[4] = t0;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+	return /* @__PURE__ */ jsx(React.Suspense, {
+		fallback: getFallbackForSegments(props.segments),
+		children: /* @__PURE__ */ jsx(AdminRouterInner, { ...props })
+	});
 }
 /**
 * Inner router component that uses Suspense for data loading.
 * Guaranteed to have config loaded when rendering.
 */
-function AdminRouterInner(t0) {
-	const $ = c(153);
-	const { segments, navigate, basePath: t1, searchParams: searchParamsProp, collections: collectionsProp, globals: globalsProp, pages: pagesProp, DashboardComponent: DashboardComponentProp, dashboardConfig: dashboardConfigProp, collectionComponents, globalComponents, registry, NotFoundComponent } = t0;
-	const basePath = t1 === void 0 ? "/admin" : t1;
+function AdminRouterInner({ segments, navigate, basePath = "/admin", searchParams: searchParamsProp, collections: collectionsProp, globals: globalsProp, pages: pagesProp, DashboardComponent: DashboardComponentProp, dashboardConfig: dashboardConfigProp, collectionComponents, globalComponents, renderFormFields: _renderFormFields, registry, NotFoundComponent }) {
 	const resolvedCollectionComponents = collectionComponents ?? EMPTY_COLLECTION_COMPONENTS;
 	const resolvedGlobalComponents = globalComponents ?? EMPTY_GLOBAL_COMPONENTS;
-	let t2;
-	bb0: {
-		if (searchParamsProp) {
-			t2 = searchParamsProp;
-			break bb0;
-		}
-		if (typeof window !== "undefined") {
-			let t3$2;
-			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-				t3$2 = new URLSearchParams(window.location.search);
-				$[0] = t3$2;
-			} else t3$2 = $[0];
-			t2 = t3$2;
-			break bb0;
-		}
-		let t3$1;
-		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = new URLSearchParams();
-			$[1] = t3$1;
-		} else t3$1 = $[1];
-		t2 = t3$1;
-	}
-	const searchParams = t2;
-	let t3;
-	if ($[2] !== searchParams) {
-		t3 = parsePrefillParams(searchParams);
-		$[2] = searchParams;
-		$[3] = t3;
-	} else t3 = $[3];
-	const prefillValues = t3;
-	let t4;
-	if ($[4] !== DashboardComponentProp || $[5] !== collectionsProp || $[6] !== dashboardConfigProp || $[7] !== globalsProp || $[8] !== pagesProp) {
-		t4 = {
-			collections: collectionsProp,
-			globals: globalsProp,
-			pages: pagesProp,
-			dashboardConfig: dashboardConfigProp,
-			DashboardComponent: DashboardComponentProp
-		};
-		$[4] = DashboardComponentProp;
-		$[5] = collectionsProp;
-		$[6] = dashboardConfigProp;
-		$[7] = globalsProp;
-		$[8] = pagesProp;
-		$[9] = t4;
-	} else t4 = $[9];
-	const { collections, globals, pages, views, brandingName, dashboardConfig, DashboardComponent } = useRouterConfig(t4);
-	let t5;
-	if ($[10] !== collections || $[11] !== globals || $[12] !== pages || $[13] !== segments) {
-		t5 = matchRoute(segments, collections, globals, pages);
-		$[10] = collections;
-		$[11] = globals;
-		$[12] = pages;
-		$[13] = segments;
-		$[14] = t5;
-	} else t5 = $[14];
-	const route = t5;
+	const searchParams = React.useMemo(() => {
+		if (searchParamsProp) return searchParamsProp;
+		if (typeof window !== "undefined") return new URLSearchParams(window.location.search);
+		return new URLSearchParams();
+	}, [searchParamsProp]);
+	const prefillValues = React.useMemo(() => parsePrefillParams(searchParams), [searchParams]);
+	const { collections, globals, pages, views, brandingName, dashboardConfig, DashboardComponent } = useRouterConfig({
+		collections: collectionsProp,
+		globals: globalsProp,
+		pages: pagesProp,
+		dashboardConfig: dashboardConfigProp,
+		DashboardComponent: DashboardComponentProp
+	});
+	const route = React.useMemo(() => matchRoute(segments, collections, globals, pages), [
+		segments,
+		collections,
+		globals,
+		pages
+	]);
 	const activeCollectionName = route.type === "collection-list" || route.type === "collection-create" || route.type === "collection-edit" ? route.name : "";
 	const activeGlobalName = route.type === "global-edit" ? route.name : "";
 	const queryClient = useQueryClient();
 	const client = useAdminStore(selectClient);
 	if (activeCollectionName && client) queryClient.prefetchQuery(getCollectionMetaQueryOptions(activeCollectionName, client));
 	if (activeGlobalName && client) queryClient.prefetchQuery(getGlobalMetaQueryOptions(activeGlobalName, client));
-	const t6 = !!activeCollectionName;
-	let t7;
-	if ($[15] !== t6) {
-		t7 = { enabled: t6 };
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	const { data: activeCollectionSchema } = useCollectionSchema(activeCollectionName, t7);
-	const t8 = !!activeGlobalName;
-	let t9;
-	if ($[17] !== t8) {
-		t9 = { enabled: t8 };
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
-	const { data: activeGlobalSchema } = useGlobalSchema(activeGlobalName, t9);
+	const { data: activeCollectionSchema } = useCollectionSchema(activeCollectionName, { enabled: !!activeCollectionName });
+	const { data: activeGlobalSchema } = useGlobalSchema(activeGlobalName, { enabled: !!activeGlobalName });
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
-	let t10;
-	if ($[19] !== activeCollectionSchema || $[20] !== activeGlobalSchema || $[21] !== brandingName || $[22] !== collections || $[23] !== dashboardConfig?.description || $[24] !== dashboardConfig?.title || $[25] !== globals || $[26] !== resolveText || $[27] !== route.config || $[28] !== route.name || $[29] !== route.type || $[30] !== t) {
-		t10 = () => {
-			const appTitle = resolveText(brandingName, "Admin");
-			let pageTitle = t("dashboard.title");
-			let metaDescription = pageTitle;
-			const resolveResourceLabel = (config, schemaConfig, fallback) => resolveText(config?.label ?? config?.meta?.label ?? schemaConfig?.label, formatLabel(fallback));
-			const resolveResourceDescription = (config_0, schemaConfig_0) => resolveText(config_0?.description ?? config_0?.meta?.description ?? schemaConfig_0?.description).trim();
-			bb104: switch (route.type) {
-				case "dashboard":
-					pageTitle = resolveText(dashboardConfig?.title, t("dashboard.title"));
-					metaDescription = resolveText(dashboardConfig?.description).trim() || pageTitle;
-					break bb104;
-				case "collection-list": {
-					const config_4 = collections[route.name];
-					const schemaConfig_4 = activeCollectionSchema?.admin?.config;
-					const label_2 = resolveResourceLabel(config_4, schemaConfig_4, route.name);
-					pageTitle = label_2;
-					metaDescription = resolveResourceDescription(config_4, schemaConfig_4) || t("collection.list", { name: label_2 });
-					break bb104;
-				}
-				case "collection-create": {
-					const config_3 = collections[route.name];
-					const schemaConfig_3 = activeCollectionSchema?.admin?.config;
-					const label_1 = resolveResourceLabel(config_3, schemaConfig_3, route.name);
-					pageTitle = `${label_1}: ${t("common.create")}`;
-					metaDescription = resolveResourceDescription(config_3, schemaConfig_3) || t("collection.create", { name: label_1 });
-					break bb104;
-				}
-				case "collection-edit": {
-					const config_2 = collections[route.name];
-					const schemaConfig_2 = activeCollectionSchema?.admin?.config;
-					const label_0 = resolveResourceLabel(config_2, schemaConfig_2, route.name);
-					pageTitle = `${label_0}: ${t("common.edit")}`;
-					metaDescription = resolveResourceDescription(config_2, schemaConfig_2) || t("collection.edit", { name: label_0 });
-					break bb104;
-				}
-				case "global-edit": {
-					const config_1 = globals[route.name];
-					const schemaConfig_1 = activeGlobalSchema?.admin?.config;
-					const label = resolveResourceLabel(config_1, schemaConfig_1, route.name);
-					pageTitle = label;
-					metaDescription = resolveResourceDescription(config_1, schemaConfig_1) || label;
-					break bb104;
-				}
-				case "page":
-					pageTitle = resolveText(route.config.label, formatLabel(route.name));
-					metaDescription = pageTitle;
-					break bb104;
-				case "not-found":
-					pageTitle = t("error.notFound");
-					metaDescription = pageTitle;
+	React.useEffect(() => {
+		const appTitle = resolveText(brandingName, "Admin");
+		let pageTitle = t("dashboard.title");
+		let metaDescription = pageTitle;
+		const resolveResourceLabel = (config, schemaConfig, fallback) => resolveText(config?.label ?? config?.meta?.label ?? schemaConfig?.label, formatLabel(fallback));
+		const resolveResourceDescription = (config, schemaConfig) => resolveText(config?.description ?? config?.meta?.description ?? schemaConfig?.description).trim();
+		switch (route.type) {
+			case "dashboard":
+				pageTitle = resolveText(dashboardConfig?.title, t("dashboard.title"));
+				metaDescription = resolveText(dashboardConfig?.description).trim() || pageTitle;
+				break;
+			case "collection-list": {
+				const config = collections[route.name];
+				const schemaConfig = activeCollectionSchema?.admin?.config;
+				const label = resolveResourceLabel(config, schemaConfig, route.name);
+				pageTitle = label;
+				metaDescription = resolveResourceDescription(config, schemaConfig) || t("collection.list", { name: label });
+				break;
 			}
-			document.title = formatDocumentTitle(pageTitle, appTitle);
-			setDocumentMetaDescription(metaDescription || pageTitle);
-		};
-		$[19] = activeCollectionSchema;
-		$[20] = activeGlobalSchema;
-		$[21] = brandingName;
-		$[22] = collections;
-		$[23] = dashboardConfig?.description;
-		$[24] = dashboardConfig?.title;
-		$[25] = globals;
-		$[26] = resolveText;
-		$[27] = route.config;
-		$[28] = route.name;
-		$[29] = route.type;
-		$[30] = t;
-		$[31] = t10;
-	} else t10 = $[31];
-	let t11;
-	if ($[32] !== activeCollectionSchema || $[33] !== activeGlobalSchema || $[34] !== brandingName || $[35] !== collections || $[36] !== dashboardConfig || $[37] !== globals || $[38] !== resolveText || $[39] !== route || $[40] !== t) {
-		t11 = [
-			activeCollectionSchema,
-			activeGlobalSchema,
-			brandingName,
-			collections,
-			dashboardConfig,
-			globals,
-			resolveText,
-			route,
-			t
-		];
-		$[32] = activeCollectionSchema;
-		$[33] = activeGlobalSchema;
-		$[34] = brandingName;
-		$[35] = collections;
-		$[36] = dashboardConfig;
-		$[37] = globals;
-		$[38] = resolveText;
-		$[39] = route;
-		$[40] = t;
-		$[41] = t11;
-	} else t11 = $[41];
-	React.useEffect(t10, t11);
-	let t12;
-	if ($[42] !== segments) {
-		t12 = segments.join("/");
-		$[42] = segments;
-		$[43] = t12;
-	} else t12 = $[43];
-	const routeKey = t12;
-	let t13;
-	if ($[44] !== routeKey) {
-		t13 = [routeKey];
-		$[44] = routeKey;
-		$[45] = t13;
-	} else t13 = $[45];
-	React.useEffect(_temp3, t13);
-	if (route.type === "dashboard") {
-		if (DashboardComponent) {
-			let t14$2;
-			if ($[46] !== DashboardComponent) {
-				t14$2 = /* @__PURE__ */ jsx(DashboardComponent, {});
-				$[46] = DashboardComponent;
-				$[47] = t14$2;
-			} else t14$2 = $[47];
-			return t14$2;
-		}
-		if (dashboardConfig?.items?.length || dashboardConfig?.widgets?.length) {
-			let t14$2;
-			if ($[48] !== basePath || $[49] !== dashboardConfig || $[50] !== navigate) {
-				t14$2 = /* @__PURE__ */ jsx(DashboardGrid, {
-					config: dashboardConfig,
-					basePath,
-					navigate
-				});
-				$[48] = basePath;
-				$[49] = dashboardConfig;
-				$[50] = navigate;
-				$[51] = t14$2;
-			} else t14$2 = $[51];
-			return t14$2;
+			case "collection-create": {
+				const config = collections[route.name];
+				const schemaConfig = activeCollectionSchema?.admin?.config;
+				const label = resolveResourceLabel(config, schemaConfig, route.name);
+				pageTitle = `${label}: ${t("common.create")}`;
+				metaDescription = resolveResourceDescription(config, schemaConfig) || t("collection.create", { name: label });
+				break;
+			}
+			case "collection-edit": {
+				const config = collections[route.name];
+				const schemaConfig = activeCollectionSchema?.admin?.config;
+				const label = resolveResourceLabel(config, schemaConfig, route.name);
+				pageTitle = `${label}: ${t("common.edit")}`;
+				metaDescription = resolveResourceDescription(config, schemaConfig) || t("collection.edit", { name: label });
+				break;
+			}
+			case "global-edit": {
+				const config = globals[route.name];
+				const schemaConfig = activeGlobalSchema?.admin?.config;
+				const label = resolveResourceLabel(config, schemaConfig, route.name);
+				pageTitle = label;
+				metaDescription = resolveResourceDescription(config, schemaConfig) || label;
+				break;
+			}
+			case "page":
+				pageTitle = resolveText(route.config.label, formatLabel(route.name));
+				metaDescription = pageTitle;
+				break;
+			case "not-found":
+				pageTitle = t("error.notFound");
+				metaDescription = pageTitle;
+				break;
 		}
-		let t14$1;
-		if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
-			t14$1 = /* @__PURE__ */ jsx(DefaultDashboard, {});
-			$[52] = t14$1;
-		} else t14$1 = $[52];
-		return t14$1;
+		document.title = formatDocumentTitle(pageTitle, appTitle);
+		setDocumentMetaDescription(metaDescription || pageTitle);
+	}, [
+		activeCollectionSchema,
+		activeGlobalSchema,
+		brandingName,
+		collections,
+		dashboardConfig,
+		globals,
+		resolveText,
+		route,
+		t
+	]);
+	const routeKey = segments.join("/");
+	React.useEffect(() => {
+		const main = document.getElementById("main-content");
+		if (main) requestAnimationFrame(() => {
+			main.focus({ preventScroll: true });
+		});
+	}, [routeKey]);
+	if (route.type === "dashboard") {
+		if (DashboardComponent) return /* @__PURE__ */ jsx(DashboardComponent, {});
+		if (dashboardConfig?.items?.length || dashboardConfig?.widgets?.length) return /* @__PURE__ */ jsx(DashboardGrid, {
+			config: dashboardConfig,
+			basePath,
+			navigate
+		});
+		return /* @__PURE__ */ jsx(DefaultDashboard, {});
 	}
 	if (route.type === "collection-list") {
 		const { name } = route;
-		const config_5 = collections[name];
-		if (!config_5) {
-			let t14$2;
-			if ($[53] !== basePath || $[54] !== name || $[55] !== navigate) {
-				t14$2 = /* @__PURE__ */ jsx(RestrictedAccess, {
-					type: "collection",
-					name,
-					navigate,
-					basePath
-				});
-				$[53] = basePath;
-				$[54] = name;
-				$[55] = navigate;
-				$[56] = t14$2;
-			} else t14$2 = $[56];
-			return t14$2;
-		}
+		const config = collections[name];
+		if (!config) return /* @__PURE__ */ jsx(RestrictedAccess, {
+			type: "collection",
+			name,
+			navigate,
+			basePath
+		});
 		const custom = resolvedCollectionComponents[name];
 		const viewNameFromSchema = activeCollectionSchema?.admin?.list?.view;
-		const t14$1 = config_5?.list;
-		let t15;
-		if ($[57] !== t14$1) {
-			t15 = getConfiguredViewName(t14$1);
-			$[57] = t14$1;
-			$[58] = t15;
-		} else t15 = $[58];
-		const viewNameFromConfig = t15;
-		let t16;
-		if ($[59] !== viewNameFromConfig || $[60] !== viewNameFromSchema || $[61] !== views) {
-			t16 = viewNameFromSchema ?? viewNameFromConfig ?? findDefaultView(views, "list");
-			$[59] = viewNameFromConfig;
-			$[60] = viewNameFromSchema;
-			$[61] = views;
-			$[62] = t16;
-		} else t16 = $[62];
-		const selectedListView = t16;
+		const viewNameFromConfig = getConfiguredViewName(config?.list);
+		const selectedListView = viewNameFromSchema ?? viewNameFromConfig ?? findDefaultView(views, "list");
 		const selectedListViewDefinition = views[selectedListView];
-		let t17;
-		if ($[63] !== activeCollectionSchema || $[64] !== config_5 || $[65] !== selectedListViewDefinition) {
-			t17 = mergeViewConfig(getViewBaseConfig(selectedListViewDefinition), config_5?.list?.config ?? config_5?.list ?? activeCollectionSchema?.admin?.list);
-			$[63] = activeCollectionSchema;
-			$[64] = config_5;
-			$[65] = selectedListViewDefinition;
-			$[66] = t17;
-		} else t17 = $[66];
-		const selectedListViewConfig = t17;
-		let t18;
-		if ($[67] !== selectedListViewDefinition) {
-			t18 = getViewLoader(selectedListViewDefinition);
-			$[67] = selectedListViewDefinition;
-			$[68] = t18;
-		} else t18 = $[68];
-		const listViewLoader = t18;
+		const selectedListViewConfig = mergeViewConfig(getViewBaseConfig(selectedListViewDefinition), config?.list?.config ?? config?.list ?? activeCollectionSchema?.admin?.list);
+		const listViewLoader = getViewLoader(selectedListViewDefinition);
 		if (selectedListViewDefinition && selectedListViewDefinition.kind !== "list" && process.env.NODE_ENV !== "production") console.warn(`View "${selectedListView}" kind "${selectedListViewDefinition.kind}" != expected "list"`);
-		if (custom?.List) {
-			let t19$1;
-			if ($[69] !== custom.List) {
-				t19$1 = /* @__PURE__ */ jsx(custom.List, {});
-				$[69] = custom.List;
-				$[70] = t19$1;
-			} else t19$1 = $[70];
-			return t19$1;
-		}
-		let t19;
-		if ($[71] !== basePath || $[72] !== config_5 || $[73] !== name || $[74] !== navigate || $[75] !== selectedListViewConfig) {
-			t19 = {
+		if (custom?.List) return /* @__PURE__ */ jsx(custom.List, {});
+		return /* @__PURE__ */ jsx(RegistryViewRenderer, {
+			loader: listViewLoader,
+			viewKind: "list",
+			viewId: selectedListView,
+			componentProps: {
 				collection: name,
-				config: config_5,
+				config,
 				viewConfig: selectedListViewConfig,
 				navigate,
 				basePath
-			};
-			$[71] = basePath;
-			$[72] = config_5;
-			$[73] = name;
-			$[74] = navigate;
-			$[75] = selectedListViewConfig;
-			$[76] = t19;
-		} else t19 = $[76];
-		const listComponentProps = t19;
-		let t20;
-		if ($[77] !== listComponentProps || $[78] !== listViewLoader || $[79] !== name || $[80] !== selectedListView) {
-			t20 = /* @__PURE__ */ jsx(RegistryViewRenderer, {
-				loader: listViewLoader,
-				viewKind: "list",
-				viewId: selectedListView,
-				componentProps: listComponentProps
-			}, name);
-			$[77] = listComponentProps;
-			$[78] = listViewLoader;
-			$[79] = name;
-			$[80] = selectedListView;
-			$[81] = t20;
-		} else t20 = $[81];
-		return t20;
+			}
+		}, name);
 	}
 	if (route.type === "collection-create" || route.type === "collection-edit") {
-		const { name: name_0 } = route;
+		const { name } = route;
 		const id = route.type === "collection-edit" ? route.id : void 0;
-		const config_6 = collections[name_0];
-		if (!config_6) {
-			let t14$2;
-			if ($[82] !== basePath || $[83] !== name_0 || $[84] !== navigate) {
-				t14$2 = /* @__PURE__ */ jsx(RestrictedAccess, {
-					type: "collection",
-					name: name_0,
-					navigate,
-					basePath
-				});
-				$[82] = basePath;
-				$[83] = name_0;
-				$[84] = navigate;
-				$[85] = t14$2;
-			} else t14$2 = $[85];
-			return t14$2;
-		}
-		const custom_0 = resolvedCollectionComponents[name_0];
-		const viewNameFromSchema_0 = activeCollectionSchema?.admin?.form?.view;
-		const t14$1 = config_6?.form;
-		let t15;
-		if ($[86] !== t14$1) {
-			t15 = getConfiguredViewName(t14$1);
-			$[86] = t14$1;
-			$[87] = t15;
-		} else t15 = $[87];
-		const viewNameFromConfig_0 = t15;
-		let t16;
-		if ($[88] !== viewNameFromConfig_0 || $[89] !== viewNameFromSchema_0 || $[90] !== views) {
-			t16 = viewNameFromSchema_0 ?? viewNameFromConfig_0 ?? findDefaultView(views, "form");
-			$[88] = viewNameFromConfig_0;
-			$[89] = viewNameFromSchema_0;
-			$[90] = views;
-			$[91] = t16;
-		} else t16 = $[91];
-		const selectedFormView = t16;
+		const config = collections[name];
+		if (!config) return /* @__PURE__ */ jsx(RestrictedAccess, {
+			type: "collection",
+			name,
+			navigate,
+			basePath
+		});
+		const custom = resolvedCollectionComponents[name];
+		const viewNameFromSchema = activeCollectionSchema?.admin?.form?.view;
+		const viewNameFromConfig = getConfiguredViewName(config?.form);
+		const selectedFormView = viewNameFromSchema ?? viewNameFromConfig ?? findDefaultView(views, "form");
 		const selectedFormViewDefinition = views[selectedFormView];
-		let t17;
-		if ($[92] !== activeCollectionSchema || $[93] !== config_6 || $[94] !== selectedFormViewDefinition) {
-			t17 = mergeViewConfig(getViewBaseConfig(selectedFormViewDefinition), config_6?.form?.config ?? config_6?.form ?? activeCollectionSchema?.admin?.form);
-			$[92] = activeCollectionSchema;
-			$[93] = config_6;
-			$[94] = selectedFormViewDefinition;
-			$[95] = t17;
-		} else t17 = $[95];
-		const selectedFormViewConfig = t17;
-		let t18;
-		if ($[96] !== selectedFormViewDefinition) {
-			t18 = getViewLoader(selectedFormViewDefinition);
-			$[96] = selectedFormViewDefinition;
-			$[97] = t18;
-		} else t18 = $[97];
-		const formViewLoader = t18;
+		const selectedFormViewConfig = mergeViewConfig(getViewBaseConfig(selectedFormViewDefinition), config?.form?.config ?? config?.form ?? activeCollectionSchema?.admin?.form);
+		const formViewLoader = getViewLoader(selectedFormViewDefinition);
 		if (selectedFormViewDefinition && selectedFormViewDefinition.kind !== "form" && process.env.NODE_ENV !== "production") console.warn(`View "${selectedFormView}" kind "${selectedFormViewDefinition.kind}" != expected "form"`);
-		if (custom_0?.Form) {
-			let t19$1;
-			if ($[98] !== custom_0.Form) {
-				t19$1 = /* @__PURE__ */ jsx(custom_0.Form, {});
-				$[98] = custom_0.Form;
-				$[99] = t19$1;
-			} else t19$1 = $[99];
-			return t19$1;
-		}
-		let t19;
-		if ($[100] !== prefillValues || $[101] !== route.type) {
-			t19 = route.type === "collection-create" && Object.keys(prefillValues).length > 0 ? prefillValues : void 0;
-			$[100] = prefillValues;
-			$[101] = route.type;
-			$[102] = t19;
-		} else t19 = $[102];
-		const defaultValues = t19;
-		let t20;
-		if ($[103] !== basePath || $[104] !== collections || $[105] !== config_6 || $[106] !== defaultValues || $[107] !== id || $[108] !== name_0 || $[109] !== navigate || $[110] !== registry || $[111] !== selectedFormViewConfig) {
-			t20 = {
-				collection: name_0,
+		if (custom?.Form) return /* @__PURE__ */ jsx(custom.Form, {});
+		return /* @__PURE__ */ jsx(RegistryViewRenderer, {
+			loader: formViewLoader,
+			viewKind: "form",
+			viewId: selectedFormView,
+			componentProps: {
+				collection: name,
 				id,
-				config: config_6,
+				config,
 				viewConfig: selectedFormViewConfig,
 				navigate,
 				basePath,
-				defaultValues,
+				defaultValues: route.type === "collection-create" && Object.keys(prefillValues).length > 0 ? prefillValues : void 0,
 				registry,
 				allCollectionsConfig: collections
-			};
-			$[103] = basePath;
-			$[104] = collections;
-			$[105] = config_6;
-			$[106] = defaultValues;
-			$[107] = id;
-			$[108] = name_0;
-			$[109] = navigate;
-			$[110] = registry;
-			$[111] = selectedFormViewConfig;
-			$[112] = t20;
-		} else t20 = $[112];
-		const editComponentProps = t20;
-		const t21 = `${name_0}-${id ?? "create"}`;
-		let t22;
-		if ($[113] !== editComponentProps || $[114] !== formViewLoader || $[115] !== selectedFormView || $[116] !== t21) {
-			t22 = /* @__PURE__ */ jsx(RegistryViewRenderer, {
-				loader: formViewLoader,
-				viewKind: "form",
-				viewId: selectedFormView,
-				componentProps: editComponentProps
-			}, t21);
-			$[113] = editComponentProps;
-			$[114] = formViewLoader;
-			$[115] = selectedFormView;
-			$[116] = t21;
-			$[117] = t22;
-		} else t22 = $[117];
-		return t22;
+			}
+		}, `${name}-${id ?? "create"}`);
 	}
 	if (route.type === "global-edit") {
-		const { name: name_1 } = route;
-		const config_7 = globals[name_1];
-		if (!config_7) {
-			let t14$2;
-			if ($[118] !== basePath || $[119] !== name_1 || $[120] !== navigate) {
-				t14$2 = /* @__PURE__ */ jsx(RestrictedAccess, {
-					type: "global",
-					name: name_1,
-					navigate,
-					basePath
-				});
-				$[118] = basePath;
-				$[119] = name_1;
-				$[120] = navigate;
-				$[121] = t14$2;
-			} else t14$2 = $[121];
-			return t14$2;
-		}
-		const custom_1 = resolvedGlobalComponents[name_1];
-		const viewNameFromSchema_1 = activeGlobalSchema?.admin?.form?.view;
-		const t14$1 = config_7?.form;
-		let t15;
-		if ($[122] !== t14$1) {
-			t15 = getConfiguredViewName(t14$1);
-			$[122] = t14$1;
-			$[123] = t15;
-		} else t15 = $[123];
-		const viewNameFromConfig_1 = t15;
-		let t16;
-		if ($[124] !== viewNameFromConfig_1 || $[125] !== viewNameFromSchema_1 || $[126] !== views) {
-			t16 = viewNameFromSchema_1 ?? viewNameFromConfig_1 ?? findDefaultView(views, "form");
-			$[124] = viewNameFromConfig_1;
-			$[125] = viewNameFromSchema_1;
-			$[126] = views;
-			$[127] = t16;
-		} else t16 = $[127];
-		const selectedFormView_0 = t16;
-		const selectedFormViewDefinition_0 = views[selectedFormView_0];
-		let t17;
-		if ($[128] !== activeGlobalSchema || $[129] !== config_7 || $[130] !== selectedFormViewDefinition_0) {
-			t17 = mergeViewConfig(getViewBaseConfig(selectedFormViewDefinition_0), config_7?.form?.config ?? config_7?.form ?? activeGlobalSchema?.admin?.form);
-			$[128] = activeGlobalSchema;
-			$[129] = config_7;
-			$[130] = selectedFormViewDefinition_0;
-			$[131] = t17;
-		} else t17 = $[131];
-		const selectedFormViewConfig_0 = t17;
-		let t18;
-		if ($[132] !== selectedFormViewDefinition_0) {
-			t18 = getViewLoader(selectedFormViewDefinition_0);
-			$[132] = selectedFormViewDefinition_0;
-			$[133] = t18;
-		} else t18 = $[133];
-		const globalViewLoader = t18;
-		if (selectedFormViewDefinition_0 && selectedFormViewDefinition_0.kind !== "form" && process.env.NODE_ENV !== "production") console.warn(`View "${selectedFormView_0}" kind "${selectedFormViewDefinition_0.kind}" != expected "form"`);
-		if (custom_1?.Form) {
-			let t19$1;
-			if ($[134] !== custom_1.Form) {
-				t19$1 = /* @__PURE__ */ jsx(custom_1.Form, {});
-				$[134] = custom_1.Form;
-				$[135] = t19$1;
-			} else t19$1 = $[135];
-			return t19$1;
-		}
-		let t19;
-		if ($[136] !== basePath || $[137] !== config_7 || $[138] !== globals || $[139] !== name_1 || $[140] !== navigate || $[141] !== registry || $[142] !== selectedFormViewConfig_0) {
-			t19 = {
-				global: name_1,
-				config: config_7,
-				viewConfig: selectedFormViewConfig_0,
+		const { name } = route;
+		const config = globals[name];
+		if (!config) return /* @__PURE__ */ jsx(RestrictedAccess, {
+			type: "global",
+			name,
+			navigate,
+			basePath
+		});
+		const custom = resolvedGlobalComponents[name];
+		const viewNameFromSchema = activeGlobalSchema?.admin?.form?.view;
+		const viewNameFromConfig = getConfiguredViewName(config?.form);
+		const selectedFormView = viewNameFromSchema ?? viewNameFromConfig ?? findDefaultView(views, "form");
+		const selectedFormViewDefinition = views[selectedFormView];
+		const selectedFormViewConfig = mergeViewConfig(getViewBaseConfig(selectedFormViewDefinition), config?.form?.config ?? config?.form ?? activeGlobalSchema?.admin?.form);
+		const globalViewLoader = getViewLoader(selectedFormViewDefinition);
+		if (selectedFormViewDefinition && selectedFormViewDefinition.kind !== "form" && process.env.NODE_ENV !== "production") console.warn(`View "${selectedFormView}" kind "${selectedFormViewDefinition.kind}" != expected "form"`);
+		if (custom?.Form) return /* @__PURE__ */ jsx(custom.Form, {});
+		return /* @__PURE__ */ jsx(RegistryViewRenderer, {
+			loader: globalViewLoader,
+			viewKind: "form",
+			viewId: selectedFormView,
+			componentProps: {
+				global: name,
+				config,
+				viewConfig: selectedFormViewConfig,
 				navigate,
 				basePath,
 				registry,
 				allGlobalsConfig: globals
-			};
-			$[136] = basePath;
-			$[137] = config_7;
-			$[138] = globals;
-			$[139] = name_1;
-			$[140] = navigate;
-			$[141] = registry;
-			$[142] = selectedFormViewConfig_0;
-			$[143] = t19;
-		} else t19 = $[143];
-		const globalComponentProps = t19;
-		let t20;
-		if ($[144] !== globalComponentProps || $[145] !== globalViewLoader || $[146] !== name_1 || $[147] !== selectedFormView_0) {
-			t20 = /* @__PURE__ */ jsx(RegistryViewRenderer, {
-				loader: globalViewLoader,
-				viewKind: "form",
-				viewId: selectedFormView_0,
-				componentProps: globalComponentProps
-			}, name_1);
-			$[144] = globalComponentProps;
-			$[145] = globalViewLoader;
-			$[146] = name_1;
-			$[147] = selectedFormView_0;
-			$[148] = t20;
-		} else t20 = $[148];
-		return t20;
-	}
-	if (route.type === "page") {
-		let t14$1;
-		if ($[149] !== route.config) {
-			t14$1 = /* @__PURE__ */ jsx(LazyPageRenderer, { config: route.config });
-			$[149] = route.config;
-			$[150] = t14$1;
-		} else t14$1 = $[150];
-		return t14$1;
+			}
+		}, name);
 	}
-	const NotFound = NotFoundComponent || DefaultNotFound;
-	let t14;
-	if ($[151] !== NotFound) {
-		t14 = /* @__PURE__ */ jsx(NotFound, {});
-		$[151] = NotFound;
-		$[152] = t14;
-	} else t14 = $[152];
-	return t14;
-}
-function _temp3() {
-	const main = document.getElementById("main-content");
-	if (main) requestAnimationFrame(() => {
-		main.focus({ preventScroll: true });
-	});
-}
-function _temp2(prev) {
-	return {
-		...prev,
-		loading: true,
-		error: null
-	};
+	if (route.type === "page") return /* @__PURE__ */ jsx(LazyPageRenderer, { config: route.config });
+	return /* @__PURE__ */ jsx(NotFoundComponent || DefaultNotFound, {});
 }
 
 //#endregion