@askrjs/askr 0.0.99 → 0.2.1

package/README.md

@@ -91,8 +91,9 @@ Query and mutation helpers live in `@askrjs/askr/data`.
 ### Developer error boundaries
 
 `ErrorBoundary` is the opt-in boundary primitive for render-time failures. It
-renders a visible fallback in development, still logs the underlying error, and
-can reset when your app state changes. The boundary protects both initial mount
+renders a visible fallback in every environment (with error details expanded
+by default in development), still logs the underlying error, and can reset via
+a `resetKey` tied to your app state. The boundary protects both initial mount
 and scheduled post-mount updates. Portal content follows its logical writer
 boundary and can also recover through a boundary around its host.
 

package/dist/actions/index.d.ts

@@ -1,2 +1,2 @@
-import { a as action, i as ActionValidationError, n as ActionForm, o as defineAction, r as ActionStatus, t as ActionDescriptor } from "../index-CTIBOqUB.js";
+import { a as action, i as ActionValidationError, n as ActionForm, o as defineAction, r as ActionStatus, t as ActionDescriptor } from "../index-B1p8bHZE.js";
 export { ActionDescriptor, ActionForm, ActionStatus, ActionValidationError, action, defineAction };

package/dist/actions/index.js

@@ -1,6 +1,6 @@
 import { d as getCurrentAppRenderRuntime } from "../component-scope-4I3yEMkb.js";
 import { r as getCurrentRenderData } from "../render-context-B7ohlh6t.js";
-import { t as state } from "../state-DmkGM_LN.js";
+import { t as state } from "../state-Ks-sWTQi.js";
 import { jsx, jsxs } from "../jsx-runtime.js";
 import { c as resolveDataRuntimeState, s as invalidateQueriesForRuntime } from "../data-runtime-7t_Y0iv3.js";
 //#region src/actions/runtime.ts

package/dist/{activity-d4t3CdzK.js → activity-B2Yy7Wz9.js}

@@ -1,6 +1,6 @@
 import { d as getCurrentAppRenderRuntime, f as getCurrentComponentInstance, i as claimHookIndex } from "./component-scope-4I3yEMkb.js";
-import { a as registerCommitOperation } from "./component-internal-D0yE2Ch3.js";
-import { l as notifyReadableReaders, o as markReactivePropsDirtySource, s as markReadableDerivedSubscribersDirty, u as recordReadableRead } from "./readable-BsdGWsDE.js";
+import { a as registerCommitOperation } from "./component-internal-xW_OnTmC.js";
+import { l as notifyReadableReaders, o as markReactivePropsDirtySource, s as markReadableDerivedSubscribersDirty, u as recordReadableRead } from "./readable-D-JIKCg2.js";
 import { n as getActiveRenderContext } from "./render-context-B7ohlh6t.js";
 import { n as syncRouteActivitySnapshot } from "./route-activity-CNJfpwx-.js";
 import { b as getActiveRoutes, c as removeRouteBasePath, d as deepFreeze, f as makeQuery, n as computeMatchesFromRoutes, p as parseLocation, y as getActiveRouteBasePath } from "./route-matching-Bo6UqG-5.js";

package/dist/{activity-D_5x2HXQ.d.ts → activity-DOmzl9Yu.d.ts}

