gemi 0.46.1 → 0.48.0

package/dist/client/index.js

@@ -460,391 +460,6 @@ function useQuery(url, ...args) {
 	};
 }
 //#endregion
-//#region client/useMutation.ts
-function applyParams(url, params = {}) {
-	let out = url;
-	for (const [key, value] of Object.entries(params)) out = out.replace(`:${key}?`, value).replace(`:${key}`, value);
-	return out;
-}
-var defaultOptions = {
-	autoInvalidate: false,
-	onSuccess: () => {},
-	onError: (_) => {},
-	onCanceled: () => {}
-};
-function useMutation(method, url, ...args) {
-	const _params = useParams();
-	const [state, setState] = useState({
-		data: null,
-		error: null,
-		loading: false
-	});
-	const [abortController, setAbortController] = useState(() => new AbortController());
-	const formData = useRef(new FormData());
-	async function trigger(input) {
-		setState({
-			data: state.data,
-			error: state.error,
-			loading: true
-		});
-		const [inputs = {}, options = defaultOptions] = args ?? [];
-		const params = "params" in inputs ? {
-			..._params,
-			...inputs.params
-		} : _params;
-		const search = "search" in inputs ? inputs.search : {};
-		const searchParams = new URLSearchParams(search);
-		const finalUrl = [applyParams(String(url).replace(`${method}:`, ""), params), searchParams.toString()].filter(Boolean).join("?");
-		let body = null;
-		const contentType = typeof input === "undefined" || input instanceof FormData ? {} : { "Content-Type": "application/json" };
-		if (input instanceof FormData) body = input;
-		else if (typeof input === "undefined") body = formData.current;
-		else if (input) body = JSON.stringify(input);
-		try {
-			const response = await fetch(`/api${finalUrl}`, {
-				method,
-				headers: { ...contentType },
-				...body ? { body } : {},
-				signal: abortController.signal
-			});
-			formData.current = new FormData();
-			const data = await response.json();
-			if (!response.ok) {
-				setState({
-					data: null,
-					error: data.error,
-					loading: false
-				});
-				options?.onError?.(data);
-				return;
-			}
-			options.onSuccess(data);
-			setState({
-				data,
-				error: null,
-				loading: false
-			});
-			return data;
-		} catch (error) {
-			formData.current = new FormData();
-			options?.onError?.(error);
-			setState({
-				data: null,
-				error,
-				loading: false
-			});
-		}
-	}
-	trigger.formData = (formData) => {
-		return trigger(formData);
-	};
-	return {
-		data: state.data,
-		error: state.error,
-		loading: state.loading,
-		formData: formData.current,
-		cancel: () => {
-			const [, options = defaultOptions] = args ?? [];
-			abortController.abort();
-			setAbortController(new AbortController());
-			setState({
-				data: state.data,
-				error: state.error,
-				loading: false
-			});
-			formData.current = new FormData();
-			options.onCanceled();
-		},
-		trigger
-	};
-}
-function usePost(url, ...args) {
-	return useMutation("POST", url, ...args);
-}
-function usePut(url, ...args) {
-	return useMutation("PUT", url, ...args);
-}
-function usePatch(url, ...args) {
-	return useMutation("PATCH", url, ...args);
-}
-function useDelete(url, ...args) {
-	return useMutation("DELETE", url, ...args);
-}
-function useUpload(url, ...args) {
-	const [state, setState] = useState("idle");
-	const [progress, setProgress] = useState(0);
-	const _params = useParams();
-	const abortRef = useRef(null);
-	const [inputs = {}, options = defaultOptions] = args ?? [];
-	const cancel = () => {
-		if (abortRef.current) {
-			abortRef.current();
-			options.onCanceled?.();
-			setState("idle");
-			setProgress(0);
-		}
-	};
-	const trigger = async (fileList) => {
-		if (!fileList) return;
-		const params = "params" in inputs ? {
-			..._params,
-			...inputs.params
-		} : _params;
-		const finalUrl = applyParams(String(url).replace("POST:", ""), params);
-		const method = "POST";
-		const action = `/api${finalUrl}`;
-		const data = new FormData();
-		if (fileList instanceof FileList) for (const file of Array.from(fileList)) data.append("file", file);
-		else data.append("file", fileList);
-		const xhr = new XMLHttpRequest();
-		abortRef.current = () => {
-			xhr.abort();
-		};
-		try {
-			const result = await new Promise((resolve, reject) => {
-				xhr.responseType = "blob";
-				xhr.onreadystatechange = async () => {
-					if (xhr.readyState !== 4) return;
-					resolve(new Response(xhr.response, {
-						status: xhr.status,
-						statusText: xhr.statusText
-					}));
-				};
-				xhr.addEventListener("error", () => {
-					reject(/* @__PURE__ */ new TypeError("Failed to fetch"));
-				});
-				xhr.upload.addEventListener("loadstart", () => {
-					setProgress(0);
-				});
-				xhr.upload.addEventListener("loadend", () => {
-					setProgress(1);
-				});
-				xhr.upload.addEventListener("progress", (event) => {
-					setProgress(event.loaded / event.total);
-				});
-				xhr.open(method, action, true);
-				xhr.send(data);
-			});
-			setState("uploading");
-			if (!result.ok) {
-				let error = {
-					kind: "server_error",
-					message: result.statusText
-				};
-				try {
-					error = (await result.json()).error;
-				} catch (e) {}
-				setState("error");
-				options?.onError?.(error);
-				return;
-			}
-			const json = await result.json();
-			options?.onSuccess?.(json);
-			return json;
-		} catch (error) {
-			setState("error");
-			options?.onError?.(error);
-			return;
-		}
-	};
-	return {
-		state,
-		progress,
-		trigger,
-		cancel
-	};
-}
-//#endregion
-//#region client/useMutate.ts
-function useMutate() {
-	const { getResource } = useContext(QueryManagerContext);
-	return function mutate(options, fn) {
-		const { path, params = {}, search = {} } = options ?? {};
-		const normalPath = applyParams$1(path, params);
-		const resource = getResource(normalPath);
-		const searchParams = new URLSearchParams(omitNullishValues(search));
-		searchParams.sort();
-		const variantKey = searchParams.toString();
-		return resource.mutate.call(resource, variantKey, (data) => {
-			if (data === void 0 || data === null) {
-				console.warn("Mutate function called before the query.");
-				return data;
-			}
-			if (!fn) return data;
-			const updatedData = typeof fn === "function" ? fn(data) : fn;
-			if (isPlainObject(data)) {
-				if (isPlainObject(updatedData)) return updatedData;
-				throw new Error("Mutate function must return an object when the current data is an object.");
-			}
-			if (Array.isArray(data)) {
-				if (Array.isArray(updatedData)) return updatedData;
-				throw new Error("Mutate function must return an array when the current data is an array.");
-			}
-			if (typeof data !== typeof updatedData) throw new Error("Mutate function must return the same type as the current data.");
-			return updatedData;
-		});
-	};
-}
-//#endregion
-//#region client/ServerDataProvider.tsx
-var ServerDataContext = createContext({});
-var ServerDataProvider = (props) => {
-	let _value = props.value;
-	if (props.value) _value = props.value;
-	else _value = window.__GEMI_DATA__;
-	return /* @__PURE__ */ jsx(ServerDataContext.Provider, {
-		value: _value,
-		children: props.children
-	});
-};
-//#endregion
-//#region client/Mutation.tsx
-var MutationContext = createContext({
-	isPending: false,
-	result: null
-});
-function Form(props) {
-	const _params = useParams();
-	const { method = "POST", action, onSuccess = () => {}, onError = () => {}, params, search = {}, className, dynamicInputs = () => ({}), ...formProps } = "params" in props ? {
-		...props,
-		params: {
-			..._params,
-			...props.params
-		}
-	} : {
-		...props,
-		params: _params
-	};
-	const formRef = useRef(null);
-	const { __csrf } = useContext(ServerDataContext);
-	const formDataSubject = useRef(new Subject(new FormData()));
-	const updateFormData = useCallback(() => {
-		formDataSubject.current.next(new FormData(formRef.current));
-	}, []);
-	useEffect(() => {
-		if (!formRef.current) return;
-		formRef.current.addEventListener("input", updateFormData);
-		const observer = new MutationObserver(() => {
-			const formData = new FormData(formRef.current);
-			formDataSubject.current.next(formData);
-		});
-		formRef.current.querySelectorAll("input").forEach((input) => observer.observe(input, {
-			attributes: true,
-			attributeFilter: ["value"]
-		}));
-		formRef.current.querySelectorAll("select").forEach((input) => observer.observe(input, {
-			attributes: true,
-			attributeFilter: ["value"]
-		}));
-		formRef.current.querySelectorAll("textarea").forEach((input) => observer.observe(input, {
-			attributes: true,
-			attributeFilter: ["value"]
-		}));
-		return () => {
-			observer.disconnect();
-			if (formRef.current) formRef.current.removeEventListener("input", updateFormData);
-		};
-	}, [updateFormData]);
-	const { trigger, data, error, loading } = useMutation(method, String(action), {
-		params,
-		search
-	}, {
-		onSuccess: (data) => onSuccess(data, formRef.current),
-		onError: (error) => onError(error, formRef.current)
-	});
-	const handleSubmit = async (e) => {
-		if (loading) return;
-		e.preventDefault();
-		if (!formRef.current) return;
-		const formData = new FormData(formRef.current);
-		for (const [key, value] of Object.entries(dynamicInputs(formData))) formData.append(key, value);
-		trigger(formData);
-	};
-	const validationErrors = error?.kind === "validation_error" ? error.messages : {};
-	const formError = error?.kind === "form_error" ? error.message : null;
-	return /* @__PURE__ */ jsx(MutationContext.Provider, {
-		value: {
-			isPending: loading,
-			result: data,
-			validationErrors,
-			formError,
-			formDataSubject
-		},
-		children: /* @__PURE__ */ jsxs("form", {
-			className: ["group", className].filter(Boolean).join(" "),
-			"data-loading": loading,
-			ref: formRef,
-			onSubmit: handleSubmit,
-			...formProps,
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "hidden",
-				name: "__csrf",
-				value: __csrf
-			}), props.children]
-		})
-	});
-}
-function useMutationStatus() {
-	const { isPending } = useContext(MutationContext);
-	return { isPending };
-}
-function useFormStatus() {
-	const { isPending, validationErrors, formError } = useContext(MutationContext);
-	return {
-		isPending,
-		validationErrors,
-		formError
-	};
-}
-function useFormData() {
-	const { formDataSubject } = useContext(MutationContext);
-	return useSyncExternalStore(formDataSubject.current.subscribe.bind(formDataSubject.current), formDataSubject.current.getValue.bind(formDataSubject.current), formDataSubject.current.getValue.bind(formDataSubject.current));
-}
-var ValidationErrors = (props) => {
-	const { render = (props) => /* @__PURE__ */ jsx("div", { ...props }), name } = props;
-	const { validationErrors } = useContext(MutationContext);
-	const Comp = render;
-	if (validationErrors[name]?.length > 0) return /* @__PURE__ */ jsx(Fragment$1, { children: validationErrors[name].map((error) => {
-		return /* @__PURE__ */ jsx(Comp, {
-			className: props.className,
-			children: error
-		}, error);
-	}) });
-	return null;
-};
-var FormFieldContainer = (props) => {
-	const { name, children, ...rest } = props;
-	const { validationErrors } = useContext(MutationContext);
-	return /* @__PURE__ */ jsx("div", {
-		"data-has-error": (validationErrors[name] || []).length > 0,
-		...rest,
-		children
-	});
-};
-var FormError = (props) => {
-	const { formError } = useContext(MutationContext);
-	if (formError) return /* @__PURE__ */ jsx("div", {
-		...props,
-		children: formError
-	});
-	return null;
-};
-//#endregion
-//#region client/useLocation.ts
-function useLocation() {
-	const ctx = useContext(RouteStateContext);
-	if (!ctx) throw new Error("Router context not found");
-	const { hash, pathname, search, state, locale } = ctx;
-	return {
-		hash,
-		key: pathname,
-		pathname,
-		search,
-		state,
-		locale
-	};
-}
-//#endregion
 //#region ../../node_modules/.bun/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
 	return _extends = Object.assign ? Object.assign.bind() : function(n) {
@@ -2103,45 +1718,31 @@ var ProgressManager = class {
 	}
 };
 //#endregion
