@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,1254 @@
+import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
+import { useSuspenseAdminConfig } from "../../hooks/use-admin-config.mjs";
+import { Card } from "../../components/ui/card.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 { 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";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/layout/admin-router.tsx
+/**
+* AdminRouter Component
+*
+* Handles routing for the admin UI based on URL segments.
+* Uses the view registry to resolve list/form views dynamically.
+*
+* URL Patterns:
+* - /admin -> Dashboard
+* - /admin/collections/:name -> Collection list
+* - /admin/collections/:name/create -> Collection create
+* - /admin/collections/:name/:id -> Collection edit
+* - /admin/globals/:name -> Global edit
+* - /admin/:customPage -> Custom pages
+*/
+const EMPTY_COLLECTION_COMPONENTS = {};
+const EMPTY_GLOBAL_COMPONENTS = {};
+/**
+* Hook that resolves router configuration using Suspense.
+* Suspends until server config is loaded - no loading checks needed.
+*/
+function useRouterConfig(props) {
+	const $ = c(19);
+	const admin = useAdminStore(_temp);
+	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;
+	let serverCollections;
+	if (props.collections) serverCollections = props.collections;
+	else if ($[4] !== serverConfig) {
+		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];
+	let serverGlobals;
+	if (props.globals) serverGlobals = props.globals;
+	else if ($[8] !== serverConfig) {
+		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;
+	}
+	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 = {
+			collections: serverCollections,
+			globals: serverGlobals,
+			pages: t3,
+			views: storeViews,
+			dashboardConfig: mergedDashboard,
+			DashboardComponent: props.DashboardComponent
+		};
+		$[12] = mergedDashboard;
+		$[13] = props.DashboardComponent;
+		$[14] = serverCollections;
+		$[15] = serverGlobals;
+		$[16] = storeViews;
+		$[17] = t3;
+		$[18] = t4;
+	} else t4 = $[18];
+	return t4;
+}
+function _temp(s) {
+	return s.admin;
+}
+function matchRoute(segments, _collections = {}, globals = {}, pages = {}) {
+	if (segments.length === 0) return { type: "dashboard" };
+	const [first, second, third] = segments;
+	if (first === "collections" && second) {
+		if (!third) return {
+			type: "collection-list",
+			name: second
+		};
+		if (third === "create") return {
+			type: "collection-create",
+			name: second
+		};
+		return {
+			type: "collection-edit",
+			name: second,
+			id: third
+		};
+	}
+	if (first === "globals" && second && globals[second]) return {
+		type: "global-edit",
+		name: second
+	};
+	for (const [name, config] of Object.entries(pages)) {
+		if (!config?.path) continue;
+		const pagePath = config.path.replace(/^\//, "");
+		if (first === pagePath || segments.join("/") === pagePath) return {
+			type: "page",
+			name,
+			config
+		};
+	}
+	return { type: "not-found" };
+}
+/**
+* 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.
+*/
+function findDefaultView(views, kind) {
+	for (const [name, def] of Object.entries(views)) if (def && typeof def === "object" && def.kind === kind) return name;
+}
+function getConfiguredViewName(config) {
+	if (!config || typeof config !== "object") return void 0;
+	const maybeConfig = config;
+	if (typeof maybeConfig.view === "string") return maybeConfig.view;
+	if (typeof maybeConfig.name === "string") return maybeConfig.name;
+}
+function getViewLoader(definition) {
+	if (!definition || typeof definition !== "object") return void 0;
+	return definition.component;
+}
+function getViewBaseConfig(definition) {
+	if (!definition || typeof definition !== "object") return void 0;
+	const config = definition.config;
+	if (!config || typeof config !== "object") return void 0;
+	return config;
+}
+function mergeViewConfig(base, override) {
+	const baseConfig = base && typeof base === "object" ? base : void 0;
+	const overrideConfig = override && typeof override === "object" ? override : void 0;
+	if (!baseConfig && !overrideConfig) return void 0;
+	return {
+		...baseConfig ?? {},
+		...overrideConfig ?? {}
+	};
+}
+function isDynamicImportLoader(loader) {
+	if (typeof loader !== "function") return false;
+	const candidate = loader;
+	if (candidate.prototype?.isReactComponent || candidate.prototype?.render) return false;
+	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 UnknownViewState(t0) {
+	const $ = c(7);
+	const { viewKind, viewId } = t0;
+	let t1;
+	if ($[0] !== viewKind) {
+		t1 = /* @__PURE__ */ jsxs("h1", {
+			className: "text-lg font-semibold",
+			children: [
+				"Unknown ",
+				viewKind,
+				" view"
+			]
+		});
+		$[0] = viewKind;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== viewId) {
+		t2 = /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground mt-2 text-sm",
+			children: [
+				"View \"",
+				viewId,
+				"\" is not registered in the admin view registry."
+			]
+		});
+		$[2] = viewId;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: "container",
+			children: /* @__PURE__ */ jsxs(Card, {
+				className: "border-warning/30 bg-warning/5 p-6",
+				children: [t1, t2]
+			})
+		});
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+/**
+* 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;
+}
+function shallowEqualComponentProps(a, b) {
+	if (a === b) return true;
+	const aKeys = Object.keys(a);
+	const bKeys = Object.keys(b);
+	if (aKeys.length !== bKeys.length) return false;
+	for (const key of aKeys) if (a[key] !== b[key]) return false;
+	return true;
+}
+function areRegistryViewRendererPropsEqual(prev, next) {
+	if (prev.loader !== next.loader) return false;
+	if (prev.viewKind !== next.viewKind) return false;
+	if (prev.viewId !== next.viewId) return false;
+	return shallowEqualComponentProps(prev.componentProps, next.componentProps);
+}
+const RegistryViewRenderer = React.memo(function RegistryViewRenderer$1(t0) {
+	const $ = c(12);
+	const { loader, componentProps, viewKind, viewId } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			Component: null,
+			loading: true,
+			error: null
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const [state, setState] = React.useState(t1);
+	let t2;
+	let t3;
+	if ($[1] !== loader) {
+		t2 = () => {
+			if (!loader) {
+				setState({
+					Component: null,
+					loading: false,
+					error: null
+				});
+				return;
+			}
+			if (!isDynamicImportLoader(loader)) {
+				setState({
+					Component: loader,
+					loading: false,
+					error: null
+				});
+				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;
+					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;
+			};
+		};
+		t3 = [loader];
+		$[1] = loader;
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	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];
+		return t4$1;
+	}
+	if (state.error || !state.Component) {
+		let t4$1;
+		if ($[5] !== viewId || $[6] !== viewKind) {
+			t4$1 = /* @__PURE__ */ jsx(UnknownViewState, {
+				viewKind,
+				viewId
+			});
+			$[5] = viewId;
+			$[6] = viewKind;
+			$[7] = t4$1;
+		} else t4$1 = $[7];
+		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];
+	let t5;
+	if ($[9] !== Component_0 || $[10] !== componentProps) {
+		t5 = /* @__PURE__ */ jsx(React.Suspense, {
+			fallback: t4,
+			children: /* @__PURE__ */ jsx(Component_0, { ...componentProps })
+		});
+		$[9] = Component_0;
+		$[10] = componentProps;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}, areRegistryViewRendererPropsEqual);
+function DefaultDashboard() {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+			weekday: "long",
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	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
+			})] })
+		});
+		$[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", {
+			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."
+							})
+						]
+					})]
+				})
+			})]
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+}
+function DefaultNotFound() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "qa-not-found container",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "mb-4 text-2xl font-bold",
+				children: "Page Not Found"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "The page you're looking for doesn't exist."
+			})]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+function RestrictedAccess(t0) {
+	const $ = c(18);
+	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", {
+			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", {
+			className: "mb-2 text-xl font-semibold",
+			children: "Access Restricted"
+		});
+		$[2] = t3;
+		$[3] = t4;
+	} else {
+		t3 = $[2];
+		t4 = $[3];
+	}
+	let t5;
+	if ($[4] !== name) {
+		t5 = /* @__PURE__ */ jsxs("span", {
+			className: "text-foreground font-mono",
+			children: [
+				"\"",
+				name,
+				"\""
+			]
+		});
+		$[4] = name;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t5 || $[7] !== type) {
+		t6 = /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground mb-6 text-sm",
+			children: [
+				"The ",
+				type,
+				" ",
+				t5,
+				" 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, {
+			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"]
+		});
+		$[13] = t7;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t6 || $[16] !== t9) {
+		t10 = /* @__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: [
+					t1,
+					t2,
+					/* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [
+							t3,
+							t4,
+							t6,
+							t9
+						]
+					})
+				]
+			})
+		});
+		$[15] = t6;
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	return t10;
+}
+function LazyPageRenderer(t0) {
+	const $ = c(9);
+	const { config } = t0;
+	const [Component, setComponent] = React.useState(null);
+	const [loading, setLoading] = React.useState(true);
+	const [error, setError] = React.useState(null);
+	let t1;
+	let t2;
+	if ($[0] !== config.component) {
+		t1 = () => {
+			let mounted = true;
+			(async function load() {
+				try {
+					if (typeof config.component === "function") {
+						const result = config.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;
+								setComponent(() => resolved);
+							}
+						} else if (mounted) setComponent(() => config.component);
+					} else if (config.component) {
+						if (mounted) setComponent(() => config.component);
+					}
+					if (mounted) setLoading(false);
+				} catch (t3$1) {
+					const err = t3$1;
+					if (mounted) {
+						let resolvedError;
+						if (err instanceof Error) resolvedError = err;
+						else resolvedError = /* @__PURE__ */ new Error("Failed to load");
+						setError(resolvedError);
+					}
+					if (mounted) setLoading(false);
+				}
+			})();
+			return () => {
+				mounted = false;
+			};
+		};
+		t2 = [config.component];
+		$[0] = config.component;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	React.useEffect(t1, t2);
+	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;
+	}
+	if (error) {
+		let t3$1;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t3$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", {
+				className: "container",
+				children: [t3$1, /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: error.message
+				})]
+			});
+			$[5] = error.message;
+			$[6] = t4;
+		} else t4 = $[6];
+		return t4;
+	}
+	let t3;
+	if ($[7] !== Component) {
+		t3 = Component ? /* @__PURE__ */ jsx(Component, {}) : /* @__PURE__ */ jsx(DefaultNotFound, {});
+		$[7] = Component;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+/**
+* AdminRouter Component
+*
+* Routes to the appropriate view based on URL segments.
+* Uses Suspense internally - shows skeleton while config loads.
+*/
+function AdminRouter(props) {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(RouterSkeleton, {});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(React.Suspense, {
+			fallback: t0,
+			children: /* @__PURE__ */ jsx(AdminRouterInner, { ...props })
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+/**
+* Inner router component that uses Suspense for data loading.
+* Guaranteed to have config loaded when rendering.
+*/
+function AdminRouterInner(t0) {
+	const $ = c(134);
+	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;
+	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, 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 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);
+	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) {
+				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;
+			}
+			document.title = pageTitle;
+			const main = document.getElementById("main-content");
+			if (main) requestAnimationFrame(() => {
+				main.focus({ preventScroll: true });
+			});
+		};
+		$[21] = route.name;
+		$[22] = route.type;
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== route || $[25] !== routeKey) {
+		t12 = [routeKey, route];
+		$[24] = route;
+		$[25] = routeKey;
+		$[26] = t12;
+	} else t12 = $[26];
+	React.useEffect(t11, t12);
+	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;
+		}
+		if (dashboardConfig?.items?.length || dashboardConfig?.widgets?.length) {
+			let t13$2;
+			if ($[29] !== basePath || $[30] !== dashboardConfig || $[31] !== navigate) {
+				t13$2 = /* @__PURE__ */ jsx(DashboardGrid, {
+					config: dashboardConfig,
+					basePath,
+					navigate
+				});
+				$[29] = basePath;
+				$[30] = dashboardConfig;
+				$[31] = navigate;
+				$[32] = t13$2;
+			} else t13$2 = $[32];
+			return t13$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;
+	}
+	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, {
+					type: "collection",
+					name,
+					navigate,
+					basePath
+				});
+				$[34] = basePath;
+				$[35] = name;
+				$[36] = navigate;
+				$[37] = t13$2;
+			} else t13$2 = $[37];
+			return t13$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;
+		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];
+		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;
+		let t17;
+		if ($[48] !== selectedListViewDefinition) {
+			t17 = getViewLoader(selectedListViewDefinition);
+			$[48] = selectedListViewDefinition;
+			$[49] = t17;
+		} else t17 = $[49];
+		const listViewLoader = t17;
+		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 t18;
+		if ($[52] !== basePath || $[53] !== config || $[54] !== name || $[55] !== navigate || $[56] !== selectedListViewConfig) {
+			t18 = {
+				collection: name,
+				config,
+				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, {
+				loader: listViewLoader,
+				viewKind: "list",
+				viewId: selectedListView,
+				componentProps: listComponentProps
+			}, name);
+			$[58] = listComponentProps;
+			$[59] = listViewLoader;
+			$[60] = name;
+			$[61] = selectedListView;
+			$[62] = t19;
+		} else t19 = $[62];
+		return t19;
+	}
+	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, {
+					type: "collection",
+					name: name_0,
+					navigate,
+					basePath
+				});
+				$[63] = basePath;
+				$[64] = name_0;
+				$[65] = navigate;
+				$[66] = t13$2;
+			} else t13$2 = $[66];
+			return t13$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;
+		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];
+		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;
+		let t17;
+		if ($[77] !== selectedFormViewDefinition) {
+			t17 = getViewLoader(selectedFormViewDefinition);
+			$[77] = selectedFormViewDefinition;
+			$[78] = t17;
+		} else t17 = $[78];
+		const formViewLoader = t17;
+		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 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 = {
+				collection: name_0,
+				id,
+				config: config_0,
+				viewConfig: selectedFormViewConfig,
+				navigate,
+				basePath,
+				defaultValues,
+				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, {
+				loader: formViewLoader,
+				viewKind: "form",
+				viewId: selectedFormView,
+				componentProps: editComponentProps
+			}, t20);
+			$[94] = editComponentProps;
+			$[95] = formViewLoader;
+			$[96] = selectedFormView;
+			$[97] = t20;
+			$[98] = t21;
+		} else t21 = $[98];
+		return t21;
+	}
+	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, {
+					type: "global",
+					name: name_1,
+					navigate,
+					basePath
+				});
+				$[99] = basePath;
+				$[100] = name_1;
+				$[101] = navigate;
+				$[102] = t13$2;
+			} else t13$2 = $[102];
+			return t13$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;
+		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];
+		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;
+		let t17;
+		if ($[113] !== selectedFormViewDefinition_0) {
+			t17 = getViewLoader(selectedFormViewDefinition_0);
+			$[113] = selectedFormViewDefinition_0;
+			$[114] = t17;
+		} else t17 = $[114];
+		const globalViewLoader = t17;
+		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 t18;
+		if ($[117] !== basePath || $[118] !== config_1 || $[119] !== globals || $[120] !== name_1 || $[121] !== navigate || $[122] !== registry || $[123] !== selectedFormViewConfig_0) {
+			t18 = {
+				global: name_1,
+				config: config_1,
+				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, {
+				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;
+	}
+	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;
+	}
+	const NotFound = NotFoundComponent || DefaultNotFound;
+	let t13;
+	if ($[132] !== NotFound) {
+		t13 = /* @__PURE__ */ jsx(NotFound, {});
+		$[132] = NotFound;
+		$[133] = t13;
+	} else t13 = $[133];
+	return t13;
+}
+function _temp2(prev) {
+	return {
+		...prev,
+		loading: true,
+		error: null
+	};
+}
+
+//#endregion
+export { AdminRouter };