@@ -1,4 +1,4 @@
-import { Ct as RouteParams, Lt as RouteSnapshot } from "./index-CTIBOqUB.js";
+import { Ct as RouteParams, Lt as RouteSnapshot } from "./index-B1p8bHZE.js";
 //#region src/router/activity.d.ts
 /** Options for {@link onRouteChange}. */
 interface RouteChangeOptions {

package/dist/benchmark.js

@@ -1,10 +1,10 @@
 import { r as flushRuntimeScheduler } from "./access-d_DCdwqn.js";
-import { t as state } from "./state-DmkGM_LN.js";
-import { t as selector } from "./selector-CyK-sDwB.js";
-import { t as installRendererBridge } from "./renderer-tXX_xj86.js";
-import { i as For } from "./control-C0klPV7Q.js";
+import { t as state } from "./state-Ks-sWTQi.js";
+import { t as selector } from "./selector-NQiYHwZC.js";
+import { t as installRendererBridge } from "./renderer-RjZ8LHbt.js";
+import { i as For } from "./control-BLVTE1gO.js";
 import { jsx, jsxs } from "./jsx-runtime.js";
-import { t as createIsland } from "./boot-DE-JutXH.js";
+import { t as createIsland } from "./boot-DVwjHCNh.js";
 //#region src/bench/components/benchmark-row.tsx
 function BenchmarkRow({ item, isSelected, onSelect, onRemove }) {
 	return /* @__PURE__ */ jsxs("tr", {
@@ -63,8 +63,8 @@ function BenchmarkTable({ rows, isSelected, onSelect, onRemove }) {
 installRendererBridge();
 const benchmarkMetadata = {
 	packageName: "@askrjs/askr",
-	packageVersion: "0.0.99",
-	buildLabel: "0.0.99-local"
+	packageVersion: "0.2.1",
+	buildLabel: "0.2.1-local"
 };
 function getBenchmarkMetadata() {
 	return { ...benchmarkMetadata };

package/dist/boot/index.d.ts

@@ -1,5 +1,5 @@
-import { At as RouteRegistry, nn as ComponentFunction, ut as RouteAuthOptions, zt as DataRuntime } from "../index-CTIBOqUB.js";
-import { a as ScrollRestorationOptions } from "../navigate-eGm4omPj.js";
+import { At as RouteRegistry, nn as ComponentFunction, ut as RouteAuthOptions, zt as DataRuntime } from "../index-B1p8bHZE.js";
+import { a as ScrollRestorationOptions } from "../navigate-DUcj-nLs.js";
 //#region src/boot/types.d.ts
 /** Configuration for {@link createIsland}: mounts one component onto existing DOM. */
 type IslandConfig = {

package/dist/boot/index.js

@@ -1,2 +1,2 @@
-import { a as cleanupApp, i as hydrateSPA, n as createIslands, o as hasApp, r as createSPA, t as createIsland } from "../boot-DE-JutXH.js";
+import { a as cleanupApp, i as hydrateSPA, n as createIslands, o as hasApp, r as createSPA, t as createIsland } from "../boot-DVwjHCNh.js";
 export { cleanupApp, createIsland, createIslands, createSPA, hasApp, hydrateSPA };

package/dist/{boot-DE-JutXH.js → boot-DVwjHCNh.js}

@@ -1,19 +1,19 @@
 import { S as isProductionEnvironment, r as flushRuntimeScheduler, x as isDevelopmentEnvironment, y as logger } from "./access-d_DCdwqn.js";
 import { n as Fragment, t as ELEMENT_TYPE } from "./jsx-DRS-qjiN.js";
-import { n as createComponentInstance, r as executeComponent } from "./component-internal-D0yE2Ch3.js";
-import { t as cleanupComponent } from "./component-cleanup-DYG80yhG.js";
-import { p as isPromiseLike } from "./lifecycle-batch-BH0fax4F.js";
-import { _ as teardownNodeSubtree, d as removeAllListeners } from "./cleanup-D7uN-Z1s.js";
+import { n as createComponentInstance, r as executeComponent } from "./component-internal-xW_OnTmC.js";
+import { t as cleanupComponent } from "./component-cleanup-DPe8claJ.js";
+import { p as isPromiseLike } from "./lifecycle-batch-BYECQw8T.js";
+import { _ as teardownNodeSubtree, d as removeAllListeners } from "./cleanup-DPtpXtA4.js";
 import { r as assertExecutionModel, t as _applyManifest } from "./manifest-D6rfj_jC.js";
 import { d as stopHydrationRenderPhase, l as startHydrationRenderPhase, y as pageRenderEnvelope } from "./render-context-B7ohlh6t.js";
-import { a as setStaticChildSlotsCacheEnabled, c as endHydrationDirectListenerMode, d as discardHydrationListenerTransaction, i as registerDeferredHydrationBoundary, l as beginHydrationListenerTransaction, n as activateHydrationBoundary$1, o as withIntrinsicHydrationAdoption, r as clearDeferredHydrationBoundaries, s as beginHydrationDirectListenerMode, t as installRendererBridge, u as commitHydrationListenerTransaction } from "./renderer-tXX_xj86.js";
-import { r as validateCspNonce, t as CspNonceScope } from "./csp-nonce-BVybpV1v.js";
+import { a as setStaticChildSlotsCacheEnabled, c as endHydrationDirectListenerMode, d as discardHydrationListenerTransaction, i as registerDeferredHydrationBoundary, l as beginHydrationListenerTransaction, n as activateHydrationBoundary$1, o as withIntrinsicHydrationAdoption, r as clearDeferredHydrationBoundaries, s as beginHydrationDirectListenerMode, t as installRendererBridge, u as commitHydrationListenerTransaction } from "./renderer-RjZ8LHbt.js";
+import { r as validateCspNonce, t as CspNonceScope } from "./csp-nonce-CCnMtOW-.js";
 import { i as getDefaultDataRuntime } from "./data-runtime-7t_Y0iv3.js";
 import { a as hydrateDataRuntime } from "./query-registry-Bua3cDyb.js";
 import { I as lockRouteRegistration, P as hasRegisteredRoutes, _ as clearRouteState, m as _setActiveRouteAuthOptions } from "./route-matching-Bo6UqG-5.js";
-import { a as resolveRouteRequest, i as hasRouteRenderData, m as reviveDeferredValue, n as getRouteRenderContext, r as getRouteRenderData } from "./resolution-ZsIFeQoB.js";
-import { o as createAppRenderRuntime, r as setServerLocation } from "./activity-d4t3CdzK.js";
-import { f as registerAppInstance, g as unregisterAppInstance, i as resolveRouteMeta, o as configureScrollRestoration, r as reconcileRouteMeta, t as initializeNavigation } from "./navigate-Cix_Q9ym.js";
+import { a as resolveRouteRequest, i as hasRouteRenderData, m as reviveDeferredValue, n as getRouteRenderContext, r as getRouteRenderData } from "./resolution-dVYwYXrI.js";
+import { o as createAppRenderRuntime, r as setServerLocation } from "./activity-B2Yy7Wz9.js";
+import { f as registerAppInstance, g as unregisterAppInstance, i as resolveRouteMeta, o as configureScrollRestoration, r as reconcileRouteMeta, t as initializeNavigation } from "./navigate-DvJvo--6.js";
 import { n as disposeRegisteredDefaultPortalScope, r as getDefaultPortalHost } from "./default-portal-runtime-DvMvWJVp.js";
 import "./ssr-DSHd_Q9K.js";
 //#region src/boot/hydration.ts
@@ -108,7 +108,7 @@ function shouldVerifyHydrationMarkup(config) {
 	if (typeof explicit === "boolean") return explicit;
 	return !isProductionEnvironment();
 }
-async function applySelectiveHydration(rootElement, resolved, path, cleanupStrict, hydrateOptions, source, hooks) {
+async function applySelectiveHydration(rootElement, resolved, path, cleanupStrict, hydrateOptions, source, hooks, interactionReplay) {
 	const hasPermanentSkips = (hydrateOptions.skipSelectors?.length ?? 0) > 0;
 	const hasBelowFoldDeferral = !!hydrateOptions.deferBelowFold;
 	const hasSelectiveBoundaries = hasPermanentSkips || hasBelowFoldDeferral;
@@ -126,6 +126,7 @@ async function applySelectiveHydration(rootElement, resolved, path, cleanupStric
 		staticChildSlotsCacheSuspended = true;
 		const foldY = hydrateOptions.foldThreshold ?? window.innerHeight;
 		deferredBoundaries = collectDeferredBelowFoldBoundaries(rootElement, foldY);
+		interactionReplay.registerDeferredBoundaries(deferredBoundaries);
 		let selectiveHydrationResourcesReleased = false;
 		let unregisterRootCleanupCallback = () => {};
 		function handleScroll() {
@@ -139,7 +140,9 @@ async function applySelectiveHydration(rootElement, resolved, path, cleanupStric
 			unregisterRootCleanupCallback();
 			window.removeEventListener("scroll", handleScroll);
 			restoreStaticChildSlotsCache();
+			interactionReplay.clearDeferredBoundaries();
 		};
+		interactionReplay.setOnDeferredBoundariesDrained(releaseSelectiveHydrationResources);
 		unregisterRootCleanupCallback = hooks.registerRootCleanupCallback(rootElement, releaseSelectiveHydrationResources);
 		window.addEventListener("scroll", handleScroll, { passive: true });
 	}
@@ -440,6 +443,175 @@ async function resolveInitialRoute(auth, source) {
 	throw new Error(`[Askr] Route redirect limit exceeded (${MAX_INITIAL_ROUTE_REDIRECTS}).`);
 }
 //#endregion
+//#region src/boot/hydration-interaction-replay.ts
+const HYDRATION_INTERACTION_TYPES = [
+	"click",
+	"dblclick",
+	"pointerdown",
+	"pointerup",
+	"keydown",
+	"keyup",
+	"input",
+	"change",
+	"submit"
+];
+function cloneInteractionEvent(event) {
+	const EventConstructor = event.constructor;
+	const eventWithDetails = event;
+	const init = {
+		bubbles: event.bubbles,
+		cancelable: event.cancelable,
+		composed: event.composed,
+		detail: eventWithDetails.detail,
+		view: eventWithDetails.view,
+		key: eventWithDetails.key,
+		code: eventWithDetails.code,
+		location: eventWithDetails.location,
+		repeat: eventWithDetails.repeat,
+		isComposing: eventWithDetails.isComposing,
+		ctrlKey: eventWithDetails.ctrlKey,
+		shiftKey: eventWithDetails.shiftKey,
+		altKey: eventWithDetails.altKey,
+		metaKey: eventWithDetails.metaKey,
+		button: eventWithDetails.button,
+		buttons: eventWithDetails.buttons,
+		clientX: eventWithDetails.clientX,
+		clientY: eventWithDetails.clientY,
+		screenX: eventWithDetails.screenX,
+		screenY: eventWithDetails.screenY,
+		pointerId: eventWithDetails.pointerId,
+		pointerType: eventWithDetails.pointerType,
+		isPrimary: eventWithDetails.isPrimary,
+		data: eventWithDetails.data,
+		inputType: eventWithDetails.inputType
+	};
+	try {
+		return new EventConstructor(event.type, init);
+	} catch {
+		return new Event(event.type, {
+			bubbles: event.bubbles,
+			cancelable: event.cancelable,
+			composed: event.composed
+		});
+	}
+}
+/**
+* Capture discrete interactions before hydrated handlers exist, then replay
+* them after the listener transaction commits. Deferred boundaries remain
+* interaction-activatable until they are revealed or the root is cleaned up.
+*/
+function beginHydrationInteractionReplay(root, activateBoundary, permanentSkipSelectors = []) {
+	const queued = [];
+	const deferredBoundaries = /* @__PURE__ */ new Set();
+	let active = true;
+	let hydratingRoot = true;
+	let replaying = false;
+	let hadDeferredBoundaries = false;
+	let onDeferredBoundariesDrained;
+	function isPermanentlySkipped(target) {
+		const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+		if (!element) return false;
+		return permanentSkipSelectors.some((selector) => {
+			try {
+				return element.closest(selector) !== null;
+			} catch {
+				return false;
+			}
+		});
+	}
+	function findDeferredBoundary(target) {
+		if (!(target instanceof Node)) return;
+		for (const boundary of deferredBoundaries) if (boundary.hasAttribute("data-skip-hydrate") && boundary.contains(target)) return boundary;
+	}
+	function removeCaptureListeners() {
+		if (!active) return;
+		active = false;
+		for (const type of HYDRATION_INTERACTION_TYPES) root.removeEventListener(type, captureInteraction, true);
+	}
+	function releaseIfFinished() {
+		if (!hydratingRoot && deferredBoundaries.size === 0) removeCaptureListeners();
+	}
+	function notifyIfDeferredBoundariesDrained() {
+		if (hadDeferredBoundaries && deferredBoundaries.size === 0) onDeferredBoundariesDrained?.();
+	}
+	function replayInteraction(interaction) {
+		if (!(interaction.target instanceof Node) || !root.contains(interaction.target)) return;
+		const boundary = findDeferredBoundary(interaction.target);
+		if (boundary) {
+			try {
+				if (!activateBoundary(boundary)) return;
+			} catch {
+				return;
+			}
+			deferredBoundaries.delete(boundary);
+			notifyIfDeferredBoundariesDrained();
+		}
+		replaying = true;
+		try {
+			interaction.target.dispatchEvent(interaction.event);
+		} finally {
+			replaying = false;
+		}
+		releaseIfFinished();
+	}
+	function captureInteraction(event) {
+		if (!active || replaying) return;
+		const target = event.target;
+		if (!target || isPermanentlySkipped(target)) return;
+		const boundary = findDeferredBoundary(target);
+		if (!hydratingRoot && !boundary) return;
+		event.preventDefault();
+		event.stopImmediatePropagation();
+		const interaction = {
+			target,
+			event: cloneInteractionEvent(event)
+		};
+		if (hydratingRoot) {
+			queued.push(interaction);
+			return;
+		}
+		replayInteraction(interaction);
+	}
+	const installedTypes = [];
+	try {
+		for (const type of HYDRATION_INTERACTION_TYPES) {
+			root.addEventListener(type, captureInteraction, true);
+			installedTypes.push(type);
+		}
+	} catch (error) {
+		active = false;
+		for (const type of installedTypes) root.removeEventListener(type, captureInteraction, true);
+		throw error;
+	}
+	return {
+		registerDeferredBoundaries(boundaries) {
+			for (const boundary of boundaries) deferredBoundaries.add(boundary);
+			hadDeferredBoundaries ||= boundaries.length > 0;
+		},
+		setOnDeferredBoundariesDrained(callback) {
+			onDeferredBoundariesDrained = callback;
+		},
+		clearDeferredBoundaries() {
+			deferredBoundaries.clear();
+			releaseIfFinished();
+		},
+		complete() {
+			if (!active || !hydratingRoot) return;
+			hydratingRoot = false;
+			const pending = queued.splice(0);
+			for (const interaction of pending) replayInteraction(interaction);
+			releaseIfFinished();
+		},
+		abort() {
+			queued.length = 0;
+			deferredBoundaries.clear();
+			onDeferredBoundariesDrained = void 0;
+			hydratingRoot = false;
+			removeCaptureListeners();
+		}
+	};
+}
+//#endregion
 //#region src/boot/index.ts
 /**
 * App bootstrap and mount
@@ -570,97 +742,105 @@ async function hydrateSPA(config) {
 	if (manifest.records.length === 0) throw new Error("hydrateSPA requires a route registry with at least one route. If you are enhancing existing HTML, use createIsland instead.");
 	const rootElement = resolveRootElement(config.root);
 	if (!rootElement) throw new Error(`Root element not found: ${config.root}`);
-	applyDeferredStreamPatches(rootElement);
-	const hydrationRenderData = takeHydrationRenderData(rootElement);
-	const hydrationQueryCache = hydrationRenderData?.resources;
-	if (hydrationQueryCache) hydrateDataRuntime(config.dataRuntime ?? getDefaultDataRuntime(), hydrationQueryCache);
-	const hydrationRenderDataForApp = hydrationRenderData;
-	configureScrollRestoration(config.scrollRestoration);
-	clearRouteState();
-	_applyManifest(manifest);
-	const routeAuth = config.auth ?? manifest.auth;
-	const appRouteSource = {
-		registry: config.registry,
-		auth: routeAuth,
-		runtime: createAppRenderRuntime({
-			framework: hydrationRenderData?.framework,
-			route: hydrationRenderData?.route,
-			hasRoute: hydrationRenderData !== null,
-			routeRegistry: config.registry,
-			routeAuth
-		})
-	};
-	_setActiveRouteAuthOptions(routeAuth);
-	const { path, href: currentUrl, resolved } = await resolveInitialRoute(routeAuth, {
-		registry: config.registry,
-		load: false
-	});
-	setServerLocation(currentUrl);
-	if (isProductionEnvironment()) lockRouteRegistration();
-	if (!resolved) throw new Error(`hydrateSPA: no route found for current path (${path}).`);
-	if (resolved.kind === "redirect") throw new Error(`hydrateSPA: unresolved redirect for current path (${path}).`);
-	await reconcileInitialRouteMetadata(resolved);
-	const hydrationResolved = resolved.kind === "deny" ? {
-		handler: bindDeniedRouteHandler(resolved.status),
-		params: {}
-	} : {
-		handler: resolved.handler,
-		params: resolved.params
-	};
-	const mountHydratedRoot = (...args) => withIntrinsicHydrationAdoption(() => mountOrUpdate(args[0], args[1], {
-		...args[2],
-		cspNonce: config.cspNonce
-	}));
-	if (shouldVerifyHydrationMarkup(config)) {
-		const { verifyHydrationSyncForUrl } = await import("./verify-hydration-Bo5_tpen.js");
-		if (!verifyHydrationSyncForUrl({
-			root: rootElement,
-			url: currentUrl,
+	const interactionReplay = beginHydrationInteractionReplay(rootElement, (boundary) => activateHydrationBoundary(rootElement, boundary), config.hydrate?.skipSelectors);
+	try {
+		applyDeferredStreamPatches(rootElement);
+		const hydrationRenderData = takeHydrationRenderData(rootElement);
+		const hydrationQueryCache = hydrationRenderData?.resources;
+		if (hydrationQueryCache) hydrateDataRuntime(config.dataRuntime ?? getDefaultDataRuntime(), hydrationQueryCache);
+		const hydrationRenderDataForApp = hydrationRenderData;
+		configureScrollRestoration(config.scrollRestoration);
+		clearRouteState();
+		_applyManifest(manifest);
+		const routeAuth = config.auth ?? manifest.auth;
+		const appRouteSource = {
 			registry: config.registry,
-			resolved: hydrationResolved,
-			options: {
-				data: hydrationRenderDataForApp?.resources,
-				dataRuntime: config.dataRuntime ?? getDefaultDataRuntime(),
-				envelope: hydrationRenderDataForApp ?? void 0,
-				cspNonce: config.cspNonce
-			}
-		})) throw new Error("[Askr] Hydration mismatch detected. Server HTML does not match expected server-render output.");
-	}
-	const hydrateOptions = config.hydrate;
-	if (hydrateOptions) {
-		if (hydrateOptions.deferUntilIdle || hydrateOptions.deferBelowFold) {
-			if (hydrationRenderDataForApp) startHydrationRenderPhase(hydrationRenderDataForApp);
-			try {
-				await applySelectiveHydration(rootElement, hydrationResolved, path, config.cleanupStrict, hydrateOptions, appRouteSource, {
-					mountOrUpdate: mountHydratedRoot,
-					registerAppNavigation,
-					registerRootCleanupCallback,
-					activateHydrationBoundary
-				});
-			} finally {
-				if (hydrationRenderDataForApp) stopHydrationRenderPhase();
+			auth: routeAuth,
+			runtime: createAppRenderRuntime({
+				framework: hydrationRenderData?.framework,
+				route: hydrationRenderData?.route,
+				hasRoute: hydrationRenderData !== null,
+				routeRegistry: config.registry,
+				routeAuth
+			})
+		};
+		_setActiveRouteAuthOptions(routeAuth);
+		const { path, href: currentUrl, resolved } = await resolveInitialRoute(routeAuth, {
+			registry: config.registry,
+			load: false
+		});
+		setServerLocation(currentUrl);
+		if (isProductionEnvironment()) lockRouteRegistration();
+		if (!resolved) throw new Error(`hydrateSPA: no route found for current path (${path}).`);
+		if (resolved.kind === "redirect") throw new Error(`hydrateSPA: unresolved redirect for current path (${path}).`);
+		await reconcileInitialRouteMetadata(resolved);
+		const hydrationResolved = resolved.kind === "deny" ? {
+			handler: bindDeniedRouteHandler(resolved.status),
+			params: {}
+		} : {
+			handler: resolved.handler,
+			params: resolved.params
+		};
+		const mountHydratedRoot = (...args) => withIntrinsicHydrationAdoption(() => mountOrUpdate(args[0], args[1], {
+			...args[2],
+			cspNonce: config.cspNonce
+		}));
+		if (shouldVerifyHydrationMarkup(config)) {
+			const { verifyHydrationSyncForUrl } = await import("./verify-hydration-CThsx0pq.js");
+			if (!verifyHydrationSyncForUrl({
+				root: rootElement,
+				url: currentUrl,
+				registry: config.registry,
+				resolved: hydrationResolved,
+				options: {
+					data: hydrationRenderDataForApp?.resources,
+					dataRuntime: config.dataRuntime ?? getDefaultDataRuntime(),
+					envelope: hydrationRenderDataForApp ?? void 0,
+					cspNonce: config.cspNonce
+				}
+			})) throw new Error("[Askr] Hydration mismatch detected. Server HTML does not match expected server-render output.");
+		}
+		const hydrateOptions = config.hydrate;
+		if (hydrateOptions) {
+			if (hydrateOptions.deferUntilIdle || hydrateOptions.deferBelowFold) {
+				if (hydrationRenderDataForApp) startHydrationRenderPhase(hydrationRenderDataForApp);
+				try {
+					await applySelectiveHydration(rootElement, hydrationResolved, path, config.cleanupStrict, hydrateOptions, appRouteSource, {
+						mountOrUpdate: mountHydratedRoot,
+						registerAppNavigation,
+						registerRootCleanupCallback,
+						activateHydrationBoundary
+					}, interactionReplay);
+				} finally {
+					if (hydrationRenderDataForApp) stopHydrationRenderPhase();
+				}
+				interactionReplay.complete();
+				return;
 			}
-			return;
+			if (hydrateOptions.skipSelectors?.length) markSkippedElements(rootElement, hydrateOptions.skipSelectors);
 		}
-		if (hydrateOptions.skipSelectors?.length) markSkippedElements(rootElement, hydrateOptions.skipSelectors);
-	}
-	if (hydrationRenderDataForApp) startHydrationRenderPhase(hydrationRenderDataForApp);
-	const listenerTransaction = beginHydrationListenerTransaction();
-	beginHydrationDirectListenerMode();
-	try {
-		mountHydratedRoot(rootElement, resolved.kind === "deny" ? bindDeniedStatus(resolved.status) : bindResolvedRouteHandler(hydrationResolved), {
-			cleanupStrict: config.cleanupStrict,
-			appRuntime: appRouteSource.runtime
-		});
-		commitHydrationListenerTransaction(listenerTransaction);
+		if (hydrationRenderDataForApp) startHydrationRenderPhase(hydrationRenderDataForApp);
+		const listenerTransaction = beginHydrationListenerTransaction();
+		beginHydrationDirectListenerMode();
+		try {
+			mountHydratedRoot(rootElement, resolved.kind === "deny" ? bindDeniedStatus(resolved.status) : bindResolvedRouteHandler(hydrationResolved), {
+				cleanupStrict: config.cleanupStrict,
+				appRuntime: appRouteSource.runtime
+			});
+			commitHydrationListenerTransaction(listenerTransaction);
+			interactionReplay.complete();
+		} catch (error) {
+			discardHydrationListenerTransaction(listenerTransaction);
+			throw error;
+		} finally {
+			endHydrationDirectListenerMode();
+			if (hydrationRenderDataForApp) stopHydrationRenderPhase();
+		}
+		await registerAppNavigation(rootElement, path, { ...appRouteSource });
 	} catch (error) {
-		discardHydrationListenerTransaction(listenerTransaction);
+		interactionReplay.abort();
 		throw error;
-	} finally {
-		endHydrationDirectListenerMode();
-		if (hydrationRenderDataForApp) stopHydrationRenderPhase();
 	}
-	await registerAppNavigation(rootElement, path, { ...appRouteSource });
 }
 //#endregion
 export { cleanupApp as a, hydrateSPA as i, createIslands as n, hasApp as o, createSPA as r, createIsland as t };

package/dist/{cleanup-D7uN-Z1s.js → cleanup-DPtpXtA4.js}

@@ -1,8 +1,8 @@
 import { l as runRuntimeHandlerScope, y as logger } from "./access-d_DCdwqn.js";
-import "./fastlane-DGo7SxBQ.js";
+import "./fastlane-DUxiFV9S.js";
 import { T as withAppRenderRuntime, d as getCurrentAppRenderRuntime } from "./component-scope-4I3yEMkb.js";
-import { t as cleanupComponent } from "./component-cleanup-DYG80yhG.js";
-import { u as registerLifecycleTransaction } from "./lifecycle-batch-BH0fax4F.js";
+import { t as cleanupComponent } from "./component-cleanup-DPe8claJ.js";
+import { u as registerLifecycleTransaction } from "./lifecycle-batch-BYECQw8T.js";
 //#region src/runtime/events.ts
 /**
 * Event delegation system for Askr

package/dist/{component-cleanup-DYG80yhG.js → component-cleanup-DPe8claJ.js}

@@ -1,6 +1,6 @@
 import { S as isProductionEnvironment, x as isDevelopmentEnvironment, y as logger } from "./access-d_DCdwqn.js";
 import { a as clearCurrentComponentScope, y as restoreCurrentComponentScope } from "./component-scope-4I3yEMkb.js";
-import { n as cleanupReadableSubscriptions, t as cleanupReadableSubscriptionSources } from "./readable-BsdGWsDE.js";
+import { n as cleanupReadableSubscriptions, t as cleanupReadableSubscriptionSources } from "./readable-D-JIKCg2.js";
 //#region src/runtime/state-diagnostics.ts
 /**
 * Report state cells that were never read during a component's completed

package/dist/{component-internal-D0yE2Ch3.js → component-internal-xW_OnTmC.js}

@@ -1,10 +1,10 @@
 import { a as markTransparentComponentResult, i as markEagerControlPrimitive } from "./control-C-ApnFs1.js";
 import { S as isProductionEnvironment, n as enqueueRuntimeTask, o as getRuntimeRenderer, x as isDevelopmentEnvironment, y as logger } from "./access-d_DCdwqn.js";
-import { i as tryRuntimeFastLaneSync, n as isBulkCommitActive } from "./fastlane-DGo7SxBQ.js";
+import { i as tryRuntimeFastLaneSync, n as isBulkCommitActive } from "./fastlane-DUxiFV9S.js";
 import { C as restoreRenderScopedComponent, S as restoreInlineRenderTracking, _ as getSignalForInstance, b as restoreDomCommitScope, c as enterDomCommitScope, f as getCurrentComponentInstance, l as enterRenderScopedComponent, m as getCurrentPortalScope, n as captureInlineComponentScope, o as clearRenderTracking, p as getCurrentInstance, r as captureInlineRenderTracking, s as enterComponentExecutionScope, t as beginRenderTracking, u as exitComponentExecutionScope, v as resetRenderState, x as restoreInlineComponentScope } from "./component-scope-4I3yEMkb.js";
 import { r as STATIC_CHILDREN, t as ELEMENT_TYPE } from "./jsx-DRS-qjiN.js";
-import { i as finalizeReadableSubscriptions } from "./readable-BsdGWsDE.js";
-import { a as enqueueLifecycleCommitForInstance, d as discardCommitOperations, f as executeCommittedLifecycleOperations, n as captureInlineRenderSnapshot$1, o as finalizeInlineReadSubscriptions, p as isPromiseLike, r as discardLifecycleCommitBatch, s as flushLifecycleCommitBatch, t as beginLifecycleCommitBatch } from "./lifecycle-batch-BH0fax4F.js";
+import { i as finalizeReadableSubscriptions } from "./readable-D-JIKCg2.js";
+import { a as enqueueLifecycleCommitForInstance, d as discardCommitOperations, f as executeCommittedLifecycleOperations, n as captureInlineRenderSnapshot$1, o as finalizeInlineReadSubscriptions, p as isPromiseLike, r as discardLifecycleCommitBatch, s as flushLifecycleCommitBatch, t as beginLifecycleCommitBatch } from "./lifecycle-batch-BYECQw8T.js";
 //#region src/runtime/context.ts
 const TransparentContextScopeComponent = markTransparentComponentResult(ContextScopeComponent);
 let nextScopeIdentityKey = 0;

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-import { in as VNode } from "../index-CTIBOqUB.js";
+import { in as VNode } from "../index-B1p8bHZE.js";
 import { r as JSXElement, s as Props } from "../types-DkVJhVs9.js";
 //#region src/common/error-boundary.d.ts
 type ErrorBoundaryContent = VNode | readonly VNode[];

package/dist/control/index.d.ts

@@ -1,2 +1,2 @@
-import { A as Case, F as ShowProps, I as For, L as ForProps, M as Match, N as MatchProps, P as Show, j as CaseProps } from "../index-CTIBOqUB.js";
+import { A as Case, F as ShowProps, I as For, L as ForProps, M as Match, N as MatchProps, P as Show, j as CaseProps } from "../index-B1p8bHZE.js";
 export { Case, type CaseProps, For, type ForProps, Match, type MatchProps, Show, type ShowProps };

package/dist/control/index.js

@@ -1,2 +1,2 @@
-import { i as For, n as Match, r as Show, t as Case } from "../control-C0klPV7Q.js";
+import { i as For, n as Match, r as Show, t as Case } from "../control-BLVTE1gO.js";
 export { Case, For, Match, Show };

package/dist/{control-C0klPV7Q.js → control-BLVTE1gO.js}

@@ -1,9 +1,9 @@
 import { i as markEagerControlPrimitive, t as __CONTROL_BOUNDARY__ } from "./control-C-ApnFs1.js";
 import { x as isDevelopmentEnvironment } from "./access-d_DCdwqn.js";
 import { n as Fragment } from "./jsx-DRS-qjiN.js";
-import { m as createShowState, p as createCaseState, s as useForState } from "./for-internal-DkBwTG4S.js";
-import { t as createFineGrainedEffect } from "./effect-BdvdgMvV.js";
-import { t as state } from "./state-DmkGM_LN.js";
+import { m as createShowState, p as createCaseState, s as useForState } from "./for-internal-DKcYl3nl.js";
+import { t as createFineGrainedEffect } from "./effect-BQP5o0Kx.js";
+import { t as state } from "./state-Ks-sWTQi.js";
 //#region src/control/shared.ts
 function normalizeBoundaryChild(value) {
 	if (Array.isArray(value)) {

package/dist/{csp-nonce-BVybpV1v.js → csp-nonce-CCnMtOW-.js}

@@ -1,4 +1,4 @@
-import { p as defineScope, y as readScope } from "./component-internal-D0yE2Ch3.js";
+import { p as defineScope, y as readScope } from "./component-internal-xW_OnTmC.js";
 //#region src/common/url.ts
 const SAFE_URL_SCHEMES = /* @__PURE__ */ new Set([
 	"http",

package/dist/data/index.d.ts

@@ -1,2 +1,2 @@
-import { Bt as DataRuntimeOptions, Gt as Query, Ht as InvalidateOptions, Jt as QueryKeyPart, Kt as QueryConsistency, Qt as ServerQueryHandler, S as createMutation, Ut as Mutation, Vt as InvalidateOnIntervalOptions, Wt as MutationOptions, Xt as QueryScope, Yt as QueryPrefetchContext, Zt as QueryStaleReason, _ as invalidateOnInterval, b as getDefaultDataRuntime, c as ServerQueryRegistry, d as defineServerQueries, f as dehydrateDataRuntime, g as invalidate, h as serveQuery, l as createQueryPrefetchContext, m as prefetchQuery, p as hydrateDataRuntime, qt as QueryDefinition, s as ServerQueryEntry, u as defineQuery, v as queryScope, x as createQuery, y as createDataRuntime, zt as DataRuntime } from "../index-CTIBOqUB.js";
+import { Bt as DataRuntimeOptions, Gt as Query, Ht as InvalidateOptions, Jt as QueryKeyPart, Kt as QueryConsistency, Qt as ServerQueryHandler, S as createMutation, Ut as Mutation, Vt as InvalidateOnIntervalOptions, Wt as MutationOptions, Xt as QueryScope, Yt as QueryPrefetchContext, Zt as QueryStaleReason, _ as invalidateOnInterval, b as getDefaultDataRuntime, c as ServerQueryRegistry, d as defineServerQueries, f as dehydrateDataRuntime, g as invalidate, h as serveQuery, l as createQueryPrefetchContext, m as prefetchQuery, p as hydrateDataRuntime, qt as QueryDefinition, s as ServerQueryEntry, u as defineQuery, v as queryScope, x as createQuery, y as createDataRuntime, zt as DataRuntime } from "../index-B1p8bHZE.js";
 export { type DataRuntime, type DataRuntimeOptions, type InvalidateOnIntervalOptions, type InvalidateOptions, type Mutation, type MutationOptions, type Query, type QueryConsistency, type QueryDefinition, type QueryKeyPart, type QueryPrefetchContext, type QueryScope, type QueryStaleReason, type ServerQueryEntry, type ServerQueryHandler, type ServerQueryRegistry, createDataRuntime, createMutation, createQuery, createQueryPrefetchContext, defineQuery, defineServerQueries, dehydrateDataRuntime, getDefaultDataRuntime, hydrateDataRuntime, invalidate, invalidateOnInterval, prefetchQuery, queryScope, serveQuery };

package/dist/data/index.js

@@ -1,4 +1,4 @@
 import { i as getDefaultDataRuntime, t as createDataRuntime } from "../data-runtime-7t_Y0iv3.js";
-import { c as queryScope, n as createMutation, o as invalidate, s as invalidateOnInterval, t as createQuery } from "../data-CnQwUS76.js";
+import { c as queryScope, n as createMutation, o as invalidate, s as invalidateOnInterval, t as createQuery } from "../data-CAXqJzoS.js";
 import { a as hydrateDataRuntime, i as dehydrateDataRuntime, n as defineQuery, o as prefetchQuery, r as defineServerQueries, s as serveQuery, t as createQueryPrefetchContext } from "../query-registry-Bua3cDyb.js";
 export { createDataRuntime, createMutation, createQuery, createQueryPrefetchContext, defineQuery, defineServerQueries, dehydrateDataRuntime, getDefaultDataRuntime, hydrateDataRuntime, invalidate, invalidateOnInterval, prefetchQuery, queryScope, serveQuery };

package/dist/{data-CnQwUS76.js → data-CAXqJzoS.js}

@@ -1,8 +1,8 @@
 import { n as enqueueRuntimeTask, y as logger } from "./access-d_DCdwqn.js";
 import { d as getCurrentAppRenderRuntime, f as getCurrentComponentInstance, i as claimHookIndex } from "./component-scope-4I3yEMkb.js";
-import { l as notifyReadableReaders, o as markReactivePropsDirtySource, s as markReadableDerivedSubscribersDirty, u as recordReadableRead } from "./readable-BsdGWsDE.js";
+import { l as notifyReadableReaders, o as markReactivePropsDirtySource, s as markReadableDerivedSubscribersDirty, u as recordReadableRead } from "./readable-D-JIKCg2.js";
 import { n as getActiveRenderContext } from "./render-context-B7ohlh6t.js";
-import { i as routeActive, n as documentVisible, o as timer, s as windowFocused } from "./lifecycle-operations-CBzG5PyB.js";
+import { i as routeActive, n as documentVisible, o as timer, s as windowFocused } from "./lifecycle-operations-DJk_5MrD.js";
 import { a as getMutationSlotStore, c as resolveDataRuntimeState, i as getDefaultDataRuntime, n as ensureMutationCleanup, o as getQuerySlotStore, r as ensureQueryCleanup, s as invalidateQueriesForRuntime } from "./data-runtime-7t_Y0iv3.js";
 //#region src/data/query-key.ts
 function serializeQueryKeyNumber(part) {

package/dist/{deferred-BVkZ5T2P.js → deferred-BRw0gbn5.js}

@@ -1,9 +1,9 @@
 import { d as getCurrentAppRenderRuntime, f as getCurrentComponentInstance } from "./component-scope-4I3yEMkb.js";
 import { i as getExecutionModel } from "./manifest-D6rfj_jC.js";
 import { n as getActiveRenderContext, r as getCurrentRenderData } from "./render-context-B7ohlh6t.js";
-import { t as resource } from "./resource-operation-B62UQKHV.js";
+import { t as resource } from "./resource-operation-4qFIM02d.js";
 import { A as getDefaultRouteBasePath, C as getCurrentInheritedPolicies, D as getCurrentPathPrefix, E as getCurrentPageScope, F as insertRecordSorted, H as computeRank, L as pushRegistrationScope, N as hasActivePageScope, O as getCurrentScopeKind, S as getCurrentInheritedMeta, T as getCurrentPageChain, U as normalizeRouteSegmentName, W as parseSegments, g as assertRouteRegistrationUnlocked, h as addRouteToStores, w as getCurrentLayoutChain, x as getCurrentInheritedAuthRequirements } from "./route-matching-Bo6UqG-5.js";
-import { _ as createRouteHandler, d as DEFERRED_BOUNDARY, p as isDeferred, s as guardHydratedRouteData } from "./resolution-ZsIFeQoB.js";
+import { _ as createRouteHandler, d as DEFERRED_BOUNDARY, p as isDeferred, s as guardHydratedRouteData } from "./resolution-dVYwYXrI.js";
 import { allOf } from "@askrjs/auth";
 //#region src/router/access.ts
 function compileNodePolicies(node) {