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

@absolutejs/absolute 0.20.0-beta.0 → 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 (118) 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 +354 -22
package/dist/angular/index.js.map +9 -6
package/dist/angular/server.js +354 -22
package/dist/angular/server.js.map +9 -6
package/dist/build.js +742 -359
package/dist/build.js.map +26 -24
package/dist/cli/config/server.js +2 -2
package/dist/cli/index.js +16105 -8429
package/dist/dev/client/cssUtils.ts +112 -41
package/dist/dev/client/handlers/html.ts +75 -15
package/dist/dev/client/handlers/htmx.ts +43 -8
package/dist/dev/client/handlers/react.ts +114 -32
package/dist/dev/client/handlers/rebuild.ts +38 -8
package/dist/dev/client/handlers/svelte.ts +33 -50
package/dist/dev/client/handlers/vue.ts +36 -45
package/dist/dev/client/hmrClient.ts +38 -6
package/dist/dev/client/hmrTiming.ts +148 -0
package/dist/dev/serverBootstrap.js +20 -11
package/dist/index.js +1728 -864
package/dist/index.js.map +38 -33
package/dist/mobile/browser.js +14 -1
package/dist/mobile/browser.js.map +3 -3
package/dist/mobile/index.js +4853 -279
package/dist/mobile/index.js.map +34 -7
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/react/index.js +16 -3
package/dist/react/index.js.map +4 -4
package/dist/react/jsxDevRuntimeCompat.js +22 -2
package/dist/react/jsxDevRuntimeCompat.js.map +5 -4
package/dist/react/jsxRuntimeCompat.js +90 -0
package/dist/react/jsxRuntimeCompat.js.map +10 -0
package/dist/react/server.js +16 -3
package/dist/react/server.js.map +4 -4
package/dist/src/angular/pageHandler.d.ts +3 -0
package/dist/src/build/compileVue.d.ts +1 -1
package/dist/src/build/pwa.d.ts +15 -0
package/dist/src/build/resolveBuildMode.d.ts +7 -0
package/dist/src/cli/config/server.d.ts +1 -1
package/dist/src/cli/scripts/dev.d.ts +4 -1
package/dist/src/cli/scripts/mobile.d.ts +1 -0
package/dist/src/cli/utils.d.ts +2 -2
package/dist/src/core/build.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 +9 -0
package/dist/src/dev/configResolver.d.ts +2 -0
package/dist/src/dev/moduleMapper.d.ts +1 -1
package/dist/src/dev/moduleServer.d.ts +2 -1
package/dist/src/dev/pathUtils.d.ts +1 -1
package/dist/src/dev/reactComponentClassifier.d.ts +1 -1
package/dist/src/mobile/androidConformance.d.ts +42 -0
package/dist/src/mobile/androidEmulatorController.d.ts +105 -0
package/dist/src/mobile/androidNativeWatcher.d.ts +19 -0
package/dist/src/mobile/androidRelease.d.ts +51 -0
package/dist/src/mobile/androidWebView.d.ts +46 -0
package/dist/src/mobile/associationFiles.d.ts +49 -0
package/dist/src/mobile/buildMetadata.d.ts +10 -0
package/dist/src/mobile/buildPipeline.d.ts +9 -0
package/dist/src/mobile/buildRelease.d.ts +24 -0
package/dist/src/mobile/capacitorBundle.d.ts +42 -0
package/dist/src/mobile/capacitorProject.d.ts +9 -0
package/dist/src/mobile/client.d.ts +5 -1
package/dist/src/mobile/config.d.ts +17 -0
package/dist/src/mobile/emulatorDoctor.d.ts +25 -0
package/dist/src/mobile/emulatorInstaller.d.ts +41 -0
package/dist/src/mobile/index.d.ts +19 -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/materializedBundle.d.ts +14 -0
package/dist/src/mobile/nativeAuth.d.ts +17 -0
package/dist/src/mobile/nativeBackgroundSync.d.ts +4 -0
package/dist/src/mobile/nativeDeepLinks.d.ts +5 -0
package/dist/src/mobile/releaseArtifact.d.ts +3 -0
package/dist/src/mobile/releaseDoctor.d.ts +13 -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/routeMatcher.d.ts +3 -0
package/dist/src/mobile/routeMetadataTransform.d.ts +13 -0
package/dist/src/mobile/shellAuth.d.ts +13 -0
package/dist/src/mobile/shellBootstrap.d.ts +18 -0
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 +43 -0
package/dist/src/plugins/hmr.d.ts +3 -0
package/dist/src/plugins/imageOptimizer.d.ts +1 -1
package/dist/src/react/hooks/useMediaQuery.d.ts +1 -1
package/dist/src/react/jsxDevRuntimeCompat.d.ts +1 -1
package/dist/src/react/jsxRuntimeCompat.d.ts +7 -0
package/dist/src/react/pageHandler.d.ts +3 -0
package/dist/src/svelte/pageHandler.d.ts +3 -0
package/dist/src/utils/loadConfig.d.ts +2 -0
package/dist/src/utils/logger.d.ts +2 -0
package/dist/src/utils/userAgentFunctions.d.ts +1 -1
package/dist/src/vue/pageHandler.d.ts +3 -0
package/dist/svelte/index.js +325 -23
package/dist/svelte/index.js.map +8 -5
package/dist/svelte/server.js +320 -18
package/dist/svelte/server.js.map +8 -5
package/dist/types/build.d.ts +59 -0
package/dist/types/cli.d.ts +2 -0
package/dist/types/globals.d.ts +14 -0
package/dist/types/messages.d.ts +12 -0
package/dist/vue/index.js +325 -23
package/dist/vue/index.js.map +8 -5
package/dist/vue/server.js +320 -18
package/dist/vue/server.js.map +8 -5
package/package.json +52 -8

package/dist/build.js CHANGED Viewed

@@ -214,6 +214,19 @@ var colors2, frameworkColors, formatPath = (filePath) => {
   const errorMsg = error instanceof Error ? error.message : error;
   const fullMessage = `${colors2.red}error${colors2.reset} ${message}${errorMsg ? `: ${errorMsg}` : ""}`;
   console.error(`${timestamp} ${tag} ${fullMessage}`);
+}, logHmrClientUpdate = (path, framework, duration, target, serverMs, clientMs, outcome = "applied", kind) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const targetLabel = target.startsWith("capacitor-") ? target.slice("capacitor-".length) : target;
+  const tag = `${colors2.cyan}[hmr:${targetLabel}]${colors2.reset}`;
+  const pathColor = framework ? getFrameworkColor(framework) : colors2.white;
+  const breakdown = serverMs === undefined || clientMs === undefined ? "" : `; server ${serverMs}ms, client ${clientMs}ms`;
+  let action = "failed after";
+  if (outcome === "applied")
+    action = "applied in";
+  else if (outcome === "reloaded")
+    action = "falling back to reload after";
+  const kindLabel = kind ? `${kind} ` : "";
+  console.log(`${timestamp} ${tag} ${framework ?? "update"} ${kindLabel}${pathColor}${formatPath(path)}${colors2.reset} ${colors2.dim}${action} ${duration}ms${breakdown}${colors2.reset}`);
 }, logHmrUpdate = (path, framework, duration) => {
   log("hmr update", { duration, framework, path });
 }, logInfo = (message) => {
@@ -956,19 +969,35 @@ 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');`,
       `}
 `,
+      ...isDev ? [
+        `// Stock Bun cannot emit Fast Refresh registrations yet. Give the dev client`,
+        `// a deterministic remount path that still imports only the changed module.`,
+        `window.__ABS_REACT_REMOUNT__ = (nextModule) => {`,
+        `	const NextPageComponent = resolvePageComponent(nextModule, ['default', '${pascalComponentName}', '${componentName}']);`,
+        `	const element = createElement(ErrorBoundary, null, createElement(NextPageComponent, mergedProps));`,
+        `	if (window.__REACT_ROOT__) {`,
+        `		window.__REACT_ROOT__.render(element);`,
+        `		return;`,
+        `	}`,
+        `	const nextRoot = createRoot(container);`,
+        `	nextRoot.render(element);`,
+        `	window.__REACT_ROOT__ = nextRoot;`,
+        `};
+`
+      ] : [],
       `// Guard: only hydrate on first load. During HMR re-imports, skip hydration`,
       `// so React Fast Refresh can swap components in-place and preserve state.`,
       `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(${isDev ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`});`,
@@ -1048,6 +1077,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;`,
+      `	};`,
+      `}`,
       ...isDev ? [
         `
 // Pre-warm: import the page module from the module server`,
@@ -12035,9 +12073,23 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
   // Send a server-side ack so the dev terminal can log the
   // full HMR latency (server compile + WS hop + client apply +
   // CD pulse) rather than just the server-side compile time.
-  const __ng_hmr_ack = (tier, applyMs, error) => {
+  const __ng_hmr_ack = (tier, applyMs, error, updateId) => {
     try {
       const ws = globalThis.__HMR_WS__;
+      const target = globalThis.__ABS_HMR_TARGET__ || 'web';
+      const timing = {
+        clientMs: Math.round(applyMs),
+        duration: Math.round(applyMs),
+        kind: 'component',
+        outcome: error ? 'failed' : 'applied',
+        serverMs: 0,
+        target,
+        updateId
+      };
+      globalThis.__ABS_HMR_LAST_APPLY__ = timing;
+      const applies = globalThis.__ABS_HMR_APPLIES__ || (globalThis.__ABS_HMR_APPLIES__ = []);
+      applies.push(timing);
+      if (applies.length > 50) applies.splice(0, applies.length - 50);
       if (ws && ws.readyState === 1) {
         ws.send(JSON.stringify({
           type: 'angular:hmr-ack',
@@ -12045,7 +12097,9 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
           className: ${JSON.stringify(className)},
           tier,
           applyMs,
-          error
+          error,
+          target,
+          updateId
         }));
       }
     } catch {}
@@ -12069,16 +12123,16 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
           import.meta,
           __ng_hmr_id
         );
-        __ng_hmr_ack('tier-0', performance.now() - t0);
+        __ng_hmr_ack('tier-0', performance.now() - t0, undefined, t);
       } catch (err) {
         console.error('[abs-hmr] \u0275\u0275replaceMetadata threw for ${className}:', err);
-        __ng_hmr_ack('tier-0', performance.now() - t0, String(err && err.message || err));
+        __ng_hmr_ack('tier-0', performance.now() - t0, String(err && err.message || err), t);
       }
     } else {
       // Non-component entity (pipe / directive / service) \u2014 no
       // LView tree to walk, just apply the prototype patch.
       u.default(${className}, [core]);
-      __ng_hmr_ack('tier-0', performance.now() - t0);
+      __ng_hmr_ack('tier-0', performance.now() - t0, undefined, t);
     }
   };
   // Tier 1 remount: structural changes (new ctor params / new field
@@ -12110,10 +12164,10 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
           ${JSON.stringify(className)}
         );
         if (mySeq !== __ng_hmr_seq) return; // newer event arrived during remount
