@questpie/admin 3.0.3 → 3.0.4

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

@@ -1,12 +1,17 @@
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { formatLabel } from "../../lib/utils.mjs";
 import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
+import { Button } from "../../components/ui/button.mjs";
 import { useSuspenseAdminConfig } from "../../hooks/use-admin-config.mjs";
 import { Card } from "../../components/ui/card.mjs";
+import { Skeleton } from "../../components/ui/skeleton.mjs";
 import { parsePrefillParams } from "../../hooks/use-prefill-params.mjs";
 import { useCollectionSchema } from "../../hooks/use-collection-schema.mjs";
 import { getCollectionMetaQueryOptions } from "../../hooks/use-collection-meta.mjs";
 import { useGlobalSchema } from "../../hooks/use-global-schema.mjs";
 import { getGlobalMetaQueryOptions } from "../../hooks/use-global-meta.mjs";
-import { Skeleton } from "../../components/ui/skeleton.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";
@@ -31,12 +36,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 const EMPTY_COLLECTION_COMPONENTS = {};
 const EMPTY_GLOBAL_COMPONENTS = {};
+const AUTH_ROUTE_SEGMENTS = new Set([
+	"login",
+	"forgot-password",
+	"reset-password",
+	"accept-invite",
+	"setup"
+]);
+const componentLoaderCache = /* @__PURE__ */ new WeakMap();
 /**
 * Hook that resolves router configuration using Suspense.
 * Suspends until server config is loaded - no loading checks needed.
 */
 function useRouterConfig(props) {
-	const $ = c(19);
+	const $ = c(20);
 	const admin = useAdminStore(_temp);
 	const { data: serverConfig } = useSuspenseAdminConfig();
 	let t0;
@@ -97,13 +110,15 @@ function useRouterConfig(props) {
 	}
 	const mergedDashboard = t2;
 	const t3 = props.pages ?? storePages;
-	let t4;
-	if ($[12] !== mergedDashboard || $[13] !== props.DashboardComponent || $[14] !== serverCollections || $[15] !== serverGlobals || $[16] !== storeViews || $[17] !== t3) {
-		t4 = {
+	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
 		};
@@ -114,8 +129,9 @@ function useRouterConfig(props) {
 		$[16] = storeViews;
 		$[17] = t3;
 		$[18] = t4;
-	} else t4 = $[18];
-	return t4;
+		$[19] = t5;
+	} else t5 = $[19];
+	return t5;
 }
 function _temp(s) {
 	return s.admin;
@@ -153,6 +169,24 @@ function matchRoute(segments, _collections = {}, globals = {}, pages = {}) {
 	}
 	return { type: "not-found" };
 }
