npm - @absolutejs/absolute - Versions diffs - 0.20.0-beta.1 → 0.20.0-beta.10 - Mend

@absolutejs/absolute 0.20.0-beta.1 → 0.20.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/README.md +45 -0
package/dist/angular/components/core/streamingSlotRegistrar.js +1 -1
package/dist/angular/components/core/streamingSlotRegistry.js +2 -2
package/dist/angular/index.js +341 -22
package/dist/angular/index.js.map +8 -5
package/dist/angular/server.js +341 -22
package/dist/angular/server.js.map +8 -5
package/dist/build.js +537 -313
package/dist/build.js.map +14 -13
package/dist/cli/index.js +4171 -970
package/dist/dev/client/cssUtils.ts +16 -2
package/dist/dev/client/handlers/rebuild.ts +11 -1
package/dist/dev/client/hmrTiming.ts +14 -7
package/dist/index.js +857 -513
package/dist/index.js.map +22 -21
package/dist/mobile/browser.js +14 -1
package/dist/mobile/browser.js.map +3 -3
package/dist/mobile/index.js +2900 -244
package/dist/mobile/index.js.map +23 -14
package/dist/mobile/remoteMacAgentEntry.js +29 -0
package/dist/mobile/shellAuth.js +43 -0
package/dist/mobile/shellBootstrap.js +581 -0
package/dist/mobile/shellSync.js +74 -0
package/dist/src/angular/pageHandler.d.ts +3 -0
package/dist/src/build/pwa.d.ts +15 -0
package/dist/src/cli/config/server.d.ts +1 -1
package/dist/src/core/pageHandlers.d.ts +11 -2
package/dist/src/core/prepare.d.ts +6 -0
package/dist/src/dev/clientManager.d.ts +2 -0
package/dist/src/mobile/androidEmulatorController.d.ts +7 -1
package/dist/src/mobile/androidRelease.d.ts +4 -0
package/dist/src/mobile/buildPipeline.d.ts +1 -0
package/dist/src/mobile/capacitorBundle.d.ts +15 -1
package/dist/src/mobile/client.d.ts +4 -0
package/dist/src/mobile/config.d.ts +1 -0
package/dist/src/mobile/index.d.ts +7 -0
package/dist/src/mobile/iosConformance.d.ts +15 -0
package/dist/src/mobile/iosNativeWatcher.d.ts +19 -0
package/dist/src/mobile/iosRelease.d.ts +61 -0
package/dist/src/mobile/iosSimulatorController.d.ts +89 -0
package/dist/src/mobile/nativeAuth.d.ts +17 -0
package/dist/src/mobile/nativeBackgroundSync.d.ts +4 -0
package/dist/src/mobile/releaseArtifact.d.ts +2 -0
package/dist/src/mobile/releasePublisher.d.ts +130 -0
package/dist/src/mobile/remoteMacAgent.d.ts +2 -0
package/dist/src/mobile/remoteMacAgentEntry.d.ts +1 -0
package/dist/src/mobile/remoteMacProtocol.d.ts +114 -0
package/dist/src/mobile/remoteMacWire.d.ts +2 -0
package/dist/src/mobile/shellAuth.d.ts +13 -0
package/dist/src/mobile/shellBootstrap.d.ts +18 -1
package/dist/src/mobile/shellSync.d.ts +19 -0
package/dist/src/mobile/staticDocument.d.ts +5 -0
package/dist/src/mobile/transport.d.ts +13 -1
package/dist/src/plugins/hmr.d.ts +3 -0
package/dist/src/plugins/imageOptimizer.d.ts +1 -1
package/dist/src/svelte/pageHandler.d.ts +3 -0
package/dist/src/utils/loadConfig.d.ts +1 -0
package/dist/src/vue/pageHandler.d.ts +3 -0
package/dist/svelte/index.js +312 -23
package/dist/svelte/index.js.map +7 -4
package/dist/svelte/server.js +307 -18
package/dist/svelte/server.js.map +7 -4
package/dist/types/build.d.ts +18 -0
package/dist/vue/index.js +312 -23
package/dist/vue/index.js.map +7 -4
package/dist/vue/server.js +307 -18
package/dist/vue/server.js.map +7 -4
package/package.json +25 -9

package/dist/index.js CHANGED Viewed

@@ -10213,9 +10213,10 @@ var indexContentCache, resolveDevClientDir = () => {
       `}
 `,
       `// Attempt hydration with error handling`,
+      `const shouldClientRender = window.__ABSOLUTE_PAGE_RENDER_MODE__ === 'client';`,
       `// Use document (not document.body) when the page renders <html><head><body>`,
       `// to avoid "In HTML, <html> cannot be a child of <body>" hydration error`,
-      `const container = typeof document !== 'undefined' ? document : null;`,
+      `const container = typeof document !== 'undefined' ? (shouldClientRender ? document.getElementById('root') : document) : null;`,
       `if (!container) {`,
       `	throw new Error('React root container not found: document is null');`,
       `}
@@ -10241,7 +10242,6 @@ var indexContentCache, resolveDevClientDir = () => {
       `if (!window.__REACT_ROOT__) {`,
       `	let root;`,
       `	// Mobile data envelopes and dirty HMR pages have no matching SSR markup.`,
-      `	const shouldClientRender = window.__ABSOLUTE_PAGE_RENDER_MODE__ === 'client';`,
       `	if (window.__SSR_DIRTY__ || shouldClientRender) {`,
       `		root = createRoot(container);`,
       `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`});`,
@@ -10321,6 +10321,15 @@ var indexContentCache, resolveDevClientDir = () => {
       `		};`,
       `	}`,
       `}`,
+      `if (typeof window !== 'undefined') {`,
+      `	window.__ABSOLUTE_PAGE_READY__ = Promise.resolve();`,
+      `	window.__ABSOLUTE_PAGE_DISPOSE__ = function() {`,
+      `		if (window.__REACT_ROOT__ && typeof window.__REACT_ROOT__.unmount === 'function') {`,
+      `			window.__REACT_ROOT__.unmount();`,
+      `		}`,
+      `		window.__REACT_ROOT__ = null;`,
+      `	};`,
+      `}`,
       ...isDev2 ? [
         `
 // Pre-warm: import the page module from the module server`,
@@ -13031,7 +13040,8 @@ var heldLocks, HELD_LOCKS_ENV = "ABSOLUTE_HELD_BUILD_DIRECTORY_LOCKS", exitHandl
   });
   process.on("uncaughtException", (err) => {
     releaseAllSync();
-    throw err;
+    console.error(err);
+    process.exit(1);
   });
 }, isAlreadyExistsError = (error) => error instanceof Error && ("code" in error) && Reflect.get(error, "code") === "EEXIST", lockPathForBuildDirectory = (buildDirectory) => join28(dirname15(buildDirectory), ".absolutejs", "build.lock"), readHeldLockEnv = () => new Set((process.env[HELD_LOCKS_ENV] ?? "").split(`
 `).filter((entry) => entry.length > 0)), writeHeldLockEnv = (locks) => {
@@ -13188,13 +13198,135 @@ var isTestSourcePath = (file2) => {
   return normalized.includes("/__tests__/") || /\.(?:test|spec)\.[cm]?[jt]sx?$/.test(normalized);
 };
+// src/build/pwa.ts
+import { mkdir as mkdir8, rm as rm7, writeFile as writeFile8 } from "fs/promises";
+import { dirname as dirname16, join as join29 } from "path";
+var BOOTSTRAP_PUBLIC_PATH = "/__absolute/pwa/bootstrap.js", BOOTSTRAP_MARKER = "data-absolute-pwa", publicFilePath = (value, fallback, field) => {
+  const input = value ?? fallback;
+  if (!input.startsWith("/") || input.startsWith("//")) {
+    throw new TypeError(`${field} must be an absolute same-origin path.`);
+  }
+  let url;
+  try {
+    url = new URL(input, "https://absolute.invalid");
+  } catch {
+    throw new TypeError(`${field} must be an absolute same-origin path.`);
+  }
+  if (url.origin !== "https://absolute.invalid" || url.search || url.hash || url.pathname === "/") {
+    throw new TypeError(`${field} must be a file path without query or hash.`);
+  }
+  for (const part of input.split("/")) {
+    let decoded;
+    try {
+      decoded = decodeURIComponent(part);
+    } catch {
+      throw new TypeError(`${field} contains invalid URL encoding.`);
+    }
+    if (decoded === "." || decoded === ".." || decoded.includes("\\")) {
+      throw new TypeError(`${field} must not contain traversal segments.`);
+    }
+  }
+  return url.pathname;
+}, destinationFor = (buildPath, publicPath) => join29(buildPath, ...publicPath.split("/").filter(Boolean)), bootstrapEntrySource = ({
+  clientModule,
+  manifestPath,
+  serviceWorkerPath,
+  sync
+}) => `import { registerServiceWorker } from ${JSON.stringify(clientModule)};
+${manifestPath ? `const manifest = document.querySelector('link[rel="manifest"]') ?? document.createElement('link');
+manifest.setAttribute('rel', 'manifest');
+manifest.setAttribute('href', ${JSON.stringify(manifestPath)});
+if (!manifest.isConnected) document.head.append(manifest);
+` : ""}await registerServiceWorker(${JSON.stringify(serviceWorkerPath)}, {
+	deferUntilLoad: false${sync ? `,
+	sync: ${JSON.stringify(sync === true ? {} : sync)}` : ""}
+});
+`, injectionSource = () => `if (typeof window !== 'undefined') {
+	await import(new URL(${JSON.stringify(BOOTSTRAP_PUBLIC_PATH)}, window.location.origin).href);
+}
+`, injectPwaBootstrapHtml = (html) => {
+  if (html.includes(BOOTSTRAP_MARKER))
+    return html;
+  const script = `<script type="module" src="${BOOTSTRAP_PUBLIC_PATH}" ${BOOTSTRAP_MARKER}></script>`;
+  const closingHead = html.toLowerCase().indexOf("</head>");
+  if (closingHead >= 0) {
+    return `${html.slice(0, closingHead)}${script}${html.slice(closingHead)}`;
+  }
+  return `${script}${html}`;
+}, materializeAbsolutePwa = async ({
+  buildPath,
+  config,
+  generatedRoot,
+  write: write2 = true
+}) => {
+  const serviceWorkerPath = publicFilePath(config.serviceWorkerPath, "/sw.js", "pwa.serviceWorkerPath");
+  if (serviceWorkerPath.slice(1).includes("/")) {
+    throw new TypeError("pwa.serviceWorkerPath must be a root-level file so its default service-worker scope covers the application.");
+  }
+  const manifestPath = config.manifest ? publicFilePath(config.manifest.path, "/manifest.webmanifest", "pwa.manifest.path") : undefined;
+  const artifacts = {
+    bootstrapBanner: injectionSource(),
+    bootstrapPublicPath: BOOTSTRAP_PUBLIC_PATH,
+    manifestPath,
+    serviceWorkerPath
+  };
+  if (!write2)
+    return artifacts;
+  const { createWebAppManifest, pushServiceWorker } = await import("@absolutejs/pwa");
+  const workerDestination = destinationFor(buildPath, serviceWorkerPath);
+  await mkdir8(dirname16(workerDestination), { recursive: true });
+  await writeFile8(workerDestination, `${pushServiceWorker({
+    ...config.serviceWorker ?? {},
+    sync: Boolean(config.sync)
+  })}
+`);
+  if (config.manifest && manifestPath) {
+    const { path: _path, ...manifestConfig } = config.manifest;
+    const manifestDestination = destinationFor(buildPath, manifestPath);
+    await mkdir8(dirname16(manifestDestination), { recursive: true });
+    await writeFile8(manifestDestination, `${JSON.stringify(createWebAppManifest(manifestConfig), null, "\t")}
+`);
+  }
+  const generatedDirectory = join29(generatedRoot, "pwa");
+  const bootstrapEntry = join29(generatedDirectory, "bootstrap.ts");
+  const clientModule = Bun.resolveSync("@absolutejs/pwa/client", import.meta.dir);
+  await mkdir8(generatedDirectory, { recursive: true });
+  await writeFile8(bootstrapEntry, bootstrapEntrySource({
+    clientModule,
+    manifestPath,
+    serviceWorkerPath,
+    sync: config.sync
+  }));
+  const browserDirectory = destinationFor(buildPath, "/__absolute/pwa");
+  await rm7(browserDirectory, { force: true, recursive: true });
+  await mkdir8(browserDirectory, { recursive: true });
+  const result = await Bun.build({
+    entrypoints: [bootstrapEntry],
+    format: "esm",
+    minify: true,
+    naming: {
+      asset: "asset-[hash].[ext]",
+      chunk: "chunk-[hash].[ext]",
+      entry: "bootstrap.js"
+    },
+    outdir: browserDirectory,
+    splitting: true,
+    target: "browser"
+  });
+  if (!result.success) {
+    throw new AggregateError(result.logs, "Failed to build the AbsoluteJS PWA bootstrap.");
+  }
+  return artifacts;
+};
+var init_pwa = () => {};
 // src/build/scanVueSsrOnlyPages.ts
 var exports_scanVueSsrOnlyPages = {};
 __export(exports_scanVueSsrOnlyPages, {
   scanVueSsrOnlyPages: () => scanVueSsrOnlyPages
 });
 import { readdirSync as readdirSync2, readFileSync as readFileSync17 } from "fs";
-import { join as join29 } from "path";
+import { join as join30 } from "path";
 import ts8 from "typescript";
 var SKIP_DIRS2, SOURCE_EXTENSIONS2, getScriptKind3 = (filePath) => {
   if (filePath.endsWith(".tsx"))
@@ -13227,9 +13359,9 @@ var SKIP_DIRS2, SOURCE_EXTENSIONS2, getScriptKind3 = (filePath) => {
           continue;
         if (entry.name.startsWith("."))
           continue;
-        stack.push(join29(dir, entry.name));
+        stack.push(join30(dir, entry.name));
       } else if (entry.isFile() && hasSourceExtension2(entry.name)) {
-        out.push(join29(dir, entry.name));
+        out.push(join30(dir, entry.name));
       }
     }
   }
@@ -13341,7 +13473,7 @@ var init_scanVueSsrOnlyPages = __esm(() => {
 // src/build/scanAngularHandlerCalls.ts
 import { readdirSync as readdirSync3, readFileSync as readFileSync18 } from "fs";
-import { join as join30 } from "path";
+import { join as join31 } from "path";
 import ts9 from "typescript";
 var ELYSIA_ROUTE_METHODS2, SKIP_DIRS3, SOURCE_EXTENSIONS3, SERVER_ENTRY_COPY_PREFIX = ".absolutejs-hmr-", getScriptKind4 = (filePath) => {
   if (filePath.endsWith(".tsx"))
@@ -13374,9 +13506,9 @@ var ELYSIA_ROUTE_METHODS2, SKIP_DIRS3, SOURCE_EXTENSIONS3, SERVER_ENTRY_COPY_PRE
           continue;
         if (entry.name.startsWith("."))
           continue;
-        stack.push(join30(dir, entry.name));
+        stack.push(join31(dir, entry.name));
       } else if (entry.isFile() && !entry.name.startsWith(SERVER_ENTRY_COPY_PREFIX) && hasSourceExtension3(entry.name)) {
-        out.push(join30(dir, entry.name));
+        out.push(join31(dir, entry.name));
       }
     }
   }