-        __ng_hmr_ack('tier-1a', performance.now() - t0);
+        __ng_hmr_ack('tier-1a', performance.now() - t0, undefined, t);
       } catch (err) {
         console.error('[abs-hmr] remount threw for ${className}:', err);
-        __ng_hmr_ack('tier-1a', performance.now() - t0, String(err && err.message || err));
+        __ng_hmr_ack('tier-1a', performance.now() - t0, String(err && err.message || err), t);
       }
     } else {
       // No remount helper installed (older absolutejs runtime, or
@@ -12260,6 +12314,13 @@ var init_cleanup = __esm(() => {
   init_generatedDir();
 });
+// src/build/resolveBuildMode.ts
+var resolveBuildDevelopmentMode = (mode, nodeEnv) => mode === "development" || mode === undefined && nodeEnv === "development", resolveVueFeatureFlags = (development) => ({
+  __VUE_OPTIONS_API__: "true",
+  __VUE_PROD_DEVTOOLS__: development ? "true" : "false",
+  __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: development ? "true" : "false"
+});
 // src/utils/commonAncestor.ts
 var exports_commonAncestor = {};
 __export(exports_commonAncestor, {
@@ -12303,7 +12364,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) => join23(dirname12(buildDirectory), ".absolutejs", "build.lock"), readHeldLockEnv = () => new Set((process.env[HELD_LOCKS_ENV] ?? "").split(`
 `).filter((entry) => entry.length > 0)), writeHeldLockEnv = (locks) => {
@@ -12797,13 +12859,135 @@ var isTestSourcePath = (file) => {
   return normalized.includes("/__tests__/") || /\.(?:test|spec)\.[cm]?[jt]sx?$/.test(normalized);
 };
+// src/build/pwa.ts
+import { mkdir as mkdir5, rm as rm4, writeFile as writeFile5 } from "fs/promises";
+import { dirname as dirname13, join as join24 } 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) => join24(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 mkdir5(dirname13(workerDestination), { recursive: true });
+  await writeFile5(workerDestination, `${pushServiceWorker({
+    ...config.serviceWorker ?? {},
+    sync: Boolean(config.sync)
+  })}
+`);
+  if (config.manifest && manifestPath) {
+    const { path: _path, ...manifestConfig } = config.manifest;
+    const manifestDestination = destinationFor(buildPath, manifestPath);
+    await mkdir5(dirname13(manifestDestination), { recursive: true });
+    await writeFile5(manifestDestination, `${JSON.stringify(createWebAppManifest(manifestConfig), null, "\t")}
+`);
+  }
+  const generatedDirectory = join24(generatedRoot, "pwa");
+  const bootstrapEntry = join24(generatedDirectory, "bootstrap.ts");
+  const clientModule = Bun.resolveSync("@absolutejs/pwa/client", import.meta.dir);
+  await mkdir5(generatedDirectory, { recursive: true });
+  await writeFile5(bootstrapEntry, bootstrapEntrySource({
+    clientModule,
+    manifestPath,
+    serviceWorkerPath,
+    sync: config.sync
+  }));
+  const browserDirectory = destinationFor(buildPath, "/__absolute/pwa");
+  await rm4(browserDirectory, { force: true, recursive: true });
+  await mkdir5(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 readFileSync13 } from "fs";
-import { join as join24 } from "path";
+import { join as join25 } from "path";
 import ts8 from "typescript";
 var SKIP_DIRS2, SOURCE_EXTENSIONS2, getScriptKind3 = (filePath) => {
   if (filePath.endsWith(".tsx"))
@@ -12836,9 +13020,9 @@ var SKIP_DIRS2, SOURCE_EXTENSIONS2, getScriptKind3 = (filePath) => {
           continue;
         if (entry.name.startsWith("."))
           continue;
-        stack.push(join24(dir, entry.name));
+        stack.push(join25(dir, entry.name));
       } else if (entry.isFile() && hasSourceExtension2(entry.name)) {
-        out.push(join24(dir, entry.name));
+        out.push(join25(dir, entry.name));
       }
     }
   }
@@ -12950,7 +13134,7 @@ var init_scanVueSsrOnlyPages = __esm(() => {
 // src/build/scanAngularHandlerCalls.ts
 import { readdirSync as readdirSync3, readFileSync as readFileSync14 } from "fs";
-import { join as join25 } from "path";
+import { join as join26 } 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"))
@@ -12983,9 +13167,9 @@ var ELYSIA_ROUTE_METHODS2, SKIP_DIRS3, SOURCE_EXTENSIONS3, SERVER_ENTRY_COPY_PRE
           continue;
         if (entry.name.startsWith("."))
           continue;
-        stack.push(join25(dir, entry.name));
+        stack.push(join26(dir, entry.name));
       } else if (entry.isFile() && !entry.name.startsWith(SERVER_ENTRY_COPY_PREFIX) && hasSourceExtension3(entry.name)) {
-        out.push(join25(dir, entry.name));
+        out.push(join26(dir, entry.name));
       }
     }
   }
@@ -13100,7 +13284,7 @@ var init_scanAngularHandlerCalls = __esm(() => {
 // src/build/scanAngularPageRoutes.ts
 import { readdirSync as readdirSync4, readFileSync as readFileSync15 } from "fs";
-import { basename as basename9, join as join26 } from "path";
+import { basename as basename9, join as join27 } from "path";
 import ts10 from "typescript";
 var SOURCE_EXTENSIONS4, SKIP_DIRS4, hasSourceExtension4 = (filePath) => {
   const idx = filePath.lastIndexOf(".");
@@ -13140,9 +13324,9 @@ var SOURCE_EXTENSIONS4, SKIP_DIRS4, hasSourceExtension4 = (filePath) => {
           continue;
         if (entry.name.startsWith("."))
           continue;
-        stack.push(join26(dir, entry.name));
+        stack.push(join27(dir, entry.name));
       } else if (entry.isFile() && isPageFile(entry.name)) {
-        out.push(join26(dir, entry.name));
+        out.push(join27(dir, entry.name));
       }
     }
   }
@@ -13219,7 +13403,7 @@ __export(exports_parseAngularConfigImports, {
   parseAngularProvidersImport: () => parseAngularProvidersImport
 });
 import { existsSync as existsSync20, readFileSync as readFileSync16 } from "fs";
-import { dirname as dirname13, isAbsolute as isAbsolute3, join as join27 } from "path";
+import { dirname as dirname14, isAbsolute as isAbsolute3, join as join28 } from "path";
 import ts11 from "typescript";
 var findDefineConfigCall = (sf) => {
   let result = null;
@@ -13274,15 +13458,15 @@ var findDefineConfigCall = (sf) => {
 }, resolveConfigPath = (projectRoot) => {
   const envOverride = process.env.ABSOLUTE_CONFIG;
   if (envOverride) {
-    const resolved = isAbsolute3(envOverride) ? envOverride : join27(projectRoot, envOverride);
+    const resolved = isAbsolute3(envOverride) ? envOverride : join28(projectRoot, envOverride);
     if (existsSync20(resolved))
       return resolved;
   }
   const candidates = [
-    join27(projectRoot, "absolute.config.ts"),
-    join27(projectRoot, "absolute.config.mts"),
-    join27(projectRoot, "absolute.config.js"),
-    join27(projectRoot, "absolute.config.mjs")
+    join28(projectRoot, "absolute.config.ts"),
+    join28(projectRoot, "absolute.config.mts"),
+    join28(projectRoot, "absolute.config.js"),
+    join28(projectRoot, "absolute.config.mjs")
   ];
   for (const candidate of candidates) {
     if (existsSync20(candidate))
@@ -13314,8 +13498,8 @@ var findDefineConfigCall = (sf) => {
   const importInfo = findImportForBinding(sf, binding);
   if (!importInfo)
     return null;
-  const configDir2 = dirname13(configPath2);
-  const absolutePath = importInfo.source.startsWith(".") ? join27(configDir2, importInfo.source).replace(/\.[cm]?[tj]sx?$/, "") : isAbsolute3(importInfo.source) ? importInfo.source.replace(/\.[cm]?[tj]sx?$/, "") : importInfo.source;
+  const configDir2 = dirname14(configPath2);
+  const absolutePath = importInfo.source.startsWith(".") ? join28(configDir2, importInfo.source).replace(/\.[cm]?[tj]sx?$/, "") : isAbsolute3(importInfo.source) ? importInfo.source.replace(/\.[cm]?[tj]sx?$/, "") : importInfo.source;
   return {
     absolutePath,
     bindingName: binding,
@@ -13464,10 +13648,10 @@ __export(exports_compileSvelte, {
   clearSvelteCompilerCache: () => clearSvelteCompilerCache
 });
 import { existsSync as existsSync21 } from "fs";
-import { mkdir as mkdir5, stat as stat2 } from "fs/promises";
+import { mkdir as mkdir6, stat as stat2 } from "fs/promises";
 import {
-  dirname as dirname14,
-  join as join28,
+  dirname as dirname15,
+  join as join29,
   basename as basename10,
   extname as extname7,
   resolve as resolve20,
@@ -13515,7 +13699,7 @@ var resolveDevClientDir2 = () => {
 }, resolveRelativeModule2 = async (spec, from) => {
   if (!spec.startsWith("."))
     return null;
-  const basePath = resolve20(dirname14(from), spec);
+  const basePath = resolve20(dirname15(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -13526,14 +13710,14 @@ var resolveDevClientDir2 = () => {
     `${basePath}.svelte`,
     `${basePath}.svelte.ts`,
     `${basePath}.svelte.js`,
-    join28(basePath, "index.ts"),
-    join28(basePath, "index.js"),
-    join28(basePath, "index.mjs"),
-    join28(basePath, "index.cjs"),
-    join28(basePath, "index.json"),
-    join28(basePath, "index.svelte"),
-    join28(basePath, "index.svelte.ts"),
-    join28(basePath, "index.svelte.js")
+    join29(basePath, "index.ts"),
+    join29(basePath, "index.js"),
+    join29(basePath, "index.mjs"),
+    join29(basePath, "index.cjs"),
+    join29(basePath, "index.json"),
+    join29(basePath, "index.svelte"),
+    join29(basePath, "index.svelte.ts"),
+    join29(basePath, "index.svelte.js")
   ];
   const checks = await Promise.all(candidates.map(exists));
   return candidates.find((_2, index) => checks[index]) ?? null;
@@ -13542,7 +13726,7 @@ var resolveDevClientDir2 = () => {
     const resolved = resolvePackageImport(spec);
     return resolved && /\.svelte(\.(?:ts|js))?$/.test(resolved) ? resolved : null;
   }
-  const basePath = resolve20(dirname14(from), spec);
+  const basePath = resolve20(dirname15(from), spec);
   const explicit = /\.(svelte|svelte\.(?:ts|js))$/.test(basePath);
   if (!explicit) {
     const extensions = [".svelte", ".svelte.ts", ".svelte.js"];
@@ -13572,10 +13756,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 = join28(generatedDir, "client");
-  const indexDir = join28(generatedDir, "indexes");
-  const serverDir = join28(generatedDir, "server");
-  await Promise.all([clientDir, indexDir, serverDir].map((dir) => mkdir5(dir, { recursive: true })));
+  const clientDir = join29(generatedDir, "client");
+  const indexDir = join29(generatedDir, "indexes");
+  const serverDir = join29(generatedDir, "server");
+  await Promise.all([clientDir, indexDir, serverDir].map((dir) => mkdir6(dir, { recursive: true })));
   const dev = env.NODE_ENV !== "production";
   const build = async (src) => {
     const memoized = cache.get(src);
@@ -13602,8 +13786,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 = dirname14(relative11(svelteRoot, src)).replace(/\\/g, "/");
-    const relDir = rawRel.startsWith("..") ? `_ext/${relative11(process.cwd(), dirname14(src)).replace(/\\/g, "/")}` : rawRel;
+    const rawRel = dirname15(relative11(svelteRoot, src)).replace(/\\/g, "/");
+    const relDir = rawRel.startsWith("..") ? `_ext/${relative11(process.cwd(), dirname15(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)));
@@ -13612,8 +13796,8 @@ var resolveDevClientDir2 = () => {
     const childBuilt = await Promise.all(childSources.map((child) => build(child)));
     const hasAwaitSlotFromChildren = childBuilt.some((child) => child.hasAwaitSlot);
     const externalRewrites = new Map;
-    const ssrOutputDir = dirname14(join28(serverDir, relDir, `${baseName}.js`));
-    const clientOutputDir = dirname14(join28(clientDir, relDir, `${baseName}.js`));
+    const ssrOutputDir = dirname15(join29(serverDir, relDir, `${baseName}.js`));
+    const clientOutputDir = dirname15(join29(clientDir, relDir, `${baseName}.js`));
     for (let idx = 0;idx < importPaths.length; idx++) {
       const rawSpec = importPaths[idx];
       if (!rawSpec)
@@ -13678,11 +13862,11 @@ var resolveDevClientDir2 = () => {
       code += islandMetadataExports;
       return { code, map: compiledJs.map };
     };
-    const ssrPath = join28(serverDir, relDir, `${baseName}.js`);
-    const clientPath = join28(clientDir, relDir, `${baseName}.js`);
+    const ssrPath = join29(serverDir, relDir, `${baseName}.js`);
+    const clientPath = join29(clientDir, relDir, `${baseName}.js`);
     await Promise.all([
-      mkdir5(dirname14(ssrPath), { recursive: true }),
-      mkdir5(dirname14(clientPath), { recursive: true })
+      mkdir6(dirname15(ssrPath), { recursive: true }),
+      mkdir6(dirname15(clientPath), { recursive: true })
     ]);
     const inlineMap = (map) => map ? `
 //# sourceMappingURL=data:application/json;base64,${Buffer.from(JSON.stringify(map)).toString("base64")}
@@ -13717,10 +13901,10 @@ var resolveDevClientDir2 = () => {
   const roots = await Promise.all(entryPoints.map(build));
   const componentRoots = roots.filter((root) => !root.isModule);
   await Promise.all(componentRoots.map(async ({ client, hasAwaitSlot }) => {
-    const relClientDir = dirname14(relative11(clientDir, client));
+    const relClientDir = dirname15(relative11(clientDir, client));
     const name = basename10(client, extname7(client));
-    const indexPath = join28(indexDir, relClientDir, `${name}.js`);
-    const importRaw = relative11(dirname14(indexPath), client).split(sep2).join("/");
+    const indexPath = join29(indexDir, relClientDir, `${name}.js`);
+    const importRaw = relative11(dirname15(indexPath), client).split(sep2).join("/");
     const importPath = importRaw.startsWith(".") || importRaw.startsWith("/") ? importRaw : `./${importRaw}`;
     const hmrImports = isDev2 ? `window.__HMR_FRAMEWORK__ = "svelte";
 import "${hmrClientPath3}";
@@ -13731,8 +13915,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;
@@ -13763,6 +13948,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) {
@@ -13774,6 +13961,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 */ }
@@ -13799,14 +13993,14 @@ if (typeof window !== "undefined") {
     setTimeout(releaseStreamingSlots, 0);
   }
 }`;
-    await mkdir5(dirname14(indexPath), { recursive: true });
+    await mkdir6(dirname15(indexPath), { recursive: true });
     return write2(indexPath, bootstrap);
   }));
   return {
     svelteClientPaths: roots.map(({ client }) => client),
     svelteIndexPaths: componentRoots.map(({ client }) => {
-      const rel = dirname14(relative11(clientDir, client));
-      return join28(indexDir, rel, basename10(client));
+      const rel = dirname15(relative11(clientDir, client));
+      return join29(indexDir, rel, basename10(client));
     }),
     svelteServerPaths: roots.map(({ ssr }) => ssr)
   };
@@ -13821,7 +14015,7 @@ var init_compileSvelte = __esm(() => {
   init_lowerAwaitSlotSyntax();
   init_renderToReadableStream();
   devClientDir2 = resolveDevClientDir2();
-  hmrClientPath3 = join28(devClientDir2, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath3 = join29(devClientDir2, "hmrClient.ts").replace(/\\/g, "/");
   persistentCache = new Map;
   sourceHashCache = new Map;
   transpiler3 = new Transpiler2({ loader: "ts", target: "browser" });
@@ -14299,12 +14493,12 @@ __export(exports_compileVue, {
   clearVueHmrCaches: () => clearVueHmrCaches
 });
 import { existsSync as existsSync22, readFileSync as readFileSync18, realpathSync as realpathSync2 } from "fs";
-import { mkdir as mkdir6 } from "fs/promises";
+import { mkdir as mkdir7 } from "fs/promises";
 import {
   basename as basename11,
-  dirname as dirname15,
+  dirname as dirname16,
   isAbsolute as isAbsolute4,
-  join as join29,
+  join as join30,
   relative as relative12,
   resolve as resolve21
 } from "path";
@@ -14368,7 +14562,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 = resolve21(dirname15(cssFilePath), relPath);
+    const importedPath = resolve21(dirname16(cssFilePath), relPath);
     if (!existsSync22(importedPath))
       return match;
     const importedContent = readFileSync18(importedPath, "utf-8");
@@ -14490,12 +14684,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 : resolve21(dirname15(sourceFilePath), path));
+  const stylePathsImported = importPaths.filter((path) => (path.startsWith(".") || isAbsolute4(path)) && isStylePath(path)).map((path) => isAbsolute4(path) ? path : resolve21(dirname16(sourceFilePath), path));
   for (const stylePath of stylePathsImported) {
     addStyleImporter(sourceFilePath, stylePath);
   }
   const childBuildResults = await Promise.all([
-    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve21(dirname15(sourceFilePath), relativeChildPath), outputDirs, cacheMap, false, vueRootDir, compiler, stylePreprocessors)),
+    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve21(dirname16(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;
@@ -14510,7 +14704,7 @@ const ${localName} = (source) => ${importedName}(
     sourceMap: true
   }) : { bindings: {}, content: "export default {};", map: undefined };
   const strippedScript = stripExports2(compiledScript.content);
-  const sourceDir = dirname15(sourceFilePath);
+  const sourceDir = dirname16(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) {
@@ -14555,8 +14749,8 @@ const ${localName} = (source) => ${importedName}(
   ];
   let cssOutputPaths = [];
   if (isEntryPoint && allCss.length) {
-    const cssOutputFile = join29(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
-    await mkdir6(dirname15(cssOutputFile), { recursive: true });
+    const cssOutputFile = join30(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
+    await mkdir7(dirname16(cssOutputFile), { recursive: true });
     await write3(cssOutputFile, allCss.join(`
 `));
     cssOutputPaths = [cssOutputFile];
@@ -14586,21 +14780,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 = join29(outputDirs.client, `${relativeWithoutExtension}.js`);
-  const serverOutputPath = join29(outputDirs.server, `${relativeWithoutExtension}.js`);
+  const clientOutputPath = join30(outputDirs.client, `${relativeWithoutExtension}.js`);
+  const serverOutputPath = join30(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(dirname15(outputPath), targetPath).replace(/\\/g, "/");
+      let rel = relative12(dirname16(outputPath), targetPath).replace(/\\/g, "/");
       if (!rel.startsWith("."))
         rel = `./${rel}`;
       result2 = result2.replaceAll(bareImport, rel);
     }
     return result2;
   };
-  await mkdir6(dirname15(clientOutputPath), { recursive: true });
-  await mkdir6(dirname15(serverOutputPath), { recursive: true });
+  await mkdir7(dirname16(clientOutputPath), { recursive: true });
+  await mkdir7(dirname16(serverOutputPath), { recursive: true });
   const clientFinal = rewritePackageImports(clientCode, clientOutputPath, "client");
   const serverFinal = rewritePackageImports(serverCode, serverOutputPath, "server");
   const inlineSourceMapFor = (finalContent) => {
@@ -14623,7 +14817,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     serverPath: serverOutputPath,
     spaRoutes: spaRoutes.length > 0 ? spaRoutes : undefined,
     tsHelperPaths: [
-      ...helperModulePaths.map((helper) => resolveHelperTsPath(dirname15(sourceFilePath), helper)),
+      ...helperModulePaths.map((helper) => resolveHelperTsPath(dirname16(sourceFilePath), helper)),
       ...childBuildResults.flatMap((child) => child.tsHelperPaths)
     ]
   };
@@ -14633,15 +14827,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 = join29(generatedDir, "client");
-  const indexOutputDir = join29(generatedDir, "indexes");
-  const serverOutputDir = join29(generatedDir, "server");
-  const cssOutputDir = join29(generatedDir, "compiled");
+  const clientOutputDir = join30(generatedDir, "client");
+  const indexOutputDir = join30(generatedDir, "indexes");
+  const serverOutputDir = join30(generatedDir, "server");
+  const cssOutputDir = join30(generatedDir, "compiled");
   await Promise.all([
-    mkdir6(clientOutputDir, { recursive: true }),
-    mkdir6(indexOutputDir, { recursive: true }),
-    mkdir6(serverOutputDir, { recursive: true }),
-    mkdir6(cssOutputDir, { recursive: true })
+    mkdir7(clientOutputDir, { recursive: true }),
+    mkdir7(indexOutputDir, { recursive: true }),
+    mkdir7(serverOutputDir, { recursive: true }),
+    mkdir7(cssOutputDir, { recursive: true })
   ]);
   const buildCache = new Map;
   const allTsHelperPaths = new Set;
@@ -14663,7 +14857,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       });
       const routes = parseVueSpaRoutes(descriptor.script?.content ?? "");
       for (const { importPath } of routes) {
-        const childPath = resolve21(dirname15(entryPath), importPath);
+        const childPath = resolve21(dirname16(entryPath), importPath);
         if (expanded.has(childPath) || !existsSync22(childPath)) {
           continue;
         }
@@ -14693,16 +14887,16 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
       };
     }
     const entryBaseName = basename11(entryPath, ".vue");
-    const indexOutputFile = join29(indexOutputDir, `${entryBaseName}.js`);
-    const clientOutputFile = join29(clientOutputDir, relative12(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
-    await mkdir6(dirname15(indexOutputFile), { recursive: true });
+    const indexOutputFile = join30(indexOutputDir, `${entryBaseName}.js`);
+    const clientOutputFile = join30(clientOutputDir, relative12(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
+    await mkdir7(dirname16(indexOutputFile), { recursive: true });
     const vueHmrImports = isDev2 ? [
       `window.__HMR_FRAMEWORK__ = "vue";`,
       `import "${hmrClientPath4}";`
     ] : [];
     await write3(indexOutputFile, [
       ...vueHmrImports,
-      `import Comp, * as PageModule from "${relative12(dirname15(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
+      `import Comp, * as PageModule from "${relative12(dirname16(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
       'import { createSSRApp, createApp } from "vue";',
       "",
       "// HMR State Preservation: Check for preserved state from HMR",
@@ -14749,7 +14943,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() {",
@@ -14767,11 +14962,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",
@@ -14857,7 +15058,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     if (!tsPath)
       continue;
     const sourceCode = await file2(tsPath).text();
-    const helperDir = dirname15(tsPath);
+    const helperDir = dirname16(tsPath);
     for (const dep of extractImports(sourceCode)) {
       if (!dep.startsWith(".") || isStylePath(dep) || dep.endsWith(".vue")) {
         continue;
@@ -14876,10 +15077,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 = join29(clientOutputDir, relativeJsPath);
-    const outServerPath = join29(serverOutputDir, relativeJsPath);
-    await mkdir6(dirname15(outClientPath), { recursive: true });
-    await mkdir6(dirname15(outServerPath), { recursive: true });
+    const outClientPath = join30(clientOutputDir, relativeJsPath);
+    const outServerPath = join30(serverOutputDir, relativeJsPath);
+    await mkdir7(dirname16(outClientPath), { recursive: true });
+    await mkdir7(dirname16(outServerPath), { recursive: true });
     await write3(outClientPath, withMap);
     await write3(outServerPath, withMap);
   }));
@@ -14909,7 +15110,7 @@ var init_compileVue = __esm(() => {
   init_vueAutoRouterTransform();
   init_stylePreprocessor();
   devClientDir3 = resolveDevClientDir3();
-  hmrClientPath4 = join29(devClientDir3, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath4 = join30(devClientDir3, "hmrClient.ts").replace(/\\/g, "/");
   transpiler4 = new Transpiler3({ loader: "ts", target: "browser" });
   scriptCache = new Map;
   scriptSetupCache = new Map;
@@ -15391,7 +15592,7 @@ __export(exports_compileAngular, {
   compileAngular: () => compileAngular
 });
 import { existsSync as existsSync23, readFileSync as readFileSync19, promises as fs5 } from "fs";
-import { join as join30, basename as basename12, sep as sep3, dirname as dirname16, resolve as resolve22, relative as relative13 } from "path";
+import { join as join31, basename as basename12, sep as sep3, dirname as dirname17, resolve as resolve22, relative as relative13 } from "path";
 var {Glob: Glob6 } = globalThis.Bun;
 import ts13 from "typescript";
 var traceAngularPhase = async (name, fn2, metadata) => {
@@ -15434,10 +15635,10 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     `${candidate}.tsx`,
     `${candidate}.js`,
     `${candidate}.jsx`,
-    join30(candidate, "index.ts"),
-    join30(candidate, "index.tsx"),
-    join30(candidate, "index.js"),
-    join30(candidate, "index.jsx")
+    join31(candidate, "index.ts"),
+    join31(candidate, "index.tsx"),
+    join31(candidate, "index.js"),
+    join31(candidate, "index.jsx")
   ];
   return candidates.find((file3) => existsSync23(file3));
 }, createLegacyAngularAnimationUsageResolver = (rootDir) => {
@@ -15509,7 +15710,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     if (scan.usesLegacyAnimations)
       return true;
     for (const specifier of scan.imports) {
-      const importedPath = resolveLocalImport(specifier, dirname16(resolved));
+      const importedPath = resolveLocalImport(specifier, dirname17(resolved));
       if (importedPath && await visit(importedPath, visited)) {
         return true;
       }
@@ -15568,7 +15769,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     return `${path.replace(/\.ts$/, ".js")}${query}`;
   if (hasJsLikeExtension(path))
     return `${path}${query}`;
-  const importerDir = dirname16(importerOutputPath);
+  const importerDir = dirname17(importerOutputPath);
   const fileCandidate = resolve22(importerDir, `${path}.js`);
   if (outputFiles?.has(fileCandidate) || existsSync23(fileCandidate)) {
     return `${path}.js${query}`;
@@ -15601,16 +15802,16 @@ var traceAngularPhase = async (name, fn2, metadata) => {
 }, resolveLocalTsImport = (fromFile, specifier) => {
   if (!isRelativeModuleSpecifier(specifier))
     return null;
-  const basePath = resolve22(dirname16(fromFile), specifier);
+  const basePath = resolve22(dirname17(fromFile), specifier);
   const candidates = /\.[cm]?[tj]sx?$/.test(basePath) ? [basePath] : [
     `${basePath}.ts`,
     `${basePath}.tsx`,
     `${basePath}.mts`,
     `${basePath}.cts`,
-    join30(basePath, "index.ts"),
-    join30(basePath, "index.tsx"),
-    join30(basePath, "index.mts"),
-    join30(basePath, "index.cts")
+    join31(basePath, "index.ts"),
+    join31(basePath, "index.tsx"),
+    join31(basePath, "index.mts"),
+    join31(basePath, "index.cts")
   ];
   return candidates.map((candidate) => resolve22(candidate)).find((candidate) => existsSync23(candidate) && !candidate.endsWith(".d.ts")) ?? null;
 }, readFileForAotTransform = async (fileName, readFile6) => {
@@ -15636,15 +15837,15 @@ var traceAngularPhase = async (name, fn2, metadata) => {
   const paths = [];
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1])
-    paths.push(join30(fileDir, templateUrlMatch[1]));
+    paths.push(join31(fileDir, templateUrlMatch[1]));
   const styleUrlMatch = findUncommentedMatch(source, /styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (styleUrlMatch?.[1])
-    paths.push(join30(fileDir, styleUrlMatch[1]));
+    paths.push(join31(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(join30(fileDir, urlMatch.replace(/['"]/g, "")));
+      paths.push(join31(fileDir, urlMatch.replace(/['"]/g, "")));
     }
   }
   return paths.map((path) => resolve22(path));
@@ -15659,13 +15860,13 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     return null;
   }
 }, writeResourceCacheFile = async (cachePath, source) => {
-  await fs5.mkdir(dirname16(cachePath), { recursive: true });
+  await fs5.mkdir(dirname17(cachePath), { recursive: true });
   await fs5.writeFile(cachePath, JSON.stringify({
     source,
     version: 1
   }), "utf-8");
 }, resolveResourceTransformCachePath = async (filePath, source, stylePreprocessors) => {
-  const resourcePaths = collectAngularResourcePaths(source, dirname16(filePath));
+  const resourcePaths = collectAngularResourcePaths(source, dirname17(filePath));
   const resourceContents = await Promise.all(resourcePaths.map(async (resourcePath) => {
     const content = await fs5.readFile(resourcePath, "utf-8");
     return `${resourcePath}\x00${content}`;
@@ -15678,7 +15879,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     safeStableStringify(stylePreprocessors ?? null)
   ].join("\x00");
   const cacheKey2 = Bun.hash(cacheInput).toString(BASE_36_RADIX);
-  return join30(process.cwd(), ".absolutejs", "cache", "angular-resources", `${cacheKey2}.json`);
+  return join31(process.cwd(), ".absolutejs", "cache", "angular-resources", `${cacheKey2}.json`);
 }, precomputeAotResourceTransforms = async (inputPaths, readFile6, stylePreprocessors) => {
   const transformedSources = new Map;
   const visited = new Set;
@@ -15705,7 +15906,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
       transformedSource = cached.source;
     } else {
       stats.cacheMisses += 1;
-      const transformed = await inlineResources(source, dirname16(resolvedPath), stylePreprocessors);
+      const transformed = await inlineResources(source, dirname17(resolvedPath), stylePreprocessors);
       transformedSource = transformed.source;
       await writeResourceCacheFile(cachePath, transformedSource);
     }
@@ -15724,7 +15925,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
   return { stats, transformedSources };
 }, compileAngularFiles = async (inputPaths, outDir, stylePreprocessors) => {
   const islandMetadataByOutputPath = await traceAngularPhase("aot/island-metadata", () => new Map(inputPaths.map((inputPath) => {
-    const outputPath = resolve22(join30(outDir, relative13(process.cwd(), resolve22(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
+    const outputPath = resolve22(join31(outDir, relative13(process.cwd(), resolve22(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
     return [
       outputPath,
       buildIslandMetadataExports(readFileSync19(inputPath, "utf-8"))
@@ -15734,7 +15935,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
   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 = dirname16(tsPath);
+    const tsRootDir = dirname17(tsPath);
     return tsRootDir.endsWith("lib") ? tsRootDir : resolve22(tsRootDir, "lib");
   });
   const config = await traceAngularPhase("aot/read-configuration", () => readConfiguration("./tsconfig.json"));
@@ -15771,7 +15972,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
   const originalGetSourceFile = host.getSourceFile;
   host.getSourceFile = (fileName, languageVersion, onError) => {
     if (fileName.startsWith("lib.") && fileName.endsWith(".d.ts") && tsLibDir) {
-      const resolvedPath = join30(tsLibDir, fileName);
+      const resolvedPath = join31(tsLibDir, fileName);
       return originalGetSourceFile?.call(host, resolvedPath, languageVersion, onError);
     }
     return originalGetSourceFile?.call(host, fileName, languageVersion, onError);
@@ -15826,7 +16027,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
   const entries = await traceAngularPhase("aot/postprocess-emitted-js", () => {
     const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
       content,
-      target: join30(outDir, fileName)
+      target: join31(outDir, fileName)
     }));
     const outputFiles = new Set(rawEntries.map(({ target }) => resolve22(target)));
     return rawEntries.map(({ content, target }) => {
@@ -15848,7 +16049,7 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     });
   });
   await traceAngularPhase("aot/write-output", () => Promise.all(entries.map(async ({ target, content }) => {
-    await fs5.mkdir(dirname16(target), { recursive: true });
+    await fs5.mkdir(dirname17(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 });
@@ -16003,7 +16204,7 @@ ${fields}
 }, inlineTemplateAndLowerDefer = async (source, fileDir) => {
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
-    const templatePath = join30(fileDir, templateUrlMatch[1]);
+    const templatePath = join31(fileDir, templateUrlMatch[1]);
     if (!existsSync23(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
@@ -16034,7 +16235,7 @@ ${fields}
 }, inlineTemplateAndLowerDeferSync = (source, fileDir) => {
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
-    const templatePath = join30(fileDir, templateUrlMatch[1]);
+    const templatePath = join31(fileDir, templateUrlMatch[1]);
     if (!existsSync23(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
@@ -16071,7 +16272,7 @@ ${fields}
     return source;
   const stylePromises = urlMatches.map((urlMatch) => {
     const styleUrl = urlMatch.replace(/['"]/g, "");
-    return readAndEscapeFile(join30(fileDir, styleUrl), stylePreprocessors);
+    return readAndEscapeFile(join31(fileDir, styleUrl), stylePreprocessors);
   });
   const results = await Promise.all(stylePromises);
   const inlinedStyles = results.filter(Boolean).map((escaped) => `\`${escaped}\``);
@@ -16082,7 +16283,7 @@ ${fields}
   const styleUrlMatch = findUncommentedMatch(source, /styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (!styleUrlMatch?.[1])
     return source;
-  const escaped = await readAndEscapeFile(join30(fileDir, styleUrlMatch[1]), stylePreprocessors);
+  const escaped = await readAndEscapeFile(join31(fileDir, styleUrlMatch[1]), stylePreprocessors);
   if (!escaped)
     return source;
   return source.slice(0, styleUrlMatch.index) + `styles: [\`${escaped}\`]` + source.slice(styleUrlMatch.index + styleUrlMatch[0].length);
@@ -16178,10 +16379,10 @@ ${fields}
       `${candidate}.js`,
       `${candidate}.jsx`,
       `${candidate}.json`,
-      join30(candidate, "index.ts"),
-      join30(candidate, "index.tsx"),
-      join30(candidate, "index.js"),
-      join30(candidate, "index.jsx")
+      join31(candidate, "index.ts"),
+      join31(candidate, "index.tsx"),
+      join31(candidate, "index.js"),
+      join31(candidate, "index.jsx")
     ];
     return candidates.find((file3) => existsSync23(file3));
   };
@@ -16205,13 +16406,13 @@ ${fields}
     }
   };
   const toOutputPath = (sourcePath) => {
-    const inputDir = dirname16(sourcePath);
+    const inputDir = dirname17(sourcePath);
     const fileBase = basename12(sourcePath).replace(/\.[cm]?[tj]sx?$/, ".js");
     if (inputDir === outDir || inputDir.startsWith(`${outDir}${sep3}`)) {
-      return join30(inputDir, fileBase);
+      return join31(inputDir, fileBase);
     }
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
-    return join30(outDir, relativeDir, fileBase);
+    return join31(outDir, relativeDir, fileBase);
   };
   const withCacheBuster = (specifier) => {
     if (!cacheBuster)
@@ -16259,10 +16460,10 @@ ${fields}
       return;
     visited.add(resolved);
     if (resolved.endsWith(".json") && existsSync23(resolved)) {
-      const inputDir2 = dirname16(resolved);
+      const inputDir2 = dirname17(resolved);
       const relativeDir2 = inputDir2.startsWith(baseDir) ? inputDir2.substring(baseDir.length + 1) : inputDir2;
-      const targetDir2 = join30(outDir, relativeDir2);
-      const targetPath2 = join30(targetDir2, basename12(resolved));
+      const targetDir2 = join31(outDir, relativeDir2);
+      const targetPath2 = join31(targetDir2, basename12(resolved));
       await fs5.mkdir(targetDir2, { recursive: true });
       await fs5.copyFile(resolved, targetPath2);
       allOutputs.push(targetPath2);
@@ -16274,12 +16475,12 @@ ${fields}
     if (!existsSync23(actualPath))
       return;
     let sourceCode = await fs5.readFile(actualPath, "utf-8");
-    const inlined = await inlineResources(sourceCode, dirname16(actualPath), stylePreprocessors);
-    sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname16(actualPath)).source;
-    const inputDir = dirname16(actualPath);
+    const inlined = await inlineResources(sourceCode, dirname17(actualPath), stylePreprocessors);
+    sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname17(actualPath)).source;
+    const inputDir = dirname17(actualPath);
     const fileBase = basename12(actualPath).replace(/\.[cm]?[tj]sx?$/, ".js");
     const targetPath = toOutputPath(actualPath);
-    const targetDir = dirname16(targetPath);
+    const targetDir = dirname17(targetPath);
     const relativeDir = relative13(outDir, targetDir).replace(/\\/g, "/");
     const localImports = [];
     const importRewrites = new Map;
@@ -16341,7 +16542,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     return { clientPaths: [...emptyPaths], serverPaths: [...emptyPaths] };
   }
   const compiledRoot = compiledParent;
-  const indexesDir = join30(compiledParent, "indexes");
+  const indexesDir = join31(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) => resolve22(entry)), compiledRoot, stylePreprocessors), { entries: entryPoints.length });
   if (!hmr) {
@@ -16355,10 +16556,10 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         absolute: false,
         cwd: angularSrcDir
       })) {
-        const sourcePath = join30(angularSrcDir, rel);
+        const sourcePath = join31(angularSrcDir, rel);
         const cwdRel = relative13(cwd, sourcePath);
-        const targetPath = join30(compiledRoot, cwdRel);
-        await fs5.mkdir(dirname16(targetPath), { recursive: true });
+        const targetPath = join31(compiledRoot, cwdRel);
+        await fs5.mkdir(dirname17(targetPath), { recursive: true });
         await fs5.copyFile(sourcePath, targetPath);
       }
     });
@@ -16374,9 +16575,9 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     const fileBase = basename12(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
     const compiledFallbackPaths = [
-      join30(compiledRoot, relativeEntry),
-      join30(compiledRoot, "pages", jsName),
-      join30(compiledRoot, jsName)
+      join31(compiledRoot, relativeEntry),
+      join31(compiledRoot, "pages", jsName),
+      join31(compiledRoot, jsName)
     ].map((file3) => resolve22(file3));
     const resolveRawServerFile = (candidatePaths) => {
       const normalizedCandidates = [
@@ -16438,7 +16639,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 = join30(indexesDir, jsName);
+    const clientFile = join31(indexesDir, jsName);
     if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync23(clientFile) && (usesLegacyAnimations || !original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__")) && (!usesLegacyAnimations || original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__"))) {
       return {
         clientPath: clientFile,
@@ -16473,10 +16674,10 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
           const angularDirAbs = resolve22(outRoot);
           const appSourceAbs = resolve22(providersInjection.appProvidersSource);
           const rel = relative13(angularDirAbs, appSourceAbs).replace(/\\/g, "/");
-          return join30(compiledParent, rel).replace(/\.[cm]?[tj]sx?$/, ".js");
+          return join31(compiledParent, rel).replace(/\.[cm]?[tj]sx?$/, ".js");
         })();
         const appProvidersSpec = (() => {
-          const rel = relative13(dirname16(rawServerFile), compiledAppProvidersPath).replace(/\\/g, "/");
+          const rel = relative13(dirname17(rawServerFile), compiledAppProvidersPath).replace(/\\/g, "/");
           return rel.startsWith(".") ? rel : `./${rel}`;
         })();
         importLines.push(`import { appProviders as __abs_globalProviders } from "${appProvidersSpec}";`);
@@ -16524,6 +16725,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
@@ -16574,13 +16776,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;
@@ -16590,7 +16793,7 @@ if (pageHasRawStreamingSlots) {
         });
     }
 } else {
-    bootstrapApplication(${componentClassName}, {
+    absolutePageReady = bootstrapApplication(${componentClassName}, {
         providers: providers
     }).then(function (appRef) {
         window.__ANGULAR_APP__ = appRef;
@@ -16600,8 +16803,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';
@@ -16620,6 +16832,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
@@ -16639,11 +16852,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;
@@ -16653,7 +16876,7 @@ if (pageHasRawStreamingSlots) {
         });
     }
 } else {
-    bootstrapApplication(${componentClassName}, {
+    absolutePageReady = bootstrapApplication(${componentClassName}, {
         providers: providers
     }).then(function (appRef) {
         window.__ANGULAR_APP__ = appRef;
@@ -16663,8 +16886,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;
@@ -16697,7 +16929,7 @@ var init_compileAngular = __esm(() => {
   init_stylePreprocessor();
   init_generatedDir();
   devClientDir4 = resolveDevClientDir4();
-  hmrClientPath5 = join30(devClientDir4, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath5 = join31(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?/;
@@ -17422,7 +17654,7 @@ __export(exports_fastHmrCompiler, {
   invalidateFingerprintCache: () => invalidateFingerprintCache
 });
 import { existsSync as existsSync24, readFileSync as readFileSync20, statSync as statSync2 } from "fs";
-import { dirname as dirname17, extname as extname8, relative as relative14, resolve as resolve23 } from "path";
+import { dirname as dirname18, extname as extname8, relative as relative14, resolve as resolve23 } from "path";
 import ts17 from "typescript";
 var fail = (reason, detail, location) => ({
   detail,
@@ -17552,7 +17784,7 @@ var fail = (reason, detail, location) => ({
         continue;
       const decoratorMeta = readDecoratorMeta(args);
       const { inputs, outputs } = extractInputsAndOutputs(stmt, null);
-      const componentDir = dirname17(componentFilePath);
+      const componentDir = dirname18(componentFilePath);
       const fingerprint = extractFingerprint(stmt, className, decoratorMeta, inputs, outputs, sourceFile, componentDir);
       fingerprintCache.set(id, fingerprint);
     } else {
@@ -18533,7 +18765,7 @@ var fail = (reason, detail, location) => ({
     });
     if (!names.includes(className))
       continue;
-    const nextDts = resolveDtsFromSpec(fromPath, dirname17(startDtsPath));
+    const nextDts = resolveDtsFromSpec(fromPath, dirname18(startDtsPath));
     if (!nextDts)
       continue;
     const found = findDtsContainingClass(nextDts, className, visited);
@@ -18543,7 +18775,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, dirname17(startDtsPath));
+    const nextDts = resolveDtsFromSpec(fromPath, dirname18(startDtsPath));
     if (!nextDts)
       continue;
     const found = findDtsContainingClass(nextDts, className, visited);
@@ -19144,7 +19376,7 @@ ${block}
       rebootstrapRequired: false
     };
   }
-  if (inheritsDecoratedClass(classNode, sourceFile, dirname17(componentFilePath), projectRoot)) {
+  if (inheritsDecoratedClass(classNode, sourceFile, dirname18(componentFilePath), projectRoot)) {
     return fail("inherits-decorated-class");
   }
   const decorator = findComponentDecorator(classNode);
@@ -19156,7 +19388,7 @@ ${block}
   const projectDefaults = readProjectAngularCompilerOptions(projectRoot);
   const decoratorMeta = readDecoratorMeta(decoratorArgs, projectDefaults);
   const advancedMetadata = extractAdvancedMetadata(classNode, decoratorArgs, compiler);
-  const componentDir = dirname17(componentFilePath);
+  const componentDir = dirname18(componentFilePath);
   let templateText;
   let templatePath;
   if (decoratorMeta.template !== null) {
@@ -19926,7 +20158,7 @@ __export(exports_compileEmber, {
   getEmberServerCompiledDir: () => getEmberServerCompiledDir,
   getEmberCompiledRoot: () => getEmberCompiledRoot,
   getEmberClientCompiledDir: () => getEmberClientCompiledDir,
-  dirname: () => dirname18,
+  dirname: () => dirname19,
   compileEmberFileSource: () => compileEmberFileSource,
   compileEmberFile: () => compileEmberFile,
   compileEmber: () => compileEmber,
@@ -19934,8 +20166,8 @@ __export(exports_compileEmber, {
   basename: () => basename13
 });
 import { existsSync as existsSync25 } from "fs";
-import { mkdir as mkdir7, rm as rm4 } from "fs/promises";
-import { basename as basename13, dirname as dirname18, extname as extname9, join as join31, resolve as resolve24 } from "path";
+import { mkdir as mkdir8, rm as rm5 } from "fs/promises";
+import { basename as basename13, dirname as dirname19, extname as extname9, join as join32, resolve as resolve24 } from "path";
 var {build: bunBuild2, Transpiler: Transpiler4, write: write4, file: file3 } = globalThis.Bun;
 var cachedPreprocessor = null, getPreprocessor = async () => {
   if (cachedPreprocessor)
@@ -20031,7 +20263,7 @@ export const importSync = (specifier) => {
         const originalImporter = stagedSourceMap.get(args.importer);
         if (!originalImporter)
           return;
-        const candidateBase = resolve24(dirname18(originalImporter), args.path);
+        const candidateBase = resolve24(dirname19(originalImporter), args.path);
         const extensionsToTry = ["", ".gts", ".gjs", ".ts", ".js"];
         for (const ext of extensionsToTry) {
           const candidate = candidateBase + ext;
@@ -20054,7 +20286,7 @@ export const importSync = (specifier) => {
     build.onResolve({ filter: /^@(?:ember|glimmer|simple-dom)\// }, (args) => {
       if (standalonePackages.has(args.path))
         return;
-      const internal = join31(cwd, "node_modules/ember-source/dist/packages", args.path, "index.js");
+      const internal = join32(cwd, "node_modules/ember-source/dist/packages", args.path, "index.js");
       if (existsSync25(internal))
         return { path: internal };
       return;
@@ -20102,16 +20334,16 @@ export default PageComponent;
   }
   const transpiled = transpiler5.transformSync(preprocessed);
   const baseName = basename13(resolvedEntry).replace(/\.(gjs|gts|ts|js)$/, "");
-  const tmpDir = join31(compiledRoot, "_tmp");
-  const serverDir = join31(compiledRoot, "server");
-  const clientDir = join31(compiledRoot, "client");
+  const tmpDir = join32(compiledRoot, "_tmp");
+  const serverDir = join32(compiledRoot, "server");
+  const clientDir = join32(compiledRoot, "client");
   await Promise.all([
-    mkdir7(tmpDir, { recursive: true }),
-    mkdir7(serverDir, { recursive: true }),
-    mkdir7(clientDir, { recursive: true })
+    mkdir8(tmpDir, { recursive: true }),
+    mkdir8(serverDir, { recursive: true }),
+    mkdir8(clientDir, { recursive: true })
   ]);
-  const tmpPagePath = resolve24(join31(tmpDir, `${baseName}.module.js`));
-  const tmpHarnessPath = resolve24(join31(tmpDir, `${baseName}.harness.js`));
+  const tmpPagePath = resolve24(join32(tmpDir, `${baseName}.module.js`));
+  const tmpHarnessPath = resolve24(join32(tmpDir, `${baseName}.harness.js`));
   await Promise.all([
     write4(tmpPagePath, transpiled),
     write4(tmpHarnessPath, generateServerHarness(tmpPagePath))
@@ -20119,7 +20351,7 @@ export default PageComponent;
   const stagedSourceMap = new Map([
     [tmpPagePath, resolvedEntry]
   ]);
-  const serverPath = join31(serverDir, `${baseName}.js`);
+  const serverPath = join32(serverDir, `${baseName}.js`);
   const buildResult = await bunBuild2({
     entrypoints: [tmpHarnessPath],
     format: "esm",
@@ -20135,8 +20367,8 @@ export default PageComponent;
   if (!buildResult.success) {
     console.warn(`\u26A0\uFE0F Ember server build for ${baseName} had errors:`, buildResult.logs);
   }
-  await rm4(tmpDir, { force: true, recursive: true });
-  const clientPath = join31(clientDir, `${baseName}.js`);
+  await rm5(tmpDir, { force: true, recursive: true });
+  const clientPath = join32(clientDir, `${baseName}.js`);
   await write4(clientPath, transpiled);
   return { clientPath, serverPath };
 }, compileEmber = async (entries, emberDir, cwd = process.cwd(), _hmr = false) => {
@@ -20164,7 +20396,7 @@ export default PageComponent;
     preprocessed = rewriteTemplateEvalToScope(result.code);
   }
   return transpiler5.transformSync(preprocessed);
-}, clearEmberCompilerCache = () => {}, getEmberCompiledRoot = (_emberDir) => getFrameworkGeneratedDir("ember"), getEmberServerCompiledDir = (emberDir) => join31(getEmberCompiledRoot(emberDir), "server"), getEmberClientCompiledDir = (emberDir) => join31(getEmberCompiledRoot(emberDir), "client");
+}, clearEmberCompilerCache = () => {}, getEmberCompiledRoot = (_emberDir) => getFrameworkGeneratedDir("ember"), getEmberServerCompiledDir = (emberDir) => join32(getEmberCompiledRoot(emberDir), "server"), getEmberClientCompiledDir = (emberDir) => join32(getEmberCompiledRoot(emberDir), "client");
 var init_compileEmber = __esm(() => {
   init_generatedDir();
   transpiler5 = new Transpiler4({
@@ -20186,8 +20418,8 @@ __export(exports_buildReactVendor, {
   buildReactVendor: () => buildReactVendor
 });
 import { existsSync as existsSync26, mkdirSync as mkdirSync8 } from "fs";
-import { join as join32, resolve as resolve25 } from "path";
-import { rm as rm5 } from "fs/promises";
+import { join as join33, resolve as resolve25 } from "path";
+import { rm as rm6 } from "fs/promises";
 var {build: bunBuild3 } = globalThis.Bun;
 var resolveJsxDevRuntimeCompatPath = () => {
   const candidates = [
@@ -20204,13 +20436,17 @@ var resolveJsxDevRuntimeCompatPath = () => {
     }
   }
   return (candidates[0] ?? resolve25(import.meta.dir, "react", "jsxDevRuntimeCompat.js")).replace(/\\/g, "/");
-}, jsxDevRuntimeCompatPath, reactSpecifiers, toSafeFileName = (specifier) => specifier.replace(/\//g, "_"), computeVendorPaths = () => {
+}, jsxDevRuntimeCompatPath, jsxRuntimeCompatPath, reactSpecifiers, toSafeFileName = (specifier) => specifier.replace(/\//g, "_"), computeVendorPaths = () => {
   const paths = {};
   for (const specifier of reactSpecifiers) {
     paths[specifier] = `/react/vendor/${toSafeFileName(specifier)}.js`;
   }
   return paths;
 }, generateEntrySource = async (specifier) => {
+  if (specifier === "react/jsx-runtime") {
+    return `export { Fragment, jsx, jsxs } from '${jsxRuntimeCompatPath}';
+`;
+  }
   if (specifier === "react/jsx-dev-runtime") {
     return `export { Fragment, jsxDEV } from '${jsxDevRuntimeCompatPath}';
 `;
@@ -20232,14 +20468,14 @@ var resolveJsxDevRuntimeCompatPath = () => {
 `)}
 `;
 }, buildReactVendor = async (buildDir) => {
-  const vendorDir = join32(buildDir, "react", "vendor");
+  const vendorDir = join33(buildDir, "react", "vendor");
   mkdirSync8(vendorDir, { recursive: true });
-  const tmpDir = join32(buildDir, "_vendor_tmp");
+  const tmpDir = join33(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 = join32(tmpDir, `${safeName}.ts`);
+    const entryPath = join33(tmpDir, `${safeName}.ts`);
     const source = await generateEntrySource(specifier);
     await Bun.write(entryPath, source);
     return entryPath;
@@ -20254,7 +20490,7 @@ var resolveJsxDevRuntimeCompatPath = () => {
     target: "browser",
     throw: false
   });
-  await rm5(tmpDir, { force: true, recursive: true });
+  await rm6(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F React vendor build had errors:", result.logs);
   }
@@ -20262,6 +20498,7 @@ var resolveJsxDevRuntimeCompatPath = () => {
 var init_buildReactVendor = __esm(() => {
   init_generateReactIndexes();
   jsxDevRuntimeCompatPath = resolveJsxDevRuntimeCompatPath();
+  jsxRuntimeCompatPath = jsxDevRuntimeCompatPath.replace("jsxDevRuntimeCompat", "jsxRuntimeCompat");
   reactSpecifiers = [
     "react",
     "react-dom",
@@ -20306,8 +20543,8 @@ __export(exports_buildAngularVendor, {
   buildAngularServerVendor: () => buildAngularServerVendor
 });
 import { mkdirSync as mkdirSync9 } from "fs";
-import { join as join33 } from "path";
-import { rm as rm6 } from "fs/promises";
+import { join as join34 } from "path";
+import { rm as rm7 } 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 {
@@ -20403,14 +20640,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 = join33(buildDir, "angular", "vendor");
+  const vendorDir = join34(buildDir, "angular", "vendor");
   mkdirSync9(vendorDir, { recursive: true });
-  const tmpDir = join33(buildDir, "_angular_vendor_tmp");
+  const tmpDir = join34(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 = join33(tmpDir, `${safeName}.ts`);
+    const entryPath = join34(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return entryPath;
   }));
@@ -20426,7 +20663,7 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
     target: "browser",
     throw: false
   });
-  await rm6(tmpDir, { force: true, recursive: true });
+  await rm7(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Angular vendor build had errors:", result.logs);
   }
@@ -20441,9 +20678,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 = join33(buildDir, "angular", "vendor", "server");
+  const vendorDir = join34(buildDir, "angular", "vendor", "server");
   mkdirSync9(vendorDir, { recursive: true });
-  const tmpDir = join33(buildDir, "_angular_server_vendor_tmp");
+  const tmpDir = join34(buildDir, "_angular_server_vendor_tmp");
   mkdirSync9(tmpDir, { recursive: true });
   const browserSpecs = await resolveAngularSpecifiers(directories, linkerJitMode);
   const allSpecs = new Set(browserSpecs);
@@ -20454,7 +20691,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 = join33(tmpDir, `${safeName}.ts`);
+    const entryPath = join34(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return entryPath;
   }));
@@ -20469,16 +20706,16 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
     target: "bun",
     throw: false
   });
-  await rm6(tmpDir, { force: true, recursive: true });
+  await rm7(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 = join33(buildDir, "angular", "vendor", "server");
+  const vendorDir = join34(buildDir, "angular", "vendor", "server");
   for (const specifier of specifiers) {
-    paths[specifier] = join33(vendorDir, `${toSafeFileName2(specifier)}.js`);
+    paths[specifier] = join34(vendorDir, `${toSafeFileName2(specifier)}.js`);
   }
   return paths;
 }, computeAngularServerVendorPathsAsync = async (buildDir, directories = [], linkerJitMode = true) => {
@@ -20534,17 +20771,17 @@ __export(exports_buildVueVendor, {
   buildVueVendor: () => buildVueVendor
 });
 import { mkdirSync as mkdirSync10 } from "fs";
-import { join as join34 } from "path";
-import { rm as rm7 } from "fs/promises";
+import { join as join35 } from "path";
+import { rm as rm8 } from "fs/promises";
 var {build: bunBuild5 } = globalThis.Bun;
 var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"), buildVueVendor = async (buildDir) => {
-  const vendorDir = join34(buildDir, "vue", "vendor");
+  const vendorDir = join35(buildDir, "vue", "vendor");
   mkdirSync10(vendorDir, { recursive: true });
-  const tmpDir = join34(buildDir, "_vue_vendor_tmp");
+  const tmpDir = join35(buildDir, "_vue_vendor_tmp");
   mkdirSync10(tmpDir, { recursive: true });
   const entrypoints = await Promise.all(vueSpecifiers.map(async (specifier) => {
     const safeName = toSafeFileName3(specifier);
-    const entryPath = join34(tmpDir, `${safeName}.ts`);
+    const entryPath = join35(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, `export * from '${specifier}';
 `);
     return entryPath;
@@ -20564,7 +20801,7 @@ var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"
     target: "browser",
     throw: false
   });
-  await rm7(tmpDir, { force: true, recursive: true });
+  await rm8(tmpDir, { force: true, recursive: true });
   if (!result.success) {
     console.warn("\u26A0\uFE0F Vue vendor build had errors:", result.logs);
     return;
@@ -20572,7 +20809,7 @@ var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"
   const { readFileSync: readFileSync21, writeFileSync: writeFileSync8, readdirSync: readdirSync5 } = await import("fs");
   const files = readdirSync5(vendorDir).filter((f2) => f2.endsWith(".js"));
   for (const file4 of files) {
-    const filePath = join34(vendorDir, file4);
+    const filePath = join35(vendorDir, file4);
     const content = readFileSync21(filePath, "utf-8");
     if (!content.includes("__VUE_HMR_RUNTIME__"))
       continue;
@@ -20599,8 +20836,8 @@ __export(exports_buildSvelteVendor, {
   buildSvelteVendor: () => buildSvelteVendor
 });
 import { mkdirSync as mkdirSync11 } from "fs";
-import { join as join35 } from "path";
-import { rm as rm8 } from "fs/promises";
+import { join as join36 } from "path";
+import { rm as rm9 } from "fs/promises";
 var {build: bunBuild6 } = globalThis.Bun;
 var svelteSpecifiers, isResolvable2 = (specifier) => {
   try {
@@ -20613,13 +20850,13 @@ var svelteSpecifiers, isResolvable2 = (specifier) => {
   const specifiers = resolveVendorSpecifiers();
   if (specifiers.length === 0)
     return;
-  const vendorDir = join35(buildDir, "svelte", "vendor");
+  const vendorDir = join36(buildDir, "svelte", "vendor");
   mkdirSync11(vendorDir, { recursive: true });
-  const tmpDir = join35(buildDir, "_svelte_vendor_tmp");
+  const tmpDir = join36(buildDir, "_svelte_vendor_tmp");
   mkdirSync11(tmpDir, { recursive: true });
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName4(specifier);
-    const entryPath = join35(tmpDir, `${safeName}.ts`);
+    const entryPath = join36(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, `export * from '${specifier}';
 `);
     return entryPath;
@@ -20634,7 +20871,7 @@ var svelteSpecifiers, isResolvable2 = (specifier) => {
     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 Svelte vendor build had errors:", result.logs);
   }
@@ -20670,10 +20907,10 @@ import {
   statSync as statSync3,
   writeFileSync as writeFileSync8
 } from "fs";
-import { basename as basename14, dirname as dirname19, extname as extname10, join as join36, relative as relative15, resolve as resolve26 } from "path";
+import { basename as basename14, dirname as dirname20, extname as extname10, join as join37, relative as relative15, resolve as resolve26 } from "path";
 import { cwd, env as env2, exit } from "process";
 var {build: bunBuild7, Glob: Glob8 } = globalThis.Bun;
-var isDev2, isBuildTraceEnabled = () => {
+var isBuildTraceEnabled = () => {
   const value = env2.ABSOLUTE_BUILD_TRACE?.toLowerCase();
   return value === "1" || value === "true" || value === "yes";
 }, collectConventionSourceFiles = (entry) => {
@@ -20804,8 +21041,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 = join36(htmxDir, relPath);
-    const dest = join36(htmxDestDir, "htmx.min.js");
+    const src = join37(htmxDir, relPath);
+    const dest = join37(htmxDestDir, "htmx.min.js");
     copyFileSync2(src, dest);
     return;
   }
@@ -20882,7 +21119,7 @@ ${offenders.map((o3) => `  \u2022 ${o3}`).join(`
   vuePagesPath
 }) => {
   const { readdirSync: readDir } = await import("fs");
-  const devIndexDir = join36(buildPath, "_src_indexes");
+  const devIndexDir = join37(buildPath, "_src_indexes");
   mkdirSync12(devIndexDir, { recursive: true });
   if (reactIndexesPath && reactPagesPath) {
     copyReactDevIndexes(reactIndexesPath, reactPagesPath, devIndexDir, readDir);
@@ -20900,35 +21137,35 @@ ${offenders.map((o3) => `  \u2022 ${o3}`).join(`
   const indexFiles = readDir(reactIndexesPath).filter((file4) => file4.endsWith(".tsx"));
   const pagesRel = relative15(process.cwd(), resolve26(reactPagesPath)).replace(/\\/g, "/");
   for (const file4 of indexFiles) {
-    let content = readFileSync21(join36(reactIndexesPath, file4), "utf-8");
+    let content = readFileSync21(join37(reactIndexesPath, file4), "utf-8");
     content = content.replace(/from\s*['"]([^'"]*\/pages\/([^'"]+))['"]/g, (_match, _fullPath, componentName) => `from '/@src/${pagesRel}/${componentName}'`);
-    writeFileSync8(join36(devIndexDir, file4), content);
+    writeFileSync8(join37(devIndexDir, file4), content);
   }
 }, copySvelteDevIndexes = (svelteDir, sveltePagesPath, svelteEntries, devIndexDir) => {
-  const svelteIndexDir = join36(getFrameworkGeneratedDir("svelte"), "indexes");
+  const svelteIndexDir = join37(getFrameworkGeneratedDir("svelte"), "indexes");
   const sveltePageEntries = svelteEntries.filter((file4) => resolve26(file4).startsWith(resolve26(sveltePagesPath)));
   for (const entry of sveltePageEntries) {
     const name = basename14(entry).replace(/\.svelte(\.(ts|js))?$/, "");
-    const indexFile = join36(svelteIndexDir, "pages", `${name}.js`);
+    const indexFile = join37(svelteIndexDir, "pages", `${name}.js`);
     if (!existsSync27(indexFile))
       continue;
     let content = readFileSync21(indexFile, "utf-8");
     const srcRel = relative15(process.cwd(), resolve26(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Component\s+from\s+['"]([^'"]+)['"]/, `import Component from "/@src/${srcRel}"`);
-    writeFileSync8(join36(devIndexDir, `${name}.svelte.js`), content);
+    writeFileSync8(join37(devIndexDir, `${name}.svelte.js`), content);
   }
 }, copyVueDevIndexes = (vueDir, vuePagesPath, vueEntries, devIndexDir) => {
-  const vueIndexDir = join36(getFrameworkGeneratedDir("vue"), "indexes");
+  const vueIndexDir = join37(getFrameworkGeneratedDir("vue"), "indexes");
   const vuePageEntries = vueEntries.filter((file4) => resolve26(file4).startsWith(resolve26(vuePagesPath)));
   for (const entry of vuePageEntries) {
     const name = basename14(entry, ".vue");
-    const indexFile = join36(vueIndexDir, `${name}.js`);
+    const indexFile = join37(vueIndexDir, `${name}.js`);
     if (!existsSync27(indexFile))
       continue;
     let content = readFileSync21(indexFile, "utf-8");
     const srcRel = relative15(process.cwd(), resolve26(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}"`));
-    writeFileSync8(join36(devIndexDir, `${name}.vue.js`), content);
+    writeFileSync8(join37(devIndexDir, `${name}.vue.js`), content);
   }
 }, resolveVueRuntimeId = (content, firstUseName, outputPath, projectRoot) => {
   const varIdx = content.indexOf(`var ${firstUseName} =`);
@@ -21039,7 +21276,7 @@ ${content.slice(firstUseIdx)}`;
     if (changed)
       writeFileSync8(outputPath, content);
   }
-}, vueFeatureFlags, bunBuildPassKeys, bunBuildPassKeySet, reservedBunBuildConfigKeys, passLockedKeys, isObject = (value) => typeof value === "object" && value !== null, isBunBuildPassConfig = (config) => isObject(config) && Object.keys(config).some((key) => bunBuildPassKeySet.has(key)), sanitizeBunBuildOverride = (override, extraReservedKeys = new Set) => {
+}, bunBuildPassKeys, bunBuildPassKeySet, reservedBunBuildConfigKeys, passLockedKeys, isObject = (value) => typeof value === "object" && value !== null, isBunBuildPassConfig = (config) => isObject(config) && Object.keys(config).some((key) => bunBuildPassKeySet.has(key)), sanitizeBunBuildOverride = (override, extraReservedKeys = new Set) => {
   if (!override)
     return {};
   const sanitized = { ...override };
@@ -21077,6 +21314,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 ?? {}
@@ -21098,6 +21337,7 @@ ${content.slice(firstUseIdx)}`;
   htmxDirectory,
   angularDirectory,
   emberDirectory,
+  pwa,
   svelteDirectory,
   vueDirectory,
   stylesConfig,
@@ -21112,6 +21352,8 @@ ${content.slice(firstUseIdx)}`;
   sourcemaps
 }) => {
   const buildStart = performance.now();
+  const isDev2 = resolveBuildDevelopmentMode(mode, env2.NODE_ENV);
+  const vueFeatureFlags = resolveVueFeatureFlags(isDev2);
   const projectRoot = cwd();
   const traceEnabled = isBuildTraceEnabled();
   const traceEvents = [];
@@ -21161,10 +21403,10 @@ ${content.slice(firstUseIdx)}`;
       restoreTracePhase();
       return;
     }
-    const traceDir = join36(buildPath2, ".absolute-trace");
+    const traceDir = join37(buildPath2, ".absolute-trace");
     const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
     mkdirSync12(traceDir, { recursive: true });
-    writeFileSync8(join36(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
+    writeFileSync8(join37(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
       events: traceEvents,
       frameworks: traceFrameworkNames,
       generatedAt: new Date().toISOString(),
@@ -21195,16 +21437,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 && join36(getFrameworkGeneratedDir("react"), "indexes");
-  const reactPagesPath = reactDir && join36(reactDir, "pages");
-  const htmlPagesPath = htmlDir && join36(htmlDir, "pages");
-  const htmlScriptsPath = htmlDir && join36(htmlDir, "scripts");
-  const sveltePagesPath = svelteDir && join36(svelteDir, "pages");
-  const vuePagesPath = vueDir && join36(vueDir, "pages");
-  const htmxPagesPath = htmxDir && join36(htmxDir, "pages");
-  const htmxScriptsPath = htmxDir && join36(htmxDir, "scripts");
-  const angularPagesPath = angularDir && join36(angularDir, "pages");
-  const emberPagesPath = emberDir && join36(emberDir, "pages");
+  const reactIndexesPath = reactDir && join37(getFrameworkGeneratedDir("react"), "indexes");
+  const reactPagesPath = reactDir && join37(reactDir, "pages");
+  const htmlPagesPath = htmlDir && join37(htmlDir, "pages");
+  const htmlScriptsPath = htmlDir && join37(htmlDir, "scripts");
+  const sveltePagesPath = svelteDir && join37(svelteDir, "pages");
+  const vuePagesPath = vueDir && join37(vueDir, "pages");
+  const htmxPagesPath = htmxDir && join37(htmxDir, "pages");
+  const htmxScriptsPath = htmxDir && join37(htmxDir, "scripts");
+  const angularPagesPath = angularDir && join37(angularDir, "pages");
+  const emberPagesPath = emberDir && join37(emberDir, "pages");
   const frontends = [
     reactDir,
     htmlDir,
@@ -21229,13 +21471,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 && dirname19(islandBootstrapPath)
+    islandBootstrapPath && dirname20(islandBootstrapPath)
   ].filter((dir) => Boolean(dir));
   const usesGenerated = Boolean(reactDir) || Boolean(svelteDir) || Boolean(vueDir) || Boolean(angularDir);
   if (usesGenerated)
@@ -21263,8 +21507,8 @@ ${content.slice(firstUseIdx)}`;
     const [firstEntry] = serverDirMap;
     if (!firstEntry)
       throw new Error("Expected at least one server directory entry");
-    serverRoot = join36(firstEntry.dir, firstEntry.subdir);
-    serverOutDir = join36(buildPath, basename14(firstEntry.dir));
+    serverRoot = join37(firstEntry.dir, firstEntry.subdir);
+    serverOutDir = join37(buildPath, basename14(firstEntry.dir));
   } else if (serverDirMap.length > 1) {
     serverRoot = commonAncestor(serverDirMap.map((entry) => entry.dir), projectRoot);
     serverOutDir = buildPath;
@@ -21273,6 +21517,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;
@@ -21292,7 +21542,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, join36(buildPath, "assets"), {
+    await tracePhase("assets/copy", () => cpSync(assetsPath, join37(buildPath, "assets"), {
       force: true,
       recursive: true
     }));
@@ -21406,11 +21656,11 @@ ${content.slice(firstUseIdx)}`;
     }
   }
   if (htmlDefaults.error || htmlDefaults.notFound || htmlDefaults.loading || Object.keys(htmlPages).length > 0) {
-    const htmlConventionsOutDir = join36(buildPath, "conventions", "html");
+    const htmlConventionsOutDir = join37(buildPath, "conventions", "html");
     mkdirSync12(htmlConventionsOutDir, { recursive: true });
     const htmlPathRemap = new Map;
     for (const sourcePath of htmlConventionSources) {
-      const dest = join36(htmlConventionsOutDir, basename14(sourcePath));
+      const dest = join37(htmlConventionsOutDir, basename14(sourcePath));
       cpSync(sourcePath, dest, { force: true });
       htmlPathRemap.set(sourcePath, dest);
     }
@@ -21453,7 +21703,7 @@ ${content.slice(firstUseIdx)}`;
   const reactEntries = isIncremental && reactIndexesPath && reactPagesPath ? filterToIncrementalEntries(allReactEntries, (entry) => {
     if (entry.startsWith(resolve26(reactIndexesPath))) {
       const pageName = basename14(entry, ".tsx");
-      return join36(reactPagesPath, `${pageName}.tsx`);
+      return join37(reactPagesPath, `${pageName}.tsx`);
     }
     return null;
   }) : allReactEntries;
@@ -21649,7 +21899,7 @@ ${content.slice(firstUseIdx)}`;
     const compileReactConventions = async () => {
       if (reactConventionSources.length === 0)
         return emptyStringArray;
-      const destDir = join36(buildPath, "conventions", "react");
+      const destDir = join37(buildPath, "conventions", "react");
       rmSync2(destDir, { force: true, recursive: true });
       mkdirSync12(destDir, { recursive: true });
       const destPaths = await Promise.all(reactConventionSources.map(async (source, idx) => {
@@ -21664,7 +21914,7 @@ ${content.slice(firstUseIdx)}`;
             stylePreprocessorPlugin2,
             createBunStringRawUnicodePlugin()
           ],
-          root: dirname19(source),
+          root: dirname20(source),
           target: "bun",
           throw: false,
           tsconfig: "./tsconfig.json"
@@ -21692,7 +21942,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 = join36(buildPath, "conventions", framework);
+      const destDir = join37(buildPath, "conventions", framework);
       rmSync2(destDir, { force: true, recursive: true });
       mkdirSync12(destDir, { recursive: true });
       const destPaths = await Promise.all(compiledPaths.map(async (compiledPath, idx) => {
@@ -21753,7 +22003,7 @@ ${content.slice(firstUseIdx)}`;
     ...islandBootstrapPath ? [islandBootstrapPath] : []
   ];
   const [onlyWorkerClientEntry] = urlReferencedFiles;
-  const workerClientRoot = urlReferencedFiles.length === 1 && onlyWorkerClientEntry ? dirname19(onlyWorkerClientEntry) : commonAncestor(urlReferencedFiles.map((file4) => dirname19(file4)), projectRoot);
+  const workerClientRoot = urlReferencedFiles.length === 1 && onlyWorkerClientEntry ? dirname20(onlyWorkerClientEntry) : commonAncestor(urlReferencedFiles.map((file4) => dirname20(file4)), projectRoot);
   const islandEntryResult = islandBuildInfo ? await tracePhase("islands/client-entry-generation", () => generateIslandEntryPoints({
     buildInfo: islandBuildInfo,
     buildPath,
@@ -21764,7 +22014,7 @@ ${content.slice(firstUseIdx)}`;
     }
   })) : {
     entries: [],
-    generatedRoot: join36(buildPath, "_island_entries")
+    generatedRoot: join37(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) {
@@ -21800,7 +22050,7 @@ ${content.slice(firstUseIdx)}`;
     return {};
   }
   if (hmr && reactIndexesPath && reactClientEntryPoints.length > 0) {
-    const refreshEntry = join36(reactIndexesPath, "_refresh.tsx");
+    const refreshEntry = join37(reactIndexesPath, "_refresh.tsx");
     if (!reactClientEntryPoints.includes(refreshEntry))
       reactClientEntryPoints.push(refreshEntry);
   }
@@ -21889,6 +22139,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",
@@ -21910,19 +22161,19 @@ ${content.slice(firstUseIdx)}`;
     throw: false
   }, resolveBunBuildOverride(bunBuildConfig, "reactClient")) : undefined;
   if (reactDir && reactClientEntryPoints.length > 0) {
-    rmSync2(join36(buildPath, "react", "generated", "indexes"), {
+    rmSync2(join37(buildPath, "react", "generated", "indexes"), {
       force: true,
       recursive: true
     });
   }
   if (angularDir && angularClientPaths.length > 0) {
-    rmSync2(join36(buildPath, "angular", "indexes"), {
+    rmSync2(join37(buildPath, "angular", "indexes"), {
       force: true,
       recursive: true
     });
   }
   if (islandClientEntryPoints.length > 0) {
-    rmSync2(join36(buildPath, "islands"), {
+    rmSync2(join37(buildPath, "islands"), {
       force: true,
       recursive: true
     });
@@ -21959,6 +22210,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,
@@ -22004,6 +22256,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,
@@ -22034,7 +22287,7 @@ ${content.slice(firstUseIdx)}`;
     globalCssEntries.length > 0 ? tracePhase("bun/global-css", () => bunBuild7(mergeBunBuildConfig({
       entrypoints: globalCssEntries,
       naming: `[dir]/[name].[hash].[ext]`,
-      outdir: stylesDir ? join36(buildPath, basename14(stylesDir)) : buildPath,
+      outdir: stylesDir ? join37(buildPath, basename14(stylesDir)) : buildPath,
       plugins: [stylePreprocessorPlugin2],
       root: stylesDir || clientRoot,
       target: "browser",
@@ -22043,7 +22296,7 @@ ${content.slice(firstUseIdx)}`;
     vueCssPaths.length > 0 ? tracePhase("bun/vue-css", () => bunBuild7(mergeBunBuildConfig({
       entrypoints: vueCssPaths,
       naming: `[name].[hash].[ext]`,
-      outdir: join36(buildPath, assetsPath ? basename14(assetsPath) : "assets", "css"),
+      outdir: join37(buildPath, assetsPath ? basename14(assetsPath) : "assets", "css"),
       target: "browser",
       throw: false
     }, resolveBunBuildOverride(bunBuildConfig, "vueCss")))) : undefined
@@ -22067,15 +22320,15 @@ ${content.slice(firstUseIdx)}`;
   }
   if (!isDev2 && resolveClientSourcemap(sourcemaps, isDev2) === "external") {
     const { chainExternalSourcemap: chainExternalSourcemap2 } = await Promise.resolve().then(() => (init_chainInlineSourcemaps(), exports_chainInlineSourcemaps));
-    const sourcemapDir = join36(projectRoot, "sourcemaps");
+    const sourcemapDir = join37(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) => join36(buildPath, entry));
+    }).filter((entry) => entry.endsWith(".js.map") && !entry.includes("node_modules")).map((entry) => join37(buildPath, entry));
     for (const mapPath of mapFiles) {
       chainExternalSourcemap2(mapPath);
-      renameSync(mapPath, join36(sourcemapDir, basename14(mapPath)));
+      renameSync(mapPath, join37(sourcemapDir, basename14(mapPath)));
       const jsPath = mapPath.slice(0, -4);
       try {
         const javascript = readFileSync21(jsPath, "utf-8").replace(/\n?\/\/# sourceMappingURL=[^\n]*\s*$/, `
@@ -22149,7 +22402,7 @@ ${content.slice(firstUseIdx)}`;
     await tracePhase("postprocess/island-vendor-imports", () => rewriteBuildOutputs2(islandClientOutputs, allIslandVendorPaths));
   }
   if (!hmr) {
-    const reactVendorDir = join36(buildPath, "react", "vendor");
+    const reactVendorDir = join37(buildPath, "react", "vendor");
     const vendorChunkPaths = existsSync27(reactVendorDir) ? [
       ...new Glob8("**/*.js").scanSync({
         absolute: true,
@@ -22166,7 +22419,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 = dirname19(artifact.path);
+      const fileDir = dirname20(artifact.path);
       const relativePaths = {};
       for (const [specifier, absolute] of Object.entries(angularServerVendorPaths2)) {
         const rel = relative15(fileDir, absolute);
@@ -22305,7 +22558,7 @@ ${content.slice(firstUseIdx)}`;
   const processHtmlPages = async () => {
     if (!(htmlDir && htmlPagesPath))
       return;
-    const outputHtmlPages = isSingle ? join36(buildPath, "pages") : join36(buildPath, basename14(htmlDir), "pages");
+    const outputHtmlPages = isSingle ? join37(buildPath, "pages") : join37(buildPath, basename14(htmlDir), "pages");
     mkdirSync12(outputHtmlPages, { recursive: true });
     cpSync(htmlPagesPath, outputHtmlPages, {
       force: true,
@@ -22320,6 +22573,10 @@ ${content.slice(firstUseIdx)}`;
     for (const htmlFile of htmlPageFiles) {
       if (hmr)
         injectHMRIntoHTMLFile(htmlFile, "html");
+      if (pwaArtifacts) {
+        const source = readFileSync21(htmlFile, "utf8");
+        writeFileSync8(htmlFile, injectPwaBootstrapHtml(source));
+      }
       const fileName = basename14(htmlFile, ".html");
       if (manifest[fileName] && manifest[fileName] !== htmlFile) {
         warnManifestKeyCollision(fileName, manifest[fileName], htmlFile);
@@ -22330,14 +22587,14 @@ ${content.slice(firstUseIdx)}`;
   const processHtmxPages = async () => {
     if (!(htmxDir && htmxPagesPath))
       return;
-    const outputHtmxPages = isSingle ? join36(buildPath, "pages") : join36(buildPath, basename14(htmxDir), "pages");
+    const outputHtmxPages = isSingle ? join37(buildPath, "pages") : join37(buildPath, basename14(htmxDir), "pages");
     mkdirSync12(outputHtmxPages, { recursive: true });
     cpSync(htmxPagesPath, outputHtmxPages, {
       force: true,
       recursive: true
     });
     if (shouldCopyHtmx) {
-      const htmxDestDir = isSingle ? buildPath : join36(buildPath, basename14(htmxDir));
+      const htmxDestDir = isSingle ? buildPath : join37(buildPath, basename14(htmxDir));
       copyHtmxVendor(htmxDir, htmxDestDir);
     }
     if (shouldUpdateHtmxAssetPaths) {
@@ -22349,6 +22606,10 @@ ${content.slice(firstUseIdx)}`;
     for (const htmxFile of htmxPageFiles) {
       if (hmr)
         injectHMRIntoHTMLFile(htmxFile, "htmx");
+      if (pwaArtifacts) {
+        const source = readFileSync21(htmxFile, "utf8");
+        writeFileSync8(htmxFile, injectPwaBootstrapHtml(source));
+      }
       const fileName = basename14(htmxFile, ".html");
       if (manifest[fileName] && manifest[fileName] !== htmxFile) {
         warnManifestKeyCollision(fileName, manifest[fileName], htmxFile);
@@ -22387,7 +22648,7 @@ ${content.slice(firstUseIdx)}`;
   }
   await tracePhase("cleanup/generated", () => cleanup({
     angularDir,
-    preserveAngularGenerated: skipAngularClientBundle,
+    preserveAngularGenerated: hmr && angularDir !== undefined,
     reactDir,
     svelteDir,
     vueDir
@@ -22398,7 +22659,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)) : [],
@@ -22422,7 +22685,7 @@ ${content.slice(firstUseIdx)}`;
     }))
   ];
   setSpaRouteManifest(spaRouteHosts);
-  writeFileSync8(join36(buildPath, "spa-routes.json"), JSON.stringify(spaRouteHosts, null, "\t"));
+  writeFileSync8(join37(buildPath, "spa-routes.json"), JSON.stringify(spaRouteHosts, null, "\t"));
   if (isIncremental) {
     writeBuildTrace(buildPath);
     return {
@@ -22431,9 +22694,9 @@ ${content.slice(firstUseIdx)}`;
       manifest
     };
   }
-  writeFileSync8(join36(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
+  writeFileSync8(join37(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
   if (Object.keys(conventionsMap).length > 0) {
-    writeFileSync8(join36(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
+    writeFileSync8(join37(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
   }
   writeBuildTrace(buildPath);
   if (mode === "production") {
@@ -22504,7 +22767,7 @@ var init_build = __esm(() => {
   init_logger();
   init_validateSafePath();
   init_spaRouteManifest();
-  isDev2 = env2.NODE_ENV === "development";
+  init_pwa();
   REACT_VENDOR_SPECIFIERS = [
     "react-dom/client",
     "react-refresh/runtime",
@@ -22541,11 +22804,6 @@ var init_build = __esm(() => {
     `if(nv&&ov&&typeof nv==="object"&&"value"in nv&&!nv.effect&&typeof nv.value===typeof ov.value)nv.value=ov.value;}`,
     `}}return r;};}`
   ].join("");
-  vueFeatureFlags = {
-    __VUE_OPTIONS_API__: "true",
-    __VUE_PROD_DEVTOOLS__: isDev2 ? "true" : "false",
-    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: isDev2 ? "true" : "false"
-  };
   bunBuildPassKeys = [
     "server",
     "reactClient",
@@ -22572,8 +22830,8 @@ var init_build = __esm(() => {
 // src/build/buildEmberVendor.ts
 import { mkdirSync as mkdirSync13, existsSync as existsSync28 } from "fs";
-import { join as join37 } from "path";
-import { rm as rm9 } from "fs/promises";
+import { join as join38 } from "path";
+import { rm as rm10 } 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
@@ -22624,7 +22882,7 @@ export const importSync = (specifier) => {
   if (standaloneSpecifiers.has(specifier)) {
     return { resolveTo: specifier, specifier };
   }
-  const emberInternalPath = join37(cwd2, "node_modules/ember-source/dist/packages", specifier, "index.js");
+  const emberInternalPath = join38(cwd2, "node_modules/ember-source/dist/packages", specifier, "index.js");
   if (!existsSync28(emberInternalPath)) {
     throw new Error(`Ember vendor build: cannot find ${specifier} at ${emberInternalPath}. ` + `Is ember-source installed and at least 6.12?`);
   }
@@ -22656,7 +22914,7 @@ export const importSync = (specifier) => {
       if (standalonePackages.has(args.path)) {
         return;
       }
-      const internal = join37(cwd2, "node_modules/ember-source/dist/packages", args.path, "index.js");
+      const internal = join38(cwd2, "node_modules/ember-source/dist/packages", args.path, "index.js");
       if (existsSync28(internal)) {
         return { path: internal };
       }
@@ -22664,16 +22922,16 @@ export const importSync = (specifier) => {
     });
   }
 }), buildEmberVendor = async (buildDir, cwd2 = process.cwd()) => {
-  const vendorDir = join37(buildDir, "ember", "vendor");
+  const vendorDir = join38(buildDir, "ember", "vendor");
   mkdirSync13(vendorDir, { recursive: true });
-  const tmpDir = join37(buildDir, "_ember_vendor_tmp");
+  const tmpDir = join38(buildDir, "_ember_vendor_tmp");
   mkdirSync13(tmpDir, { recursive: true });
-  const macrosShimPath = join37(tmpDir, "embroider_macros_shim.js");
+  const macrosShimPath = join38(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 = join37(tmpDir, `${safeName}.js`);
+    const entryPath = join38(tmpDir, `${safeName}.js`);
     const source = resolution.specifier === "@embroider/macros" ? `export * from ${JSON.stringify(macrosShimPath)};
 ` : generateVendorEntrySource2(resolution);
     await Bun.write(entryPath, source);
@@ -22690,7 +22948,7 @@ export const importSync = (specifier) => {
     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 Ember vendor build had errors:", result.logs);
   }
@@ -23106,6 +23364,8 @@ var resolveBuildPaths = (config) => {
     emberDir: optional(config.emberDirectory),
     htmlDir: optional(config.htmlDirectory),
     htmxDir: optional(config.htmxDirectory),
+    mobileBundleDir: optional(config.mobile?.bundleDirectory ?? (config.mobile ? ".absolutejs/mobile/web" : undefined)),
+    mobileNativeDir: optional(config.mobile?.nativeProject?.directory ?? (config.mobile ? "mobile" : undefined)),
     publicDir: optional(config.publicDirectory),
     reactDir: optional(config.reactDirectory),
     stylesDir: optional(typeof config.stylesConfig === "string" ? config.stylesConfig : config.stylesConfig?.path),
@@ -23119,13 +23379,16 @@ var init_configResolver = () => {};
 var createHMRState = (config) => ({
   activeFrameworks: new Set,
   assetStore: new Map,
+  clientTargets: new Map,
   config,
   connectedClients: new Set,
   debounceTimeout: null,
   dependencyGraph: emptyDependencyGraph,
   fileChangeQueue: new Map,
   fileHashes: new Map,
+  hmrUpdates: new Map,
   isRebuilding: false,
+  lastBroadcastTimestamp: 0,
   manifest: {},
   moduleVersions: createModuleVersionTracker(),
   rebuildCount: 0,
@@ -23152,7 +23415,7 @@ var init_clientManager = __esm(() => {
 // src/dev/pathUtils.ts
 import { existsSync as existsSync30, readdirSync as readdirSync6, readFileSync as readFileSync23 } from "fs";
-import { dirname as dirname20, resolve as resolve29 } from "path";
+import { dirname as dirname21, resolve as resolve29 } from "path";
 var STYLE_EXTENSION_PATTERN2, detectFramework = (filePath, resolved) => {
   if (shouldIgnorePath(filePath, resolved)) {
     return "ignored";
@@ -23280,10 +23543,10 @@ var STYLE_EXTENSION_PATTERN2, detectFramework = (filePath, resolved) => {
             refs.push(strMatch[1]);
         }
       }
-      const componentDir = dirname20(full);
+      const componentDir = dirname21(full);
       for (const ref of refs) {
         const refAbs = normalizePath(resolve29(componentDir, ref));
-        const refDir = normalizePath(dirname20(refAbs));
+        const refDir = normalizePath(dirname21(refAbs));
         if (refDir === angularRootNormalized || refDir.startsWith(`${angularRootNormalized}/`)) {
           continue;
         }
@@ -23392,6 +23655,15 @@ var STYLE_EXTENSION_PATTERN2, detectFramework = (filePath, resolved) => {
     if (styles)
       return false;
   }
+  const isInside = (root) => {
+    if (!root)
+      return false;
+    const normalizedRoot = root.replace(/\\/g, "/").replace(/\/$/, "");
+    return normalized === normalizedRoot || normalized.startsWith(`${normalizedRoot}/`);
+  };
+  if (isInside(resolved?.buildDir) || isInside(resolved?.mobileBundleDir) || isInside(resolved?.mobileNativeDir)) {
+    return true;
+  }
   if (HARD_DENY_PATTERN.test(normalized))
     return true;
   if (normalized.endsWith(".log"))
@@ -23410,7 +23682,7 @@ var init_pathUtils = __esm(() => {
 // src/dev/fileWatcher.ts
 import { watch } from "fs";
 import { existsSync as existsSync31, readdirSync as readdirSync7, statSync as statSync4 } from "fs";
-import { dirname as dirname21, join as join38, resolve as resolve30 } from "path";
+import { dirname as dirname22, join as join39, resolve as resolve30 } from "path";
 var safeRemoveFromGraph = (graph, fullPath) => {
   try {
     removeFileFromGraph(graph, fullPath);
@@ -23430,7 +23702,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
     });
   }
 }, ATOMIC_WRITE_TEMP_PATTERNS, shouldSkipFilename = (filename, isStylesDir) => !isStylesDir && (filename === "compiled" || filename === "generated" || filename === "build" || filename === "indexes" || filename === "server" || filename === "client" || filename.includes("/compiled/") || filename.includes("/generated/") || filename.includes("/build/") || filename.includes("/indexes/") || filename.includes("/server/") || filename.includes("/client/") || filename.startsWith("compiled/") || filename.startsWith("generated/") || filename.startsWith("build/") || filename.startsWith("indexes/") || filename.startsWith("server/") || filename.startsWith("client/")) || filename.endsWith("/") || filename.includes(".tmp.") || filename.endsWith(".tmp") || filename.endsWith("~") || filename.startsWith(".#") || filename.startsWith(".absolutejs-hmr-") || ATOMIC_WRITE_TEMP_PATTERNS.some((pattern) => pattern.test(filename)), setupWatcher = (absolutePath, isStylesDir, state, onFileChange) => {
-  const ATOMIC_RECOVERY_WINDOW_MS = 1000;
+  const ATOMIC_RECOVERY_WINDOW_MS = 5000;
   const atomicRecoveryScan = (eventDir) => {
     let entries;
     try {
@@ -23442,7 +23714,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
     for (const name of entries) {
       if (shouldSkipFilename(name, isStylesDir))
         continue;
-      const child = join38(eventDir, name).replace(/\\/g, "/");
+      const child = join39(eventDir, name).replace(/\\/g, "/");
       let st2;
       try {
         st2 = statSync4(child);
@@ -23463,7 +23735,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
       return;
     if (shouldSkipFilename(filename, isStylesDir)) {
       if (event === "rename") {
-        const eventDir = dirname21(join38(absolutePath, filename)).replace(/\\/g, "/");
+        const eventDir = dirname22(join39(absolutePath, filename)).replace(/\\/g, "/");
         atomicRecoveryScan(eventDir);
         for (const delay of [25, 100]) {
           const timer = setTimeout(() => atomicRecoveryScan(eventDir), delay);
@@ -23472,7 +23744,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
       }
       return;
     }
-    const fullPath = join38(absolutePath, filename).replace(/\\/g, "/");
+    const fullPath = join39(absolutePath, filename).replace(/\\/g, "/");
     if (shouldIgnorePath(fullPath, state.resolvedPaths)) {
       return;
     }
@@ -23640,7 +23912,7 @@ var init_assetStore = __esm(() => {
 // src/islands/pageMetadata.ts
 import { readFileSync as readFileSync24 } from "fs";
-import { dirname as dirname22, resolve as resolve32 } from "path";
+import { dirname as dirname23, resolve as resolve32 } from "path";
 var pagePatterns, getPageDirs = (config) => [
   { dir: config.angularDirectory, framework: "angular" },
   { dir: config.emberDirectory, framework: "ember" },
@@ -23660,7 +23932,7 @@ var pagePatterns, getPageDirs = (config) => [
     const source = definition.buildReference?.source;
     if (!source)
       continue;
-    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve32(dirname22(buildInfo.resolvedRegistryPath), source);
+    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve32(dirname23(buildInfo.resolvedRegistryPath), source);
     lookup.set(`${definition.framework}:${definition.component}`, resolve32(resolvedSource));
   }
   return lookup;
@@ -23925,7 +24197,7 @@ var init_moduleMapper = __esm(() => {
 // src/utils/spaRouteCss.ts
 import { readFile as readFile6 } from "fs/promises";
-import { dirname as dirname23, isAbsolute as isAbsolute5, resolve as resolve35 } from "path";
+import { dirname as dirname24, isAbsolute as isAbsolute5, resolve as resolve35 } from "path";
 var sideManifestCache, readSideManifest = async (sideManifestPath) => {
   const cached = sideManifestCache.get(sideManifestPath);
   if (cached !== undefined)
@@ -23963,7 +24235,7 @@ var sideManifestCache, readSideManifest = async (sideManifestPath) => {
 }, readChildCss = async (cssPath, sideManifestPath) => {
   if (!cssPath)
     return "";
-  const resolvedCssPath = isAbsolute5(cssPath) ? cssPath : resolve35(dirname23(sideManifestPath), cssPath);
+  const resolvedCssPath = isAbsolute5(cssPath) ? cssPath : resolve35(dirname24(sideManifestPath), cssPath);
   const cached = childCssCache.get(resolvedCssPath);
   if (cached !== undefined)
     return cached;
@@ -24047,7 +24319,7 @@ __export(exports_resolveOwningComponents, {
   invalidateResourceIndex: () => invalidateResourceIndex
 });
 import { readdirSync as readdirSync8, readFileSync as readFileSync26, statSync as statSync5 } from "fs";
-import { dirname as dirname24, extname as extname11, join as join39, resolve as resolve36 } from "path";
+import { dirname as dirname25, extname as extname11, join as join40, resolve as resolve36 } from "path";
 import ts18 from "typescript";
 var ENTITY_DECORATORS, isAngularSourceFile = (file4) => file4.endsWith(".ts") || file4.endsWith(".tsx"), walkAngularSourceFiles = (root) => {
   const out = [];
@@ -24062,7 +24334,7 @@ var ENTITY_DECORATORS, isAngularSourceFile = (file4) => file4.endsWith(".ts") ||
       if (entry.name.startsWith(".") || entry.name === "node_modules") {
         continue;
       }
-      const full = join39(dir, entry.name);
+      const full = join40(dir, entry.name);
       if (entry.isDirectory()) {
         visit(full);
       } else if (entry.isFile() && isAngularSourceFile(entry.name)) {
@@ -24201,7 +24473,7 @@ var ENTITY_DECORATORS, isAngularSourceFile = (file4) => file4.endsWith(".ts") ||
     return null;
   }
   const sourceFile = ts18.createSourceFile(childFilePath, source, ts18.ScriptTarget.ES2022, true, ts18.ScriptKind.TS);
-  const childDir = dirname24(childFilePath);
+  const childDir = dirname25(childFilePath);
   for (const stmt of sourceFile.statements) {
     if (!ts18.isImportDeclaration(stmt))
       continue;
@@ -24258,7 +24530,7 @@ var ENTITY_DECORATORS, isAngularSourceFile = (file4) => file4.endsWith(".ts") ||
   const parentFile = new Map;
   for (const tsPath of walkAngularSourceFiles(userAngularRoot)) {
     const classes = parseDecoratedClasses(tsPath);
-    const componentDir = dirname24(tsPath);
+    const componentDir = dirname25(tsPath);
     for (const cls of classes) {
       const entity = {
         className: cls.className,
@@ -24328,13 +24600,14 @@ var isValidHMRClientMessage = (data) => {
     case "ready":
     case "request-rebuild":
     case "hydration-error":
-    case "hmr-timing":
     case "angular:hmr-ack":
       return true;
+    case "hmr-timing":
+      return typeof Reflect.get(data, "duration") === "number" && Number.isFinite(Reflect.get(data, "duration")) && isOptionalHmrApplyKind(Reflect.get(data, "kind")) && isOptionalHmrApplyOutcome(Reflect.get(data, "outcome"));
     default:
       return false;
   }
-};
+}, isOptionalHmrApplyKind = (value) => value === undefined || value === "component" || value === "css" || value === "full-reload" || value === "html" || value === "htmx" || value === "script", isOptionalHmrApplyOutcome = (value) => value === undefined || value === "applied" || value === "failed" || value === "reloaded";
 // src/dev/webSocket.ts
 var exports_webSocket = {};
@@ -24344,7 +24617,33 @@ __export(exports_webSocket, {
   handleClientConnect: () => handleClientConnect,
   broadcastToClients: () => broadcastToClients
 });
-var trySendMessage = (client, messageStr) => {
+var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
+  if (value === "capacitor-android")
+    return value;
+  if (value === "capacitor-ios")
+    return value;
+  if (value === "capacitor-native")
+    return value;
+  return "web";
+}, hmrMessageMetadata = (state, message) => {
+  const data = Reflect.get(message, "data");
+  const framework = typeof data === "object" && data !== null && typeof Reflect.get(data, "framework") === "string" ? String(Reflect.get(data, "framework")) : state.lastHmrFramework;
+  const source = typeof data === "object" && data !== null ? Reflect.get(data, "primarySource") ?? Reflect.get(data, "sourceFile") : undefined;
+  return {
+    framework,
+    path: typeof source === "string" ? source : state.lastHmrPath
+  };
+}, retainHmrUpdate = (state, updateId, message) => {
+  const metadata = hmrMessageMetadata(state, message);
+  if (!metadata.framework && !metadata.path)
+    return;
+  state.hmrUpdates.set(updateId, metadata);
+  if (state.hmrUpdates.size <= MAX_RETAINED_HMR_UPDATES)
+    return;
+  const oldest = state.hmrUpdates.keys().next().value;
+  if (typeof oldest === "number")
+    state.hmrUpdates.delete(oldest);
+}, trySendMessage = (client, messageStr) => {
   try {
     client.send(messageStr);
     return true;
@@ -24352,9 +24651,12 @@ var trySendMessage = (client, messageStr) => {
     return false;
   }
 }, broadcastToClients = (state, message) => {
+  const timestamp = Math.max(Date.now(), state.lastBroadcastTimestamp + 1);
+  state.lastBroadcastTimestamp = timestamp;
+  retainHmrUpdate(state, timestamp, message);
   const messageStr = JSON.stringify({
     ...message,
-    timestamp: Date.now()
+    timestamp
   });
   const shouldRemove = (client) => !trySendMessage(client, messageStr);
   const clientsToRemove = [];
@@ -24364,6 +24666,7 @@ var trySendMessage = (client, messageStr) => {
   });
   clientsToRemove.forEach((client) => {
     state.connectedClients.delete(client);
+    state.clientTargets.delete(client);
   });
 }, handleClientConnect = (state, client, manifest) => {
   state.connectedClients.add(client);
@@ -24404,6 +24707,7 @@ var trySendMessage = (client, messageStr) => {
   }
 }, handleClientDisconnect = (state, client) => {
   state.connectedClients.delete(client);
+  state.clientTargets.delete(client);
 }, parseJsonSafe = (raw) => JSON.parse(raw), parseMessage = (message) => {
   if (typeof message === "string") {
     return parseJsonSafe(message);
@@ -24433,17 +24737,40 @@ var trySendMessage = (client, messageStr) => {
     case "request-rebuild":
       break;
     case "ready":
+      state.clientTargets.set(client, normalizedHmrTarget(data.target));
       if (data.framework) {
         state.activeFrameworks.add(data.framework);
       }
       break;
-    case "hmr-timing":
-      logHmrUpdate(state.lastHmrPath ?? "", state.lastHmrFramework, data.duration);
+    case "hmr-timing": {
+      state.clientTargets.set(client, 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", {
+        clientMs: data.clientMs,
+        durationMs: data.duration,
+        framework: update?.framework ?? state.lastHmrFramework ?? "unknown",
+        kind: data.kind,
+        outcome: data.outcome ?? "applied",
+        serverMs: data.serverMs,
+        success: (data.outcome ?? "applied") === "applied",
+        target: normalizedHmrTarget(data.target)
+      });
       break;
+    }
     case "angular:hmr-ack": {
       const tag = data.tier === "tier-0" ? "tier-0" : "tier-1a";
       const suffix = data.error ? ` FAILED \u2014 ${data.error}` : ` applied in ${data.applyMs.toFixed(0)}ms`;
-      logInfo(`[ng-hmr] ${tag} ${data.className}${suffix}`);
+      const target = normalizedHmrTarget(data.target);
+      logInfo(`[ng-hmr:${target}] ${tag} ${data.className}${suffix}`);
+      sendTelemetryEvent("hmr:client-applied", {
+        clientMs: data.applyMs,
+        durationMs: data.applyMs,
+        framework: "angular",
+        success: data.error === undefined,
+        target,
+        tier: data.tier
+      });
       break;
     }
   }
@@ -24460,6 +24787,7 @@ var trySendMessage = (client, messageStr) => {
   } catch {}
 };
 var init_webSocket = __esm(() => {
+  init_telemetryEvent();
   init_logger();
 });
@@ -24555,6 +24883,7 @@ var init_loadConfig = __esm(() => {
     "islands",
     "kind",
     "mode",
+    "mobile",
     "options",
     "port",
     "postcss",
@@ -24578,12 +24907,13 @@ __export(exports_moduleServer, {
   warmCompilers: () => warmCompilers,
   warmCache: () => warmCache,
   setGlobalModuleServer: () => setGlobalModuleServer,
+  isReactFastRefreshSupported: () => isReactFastRefreshSupported,
   invalidateModule: () => invalidateModule,
   createModuleServer: () => createModuleServer,
   SRC_URL_PREFIX: () => SRC_URL_PREFIX
 });
 import { existsSync as existsSync32, readFileSync as readFileSync27, realpathSync as realpathSync3, statSync as statSync6 } from "fs";
-import { basename as basename16, dirname as dirname25, extname as extname12, join as join40, resolve as resolve38, relative as relative16 } from "path";
+import { basename as basename16, dirname as dirname26, extname as extname12, join as join41, resolve as resolve38, 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 = [];
@@ -24666,7 +24996,7 @@ ${stubs}
       const subpath = isScoped ? parts.slice(2).join("/") : parts.slice(1).join("/");
       if (!subpath) {
         const pkgDir = resolve38(projectRoot, "node_modules", packageName ?? "");
-        const pkgJsonPath = join40(pkgDir, "package.json");
+        const pkgJsonPath = join41(pkgDir, "package.json");
         if (existsSync32(pkgJsonPath)) {
           const pkg = JSON.parse(readFileSync27(pkgJsonPath, "utf-8"));
           const esmEntry = typeof pkg.module === "string" && pkg.module || typeof pkg.browser === "string" && pkg.browser;
@@ -24709,7 +25039,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 = dirname25(filePath);
+  const fileDir = dirname26(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);
@@ -24769,11 +25099,11 @@ ${code}`;
   } catch {
     return false;
   }
-}, reactFastRefreshSupported, reactFastRefreshWarningEmitted = false, warnIfReactFastRefreshUnsupported = () => {
+}, reactFastRefreshSupported, isReactFastRefreshSupported = () => reactFastRefreshSupported, reactFastRefreshWarningEmitted = false, warnIfReactFastRefreshUnsupported = () => {
   if (reactFastRefreshSupported || reactFastRefreshWarningEmitted)
     return;
   reactFastRefreshWarningEmitted = true;
-  logWarn("React HMR is blocked: this Bun build ignores " + "`reactFastRefresh` on Bun.Transpiler, so component state " + "cannot be preserved across edits. Tracking " + "https://github.com/oven-sh/bun/pull/28312 \u2014 if it still has " + "not merged, leave a \uD83D\uDC4D on the PR so the Bun team knows it " + "is blocking you. Until then, React edits trigger a full " + "reload instead of a fast refresh.");
+  logWarn("React HMR is blocked: this Bun build ignores " + "`reactFastRefresh` on Bun.Transpiler, so component state " + "cannot be preserved across edits. Tracking " + "https://github.com/oven-sh/bun/pull/28312 \u2014 if it still has " + "not merged, leave a \uD83D\uDC4D on the PR so the Bun team knows it " + "is blocking you. Until then, React edits trigger a targeted " + "page remount instead of a state-preserving fast refresh.");
 }, transformReactFile = (filePath, projectRoot, rewriter) => {
   const raw = readFileSync27(filePath, "utf-8");
   const valueExports = tsxTranspiler.scan(raw).exports;
@@ -25375,12 +25705,12 @@ export default {};
     invalidate(resolved);
   mtimeCache.delete(filePath);
   mtimeCache.delete(resolved);
-}, warmCache = (pathname) => {
+}, warmCache = async (pathname) => {
   if (!pathname.startsWith(SRC_PREFIX))
     return;
   if (!globalModuleServer)
     return;
-  globalModuleServer(pathname);
+  await globalModuleServer(pathname);
 }, globalModuleServer = null, SRC_URL_PREFIX, setGlobalModuleServer = (handler) => {
   globalModuleServer = handler;
 };
@@ -25532,7 +25862,7 @@ __export(exports_hmrCompiler, {
   getApplyMetadataModule: () => getApplyMetadataModule,
   encodeHmrComponentId: () => encodeHmrComponentId
 });
-import { dirname as dirname26, relative as relative17, resolve as resolve39 } from "path";
+import { dirname as dirname27, relative as relative17, resolve as resolve39 } from "path";
 import { performance as performance2 } from "perf_hooks";
 var encodeHmrComponentId = (absoluteFilePath, className) => {
   const projectRel = relative17(process.cwd(), absoluteFilePath).replace(/\\/g, "/");
@@ -25555,7 +25885,7 @@ var encodeHmrComponentId = (absoluteFilePath, className) => {
   const { resolveOwningComponents: resolveOwningComponents2 } = await Promise.resolve().then(() => (init_resolveOwningComponents(), exports_resolveOwningComponents));
   const owners = resolveOwningComponents2({
     changedFilePath: componentFilePath,
-    userAngularRoot: dirname26(componentFilePath)
+    userAngularRoot: dirname27(componentFilePath)
   });
   const owner = owners.find((o3) => o3.className === className);
   const kind = owner?.kind ?? "component";
@@ -25693,10 +26023,18 @@ var resolveRequestPathname = (request) => {
   return moduleUrl.href;
 }, invalidateEmberSsrCache = () => {
   emberCacheBuster = Date.now();
-}, buildHtmlShell = (headTag, bodyContent, indexPath, props) => {
+}, buildHtmlShell = (headTag, bodyContent, indexPath, props, hmrShim) => {
   const propsScript = `window.__INITIAL_PROPS__=${JSON.stringify(props ?? {})};`;
   const indexImport = indexPath ? `<script type="module" src="${indexPath}"></script>` : "";
-  return `<!DOCTYPE html><html>${headTag}<body>` + `<div id="ember-root">${bodyContent}</div>` + `<script>${propsScript}</script>${indexImport}</body></html>`;
+  return `<!DOCTYPE html><html>${headTag}<body>` + `<div id="ember-root">${bodyContent}</div>` + `<script>${propsScript}</script>${indexImport}${hmrShim}</body></html>`;
+}, cachedEmberHmrShim = null, getEmberHmrShim = () => {
+  if (cachedEmberHmrShim)
+    return cachedEmberHmrShim;
+  cachedEmberHmrShim = Promise.resolve().then(() => (init_buildHMRClient(), exports_buildHMRClient)).then(async ({ buildHMRClient: buildHMRClient2 }) => {
+    const bundle = await buildHMRClient2();
+    return `<script>window.__HMR_FRAMEWORK__="ember";</script><script data-hmr-client>${bundle}</script>`;
+  });
+  return cachedEmberHmrShim;
 }, handleEmberPageRequest = async (input) => {
   const { indexPath, pagePath, headTag } = input;
   const userProps = input.props;
@@ -25710,7 +26048,8 @@ var resolveRequestPathname = (request) => {
       throw new Error(`Ember page bundle at ${pagePath} does not export renderToHTML(). Was it compiled by compileEmber()?`);
     }
     const innerHtml = bundle.renderToHTML(props ?? {});
-    const html = buildHtmlShell(resolvedHeadTag, innerHtml.replace(/^<div>|<\/div>$/g, ""), indexPath, props);
+    const hmrShim = !indexPath ? await getEmberHmrShim() : "";
+    const html = buildHtmlShell(resolvedHeadTag, innerHtml.replace(/^<div>|<\/div>$/g, ""), indexPath, props, hmrShim);
     return withPageCacheHeaders(new Response(html, {
       headers: { "Content-Type": "text/html" }
     }), input.request);
@@ -25800,9 +26139,9 @@ var init_simpleHTMXHMR = () => {};
 import { existsSync as existsSync33, readdirSync as readdirSync9, rmSync as rmSync3 } from "fs";
 import {
   basename as basename17,
-  dirname as dirname27,
+  dirname as dirname28,
   isAbsolute as isAbsolute6,
-  join as join41,
+  join as join42,
   relative as relative18,
   resolve as resolvePath,
   sep as sep4
@@ -25815,6 +26154,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     return;
   if (!files.some(isTailwindCandidate))
     return;
+  const startedAt = performance.now();
   try {
     const { computeFrameworkTailwindSources: computeFrameworkTailwindSources2 } = await Promise.resolve().then(() => (init_compileTailwind(), exports_compileTailwind));
     const { cssChanged } = await incrementalTailwindBuild(config.tailwind, state.resolvedPaths.buildDir, files, getStyleTransformConfig(config), computeFrameworkTailwindSources2(config));
@@ -25830,7 +26170,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       data: {
         cause: files.filter(isTailwindCandidate),
         framework: "tailwind",
-        manifest: state.manifest
+        manifest: state.manifest,
+        serverDuration: Math.round(performance.now() - startedAt)
       },
       message: "Tailwind utilities recompiled",
       type: "style-update"
@@ -25927,8 +26268,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     const relJs = `${rel.slice(0, -ext[0].length)}.js`;
     const generatedDir = getFrameworkGeneratedDir(framework, cwd2);
     for (const candidate of [
-      join41(generatedDir, relJs),
-      `${join41(generatedDir, relJs)}.map`
+      join42(generatedDir, relJs),
+      `${join42(generatedDir, relJs)}.map`
     ]) {
       try {
         rmSync3(candidate, { force: true });
@@ -26152,6 +26493,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const { publicDir } = state.resolvedPaths;
   const { assetsDir } = state.resolvedPaths;
   const handleStaticMirror = async (sourceDir, urlPrefix) => {
+    const startedAt = performance.now();
     const absSource = resolvePath(filePath);
     const normalizedSource = absSource.replace(/\\/g, "/");
     const normalizedDir = sourceDir.replace(/\\/g, "/");
@@ -26161,8 +26503,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       const relFromDir = normalizedSource.slice(normalizedDir.length + 1);
       const { buildDir } = state.resolvedPaths;
       const destPath = resolvePath(buildDir, urlPrefix ? `${urlPrefix}/${relFromDir}` : relFromDir);
-      const { mkdir: mkdir8, copyFile, readFile: readFile7 } = await import("fs/promises");
-      await mkdir8(dirname27(destPath), { recursive: true });
+      const { mkdir: mkdir9, copyFile, readFile: readFile7 } = await import("fs/promises");
+      await mkdir9(dirname28(destPath), { recursive: true });
       await copyFile(absSource, destPath);
       const bytes = await readFile7(destPath);
       const webPath = urlPrefix ? `/${urlPrefix}/${relFromDir}` : `/${relFromDir}`;
@@ -26172,7 +26514,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       broadcastToClients(state, {
         data: {
           framework: urlPrefix || "public",
-          manifest: state.manifest
+          manifest: state.manifest,
+          serverDuration: Math.round(performance.now() - startedAt),
+          sourceFile: absSource
         },
         message: `${urlPrefix || "Public"} asset updated`,
         type: "style-update"
@@ -26341,7 +26685,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const keepStemsByDir = new Map;
   const prefixByDir = new Map;
   for (const artifact of freshOutputs) {
-    const dir = dirname27(artifact.path);
+    const dir = dirname28(artifact.path);
     const name = basename17(artifact.path);
     const [prefix] = name.split(".");
     if (!prefix)
@@ -26827,7 +27171,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
         const entries = await readdir5(dir, { withFileTypes: true });
         const files = [];
         for (const entry of entries) {
-          const full = join41(dir, entry.name);
+          const full = join42(dir, entry.name);
           if (entry.isDirectory()) {
             files.push(...await walk(full));
           } else if (entry.isFile() && entry.name.endsWith(".ts") && !entry.name.endsWith(".d.ts")) {
@@ -26864,6 +27208,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     await bundleAngularClient(state, clientPaths, state.resolvedPaths.buildDir, angularDir);
   }
   await Promise.all(pageEntries.map((entry) => compileAngularFileJIT2(entry, generatedAngularRoot, resolvedAngularDir, styleTransformConfig)));
+  if (providersInjection.appProvidersSource) {
+    await compileAngularFileJIT2(providersInjection.appProvidersSource, generatedAngularRoot, resolvedAngularDir, styleTransformConfig);
+  }
   broadcastToClients(state, {
     data: { manifest: state.manifest },
     type: "angular-tier-zero-ssr-rebuild-complete"
@@ -26928,7 +27275,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   invalidateModule2(pageFile);
   const rel = relative18(process.cwd(), pageFile).replace(/\\/g, "/");
   const url = `${SRC_URL_PREFIX2}${rel}`;
-  warmCache2(url);
+  await warmCache2(url);
   return url;
 }, getReactModuleUrl, resolveBroadcastTarget = async (primaryFile) => {
   const isComponentFile2 = primaryFile.endsWith(".tsx") || primaryFile.endsWith(".jsx");
@@ -26937,7 +27284,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const { findNearestComponent: findNearestComponent2 } = await Promise.resolve().then(() => (init_transformCache(), exports_transformCache));
   const nearest = findNearestComponent2(resolvePath(primaryFile));
   return nearest ?? primaryFile;
-}, handleReactModuleServerPath = async (state, reactFiles, startTime, onRebuildComplete) => {
+}, handleReactModuleServerPath = async (state, reactFiles, startTime, fastRefreshSupported, onRebuildComplete) => {
   const primaryFile = reactFiles.find((file4) => !file4.replace(/\\/g, "/").includes("/pages/")) ?? reactFiles[0];
   if (!primaryFile) {
     onRebuildComplete({
@@ -26958,6 +27305,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     state.lastHmrFramework = "react";
     broadcastToClients(state, {
       data: {
+        fastRefreshSupported,
         framework: "react",
         hasComponentChanges: true,
         hasCSSChanges: false,
@@ -26981,9 +27329,10 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     onRebuildComplete({ hmrState: state, manifest: state.manifest });
     return state.manifest;
   }
-  const { warnIfReactFastRefreshUnsupported: warnIfReactFastRefreshUnsupported2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
+  const { isReactFastRefreshSupported: isReactFastRefreshSupported2, warnIfReactFastRefreshUnsupported: warnIfReactFastRefreshUnsupported2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
   warnIfReactFastRefreshUnsupported2();
-  return handleReactModuleServerPath(state, reactFiles, startTime, onRebuildComplete);
+  const fastRefreshSupported = isReactFastRefreshSupported2();
+  return handleReactModuleServerPath(state, reactFiles, startTime, fastRefreshSupported, onRebuildComplete);
 }, getClientVendorPaths = async () => {
   const {
     getDevVendorPaths: getDevVendorPaths2,
@@ -27119,7 +27468,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   }
   return ctx;
 }, runSvelteBundleRebuild = async (state, svelteFiles, config) => {
-  if (svelteFiles.length === 0)
+  const existingSvelteFiles = svelteFiles.filter((file4) => existsSync33(file4));
+  if (existingSvelteFiles.length === 0)
     return;
   const svelteDir = config.svelteDirectory ?? "";
   if (!svelteDir)
@@ -27128,7 +27478,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const { compileSvelte: compileSvelte2 } = await Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte));
   const { build: bunBuild9 } = await Promise.resolve(globalThis.Bun);
   const clientRoot = await computeClientRoot(state.resolvedPaths);
-  const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true, getStyleTransformConfig(state.config));
+  const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(existingSvelteFiles, svelteDir, new Map, true, getStyleTransformConfig(state.config));
   const serverEntries = [...svelteServerPaths];
   const clientEntries = [...svelteIndexPaths, ...svelteClientPaths];
   const { serverRoot, serverOutDir } = await computeServerOutPaths(state.resolvedPaths, "svelte");
@@ -27381,7 +27731,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   } = await compileVue2(vueFiles, vueDir, true, getStyleTransformConfig(state.config));
   const serverEntries = [...vueServerPaths];
   const clientEntries = [...vueIndexPaths, ...vueClientPaths];
-  const cssOutDir = join41(buildDir, state.resolvedPaths.assetsDir ? basename17(state.resolvedPaths.assetsDir) : "assets", "css");
+  const cssOutDir = join42(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();
@@ -27567,7 +27917,10 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   broadcastToClients(state, {
     data: {
       affectedPages: allPageEntries,
-      manifest: state.manifest
+      framework: "ember",
+      manifest: state.manifest,
+      serverDuration: duration,
+      sourceFile: primary
     },
     type: "full-reload"
   });
@@ -27590,7 +27943,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;
   }
@@ -27602,21 +27955,28 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const sourceFiles = reactPageFiles.length > 0 ? reactPageFiles : reactFiles;
   const [primarySource] = sourceFiles;
   try {
-    const hasComponentChanges = reactFiles.some((file4) => file4.endsWith(".tsx") || file4.endsWith(".ts") || file4.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,
         sourceFiles
       },
       type: "react-update"
     });
-  } catch (err) {
     console.error("[hmr] react live update failed:", err instanceof Error ? err.message : err);
     sendTelemetryEvent("hmr:error", {
       framework: "react",
@@ -27637,6 +27997,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       framework,
       manifest,
       scriptPath,
+      serverDuration: duration,
       sourceFile: scriptFile
     },
     type: "script-update"
@@ -27646,7 +28007,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   if (!buildReference?.source) {
     return;
   }
-  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolvePath(dirname27(buildInfo.resolvedRegistryPath), buildReference.source);
+  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolvePath(dirname28(buildInfo.resolvedRegistryPath), buildReference.source);
   islandFiles.add(resolvePath(sourcePath));
 }, resolveIslandSourceFiles = async (config) => {
   const registryPath = config.islands?.registry;
@@ -27667,17 +28028,26 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     return false;
   }
   return filesToRebuild.some((file4) => islandFiles.has(resolvePath(file4)));
-}, handleIslandSourceReload = async (state, config, filesToRebuild, manifest) => {
+}, handleIslandSourceReload = async (state, config, filesToRebuild, manifest, serverDuration) => {
   const shouldReload = await didStaticPagesNeedIslandRefresh(config, filesToRebuild);
   if (!shouldReload) {
     return false;
   }
   setCurrentPageIslandMetadata(await loadPageIslandMetadata(config));
   const affectedPages = filesToRebuild.flatMap((file4) => getPagesUsingIslandSource(file4));
+  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,
-      manifest
+      framework: "islands",
+      manifest,
+      serverDuration,
+      sourceFile: filesToRebuild[0]
     },
     type: "full-reload"
   });
@@ -27718,6 +28088,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
         framework: "html",
         html: newHTML,
         manifest,
+        serverDuration: duration,
         sourceFile: builtHtmlPagePath
       },
       type: "html-update"
@@ -27763,6 +28134,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       cssUrl,
       framework: "vue",
       manifest,
+      serverDuration: duration,
       sourceFile: cssFile,
       updateType: "css-only"
     },
@@ -27778,6 +28150,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       framework: "vue",
       hmrId,
       manifest,
+      serverDuration: duration,
       sourceFile: vuePagePath,
       updateType: "css-only"
     },
@@ -27795,6 +28168,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       hmrId,
       html: null,
       manifest,
+      serverDuration: duration,
       sourceFile: vuePagePath,
       updateType: "full"
     },
@@ -27859,6 +28233,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       cssUrl,
       framework: "svelte",
       manifest,
+      serverDuration: duration,
       sourceFile: cssFile,
       updateType: "css-only"
     },
@@ -27879,6 +28254,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
         framework: "svelte",
         html: null,
         manifest,
+        serverDuration: duration,
         sourceFile: sveltePagePath,
         updateType: "full"
       },
@@ -27927,6 +28303,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       cssUrl,
       framework: "angular",
       manifest,
+      serverDuration: duration,
       sourceFile: cssFile,
       updateType: "style"
     },
@@ -27972,6 +28349,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
         framework: "htmx",
         html: newHTML,
         manifest,
+        serverDuration: duration,
         sourceFile: builtHtmxPagePath
       },
       type: "htmx-update"
@@ -28056,7 +28434,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);
@@ -28080,7 +28458,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   broadcastToClients(state, {
     data: {
       framework,
-      manifest
+      manifest,
+      serverDuration: Date.now() - startTime,
+      sourceFile: filesToRebuild?.find((file4) => detectFramework(file4, state.resolvedPaths) === framework)
     },
     message: `${framework} framework updated`,
     type
@@ -28281,7 +28661,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 = resolvePath(state.resolvedPaths.buildDir, config.tailwind.output);
       const bytes = await Bun.file(outputPath).bytes();
@@ -28292,15 +28673,17 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       data: {
         cause: filesToRebuild?.filter(isTailwindCandidate) ?? [],
         framework: "tailwind",
-        manifest
+        manifest,
+        serverDuration: duration
       },
       message: "Tailwind utilities recompiled",
       type: "style-update"
     });
   }
   const hasFilesToRebuild = filesToRebuild && filesToRebuild.length > 0;
-  const didReloadForIslandChange = hasFilesToRebuild ? await handleIslandSourceReload(state, config, filesToRebuild, manifest) : false;
+  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;
   }
@@ -28457,8 +28840,8 @@ __export(exports_buildDepVendor, {
 });
 import { mkdirSync as mkdirSync14 } from "fs";
 import { isBuiltin } from "module";
-import { join as join42 } from "path";
-import { rm as rm10 } from "fs/promises";
+import { join as join43 } from "path";
+import { rm as rm11 } from "fs/promises";
 var {build: bunBuild9, Glob: Glob10 } = globalThis.Bun;
 var toSafeFileName6 = (specifier) => {
   const prefix = specifier.startsWith("@") ? "_" : "";
@@ -28517,7 +28900,7 @@ var toSafeFileName6 = (specifier) => {
   };
 }, collectBareImportsFromFile = async (entryPath, transpiler6, maxDepth = 8) => {
   const { readFileSync: readFileSync28 } = await import("fs");
-  const { dirname: dirname28 } = await import("path");
+  const { dirname: dirname29 } = await import("path");
   const seenFiles = new Set;
   const bareOut = new Set;
   const queue = [
@@ -28542,7 +28925,7 @@ var toSafeFileName6 = (specifier) => {
     } catch {
       continue;
     }
-    const fromDir = dirname28(path);
+    const fromDir = dirname29(path);
     for (const imp of imports) {
       const child = imp.path;
       if (child.startsWith(".") || child.startsWith("/")) {
@@ -28606,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 = join42(tmpDir, `${safeName}.ts`);
+    const entryPath = join43(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return { entryPath, specifier };
   }));
@@ -28697,9 +29080,9 @@ var toSafeFileName6 = (specifier) => {
   const { dep: initialSpecs, framework: frameworkRoots } = await scanBareImports(directories);
   if (initialSpecs.length === 0 && frameworkRoots.length === 0)
     return {};
-  const vendorDir = join42(buildDir, "vendor");
+  const vendorDir = join43(buildDir, "vendor");
   mkdirSync14(vendorDir, { recursive: true });
-  const tmpDir = join42(buildDir, "_dep_vendor_tmp");
+  const tmpDir = join43(buildDir, "_dep_vendor_tmp");
   mkdirSync14(tmpDir, { recursive: true });
   const allSpecs = new Set(initialSpecs);
   const alreadyScanned = new Set;
@@ -28719,7 +29102,7 @@ var toSafeFileName6 = (specifier) => {
   if (!success) {
     console.warn("\u26A0\uFE0F Dependency vendor build had errors:", result.logs);
   }
-  await rm10(tmpDir, { force: true, recursive: true });
+  await rm11(tmpDir, { force: true, recursive: true });
   const paths = {};
   for (const specifier of allSpecs) {
     paths[specifier] = `/vendor/${toSafeFileName6(specifier)}.js`;
@@ -28990,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;
@@ -29165,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));
@@ -29239,5 +29622,5 @@ export {
   build
 };
-//# debugId=B2F810836F80A55464756E2164756E21
+//# debugId=E8337E5C2B5EAADD64756E2164756E21
 //# sourceMappingURL=build.js.map