-//#region client/useRoute.ts
-function useRoute() {
-	const { pathname: _pathname } = useContext(RouteStateContext);
+//#region client/useLocation.ts
+function useLocation() {
+	const ctx = useContext(RouteStateContext);
+	if (!ctx) throw new Error("Router context not found");
+	const { hash, pathname, search, state, locale } = ctx;
 	return {
-		pathname: _pathname,
-		startsWith: (pathname) => {
-			return _pathname.startsWith(pathname);
-		}
+		hash,
+		key: pathname,
+		pathname,
+		search,
+		state,
+		locale
 	};
 }
 //#endregion
-//#region client/HttpReload.tsx
-var HttpReload = () => {
-	const { replace } = useNavigate();
-	useSearchParams();
-	const { pathname } = useRoute();
-	useParams();
-	const [reloading, setReloading] = useState(false);
-	const handleReload = () => {
-		if (typeof document !== "undefined") document.querySelectorAll("vite-error-overlay").forEach((el) => {
-			if (typeof el.close === "function") el.close();
-			else el.remove();
-		});
-		setReloading(true);
-	};
-	useEffect(() => {
-		if (import.meta.hot) import.meta.hot.on("http-reload", handleReload);
-		return () => {
-			if (import.meta.hot) import.meta.hot.off("http-reload", handleReload);
-		};
-	}, [handleReload]);
-	if (!reloading || typeof document === "undefined") return null;
-	return createPortal(/* @__PURE__ */ jsx("div", {
-		className: "fixed z-[1000] bottom-0 right-0 p-2",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "p-2 bg-white text-black rounded-md shadow-md",
-			children: "..."
-		})
-	}), document.body);
+//#region client/ServerDataProvider.tsx
+var ServerDataContext = createContext({});
+var ServerDataProvider = (props) => {
+	let _value = props.value;
+	if (props.value) _value = props.value;
+	else _value = window.__GEMI_DATA__;
+	return /* @__PURE__ */ jsx(ServerDataContext.Provider, {
+		value: _value,
+		children: props.children
+	});
 };
 //#endregion
 //#region client/I18nContext.tsx