@@ -13491,7 +13623,7 @@ var init_scanAngularHandlerCalls = __esm(() => {
 // src/build/scanAngularPageRoutes.ts
 import { readdirSync as readdirSync4, readFileSync as readFileSync19 } from "fs";
-import { basename as basename9, join as join31 } from "path";
+import { basename as basename9, join as join32 } from "path";
 import ts10 from "typescript";
 var SOURCE_EXTENSIONS4, SKIP_DIRS4, hasSourceExtension4 = (filePath) => {
   const idx = filePath.lastIndexOf(".");
@@ -13531,9 +13663,9 @@ var SOURCE_EXTENSIONS4, SKIP_DIRS4, hasSourceExtension4 = (filePath) => {
           continue;
         if (entry.name.startsWith("."))
           continue;
-        stack.push(join31(dir, entry.name));
+        stack.push(join32(dir, entry.name));
       } else if (entry.isFile() && isPageFile(entry.name)) {
-        out.push(join31(dir, entry.name));
+        out.push(join32(dir, entry.name));
       }
     }
   }
@@ -13610,7 +13742,7 @@ __export(exports_parseAngularConfigImports, {
   parseAngularProvidersImport: () => parseAngularProvidersImport
 });
 import { existsSync as existsSync23, readFileSync as readFileSync20 } from "fs";
-import { dirname as dirname16, isAbsolute as isAbsolute3, join as join32 } from "path";
+import { dirname as dirname17, isAbsolute as isAbsolute3, join as join33 } from "path";
 import ts11 from "typescript";
 var findDefineConfigCall = (sf) => {
   let result = null;
@@ -13665,15 +13797,15 @@ var findDefineConfigCall = (sf) => {
 }, resolveConfigPath = (projectRoot) => {
   const envOverride = process.env.ABSOLUTE_CONFIG;
   if (envOverride) {
-    const resolved = isAbsolute3(envOverride) ? envOverride : join32(projectRoot, envOverride);
+    const resolved = isAbsolute3(envOverride) ? envOverride : join33(projectRoot, envOverride);
     if (existsSync23(resolved))
       return resolved;
   }
   const candidates = [
-    join32(projectRoot, "absolute.config.ts"),
-    join32(projectRoot, "absolute.config.mts"),
-    join32(projectRoot, "absolute.config.js"),
-    join32(projectRoot, "absolute.config.mjs")
+    join33(projectRoot, "absolute.config.ts"),
+    join33(projectRoot, "absolute.config.mts"),
+    join33(projectRoot, "absolute.config.js"),
+    join33(projectRoot, "absolute.config.mjs")
   ];
   for (const candidate of candidates) {
     if (existsSync23(candidate))
@@ -13705,8 +13837,8 @@ var findDefineConfigCall = (sf) => {
   const importInfo = findImportForBinding(sf, binding);
   if (!importInfo)
     return null;
-  const configDir2 = dirname16(configPath2);
-  const absolutePath = importInfo.source.startsWith(".") ? join32(configDir2, importInfo.source).replace(/\.[cm]?[tj]sx?$/, "") : isAbsolute3(importInfo.source) ? importInfo.source.replace(/\.[cm]?[tj]sx?$/, "") : importInfo.source;
+  const configDir2 = dirname17(configPath2);
+  const absolutePath = importInfo.source.startsWith(".") ? join33(configDir2, importInfo.source).replace(/\.[cm]?[tj]sx?$/, "") : isAbsolute3(importInfo.source) ? importInfo.source.replace(/\.[cm]?[tj]sx?$/, "") : importInfo.source;
   return {
     absolutePath,
     bindingName: binding,
@@ -13778,10 +13910,10 @@ __export(exports_compileSvelte, {
   clearSvelteCompilerCache: () => clearSvelteCompilerCache
 });
 import { existsSync as existsSync24 } from "fs";
-import { mkdir as mkdir8, stat as stat2 } from "fs/promises";
+import { mkdir as mkdir9, stat as stat2 } from "fs/promises";
 import {
-  dirname as dirname17,
-  join as join33,
+  dirname as dirname18,
+  join as join34,
   basename as basename10,
   extname as extname7,
   resolve as resolve25,
@@ -13829,7 +13961,7 @@ var resolveDevClientDir2 = () => {
 }, resolveRelativeModule2 = async (spec, from) => {
   if (!spec.startsWith("."))
     return null;
-  const basePath = resolve25(dirname17(from), spec);
+  const basePath = resolve25(dirname18(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -13840,14 +13972,14 @@ var resolveDevClientDir2 = () => {
     `${basePath}.svelte`,
     `${basePath}.svelte.ts`,
     `${basePath}.svelte.js`,
-    join33(basePath, "index.ts"),
-    join33(basePath, "index.js"),
-    join33(basePath, "index.mjs"),
-    join33(basePath, "index.cjs"),
-    join33(basePath, "index.json"),
-    join33(basePath, "index.svelte"),
-    join33(basePath, "index.svelte.ts"),
-    join33(basePath, "index.svelte.js")
+    join34(basePath, "index.ts"),
+    join34(basePath, "index.js"),
+    join34(basePath, "index.mjs"),
+    join34(basePath, "index.cjs"),
+    join34(basePath, "index.json"),
+    join34(basePath, "index.svelte"),
+    join34(basePath, "index.svelte.ts"),
+    join34(basePath, "index.svelte.js")
   ];
   const checks = await Promise.all(candidates.map(exists2));
   return candidates.find((_2, index) => checks[index]) ?? null;
@@ -13856,7 +13988,7 @@ var resolveDevClientDir2 = () => {
     const resolved = resolvePackageImport(spec);
     return resolved && /\.svelte(\.(?:ts|js))?$/.test(resolved) ? resolved : null;
   }
-  const basePath = resolve25(dirname17(from), spec);
+  const basePath = resolve25(dirname18(from), spec);
   const explicit = /\.(svelte|svelte\.(?:ts|js))$/.test(basePath);
   if (!explicit) {
     const extensions = [".svelte", ".svelte.ts", ".svelte.js"];
@@ -13886,10 +14018,10 @@ var resolveDevClientDir2 = () => {
 }, compileSvelte = async (entryPoints, svelteRoot, cache = new Map, isDev2 = false, stylePreprocessors) => {
   const { compile, compileModule, preprocess } = await import("svelte/compiler");
   const generatedDir = getFrameworkGeneratedDir("svelte");
-  const clientDir = join33(generatedDir, "client");
-  const indexDir = join33(generatedDir, "indexes");
-  const serverDir = join33(generatedDir, "server");
-  await Promise.all([clientDir, indexDir, serverDir].map((dir) => mkdir8(dir, { recursive: true })));
+  const clientDir = join34(generatedDir, "client");
+  const indexDir = join34(generatedDir, "indexes");
+  const serverDir = join34(generatedDir, "server");
+  await Promise.all([clientDir, indexDir, serverDir].map((dir) => mkdir9(dir, { recursive: true })));
   const dev = env2.NODE_ENV !== "production";
   const build2 = async (src) => {
     const memoized = cache.get(src);
@@ -13916,8 +14048,8 @@ var resolveDevClientDir2 = () => {
     const preprocessedClient = isModule ? loweredClientSource.code : (await preprocess(loweredClientSource.code, svelteStylePreprocessor)).code;
     const transpiledServer = src.endsWith(".ts") || src.endsWith(".svelte.ts") ? transpiler3.transformSync(preprocessedServer) : preprocessedServer;
     const transpiledClient = src.endsWith(".ts") || src.endsWith(".svelte.ts") ? transpiler3.transformSync(preprocessedClient) : preprocessedClient;
-    const rawRel = dirname17(relative11(svelteRoot, src)).replace(/\\/g, "/");
-    const relDir = rawRel.startsWith("..") ? `_ext/${relative11(process.cwd(), dirname17(src)).replace(/\\/g, "/")}` : rawRel;
+    const rawRel = dirname18(relative11(svelteRoot, src)).replace(/\\/g, "/");
+    const relDir = rawRel.startsWith("..") ? `_ext/${relative11(process.cwd(), dirname18(src)).replace(/\\/g, "/")}` : rawRel;
     const baseName = basename10(src).replace(/\.svelte(\.(ts|js))?$/, "");
     const importPaths = Array.from(transpiledServer.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((path) => path !== undefined);
     const resolvedModuleImports = await Promise.all(importPaths.map((importPath) => resolveRelativeModule2(importPath, src)));
@@ -13926,8 +14058,8 @@ var resolveDevClientDir2 = () => {
     const childBuilt = await Promise.all(childSources.map((child) => build2(child)));
     const hasAwaitSlotFromChildren = childBuilt.some((child) => child.hasAwaitSlot);
     const externalRewrites = new Map;
-    const ssrOutputDir = dirname17(join33(serverDir, relDir, `${baseName}.js`));
-    const clientOutputDir = dirname17(join33(clientDir, relDir, `${baseName}.js`));
+    const ssrOutputDir = dirname18(join34(serverDir, relDir, `${baseName}.js`));
+    const clientOutputDir = dirname18(join34(clientDir, relDir, `${baseName}.js`));
     for (let idx = 0;idx < importPaths.length; idx++) {
       const rawSpec = importPaths[idx];
       if (!rawSpec)
@@ -13992,11 +14124,11 @@ var resolveDevClientDir2 = () => {
       code += islandMetadataExports;
       return { code, map: compiledJs.map };
     };
-    const ssrPath = join33(serverDir, relDir, `${baseName}.js`);
-    const clientPath = join33(clientDir, relDir, `${baseName}.js`);
+    const ssrPath = join34(serverDir, relDir, `${baseName}.js`);
+    const clientPath = join34(clientDir, relDir, `${baseName}.js`);
     await Promise.all([
-      mkdir8(dirname17(ssrPath), { recursive: true }),
-      mkdir8(dirname17(clientPath), { recursive: true })
+      mkdir9(dirname18(ssrPath), { recursive: true }),
+      mkdir9(dirname18(clientPath), { recursive: true })
     ]);
     const inlineMap = (map) => map ? `
 //# sourceMappingURL=data:application/json;base64,${Buffer.from(JSON.stringify(map)).toString("base64")}
@@ -14031,10 +14163,10 @@ var resolveDevClientDir2 = () => {
   const roots = await Promise.all(entryPoints.map(build2));
   const componentRoots = roots.filter((root) => !root.isModule);
   await Promise.all(componentRoots.map(async ({ client: client2, hasAwaitSlot }) => {
-    const relClientDir = dirname17(relative11(clientDir, client2));
+    const relClientDir = dirname18(relative11(clientDir, client2));
     const name = basename10(client2, extname7(client2));
-    const indexPath = join33(indexDir, relClientDir, `${name}.js`);
-    const importRaw = relative11(dirname17(indexPath), client2).split(sep2).join("/");
+    const indexPath = join34(indexDir, relClientDir, `${name}.js`);
+    const importRaw = relative11(dirname18(indexPath), client2).split(sep2).join("/");
     const importPath = importRaw.startsWith(".") || importRaw.startsWith("/") ? importRaw : `./${importRaw}`;
     const hmrImports = isDev2 ? `window.__HMR_FRAMEWORK__ = "svelte";
 import "${hmrClientPath3}";
@@ -14045,8 +14177,9 @@ import { hydrate, mount, unmount } from "svelte";
 var initialProps = (typeof window !== "undefined" && window.__INITIAL_PROPS__) ? window.__INITIAL_PROPS__ : {};
 var isHMR = typeof window !== "undefined" && window.__SVELTE_COMPONENT__ !== undefined;
 var isSsrDirty = typeof window !== "undefined" && window.__SSR_DIRTY__;
+var isClientRender = typeof window !== "undefined" && window.__ABSOLUTE_PAGE_RENDER_MODE__ === "client";
 var hasIslandHtml = false;
-var shouldHydrate = typeof window === "undefined" ? false : ${hasAwaitSlot ? "false" : "true"};
+var shouldHydrate = typeof window === "undefined" || isClientRender ? false : ${hasAwaitSlot ? "false" : "true"};
 var component;
 var target = document.getElementById(${JSON.stringify(SVELTE_PAGE_ROOT_ID)}) || document.body;
@@ -14077,6 +14210,8 @@ if (isHMR) {
   }
   component = mount(Component, { target, props: mergedProps });
   window.__HMR_PRESERVED_STATE__ = undefined;
+} else if (isClientRender) {
+  component = mount(Component, { target, props: initialProps });
 } else if (!shouldHydrate) {
   component = undefined;
 } else if (isSsrDirty || hasIslandHtml) {
@@ -14088,6 +14223,13 @@ if (isHMR) {
 if (typeof window !== "undefined") {
   window.__SVELTE_COMPONENT__ = component;
   window.__SVELTE_UNMOUNT__ = function() { if (component) { unmount(component); } };
+  window.__ABSOLUTE_PAGE_READY__ = Promise.resolve();
+  window.__ABSOLUTE_PAGE_DISPOSE__ = function() {
+    if (component) { unmount(component); }
+    component = undefined;
+    window.__SVELTE_COMPONENT__ = undefined;
+    window.__SVELTE_UNMOUNT__ = undefined;
+  };
   window.__SVELTE_REMOUNT__ = function(props) {
     if (typeof window.__SVELTE_UNMOUNT__ === "function") {
       try { window.__SVELTE_UNMOUNT__(); } catch (err) { /* ignore */ }
@@ -14113,14 +14255,14 @@ if (typeof window !== "undefined") {
     setTimeout(releaseStreamingSlots, 0);
   }
 }`;
-    await mkdir8(dirname17(indexPath), { recursive: true });
+    await mkdir9(dirname18(indexPath), { recursive: true });
     return write2(indexPath, bootstrap);
   }));
   return {
     svelteClientPaths: roots.map(({ client: client2 }) => client2),
     svelteIndexPaths: componentRoots.map(({ client: client2 }) => {
-      const rel = dirname17(relative11(clientDir, client2));
-      return join33(indexDir, rel, basename10(client2));
+      const rel = dirname18(relative11(clientDir, client2));
+      return join34(indexDir, rel, basename10(client2));
     }),
     svelteServerPaths: roots.map(({ ssr }) => ssr)
   };
@@ -14135,7 +14277,7 @@ var init_compileSvelte = __esm(() => {
   init_lowerAwaitSlotSyntax();
   init_renderToReadableStream();
   devClientDir2 = resolveDevClientDir2();
-  hmrClientPath3 = join33(devClientDir2, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath3 = join34(devClientDir2, "hmrClient.ts").replace(/\\/g, "/");
   persistentCache = new Map;
   sourceHashCache = new Map;
   transpiler3 = new Transpiler2({ loader: "ts", target: "browser" });
@@ -14613,12 +14755,12 @@ __export(exports_compileVue, {
   clearVueHmrCaches: () => clearVueHmrCaches
 });
 import { existsSync as existsSync25, readFileSync as readFileSync22, realpathSync as realpathSync2 } from "fs";
-import { mkdir as mkdir9 } from "fs/promises";
+import { mkdir as mkdir10 } from "fs/promises";
 import {
   basename as basename11,
-  dirname as dirname18,
+  dirname as dirname19,
   isAbsolute as isAbsolute4,
-  join as join34,
+  join as join35,
   relative as relative12,
   resolve as resolve26
 } from "path";
@@ -14682,7 +14824,7 @@ var resolveDevClientDir3 = () => {
   visited.add(resolved);
   const importRegex = /@import\s+(?:url\(\s*)?(['"])(\.{1,2}\/[^'"]+)\1\s*\)?\s*;?/g;
   return cssContent.replace(importRegex, (match, _quote, relPath) => {
-    const importedPath = resolve26(dirname18(cssFilePath), relPath);
+    const importedPath = resolve26(dirname19(cssFilePath), relPath);
     if (!existsSync25(importedPath))
       return match;
     const importedContent = readFileSync22(importedPath, "utf-8");
@@ -14804,12 +14946,12 @@ const ${localName} = (source) => ${importedName}(
   const childComponentPaths = importPaths.filter((path) => path.startsWith(".") && path.endsWith(".vue"));
   const packageComponentPaths = Array.from(resolvedPackageVueImports.entries());
   const helperModulePaths = importPaths.filter((path) => path.startsWith(".") && !path.endsWith(".vue") && !isStylePath(path));
-  const stylePathsImported = importPaths.filter((path) => (path.startsWith(".") || isAbsolute4(path)) && isStylePath(path)).map((path) => isAbsolute4(path) ? path : resolve26(dirname18(sourceFilePath), path));
+  const stylePathsImported = importPaths.filter((path) => (path.startsWith(".") || isAbsolute4(path)) && isStylePath(path)).map((path) => isAbsolute4(path) ? path : resolve26(dirname19(sourceFilePath), path));
   for (const stylePath of stylePathsImported) {
     addStyleImporter(sourceFilePath, stylePath);
   }
   const childBuildResults = await Promise.all([
-    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve26(dirname18(sourceFilePath), relativeChildPath), outputDirs, cacheMap, false, vueRootDir, compiler, stylePreprocessors)),
+    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve26(dirname19(sourceFilePath), relativeChildPath), outputDirs, cacheMap, false, vueRootDir, compiler, stylePreprocessors)),
     ...packageComponentPaths.map(([, absolutePath]) => compileVueFile(absolutePath, outputDirs, cacheMap, false, vueRootDir, compiler, stylePreprocessors))
   ]);
   const hasScript = descriptor.script || descriptor.scriptSetup;
@@ -14824,7 +14966,7 @@ const ${localName} = (source) => ${importedName}(
     sourceMap: true
   }) : { bindings: {}, content: "export default {};", map: undefined };
   const strippedScript = stripExports2(compiledScript.content);
-  const sourceDir = dirname18(sourceFilePath);
+  const sourceDir = dirname19(sourceFilePath);
   const transpiledScript = transpiler4.transformSync(strippedScript).replace(/(['"])(\.{1,2}\/[^'"]+)(['"])/g, (_2, quoteStart, relativeImport, quoteEnd) => `${quoteStart}${toJs(relativeImport, sourceDir)}${quoteEnd}`);
   const packageImportRewrites = new Map;
   for (const [bareImport, absolutePath] of packageComponentPaths) {
@@ -14869,8 +15011,8 @@ const ${localName} = (source) => ${importedName}(
   ];
   let cssOutputPaths = [];
   if (isEntryPoint && allCss.length) {
-    const cssOutputFile = join34(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
-    await mkdir9(dirname18(cssOutputFile), { recursive: true });
+    const cssOutputFile = join35(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
+    await mkdir10(dirname19(cssOutputFile), { recursive: true });
     await write3(cssOutputFile, allCss.join(`
 `));
     cssOutputPaths = [cssOutputFile];
@@ -14900,21 +15042,21 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   };
   const clientCode = assembleModule(generateRenderFunction(false), "render", true) + islandMetadataExports;
   const serverCode = wrapServerAsyncComponentLoader(assembleModule(generateRenderFunction(true), "ssrRender", false)) + islandMetadataExports;
-  const clientOutputPath = join34(outputDirs.client, `${relativeWithoutExtension}.js`);
-  const serverOutputPath = join34(outputDirs.server, `${relativeWithoutExtension}.js`);
+  const clientOutputPath = join35(outputDirs.client, `${relativeWithoutExtension}.js`);
+  const serverOutputPath = join35(outputDirs.server, `${relativeWithoutExtension}.js`);
   const rewritePackageImports = (code, outputPath, mode) => {
     let result2 = code;
     for (const [bareImport, paths] of packageImportRewrites) {
       const targetPath = mode === "server" ? paths.server : paths.client;
-      let rel = relative12(dirname18(outputPath), targetPath).replace(/\\/g, "/");
+      let rel = relative12(dirname19(outputPath), targetPath).replace(/\\/g, "/");
       if (!rel.startsWith("."))
         rel = `./${rel}`;
       result2 = result2.replaceAll(bareImport, rel);
     }
     return result2;
   };
-  await mkdir9(dirname18(clientOutputPath), { recursive: true });
-  await mkdir9(dirname18(serverOutputPath), { recursive: true });
+  await mkdir10(dirname19(clientOutputPath), { recursive: true });
+  await mkdir10(dirname19(serverOutputPath), { recursive: true });
   const clientFinal = rewritePackageImports(clientCode, clientOutputPath, "client");
   const serverFinal = rewritePackageImports(serverCode, serverOutputPath, "server");
   const inlineSourceMapFor = (finalContent) => {
@@ -14937,7 +15079,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     serverPath: serverOutputPath,
     spaRoutes: spaRoutes.length > 0 ? spaRoutes : undefined,
     tsHelperPaths: [
-      ...helperModulePaths.map((helper) => resolveHelperTsPath(dirname18(sourceFilePath), helper)),
+      ...helperModulePaths.map((helper) => resolveHelperTsPath(dirname19(sourceFilePath), helper)),
       ...childBuildResults.flatMap((child) => child.tsHelperPaths)
     ]
   };
@@ -14947,15 +15089,15 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
 }, compileVue = async (entryPoints, vueRootDir, isDev2 = false, stylePreprocessors, ssrOnlyEntries) => {
   const compiler = await loadVueCompiler();
   const generatedDir = getFrameworkGeneratedDir("vue");
-  const clientOutputDir = join34(generatedDir, "client");
-  const indexOutputDir = join34(generatedDir, "indexes");
-  const serverOutputDir = join34(generatedDir, "server");
-  const cssOutputDir = join34(generatedDir, "compiled");
+  const clientOutputDir = join35(generatedDir, "client");
+  const indexOutputDir = join35(generatedDir, "indexes");
+  const serverOutputDir = join35(generatedDir, "server");
+  const cssOutputDir = join35(generatedDir, "compiled");
   await Promise.all([
-    mkdir9(clientOutputDir, { recursive: true }),
-    mkdir9(indexOutputDir, { recursive: true }),
-    mkdir9(serverOutputDir, { recursive: true }),
-    mkdir9(cssOutputDir, { recursive: true })
+    mkdir10(clientOutputDir, { recursive: true }),
+    mkdir10(indexOutputDir, { recursive: true }),
+    mkdir10(serverOutputDir, { recursive: true }),
+    mkdir10(cssOutputDir, { recursive: true })
   ]);
   const buildCache = new Map;
   const allTsHelperPaths = new Set;
@@ -14977,7 +15119,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       });
       const routes = parseVueSpaRoutes(descriptor.script?.content ?? "");
       for (const { importPath } of routes) {
-        const childPath = resolve26(dirname18(entryPath), importPath);
+        const childPath = resolve26(dirname19(entryPath), importPath);
         if (expanded.has(childPath) || !existsSync25(childPath)) {
           continue;
         }
@@ -15007,16 +15149,16 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       };
     }
     const entryBaseName = basename11(entryPath, ".vue");
-    const indexOutputFile = join34(indexOutputDir, `${entryBaseName}.js`);
-    const clientOutputFile = join34(clientOutputDir, relative12(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
-    await mkdir9(dirname18(indexOutputFile), { recursive: true });
+    const indexOutputFile = join35(indexOutputDir, `${entryBaseName}.js`);
+    const clientOutputFile = join35(clientOutputDir, relative12(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
+    await mkdir10(dirname19(indexOutputFile), { recursive: true });
     const vueHmrImports = isDev2 ? [
       `window.__HMR_FRAMEWORK__ = "vue";`,
       `import "${hmrClientPath4}";`
     ] : [];
     await write3(indexOutputFile, [
       ...vueHmrImports,
-      `import Comp, * as PageModule from "${relative12(dirname18(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
+      `import Comp, * as PageModule from "${relative12(dirname19(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
       'import { createSSRApp, createApp } from "vue";',
       "",
       "// HMR State Preservation: Check for preserved state from HMR",
@@ -15063,7 +15205,8 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       "// client-side navigation after mount.",
       'const isHMR = typeof window !== "undefined" && sessionStorage.getItem("__HMR_ACTIVE__");',
       'const isSsrDirty = typeof window !== "undefined" && window.__SSR_DIRTY__;',
-      'const shouldHydrate = typeof window === "undefined" ? false : !(isHMR || isSsrDirty || hasSpaRoutes);',
+      'const isClientRender = typeof window !== "undefined" && window.__ABSOLUTE_PAGE_RENDER_MODE__ === "client";',
+      'const shouldHydrate = typeof window === "undefined" ? false : !(isHMR || isSsrDirty || hasSpaRoutes || isClientRender);',
       "const app = shouldHydrate ? createSSRApp(Comp, mergedProps) : createApp(Comp, mergedProps);",
       "",
       "async function bootstrapApp() {",
@@ -15081,11 +15224,17 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       "  }",
       '  app.mount("#root");',
       "}",
-      "bootstrapApp();",
+      "const absolutePageReady = bootstrapApp();",
       "",
       "// Store app instance for HMR - used for manual component updates",
       'if (typeof window !== "undefined") {',
       "  window.__VUE_APP__ = app;",
+      "  window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;",
+      "  window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {",
+      "    await absolutePageReady;",
+      "    app.unmount();",
+      "    window.__VUE_APP__ = undefined;",
+      "  };",
       "}",
       "",
       "// Post-mount: Apply preserved state to reactive refs in component tree",
@@ -15171,7 +15320,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     if (!tsPath)
       continue;
     const sourceCode = await file3(tsPath).text();
-    const helperDir = dirname18(tsPath);
+    const helperDir = dirname19(tsPath);
     for (const dep of extractImports(sourceCode)) {
       if (!dep.startsWith(".") || isStylePath(dep) || dep.endsWith(".vue")) {
         continue;
@@ -15190,10 +15339,10 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     const transpiledCode = transpiler4.transformSync(sourceCode);
     const withMap = transpiledCode + inlineLineMapComment(tsPath, sourceCode, transpiledCode);
     const relativeJsPath = relative12(vueRootDir, tsPath).replace(/\.ts$/, ".js");
-    const outClientPath = join34(clientOutputDir, relativeJsPath);
-    const outServerPath = join34(serverOutputDir, relativeJsPath);
-    await mkdir9(dirname18(outClientPath), { recursive: true });
-    await mkdir9(dirname18(outServerPath), { recursive: true });
+    const outClientPath = join35(clientOutputDir, relativeJsPath);
+    const outServerPath = join35(serverOutputDir, relativeJsPath);
+    await mkdir10(dirname19(outClientPath), { recursive: true });
+    await mkdir10(dirname19(outServerPath), { recursive: true });
     await write3(outClientPath, withMap);
     await write3(outServerPath, withMap);
   }));
@@ -15223,7 +15372,7 @@ var init_compileVue = __esm(() => {
   init_vueAutoRouterTransform();
   init_stylePreprocessor();
   devClientDir3 = resolveDevClientDir3();
-  hmrClientPath4 = join34(devClientDir3, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath4 = join35(devClientDir3, "hmrClient.ts").replace(/\\/g, "/");
   transpiler4 = new Transpiler3({ loader: "ts", target: "browser" });
   scriptCache = new Map;
   scriptSetupCache = new Map;
@@ -15705,7 +15854,7 @@ __export(exports_compileAngular, {
   compileAngular: () => compileAngular
 });
 import { existsSync as existsSync26, readFileSync as readFileSync23, promises as fs5 } from "fs";
-import { join as join35, basename as basename12, sep as sep3, dirname as dirname19, resolve as resolve27, relative as relative13 } from "path";
+import { join as join36, basename as basename12, sep as sep3, dirname as dirname20, resolve as resolve27, relative as relative13 } from "path";
 var {Glob: Glob6 } = globalThis.Bun;
 import ts13 from "typescript";
 var traceAngularPhase = async (name, fn2, metadata2) => {
@@ -15748,10 +15897,10 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
     `${candidate}.tsx`,
     `${candidate}.js`,
     `${candidate}.jsx`,
-    join35(candidate, "index.ts"),
-    join35(candidate, "index.tsx"),
-    join35(candidate, "index.js"),
-    join35(candidate, "index.jsx")
+    join36(candidate, "index.ts"),
+    join36(candidate, "index.tsx"),
+    join36(candidate, "index.js"),
+    join36(candidate, "index.jsx")
   ];
   return candidates.find((file4) => existsSync26(file4));
 }, createLegacyAngularAnimationUsageResolver = (rootDir) => {
@@ -15823,7 +15972,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
     if (scan.usesLegacyAnimations)
       return true;
     for (const specifier of scan.imports) {
-      const importedPath = resolveLocalImport(specifier, dirname19(resolved));
+      const importedPath = resolveLocalImport(specifier, dirname20(resolved));
       if (importedPath && await visit(importedPath, visited)) {
         return true;
       }
@@ -15882,7 +16031,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
     return `${path.replace(/\.ts$/, ".js")}${query}`;
   if (hasJsLikeExtension(path))
     return `${path}${query}`;
-  const importerDir = dirname19(importerOutputPath);
+  const importerDir = dirname20(importerOutputPath);
   const fileCandidate = resolve27(importerDir, `${path}.js`);
   if (outputFiles?.has(fileCandidate) || existsSync26(fileCandidate)) {
     return `${path}.js${query}`;
@@ -15915,16 +16064,16 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
 }, resolveLocalTsImport = (fromFile, specifier) => {
   if (!isRelativeModuleSpecifier(specifier))
     return null;
-  const basePath = resolve27(dirname19(fromFile), specifier);
+  const basePath = resolve27(dirname20(fromFile), specifier);
   const candidates = /\.[cm]?[tj]sx?$/.test(basePath) ? [basePath] : [
     `${basePath}.ts`,
     `${basePath}.tsx`,
     `${basePath}.mts`,
     `${basePath}.cts`,
-    join35(basePath, "index.ts"),
-    join35(basePath, "index.tsx"),
-    join35(basePath, "index.mts"),
-    join35(basePath, "index.cts")
+    join36(basePath, "index.ts"),
+    join36(basePath, "index.tsx"),
+    join36(basePath, "index.mts"),
+    join36(basePath, "index.cts")
   ];
   return candidates.map((candidate) => resolve27(candidate)).find((candidate) => existsSync26(candidate) && !candidate.endsWith(".d.ts")) ?? null;
 }, readFileForAotTransform = async (fileName, readFile9) => {
@@ -15950,15 +16099,15 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
   const paths = [];
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1])
-    paths.push(join35(fileDir, templateUrlMatch[1]));
+    paths.push(join36(fileDir, templateUrlMatch[1]));
   const styleUrlMatch = findUncommentedMatch(source, /styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (styleUrlMatch?.[1])
-    paths.push(join35(fileDir, styleUrlMatch[1]));
+    paths.push(join36(fileDir, styleUrlMatch[1]));
   const styleUrlsMatch = findUncommentedMatch(source, /styleUrls\s*:\s*\[([^\]]+)\]/);
   const urlMatches = styleUrlsMatch?.[1]?.match(/['"]([^'"]+)['"]/g);
   if (urlMatches) {
     for (const urlMatch of urlMatches) {
-      paths.push(join35(fileDir, urlMatch.replace(/['"]/g, "")));
+      paths.push(join36(fileDir, urlMatch.replace(/['"]/g, "")));
     }
   }
   return paths.map((path) => resolve27(path));
@@ -15973,13 +16122,13 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
     return null;
   }
 }, writeResourceCacheFile = async (cachePath, source) => {
-  await fs5.mkdir(dirname19(cachePath), { recursive: true });
+  await fs5.mkdir(dirname20(cachePath), { recursive: true });
   await fs5.writeFile(cachePath, JSON.stringify({
     source,
     version: 1
   }), "utf-8");
 }, resolveResourceTransformCachePath = async (filePath, source, stylePreprocessors) => {
-  const resourcePaths = collectAngularResourcePaths(source, dirname19(filePath));
+  const resourcePaths = collectAngularResourcePaths(source, dirname20(filePath));
   const resourceContents = await Promise.all(resourcePaths.map(async (resourcePath) => {
     const content = await fs5.readFile(resourcePath, "utf-8");
     return `${resourcePath}\x00${content}`;
@@ -15992,7 +16141,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
     safeStableStringify(stylePreprocessors ?? null)
   ].join("\x00");
   const cacheKey2 = Bun.hash(cacheInput).toString(BASE_36_RADIX);
-  return join35(process.cwd(), ".absolutejs", "cache", "angular-resources", `${cacheKey2}.json`);
+  return join36(process.cwd(), ".absolutejs", "cache", "angular-resources", `${cacheKey2}.json`);
 }, precomputeAotResourceTransforms = async (inputPaths, readFile9, stylePreprocessors) => {
   const transformedSources = new Map;
   const visited = new Set;
@@ -16019,7 +16168,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
       transformedSource = cached.source;
     } else {
       stats.cacheMisses += 1;
-      const transformed = await inlineResources(source, dirname19(resolvedPath), stylePreprocessors);
+      const transformed = await inlineResources(source, dirname20(resolvedPath), stylePreprocessors);
       transformedSource = transformed.source;
       await writeResourceCacheFile(cachePath, transformedSource);
     }
@@ -16038,7 +16187,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
   return { stats, transformedSources };
 }, compileAngularFiles = async (inputPaths, outDir, stylePreprocessors) => {
   const islandMetadataByOutputPath = await traceAngularPhase("aot/island-metadata", () => new Map(inputPaths.map((inputPath) => {
-    const outputPath = resolve27(join35(outDir, relative13(process.cwd(), resolve27(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
+    const outputPath = resolve27(join36(outDir, relative13(process.cwd(), resolve27(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
     return [
       outputPath,
       buildIslandMetadataExports(readFileSync23(inputPath, "utf-8"))
@@ -16048,7 +16197,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
   const { readConfiguration, performCompilation, EmitFlags } = await traceAngularPhase("aot/import-compiler-cli", () => import("@angular/compiler-cli"));
   const tsLibDir = await traceAngularPhase("aot/resolve-typescript-lib", () => {
     const tsPath = __require.resolve("typescript");
-    const tsRootDir = dirname19(tsPath);
+    const tsRootDir = dirname20(tsPath);
     return tsRootDir.endsWith("lib") ? tsRootDir : resolve27(tsRootDir, "lib");
   });
   const config = await traceAngularPhase("aot/read-configuration", () => readConfiguration("./tsconfig.json"));
@@ -16085,7 +16234,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
   const originalGetSourceFile = host.getSourceFile;
   host.getSourceFile = (fileName, languageVersion, onError) => {
     if (fileName.startsWith("lib.") && fileName.endsWith(".d.ts") && tsLibDir) {
-      const resolvedPath = join35(tsLibDir, fileName);
+      const resolvedPath = join36(tsLibDir, fileName);
       return originalGetSourceFile?.call(host, resolvedPath, languageVersion, onError);
     }
     return originalGetSourceFile?.call(host, fileName, languageVersion, onError);
@@ -16140,7 +16289,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
   const entries = await traceAngularPhase("aot/postprocess-emitted-js", () => {
     const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
       content,
-      target: join35(outDir, fileName)
+      target: join36(outDir, fileName)
     }));
     const outputFiles = new Set(rawEntries.map(({ target }) => resolve27(target)));
     return rawEntries.map(({ content, target }) => {
@@ -16162,7 +16311,7 @@ var traceAngularPhase = async (name, fn2, metadata2) => {
     });
   });
   await traceAngularPhase("aot/write-output", () => Promise.all(entries.map(async ({ target, content }) => {
-    await fs5.mkdir(dirname19(target), { recursive: true });
+    await fs5.mkdir(dirname20(target), { recursive: true });
     await fs5.writeFile(target, content, "utf-8");
   })), { outputs: entries.length });
   return await traceAngularPhase("aot/collect-output-paths", () => entries.map(({ target }) => target), { outputs: entries.length });
@@ -16317,7 +16466,7 @@ ${fields}
 }, inlineTemplateAndLowerDefer = async (source, fileDir) => {
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
-    const templatePath = join35(fileDir, templateUrlMatch[1]);
+    const templatePath = join36(fileDir, templateUrlMatch[1]);
     if (!existsSync26(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
@@ -16348,7 +16497,7 @@ ${fields}
 }, inlineTemplateAndLowerDeferSync = (source, fileDir) => {
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
-    const templatePath = join35(fileDir, templateUrlMatch[1]);
+    const templatePath = join36(fileDir, templateUrlMatch[1]);
     if (!existsSync26(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
@@ -16385,7 +16534,7 @@ ${fields}
     return source;
   const stylePromises = urlMatches.map((urlMatch) => {
     const styleUrl = urlMatch.replace(/['"]/g, "");
-    return readAndEscapeFile(join35(fileDir, styleUrl), stylePreprocessors);
+    return readAndEscapeFile(join36(fileDir, styleUrl), stylePreprocessors);
   });
   const results = await Promise.all(stylePromises);
   const inlinedStyles = results.filter(Boolean).map((escaped) => `\`${escaped}\``);
@@ -16396,7 +16545,7 @@ ${fields}
   const styleUrlMatch = findUncommentedMatch(source, /styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (!styleUrlMatch?.[1])
     return source;
-  const escaped = await readAndEscapeFile(join35(fileDir, styleUrlMatch[1]), stylePreprocessors);
+  const escaped = await readAndEscapeFile(join36(fileDir, styleUrlMatch[1]), stylePreprocessors);
   if (!escaped)
     return source;
   return source.slice(0, styleUrlMatch.index) + `styles: [\`${escaped}\`]` + source.slice(styleUrlMatch.index + styleUrlMatch[0].length);
@@ -16492,10 +16641,10 @@ ${fields}
       `${candidate}.js`,
       `${candidate}.jsx`,
       `${candidate}.json`,
-      join35(candidate, "index.ts"),
-      join35(candidate, "index.tsx"),
-      join35(candidate, "index.js"),
-      join35(candidate, "index.jsx")
+      join36(candidate, "index.ts"),
+      join36(candidate, "index.tsx"),
+      join36(candidate, "index.js"),
+      join36(candidate, "index.jsx")
     ];
     return candidates.find((file4) => existsSync26(file4));
   };
@@ -16519,13 +16668,13 @@ ${fields}
     }
   };
   const toOutputPath = (sourcePath) => {
-    const inputDir = dirname19(sourcePath);
+    const inputDir = dirname20(sourcePath);
     const fileBase = basename12(sourcePath).replace(/\.[cm]?[tj]sx?$/, ".js");
     if (inputDir === outDir || inputDir.startsWith(`${outDir}${sep3}`)) {
-      return join35(inputDir, fileBase);
+      return join36(inputDir, fileBase);
     }
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
-    return join35(outDir, relativeDir, fileBase);
+    return join36(outDir, relativeDir, fileBase);
   };
   const withCacheBuster = (specifier) => {
     if (!cacheBuster)
@@ -16573,10 +16722,10 @@ ${fields}
       return;
     visited.add(resolved);
     if (resolved.endsWith(".json") && existsSync26(resolved)) {
-      const inputDir2 = dirname19(resolved);
+      const inputDir2 = dirname20(resolved);
       const relativeDir2 = inputDir2.startsWith(baseDir) ? inputDir2.substring(baseDir.length + 1) : inputDir2;
-      const targetDir2 = join35(outDir, relativeDir2);
-      const targetPath2 = join35(targetDir2, basename12(resolved));
+      const targetDir2 = join36(outDir, relativeDir2);
+      const targetPath2 = join36(targetDir2, basename12(resolved));
       await fs5.mkdir(targetDir2, { recursive: true });
       await fs5.copyFile(resolved, targetPath2);
       allOutputs.push(targetPath2);
@@ -16588,12 +16737,12 @@ ${fields}
     if (!existsSync26(actualPath))
       return;
     let sourceCode = await fs5.readFile(actualPath, "utf-8");
-    const inlined = await inlineResources(sourceCode, dirname19(actualPath), stylePreprocessors);
-    sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname19(actualPath)).source;
-    const inputDir = dirname19(actualPath);
+    const inlined = await inlineResources(sourceCode, dirname20(actualPath), stylePreprocessors);
+    sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname20(actualPath)).source;
+    const inputDir = dirname20(actualPath);
     const fileBase = basename12(actualPath).replace(/\.[cm]?[tj]sx?$/, ".js");
     const targetPath = toOutputPath(actualPath);
-    const targetDir = dirname19(targetPath);
+    const targetDir = dirname20(targetPath);
     const relativeDir = relative13(outDir, targetDir).replace(/\\/g, "/");
     const localImports = [];
     const importRewrites = new Map;
@@ -16655,7 +16804,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     return { clientPaths: [...emptyPaths], serverPaths: [...emptyPaths] };
   }
   const compiledRoot = compiledParent;
-  const indexesDir = join35(compiledParent, "indexes");
+  const indexesDir = join36(compiledParent, "indexes");
   await traceAngularPhase("setup/create-indexes-dir", () => fs5.mkdir(indexesDir, { recursive: true }));
   const aotOutputs = hmr ? [] : await traceAngularPhase("aot/compile-files", () => compileAngularFiles(entryPoints.map((entry) => resolve27(entry)), compiledRoot, stylePreprocessors), { entries: entryPoints.length });
   if (!hmr) {
@@ -16669,10 +16818,10 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         absolute: false,
         cwd: angularSrcDir
       })) {
-        const sourcePath = join35(angularSrcDir, rel);
+        const sourcePath = join36(angularSrcDir, rel);
         const cwdRel = relative13(cwd, sourcePath);
-        const targetPath = join35(compiledRoot, cwdRel);
-        await fs5.mkdir(dirname19(targetPath), { recursive: true });
+        const targetPath = join36(compiledRoot, cwdRel);
+        await fs5.mkdir(dirname20(targetPath), { recursive: true });
         await fs5.copyFile(sourcePath, targetPath);
       }
     });
@@ -16688,9 +16837,9 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     const fileBase = basename12(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
     const compiledFallbackPaths = [
-      join35(compiledRoot, relativeEntry),
-      join35(compiledRoot, "pages", jsName),
-      join35(compiledRoot, jsName)
+      join36(compiledRoot, relativeEntry),
+      join36(compiledRoot, "pages", jsName),
+      join36(compiledRoot, jsName)
     ].map((file4) => resolve27(file4));
     const resolveRawServerFile = (candidatePaths) => {
       const normalizedCandidates = [
@@ -16752,7 +16901,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     })() : "no-providers";
     const serverContentHash = `${Bun.hash(original).toString(BASE_36_RADIX)}.${Bun.hash(providersHashInput).toString(BASE_36_RADIX)}`;
     const cachedWrapper = wrapperOutputCache.get(resolvedEntry);
-    const clientFile = join35(indexesDir, jsName);
+    const clientFile = join36(indexesDir, jsName);
     if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync26(clientFile) && (usesLegacyAnimations || !original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__")) && (!usesLegacyAnimations || original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__"))) {
       return {
         clientPath: clientFile,
@@ -16787,10 +16936,10 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
           const angularDirAbs = resolve27(outRoot);
           const appSourceAbs = resolve27(providersInjection.appProvidersSource);
           const rel = relative13(angularDirAbs, appSourceAbs).replace(/\\/g, "/");
-          return join35(compiledParent, rel).replace(/\.[cm]?[tj]sx?$/, ".js");
+          return join36(compiledParent, rel).replace(/\.[cm]?[tj]sx?$/, ".js");
         })();
         const appProvidersSpec = (() => {
-          const rel = relative13(dirname19(rawServerFile), compiledAppProvidersPath).replace(/\\/g, "/");
+          const rel = relative13(dirname20(rawServerFile), compiledAppProvidersPath).replace(/\\/g, "/");
           return rel.startsWith(".") ? rel : `./${rel}`;
         })();
         importLines.push(`import { appProviders as __abs_globalProviders } from "${appProvidersSpec}";`);
@@ -16838,6 +16987,7 @@ var requestContext = Object.prototype.hasOwnProperty.call(window, '__ABS_ANGULAR
 var pageHasIslands = Boolean(pageModule.__ABSOLUTE_PAGE_HAS_ISLANDS__) || Boolean(document.querySelector('[data-island="true"]'));
 var pageHasRawStreamingSlots = Boolean(document.querySelector('[data-absolute-raw-slot="true"]'));
 var pageHasStreamingSlots = Boolean(document.querySelector('[data-absolute-slot="true"]'));
+var isClientRender = window.__ABSOLUTE_PAGE_RENDER_MODE__ === 'client';
 var contextProviders = [{ provide: REQUEST_CONTEXT, useValue: requestContext }];
 // Page-level providers are injected directly into the page module's
 // server output by \`compileAngular\`'s providers-injection step
@@ -16888,13 +17038,14 @@ if (!document.querySelector(_sel)) {
 }
 var providers = [provideZonelessChangeDetection()];
-if (!window.__HMR_SKIP_HYDRATION__ && !pageHasIslands) {
+if (!isClientRender && !window.__HMR_SKIP_HYDRATION__ && !pageHasIslands) {
     providers.push(provideClientHydration(withHttpTransferCacheOptions(absoluteHttpTransferCacheOptions)));
 }
 delete window.__HMR_SKIP_HYDRATION__;
 providers.push.apply(providers, pageProviders);
 providers.push.apply(providers, contextProviders);
 window.__ABS_SLOT_HYDRATION_PENDING__ = pageHasRawStreamingSlots;
+var absolutePageReady = Promise.resolve();
 if (pageHasRawStreamingSlots) {
     window.__ABS_SLOT_HYDRATION_PENDING__ = false;
@@ -16904,7 +17055,7 @@ if (pageHasRawStreamingSlots) {
         });
     }
 } else {
-    bootstrapApplication(${componentClassName}, {
+    absolutePageReady = bootstrapApplication(${componentClassName}, {
         providers: providers
     }).then(function (appRef) {
         window.__ANGULAR_APP__ = appRef;
@@ -16914,8 +17065,17 @@ if (pageHasRawStreamingSlots) {
                 window.__ABS_SLOT_FLUSH__();
             });
         }
+        return appRef;
     });
 }
+window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
+window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
+    await absolutePageReady;
+    if (window.__ANGULAR_APP__) {
+        window.__ANGULAR_APP__.destroy();
+        window.__ANGULAR_APP__ = null;
+    }
+};
 `.trim() : `
 import '@angular/compiler';
 import { bootstrapApplication } from '@angular/platform-browser';
@@ -16934,6 +17094,7 @@ var requestContext = Object.prototype.hasOwnProperty.call(window, '__ABS_ANGULAR
 var pageHasIslands = Boolean(pageModule.__ABSOLUTE_PAGE_HAS_ISLANDS__) || Boolean(document.querySelector('[data-island="true"]'));
 var pageHasRawStreamingSlots = Boolean(document.querySelector('[data-absolute-raw-slot="true"]'));
 var pageHasStreamingSlots = Boolean(document.querySelector('[data-absolute-slot="true"]'));
+var isClientRender = window.__ABSOLUTE_PAGE_RENDER_MODE__ === 'client';
 var contextProviders = [{ provide: REQUEST_CONTEXT, useValue: requestContext }];
 // Page-level providers are injected directly into the page module's
 // server output by \`compileAngular\`'s providers-injection step
@@ -16953,11 +17114,21 @@ var absoluteHttpTransferCacheOptions = {
 enableProdMode();
+// Production mobile/client-only activation starts from AbsoluteJS's empty
+// #root shell rather than server-rendered Angular markup. Create the page's
+// actual Angular host from its compiled selector so application authors do
+// not need framework-specific mobile configuration.
+var _sel = ${componentClassName}.\u0275cmp?.selectors?.[0]?.[0] || 'ng-app';
+if (!document.querySelector(_sel)) {
+    (document.getElementById('root') || document.body).appendChild(document.createElement(_sel));
+}
 var providers = [provideZonelessChangeDetection()].concat(pageProviders).concat(contextProviders);
-if (!pageHasIslands) {
+if (!isClientRender && !pageHasIslands) {
     providers.unshift(provideClientHydration(withHttpTransferCacheOptions(absoluteHttpTransferCacheOptions)));
 }
 window.__ABS_SLOT_HYDRATION_PENDING__ = pageHasRawStreamingSlots;
+var absolutePageReady = Promise.resolve();
 if (pageHasRawStreamingSlots) {
     window.__ABS_SLOT_HYDRATION_PENDING__ = false;
@@ -16967,7 +17138,7 @@ if (pageHasRawStreamingSlots) {
         });
     }
 } else {
-    bootstrapApplication(${componentClassName}, {
+    absolutePageReady = bootstrapApplication(${componentClassName}, {
         providers: providers
     }).then(function (appRef) {
         window.__ANGULAR_APP__ = appRef;
@@ -16977,8 +17148,17 @@ if (pageHasRawStreamingSlots) {
                 window.__ABS_SLOT_FLUSH__();
             });
         }
+        return appRef;
     });
 }
+window.__ABSOLUTE_PAGE_READY__ = absolutePageReady;
+window.__ABSOLUTE_PAGE_DISPOSE__ = async function() {
+    await absolutePageReady;
+    if (window.__ANGULAR_APP__) {
+        window.__ANGULAR_APP__.destroy();
+        window.__ANGULAR_APP__ = null;
+    }
+};
 `.trim();
     const indexHash = Bun.hash(hydration).toString(BASE_36_RADIX);
     const indexUnchanged = cachedWrapper?.indexHash === indexHash;
@@ -17011,7 +17191,7 @@ var init_compileAngular = __esm(() => {
   init_stylePreprocessor();
   init_generatedDir();
   devClientDir4 = resolveDevClientDir4();
-  hmrClientPath5 = join35(devClientDir4, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath5 = join36(devClientDir4, "hmrClient.ts").replace(/\\/g, "/");
   jitContentCache = new Map;
   wrapperOutputCache = new Map;
   PROVIDERS_INJECTION_BLOCK_RE = /\n\/\* __ABS_PROVIDERS_INJECTION_START \*\/[\s\S]*?\/\* __ABS_PROVIDERS_INJECTION_END \*\/\n?/;
@@ -17736,7 +17916,7 @@ __export(exports_fastHmrCompiler, {
   invalidateFingerprintCache: () => invalidateFingerprintCache
 });
 import { existsSync as existsSync27, readFileSync as readFileSync24, statSync as statSync2 } from "fs";
-import { dirname as dirname20, extname as extname8, relative as relative14, resolve as resolve28 } from "path";
+import { dirname as dirname21, extname as extname8, relative as relative14, resolve as resolve28 } from "path";
 import ts17 from "typescript";
 var fail = (reason, detail, location) => ({
   detail,
@@ -17866,7 +18046,7 @@ var fail = (reason, detail, location) => ({
         continue;
       const decoratorMeta = readDecoratorMeta(args);
       const { inputs, outputs } = extractInputsAndOutputs(stmt, null);
-      const componentDir = dirname20(componentFilePath);
+      const componentDir = dirname21(componentFilePath);
       const fingerprint = extractFingerprint(stmt, className, decoratorMeta, inputs, outputs, sourceFile, componentDir);
       fingerprintCache.set(id, fingerprint);
     } else {
@@ -18847,7 +19027,7 @@ var fail = (reason, detail, location) => ({
     });
     if (!names.includes(className))
       continue;
-    const nextDts = resolveDtsFromSpec(fromPath, dirname20(startDtsPath));
+    const nextDts = resolveDtsFromSpec(fromPath, dirname21(startDtsPath));
     if (!nextDts)
       continue;
     const found = findDtsContainingClass(nextDts, className, visited);
@@ -18857,7 +19037,7 @@ var fail = (reason, detail, location) => ({
   const starReExportRe = /export\s*\*\s*from\s*["']([^"']+)["']/g;
   while ((item = starReExportRe.exec(content)) !== null) {
     const fromPath = item[1] || "";
-    const nextDts = resolveDtsFromSpec(fromPath, dirname20(startDtsPath));
+    const nextDts = resolveDtsFromSpec(fromPath, dirname21(startDtsPath));
     if (!nextDts)
       continue;
     const found = findDtsContainingClass(nextDts, className, visited);
@@ -19458,7 +19638,7 @@ ${block}
       rebootstrapRequired: false
     };
   }
-  if (inheritsDecoratedClass(classNode, sourceFile, dirname20(componentFilePath), projectRoot)) {
+  if (inheritsDecoratedClass(classNode, sourceFile, dirname21(componentFilePath), projectRoot)) {
     return fail("inherits-decorated-class");
   }
   const decorator = findComponentDecorator(classNode);
@@ -19470,7 +19650,7 @@ ${block}
   const projectDefaults = readProjectAngularCompilerOptions(projectRoot);
   const decoratorMeta = readDecoratorMeta(decoratorArgs, projectDefaults);
   const advancedMetadata = extractAdvancedMetadata(classNode, decoratorArgs, compiler);
-  const componentDir = dirname20(componentFilePath);
+  const componentDir = dirname21(componentFilePath);
   let templateText;
   let templatePath;
   if (decoratorMeta.template !== null) {
@@ -20240,7 +20420,7 @@ __export(exports_compileEmber, {
   getEmberServerCompiledDir: () => getEmberServerCompiledDir,
   getEmberCompiledRoot: () => getEmberCompiledRoot,
   getEmberClientCompiledDir: () => getEmberClientCompiledDir,
-  dirname: () => dirname21,
+  dirname: () => dirname22,
   compileEmberFileSource: () => compileEmberFileSource,
   compileEmberFile: () => compileEmberFile,
   compileEmber: () => compileEmber,
@@ -20248,8 +20428,8 @@ __export(exports_compileEmber, {
   basename: () => basename13
 });
 import { existsSync as existsSync28 } from "fs";
-import { mkdir as mkdir10, rm as rm7 } from "fs/promises";
-import { basename as basename13, dirname as dirname21, extname as extname9, join as join36, resolve as resolve29 } from "path";
+import { mkdir as mkdir11, rm as rm8 } from "fs/promises";
+import { basename as basename13, dirname as dirname22, extname as extname9, join as join37, resolve as resolve29 } from "path";
 var {build: bunBuild2, Transpiler: Transpiler4, write: write4, file: file4 } = globalThis.Bun;
 var cachedPreprocessor = null, getPreprocessor = async () => {
   if (cachedPreprocessor)
@@ -20345,7 +20525,7 @@ export const importSync = (specifier) => {
         const originalImporter = stagedSourceMap.get(args.importer);
         if (!originalImporter)
           return;
-        const candidateBase = resolve29(dirname21(originalImporter), args.path);
+        const candidateBase = resolve29(dirname22(originalImporter), args.path);
         const extensionsToTry = ["", ".gts", ".gjs", ".ts", ".js"];
         for (const ext of extensionsToTry) {
           const candidate = candidateBase + ext;
@@ -20368,7 +20548,7 @@ export const importSync = (specifier) => {
     build2.onResolve({ filter: /^@(?:ember|glimmer|simple-dom)\// }, (args) => {
       if (standalonePackages.has(args.path))
         return;
-      const internal = join36(cwd, "node_modules/ember-source/dist/packages", args.path, "index.js");
+      const internal = join37(cwd, "node_modules/ember-source/dist/packages", args.path, "index.js");
       if (existsSync28(internal))
         return { path: internal };
       return;
@@ -20416,16 +20596,16 @@ export default PageComponent;
   }
   const transpiled = transpiler5.transformSync(preprocessed);
   const baseName = basename13(resolvedEntry).replace(/\.(gjs|gts|ts|js)$/, "");
-  const tmpDir = join36(compiledRoot, "_tmp");
-  const serverDir = join36(compiledRoot, "server");
-  const clientDir = join36(compiledRoot, "client");
+  const tmpDir = join37(compiledRoot, "_tmp");
+  const serverDir = join37(compiledRoot, "server");
+  const clientDir = join37(compiledRoot, "client");
   await Promise.all([
-    mkdir10(tmpDir, { recursive: true }),
-    mkdir10(serverDir, { recursive: true }),
-    mkdir10(clientDir, { recursive: true })
+    mkdir11(tmpDir, { recursive: true }),
+    mkdir11(serverDir, { recursive: true }),
+    mkdir11(clientDir, { recursive: true })
   ]);
-  const tmpPagePath = resolve29(join36(tmpDir, `${baseName}.module.js`));
-  const tmpHarnessPath = resolve29(join36(tmpDir, `${baseName}.harness.js`));
+  const tmpPagePath = resolve29(join37(tmpDir, `${baseName}.module.js`));
+  const tmpHarnessPath = resolve29(join37(tmpDir, `${baseName}.harness.js`));
   await Promise.all([
     write4(tmpPagePath, transpiled),
     write4(tmpHarnessPath, generateServerHarness(tmpPagePath))
@@ -20433,7 +20613,7 @@ export default PageComponent;
   const stagedSourceMap = new Map([
     [tmpPagePath, resolvedEntry]
   ]);
-  const serverPath = join36(serverDir, `${baseName}.js`);
+  const serverPath = join37(serverDir, `${baseName}.js`);
   const buildResult = await bunBuild2({
     entrypoints: [tmpHarnessPath],
     format: "esm",
@@ -20449,8 +20629,8 @@ export default PageComponent;
   if (!buildResult.success) {
     console.warn(`\u26A0\uFE0F Ember server build for ${baseName} had errors:`, buildResult.logs);
   }
-  await rm7(tmpDir, { force: true, recursive: true });
-  const clientPath = join36(clientDir, `${baseName}.js`);
+  await rm8(tmpDir, { force: true, recursive: true });
+  const clientPath = join37(clientDir, `${baseName}.js`);
   await write4(clientPath, transpiled);
   return { clientPath, serverPath };
 }, compileEmber = async (entries, emberDir, cwd = process.cwd(), _hmr = false) => {
@@ -20478,7 +20658,7 @@ export default PageComponent;
     preprocessed = rewriteTemplateEvalToScope(result.code);
   }
   return transpiler5.transformSync(preprocessed);
-}, clearEmberCompilerCache = () => {}, getEmberCompiledRoot = (_emberDir) => getFrameworkGeneratedDir("ember"), getEmberServerCompiledDir = (emberDir) => join36(getEmberCompiledRoot(emberDir), "server"), getEmberClientCompiledDir = (emberDir) => join36(getEmberCompiledRoot(emberDir), "client");
+}, clearEmberCompilerCache = () => {}, getEmberCompiledRoot = (_emberDir) => getFrameworkGeneratedDir("ember"), getEmberServerCompiledDir = (emberDir) => join37(getEmberCompiledRoot(emberDir), "server"), getEmberClientCompiledDir = (emberDir) => join37(getEmberCompiledRoot(emberDir), "client");
 var init_compileEmber = __esm(() => {
   init_generatedDir();
   transpiler5 = new Transpiler4({
@@ -20500,8 +20680,8 @@ __export(exports_buildReactVendor, {
   buildReactVendor: () => buildReactVendor
 });
 import { existsSync as existsSync29, mkdirSync as mkdirSync8 } from "fs";
-import { join as join37, resolve as resolve30 } from "path";
-import { rm as rm8 } from "fs/promises";
+import { join as join38, resolve as resolve30 } from "path";
+import { rm as rm9 } from "fs/promises";
 var {build: bunBuild3 } = globalThis.Bun;
 var resolveJsxDevRuntimeCompatPath = () => {
   const candidates = [
@@ -20550,14 +20730,14 @@ var resolveJsxDevRuntimeCompatPath = () => {
 `)}
 `;
 }, buildReactVendor = async (buildDir) => {
-  const vendorDir = join37(buildDir, "react", "vendor");
+  const vendorDir = join38(buildDir, "react", "vendor");
   mkdirSync8(vendorDir, { recursive: true });
-  const tmpDir = join37(buildDir, "_vendor_tmp");
+  const tmpDir = join38(buildDir, "_vendor_tmp");
   mkdirSync8(tmpDir, { recursive: true });
   const specifiers = reactSpecifiers;
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName(specifier);
-    const entryPath = join37(tmpDir, `${safeName}.ts`);
+    const entryPath = join38(tmpDir, `${safeName}.ts`);
     const source = await generateEntrySource(specifier);
     await Bun.write(entryPath, source);
     return entryPath;
@@ -20572,7 +20752,7 @@ var resolveJsxDevRuntimeCompatPath = () => {
     target: "browser",
     throw: false
   });
-  await rm8(tmpDir, { force: true, recursive: true });
+  await rm9(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F React vendor build had errors:", result.logs);
   }
@@ -20625,8 +20805,8 @@ __export(exports_buildAngularVendor, {
   buildAngularServerVendor: () => buildAngularServerVendor
 });
 import { mkdirSync as mkdirSync9 } from "fs";
-import { join as join38 } from "path";
-import { rm as rm9 } from "fs/promises";
+import { join as join39 } from "path";
+import { rm as rm10 } from "fs/promises";
 var {build: bunBuild4, Glob: Glob7 } = globalThis.Bun;
 var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => jitMode ? [...REQUIRED_ANGULAR_SPECIFIERS_BASE, "@angular/compiler"] : REQUIRED_ANGULAR_SPECIFIERS_BASE, SERVER_ONLY_ANGULAR_SPECIFIERS, BUILD_ONLY_ANGULAR_SPECIFIER_PREFIXES, isBuildOnlyAngularSpecifier = (spec) => BUILD_ONLY_ANGULAR_SPECIFIER_PREFIXES.some((prefix) => spec === prefix || spec.startsWith(`${prefix}/`)), SCAN_SKIP_DIRS, isResolvable = (specifier) => {
   try {
@@ -20722,14 +20902,14 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   await collectTransitiveAngularSpecs([...angular, ...transitiveRoots], angular);
   return Array.from(angular).filter(isResolvable);
 }, buildAngularVendor = async (buildDir, directories = [], linkerJitMode = false, depVendorSpecifiers = []) => {
-  const vendorDir = join38(buildDir, "angular", "vendor");
+  const vendorDir = join39(buildDir, "angular", "vendor");
   mkdirSync9(vendorDir, { recursive: true });
-  const tmpDir = join38(buildDir, "_angular_vendor_tmp");
+  const tmpDir = join39(buildDir, "_angular_vendor_tmp");
   mkdirSync9(tmpDir, { recursive: true });
   const specifiers = await resolveAngularSpecifiers(directories, linkerJitMode);
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName2(specifier);
-    const entryPath = join38(tmpDir, `${safeName}.ts`);
+    const entryPath = join39(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return entryPath;
   }));
@@ -20745,7 +20925,7 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
     target: "browser",
     throw: false
   });
-  await rm9(tmpDir, { force: true, recursive: true });
+  await rm10(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Angular vendor build had errors:", result.logs);
   }
@@ -20760,9 +20940,9 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   const specifiers = await resolveAngularSpecifiers(directories, linkerJitMode);
   return computeAngularVendorPaths(specifiers);
 }, buildAngularServerVendor = async (buildDir, directories = [], linkerJitMode = false) => {
-  const vendorDir = join38(buildDir, "angular", "vendor", "server");
+  const vendorDir = join39(buildDir, "angular", "vendor", "server");
   mkdirSync9(vendorDir, { recursive: true });
-  const tmpDir = join38(buildDir, "_angular_server_vendor_tmp");
+  const tmpDir = join39(buildDir, "_angular_server_vendor_tmp");
   mkdirSync9(tmpDir, { recursive: true });
   const browserSpecs = await resolveAngularSpecifiers(directories, linkerJitMode);
   const allSpecs = new Set(browserSpecs);
@@ -20773,7 +20953,7 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   const specifiers = Array.from(allSpecs);
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName2(specifier);
-    const entryPath = join38(tmpDir, `${safeName}.ts`);
+    const entryPath = join39(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return entryPath;
   }));
@@ -20788,16 +20968,16 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
     target: "bun",
     throw: false
   });
-  await rm9(tmpDir, { force: true, recursive: true });
+  await rm10(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Angular server vendor build had errors:", result.logs);
   }
   return specifiers;
 }, computeAngularServerVendorPaths = (buildDir, specifiers) => {
   const paths = {};
-  const vendorDir = join38(buildDir, "angular", "vendor", "server");
+  const vendorDir = join39(buildDir, "angular", "vendor", "server");
   for (const specifier of specifiers) {
-    paths[specifier] = join38(vendorDir, `${toSafeFileName2(specifier)}.js`);
+    paths[specifier] = join39(vendorDir, `${toSafeFileName2(specifier)}.js`);
   }
   return paths;
 }, computeAngularServerVendorPathsAsync = async (buildDir, directories = [], linkerJitMode = true) => {
@@ -20853,17 +21033,17 @@ __export(exports_buildVueVendor, {
   buildVueVendor: () => buildVueVendor
 });
 import { mkdirSync as mkdirSync10 } from "fs";
-import { join as join39 } from "path";
-import { rm as rm10 } from "fs/promises";
+import { join as join40 } from "path";
+import { rm as rm11 } from "fs/promises";
 var {build: bunBuild5 } = globalThis.Bun;
 var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"), buildVueVendor = async (buildDir) => {
-  const vendorDir = join39(buildDir, "vue", "vendor");
+  const vendorDir = join40(buildDir, "vue", "vendor");
   mkdirSync10(vendorDir, { recursive: true });
-  const tmpDir = join39(buildDir, "_vue_vendor_tmp");
+  const tmpDir = join40(buildDir, "_vue_vendor_tmp");
   mkdirSync10(tmpDir, { recursive: true });
   const entrypoints = await Promise.all(vueSpecifiers.map(async (specifier) => {
     const safeName = toSafeFileName3(specifier);
-    const entryPath = join39(tmpDir, `${safeName}.ts`);
+    const entryPath = join40(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, `export * from '${specifier}';
 `);
     return entryPath;
@@ -20883,7 +21063,7 @@ var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"
     target: "browser",
     throw: false
   });
-  await rm10(tmpDir, { force: true, recursive: true });
+  await rm11(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Vue vendor build had errors:", result.logs);
     return;
@@ -20891,7 +21071,7 @@ var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"
   const { readFileSync: readFileSync25, writeFileSync: writeFileSync9, readdirSync: readdirSync5 } = await import("fs");
   const files = readdirSync5(vendorDir).filter((f2) => f2.endsWith(".js"));
   for (const file5 of files) {
-    const filePath = join39(vendorDir, file5);
+    const filePath = join40(vendorDir, file5);
     const content = readFileSync25(filePath, "utf-8");
     if (!content.includes("__VUE_HMR_RUNTIME__"))
       continue;
@@ -20918,8 +21098,8 @@ __export(exports_buildSvelteVendor, {
   buildSvelteVendor: () => buildSvelteVendor
 });
 import { mkdirSync as mkdirSync11 } from "fs";
-import { join as join40 } from "path";
-import { rm as rm11 } from "fs/promises";
+import { join as join41 } from "path";
+import { rm as rm12 } from "fs/promises";
 var {build: bunBuild6 } = globalThis.Bun;
 var svelteSpecifiers, isResolvable2 = (specifier) => {
   try {
@@ -20932,13 +21112,13 @@ var svelteSpecifiers, isResolvable2 = (specifier) => {
   const specifiers = resolveVendorSpecifiers();
   if (specifiers.length === 0)
     return;
-  const vendorDir = join40(buildDir, "svelte", "vendor");
+  const vendorDir = join41(buildDir, "svelte", "vendor");
   mkdirSync11(vendorDir, { recursive: true });
-  const tmpDir = join40(buildDir, "_svelte_vendor_tmp");
+  const tmpDir = join41(buildDir, "_svelte_vendor_tmp");
   mkdirSync11(tmpDir, { recursive: true });
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName4(specifier);
-    const entryPath = join40(tmpDir, `${safeName}.ts`);
+    const entryPath = join41(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, `export * from '${specifier}';
 `);
     return entryPath;
@@ -20953,7 +21133,7 @@ var svelteSpecifiers, isResolvable2 = (specifier) => {
     target: "browser",
     throw: false
   });
-  await rm11(tmpDir, { force: true, recursive: true });
+  await rm12(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Svelte vendor build had errors:", result.logs);
   }
@@ -20989,7 +21169,7 @@ import {
   statSync as statSync3,
   writeFileSync as writeFileSync9
 } from "fs";
-import { basename as basename14, dirname as dirname22, extname as extname10, join as join41, relative as relative15, resolve as resolve31 } from "path";
+import { basename as basename14, dirname as dirname23, extname as extname10, join as join42, relative as relative15, resolve as resolve31 } from "path";
 import { cwd, env as env3, exit } from "process";
 var {build: bunBuild7, Glob: Glob8 } = globalThis.Bun;
 var isBuildTraceEnabled = () => {
@@ -21123,8 +21303,8 @@ ${offenders.map((o3) => `  \u2022 ${o3}`).join(`
   mkdirSync12(htmxDestDir, { recursive: true });
   const glob = new Glob8("htmx*.min.js");
   for (const relPath of glob.scanSync({ cwd: htmxDir })) {
-    const src = join41(htmxDir, relPath);
-    const dest = join41(htmxDestDir, "htmx.min.js");
+    const src = join42(htmxDir, relPath);
+    const dest = join42(htmxDestDir, "htmx.min.js");
     copyFileSync2(src, dest);
     return;
   }
@@ -21201,7 +21381,7 @@ ${offenders.map((o3) => `  \u2022 ${o3}`).join(`
   vuePagesPath
 }) => {
   const { readdirSync: readDir } = await import("fs");
-  const devIndexDir = join41(buildPath, "_src_indexes");
+  const devIndexDir = join42(buildPath, "_src_indexes");
   mkdirSync12(devIndexDir, { recursive: true });
   if (reactIndexesPath && reactPagesPath) {
     copyReactDevIndexes(reactIndexesPath, reactPagesPath, devIndexDir, readDir);
@@ -21219,35 +21399,35 @@ ${offenders.map((o3) => `  \u2022 ${o3}`).join(`
   const indexFiles = readDir(reactIndexesPath).filter((file5) => file5.endsWith(".tsx"));
   const pagesRel = relative15(process.cwd(), resolve31(reactPagesPath)).replace(/\\/g, "/");
   for (const file5 of indexFiles) {
-    let content = readFileSync25(join41(reactIndexesPath, file5), "utf-8");
+    let content = readFileSync25(join42(reactIndexesPath, file5), "utf-8");
     content = content.replace(/from\s*['"]([^'"]*\/pages\/([^'"]+))['"]/g, (_match, _fullPath, componentName) => `from '/@src/${pagesRel}/${componentName}'`);
-    writeFileSync9(join41(devIndexDir, file5), content);
+    writeFileSync9(join42(devIndexDir, file5), content);
   }
 }, copySvelteDevIndexes = (svelteDir, sveltePagesPath, svelteEntries, devIndexDir) => {
-  const svelteIndexDir = join41(getFrameworkGeneratedDir("svelte"), "indexes");
+  const svelteIndexDir = join42(getFrameworkGeneratedDir("svelte"), "indexes");
   const sveltePageEntries = svelteEntries.filter((file5) => resolve31(file5).startsWith(resolve31(sveltePagesPath)));
   for (const entry of sveltePageEntries) {
     const name = basename14(entry).replace(/\.svelte(\.(ts|js))?$/, "");
-    const indexFile = join41(svelteIndexDir, "pages", `${name}.js`);
+    const indexFile = join42(svelteIndexDir, "pages", `${name}.js`);
     if (!existsSync30(indexFile))
       continue;
     let content = readFileSync25(indexFile, "utf-8");
     const srcRel = relative15(process.cwd(), resolve31(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Component\s+from\s+['"]([^'"]+)['"]/, `import Component from "/@src/${srcRel}"`);
-    writeFileSync9(join41(devIndexDir, `${name}.svelte.js`), content);
+    writeFileSync9(join42(devIndexDir, `${name}.svelte.js`), content);
   }
 }, copyVueDevIndexes = (vueDir, vuePagesPath, vueEntries, devIndexDir) => {
-  const vueIndexDir = join41(getFrameworkGeneratedDir("vue"), "indexes");
+  const vueIndexDir = join42(getFrameworkGeneratedDir("vue"), "indexes");
   const vuePageEntries = vueEntries.filter((file5) => resolve31(file5).startsWith(resolve31(vuePagesPath)));
   for (const entry of vuePageEntries) {
     const name = basename14(entry, ".vue");
-    const indexFile = join41(vueIndexDir, `${name}.js`);
+    const indexFile = join42(vueIndexDir, `${name}.js`);
     if (!existsSync30(indexFile))
       continue;
     let content = readFileSync25(indexFile, "utf-8");
     const srcRel = relative15(process.cwd(), resolve31(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Comp(?:\s*,\s*\*\s+as\s+\w+)?\s+from\s+['"]([^'"]+)['"]/, (match) => match.replace(/from\s+['"][^'"]+['"]/, `from "/@src/${srcRel}"`));
-    writeFileSync9(join41(devIndexDir, `${name}.vue.js`), content);
+    writeFileSync9(join42(devIndexDir, `${name}.vue.js`), content);
   }
 }, resolveVueRuntimeId = (content, firstUseName, outputPath, projectRoot) => {
   const varIdx = content.indexOf(`var ${firstUseName} =`);
@@ -21396,6 +21576,8 @@ ${content.slice(firstUseIdx)}`;
   };
   const result = {
     ...merged,
+    banner: [base.banner, sanitized.banner].filter(Boolean).join(`
+`) || undefined,
     define: base.define || sanitized.define ? {
       ...sanitized.define ?? {},
       ...base.define ?? {}
@@ -21417,6 +21599,7 @@ ${content.slice(firstUseIdx)}`;
   htmxDirectory,
   angularDirectory,
   emberDirectory,
+  pwa,
   svelteDirectory,
   vueDirectory,
   stylesConfig,
@@ -21482,10 +21665,10 @@ ${content.slice(firstUseIdx)}`;
       restoreTracePhase();
       return;
     }
-    const traceDir = join41(buildPath2, ".absolute-trace");
+    const traceDir = join42(buildPath2, ".absolute-trace");
     const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
     mkdirSync12(traceDir, { recursive: true });
-    writeFileSync9(join41(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
+    writeFileSync9(join42(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
       events: traceEvents,
       frameworks: traceFrameworkNames,
       generatedAt: new Date().toISOString(),
@@ -21516,16 +21699,16 @@ ${content.slice(firstUseIdx)}`;
   const stylesPath = typeof stylesConfig === "string" ? stylesConfig : stylesConfig?.path;
   const stylesIgnore = typeof stylesConfig === "object" ? stylesConfig.ignore : undefined;
   const stylesDir = stylesPath && validateSafePath(stylesPath, projectRoot);
-  const reactIndexesPath = reactDir && join41(getFrameworkGeneratedDir("react"), "indexes");
-  const reactPagesPath = reactDir && join41(reactDir, "pages");
-  const htmlPagesPath = htmlDir && join41(htmlDir, "pages");
-  const htmlScriptsPath = htmlDir && join41(htmlDir, "scripts");
-  const sveltePagesPath = svelteDir && join41(svelteDir, "pages");
-  const vuePagesPath = vueDir && join41(vueDir, "pages");
-  const htmxPagesPath = htmxDir && join41(htmxDir, "pages");
-  const htmxScriptsPath = htmxDir && join41(htmxDir, "scripts");
-  const angularPagesPath = angularDir && join41(angularDir, "pages");
-  const emberPagesPath = emberDir && join41(emberDir, "pages");
+  const reactIndexesPath = reactDir && join42(getFrameworkGeneratedDir("react"), "indexes");
+  const reactPagesPath = reactDir && join42(reactDir, "pages");
+  const htmlPagesPath = htmlDir && join42(htmlDir, "pages");
+  const htmlScriptsPath = htmlDir && join42(htmlDir, "scripts");
+  const sveltePagesPath = svelteDir && join42(svelteDir, "pages");
+  const vuePagesPath = vueDir && join42(vueDir, "pages");
+  const htmxPagesPath = htmxDir && join42(htmxDir, "pages");
+  const htmxScriptsPath = htmxDir && join42(htmxDir, "scripts");
+  const angularPagesPath = angularDir && join42(angularDir, "pages");
+  const emberPagesPath = emberDir && join42(emberDir, "pages");
   const frontends = [
     reactDir,
     htmlDir,
@@ -21550,13 +21733,15 @@ ${content.slice(firstUseIdx)}`;
     framework: frameworkNames[0],
     frameworks: frameworkNames,
     mode: mode ?? (isDev2 ? "development" : "production"),
+    pwa: Boolean(pwa),
+    pwaSync: Boolean(pwa?.sync),
     tailwind: Boolean(tailwind)
   });
   const generatedRoot = getGeneratedRoot(projectRoot);
   const sourceClientRoots = [
     htmlDir,
     htmxDir,
-    islandBootstrapPath && dirname22(islandBootstrapPath)
+    islandBootstrapPath && dirname23(islandBootstrapPath)
   ].filter((dir) => Boolean(dir));
   const usesGenerated = Boolean(reactDir) || Boolean(svelteDir) || Boolean(vueDir) || Boolean(angularDir);
   if (usesGenerated)
@@ -21584,8 +21769,8 @@ ${content.slice(firstUseIdx)}`;
     const [firstEntry] = serverDirMap;
     if (!firstEntry)
       throw new Error("Expected at least one server directory entry");
-    serverRoot = join41(firstEntry.dir, firstEntry.subdir);
-    serverOutDir = join41(buildPath, basename14(firstEntry.dir));
+    serverRoot = join42(firstEntry.dir, firstEntry.subdir);
+    serverOutDir = join42(buildPath, basename14(firstEntry.dir));
   } else if (serverDirMap.length > 1) {
     serverRoot = commonAncestor(serverDirMap.map((entry) => entry.dir), projectRoot);
     serverOutDir = buildPath;
@@ -21594,6 +21779,12 @@ ${content.slice(firstUseIdx)}`;
   await tracePhase("build-dir/create", () => mkdirSync12(buildPath, { recursive: true }));
   if (publicPath)
     await tracePhase("public/copy", () => cpSync(publicPath, buildPath, { force: true, recursive: true }));
+  const pwaArtifacts = pwa ? await tracePhase("pwa/materialize", () => materializeAbsolutePwa({
+    buildPath,
+    config: pwa,
+    generatedRoot,
+    write: !isIncremental
+  })) : undefined;
   const filterToIncrementalEntries = (entryPoints, mapToSource) => {
     if (!isIncremental || !incrementalFiles)
       return entryPoints;
@@ -21613,7 +21804,7 @@ ${content.slice(firstUseIdx)}`;
     await tracePhase("react/index-generation", () => generateReactIndexFiles(reactPagesPath, reactIndexesPath, hmr));
   }
   if (assetsPath && (!isIncremental || normalizedIncrementalFiles?.some((f2) => f2.includes("/assets/")))) {
-    await tracePhase("assets/copy", () => cpSync(assetsPath, join41(buildPath, "assets"), {
+    await tracePhase("assets/copy", () => cpSync(assetsPath, join42(buildPath, "assets"), {
       force: true,
       recursive: true
     }));
@@ -21727,11 +21918,11 @@ ${content.slice(firstUseIdx)}`;
     }
   }
   if (htmlDefaults.error || htmlDefaults.notFound || htmlDefaults.loading || Object.keys(htmlPages).length > 0) {
-    const htmlConventionsOutDir = join41(buildPath, "conventions", "html");
+    const htmlConventionsOutDir = join42(buildPath, "conventions", "html");
     mkdirSync12(htmlConventionsOutDir, { recursive: true });
     const htmlPathRemap = new Map;
     for (const sourcePath of htmlConventionSources) {
-      const dest = join41(htmlConventionsOutDir, basename14(sourcePath));
+      const dest = join42(htmlConventionsOutDir, basename14(sourcePath));
       cpSync(sourcePath, dest, { force: true });
       htmlPathRemap.set(sourcePath, dest);
     }
@@ -21774,7 +21965,7 @@ ${content.slice(firstUseIdx)}`;
   const reactEntries = isIncremental && reactIndexesPath && reactPagesPath ? filterToIncrementalEntries(allReactEntries, (entry) => {
     if (entry.startsWith(resolve31(reactIndexesPath))) {
       const pageName = basename14(entry, ".tsx");
-      return join41(reactPagesPath, `${pageName}.tsx`);
+      return join42(reactPagesPath, `${pageName}.tsx`);
     }
     return null;
   }) : allReactEntries;
@@ -21970,7 +22161,7 @@ ${content.slice(firstUseIdx)}`;
     const compileReactConventions = async () => {
       if (reactConventionSources.length === 0)
         return emptyStringArray;
-      const destDir = join41(buildPath, "conventions", "react");
+      const destDir = join42(buildPath, "conventions", "react");
       rmSync2(destDir, { force: true, recursive: true });
       mkdirSync12(destDir, { recursive: true });
       const destPaths = await Promise.all(reactConventionSources.map(async (source, idx) => {
@@ -21985,7 +22176,7 @@ ${content.slice(firstUseIdx)}`;
             stylePreprocessorPlugin2,
             createBunStringRawUnicodePlugin()
           ],
-          root: dirname22(source),
+          root: dirname23(source),
           target: "bun",
           throw: false,
           tsconfig: "./tsconfig.json"
@@ -22013,7 +22204,7 @@ ${content.slice(firstUseIdx)}`;
       angularConventionSources.length > 0 && angularDir ? tracePhase("compile/convention-angular", () => Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularConventionSources, angularDir, hmr, styleTransformConfig))) : { serverPaths: emptyStringArray }
     ]);
     const bundleConventionFiles = async (framework, compiledPaths) => {
-      const destDir = join41(buildPath, "conventions", framework);
+      const destDir = join42(buildPath, "conventions", framework);
       rmSync2(destDir, { force: true, recursive: true });
       mkdirSync12(destDir, { recursive: true });
       const destPaths = await Promise.all(compiledPaths.map(async (compiledPath, idx) => {
@@ -22074,7 +22265,7 @@ ${content.slice(firstUseIdx)}`;
     ...islandBootstrapPath ? [islandBootstrapPath] : []
   ];
   const [onlyWorkerClientEntry] = urlReferencedFiles;
-  const workerClientRoot = urlReferencedFiles.length === 1 && onlyWorkerClientEntry ? dirname22(onlyWorkerClientEntry) : commonAncestor(urlReferencedFiles.map((file5) => dirname22(file5)), projectRoot);
+  const workerClientRoot = urlReferencedFiles.length === 1 && onlyWorkerClientEntry ? dirname23(onlyWorkerClientEntry) : commonAncestor(urlReferencedFiles.map((file5) => dirname23(file5)), projectRoot);
   const islandEntryResult = islandBuildInfo ? await tracePhase("islands/client-entry-generation", () => generateIslandEntryPoints({
     buildInfo: islandBuildInfo,
     buildPath,
@@ -22085,7 +22276,7 @@ ${content.slice(firstUseIdx)}`;
     }
   })) : {
     entries: [],
-    generatedRoot: join41(buildPath, "_island_entries")
+    generatedRoot: join42(buildPath, "_island_entries")
   };
   const islandClientEntryPoints = islandEntryResult.entries.map((entry) => entry.entryPath);
   if (serverEntryPoints.length === 0 && reactClientEntryPoints.length === 0 && nonReactClientEntryPoints.length === 0 && urlReferencedFiles.length === 0 && islandClientEntryPoints.length === 0 && htmxDir === undefined && htmlDir === undefined) {
@@ -22121,7 +22312,7 @@ ${content.slice(firstUseIdx)}`;
     return {};
   }
   if (hmr && reactIndexesPath && reactClientEntryPoints.length > 0) {
-    const refreshEntry = join41(reactIndexesPath, "_refresh.tsx");
+    const refreshEntry = join42(reactIndexesPath, "_refresh.tsx");
     if (!reactClientEntryPoints.includes(refreshEntry))
       reactClientEntryPoints.push(refreshEntry);
   }
@@ -22210,6 +22401,7 @@ ${content.slice(firstUseIdx)}`;
   const svelteResolveConditions = svelteDir ? ["svelte", "main"] : undefined;
   const htmlScriptPlugin = hmr ? createHTMLScriptHMRPlugin(htmlDir, htmxDir) : undefined;
   const reactBuildConfig = reactClientEntryPoints.length > 0 ? mergeBunBuildConfig({
+    banner: pwaArtifacts?.bootstrapBanner,
     entrypoints: reactClientEntryPoints,
     ...Object.keys(reactExternalPaths).length > 0 ? { external: Object.keys(reactExternalPaths) } : {},
     format: "esm",
@@ -22231,19 +22423,19 @@ ${content.slice(firstUseIdx)}`;
     throw: false
   }, resolveBunBuildOverride(bunBuildConfig, "reactClient")) : undefined;
   if (reactDir && reactClientEntryPoints.length > 0) {
-    rmSync2(join41(buildPath, "react", "generated", "indexes"), {
+    rmSync2(join42(buildPath, "react", "generated", "indexes"), {
       force: true,
       recursive: true
     });
   }
   if (angularDir && angularClientPaths.length > 0) {
-    rmSync2(join41(buildPath, "angular", "indexes"), {
+    rmSync2(join42(buildPath, "angular", "indexes"), {
       force: true,
       recursive: true
     });
   }
   if (islandClientEntryPoints.length > 0) {
-    rmSync2(join41(buildPath, "islands"), {
+    rmSync2(join42(buildPath, "islands"), {
       force: true,
       recursive: true
     });
@@ -22280,6 +22472,7 @@ ${content.slice(firstUseIdx)}`;
     }, resolveBunBuildOverride(bunBuildConfig, "server")))) : undefined,
     reactBuildConfig ? tracePhase("bun/react-client", () => bunBuild7(reactBuildConfig)) : undefined,
     nonReactClientEntryPoints.length > 0 ? tracePhase("bun/non-react-client", () => bunBuild7(mergeBunBuildConfig({
+      banner: pwaArtifacts?.bootstrapBanner,
       conditions: svelteResolveConditions,
       define: vueDirectory ? vueFeatureFlags : undefined,
       entrypoints: nonReactClientEntryPoints,
@@ -22325,6 +22518,7 @@ ${content.slice(firstUseIdx)}`;
       tsconfig: "./tsconfig.json"
     }, resolveBunBuildOverride(bunBuildConfig, "nonReactClient")))) : undefined,
     islandClientEntryPoints.length > 0 ? tracePhase("bun/island-client", () => bunBuild7(mergeBunBuildConfig({
+      banner: pwaArtifacts?.bootstrapBanner,
       conditions: svelteResolveConditions,
       define: vueDirectory ? vueFeatureFlags : undefined,
       entrypoints: islandClientEntryPoints,
@@ -22355,7 +22549,7 @@ ${content.slice(firstUseIdx)}`;
     globalCssEntries.length > 0 ? tracePhase("bun/global-css", () => bunBuild7(mergeBunBuildConfig({
       entrypoints: globalCssEntries,
       naming: `[dir]/[name].[hash].[ext]`,
-      outdir: stylesDir ? join41(buildPath, basename14(stylesDir)) : buildPath,
+      outdir: stylesDir ? join42(buildPath, basename14(stylesDir)) : buildPath,
       plugins: [stylePreprocessorPlugin2],
       root: stylesDir || clientRoot,
       target: "browser",
@@ -22364,7 +22558,7 @@ ${content.slice(firstUseIdx)}`;
     vueCssPaths.length > 0 ? tracePhase("bun/vue-css", () => bunBuild7(mergeBunBuildConfig({
       entrypoints: vueCssPaths,
       naming: `[name].[hash].[ext]`,
-      outdir: join41(buildPath, assetsPath ? basename14(assetsPath) : "assets", "css"),
+      outdir: join42(buildPath, assetsPath ? basename14(assetsPath) : "assets", "css"),
       target: "browser",
       throw: false
     }, resolveBunBuildOverride(bunBuildConfig, "vueCss")))) : undefined
@@ -22388,15 +22582,15 @@ ${content.slice(firstUseIdx)}`;
   }
   if (!isDev2 && resolveClientSourcemap(sourcemaps, isDev2) === "external") {
     const { chainExternalSourcemap: chainExternalSourcemap2 } = await Promise.resolve().then(() => (init_chainInlineSourcemaps(), exports_chainInlineSourcemaps));
-    const sourcemapDir = join41(projectRoot, "sourcemaps");
+    const sourcemapDir = join42(projectRoot, "sourcemaps");
     mkdirSync12(sourcemapDir, { recursive: true });
     const mapFiles = readdirSync5(buildPath, {
       encoding: "utf8",
       recursive: true
-    }).filter((entry) => entry.endsWith(".js.map") && !entry.includes("node_modules")).map((entry) => join41(buildPath, entry));
+    }).filter((entry) => entry.endsWith(".js.map") && !entry.includes("node_modules")).map((entry) => join42(buildPath, entry));
     for (const mapPath of mapFiles) {
       chainExternalSourcemap2(mapPath);
-      renameSync(mapPath, join41(sourcemapDir, basename14(mapPath)));
+      renameSync(mapPath, join42(sourcemapDir, basename14(mapPath)));
       const jsPath = mapPath.slice(0, -4);
       try {
         const javascript = readFileSync25(jsPath, "utf-8").replace(/\n?\/\/# sourceMappingURL=[^\n]*\s*$/, `
@@ -22470,7 +22664,7 @@ ${content.slice(firstUseIdx)}`;
     await tracePhase("postprocess/island-vendor-imports", () => rewriteBuildOutputs2(islandClientOutputs, allIslandVendorPaths));
   }
   if (!hmr) {
-    const reactVendorDir = join41(buildPath, "react", "vendor");
+    const reactVendorDir = join42(buildPath, "react", "vendor");
     const vendorChunkPaths = existsSync30(reactVendorDir) ? [
       ...new Glob8("**/*.js").scanSync({
         absolute: true,
@@ -22487,7 +22681,7 @@ ${content.slice(firstUseIdx)}`;
   if (serverOutputs.length > 0 && angularServerVendorPaths2 && Object.keys(angularServerVendorPaths2).length > 0) {
     const { rewriteBuildOutputsWith: rewriteBuildOutputsWith2 } = await Promise.resolve().then(() => (init_rewriteImportsPlugin(), exports_rewriteImportsPlugin));
     await tracePhase("postprocess/server-angular-vendor-imports", () => rewriteBuildOutputsWith2(serverOutputs, (artifact) => {
-      const fileDir = dirname22(artifact.path);
+      const fileDir = dirname23(artifact.path);
       const relativePaths = {};
       for (const [specifier, absolute] of Object.entries(angularServerVendorPaths2)) {
         const rel = relative15(fileDir, absolute);
@@ -22626,7 +22820,7 @@ ${content.slice(firstUseIdx)}`;
   const processHtmlPages = async () => {
     if (!(htmlDir && htmlPagesPath))
       return;
-    const outputHtmlPages = isSingle ? join41(buildPath, "pages") : join41(buildPath, basename14(htmlDir), "pages");
+    const outputHtmlPages = isSingle ? join42(buildPath, "pages") : join42(buildPath, basename14(htmlDir), "pages");
     mkdirSync12(outputHtmlPages, { recursive: true });
     cpSync(htmlPagesPath, outputHtmlPages, {
       force: true,
@@ -22641,6 +22835,10 @@ ${content.slice(firstUseIdx)}`;
     for (const htmlFile of htmlPageFiles) {
       if (hmr)
         injectHMRIntoHTMLFile(htmlFile, "html");
+      if (pwaArtifacts) {
+        const source = readFileSync25(htmlFile, "utf8");
+        writeFileSync9(htmlFile, injectPwaBootstrapHtml(source));
+      }
       const fileName = basename14(htmlFile, ".html");
       if (manifest[fileName] && manifest[fileName] !== htmlFile) {
         warnManifestKeyCollision(fileName, manifest[fileName], htmlFile);
@@ -22651,14 +22849,14 @@ ${content.slice(firstUseIdx)}`;
   const processHtmxPages = async () => {
     if (!(htmxDir && htmxPagesPath))
       return;
-    const outputHtmxPages = isSingle ? join41(buildPath, "pages") : join41(buildPath, basename14(htmxDir), "pages");
+    const outputHtmxPages = isSingle ? join42(buildPath, "pages") : join42(buildPath, basename14(htmxDir), "pages");
     mkdirSync12(outputHtmxPages, { recursive: true });
     cpSync(htmxPagesPath, outputHtmxPages, {
       force: true,
       recursive: true
     });
     if (shouldCopyHtmx) {
-      const htmxDestDir = isSingle ? buildPath : join41(buildPath, basename14(htmxDir));
+      const htmxDestDir = isSingle ? buildPath : join42(buildPath, basename14(htmxDir));
       copyHtmxVendor(htmxDir, htmxDestDir);
     }
     if (shouldUpdateHtmxAssetPaths) {
@@ -22670,6 +22868,10 @@ ${content.slice(firstUseIdx)}`;
     for (const htmxFile of htmxPageFiles) {
       if (hmr)
         injectHMRIntoHTMLFile(htmxFile, "htmx");
+      if (pwaArtifacts) {
+        const source = readFileSync25(htmxFile, "utf8");
+        writeFileSync9(htmxFile, injectPwaBootstrapHtml(source));
+      }
       const fileName = basename14(htmxFile, ".html");
       if (manifest[fileName] && manifest[fileName] !== htmxFile) {
         warnManifestKeyCollision(fileName, manifest[fileName], htmxFile);
@@ -22719,7 +22921,9 @@ ${content.slice(firstUseIdx)}`;
   sendTelemetryEvent("build:complete", {
     durationMs: Math.round(performance.now() - buildStart),
     frameworks: frameworkNames,
-    mode: mode ?? (isDev2 ? "development" : "production")
+    mode: mode ?? (isDev2 ? "development" : "production"),
+    pwa: Boolean(pwa),
+    pwaSync: Boolean(pwa?.sync)
   });
   const [reactSpaHosts, svelteSpaHosts, vueSpaHosts, angularSpaHosts] = await Promise.all([
     reactDir ? Promise.resolve().then(() => (init_staticAnalyzeSpaRoutes2(), exports_staticAnalyzeSpaRoutes2)).then((module) => module.analyzeReactSpaRoutes(reactDir)) : [],
@@ -22743,7 +22947,7 @@ ${content.slice(firstUseIdx)}`;
     }))
   ];
   setSpaRouteManifest(spaRouteHosts);
-  writeFileSync9(join41(buildPath, "spa-routes.json"), JSON.stringify(spaRouteHosts, null, "\t"));
+  writeFileSync9(join42(buildPath, "spa-routes.json"), JSON.stringify(spaRouteHosts, null, "\t"));
   if (isIncremental) {
     writeBuildTrace(buildPath);
     return {
@@ -22752,9 +22956,9 @@ ${content.slice(firstUseIdx)}`;
       manifest
     };
   }
-  writeFileSync9(join41(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
+  writeFileSync9(join42(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
   if (Object.keys(conventionsMap).length > 0) {
-    writeFileSync9(join41(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
+    writeFileSync9(join42(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
   }
   writeBuildTrace(buildPath);
   if (mode === "production") {
@@ -22825,6 +23029,7 @@ var init_build = __esm(() => {
   init_logger();
   init_validateSafePath();
   init_spaRouteManifest();
+  init_pwa();
   REACT_VENDOR_SPECIFIERS = [
     "react-dom/client",
     "react-refresh/runtime",
@@ -22887,8 +23092,8 @@ var init_build = __esm(() => {
 // src/build/buildEmberVendor.ts
 import { mkdirSync as mkdirSync13, existsSync as existsSync31 } from "fs";
-import { join as join42 } from "path";
-import { rm as rm12 } from "fs/promises";
+import { join as join43 } from "path";
+import { rm as rm13 } from "fs/promises";
 var {build: bunBuild8 } = globalThis.Bun;
 var toSafeFileName5 = (specifier) => specifier.replace(/^@/, "").replace(/\//g, "_"), generateMacrosShim = () => `// Generated shim for @embroider/macros \u2014 provides minimal runtime
 // implementations for macros that would normally be replaced at
@@ -22939,7 +23144,7 @@ export const importSync = (specifier) => {
   if (standaloneSpecifiers.has(specifier)) {
     return { resolveTo: specifier, specifier };
   }
-  const emberInternalPath = join42(cwd2, "node_modules/ember-source/dist/packages", specifier, "index.js");
+  const emberInternalPath = join43(cwd2, "node_modules/ember-source/dist/packages", specifier, "index.js");
   if (!existsSync31(emberInternalPath)) {
     throw new Error(`Ember vendor build: cannot find ${specifier} at ${emberInternalPath}. ` + `Is ember-source installed and at least 6.12?`);
   }
@@ -22971,7 +23176,7 @@ export const importSync = (specifier) => {
       if (standalonePackages.has(args.path)) {
         return;
       }
-      const internal = join42(cwd2, "node_modules/ember-source/dist/packages", args.path, "index.js");
+      const internal = join43(cwd2, "node_modules/ember-source/dist/packages", args.path, "index.js");
       if (existsSync31(internal)) {
         return { path: internal };
       }
@@ -22979,16 +23184,16 @@ export const importSync = (specifier) => {
     });
   }
 }), buildEmberVendor = async (buildDir, cwd2 = process.cwd()) => {
-  const vendorDir = join42(buildDir, "ember", "vendor");
+  const vendorDir = join43(buildDir, "ember", "vendor");
   mkdirSync13(vendorDir, { recursive: true });
-  const tmpDir = join42(buildDir, "_ember_vendor_tmp");
+  const tmpDir = join43(buildDir, "_ember_vendor_tmp");
   mkdirSync13(tmpDir, { recursive: true });
-  const macrosShimPath = join42(tmpDir, "embroider_macros_shim.js");
+  const macrosShimPath = join43(tmpDir, "embroider_macros_shim.js");
   await Bun.write(macrosShimPath, generateMacrosShim());
   const resolutions = REQUIRED_EMBER_SPECIFIERS.map((specifier) => resolveEmberSpecifier(specifier, cwd2));
   const entrypoints = await Promise.all(resolutions.map(async (resolution) => {
     const safeName = toSafeFileName5(resolution.specifier);
-    const entryPath = join42(tmpDir, `${safeName}.js`);
+    const entryPath = join43(tmpDir, `${safeName}.js`);
     const source = resolution.specifier === "@embroider/macros" ? `export * from ${JSON.stringify(macrosShimPath)};
 ` : generateVendorEntrySource2(resolution);
     await Bun.write(entryPath, source);
@@ -23005,7 +23210,7 @@ export const importSync = (specifier) => {
     target: "browser",
     throw: false
   });
-  await rm12(tmpDir, { force: true, recursive: true });
+  await rm13(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Ember vendor build had errors:", result.logs);
   }
@@ -23436,6 +23641,7 @@ var init_configResolver = () => {};
 var createHMRState = (config) => ({
   activeFrameworks: new Set,
   assetStore: new Map,
+  clientTargets: new Map,
   config,
   connectedClients: new Set,
   debounceTimeout: null,
@@ -23471,7 +23677,7 @@ var init_clientManager = __esm(() => {
 // src/dev/pathUtils.ts
 import { existsSync as existsSync33, readdirSync as readdirSync6, readFileSync as readFileSync27 } from "fs";
-import { dirname as dirname23, resolve as resolve34 } from "path";
+import { dirname as dirname24, resolve as resolve34 } from "path";
 var STYLE_EXTENSION_PATTERN2, detectFramework = (filePath, resolved) => {
   if (shouldIgnorePath(filePath, resolved)) {
     return "ignored";
@@ -23599,10 +23805,10 @@ var STYLE_EXTENSION_PATTERN2, detectFramework = (filePath, resolved) => {
             refs.push(strMatch[1]);
         }
       }
-      const componentDir = dirname23(full);
+      const componentDir = dirname24(full);
       for (const ref of refs) {
         const refAbs = normalizePath2(resolve34(componentDir, ref));
-        const refDir = normalizePath2(dirname23(refAbs));
+        const refDir = normalizePath2(dirname24(refAbs));
         if (refDir === angularRootNormalized || refDir.startsWith(`${angularRootNormalized}/`)) {
           continue;
         }
@@ -23738,7 +23944,7 @@ var init_pathUtils = __esm(() => {
 // src/dev/fileWatcher.ts
 import { watch } from "fs";
 import { existsSync as existsSync34, readdirSync as readdirSync7, statSync as statSync4 } from "fs";
-import { dirname as dirname24, join as join43, resolve as resolve35 } from "path";
+import { dirname as dirname25, join as join44, resolve as resolve35 } from "path";
 var safeRemoveFromGraph = (graph, fullPath) => {
   try {
     removeFileFromGraph(graph, fullPath);
@@ -23770,7 +23976,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
     for (const name of entries) {
       if (shouldSkipFilename(name, isStylesDir))
         continue;
-      const child = join43(eventDir, name).replace(/\\/g, "/");
+      const child = join44(eventDir, name).replace(/\\/g, "/");
       let st2;
       try {
         st2 = statSync4(child);
@@ -23791,7 +23997,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
       return;
     if (shouldSkipFilename(filename, isStylesDir)) {
       if (event === "rename") {
-        const eventDir = dirname24(join43(absolutePath, filename)).replace(/\\/g, "/");
+        const eventDir = dirname25(join44(absolutePath, filename)).replace(/\\/g, "/");
         atomicRecoveryScan(eventDir);
         for (const delay of [25, 100]) {
           const timer = setTimeout(() => atomicRecoveryScan(eventDir), delay);
@@ -23800,7 +24006,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
       }
       return;
     }
-    const fullPath = join43(absolutePath, filename).replace(/\\/g, "/");
+    const fullPath = join44(absolutePath, filename).replace(/\\/g, "/");
     if (shouldIgnorePath(fullPath, state.resolvedPaths)) {
       return;
     }
@@ -24179,7 +24385,7 @@ var init_moduleMapper = __esm(() => {
 // src/utils/spaRouteCss.ts
 import { readFile as readFile9 } from "fs/promises";
-import { dirname as dirname25, isAbsolute as isAbsolute5, resolve as resolve39 } from "path";
+import { dirname as dirname26, isAbsolute as isAbsolute5, resolve as resolve39 } from "path";
 var sideManifestCache, readSideManifest = async (sideManifestPath) => {
   const cached = sideManifestCache.get(sideManifestPath);
   if (cached !== undefined)
@@ -24217,7 +24423,7 @@ var sideManifestCache, readSideManifest = async (sideManifestPath) => {
 }, readChildCss = async (cssPath, sideManifestPath) => {
   if (!cssPath)
     return "";
-  const resolvedCssPath = isAbsolute5(cssPath) ? cssPath : resolve39(dirname25(sideManifestPath), cssPath);
+  const resolvedCssPath = isAbsolute5(cssPath) ? cssPath : resolve39(dirname26(sideManifestPath), cssPath);
   const cached = childCssCache.get(resolvedCssPath);
   if (cached !== undefined)
     return cached;
@@ -24301,7 +24507,7 @@ __export(exports_resolveOwningComponents, {
   invalidateResourceIndex: () => invalidateResourceIndex
 });
 import { readdirSync as readdirSync8, readFileSync as readFileSync29, statSync as statSync5 } from "fs";
-import { dirname as dirname26, extname as extname11, join as join44, resolve as resolve40 } from "path";
+import { dirname as dirname27, extname as extname11, join as join45, resolve as resolve40 } from "path";
 import ts18 from "typescript";
 var ENTITY_DECORATORS, isAngularSourceFile = (file5) => file5.endsWith(".ts") || file5.endsWith(".tsx"), walkAngularSourceFiles = (root) => {
   const out = [];
@@ -24316,7 +24522,7 @@ var ENTITY_DECORATORS, isAngularSourceFile = (file5) => file5.endsWith(".ts") ||
       if (entry.name.startsWith(".") || entry.name === "node_modules") {
         continue;
       }
-      const full = join44(dir, entry.name);
+      const full = join45(dir, entry.name);
       if (entry.isDirectory()) {
         visit(full);
       } else if (entry.isFile() && isAngularSourceFile(entry.name)) {
@@ -24455,7 +24661,7 @@ var ENTITY_DECORATORS, isAngularSourceFile = (file5) => file5.endsWith(".ts") ||
     return null;
   }
   const sourceFile = ts18.createSourceFile(childFilePath, source, ts18.ScriptTarget.ES2022, true, ts18.ScriptKind.TS);
-  const childDir = dirname26(childFilePath);
+  const childDir = dirname27(childFilePath);
   for (const stmt of sourceFile.statements) {
     if (!ts18.isImportDeclaration(stmt))
       continue;
@@ -24512,7 +24718,7 @@ var ENTITY_DECORATORS, isAngularSourceFile = (file5) => file5.endsWith(".ts") ||
   const parentFile = new Map;
   for (const tsPath of walkAngularSourceFiles(userAngularRoot)) {
     const classes = parseDecoratedClasses(tsPath);
-    const componentDir = dirname26(tsPath);
+    const componentDir = dirname27(tsPath);
     for (const cls of classes) {
       const entity = {
         className: cls.className,
@@ -24626,6 +24832,7 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
   });
   clientsToRemove.forEach((client2) => {
     state.connectedClients.delete(client2);
+    state.clientTargets.delete(client2);
   });
 }, handleClientConnect = (state, client2, manifest) => {
   state.connectedClients.add(client2);
@@ -24666,6 +24873,7 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
   }
 }, handleClientDisconnect = (state, client2) => {
   state.connectedClients.delete(client2);
+  state.clientTargets.delete(client2);
 }, parseJsonSafe = (raw) => JSON.parse(raw), parseMessage = (message) => {
   if (typeof message === "string") {
     return parseJsonSafe(message);
@@ -24695,11 +24903,13 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
     case "request-rebuild":
       break;
     case "ready":
+      state.clientTargets.set(client2, normalizedHmrTarget(data.target));
       if (data.framework) {
         state.activeFrameworks.add(data.framework);
       }
       break;
     case "hmr-timing": {
+      state.clientTargets.set(client2, normalizedHmrTarget(data.target));
       const update = typeof data.updateId === "number" ? state.hmrUpdates.get(data.updateId) : undefined;
       logHmrClientUpdate(update?.path ?? state.lastHmrPath ?? "", update?.framework ?? state.lastHmrFramework, data.duration, normalizedHmrTarget(data.target), data.serverMs, data.clientMs, data.outcome, data.kind);
       sendTelemetryEvent("hmr:client-applied", {
@@ -24760,7 +24970,7 @@ __export(exports_moduleServer, {
   SRC_URL_PREFIX: () => SRC_URL_PREFIX
 });
 import { existsSync as existsSync35, readFileSync as readFileSync30, realpathSync as realpathSync3, statSync as statSync6 } from "fs";
-import { basename as basename16, dirname as dirname27, extname as extname12, join as join45, resolve as resolve41, relative as relative16 } from "path";
+import { basename as basename16, dirname as dirname28, extname as extname12, join as join46, resolve as resolve41, relative as relative16 } from "path";
 var SRC_PREFIX = "/@src/", BROWSER_DEFINE, jsTranspiler2, legacyDecoratorTsconfig, tsTranspiler2, tsxTranspiler, TRANSPILABLE, ALL_EXPORTS_RE, STRING_CONTENTS_RE, preserveTypeExports = (originalSource, transpiled, valueExports) => {
   const codeOnly = originalSource.replace(STRING_CONTENTS_RE, '""');
   const allExports = [];
@@ -24843,7 +25053,7 @@ ${stubs}
       const subpath = isScoped ? parts.slice(2).join("/") : parts.slice(1).join("/");
       if (!subpath) {
         const pkgDir = resolve41(projectRoot, "node_modules", packageName ?? "");
-        const pkgJsonPath = join45(pkgDir, "package.json");
+        const pkgJsonPath = join46(pkgDir, "package.json");
         if (existsSync35(pkgJsonPath)) {
           const pkg = JSON.parse(readFileSync30(pkgJsonPath, "utf-8"));
           const esmEntry = typeof pkg.module === "string" && pkg.module || typeof pkg.browser === "string" && pkg.browser;
@@ -24886,7 +25096,7 @@ ${stubs}
   };
   result = result.replace(/^((?:import\s+[^"'`;]+?\s+from|export\s+[^"'`;]+?\s+from|import)\s*["'])([^"'./][^"']*)(["'])/gm, stubReplace);
   result = result.replace(/(import\s*\(\s*["'])([^"'./][^"']*)(["']\s*\))/g, stubReplace);
-  const fileDir = dirname27(filePath);
+  const fileDir = dirname28(filePath);
   result = result.replace(/(from\s*["'])(\.\.?\/[^"']+)(["'])/g, (_match, prefix, relPath, suffix) => isRealImport(relPath) ? `${prefix}${resolveRelativeImport(relPath, fileDir, projectRoot, IMPORT_EXTENSIONS)}${suffix}` : _match);
   result = result.replace(/(import\s*\(\s*["'])(\.\.?\/[^"']+)(["']\s*\))/g, (_match, prefix, relPath, suffix) => isRealImport(relPath) ? `${prefix}${resolveRelativeImport(relPath, fileDir, projectRoot, IMPORT_EXTENSIONS)}${suffix}` : _match);
   result = result.replace(/(import\s*["'])(\.\.?\/[^"']+)(["']\s*;?)/g, (_match, prefix, relPath, suffix) => isRealImport(relPath) ? `${prefix}${resolveRelativeImport(relPath, fileDir, projectRoot, SIDE_EFFECT_EXTENSIONS)}${suffix}` : _match);
@@ -25709,7 +25919,7 @@ __export(exports_hmrCompiler, {
   getApplyMetadataModule: () => getApplyMetadataModule,
   encodeHmrComponentId: () => encodeHmrComponentId
 });
-import { dirname as dirname28, relative as relative17, resolve as resolve42 } from "path";
+import { dirname as dirname29, relative as relative17, resolve as resolve42 } from "path";
 import { performance as performance2 } from "perf_hooks";
 var encodeHmrComponentId = (absoluteFilePath, className) => {
   const projectRel = relative17(process.cwd(), absoluteFilePath).replace(/\\/g, "/");
@@ -25732,7 +25942,7 @@ var encodeHmrComponentId = (absoluteFilePath, className) => {
   const { resolveOwningComponents: resolveOwningComponents2 } = await Promise.resolve().then(() => (init_resolveOwningComponents(), exports_resolveOwningComponents));
   const owners = resolveOwningComponents2({
     changedFilePath: componentFilePath,
-    userAngularRoot: dirname28(componentFilePath)
+    userAngularRoot: dirname29(componentFilePath)
   });
   const owner = owners.find((o3) => o3.className === className);
   const kind = owner?.kind ?? "component";
@@ -25949,9 +26159,9 @@ var init_simpleHTMXHMR = () => {};
 import { existsSync as existsSync36, readdirSync as readdirSync9, rmSync as rmSync3 } from "fs";
 import {
   basename as basename17,
-  dirname as dirname29,
+  dirname as dirname30,
   isAbsolute as isAbsolute6,
-  join as join46,
+  join as join47,
   relative as relative18,
   resolve as resolvePath3,
   sep as sep4
@@ -26078,8 +26288,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     const relJs = `${rel.slice(0, -ext[0].length)}.js`;
     const generatedDir = getFrameworkGeneratedDir(framework, cwd2);
     for (const candidate of [
-      join46(generatedDir, relJs),
-      `${join46(generatedDir, relJs)}.map`
+      join47(generatedDir, relJs),
+      `${join47(generatedDir, relJs)}.map`
     ]) {
       try {
         rmSync3(candidate, { force: true });
@@ -26313,8 +26523,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       const relFromDir = normalizedSource.slice(normalizedDir.length + 1);
       const { buildDir } = state.resolvedPaths;
       const destPath = resolvePath3(buildDir, urlPrefix ? `${urlPrefix}/${relFromDir}` : relFromDir);
-      const { mkdir: mkdir11, copyFile, readFile: readFile10 } = await import("fs/promises");
-      await mkdir11(dirname29(destPath), { recursive: true });
+      const { mkdir: mkdir12, copyFile, readFile: readFile10 } = await import("fs/promises");
+      await mkdir12(dirname30(destPath), { recursive: true });
       await copyFile(absSource, destPath);
       const bytes = await readFile10(destPath);
       const webPath = urlPrefix ? `/${urlPrefix}/${relFromDir}` : `/${relFromDir}`;
@@ -26495,7 +26705,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const keepStemsByDir = new Map;
   const prefixByDir = new Map;
   for (const artifact of freshOutputs) {
-    const dir = dirname29(artifact.path);
+    const dir = dirname30(artifact.path);
     const name = basename17(artifact.path);
     const [prefix] = name.split(".");
     if (!prefix)
@@ -26981,7 +27191,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
         const entries = await readdir6(dir, { withFileTypes: true });
         const files = [];
         for (const entry of entries) {
-          const full = join46(dir, entry.name);
+          const full = join47(dir, entry.name);
           if (entry.isDirectory()) {
             files.push(...await walk(full));
           } else if (entry.isFile() && entry.name.endsWith(".ts") && !entry.name.endsWith(".d.ts")) {
@@ -27541,7 +27751,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   } = await compileVue2(vueFiles, vueDir, true, getStyleTransformConfig(state.config));
   const serverEntries = [...vueServerPaths];
   const clientEntries = [...vueIndexPaths, ...vueClientPaths];
-  const cssOutDir = join46(buildDir, state.resolvedPaths.assetsDir ? basename17(state.resolvedPaths.assetsDir) : "assets", "css");
+  const cssOutDir = join47(buildDir, state.resolvedPaths.assetsDir ? basename17(state.resolvedPaths.assetsDir) : "assets", "css");
   const { serverRoot, serverOutDir } = await computeServerOutPaths(state.resolvedPaths, "vue");
   const serverExternals = await getServerBundleExternals();
   const clientVendorPaths = await getClientVendorPaths();
@@ -27753,7 +27963,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     });
   });
   return allModuleUpdates;
-}, handleReactHMR = (state, affectedFrameworks, filesToRebuild, manifest, duration) => {
+}, handleReactHMR = async (state, affectedFrameworks, filesToRebuild, manifest, duration) => {
   if (!affectedFrameworks.includes("react") || !state.resolvedPaths.reactDir) {
     return;
   }
@@ -27765,14 +27975,21 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const sourceFiles = reactPageFiles.length > 0 ? reactPageFiles : reactFiles;
   const [primarySource] = sourceFiles;
   try {
-    const hasComponentChanges = reactFiles.some((file5) => file5.endsWith(".tsx") || file5.endsWith(".ts") || file5.endsWith(".jsx"));
-    const hasCSSChanges = reactFiles.some(isStylePath);
+    const {
+      isReactFastRefreshSupported: isReactFastRefreshSupported2,
+      warnIfReactFastRefreshUnsupported: warnIfReactFastRefreshUnsupported2
+    } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
+    warnIfReactFastRefreshUnsupported2();
+    await handleReactModuleServerPath(state, reactFiles, Date.now() - duration, isReactFastRefreshSupported2(), () => {
+      return;
+    });
+  } catch (err) {
     logHmrUpdate(primarySource ?? reactFiles[0] ?? "", "react", duration);
     broadcastToClients(state, {
       data: {
         framework: "react",
-        hasComponentChanges,
-        hasCSSChanges,
+        hasComponentChanges: true,
+        hasCSSChanges: reactFiles.some(isStylePath),
         manifest,
         primarySource,
         serverDuration: duration,
@@ -27780,7 +27997,6 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       },
       type: "react-update"
     });
-  } catch (err) {
     console.error("[hmr] react live update failed:", err instanceof Error ? err.message : err);
     sendTelemetryEvent("hmr:error", {
       framework: "react",
@@ -27811,7 +28027,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   if (!buildReference?.source) {
     return;
   }
-  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolvePath3(dirname29(buildInfo.resolvedRegistryPath), buildReference.source);
+  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolvePath3(dirname30(buildInfo.resolvedRegistryPath), buildReference.source);
   islandFiles.add(resolvePath3(sourcePath));
 }, resolveIslandSourceFiles = async (config) => {
   const registryPath = config.islands?.registry;
@@ -27839,8 +28055,14 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   }
   setCurrentPageIslandMetadata(await loadPageIslandMetadata(config));
   const affectedPages = filesToRebuild.flatMap((file5) => getPagesUsingIslandSource(file5));
+  if (affectedPages.length === 0)
+    return true;
+  const affectedFrameworks = [
+    ...new Set(affectedPages.map((page) => detectFramework(page, state.resolvedPaths)).filter((framework) => framework !== "ignored"))
+  ];
   broadcastToClients(state, {
     data: {
+      affectedFrameworks,
       affectedPages,
       framework: "islands",
       manifest,
@@ -28232,7 +28454,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   }
 }, handleFullBuildHMR = async (state, config, affectedFrameworks, filesToRebuild, manifest, duration) => {
   const allModuleUpdates = collectAllModuleUpdates(affectedFrameworks, filesToRebuild, manifest, state);
-  handleReactHMR(state, affectedFrameworks, filesToRebuild, manifest, duration);
+  await handleReactHMR(state, affectedFrameworks, filesToRebuild, manifest, duration);
   handleHTMLScriptHMR(state, filesToRebuild, manifest, duration);
   await handleHTMLPageHMR(state, config, filesToRebuild, manifest, duration);
   await handleVueHMR(state, config, filesToRebuild, manifest, duration);
@@ -28459,7 +28681,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     message: "Rebuild completed successfully",
     type: "rebuild-complete"
   });
-  if (config.tailwind && filesToRebuild && filesToRebuild.some(isTailwindCandidate)) {
+  const hasDedicatedStyleUpdate = affectedFrameworks.some((framework) => framework === "styles" || framework === "assets");
+  if (config.tailwind && filesToRebuild && filesToRebuild.some(isTailwindCandidate) && !hasDedicatedStyleUpdate) {
     try {
       const outputPath = resolvePath3(state.resolvedPaths.buildDir, config.tailwind.output);
       const bytes = await Bun.file(outputPath).bytes();
@@ -28480,6 +28703,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const hasFilesToRebuild = filesToRebuild && filesToRebuild.length > 0;
   const didReloadForIslandChange = hasFilesToRebuild ? await handleIslandSourceReload(state, config, filesToRebuild, manifest, duration) : false;
   if (didReloadForIslandChange) {
+    await runFrameworkFastPaths(state, config, affectedFrameworks, filesToRebuild ?? [], startTime, onRebuildComplete);
     onRebuildComplete({ hmrState: state, manifest });
     return manifest;
   }
@@ -28616,8 +28840,8 @@ __export(exports_buildDepVendor, {
 });
 import { mkdirSync as mkdirSync14 } from "fs";
 import { isBuiltin } from "module";
-import { join as join47 } from "path";
-import { rm as rm13 } from "fs/promises";
+import { join as join48 } from "path";
+import { rm as rm14 } from "fs/promises";
 var {build: bunBuild9, Glob: Glob10 } = globalThis.Bun;
 var toSafeFileName6 = (specifier) => {
   const prefix = specifier.startsWith("@") ? "_" : "";
@@ -28676,7 +28900,7 @@ var toSafeFileName6 = (specifier) => {
   };
 }, collectBareImportsFromFile = async (entryPath, transpiler6, maxDepth = 8) => {
   const { readFileSync: readFileSync31 } = await import("fs");
-  const { dirname: dirname30 } = await import("path");
+  const { dirname: dirname31 } = await import("path");
   const seenFiles = new Set;
   const bareOut = new Set;
   const queue = [
@@ -28701,7 +28925,7 @@ var toSafeFileName6 = (specifier) => {
     } catch {
       continue;
     }
-    const fromDir = dirname30(path);
+    const fromDir = dirname31(path);
     for (const imp of imports) {
       const child = imp.path;
       if (child.startsWith(".") || child.startsWith("/")) {
@@ -28765,7 +28989,7 @@ var toSafeFileName6 = (specifier) => {
 }), buildDepVendorPass = async (specifiers, vendorDir, tmpDir) => {
   const entries = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName6(specifier);
-    const entryPath = join47(tmpDir, `${safeName}.ts`);
+    const entryPath = join48(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return { entryPath, specifier };
   }));
@@ -28856,9 +29080,9 @@ var toSafeFileName6 = (specifier) => {
   const { dep: initialSpecs, framework: frameworkRoots } = await scanBareImports(directories);
   if (initialSpecs.length === 0 && frameworkRoots.length === 0)
     return {};
-  const vendorDir = join47(buildDir, "vendor");
+  const vendorDir = join48(buildDir, "vendor");
   mkdirSync14(vendorDir, { recursive: true });
-  const tmpDir = join47(buildDir, "_dep_vendor_tmp");
+  const tmpDir = join48(buildDir, "_dep_vendor_tmp");
   mkdirSync14(tmpDir, { recursive: true });
   const allSpecs = new Set(initialSpecs);
   const alreadyScanned = new Set;
@@ -28878,7 +29102,7 @@ var toSafeFileName6 = (specifier) => {
   if (!success) {
     console.warn("\u26A0\uFE0F Dependency vendor build had errors:", result.logs);
   }
-  await rm13(tmpDir, { force: true, recursive: true });
+  await rm14(tmpDir, { force: true, recursive: true });
   const paths = {};
   for (const specifier of allSpecs) {
     paths[specifier] = `/vendor/${toSafeFileName6(specifier)}.js`;
@@ -29149,6 +29373,9 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     await handleCachedReload();
     return cached;
   }
+  if (config.reactDirectory && !globalThis.__reactModuleRef) {
+    globalThis.__reactModuleRef = await import("react");
+  }
   const startupSteps = [];
   const recordStep = (label, startedAt) => {
     const durationMs = performance.now() - startedAt;
@@ -29324,9 +29551,6 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     config.vueDirectory ? loadVendorFiles(state.assetStore, vueVendorDir, "vue") : Promise.resolve(),
     loadVendorFiles(state.assetStore, depVendorDir, "vendor")
   ]);
-  if (config.reactDirectory && !globalThis.__reactModuleRef) {
-    globalThis.__reactModuleRef = await import("react");
-  }
   recordStep("load vendor files", stepStartedAt);
   stepStartedAt = performance.now();
   const { warmCompilers: warmCompilers2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
@@ -29575,6 +29799,15 @@ var STORE_KEY = "__elysiaStore", restoredStores, getGlobalValue = (key) => Refle
   open: (ws) => handleClientConnect(hmrState2, ws, manifest)
 }).get("/hmr-status", () => ({
   connectedClients: hmrState2.connectedClients.size,
+  connectedTargets: Object.fromEntries([
+    "web",
+    "capacitor-android",
+    "capacitor-ios",
+    "capacitor-native"
+  ].map((target) => [
+    target,
+    [...hmrState2.clientTargets.values()].filter((value) => value === target).length
+  ])),
   entryWatcherReady: globalThis.__absoluteEntryWatcherReady === true,
   isRebuilding: hmrState2.isRebuilding,
   manifestKeys: Object.keys(manifest),
@@ -29599,12 +29832,12 @@ __export(exports_devtoolsJson, {
   devtoolsJson: () => devtoolsJson
 });
 import { existsSync as existsSync37, mkdirSync as mkdirSync15, readFileSync as readFileSync31, writeFileSync as writeFileSync10 } from "fs";
-import { dirname as dirname30, join as join48, resolve as resolve46 } from "path";
+import { dirname as dirname31, join as join49, resolve as resolve46 } from "path";
 import { Elysia as Elysia6 } from "elysia";
 var ENDPOINT = "/.well-known/appspecific/com.chrome.devtools.json", UUID_CACHE_KEY = "__absoluteDevtoolsWorkspaceUuid", getGlobalUuid = () => Reflect.get(globalThis, UUID_CACHE_KEY), setGlobalUuid = (uuid) => {
   Reflect.set(globalThis, UUID_CACHE_KEY, uuid);
   return uuid;
-}, isUuidV4 = (value) => /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value), resolveDevtoolsUuidCachePath = (buildDir, uuidCachePath) => resolve46(uuidCachePath ?? join48(buildDir, ".absolute", "chrome-devtools-workspace-uuid")), readCachedUuid = (cachePath) => {
+}, isUuidV4 = (value) => /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value), resolveDevtoolsUuidCachePath = (buildDir, uuidCachePath) => resolve46(uuidCachePath ?? join49(buildDir, ".absolute", "chrome-devtools-workspace-uuid")), readCachedUuid = (cachePath) => {
   if (!existsSync37(cachePath))
     return null;
   try {
@@ -29626,7 +29859,7 @@ var ENDPOINT = "/.well-known/appspecific/com.chrome.devtools.json", UUID_CACHE_K
   if (cachedUuid)
     return setGlobalUuid(cachedUuid);
   const uuid = crypto.randomUUID();
-  mkdirSync15(dirname30(cachePath), { recursive: true });
+  mkdirSync15(dirname31(cachePath), { recursive: true });
   writeFileSync10(cachePath, uuid, "utf-8");
   return setGlobalUuid(uuid);
 }, devtoolsJson = (buildDir, options = {}) => {
@@ -29643,11 +29876,11 @@ var ENDPOINT = "/.well-known/appspecific/com.chrome.devtools.json", UUID_CACHE_K
   if (process.env.WSL_DISTRO_NAME) {
     const distro = process.env.WSL_DISTRO_NAME;
     const withoutLeadingSlash = root.replace(/^\//, "");
-    return join48("\\\\wsl.localhost", distro, withoutLeadingSlash).replace(/\//g, "\\");
+    return join49("\\\\wsl.localhost", distro, withoutLeadingSlash).replace(/\//g, "\\");
   }
   if (process.env.DOCKER_DESKTOP && !root.startsWith("\\\\")) {
     const withoutLeadingSlash = root.replace(/^\//, "");
-    return join48("\\\\wsl.localhost", "docker-desktop-data", withoutLeadingSlash).replace(/\//g, "\\");
+    return join49("\\\\wsl.localhost", "docker-desktop-data", withoutLeadingSlash).replace(/\//g, "\\");
   }
   return root;
 };
@@ -29950,7 +30183,7 @@ __export(exports_prerender, {
   PRERENDER_BYPASS_HEADER: () => PRERENDER_BYPASS_HEADER
 });
 import { mkdirSync as mkdirSync16, readFileSync as readFileSync32 } from "fs";
-import { join as join49 } from "path";
+import { join as join50 } from "path";
 var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_TIMEOUT_MS = 30000, DEFAULT_FETCH_TIMEOUT_MS = 1e4, PRERENDER_BYPASS_HEADER = "X-Absolute-Prerender-Bypass", routeToFilename = (route) => route === "/" ? "index.html" : `${route.slice(1).replace(/\//g, "-")}.html`, writeTimestamp = async (htmlPath) => {
   const metaPath = htmlPath.replace(/\.html$/, ".meta");
   await Bun.write(metaPath, String(Date.now()));
@@ -30020,7 +30253,7 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
     if (!isCompleteHtml(html))
       return false;
     const fileName = routeToFilename(route);
-    const filePath = join49(prerenderDir, fileName);
+    const filePath = join50(prerenderDir, fileName);
     await Bun.write(filePath, html);
     await writeTimestamp(filePath);
     return true;
@@ -30050,13 +30283,13 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
     return;
   }
   const fileName = routeToFilename(route);
-  const filePath = join49(prerenderDir, fileName);
+  const filePath = join50(prerenderDir, fileName);
   await Bun.write(filePath, html);
   await writeTimestamp(filePath);
   result.routes.set(route, filePath);
   log2?.(`  Pre-rendered ${route} \u2192 ${fileName} (${html.length} bytes)`);
 }, prerender = async (port, outDir, staticConfig, log2) => {
-  const prerenderDir = join49(outDir, "_prerendered");
+  const prerenderDir = join50(outDir, "_prerendered");
   mkdirSync16(prerenderDir, { recursive: true });
   const baseUrl = `http://localhost:${port}`;
   let routes;
@@ -30182,7 +30415,7 @@ import {
   watch as watch2
 } from "fs";
 import { createHash as createHash9 } from "crypto";
-import { dirname as dirname31, join as join53, resolve as resolve48 } from "path";
+import { dirname as dirname32, join as join54, resolve as resolve48 } from "path";
 var ATOMIC_RECOVERY_WINDOW_MS = 1000, RELOAD_DEBOUNCE_MS = 80, ENTRY_IMPORT_RETRY_DELAY_MS = 250, MAX_ENTRY_IMPORT_ATTEMPTS = 3, WATCH_FALLBACK_INTERVAL_MS = 250, ATOMIC_WRITE_TEMP_PATTERNS2, isAtomicWriteTemp = (filename) => filename.endsWith(".tmp") || filename.includes(".tmp.") || filename.endsWith("~") || filename.startsWith(".#") || filename.startsWith(".absolutejs-hmr-") || ATOMIC_WRITE_TEMP_PATTERNS2.some((pattern) => pattern.test(filename)), fileHash = (path) => {
   try {
     return createHash9("sha256").update(readFileSync36(path)).digest("hex");
@@ -30211,10 +30444,10 @@ var ATOMIC_RECOVERY_WINDOW_MS = 1000, RELOAD_DEBOUNCE_MS = 80, ENTRY_IMPORT_RETR
   globalThis.__absoluteEntryWatcherStarted = true;
   globalThis.__absoluteEntryWatcherReady = false;
   const entryPath = resolve48(originalEntry);
-  const entryDir = dirname31(entryPath);
+  const entryDir = dirname32(entryPath);
   const entryBase = entryPath.slice(entryDir.length + 1);
   const configPath2 = resolve48(process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
-  const configDir2 = dirname31(configPath2);
+  const configDir2 = dirname32(configPath2);
   const configBase = configPath2.slice(configDir2.length + 1);
   const recentlyHandled = new Map;
   let entryReloadTimer = null;
@@ -30224,7 +30457,7 @@ var ATOMIC_RECOVERY_WINDOW_MS = 1000, RELOAD_DEBOUNCE_MS = 80, ENTRY_IMPORT_RETR
   let pendingEntryCause = null;
   let siblingSequence = 0;
   const importFreshEntry = async (attempt = 1) => {
-    const siblingPath = join53(entryDir, `.absolutejs-hmr-${process.pid}-${siblingSequence++}.ts`);
+    const siblingPath = join54(entryDir, `.absolutejs-hmr-${process.pid}-${siblingSequence++}.ts`);
     let failure;
     try {
       copyFileSync4(entryPath, siblingPath);
@@ -30337,7 +30570,7 @@ var ATOMIC_RECOVERY_WINDOW_MS = 1000, RELOAD_DEBOUNCE_MS = 80, ENTRY_IMPORT_RETR
         continue;
       let st2;
       try {
-        st2 = statSync8(join53(dir, entry.name));
+        st2 = statSync8(join54(dir, entry.name));
       } catch {
         continue;
       }
@@ -30881,157 +31114,6 @@ var withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
   });
 };
-// src/core/pageHandlers.ts
-var handleStaticPageRequest = async (pagePath, options = {}, settings = {}) => {
-  const html = await file(pagePath).text();
-  const transformedHtml = await transformCurrentStaticPageHtml(html, settings);
-  return withPageCacheHeaders(await withStreamingSlots(new Response(injectIslandPageContext(transformedHtml), {
-    headers: { "Content-Type": "text/html" }
-  }), {
-    ...options,
-    streamingSlots: options.streamingSlots ?? []
-  }));
-};
-var handleHTMLPageRequest = (pagePath, options) => {
-  const htmlFile = file(pagePath);
-  return htmlFile.text().then((html) => {
-    if (extractStaticStreamingTags(html).length > 0) {
-      throw new Error(`HTML page "${pagePath}" uses <abs-stream-slot>, but HTML pages should pass explicit streamingSlots to handleHTMLPageRequest(...).`);
-    }
-    return handleStaticPageRequest(pagePath, options, {
-      enableStaticStreaming: false
-    });
-  });
-};
-var handleHTMXPageRequest = async (pagePath) => {
-  const html = await file(pagePath).text();
-  if (extractStaticStreamingTags(html).length > 0) {
-    throw new Error(`HTMX page "${pagePath}" uses <abs-stream-slot>, but HTMX pages should use native hx-* fragment requests instead.`);
-  }
-  return handleStaticPageRequest(pagePath, {}, {
-    enableHTMXStreaming: true,
-    enableStaticStreaming: false
-  });
-};
-// src/core/prepare.ts
-import { createHash as createHash8 } from "crypto";
-import { existsSync as existsSync39, readdirSync as readdirSync10, readFileSync as readFileSync33 } from "fs";
-import { basename as basename18, join as join50, relative as relative19, resolve as resolvePath4 } from "path";
-import { Elysia as Elysia9, NotFound } from "elysia";
-// src/plugins/openApiPlugin.ts
-import { existsSync as existsSync7, readFileSync as readFileSync8 } from "fs";
-import { join as join11 } from "path";
-var FALLBACK_NAME = "AbsoluteJS API";
-var FALLBACK_VERSION = "1.0.0";
-var projectInfo = (cwd) => {
-  const path = join11(cwd, "package.json");
-  if (!existsSync7(path)) {
-    return { name: FALLBACK_NAME, version: FALLBACK_VERSION };
-  }
-  try {
-    const pkg = JSON.parse(readFileSync8(path, "utf-8"));
-    return {
-      name: typeof pkg.name === "string" ? pkg.name : FALLBACK_NAME,
-      version: typeof pkg.version === "string" ? pkg.version : FALLBACK_VERSION
-    };
-  } catch {
-    return { name: FALLBACK_NAME, version: FALLBACK_VERSION };
-  }
-};
-var openApiEnabled = (config, isDev) => isDev ? config.openapi !== false : Boolean(config.openapi);
-var createOpenApiPlugin = async (config, cwd) => {
-  const setting = config.openapi;
-  const options = typeof setting === "object" ? setting : {};
-  const info = projectInfo(cwd);
-  const { openapi } = await import("@elysia/openapi");
-  return openapi({
-    documentation: {
-      info: {
-        description: options.documentation?.description,
-        title: options.documentation?.title ?? info.name,
-        version: options.documentation?.version ?? info.version
-      }
-    },
-    exclude: {
-      paths: [
-        /^\/_/,
-        /^\/@/,
-        /^\/__absolute/,
-        /^\/hmr/,
-        /^\/\.well-known/,
-        /^\/chunk-/,
-        /^\/node_modules/
-      ]
-    },
-    path: options.path ?? "/openapi",
-    provider: options.provider === "swagger" ? "swagger-ui" : "scalar"
-  });
-};
-var withOpenApi = async (app, config, cwd, isDev) => {
-  if (!openApiEnabled(config, isDev))
-    return app;
-  try {
-    return app.use(await createOpenApiPlugin(config, cwd));
-  } catch (error) {
-    const detail = error instanceof Error ? error.message : String(error);
-    console.warn(`[absolute] OpenAPI docs disabled \u2014 install @elysia/openapi (${detail})`);
-    return app;
-  }
-};
-// src/plugins/telemetryPlugin.ts
-import { existsSync as existsSync8, readFileSync as readFileSync9 } from "fs";
-import { join as join12 } from "path";
-var OTEL_PACKAGE = "@elysia/opentelemetry";
-var readPackageName = (cwd) => {
-  const path = join12(cwd, "package.json");
-  if (!existsSync8(path))
-    return null;
-  try {
-    const pkg = JSON.parse(readFileSync9(path, "utf-8"));
-    return typeof pkg.name === "string" ? pkg.name : null;
-  } catch {
-    return null;
-  }
-};
-var serviceNameFor = (config, cwd) => {
-  const setting = config.telemetry;
-  if (typeof setting === "object" && setting.serviceName) {
-    return setting.serviceName;
-  }
-  return readPackageName(cwd) ?? "absolutejs-app";
-};
-var withTelemetry = async (app, config, cwd) => {
-  if (!config.telemetry)
-    return app;
-  try {
-    const { opentelemetry } = await import(OTEL_PACKAGE);
-    return app.use(opentelemetry({ serviceName: serviceNameFor(config, cwd) }));
-  } catch (error) {
-    const detail = error instanceof Error ? error.message : String(error);
-    console.warn(`[absolute] telemetry enabled but ${OTEL_PACKAGE} isn't installed \u2014 run \`bun add ${OTEL_PACKAGE}\` (${detail})`);
-    return app;
-  }
-};
-// src/core/prepare.ts
-init_loadConfig();
-// src/utils/iconVersion.ts
-var iconMimeType = (icon) => {
-  if (icon.endsWith(".svg"))
-    return "image/svg+xml";
-  if (icon.endsWith(".png"))
-    return "image/png";
-  return "image/x-icon";
-};
-var resolver;
-var applyIconVersion = (href) => resolver ? resolver(href) : href;
-var setIconVersionResolver = (resolverFn) => {
-  resolver = resolverFn;
-};
 // src/core/requestContext.ts
 import { AsyncLocalStorage } from "async_hooks";
 import { Elysia } from "elysia";
@@ -31057,9 +31139,6 @@ var absoluteRequestContext = new Elysia({
 var getCurrentAbsoluteRequest = () => getRequestStorage()?.getStore()?.request;
 var runWithAbsoluteRequest = (request, callback) => ensureRequestStorage().run({ request }, callback);
-// src/mobile/compatibilityDispatcher.ts
-import { Elysia as Elysia2 } from "elysia";
 // src/mobile/producerContextState.ts
 var ABSOLUTE_MOBILE_PRODUCER_STORAGE_KEY = Symbol.for("absolutejs.mobileProducerAsyncLocalStorage");
 var frameworks2 = new Set([
@@ -31305,6 +31384,180 @@ var finalizeAbsoluteMobilePage = (input) => {
   }
 };
+// src/core/pageHandlers.ts
+var finalizeStaticMobilePage = (framework, pagePath, metadata2) => {
+  const pageId = metadata2?.pageId ?? `${framework}:${pagePath}`;
+  const contract = metadata2?.contract ?? `${framework}:${pageId}:${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}`;
+  return finalizeAbsoluteMobilePage({
+    compatibility: {
+      framework,
+      pageId,
+      representations: [{ contract, mapProps: () => ({}) }],
+      runtimes: [String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)]
+    },
+    props: {},
+    request: getCurrentAbsoluteRequest()
+  });
+};
+var handleStaticPageRequest = async (pagePath, options = {}, settings = {}) => {
+  const html = await file(pagePath).text();
+  const transformedHtml = await transformCurrentStaticPageHtml(html, settings);
+  return withPageCacheHeaders(await withStreamingSlots(new Response(injectIslandPageContext(transformedHtml), {
+    headers: { "Content-Type": "text/html" }
+  }), {
+    ...options,
+    streamingSlots: options.streamingSlots ?? []
+  }));
+};
+var handleHTMLPageRequest = (pagePath, options) => {
+  const mobileResponse = finalizeStaticMobilePage("html", pagePath, options?.__absoluteMobile);
+  if (mobileResponse)
+    return Promise.resolve(mobileResponse);
+  const htmlFile = file(pagePath);
+  return htmlFile.text().then((html) => {
+    if (extractStaticStreamingTags(html).length > 0) {
+      throw new Error(`HTML page "${pagePath}" uses <abs-stream-slot>, but HTML pages should pass explicit streamingSlots to handleHTMLPageRequest(...).`);
+    }
+    return handleStaticPageRequest(pagePath, options, {
+      enableStaticStreaming: false
+    });
+  });
+};
+var handleHTMXPageRequest = async (pagePath, options = {}) => {
+  const mobileResponse = finalizeStaticMobilePage("htmx", pagePath, options.__absoluteMobile);
+  if (mobileResponse)
+    return mobileResponse;
+  const html = await file(pagePath).text();
+  if (extractStaticStreamingTags(html).length > 0) {
+    throw new Error(`HTMX page "${pagePath}" uses <abs-stream-slot>, but HTMX pages should use native hx-* fragment requests instead.`);
+  }
+  return handleStaticPageRequest(pagePath, {}, {
+    enableHTMXStreaming: true,
+    enableStaticStreaming: false
+  });
+};
+// src/core/prepare.ts
+import { createHash as createHash8 } from "crypto";
+import { existsSync as existsSync39, readdirSync as readdirSync10, readFileSync as readFileSync33 } from "fs";
+import { basename as basename18, join as join51, relative as relative19, resolve as resolvePath4 } from "path";
+import { Elysia as Elysia9, NotFound } from "elysia";
+// src/plugins/openApiPlugin.ts
+import { existsSync as existsSync7, readFileSync as readFileSync8 } from "fs";
+import { join as join11 } from "path";
+var FALLBACK_NAME = "AbsoluteJS API";
+var FALLBACK_VERSION = "1.0.0";
+var projectInfo = (cwd) => {
+  const path = join11(cwd, "package.json");
+  if (!existsSync7(path)) {
+    return { name: FALLBACK_NAME, version: FALLBACK_VERSION };
+  }
+  try {
+    const pkg = JSON.parse(readFileSync8(path, "utf-8"));
+    return {
+      name: typeof pkg.name === "string" ? pkg.name : FALLBACK_NAME,
+      version: typeof pkg.version === "string" ? pkg.version : FALLBACK_VERSION
+    };
+  } catch {
+    return { name: FALLBACK_NAME, version: FALLBACK_VERSION };
+  }
+};
+var openApiEnabled = (config, isDev) => isDev ? config.openapi !== false : Boolean(config.openapi);
+var createOpenApiPlugin = async (config, cwd) => {
+  const setting = config.openapi;
+  const options = typeof setting === "object" ? setting : {};
+  const info = projectInfo(cwd);
+  const { openapi } = await import("@elysia/openapi");
+  return openapi({
+    documentation: {
+      info: {
+        description: options.documentation?.description,
+        title: options.documentation?.title ?? info.name,
+        version: options.documentation?.version ?? info.version
+      }
+    },
+    exclude: {
+      paths: [
+        /^\/_/,
+        /^\/@/,
+        /^\/__absolute/,
+        /^\/hmr/,
+        /^\/\.well-known/,
+        /^\/chunk-/,
+        /^\/node_modules/
+      ]
+    },
+    path: options.path ?? "/openapi",
+    provider: options.provider === "swagger" ? "swagger-ui" : "scalar"
+  });
+};
+var withOpenApi = async (app, config, cwd, isDev) => {
+  if (!openApiEnabled(config, isDev))
+    return app;
+  try {
+    return app.use(await createOpenApiPlugin(config, cwd));
+  } catch (error) {
+    const detail = error instanceof Error ? error.message : String(error);
+    console.warn(`[absolute] OpenAPI docs disabled \u2014 install @elysia/openapi (${detail})`);
+    return app;
+  }
+};
+// src/plugins/telemetryPlugin.ts
+import { existsSync as existsSync8, readFileSync as readFileSync9 } from "fs";
+import { join as join12 } from "path";
+var OTEL_PACKAGE = "@elysia/opentelemetry";
+var readPackageName = (cwd) => {
+  const path = join12(cwd, "package.json");
+  if (!existsSync8(path))
+    return null;
+  try {
+    const pkg = JSON.parse(readFileSync9(path, "utf-8"));
+    return typeof pkg.name === "string" ? pkg.name : null;
+  } catch {
+    return null;
+  }
+};
+var serviceNameFor = (config, cwd) => {
+  const setting = config.telemetry;
+  if (typeof setting === "object" && setting.serviceName) {
+    return setting.serviceName;
+  }
+  return readPackageName(cwd) ?? "absolutejs-app";
+};
+var withTelemetry = async (app, config, cwd) => {
+  if (!config.telemetry)
+    return app;
+  try {
+    const { opentelemetry } = await import(OTEL_PACKAGE);
+    return app.use(opentelemetry({ serviceName: serviceNameFor(config, cwd) }));
+  } catch (error) {
+    const detail = error instanceof Error ? error.message : String(error);
+    console.warn(`[absolute] telemetry enabled but ${OTEL_PACKAGE} isn't installed \u2014 run \`bun add ${OTEL_PACKAGE}\` (${detail})`);
+    return app;
+  }
+};
+// src/core/prepare.ts
+init_loadConfig();
+// src/utils/iconVersion.ts
+var iconMimeType = (icon) => {
+  if (icon.endsWith(".svg"))
+    return "image/svg+xml";
+  if (icon.endsWith(".png"))
+    return "image/png";
+  return "image/x-icon";
+};
+var resolver;
+var applyIconVersion = (href) => resolver ? resolver(href) : href;
+var setIconVersionResolver = (resolverFn) => {
+  resolver = resolverFn;
+};
+// src/mobile/compatibilityDispatcher.ts
+import { Elysia as Elysia2 } from "elysia";
 // src/mobile/releaseArtifact.ts
 import { createHash as createHash4 } from "crypto";
 var ABSOLUTE_MOBILE_COMPATIBILITY_FORMAT = 1;
@@ -31382,13 +31635,19 @@ var parseCompatibilityPage = (value) => {
   if (!isCanonicalRecord(value) || !isPageFramework(value.framework)) {
     throw new TypeError("Compatibility artifact contains an invalid page.");
   }
+  const styleBundleHash = typeof value.styleBundleHash === "string" ? value.styleBundleHash : undefined;
+  const styleBundlePath = typeof value.styleBundlePath === "string" ? value.styleBundlePath : undefined;
+  if (Boolean(styleBundleHash) !== Boolean(styleBundlePath)) {
+    throw new TypeError("Compatibility page style hash and path must be provided together.");
+  }
   return {
     bundleHash: readString(value.bundleHash, "page.bundleHash"),
     bundlePath: readString(value.bundlePath, "page.bundlePath"),
     contract: readString(value.contract, "page.contract"),
     framework: value.framework,
     pageId: readString(value.pageId, "page.pageId"),
-    propsSchemaHash: readString(value.propsSchemaHash, "page.propsSchemaHash")
+    propsSchemaHash: readString(value.propsSchemaHash, "page.propsSchemaHash"),
+    ...styleBundleHash && styleBundlePath ? { styleBundleHash, styleBundlePath } : {}
   };
 };
 var parseCompatibilityRoute = (value) => {
@@ -31420,14 +31679,23 @@ var validateProducerModule = (module) => {
   }
   return module;
 };
-var normalizePage = (page) => ({
-  bundleHash: requireNonEmpty(page.bundleHash, "page.bundleHash"),
-  bundlePath: requireNonEmpty(page.bundlePath, "page.bundlePath"),
-  contract: requireNonEmpty(page.contract, "page.contract"),
-  framework: page.framework,
-  pageId: requireNonEmpty(page.pageId, "page.pageId"),
-  propsSchemaHash: requireNonEmpty(page.propsSchemaHash, "page.propsSchemaHash")
-});
+var normalizePage = (page) => {
+  if (Boolean(page.styleBundleHash) !== Boolean(page.styleBundlePath)) {
+    throw new TypeError("Compatibility page style hash and path must be provided together.");
+  }
+  return {
+    bundleHash: requireNonEmpty(page.bundleHash, "page.bundleHash"),
+    bundlePath: requireNonEmpty(page.bundlePath, "page.bundlePath"),
+    contract: requireNonEmpty(page.contract, "page.contract"),
+    framework: page.framework,
+    pageId: requireNonEmpty(page.pageId, "page.pageId"),
+    propsSchemaHash: requireNonEmpty(page.propsSchemaHash, "page.propsSchemaHash"),
+    ...page.styleBundleHash && page.styleBundlePath ? {
+      styleBundleHash: requireNonEmpty(page.styleBundleHash, "page.styleBundleHash"),
+      styleBundlePath: requireNonEmpty(page.styleBundlePath, "page.styleBundlePath")
+    } : {}
+  };
+};
 var normalizeRoute = (route) => {
   if (!route.pattern.startsWith("/")) {
     throw new TypeError("route.pattern must start with /.");
@@ -31576,6 +31844,64 @@ var matchesAbsoluteMobileRoutePattern = (pattern, pathname) => {
 var resolveAbsoluteMobileRoute = (routes, pathname, method = "GET") => routes.find((route) => route.method === method && matchesAbsoluteMobileRoutePattern(route.pattern, pathname));
 // src/mobile/compatibilityDispatcher.ts
+var MOBILE_WEBVIEW_ORIGINS = new Set([
+  "capacitor://localhost",
+  "http://localhost",
+  "https://localhost"
+]);
+var MOBILE_REQUEST_HEADER_NAMES = Object.values(MOBILE_PAGE_REQUEST_HEADERS);
+var MOBILE_CORS_ALLOW_HEADERS = [
+  "accept",
+  "content-type",
+  "authorization",
+  "hx-current-url",
+  "hx-request",
+  "hx-target",
+  "hx-trigger",
+  "hx-trigger-name",
+  ...MOBILE_REQUEST_HEADER_NAMES
+].join(", ");
+var MOBILE_CORS_METHODS = new Set([
+  "DELETE",
+  "GET",
+  "HEAD",
+  "OPTIONS",
+  "PATCH",
+  "POST",
+  "PUT"
+]);
+var mobileWebViewOrigin = (request) => {
+  const origin = request.headers.get("origin");
+  return origin && MOBILE_WEBVIEW_ORIGINS.has(origin) ? origin : undefined;
+};
+var applyMobileCorsHeaders = (response, origin) => {
+  response.headers.set("access-control-allow-credentials", "true");
+  response.headers.set("access-control-allow-origin", origin);
+  response.headers.append("vary", "Origin");
+  return response;
+};
+var mobilePreflightResponse = (request) => {
+  if (request.method !== "OPTIONS")
+    return;
+  const origin = mobileWebViewOrigin(request);
+  if (!origin)
+    return;
+  const requestedHeaders = request.headers.get("access-control-request-headers");
+  const requestedMethod = request.headers.get("access-control-request-method")?.toUpperCase() ?? "";
+  if (!MOBILE_CORS_METHODS.has(requestedMethod))
+    return;
+  return new Response(null, {
+    headers: {
+      "access-control-allow-credentials": "true",
+      "access-control-allow-headers": requestedHeaders || MOBILE_CORS_ALLOW_HEADERS,
+      "access-control-allow-methods": [...MOBILE_CORS_METHODS].join(", "),
+      "access-control-allow-origin": origin,
+      "access-control-max-age": "600",
+      vary: "Origin, Access-Control-Request-Headers"
+    },
+    status: 204
+  });
+};
 var artifactOwnsRequest = (artifact, pageId, request) => {
   const { pathname } = new URL(request.url);
   return artifact.routes.some((route) => route.pageId === pageId && route.method === request.method && matchesAbsoluteMobileRoutePattern(route.pattern, pathname));
@@ -31603,6 +31929,9 @@ var createAbsoluteMobileCompatibilityDispatcher = (options) => {
   return new Elysia2({ name: "absolutejs-mobile-compatibility-dispatcher" }).request(async ({ request }) => {
     if (getCurrentAbsoluteMobileProducerContext())
       return;
+    const preflight = mobilePreflightResponse(request);
+    if (preflight)
+      return preflight;
     const parsed = parseAbsoluteMobilePageRequest(request);
     if (parsed.kind !== "mobile")
       return;
@@ -31626,6 +31955,11 @@ var createAbsoluteMobileCompatibilityDispatcher = (options) => {
       console.error(`[Mobile] Failed to load retained producer ${resolved.artifact.releaseId}:`, error);
       return createAbsoluteMobilePageErrorResponse(parsed.client.pageId);
     }
+  }).afterHandle("global", ({ request, responseValue }) => {
+    const origin = mobileWebViewOrigin(request);
+    if (!origin || !(responseValue instanceof Response))
+      return;
+    applyMobileCorsHeaders(responseValue, origin);
   }).as("global");
 };
@@ -31671,8 +32005,9 @@ var normalizeEntry = (entry) => {
 };
 var normalizeProductionOrigin = (value) => {
   const parsed = new URL(requireText(value, "mobile.server.productionOrigin"));
-  if (parsed.protocol !== "https:") {
-    throw new TypeError("mobile.server.productionOrigin must use HTTPS in production.");
+  const isLoopbackHttp = parsed.protocol === "http:" && (parsed.hostname === "localhost" || parsed.hostname === "127.0.0.1" || parsed.hostname === "[::1]");
+  if (parsed.protocol !== "https:" && !isLoopbackHttp) {
+    throw new TypeError("mobile.server.productionOrigin must use HTTPS, except for a loopback development origin.");
   }
   if (parsed.username || parsed.password || parsed.pathname !== "/" || parsed.search || parsed.hash) {
     throw new TypeError("mobile.server.productionOrigin must be an origin without credentials, path, query, or hash.");
@@ -31696,9 +32031,8 @@ var normalizeHosts = (hosts, productionOrigin) => {
     }
     return value;
   };
-  const normalized = new Set([
-    normalizeHostname(new URL(productionOrigin).hostname)
-  ]);
+  const productionHostname = new URL(productionOrigin).hostname;
+  const normalized = new Set(productionHostname === "[::1]" ? [] : [normalizeHostname(productionHostname)]);
   for (const host of hosts ?? []) {
     normalized.add(normalizeHostname(host));
   }
@@ -31713,6 +32047,15 @@ var normalizeAppleAppIdPrefix = (value) => {
   }
   return normalized;
 };
+var normalizeIosVersion = (value) => {
+  if (value === undefined)
+    return;
+  const normalized = requireText(value, "mobile.ios.version");
+  if (!/^\d+(?:\.\d+){0,2}$/u.test(normalized)) {
+    throw new TypeError("mobile.ios.version must contain one to three dot-separated integer components, for example 1.4.0.");
+  }
+  return normalized;
+};
 var normalizeCertificateFingerprints = (values) => [
   ...new Set((values ?? []).map((value) => requireText(value, "mobile.deepLinks.android.sha256CertificateFingerprints").replaceAll(":", "").toUpperCase()).map((value) => {
     if (!CERTIFICATE_FINGERPRINT_PATTERN.test(value)) {
@@ -31727,7 +32070,7 @@ var normalizeAbsoluteMobileConfig = (config, projectRoot) => {
     throw new TypeError("mobile.appId must use reverse-domain notation, for example com.example.app.");
   }
   const productionOrigin = normalizeProductionOrigin(config.server.productionOrigin);
-  const deepLinkScheme = config.deepLinks?.scheme?.trim().toLowerCase();
+  const deepLinkScheme = (config.deepLinks?.scheme ?? appId).trim().toLowerCase();
   if (deepLinkScheme && !SCHEME_PATTERN.test(deepLinkScheme)) {
     throw new TypeError("mobile.deepLinks.scheme is not a valid URL scheme.");
   }
@@ -31741,6 +32084,7 @@ var normalizeAbsoluteMobileConfig = (config, projectRoot) => {
     deepLinkScheme,
     engine: "capacitor",
     entry: normalizeEntry(config.entry),
+    iosVersion: normalizeIosVersion(config.ios?.version),
     nativeProjectDirectory: resolveProjectPath(projectRoot, config.nativeProject?.directory ?? "mobile", "mobile.nativeProject.directory"),
     platforms: normalizePlatforms(config.platforms),
     productionOrigin
@@ -32496,7 +32840,7 @@ var registerIconVersioning = (buildDir) => {
     if (cached !== undefined)
       return cached;
     const path = href.split("?")[0] ?? href;
-    const filePath = join50(buildDir, path);
+    const filePath = join51(buildDir, path);
     let versioned = href;
     if (existsSync39(filePath)) {
       const hash = createHash8("sha256").update(readFileSync33(filePath)).digest("hex").slice(0, ICON_HASH_LENGTH);
@@ -32626,13 +32970,13 @@ var loadPrerenderMap = (prerenderDir) => {
       continue;
     const name = basename18(entry, ".html");
     const route = name === "index" ? "/" : `/${name}`;
-    map.set(route, join50(prerenderDir, entry));
+    map.set(route, join51(prerenderDir, entry));
   }
   return map;
 };
 var loadMobileCompatibilityPlugin = async (buildDir) => {
-  const root = join50(buildDir, ".absolutejs", "mobile-compatibility");
-  if (!existsSync39(join50(root, "current.json"))) {
+  const root = join51(buildDir, ".absolutejs", "mobile-compatibility");
+  if (!existsSync39(join51(root, "current.json"))) {
     return new Elysia9({ name: "absolutejs-mobile-compatibility-empty" });
   }
   const options = await loadAbsoluteMobileMaterializedBundle(root);
@@ -32693,12 +33037,12 @@ var prepare = async (configOrPath) => {
   setCurrentPageIslandMetadata(await loadPageIslandMetadata(config));
   recordStep("load production manifest and island metadata", stepStartedAt);
   stepStartedAt = performance.now();
-  const conventionsPath = join50(buildDir, "conventions.json");
+  const conventionsPath = join51(buildDir, "conventions.json");
   if (existsSync39(conventionsPath)) {
     const conventions2 = JSON.parse(readFileSync33(conventionsPath, "utf-8"));
     setConventions(conventions2);
   }
-  const spaRoutesPath = join50(buildDir, "spa-routes.json");
+  const spaRoutesPath = join51(buildDir, "spa-routes.json");
   if (existsSync39(spaRoutesPath)) {
     setSpaRouteManifest(JSON.parse(readFileSync33(spaRoutesPath, "utf-8")));
   }
@@ -32711,7 +33055,7 @@ var prepare = async (configOrPath) => {
     prefix: "",
     staticLimit: MAX_STATIC_ROUTE_COUNT
   });
-  const generatedAssetsRoot = join50(buildDir, ".absolutejs");
+  const generatedAssetsRoot = join51(buildDir, ".absolutejs");
   const generatedAssetsPlugin = new Elysia9({
     name: "absolutejs-generated-assets"
   }).get("/.absolutejs/*", async ({ params, set }) => {
@@ -32749,7 +33093,7 @@ var prepare = async (configOrPath) => {
     responseValue.headers.set("cache-control", isFingerprintedAsset(pathname) ? "public, max-age=31536000, immutable" : "public, max-age=0, must-revalidate");
   });
   stepStartedAt = performance.now();
-  const prerenderDir = join50(buildDir, "_prerendered");
+  const prerenderDir = join51(buildDir, "_prerendered");
   const prerenderMap = loadPrerenderMap(prerenderDir);
   const mobileCompatibilityPlugin = await loadMobileCompatibilityPlugin(buildDir);
   const mobileAssociationPlugin = createAbsoluteMobileAssociationPlugin(config.mobile, process.cwd(), { requireAll: true });
@@ -32822,10 +33166,10 @@ import {
   readFileSync as readFileSync34,
   rmSync as rmSync4
 } from "fs";
-import { join as join51 } from "path";
-var CERT_DIR = join51(process.cwd(), ".absolutejs");
-var CERT_PATH = join51(CERT_DIR, "cert.pem");
-var KEY_PATH = join51(CERT_DIR, "key.pem");
+import { join as join52 } from "path";
+var CERT_DIR = join52(process.cwd(), ".absolutejs");
+var CERT_PATH = join52(CERT_DIR, "cert.pem");
+var KEY_PATH = join52(CERT_DIR, "key.pem");
 var CERT_VALIDITY_DAYS = 365;
 var devLog = (msg) => console.log(`\x1B[2m${new Date().toLocaleTimeString()}\x1B[0m \x1B[36m[dev]\x1B[0m ${msg}`);
 var devWarn = (msg) => console.log(`\x1B[2m${new Date().toLocaleTimeString()}\x1B[0m \x1B[33m[dev]\x1B[0m \x1B[33m${msg}\x1B[0m`);
@@ -32945,12 +33289,12 @@ import {
   writeFileSync as writeFileSync11
 } from "fs";
 import { homedir as homedir2 } from "os";
-import { basename as basename19, join as join52 } from "path";
+import { basename as basename19, join as join53 } from "path";
 var registeredPids = new Set;
 var exitHandlerRegistered = false;
-var instanceFilePath = (pid) => join52(instanceRegistryDir(), `${pid}.json`);
-var instanceLogPath = (pid) => join52(instanceRegistryDir(), `${pid}.log`);
-var instanceRegistryDir = () => join52(homedir2(), ".absolutejs", "instances");
+var instanceFilePath = (pid) => join53(instanceRegistryDir(), `${pid}.json`);
+var instanceLogPath = (pid) => join53(instanceRegistryDir(), `${pid}.log`);
+var instanceRegistryDir = () => join53(homedir2(), ".absolutejs", "instances");
 var removeInstanceFilesSync = (pid) => {
   try {
     unlinkSync2(instanceFilePath(pid));
@@ -32985,7 +33329,7 @@ var registerInstance = (record) => {
   return record;
 };
 var resolveProjectName = (cwd2) => {
-  const parsed = readJsonFile(join52(cwd2, "package.json"));
+  const parsed = readJsonFile(join53(cwd2, "package.json"));
   if (parsed !== null && typeof parsed === "object" && typeof parsed.name === "string" && parsed.name.trim().length > 0) {
     return parsed.name;
   }
@@ -39376,7 +39720,7 @@ var getEnv = (key) => {
 };
 // src/utils/projectRoot.ts
 import { existsSync as existsSync43 } from "fs";
-import { dirname as dirname32, resolve as resolve50 } from "path";
+import { dirname as dirname33, resolve as resolve50 } from "path";
 var CONFIG_CANDIDATES = [
   "absolute.config.ts",
   "absolute.config.js",
@@ -39397,7 +39741,7 @@ var findProjectRoot = () => {
     if (packageRoot === null && existsSync43(resolve50(directory, "package.json"))) {
       packageRoot = directory;
     }
-    const parent = dirname32(directory);
+    const parent = dirname33(directory);
     if (parent === directory) {
       return packageRoot ?? start;
     }
@@ -39643,5 +39987,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
-//# debugId=9019476FB119209B64756E2164756E21
+//# debugId=C36F3DE38F8FB23964756E2164756E21
 //# sourceMappingURL=index.js.map