+function formatDocumentTitle(pageTitle, appTitle) {
+	const title = pageTitle.trim();
+	const app = appTitle.trim() || "Admin";
+	if (!title || title === app) return app;
+	return `${title} | ${app}`;
+}
+function setDocumentMetaDescription(description) {
+	const content = description.trim();
+	if (!content) return;
+	let meta = document.querySelector("meta[name=\"description\"]");
+	if (!meta) {
+		meta = document.createElement("meta");
+		meta.name = "description";
+		meta.setAttribute("data-questpie-admin", "true");
+		document.head.appendChild(meta);
+	}
+	meta.content = content;
+}
 /**
 * Find the first registered view of a given kind from the views registry.
 * Used as a fallback when no explicit view is configured on a collection/global.
@@ -192,20 +226,24 @@ function isDynamicImportLoader(loader) {
 	if (candidate.$$typeof) return false;
 	return loader.length === 0;
 }
-function ViewLoadingState() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground flex h-64 items-center justify-center",
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: "ph:spinner-gap",
-				className: "size-6 animate-spin"
-			})
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+function getCachedComponent(loader) {
+	if (!isDynamicImportLoader(loader)) return void 0;
+	return componentLoaderCache.get(loader);
+}
+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 UnknownViewState(t0) {
 	const $ = c(7);
@@ -288,6 +326,79 @@ function RouterSkeleton() {
 	} else t2 = $[2];
 	return t2;
 }
+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, {
+					variant: "text",
+					className: "h-4 w-36"
+				})]
+			}), /* @__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, {
+									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;
+	if (first && AUTH_ROUTE_SEGMENTS.has(first)) return /* @__PURE__ */ jsx(AuthPageSkeleton, {});
+	if (first === "collections" && second) return third ? /* @__PURE__ */ jsx(FormViewSkeleton, {}) : /* @__PURE__ */ jsx(TableViewSkeleton, {});
+	if (first === "globals" && second) return /* @__PURE__ */ jsx(FormViewSkeleton, {});
+	return /* @__PURE__ */ jsx(RouterSkeleton, {});
+}
 function shallowEqualComponentProps(a, b) {
 	if (a === b) return true;
 	const aKeys = Object.keys(a);
@@ -303,21 +414,25 @@ function areRegistryViewRendererPropsEqual(prev, next) {
 	return shallowEqualComponentProps(prev.componentProps, next.componentProps);
 }
 const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1(t0) {
-	const $ = c(12);
+	const $ = c(18);
 	const { loader, componentProps, viewKind, viewId } = t0;
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = {
-			Component: null,
-			loading: true,
-			error: null
+	if ($[0] !== loader) {
+		t1 = () => {
+			const cachedComponent = getCachedComponent(loader);
+			return {
+				Component: cachedComponent ?? null,
+				loading: !cachedComponent,
+				error: null
+			};
 		};
-		$[0] = t1;
-	} else t1 = $[0];
+		$[0] = loader;
+		$[1] = t1;
+	} else t1 = $[1];
 	const [state, setState] = React.useState(t1);
 	let t2;
 	let t3;
-	if ($[1] !== loader) {
+	if ($[2] !== loader) {
 		t2 = () => {
 			if (!loader) {
 				setState({
@@ -335,6 +450,15 @@ const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1(t0) {
 				});
 				return;
 			}
+			const cachedComponent_0 = getCachedComponent(loader);
+			if (cachedComponent_0) {
+				setState({
+					Component: cachedComponent_0,
+					loading: false,
+					error: null
+				});
+				return;
+			}
 			let mounted = true;
 			setState(_temp2);
 			(async () => {
@@ -344,6 +468,7 @@ const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1(t0) {
 					let Component;
 					if (result.default) Component = result.default;
 					else Component = result;
+					cacheComponent(loader, Component);
 					setState({
 						Component,
 						loading: false,
@@ -367,55 +492,64 @@ const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1(t0) {
 			};
 		};
 		t3 = [loader];
-		$[1] = loader;
-		$[2] = t2;
-		$[3] = t3;
+		$[2] = loader;
+		$[3] = t2;
+		$[4] = t3;
 	} else {
-		t2 = $[2];
-		t3 = $[3];
+		t2 = $[3];
+		t3 = $[4];
 	}
 	React.useEffect(t2, t3);
 	if (state.loading) {
 		let t4$1;
-		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-			t4$1 = /* @__PURE__ */ jsx(ViewLoadingState, {});
-			$[4] = t4$1;
-		} else t4$1 = $[4];
+		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 ($[5] !== viewId || $[6] !== viewKind) {
+		if ($[7] !== viewId || $[8] !== viewKind) {
 			t4$1 = /* @__PURE__ */ jsx(UnknownViewState, {
 				viewKind,
 				viewId
 			});
-			$[5] = viewId;
-			$[6] = viewKind;
-			$[7] = t4$1;
-		} else t4$1 = $[7];
+			$[7] = viewId;
+			$[8] = viewKind;
+			$[9] = t4$1;
+		} else t4$1 = $[9];
 		return t4$1;
 	}
 	const Component_0 = state.Component;
 	let t4;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(ViewLoadingState, {});
-		$[8] = t4;
-	} else t4 = $[8];
+	if ($[10] !== viewKind) {
+		t4 = /* @__PURE__ */ jsx(ViewLoadingState, { viewKind });
+		$[10] = viewKind;
+		$[11] = t4;
+	} else t4 = $[11];
 	let t5;
-	if ($[9] !== Component_0 || $[10] !== componentProps) {
-		t5 = /* @__PURE__ */ jsx(React.Suspense, {
+	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: /* @__PURE__ */ jsx(Component_0, { ...componentProps })
+			children: t5
 		});
-		$[9] = Component_0;
-		$[10] = componentProps;
-		$[11] = t5;
-	} else t5 = $[11];
-	return t5;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
 }, areRegistryViewRendererPropsEqual);
 function DefaultDashboard() {
-	const $ = c(4);
+	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
@@ -429,57 +563,44 @@ function DefaultDashboard() {
 	const date = t0;
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "mb-8 flex items-end justify-between",
-			children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
-				className: "text-3xl font-bold tracking-tight",
-				children: "Dashboard"
-			}), /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-1 font-mono text-xs tracking-widest uppercase",
-				children: date
-			})] })
+		t1 = /* @__PURE__ */ jsx(AdminViewHeader, {
+			className: "mb-4",
+			title: "Dashboard",
+			meta: date
 		});
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("div", { className: "bg-primary/10 absolute -top-12 -right-12 h-32 w-32 rounded-full blur-3xl" });
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsxs("div", {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			className: "qa-default-dashboard container",
 			children: [t1, /* @__PURE__ */ jsx("div", {
 				className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
-				children: /* @__PURE__ */ jsxs(Card, {
-					className: "relative overflow-hidden p-6",
-					children: [t2, /* @__PURE__ */ jsxs("div", {
-						className: "relative",
-						children: [
-							/* @__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-primary font-mono text-xs font-bold tracking-widest uppercase",
-									children: "System Status"
-								})]
-							}),
-							/* @__PURE__ */ jsx("h2", {
-								className: "mb-2 text-xl font-bold",
-								children: "Welcome back"
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm leading-relaxed",
-								children: "Select a collection from the sidebar to manage your content."
-							})
-						]
-					})]
+				children: /* @__PURE__ */ jsx(Card, {
+					className: "p-6",
+					children: /* @__PURE__ */ jsxs("div", { children: [
+						/* @__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: "System Status"
+							})]
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "mb-2 text-xl font-semibold",
+							children: "Welcome back"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-sm leading-relaxed",
+							children: "Select a collection from the sidebar to manage your content."
+						})
+					] })
 				})
 			})]
 		});
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
 }
 function DefaultNotFound() {
 	const $ = c(1);
@@ -500,42 +621,31 @@ function DefaultNotFound() {
 	return t0;
 }
 function RestrictedAccess(t0) {
-	const $ = c(18);
+	const $ = c(16);
 	const { type, name, navigate, basePath } = t0;
 	let t1;
 	let t2;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("div", { className: "bg-muted absolute -top-16 -right-16 h-40 w-40 rounded-full blur-3xl" });
-		t2 = /* @__PURE__ */ jsx("div", { className: "bg-muted absolute -bottom-16 -left-16 h-40 w-40 rounded-full blur-3xl" });
-		$[0] = t1;
-		$[1] = t2;
-	} else {
-		t1 = $[0];
-		t2 = $[1];
-	}
-	let t3;
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("div", {
+		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"
 			})
 		});
-		t4 = /* @__PURE__ */ jsx("h1", {
+		t2 = /* @__PURE__ */ jsx("h1", {
 			className: "mb-2 text-xl font-semibold",
 			children: "Access Restricted"
 		});
-		$[2] = t3;
-		$[3] = t4;
+		$[0] = t1;
+		$[1] = t2;
 	} else {
-		t3 = $[2];
-		t4 = $[3];
+		t1 = $[0];
+		t2 = $[1];
 	}
-	let t5;
-	if ($[4] !== name) {
-		t5 = /* @__PURE__ */ jsxs("span", {
+	let t3;
+	if ($[2] !== name) {
+		t3 = /* @__PURE__ */ jsxs("span", {
 			className: "text-foreground font-mono",
 			children: [
 				"\"",
@@ -543,93 +653,111 @@ function RestrictedAccess(t0) {
 				"\""
 			]
 		});
-		$[4] = name;
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] !== t5 || $[7] !== type) {
-		t6 = /* @__PURE__ */ jsxs("p", {
+		$[2] = name;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t3 || $[5] !== type) {
+		t4 = /* @__PURE__ */ jsxs("p", {
 			className: "text-muted-foreground mb-6 text-sm",
 			children: [
 				"The ",
 				type,
 				" ",
-				t5,
+				t3,
 				" is not available in the admin panel. It may be hidden or you don't have permission to access it."
 			]
 		});
-		$[6] = t5;
-		$[7] = type;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== basePath || $[10] !== navigate) {
-		t7 = () => navigate(basePath);
-		$[9] = basePath;
-		$[10] = navigate;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(Icon, {
+		$[4] = t3;
+		$[5] = type;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== basePath || $[8] !== navigate) {
+		t5 = () => navigate(basePath);
+		$[7] = basePath;
+		$[8] = navigate;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:arrow-left",
 			className: "h-4 w-4"
 		});
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== t7) {
-		t9 = /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			onClick: t7,
-			className: "bg-primary text-primary-foreground hover:bg-primary/90 inline-flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors",
-			children: [t8, "Back to Dashboard"]
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== t5) {
+		t7 = /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			onClick: t5,
+			children: [t6, "Back to Dashboard"]
 		});
-		$[13] = t7;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== t6 || $[16] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
+		$[11] = t5;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== t4 || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
 			className: "qa-restricted-access container py-12",
-			children: /* @__PURE__ */ jsxs(Card, {
-				className: "relative mx-auto max-w-lg overflow-hidden p-8 text-center",
-				children: [
+			children: /* @__PURE__ */ jsx(Card, {
+				className: "mx-auto max-w-lg p-8 text-center",
+				children: /* @__PURE__ */ jsxs("div", { children: [
 					t1,
 					t2,
-					/* @__PURE__ */ jsxs("div", {
-						className: "relative",
-						children: [
-							t3,
-							t4,
-							t6,
-							t9
-						]
-					})
-				]
+					t4,
+					t7
+				] })
 			})
 		});
-		$[15] = t6;
-		$[16] = t9;
-		$[17] = t10;
-	} else t10 = $[17];
-	return t10;
+		$[13] = t4;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	return t8;
 }
 function LazyPageRenderer(t0) {
-	const $ = c(9);
+	const $ = c(14);
 	const { config } = t0;
-	const [Component, setComponent] = React.useState(null);
-	const [loading, setLoading] = React.useState(true);
-	const [error, setError] = React.useState(null);
+	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 ($[0] !== config.component) {
-		t1 = () => {
+	if ($[2] !== Component) {
+		t2 = () => Component == null;
+		$[2] = Component;
+		$[3] = t2;
+	} else t2 = $[3];
+	const [loading, setLoading] = React.useState(t2);
+	const [error, setError] = React.useState(null);
+	let t3;
+	let t4;
+	if ($[4] !== component) {
+		t3 = () => {
 			let mounted = true;
 			(async function load() {
 				try {
-					if (typeof config.component === "function") {
-						const result = config.component();
+					const cachedComponent = getCachedComponent(component);
+					if (cachedComponent) {
+						if (mounted) {
+							setComponent(() => cachedComponent);
+							setLoading(false);
+							setError(null);
+						}
+						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;
@@ -640,15 +768,16 @@ function LazyPageRenderer(t0) {
 								let resolved;
 								if (mod.default) resolved = mod.default;
 								else resolved = mod;
+								cacheComponent(component, resolved);
 								setComponent(() => resolved);
 							}
-						} else if (mounted) setComponent(() => config.component);
-					} else if (config.component) {
-						if (mounted) setComponent(() => config.component);
+						} else if (mounted) setComponent(() => component);
+					} else if (component) {
+						if (mounted) setComponent(() => component);
 					}
 					if (mounted) setLoading(false);
-				} catch (t3$1) {
-					const err = t3$1;
+				} catch (t5$1) {
+					const err = t5$1;
 					if (mounted) {
 						let resolvedError;
 						if (err instanceof Error) resolvedError = err;
@@ -662,59 +791,55 @@ function LazyPageRenderer(t0) {
 				mounted = false;
 			};
 		};
-		t2 = [config.component];
-		$[0] = config.component;
-		$[1] = t1;
-		$[2] = t2;
+		t4 = [component];
+		$[4] = component;
+		$[5] = t3;
+		$[6] = t4;
 	} else {
-		t1 = $[1];
-		t2 = $[2];
+		t3 = $[5];
+		t4 = $[6];
 	}
-	React.useEffect(t1, t2);
+	React.useEffect(t3, t4);
 	if (loading) {
-		let t3$1;
-		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = /* @__PURE__ */ jsx("div", {
-				className: "text-muted-foreground flex h-64 items-center justify-center",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:spinner-gap",
-					className: "size-6 animate-spin"
-				})
-			});
-			$[3] = t3$1;
-		} else t3$1 = $[3];
-		return t3$1;
+		let t5$1;
+		if ($[7] !== config.path) {
+			const path = config.path?.replace(/^\//, "") ?? "";
+			t5$1 = AUTH_ROUTE_SEGMENTS.has(path) ? /* @__PURE__ */ jsx(AuthPageSkeleton, {}) : /* @__PURE__ */ jsx(RouterSkeleton, {});
+			$[7] = config.path;
+			$[8] = t5$1;
+		} else t5$1 = $[8];
+		return t5$1;
 	}
 	if (error) {
-		let t3$1;
-		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = /* @__PURE__ */ jsx("h1", {
+		let t5$1;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t5$1 = /* @__PURE__ */ jsx("h1", {
 				className: "text-destructive mb-4 text-2xl font-bold",
 				children: "Error"
 			});
-			$[4] = t3$1;
-		} else t3$1 = $[4];
-		let t4;
-		if ($[5] !== error.message) {
-			t4 = /* @__PURE__ */ jsxs("div", {
+			$[9] = t5$1;
+		} else t5$1 = $[9];
+		let t6;
+		if ($[10] !== error.message) {
+			t6 = /* @__PURE__ */ jsxs("div", {
 				className: "container",
-				children: [t3$1, /* @__PURE__ */ jsx("p", {
+				children: [t5$1, /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground",
 					children: error.message
 				})]
 			});
-			$[5] = error.message;
-			$[6] = t4;
-		} else t4 = $[6];
-		return t4;
+			$[10] = error.message;
+			$[11] = t6;
+		} else t6 = $[11];
+		return t6;
 	}
-	let t3;
-	if ($[7] !== Component) {
-		t3 = Component ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx(DefaultNotFound, {});
-		$[7] = Component;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
+	let t5;
+	if ($[12] !== Component) {
+		t5 = Component ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx(DefaultNotFound, {});
+		$[12] = Component;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
 }
 /**
 * AdminRouter Component
@@ -723,29 +848,37 @@ function LazyPageRenderer(t0) {
 * Uses Suspense internally - shows skeleton while config loads.
 */
 function AdminRouter(props) {
-	const $ = c(3);
+	const $ = c(7);
 	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx(RouterSkeleton, {});
-		$[0] = t0;
-	} else t0 = $[0];
+	if ($[0] !== props.segments) {
+		t0 = getFallbackForSegments(props.segments);
+		$[0] = props.segments;
+		$[1] = t0;
+	} else t0 = $[1];
 	let t1;
-	if ($[1] !== props) {
-		t1 = /* @__PURE__ */ jsx(React.Suspense, {
+	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: /* @__PURE__ */ jsx(AdminRouterInner, { ...props })
+			children: t1
 		});
-		$[1] = props;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 }
 /**
 * Inner router component that uses Suspense for data loading.
 * Guaranteed to have config loaded when rendering.
 */
 function AdminRouterInner(t0) {
-	const $ = c(134);
+	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;
 	const resolvedCollectionComponents = collectionComponents ?? EMPTY_COLLECTION_COMPONENTS;
@@ -796,7 +929,7 @@ function AdminRouterInner(t0) {
 		$[8] = pagesProp;
 		$[9] = t4;
 	} else t4 = $[9];
-	const { collections, globals, pages, views, dashboardConfig, DashboardComponent } = useRouterConfig(t4);
+	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);
@@ -829,263 +962,327 @@ function AdminRouterInner(t0) {
 		$[18] = t9;
 	} else t9 = $[18];
 	const { data: activeGlobalSchema } = useGlobalSchema(activeGlobalName, t9);
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
 	let t10;
-	if ($[19] !== segments) {
-		t10 = segments.join("/");
-		$[19] = segments;
-		$[20] = t10;
-	} else t10 = $[20];
-	const routeKey = t10;
-	let t11;
-	if ($[21] !== route.name || $[22] !== route.type) {
-		t11 = () => {
-			let pageTitle = "Admin";
-			bb54: switch (route.type) {
+	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 = "Dashboard";
-					break bb54;
-				case "collection-list":
-					pageTitle = `${route.name} — List`;
-					break bb54;
-				case "collection-create":
-					pageTitle = `${route.name} — Create`;
-					break bb54;
-				case "collection-edit":
-					pageTitle = `${route.name} — Edit`;
-					break bb54;
-				case "global-edit":
-					pageTitle = `${route.name} — Settings`;
-					break bb54;
-				case "page": pageTitle = route.name;
+					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;
 			}
-			document.title = pageTitle;
-			const main = document.getElementById("main-content");
-			if (main) requestAnimationFrame(() => {
-				main.focus({ preventScroll: true });
-			});
+			document.title = formatDocumentTitle(pageTitle, appTitle);
+			setDocumentMetaDescription(metaDescription || pageTitle);
 		};
-		$[21] = route.name;
-		$[22] = route.type;
-		$[23] = t11;
-	} else t11 = $[23];
+		$[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 ($[24] !== route || $[25] !== routeKey) {
-		t12 = [routeKey, route];
-		$[24] = route;
-		$[25] = routeKey;
-		$[26] = t12;
-	} else t12 = $[26];
-	React.useEffect(t11, 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 t13$2;
-			if ($[27] !== DashboardComponent) {
-				t13$2 = /* @__PURE__ */ jsx(DashboardComponent, {});
-				$[27] = DashboardComponent;
-				$[28] = t13$2;
-			} else t13$2 = $[28];
-			return t13$2;
+			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 t13$2;
-			if ($[29] !== basePath || $[30] !== dashboardConfig || $[31] !== navigate) {
-				t13$2 = /* @__PURE__ */ jsx(DashboardGrid, {
+			let t14$2;
+			if ($[48] !== basePath || $[49] !== dashboardConfig || $[50] !== navigate) {
+				t14$2 = /* @__PURE__ */ jsx(DashboardGrid, {
 					config: dashboardConfig,
 					basePath,
 					navigate
 				});
-				$[29] = basePath;
-				$[30] = dashboardConfig;
-				$[31] = navigate;
-				$[32] = t13$2;
-			} else t13$2 = $[32];
-			return t13$2;
+				$[48] = basePath;
+				$[49] = dashboardConfig;
+				$[50] = navigate;
+				$[51] = t14$2;
+			} else t14$2 = $[51];
+			return t14$2;
 		}
-		let t13$1;
-		if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-			t13$1 = /* @__PURE__ */ jsx(DefaultDashboard, {});
-			$[33] = t13$1;
-		} else t13$1 = $[33];
-		return t13$1;
+		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;
 	}
 	if (route.type === "collection-list") {
 		const { name } = route;
-		const config = collections[name];
-		if (!config) {
-			let t13$2;
-			if ($[34] !== basePath || $[35] !== name || $[36] !== navigate) {
-				t13$2 = /* @__PURE__ */ jsx(RestrictedAccess, {
+		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
 				});
-				$[34] = basePath;
-				$[35] = name;
-				$[36] = navigate;
-				$[37] = t13$2;
-			} else t13$2 = $[37];
-			return t13$2;
+				$[53] = basePath;
+				$[54] = name;
+				$[55] = navigate;
+				$[56] = t14$2;
+			} else t14$2 = $[56];
+			return t14$2;
 		}
 		const custom = resolvedCollectionComponents[name];
 		const viewNameFromSchema = activeCollectionSchema?.admin?.list?.view;
-		const t13$1 = config?.list;
-		let t14;
-		if ($[38] !== t13$1) {
-			t14 = getConfiguredViewName(t13$1);
-			$[38] = t13$1;
-			$[39] = t14;
-		} else t14 = $[39];
-		const viewNameFromConfig = t14;
+		const t14$1 = config_5?.list;
 		let t15;
-		if ($[40] !== viewNameFromConfig || $[41] !== viewNameFromSchema || $[42] !== views) {
-			t15 = viewNameFromSchema ?? viewNameFromConfig ?? findDefaultView(views, "list");
-			$[40] = viewNameFromConfig;
-			$[41] = viewNameFromSchema;
-			$[42] = views;
-			$[43] = t15;
-		} else t15 = $[43];
-		const selectedListView = t15;
-		const selectedListViewDefinition = views[selectedListView];
+		if ($[57] !== t14$1) {
+			t15 = getConfiguredViewName(t14$1);
+			$[57] = t14$1;
+			$[58] = t15;
+		} else t15 = $[58];
+		const viewNameFromConfig = t15;
 		let t16;
-		if ($[44] !== activeCollectionSchema || $[45] !== config || $[46] !== selectedListViewDefinition) {
-			t16 = mergeViewConfig(getViewBaseConfig(selectedListViewDefinition), config?.list?.config ?? config?.list ?? activeCollectionSchema?.admin?.list);
-			$[44] = activeCollectionSchema;
-			$[45] = config;
-			$[46] = selectedListViewDefinition;
-			$[47] = t16;
-		} else t16 = $[47];
-		const selectedListViewConfig = 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 selectedListViewDefinition = views[selectedListView];
 		let t17;
-		if ($[48] !== selectedListViewDefinition) {
-			t17 = getViewLoader(selectedListViewDefinition);
-			$[48] = selectedListViewDefinition;
-			$[49] = t17;
-		} else t17 = $[49];
-		const listViewLoader = 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;
 		if (selectedListViewDefinition && selectedListViewDefinition.kind !== "list" && process.env.NODE_ENV !== "production") console.warn(`View "${selectedListView}" kind "${selectedListViewDefinition.kind}" != expected "list"`);
 		if (custom?.List) {
-			let t18$1;
-			if ($[50] !== custom.List) {
-				t18$1 = /* @__PURE__ */ jsx(custom.List, {});
-				$[50] = custom.List;
-				$[51] = t18$1;
-			} else t18$1 = $[51];
-			return t18$1;
+			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 t18;
-		if ($[52] !== basePath || $[53] !== config || $[54] !== name || $[55] !== navigate || $[56] !== selectedListViewConfig) {
-			t18 = {
+		let t19;
+		if ($[71] !== basePath || $[72] !== config_5 || $[73] !== name || $[74] !== navigate || $[75] !== selectedListViewConfig) {
+			t19 = {
 				collection: name,
-				config,
+				config: config_5,
 				viewConfig: selectedListViewConfig,
 				navigate,
 				basePath
 			};
-			$[52] = basePath;
-			$[53] = config;
-			$[54] = name;
-			$[55] = navigate;
-			$[56] = selectedListViewConfig;
-			$[57] = t18;
-		} else t18 = $[57];
-		const listComponentProps = t18;
-		let t19;
-		if ($[58] !== listComponentProps || $[59] !== listViewLoader || $[60] !== name || $[61] !== selectedListView) {
-			t19 = /* @__PURE__ */ jsx(RegistryViewRenderer, {
+			$[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);
-			$[58] = listComponentProps;
-			$[59] = listViewLoader;
-			$[60] = name;
-			$[61] = selectedListView;
-			$[62] = t19;
-		} else t19 = $[62];
-		return t19;
+			$[77] = listComponentProps;
+			$[78] = listViewLoader;
+			$[79] = name;
+			$[80] = selectedListView;
+			$[81] = t20;
+		} else t20 = $[81];
+		return t20;
 	}
 	if (route.type === "collection-create" || route.type === "collection-edit") {
 		const { name: name_0 } = route;
 		const id = route.type === "collection-edit" ? route.id : void 0;
-		const config_0 = collections[name_0];
-		if (!config_0) {
-			let t13$2;
-			if ($[63] !== basePath || $[64] !== name_0 || $[65] !== navigate) {
-				t13$2 = /* @__PURE__ */ jsx(RestrictedAccess, {
+		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
 				});
-				$[63] = basePath;
-				$[64] = name_0;
-				$[65] = navigate;
-				$[66] = t13$2;
-			} else t13$2 = $[66];
-			return t13$2;
+				$[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 t13$1 = config_0?.form;
-		let t14;
-		if ($[67] !== t13$1) {
-			t14 = getConfiguredViewName(t13$1);
-			$[67] = t13$1;
-			$[68] = t14;
-		} else t14 = $[68];
-		const viewNameFromConfig_0 = t14;
+		const t14$1 = config_6?.form;
 		let t15;
-		if ($[69] !== viewNameFromConfig_0 || $[70] !== viewNameFromSchema_0 || $[71] !== views) {
-			t15 = viewNameFromSchema_0 ?? viewNameFromConfig_0 ?? findDefaultView(views, "form");
-			$[69] = viewNameFromConfig_0;
-			$[70] = viewNameFromSchema_0;
-			$[71] = views;
-			$[72] = t15;
-		} else t15 = $[72];
-		const selectedFormView = t15;
-		const selectedFormViewDefinition = views[selectedFormView];
+		if ($[86] !== t14$1) {
+			t15 = getConfiguredViewName(t14$1);
+			$[86] = t14$1;
+			$[87] = t15;
+		} else t15 = $[87];
+		const viewNameFromConfig_0 = t15;
 		let t16;
-		if ($[73] !== activeCollectionSchema || $[74] !== config_0 || $[75] !== selectedFormViewDefinition) {
-			t16 = mergeViewConfig(getViewBaseConfig(selectedFormViewDefinition), config_0?.form?.config ?? config_0?.form ?? activeCollectionSchema?.admin?.form);
-			$[73] = activeCollectionSchema;
-			$[74] = config_0;
-			$[75] = selectedFormViewDefinition;
-			$[76] = t16;
-		} else t16 = $[76];
-		const selectedFormViewConfig = 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 selectedFormViewDefinition = views[selectedFormView];
 		let t17;
-		if ($[77] !== selectedFormViewDefinition) {
-			t17 = getViewLoader(selectedFormViewDefinition);
-			$[77] = selectedFormViewDefinition;
-			$[78] = t17;
-		} else t17 = $[78];
-		const formViewLoader = 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;
 		if (selectedFormViewDefinition && selectedFormViewDefinition.kind !== "form" && process.env.NODE_ENV !== "production") console.warn(`View "${selectedFormView}" kind "${selectedFormViewDefinition.kind}" != expected "form"`);
 		if (custom_0?.Form) {
-			let t18$1;
-			if ($[79] !== custom_0.Form) {
-				t18$1 = /* @__PURE__ */ jsx(custom_0.Form, {});
-				$[79] = custom_0.Form;
-				$[80] = t18$1;
-			} else t18$1 = $[80];
-			return t18$1;
+			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 t18;
-		if ($[81] !== prefillValues || $[82] !== route.type) {
-			t18 = route.type === "collection-create" && Object.keys(prefillValues).length > 0 ? prefillValues : void 0;
-			$[81] = prefillValues;
-			$[82] = route.type;
-			$[83] = t18;
-		} else t18 = $[83];
-		const defaultValues = t18;
 		let t19;
-		if ($[84] !== basePath || $[85] !== collections || $[86] !== config_0 || $[87] !== defaultValues || $[88] !== id || $[89] !== name_0 || $[90] !== navigate || $[91] !== registry || $[92] !== selectedFormViewConfig) {
-			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,
 				id,
-				config: config_0,
+				config: config_6,
 				viewConfig: selectedFormViewConfig,
 				navigate,
 				basePath,
@@ -1093,154 +1290,160 @@ function AdminRouterInner(t0) {
 				registry,
 				allCollectionsConfig: collections
 			};
-			$[84] = basePath;
-			$[85] = collections;
-			$[86] = config_0;
-			$[87] = defaultValues;
-			$[88] = id;
-			$[89] = name_0;
-			$[90] = navigate;
-			$[91] = registry;
-			$[92] = selectedFormViewConfig;
-			$[93] = t19;
-		} else t19 = $[93];
-		const editComponentProps = t19;
-		const t20 = `${name_0}-${id ?? "create"}`;
-		let t21;
-		if ($[94] !== editComponentProps || $[95] !== formViewLoader || $[96] !== selectedFormView || $[97] !== t20) {
-			t21 = /* @__PURE__ */ jsx(RegistryViewRenderer, {
+			$[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
-			}, t20);
-			$[94] = editComponentProps;
-			$[95] = formViewLoader;
-			$[96] = selectedFormView;
-			$[97] = t20;
-			$[98] = t21;
-		} else t21 = $[98];
-		return t21;
+			}, t21);
+			$[113] = editComponentProps;
+			$[114] = formViewLoader;
+			$[115] = selectedFormView;
+			$[116] = t21;
+			$[117] = t22;
+		} else t22 = $[117];
+		return t22;
 	}
 	if (route.type === "global-edit") {
 		const { name: name_1 } = route;
-		const config_1 = globals[name_1];
-		if (!config_1) {
-			let t13$2;
-			if ($[99] !== basePath || $[100] !== name_1 || $[101] !== navigate) {
-				t13$2 = /* @__PURE__ */ jsx(RestrictedAccess, {
+		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
 				});
-				$[99] = basePath;
-				$[100] = name_1;
-				$[101] = navigate;
-				$[102] = t13$2;
-			} else t13$2 = $[102];
-			return t13$2;
+				$[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 t13$1 = config_1?.form;
-		let t14;
-		if ($[103] !== t13$1) {
-			t14 = getConfiguredViewName(t13$1);
-			$[103] = t13$1;
-			$[104] = t14;
-		} else t14 = $[104];
-		const viewNameFromConfig_1 = t14;
+		const t14$1 = config_7?.form;
 		let t15;
-		if ($[105] !== viewNameFromConfig_1 || $[106] !== viewNameFromSchema_1 || $[107] !== views) {
-			t15 = viewNameFromSchema_1 ?? viewNameFromConfig_1 ?? findDefaultView(views, "form");
-			$[105] = viewNameFromConfig_1;
-			$[106] = viewNameFromSchema_1;
-			$[107] = views;
-			$[108] = t15;
-		} else t15 = $[108];
-		const selectedFormView_0 = t15;
-		const selectedFormViewDefinition_0 = views[selectedFormView_0];
+		if ($[122] !== t14$1) {
+			t15 = getConfiguredViewName(t14$1);
+			$[122] = t14$1;
+			$[123] = t15;
+		} else t15 = $[123];
+		const viewNameFromConfig_1 = t15;
 		let t16;
-		if ($[109] !== activeGlobalSchema || $[110] !== config_1 || $[111] !== selectedFormViewDefinition_0) {
-			t16 = mergeViewConfig(getViewBaseConfig(selectedFormViewDefinition_0), config_1?.form?.config ?? config_1?.form ?? activeGlobalSchema?.admin?.form);
-			$[109] = activeGlobalSchema;
-			$[110] = config_1;
-			$[111] = selectedFormViewDefinition_0;
-			$[112] = t16;
-		} else t16 = $[112];
-		const selectedFormViewConfig_0 = 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 ($[113] !== selectedFormViewDefinition_0) {
-			t17 = getViewLoader(selectedFormViewDefinition_0);
-			$[113] = selectedFormViewDefinition_0;
-			$[114] = t17;
-		} else t17 = $[114];
-		const globalViewLoader = 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 t18$1;
-			if ($[115] !== custom_1.Form) {
-				t18$1 = /* @__PURE__ */ jsx(custom_1.Form, {});
-				$[115] = custom_1.Form;
-				$[116] = t18$1;
-			} else t18$1 = $[116];
-			return t18$1;
+			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 t18;
-		if ($[117] !== basePath || $[118] !== config_1 || $[119] !== globals || $[120] !== name_1 || $[121] !== navigate || $[122] !== registry || $[123] !== selectedFormViewConfig_0) {
-			t18 = {
+		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_1,
+				config: config_7,
 				viewConfig: selectedFormViewConfig_0,
 				navigate,
 				basePath,
 				registry,
 				allGlobalsConfig: globals
 			};
-			$[117] = basePath;
-			$[118] = config_1;
-			$[119] = globals;
-			$[120] = name_1;
-			$[121] = navigate;
-			$[122] = registry;
-			$[123] = selectedFormViewConfig_0;
-			$[124] = t18;
-		} else t18 = $[124];
-		const globalComponentProps = t18;
-		let t19;
-		if ($[125] !== globalComponentProps || $[126] !== globalViewLoader || $[127] !== name_1 || $[128] !== selectedFormView_0) {
-			t19 = /* @__PURE__ */ jsx(RegistryViewRenderer, {
+			$[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);
-			$[125] = globalComponentProps;
-			$[126] = globalViewLoader;
-			$[127] = name_1;
-			$[128] = selectedFormView_0;
-			$[129] = t19;
-		} else t19 = $[129];
-		return t19;
+			$[144] = globalComponentProps;
+			$[145] = globalViewLoader;
+			$[146] = name_1;
+			$[147] = selectedFormView_0;
+			$[148] = t20;
+		} else t20 = $[148];
+		return t20;
 	}
 	if (route.type === "page") {
-		let t13$1;
-		if ($[130] !== route.config) {
-			t13$1 = /* @__PURE__ */ jsx(LazyPageRenderer, { config: route.config });
-			$[130] = route.config;
-			$[131] = t13$1;
-		} else t13$1 = $[131];
-		return t13$1;
+		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;
 	}
 	const NotFound = NotFoundComponent || DefaultNotFound;
-	let t13;
-	if ($[132] !== NotFound) {
-		t13 = /* @__PURE__ */ jsx(NotFound, {});
-		$[132] = NotFound;
-		$[133] = t13;
-	} else t13 = $[133];
-	return t13;
+	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 {