@@ -2195,6 +1796,246 @@ var I18nProvider = (props) => {
 	});
 };
 //#endregion
+//#region client/useNavigate.ts
+function useNavigate() {
+	const { history, setNavigationAbortController } = useContext(ClientRouterContext);
+	const { defaultLocale } = useContext(I18nContext);
+	const location = useLocation();
+	function action(pushOrReplace) {
+		return async (path, ...args) => {
+			const navigationAbortController = new AbortController();
+			if (setNavigationAbortController) setNavigationAbortController(navigationAbortController);
+			const [options = {}] = args;
+			const { search = {}, params = {}, shallow, locale, hash } = {
+				params: {},
+				shallow: false,
+				locale: null,
+				hash: "",
+				...options
+			};
+			const urlSearchParams = new URLSearchParams(search);
+			let localeSegment = location.locale;
+			if (locale) localeSegment = locale;
+			if (localeSegment === defaultLocale) localeSegment = "";
+			const routePath = applyParams$1(path, params);
+			const finalPath = [[`${localeSegment ? `/${localeSegment}` : ""}${routePath === "/" ? "" : routePath}`, urlSearchParams.toString()].filter((s) => s.length > 0).join("?"), hash].filter(Boolean).join("");
+			if (shallow) {
+				history?.[pushOrReplace](finalPath, { shallow });
+				return;
+			}
+			history?.[pushOrReplace](finalPath === "" ? "/" : finalPath);
+		};
+	}
+	return {
+		push: action("push"),
+		replace: action("replace")
+	};
+}
+//#endregion
+//#region client/useSearchParams.ts
+var SearchParams = class {
+	searchParams;
+	callback;
+	constructor(searchParams, callback) {
+		this.searchParams = searchParams;
+		this.callback = callback;
+	}
+	get(key) {
+		return this.searchParams.get(key);
+	}
+	set(key, value) {
+		let entries = {};
+		if (typeof key === "string") {
+			let _value = value;
+			if (typeof value === "function") _value = value(this.get(key) ?? "");
+			entries[key] = _value;
+		} else entries = key ?? {};
+		for (const [key, value] of Object.entries(entries)) {
+			let _value = value;
+			if (typeof value === "function") _value = value(this.get(key) ?? "");
+			this.searchParams.set(key, _value);
+		}
+		return this;
+	}
+	append(key, value) {
+		this.searchParams.append(key, value);
+		return this;
+	}
+	sort() {
+		this.searchParams.sort();
+		return this;
+	}
+	clear() {
+		this.searchParams = new URLSearchParams();
+		return this;
+	}
+	delete(key) {
+		const keys = Array.isArray(key) ? key : [key];
+		for (const key of keys) this.searchParams.delete(key);
+		return this;
+	}
+	toJSON() {
+		const map = /* @__PURE__ */ new Map();
+		for (const [key, value] of this.searchParams) if (map.has(key)) {
+			const currentValue = map.get(key);
+			if (Array.isArray(currentValue)) {
+				currentValue.push(value);
+				map.set(key, currentValue);
+			} else map.set(key, [currentValue, value]);
+		} else map.set(key, value);
+		return Object.fromEntries(map.entries());
+	}
+	toString() {
+		return this.searchParams.toString();
+	}
+	push(mode = "soft") {
+		this.callback(this.toJSON(), mode === "soft");
+	}
+};
+function useSearchParams() {
+	const { push } = useNavigate();
+	const { search, pathname } = useContext(RouteStateContext);
+	const params = useParams();
+	const callback = (search, shallow) => {
+		push(pathname, {
+			params,
+			search,
+			shallow
+		});
+	};
+	return new SearchParams(new URLSearchParams(search), callback);
+}
+//#endregion
+//#region client/useRoute.ts
+function useRoute() {
+	const { pathname: _pathname } = useContext(RouteStateContext);
+	return {
+		pathname: _pathname,
+		startsWith: (pathname) => {
+			return _pathname.startsWith(pathname);
+		}
+	};
+}
+//#endregion
+//#region client/HttpReload.tsx
+var HttpReload = () => {
+	const { replace } = useNavigate();
+	useSearchParams();
+	const { pathname } = useRoute();
+	useParams();
+	const [reloading, setReloading] = useState(false);
+	const handleReload = () => {
+		if (typeof document !== "undefined") document.querySelectorAll("vite-error-overlay").forEach((el) => {
+			if (typeof el.close === "function") el.close();
+			else el.remove();
+		});
+		setReloading(true);
+	};
+	useEffect(() => {
+		if (import.meta.hot) import.meta.hot.on("http-reload", handleReload);
+		return () => {
+			if (import.meta.hot) import.meta.hot.off("http-reload", handleReload);
+		};
+	}, [handleReload]);
+	if (!reloading || typeof document === "undefined") return null;
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		className: "fixed z-[1000] bottom-0 right-0 p-2",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "p-2 bg-white text-black rounded-md shadow-md",
+			children: "..."
+		})
+	}), document.body);
+};
+//#endregion
+//#region client/PrefetchCache.ts
+/**
+* How long a prefetched payload stays usable. Long enough to cover the gap
+* between hovering a link and clicking it, short enough that a navigation is
+* not served a snapshot the visitor would notice as out of date.
+*
+* A payload cached here is committed wholesale on navigation — including into
+* the query cache via `hydrate` — so anything that invalidates page data has to
+* `clear()` this too. `useMutation` does exactly that on every successful
+* write; locale needs no such call, since the locale segment is part of the key.
+*/
+var PREFETCH_TTL = 1e4;
+/**
+* Payloads fetched ahead of a navigation, keyed by the `.json` URL that
+* navigation would request. Entries are handed over once — a navigation that
+* consumes one becomes the live route data, so keeping a copy around would only
+* let a later visit render from a stale snapshot.
+*/
+var PrefetchCache = class {
+	entries = /* @__PURE__ */ new Map();
+	isFresh(entry) {
+		return Date.now() - entry.createdAt < PREFETCH_TTL;
+	}
+	/** Drops what has expired, then the oldest of whatever is still over budget. */
+	evict() {
+		for (const [url, entry] of this.entries) if (!this.isFresh(entry)) this.entries.delete(url);
+		while (this.entries.size >= 12) {
+			const oldest = this.entries.keys().next().value;
+			if (oldest === void 0) return;
+			this.entries.delete(oldest);
+		}
+	}
+	/**
+	* Runs `load` unless the same URL is already in flight or freshly cached, so
+	* a link hovered repeatedly — or a screenful of eagerly prefetched links
+	* pointing at one route — costs a single request.
+	*/
+	prime(url, load) {
+		const existing = this.entries.get(url);
+		if (existing && this.isFresh(existing)) return existing.promise;
+		this.evict();
+		const entry = {
+			createdAt: Date.now(),
+			promise: null
+		};
+		entry.promise = load().catch(() => null).then((payload) => {
+			if (payload == null && this.entries.get(url) === entry) this.entries.delete(url);
+			return payload;
+		});
+		this.entries.set(url, entry);
+		return entry.promise;
+	}
+	/**
+	* Hands the payload for `url` to a navigation, if one was prefetched and is
+	* still fresh. Resolves to `null` when the prefetch failed, which callers
+	* must treat as a miss.
+	*/
+	take(url) {
+		const entry = this.entries.get(url);
+		if (!entry) return null;
+		this.entries.delete(url);
+		return this.isFresh(entry) ? entry.promise : null;
+	}
+	/**
+	* Drops everything, for when the data behind these payloads may have moved
+	* on. In-flight loads still settle; their entries are simply gone by then.
+	*/
+	clear() {
+		this.entries.clear();
+	}
+	/** Retained entries, fresh or not. Exposed for tests. */
+	get size() {
+		return this.entries.size;
+	}
+};
+//#endregion
+//#region client/helpers/routeDataUrl.ts
+/**
+* The `.json` URL a route's page data is served from.
+*
+* Prefetching and navigation have to agree on this string exactly — the
+* prefetch cache is keyed by it, and any disagreement silently turns every
+* prefetch into a wasted request plus a full fetch on click.
+*/
+function routeDataUrl(options) {
+	const { pathname, search = "", localeSegment = "" } = options;
+	return `${localeSegment}${localeSegment.length > 0 && pathname === "/" ? "" : pathname}.json${search}`;
+}
+//#endregion
 //#region client/ClientRouterContext.tsx
 var ClientRouterContext = createContext({});
 var ClientRouterProvider = (props) => {
@@ -2205,6 +2046,7 @@ var ClientRouterProvider = (props) => {
 	});
 	const { supportedLocales = [], locale } = useContext(I18nContext);
 	const [progressManager] = useState(new ProgressManager(isNavigatingSubject));
+	const [prefetchCache] = useState(() => new PrefetchCache());
 	const pageDataRef = useRef(structuredClone(pageData));
 	const scrollHistoryRef = useRef(/* @__PURE__ */ new Map());
 	const breadcrumbsCache = useRef(new Map(Object.entries(breadcrumbs)));
@@ -2320,9 +2162,43 @@ var ClientRouterProvider = (props) => {
 			document.head.appendChild(style);
 		}
 	};
+	/**
+	* Warms everything a navigation to `target` would need: the route's page
+	* data, its stylesheets and its component chunks.
+	*
+	* The payload is requested *without* the partial-render header, because the
+	* route on screen when the link is prefetched is not necessarily the one it
+	* will be clicked from — a partial response computed against the wrong base
+	* has nothing sound to merge onto. A full payload is always safe to commit.
+	*
+	* It carries `Purpose: prefetch` so applications can tell speculative traffic
+	* from a real visit — a route's handlers run either way, and a `viewport`
+	* page multiplies that by the number of links on it.
+	*/
+	const prefetchRoute = async (target) => {
+		if (typeof window === "undefined") return;
+		const { pathname, search = "", localeSegment = "" } = target;
+		const routePath = getRoutePathnameFromHref(pathname);
+		if (!routePath) return;
+		const url = routeDataUrl({
+			pathname,
+			search,
+			localeSegment
+		});
+		fetchRouteCSS(routePath).catch(() => {});
+		for (const view of routeManifest[routePath] ?? []) window?.loaders?.[view]?.();
+		await prefetchCache.prime(url, async () => {
+			const response = await fetch(url, { headers: { Purpose: "prefetch" } });
+			if (!response.ok) return null;
+			return await response.json();
+		});
+	};
 	return /* @__PURE__ */ jsxs(ClientRouterContext.Provider, {
 		value: {
 			isNavigatingSubject,
+			prefetchRoute,
+			takePrefetched: (url) => prefetchCache.take(url),
+			clearPrefetchCache: () => prefetchCache.clear(),
 			getViewPathsFromPathname,
 			history,
 			getScrollPosition: (path) => {
@@ -2343,115 +2219,367 @@ var ClientRouterProvider = (props) => {
 	});
 };
 //#endregion
-//#region client/useNavigate.ts
-function useNavigate() {
-	const { history, setNavigationAbortController } = useContext(ClientRouterContext);
-	const { defaultLocale } = useContext(I18nContext);
-	const location = useLocation();
-	function action(pushOrReplace) {
-		return async (path, ...args) => {
-			const navigationAbortController = new AbortController();
-			if (setNavigationAbortController) setNavigationAbortController(navigationAbortController);
-			const [options = {}] = args;
-			const { search = {}, params = {}, shallow, locale, hash } = {
-				params: {},
-				shallow: false,
-				locale: null,
-				hash: "",
-				...options
-			};
-			const urlSearchParams = new URLSearchParams(search);
-			let localeSegment = location.locale;
-			if (locale) localeSegment = locale;
-			if (localeSegment === defaultLocale) localeSegment = "";
-			const routePath = applyParams$1(path, params);
-			const finalPath = [[`${localeSegment ? `/${localeSegment}` : ""}${routePath === "/" ? "" : routePath}`, urlSearchParams.toString()].filter((s) => s.length > 0).join("?"), hash].filter(Boolean).join("");
-			if (shallow) {
-				history?.[pushOrReplace](finalPath, { shallow });
+//#region client/useMutation.ts
+function applyParams(url, params = {}) {
+	let out = url;
+	for (const [key, value] of Object.entries(params)) out = out.replace(`:${key}?`, value).replace(`:${key}`, value);
+	return out;
+}
+var defaultOptions = {
+	autoInvalidate: false,
+	onSuccess: () => {},
+	onError: (_) => {},
+	onCanceled: () => {}
+};
+function useMutation(method, url, ...args) {
+	const _params = useParams();
+	const { clearPrefetchCache } = useContext(ClientRouterContext);
+	const [state, setState] = useState({
+		data: null,
+		error: null,
+		loading: false
+	});
+	const [abortController, setAbortController] = useState(() => new AbortController());
+	const formData = useRef(new FormData());
+	async function trigger(input) {
+		setState({
+			data: state.data,
+			error: state.error,
+			loading: true
+		});
+		const [inputs = {}, options = defaultOptions] = args ?? [];
+		const params = "params" in inputs ? {
+			..._params,
+			...inputs.params
+		} : _params;
+		const search = "search" in inputs ? inputs.search : {};
+		const searchParams = new URLSearchParams(search);
+		const finalUrl = [applyParams(String(url).replace(`${method}:`, ""), params), searchParams.toString()].filter(Boolean).join("?");
+		let body = null;
+		const contentType = typeof input === "undefined" || input instanceof FormData ? {} : { "Content-Type": "application/json" };
+		if (input instanceof FormData) body = input;
+		else if (typeof input === "undefined") body = formData.current;
+		else if (input) body = JSON.stringify(input);
+		try {
+			const response = await fetch(`/api${finalUrl}`, {
+				method,
+				headers: { ...contentType },
+				...body ? { body } : {},
+				signal: abortController.signal
+			});
+			formData.current = new FormData();
+			const data = await response.json();
+			if (!response.ok) {
+				setState({
+					data: null,
+					error: data.error,
+					loading: false
+				});
+				options?.onError?.(data);
+				return;
+			}
+			clearPrefetchCache?.();
+			options.onSuccess(data);
+			setState({
+				data,
+				error: null,
+				loading: false
+			});
+			return data;
+		} catch (error) {
+			formData.current = new FormData();
+			options?.onError?.(error);
+			setState({
+				data: null,
+				error,
+				loading: false
+			});
+		}
+	}
+	trigger.formData = (formData) => {
+		return trigger(formData);
+	};
+	return {
+		data: state.data,
+		error: state.error,
+		loading: state.loading,
+		formData: formData.current,
+		cancel: () => {
+			const [, options = defaultOptions] = args ?? [];
+			abortController.abort();
+			setAbortController(new AbortController());
+			setState({
+				data: state.data,
+				error: state.error,
+				loading: false
+			});
+			formData.current = new FormData();
+			options.onCanceled();
+		},
+		trigger
+	};
+}
+function usePost(url, ...args) {
+	return useMutation("POST", url, ...args);
+}
+function usePut(url, ...args) {
+	return useMutation("PUT", url, ...args);
+}
+function usePatch(url, ...args) {
+	return useMutation("PATCH", url, ...args);
+}
+function useDelete(url, ...args) {
+	return useMutation("DELETE", url, ...args);
+}
+function useUpload(url, ...args) {
+	const [state, setState] = useState("idle");
+	const [progress, setProgress] = useState(0);
+	const _params = useParams();
+	const { clearPrefetchCache } = useContext(ClientRouterContext);
+	const abortRef = useRef(null);
+	const [inputs = {}, options = defaultOptions] = args ?? [];
+	const cancel = () => {
+		if (abortRef.current) {
+			abortRef.current();
+			options.onCanceled?.();
+			setState("idle");
+			setProgress(0);
+		}
+	};
+	const trigger = async (fileList) => {
+		if (!fileList) return;
+		const params = "params" in inputs ? {
+			..._params,
+			...inputs.params
+		} : _params;
+		const finalUrl = applyParams(String(url).replace("POST:", ""), params);
+		const method = "POST";
+		const action = `/api${finalUrl}`;
+		const data = new FormData();
+		if (fileList instanceof FileList) for (const file of Array.from(fileList)) data.append("file", file);
+		else data.append("file", fileList);
+		const xhr = new XMLHttpRequest();
+		abortRef.current = () => {
+			xhr.abort();
+		};
+		try {
+			const result = await new Promise((resolve, reject) => {
+				xhr.responseType = "blob";
+				xhr.onreadystatechange = async () => {
+					if (xhr.readyState !== 4) return;
+					resolve(new Response(xhr.response, {
+						status: xhr.status,
+						statusText: xhr.statusText
+					}));
+				};
+				xhr.addEventListener("error", () => {
+					reject(/* @__PURE__ */ new TypeError("Failed to fetch"));
+				});
+				xhr.upload.addEventListener("loadstart", () => {
+					setProgress(0);
+				});
+				xhr.upload.addEventListener("loadend", () => {
+					setProgress(1);
+				});
+				xhr.upload.addEventListener("progress", (event) => {
+					setProgress(event.loaded / event.total);
+				});
+				xhr.open(method, action, true);
+				xhr.send(data);
+			});
+			setState("uploading");
+			if (!result.ok) {
+				let error = {
+					kind: "server_error",
+					message: result.statusText
+				};
+				try {
+					error = (await result.json()).error;
+				} catch (e) {}
+				setState("error");
+				options?.onError?.(error);
 				return;
 			}
-			history?.[pushOrReplace](finalPath === "" ? "/" : finalPath);
-		};
-	}
-	return {
-		push: action("push"),
-		replace: action("replace")
+			const json = await result.json();
+			clearPrefetchCache?.();
+			options?.onSuccess?.(json);
+			return json;
+		} catch (error) {
+			setState("error");
+			options?.onError?.(error);
+			return;
+		}
+	};
+	return {
+		state,
+		progress,
+		trigger,
+		cancel
+	};
+}
+//#endregion
+//#region client/useMutate.ts
+function useMutate() {
+	const { getResource } = useContext(QueryManagerContext);
+	return function mutate(options, fn) {
+		const { path, params = {}, search = {} } = options ?? {};
+		const normalPath = applyParams$1(path, params);
+		const resource = getResource(normalPath);
+		const searchParams = new URLSearchParams(omitNullishValues(search));
+		searchParams.sort();
+		const variantKey = searchParams.toString();
+		return resource.mutate.call(resource, variantKey, (data) => {
+			if (data === void 0 || data === null) {
+				console.warn("Mutate function called before the query.");
+				return data;
+			}
+			if (!fn) return data;
+			const updatedData = typeof fn === "function" ? fn(data) : fn;
+			if (isPlainObject(data)) {
+				if (isPlainObject(updatedData)) return updatedData;
+				throw new Error("Mutate function must return an object when the current data is an object.");
+			}
+			if (Array.isArray(data)) {
+				if (Array.isArray(updatedData)) return updatedData;
+				throw new Error("Mutate function must return an array when the current data is an array.");
+			}
+			if (typeof data !== typeof updatedData) throw new Error("Mutate function must return the same type as the current data.");
+			return updatedData;
+		});
 	};
 }
 //#endregion
-//#region client/useSearchParams.ts
-var SearchParams = class {
-	searchParams;
-	callback;
-	constructor(searchParams, callback) {
-		this.searchParams = searchParams;
-		this.callback = callback;
-	}
-	get(key) {
-		return this.searchParams.get(key);
-	}
-	set(key, value) {
-		let entries = {};
-		if (typeof key === "string") {
-			let _value = value;
-			if (typeof value === "function") _value = value(this.get(key) ?? "");
-			entries[key] = _value;
-		} else entries = key ?? {};
-		for (const [key, value] of Object.entries(entries)) {
-			let _value = value;
-			if (typeof value === "function") _value = value(this.get(key) ?? "");
-			this.searchParams.set(key, _value);
+//#region client/Mutation.tsx
+var MutationContext = createContext({
+	isPending: false,
+	result: null
+});
+function Form(props) {
+	const _params = useParams();
+	const { method = "POST", action, onSuccess = () => {}, onError = () => {}, params, search = {}, className, dynamicInputs = () => ({}), ...formProps } = "params" in props ? {
+		...props,
+		params: {
+			..._params,
+			...props.params
 		}
-		return this;
-	}
-	append(key, value) {
-		this.searchParams.append(key, value);
-		return this;
-	}
-	sort() {
-		this.searchParams.sort();
-		return this;
-	}
-	clear() {
-		this.searchParams = new URLSearchParams();
-		return this;
-	}
-	delete(key) {
-		const keys = Array.isArray(key) ? key : [key];
-		for (const key of keys) this.searchParams.delete(key);
-		return this;
-	}
-	toJSON() {
-		const map = /* @__PURE__ */ new Map();
-		for (const [key, value] of this.searchParams) if (map.has(key)) {
-			const currentValue = map.get(key);
-			if (Array.isArray(currentValue)) {
-				currentValue.push(value);
-				map.set(key, currentValue);
-			} else map.set(key, [currentValue, value]);
-		} else map.set(key, value);
-		return Object.fromEntries(map.entries());
-	}
-	toString() {
-		return this.searchParams.toString();
-	}
-	push(mode = "soft") {
-		this.callback(this.toJSON(), mode === "soft");
-	}
-};
-function useSearchParams() {
-	const { push } = useNavigate();
-	const { search, pathname } = useContext(RouteStateContext);
-	const params = useParams();
-	const callback = (search, shallow) => {
-		push(pathname, {
-			params,
-			search,
-			shallow
+	} : {
+		...props,
+		params: _params
+	};
+	const formRef = useRef(null);
+	const { __csrf } = useContext(ServerDataContext);
+	const formDataSubject = useRef(new Subject(new FormData()));
+	const updateFormData = useCallback(() => {
+		formDataSubject.current.next(new FormData(formRef.current));
+	}, []);
+	useEffect(() => {
+		if (!formRef.current) return;
+		formRef.current.addEventListener("input", updateFormData);
+		const observer = new MutationObserver(() => {
+			const formData = new FormData(formRef.current);
+			formDataSubject.current.next(formData);
 		});
+		formRef.current.querySelectorAll("input").forEach((input) => observer.observe(input, {
+			attributes: true,
+			attributeFilter: ["value"]
+		}));
+		formRef.current.querySelectorAll("select").forEach((input) => observer.observe(input, {
+			attributes: true,
+			attributeFilter: ["value"]
+		}));
+		formRef.current.querySelectorAll("textarea").forEach((input) => observer.observe(input, {
+			attributes: true,
+			attributeFilter: ["value"]
+		}));
+		return () => {
+			observer.disconnect();
+			if (formRef.current) formRef.current.removeEventListener("input", updateFormData);
+		};
+	}, [updateFormData]);
+	const { trigger, data, error, loading } = useMutation(method, String(action), {
+		params,
+		search
+	}, {
+		onSuccess: (data) => onSuccess(data, formRef.current),
+		onError: (error) => onError(error, formRef.current)
+	});
+	const handleSubmit = async (e) => {
+		if (loading) return;
+		e.preventDefault();
+		if (!formRef.current) return;
+		const formData = new FormData(formRef.current);
+		for (const [key, value] of Object.entries(dynamicInputs(formData))) formData.append(key, value);
+		trigger(formData);
+	};
+	const validationErrors = error?.kind === "validation_error" ? error.messages : {};
+	const formError = error?.kind === "form_error" ? error.message : null;
+	return /* @__PURE__ */ jsx(MutationContext.Provider, {
+		value: {
+			isPending: loading,
+			result: data,
+			validationErrors,
+			formError,
+			formDataSubject
+		},
+		children: /* @__PURE__ */ jsxs("form", {
+			className: ["group", className].filter(Boolean).join(" "),
+			"data-loading": loading,
+			ref: formRef,
+			onSubmit: handleSubmit,
+			...formProps,
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name: "__csrf",
+				value: __csrf
+			}), props.children]
+		})
+	});
+}
+function useMutationStatus() {
+	const { isPending } = useContext(MutationContext);
+	return { isPending };
+}
+function useFormStatus() {
+	const { isPending, validationErrors, formError } = useContext(MutationContext);
+	return {
+		isPending,
+		validationErrors,
+		formError
 	};
-	return new SearchParams(new URLSearchParams(search), callback);
 }
+function useFormData() {
+	const { formDataSubject } = useContext(MutationContext);
+	return useSyncExternalStore(formDataSubject.current.subscribe.bind(formDataSubject.current), formDataSubject.current.getValue.bind(formDataSubject.current), formDataSubject.current.getValue.bind(formDataSubject.current));
+}
+var ValidationErrors = (props) => {
+	const { render = (props) => /* @__PURE__ */ jsx("div", { ...props }), name } = props;
+	const { validationErrors } = useContext(MutationContext);
+	const Comp = render;
+	if (validationErrors[name]?.length > 0) return /* @__PURE__ */ jsx(Fragment$1, { children: validationErrors[name].map((error) => {
+		return /* @__PURE__ */ jsx(Comp, {
+			className: props.className,
+			children: error
+		}, error);
+	}) });
+	return null;
+};
+var FormFieldContainer = (props) => {
+	const { name, children, ...rest } = props;
+	const { validationErrors } = useContext(MutationContext);
+	return /* @__PURE__ */ jsx("div", {
+		"data-has-error": (validationErrors[name] || []).length > 0,
+		...rest,
+		children
+	});
+};
+var FormError = (props) => {
+	const { formError } = useContext(MutationContext);
+	if (formError) return /* @__PURE__ */ jsx("div", {
+		...props,
+		children: formError
+	});
+	return null;
+};
 //#endregion
 //#region client/useIsNavigationPending.ts
 function useIsNavigationPending() {
@@ -2472,6 +2600,64 @@ function useNavigationProgress() {
 	return progress;
 }
 //#endregion
+//#region client/usePrefetch.ts
+/**
+* A prefetch spends the visitor's data on a page they may never open, so it
+* stands down when they have asked for less of that or the connection cannot
+* spare it. `navigator.connection` only exists in Chromium — everywhere else
+* there is nothing to go on and prefetching proceeds.
+*/
+function connectionRefusesPrefetch() {
+	const connection = navigator?.connection;
+	if (!connection) return false;
+	if (connection.saveData) return true;
+	return ["slow-2g", "2g"].includes(connection.effectiveType);
+}
+/**
+* Warms a route ahead of the navigation to it: its page data, its stylesheets
+* and its component chunks. A navigation that lands on a prefetched route
+* renders from the cached payload instead of waiting on a request.
+*
+* The URL is built exactly the way `useNavigate` builds it — the prefetch is
+* only ever used by a navigation that asks for the same one.
+*/
+function usePrefetch() {
+	const { prefetchRoute } = useContext(ClientRouterContext);
+	const { defaultLocale } = useContext(I18nContext);
+	const location = useLocation();
+	const currentPathname = location.pathname;
+	const currentSearch = location.search;
+	const currentLocale = location.locale;
+	return useCallback(async (path, ...args) => {
+		if (typeof window === "undefined" || !prefetchRoute) return;
+		if (connectionRefusesPrefetch()) return;
+		const [options = {}] = args;
+		const { search = {}, params = {}, locale = null } = {
+			params: {},
+			search: {},
+			locale: null,
+			...options
+		};
+		let localeSegment = locale ?? currentLocale;
+		if (localeSegment === defaultLocale) localeSegment = "";
+		const pathname = applyParams$1(path, params) || "/";
+		const queryString = new URLSearchParams(search).toString();
+		const searchSegment = queryString.length > 0 ? `?${queryString}` : "";
+		if (pathname === currentPathname && searchSegment === currentSearch) return;
+		await prefetchRoute({
+			pathname,
+			search: searchSegment,
+			localeSegment: localeSegment ? `/${localeSegment}` : ""
+		});
+	}, [
+		prefetchRoute,
+		defaultLocale,
+		currentLocale,
+		currentPathname,
+		currentSearch
+	]);
+}
+//#endregion
 //#region client/useBreadcrumbs.ts
 function useBreadcrumbs() {
 	const { pathname } = useRoute();
@@ -2506,13 +2692,17 @@ function useRouteTransition() {
 }
 //#endregion
 //#region client/Link.tsx
+/** How long the pointer has to rest on an `intent` link before it counts. */
+var INTENT_DELAY = 100;
+/** How far ahead of the viewport a `viewport` link starts warming. */
+var VIEWPORT_MARGIN = "200px";
 function normalizeSearch(search) {
 	return Object.fromEntries(Object.entries(search).filter(([_k, v]) => v !== void 0 && v !== null).map(([k, v]) => [k, String(v)]));
 }
 var Link = memo((props) => {
 	const _params = useParams();
 	const { isTransitioning, targetPath } = useRouteTransition();
-	const { href, onClick, hash = "", active = false, params = {}, search = {}, ...rest } = {
+	const { href, onClick, onMouseEnter, onMouseLeave, onTouchStart, onFocus, onBlur, ref, hash = "", active = false, prefetch, params = {}, search = {}, ...rest } = {
 		params: _params,
 		search: {},
 		...props
@@ -2520,6 +2710,7 @@ var Link = memo((props) => {
 	const { defaultLocale } = useContext(I18nContext);
 	const { push } = useNavigate();
 	const location = useLocation();
+	const prefetchRoute = usePrefetch();
 	const searchParams = new URLSearchParams(normalizeSearch(search));
 	const path = applyParams$1(href, params);
 	let urlLocaleSegment = location.locale;
@@ -2531,7 +2722,70 @@ var Link = memo((props) => {
 		location.search,
 		location.hash
 	].filter((item) => !!item).join("");
+	const prefetchRouteRef = useRef(prefetchRoute);
+	useEffect(() => {
+		prefetchRouteRef.current = prefetchRoute;
+	});
+	const isShallowTarget = (path || "/") === location.pathname;
+	const strategies = !prefetch ? [] : Array.isArray(prefetch) ? prefetch : [prefetch];
+	const uses = (strategy) => strategies.includes(strategy);
+	const strategyKey = strategies.join(",");
+	const runPrefetch = () => {
+		if (strategies.length === 0 || isShallowTarget) return;
+		prefetchRouteRef.current(href, {
+			params,
+			search
+		});
+	};
+	useEffect(() => {
+		if (uses("render")) runPrefetch();
+	}, [strategyKey, targetHref]);
+	const anchorRef = useRef(null);
+	const setAnchorRef = useCallback((node) => {
+		anchorRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	useEffect(() => {
+		if (!uses("viewport")) return;
+		const element = anchorRef.current;
+		if (!element || typeof IntersectionObserver === "undefined") return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) {
+				observer.disconnect();
+				runPrefetch();
+			}
+		}, { rootMargin: VIEWPORT_MARGIN });
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [strategyKey, targetHref]);
+	const intentTimerRef = useRef(null);
+	const cancelIntent = () => {
+		if (intentTimerRef.current !== null) {
+			clearTimeout(intentTimerRef.current);
+			intentTimerRef.current = null;
+		}
+	};
+	useEffect(() => cancelIntent, []);
+	/** A pointer arriving — the one signal `intent` waits on before believing. */
+	const pointerArrived = () => {
+		if (uses("hover")) runPrefetch();
+		else if (uses("intent")) {
+			cancelIntent();
+			intentTimerRef.current = setTimeout(runPrefetch, INTENT_DELAY);
+		}
+	};
+	/** Focus and touch are deliberate, so neither strategy makes them wait. */
+	const linkTargeted = () => {
+		if (uses("hover") || uses("intent")) runPrefetch();
+	};
+	/** Runs the caller's own handler first, then the prefetch trigger. */
+	const prefetchOn = (handler, trigger) => (event) => {
+		handler?.(event);
+		trigger();
+	};
 	return /* @__PURE__ */ jsx("a", {
+		ref: setAnchorRef,
 		"data-active": active || currentHref === targetHref,
 		"data-pending": href === targetPath && isTransitioning,
 		href: targetHref === "" ? "/" : targetHref,
@@ -2546,7 +2800,6 @@ var Link = memo((props) => {
 			currentPath = currentPath === "" ? "/" : currentPath;
 			onClick?.(e);
 			if (hash === "") e.preventDefault();
-			onClick?.(e);
 			push(href, {
 				hash,
 				search,
@@ -2554,6 +2807,11 @@ var Link = memo((props) => {
 				shallow: path === currentPath
 			});
 		},
+		onMouseEnter: prefetchOn(onMouseEnter, pointerArrived),
+		onMouseLeave: prefetchOn(onMouseLeave, cancelIntent),
+		onTouchStart: prefetchOn(onTouchStart, linkTargeted),
+		onFocus: prefetchOn(onFocus, linkTargeted),
+		onBlur: prefetchOn(onBlur, cancelIntent),
 		...rest
 	});
 });
@@ -2864,6 +3122,47 @@ function mergeCarriedSegments(previous, next, carriedViews) {
 	};
 }
 //#endregion
+//#region client/helpers/loadRoutePayload.ts
+/**
+* The page data for a navigation, from whichever source can produce it.
+*
+* A prefetched payload is always a full render, so it can be committed as-is
+* and the `x-gemi-from` round trip skipped entirely. Everything else — no
+* prefetch, a prefetch that failed, a partial response computed against a route
+* that has since been navigated away from — falls through to a request.
+*
+* Returns `null` when nothing usable came back; the caller leaves the current
+* route on screen.
+*/
+async function loadRoutePayload(options) {
+	const { url, from, takePrefetched, renderedRoute } = options;
+	const prefetched = takePrefetched?.(url);
+	if (prefetched) {
+		const payload = await prefetched;
+		if (payload) return payload;
+	}
+	let response = {
+		ok: false,
+		json: async () => ({})
+	};
+	try {
+		response = await fetch(url, { headers: { [PARTIAL_RENDER_HEADER]: from } });
+	} catch (e) {
+		console.error(e);
+		return null;
+	}
+	if (!response.ok) return null;
+	const payload = await response.json();
+	const claimed = payload?.partial ?? null;
+	if (claimed && claimed.from !== renderedRoute()) try {
+		const full = await fetch(url);
+		if (full.ok) return await full.json();
+	} catch (e) {
+		console.error(e);
+	}
+	return payload;
+}
+//#endregion
 //#region client/ClientRouter.tsx
 function restoreScroll(action = null, _pathname = "no path") {
 	if (action === null) return;
@@ -2929,7 +3228,7 @@ var Routes = (props) => {
 	const { componentTree } = props;
 	const [isPending, startTransition] = useTransition();
 	const [isFetching, setIsFetching] = useState(false);
-	const { routerSubject, fetchRouteCSS } = useContext(ClientRouterContext);
+	const { routerSubject, fetchRouteCSS, takePrefetched } = useContext(ClientRouterContext);
 	const { hydrate } = useContext(QueryManagerContext);
 	const [transitionPath, setTransitionPath] = useState([null, routerSubject?.getValue().pathname]);
 	const { breadcrumbs, pageData, i18n, prefetchedData, appId: currentAppId } = useContext(ServerDataContext);
@@ -2975,35 +3274,22 @@ var Routes = (props) => {
 				}));
 				return;
 			}
-			const localeSegment = routerState.locale ? `/${routerState.locale}` : "";
-			const url = `${`${localeSegment}${localeSegment.length > 0 && pathname === "/" ? "" : pathname}`}.json${search}`;
+			const url = routeDataUrl({
+				pathname,
+				search,
+				localeSegment: routerState.locale ? `/${routerState.locale}` : ""
+			});
 			const from = renderedRouteRef.current;
 			setIsFetching(true);
-			let res = {
-				ok: false,
-				json: async () => ({})
-			};
-			try {
-				res = (await Promise.all([
-					fetch(url, { headers: { [PARTIAL_RENDER_HEADER]: from } }),
-					fetchRouteCSS(pathname),
-					...views.map((component) => {
-						if (!window?.loaders) return Promise.resolve();
-						(window?.loaders?.[component] ?? (() => ({})))();
-					})
-				]))[0];
-			} catch (e) {
-				console.error(e);
-			}
-			if (res.ok) {
-				let payload = await res.json();
-				const claimed = payload.partial ?? null;
-				if (claimed && claimed.from !== renderedRouteRef.current) try {
-					const full = await fetch(url);
-					if (full.ok) payload = await full.json();
-				} catch (e) {
-					console.error(e);
-				}
+			fetchRouteCSS(routerState.routePath).catch((e) => console.error(e));
+			for (const component of views) window?.loaders?.[component]?.();
+			const payload = await loadRoutePayload({
+				url,
+				from,
+				takePrefetched,
+				renderedRoute: () => renderedRouteRef.current
+			});
+			if (payload) {
 				const { data, i18n, prefetchedData, breadcrumbs, meta, directive = {}, is404 = false, appId } = payload;
 				updateMeta(meta);
 				if (directive?.kind === "Redirect") {
@@ -3040,6 +3326,7 @@ var Routes = (props) => {
 	}, [
 		routerSubject,
 		fetchRouteCSS,
+		takePrefetched,
 		replace,
 		hydrate
 	]);
@@ -3435,6 +3722,6 @@ function useAppIdMissmatch() {
 	return current !== next;
 }
 //#endregion
-export { Form, FormError, FormFieldContainer, Head, Image, Link, OpenGraphImage, QueryManagerProvider, Redirect, ValidationErrors, create, createRoot, init, useAppIdMissmatch, useBreadcrumbs, useBroadcast, useDelete, useForgotPassword, useFormData, useFormStatus, useIsNavigationPending, useLocale, useLocation, useMutate, useMutation, useMutationStatus, useNavigate, useNavigationProgress, useParams, usePatch, usePost, usePut, useQuery, useResetPassword, useRoute, useRouteTransition, useSearchParams, useSignIn, useSignOut, useSignUp, useSubscription, useTheme, useTranslator, useUpload, useUser };
+export { Form, FormError, FormFieldContainer, Head, Image, Link, OpenGraphImage, QueryManagerProvider, Redirect, ValidationErrors, create, createRoot, init, useAppIdMissmatch, useBreadcrumbs, useBroadcast, useDelete, useForgotPassword, useFormData, useFormStatus, useIsNavigationPending, useLocale, useLocation, useMutate, useMutation, useMutationStatus, useNavigate, useNavigationProgress, useParams, usePatch, usePost, usePrefetch, usePut, useQuery, useResetPassword, useRoute, useRouteTransition, useSearchParams, useSignIn, useSignOut, useSignUp, useSubscription, useTheme, useTranslator, useUpload, useUser };
 
 //# sourceMappingURL=index.js.map