@absolutejs/absolute 0.20.0-beta.130 → 0.20.0-beta.131

package/dist/vue/index.js

@@ -18,7 +18,7 @@ var __toESM = (mod, isNodeMode, target) => {
       return cached;
   }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  const to = isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   if (mod && typeof mod === "object" || typeof mod === "function") {
     for (let key of __getOwnPropNames(mod))
       if (!__hasOwnProp.call(to, key))
@@ -59,29 +59,19 @@ var __legacyMetadataTS = (k, v) => {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
     return Reflect.metadata(k, v);
 };
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __esm = (fn, res, err) => () => {
+  if (fn)
+    try {
+      res = fn(fn = 0);
+    } catch (e) {
+      err = [e];
+    }
+  if (err)
+    throw err[0];
+  return res;
+};
 var __require = import.meta.require;
 
-// src/constants.ts
-var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", TAILWIND_BUN_CSS_WARNING_PATTERN, BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, ESLINT_STUDIO_DEFAULT_HOST = "eslint.absolute.localhost", ESLINT_STUDIO_DEFAULT_PORT = 4099, CONFIG_DEFAULT_HOST = "config.absolute.localhost", CONFIG_DEFAULT_PORT = 4099, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, INSTANCE_PROBE_TIMEOUT_MS = 250, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, LIST_LOG_TAIL_MAX_BYTES = 65536, LIST_TUI_COLUMN_GAP = 2, LIST_TUI_DEFAULT_HEIGHT = 28, LIST_TUI_DEFAULT_WIDTH = 100, LIST_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, LIST_TUI_FOOTER_LINE_COUNT = 2, LIST_TUI_MARKER_WIDTH = 2, LIST_TUI_MIN_LOG_HEIGHT = 3, LIST_TUI_MIN_URL_WIDTH = 16, LIST_TUI_RENDER_DEBOUNCE_MS = 16, LIST_TUI_STATUS_MESSAGE_TIMEOUT_MS = 4000, LIST_WATCH_REFRESH_MS = 1000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, DEFAULT_WEBSOCKET_IDLE_TIMEOUT_SECONDS = 240, DEFAULT_HTTP_IDLE_TIMEOUT_SECONDS = 240, MAX_HTTP_IDLE_TIMEOUT_SECONDS = 255, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
-var init_constants = __esm(() => {
-  TAILWIND_BUN_CSS_WARNING_PATTERN = /invalid @ rule encountered: '@(theme|tailwind|source|utility|variant|custom-variant|apply|reference|plugin|config)'/;
-  IMAGE_DEFAULT_DEVICE_SIZES = [
-    640,
-    750,
-    828,
-    1080,
-    1200,
-    1920,
-    2048,
-    3840
-  ];
-  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
-  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
-  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
-  TWO_THIRDS = 2 / 3;
-});
-
 // src/utils/inlinePageCss.ts
 var siblingCssCache, clearSiblingCssCache = () => {
   siblingCssCache.clear();
@@ -286,14 +276,14 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   });
   return { body, styles };
 }, renderVueError = async (conventionPath, errorProps) => {
-  const { createSSRApp, h: h4 } = await import("vue");
+  const { createSSRApp, h } = await import("vue");
   const { renderToString } = await import("vue/server-renderer");
   const mod = await import(conventionPath);
   const ErrorComponent = mod.default;
   if (!ErrorComponent)
     return null;
   const app = createSSRApp({
-    render: () => h4(ErrorComponent, errorProps)
+    render: () => h(ErrorComponent, errorProps)
   });
   const rawBody = await renderToString(app);
   const { styles, body } = unescapeVueStyles(rawBody);
@@ -386,14 +376,14 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     status: 404
   });
 }, renderVueNotFound = async (conventionPath) => {
-  const { createSSRApp, h: h4 } = await import("vue");
+  const { createSSRApp, h } = await import("vue");
   const { renderToString } = await import("vue/server-renderer");
   const mod = await import(conventionPath);
   const NotFoundComponent = mod.default;
   if (!NotFoundComponent)
     return null;
   const app = createSSRApp({
-    render: () => h4(NotFoundComponent)
+    render: () => h(NotFoundComponent)
   });
   const rawBody = await renderToString(app);
   const { styles, body } = unescapeVueStyles(rawBody);
@@ -747,13 +737,6 @@ var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="tr
 };
 
 // src/core/devRouteRegistrationCallsite.ts
-var exports_devRouteRegistrationCallsite = {};
-__export(exports_devRouteRegistrationCallsite, {
-  getCurrentRouteRegistrationCallsite: () => getCurrentRouteRegistrationCallsite,
-  getOriginalPageHandlerSource: () => getOriginalPageHandlerSource,
-  isPageHandler: () => isPageHandler,
-  patchElysiaRouteRegistrationCallsites: () => patchElysiaRouteRegistrationCallsites
-});
 import { AsyncLocalStorage } from "async_hooks";
 import { Elysia } from "elysia";
 var ROUTE_CALLSITE_STORAGE_KEY, ROUTE_CALLSITE_PATCHED_KEY, NODE_ENV_KEY = "NODE_ENV", ROUTE_METHOD_NAMES, PAGE_HANDLER_NAMES, pageHandlerWrappers, isPageHandlerFunction = (value) => typeof value === "function", handlerSourceMentionsPageHelper = (handler) => {
@@ -770,12 +753,12 @@ var ROUTE_CALLSITE_STORAGE_KEY, ROUTE_CALLSITE_PATCHED_KEY, NODE_ENV_KEY = "NODE
   if (pageHandlerWrappers.has(handler))
     return true;
   return handlerSourceMentionsPageHelper(handler);
-}, isObjectRecord4 = (value) => Boolean(value) && typeof value === "object", isAsyncLocalStorage2 = (value) => isObjectRecord4(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function", isRouteMethod = (value) => typeof value === "function", getRouteCallsiteStorage = () => {
+}, isObjectRecord = (value) => Boolean(value) && typeof value === "object", isAsyncLocalStorage = (value) => isObjectRecord(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function", isRouteMethod = (value) => typeof value === "function", getRouteCallsiteStorage = () => {
   const value = Reflect.get(globalThis, ROUTE_CALLSITE_STORAGE_KEY);
   if (value === null || typeof value === "undefined") {
     return;
   }
-  return isAsyncLocalStorage2(value) ? value : undefined;
+  return isAsyncLocalStorage(value) ? value : undefined;
 }, ensureRouteCallsiteStorage = () => {
   const existing = getRouteCallsiteStorage();
   if (existing) {
@@ -856,11 +839,6 @@ var init_devRouteRegistrationCallsite = __esm(() => {
 });
 
 // src/utils/ssrErrorPage.ts
-var exports_ssrErrorPage = {};
-__export(exports_ssrErrorPage, {
-  buildErrorPage: () => buildErrorPage,
-  ssrErrorPage: () => ssrErrorPage
-});
 var errorPageHtml = ({
   framework,
   hint,
@@ -932,19 +910,6 @@ ${error ?? "The dev-server terminal has the build output."}`,
 });
 
 // src/core/requestContext.ts
-var exports_requestContext = {};
-__export(exports_requestContext, {
-  absoluteRequestContext: () => absoluteRequestContext,
-  devBuildErrorResponse: () => devBuildErrorResponse,
-  getCurrentAbsoluteRequest: () => getCurrentAbsoluteRequest,
-  getDevPageWarmer: () => getDevPageWarmer,
-  getMissingAssets: () => getMissingAssets,
-  recordMissingAsset: () => recordMissingAsset,
-  resolveDeferredPageAssets: () => resolveDeferredPageAssets,
-  runWithAbsoluteRequest: () => runWithAbsoluteRequest,
-  setDevPageWarmer: () => setDevPageWarmer,
-  withDeferredStylesheets: () => withDeferredStylesheets
-});
 import { AsyncLocalStorage as AsyncLocalStorage2 } from "async_hooks";
 import { Elysia as Elysia2 } from "elysia";
 var REQUEST_STORAGE_KEY, PAGE_WARMER_KEY, isAbsoluteRequestStorage = (value) => typeof value === "object" && value !== null && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function", getRequestStorage = () => {
@@ -1423,26 +1388,26 @@ var streamSwapRuntime = () => {
   absoluteWindow.__ABS_SLOT_PENDING__ = absoluteWindow.__ABS_SLOT_PENDING__ ?? {};
   const consumers = absoluteWindow.__ABS_SLOT_CONSUMERS__;
   const pending = absoluteWindow.__ABS_SLOT_PENDING__;
-  const isObjectRecord5 = (value) => Boolean(value) && typeof value === "object";
+  const isObjectRecord = (value) => Boolean(value) && typeof value === "object";
   const isPatchedPendingEntry = (value) => {
-    if (!isObjectRecord5(value))
+    if (!isObjectRecord(value))
       return false;
     return value.domPatched === true && "payload" in value;
   };
   const unwrapPendingPayload = (value) => isPatchedPendingEntry(value) ? value.payload : value;
   const canApplyImmediately = () => absoluteWindow.__ABS_SLOT_HYDRATION_PENDING__ !== true;
   const isAngularDeferPayload = (payload) => {
-    if (!isObjectRecord5(payload))
+    if (!isObjectRecord(payload))
       return false;
     return payload.kind === "angular-defer";
   };
-  const isVueSuspensePayload2 = (payload) => {
-    if (!isObjectRecord5(payload))
+  const isVueSuspensePayload = (payload) => {
+    if (!isObjectRecord(payload))
       return false;
     return payload.kind === "vue-suspense";
   };
   const resolveHtml = (payload) => {
-    if (!isObjectRecord5(payload)) {
+    if (!isObjectRecord(payload)) {
       return typeof payload === "string" ? payload : "";
     }
     if (typeof payload.html === "string") {
@@ -1479,7 +1444,7 @@ var streamSwapRuntime = () => {
       return;
     }
     const html = resolveHtml(payload);
-    if (isVueSuspensePayload2(payload) && isPatchedPendingEntry(pendingEntry)) {
+    if (isVueSuspensePayload(payload) && isPatchedPendingEntry(pendingEntry)) {
       return;
     }
     node.innerHTML = html;
@@ -1487,7 +1452,7 @@ var streamSwapRuntime = () => {
     window.dispatchEvent(new CustomEvent(SLOT_PATCH_EVENT, {
       detail: { html, id, payload }
     }));
-    if (isVueSuspensePayload2(payload)) {
+    if (isVueSuspensePayload(payload)) {
       pending[id] = { domPatched: true, payload };
       return;
     }
@@ -1521,6 +1486,26 @@ var streamSwapRuntime = () => {
   return value.slice(start + 1, end);
 }, getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
 
+// src/constants.ts
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", TAILWIND_BUN_CSS_WARNING_PATTERN, BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, ESLINT_STUDIO_DEFAULT_HOST = "eslint.absolute.localhost", ESLINT_STUDIO_DEFAULT_PORT = 4099, CONFIG_DEFAULT_HOST = "config.absolute.localhost", CONFIG_DEFAULT_PORT = 4099, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, INSTANCE_PROBE_TIMEOUT_MS = 250, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, LIST_LOG_TAIL_MAX_BYTES = 65536, LIST_TUI_COLUMN_GAP = 2, LIST_TUI_DEFAULT_HEIGHT = 28, LIST_TUI_DEFAULT_WIDTH = 100, LIST_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, LIST_TUI_FOOTER_LINE_COUNT = 2, LIST_TUI_MARKER_WIDTH = 2, LIST_TUI_MIN_LOG_HEIGHT = 3, LIST_TUI_MIN_URL_WIDTH = 16, LIST_TUI_RENDER_DEBOUNCE_MS = 16, LIST_TUI_STATUS_MESSAGE_TIMEOUT_MS = 4000, LIST_WATCH_REFRESH_MS = 1000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, DEFAULT_WEBSOCKET_IDLE_TIMEOUT_SECONDS = 240, DEFAULT_HTTP_IDLE_TIMEOUT_SECONDS = 240, MAX_HTTP_IDLE_TIMEOUT_SECONDS = 255, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
+var init_constants = __esm(() => {
+  TAILWIND_BUN_CSS_WARNING_PATTERN = /invalid @ rule encountered: '@(theme|tailwind|source|utility|variant|custom-variant|apply|reference|plugin|config)'/;
+  IMAGE_DEFAULT_DEVICE_SIZES = [
+    640,
+    750,
+    828,
+    1080,
+    1200,
+    1920,
+    2048,
+    3840
+  ];
+  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
+  TWO_THIRDS = 2 / 3;
+});
+
 // src/utils/escapeScriptContent.ts
 var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
   const escaped = ESCAPE_LOOKUP[char];
@@ -2400,10 +2385,6 @@ var init_telemetryEvent = __esm(() => {
 });
 
 // src/dev/buildHMRClient.ts
-var exports_buildHMRClient = {};
-__export(exports_buildHMRClient, {
-  buildHMRClient: () => buildHMRClient
-});
 import { existsSync as existsSync3 } from "fs";
 import { resolve as resolve2 } from "path";
 var {build: bunBuild } = globalThis.Bun;
@@ -2429,7 +2410,7 @@ var resolveHmrClientPath = () => {
     console.error("Failed to build HMR client:", result.logs);
     sendTelemetryEvent("hmr:client-build-failed", {
       logCount: result.logs.length,
-      message: result.logs.map((log2) => log2.message).join("; ")
+      message: result.logs.map((log) => log.message).join("; ")
     });
     return "// HMR client build failed";
   }
@@ -2459,8 +2440,8 @@ var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + fram
   return found ? entries : undefined;
 }, getIslandManifestEntries = (manifest) => {
   const islands = {};
-  const frameworks2 = ["react", "svelte", "vue", "angular"];
-  for (const framework of frameworks2) {
+  const frameworks = ["react", "svelte", "vue", "angular"];
+  for (const framework of frameworks) {
     const prefix = `Island${toIslandFrameworkSegment(framework)}`;
     const entries = collectFrameworkIslands(manifest, prefix);
     if (entries)
@@ -2563,10 +2544,6 @@ var init_resolveAngularPackage = () => {};
 var ENV_VAR = "NODE_ENV", isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
 
 // src/angular/angularPatch.ts
-var exports_angularPatch = {};
-__export(exports_angularPatch, {
-  applyPatches: () => applyPatches
-});
 var ensureHead = (doc) => {
   if (!doc || doc.head || !doc.documentElement) {
     return;
@@ -2722,8 +2699,8 @@ var initDominoAdapter = (platformServer) => {
   if (!isProductionRuntime()) {
     await import("@angular/compiler");
   }
-  const { applyPatches: applyPatches2 } = await Promise.resolve().then(() => (init_angularPatch(), exports_angularPatch));
-  await applyPatches2();
+  await Promise.resolve().then(() => init_angularPatch());
+  await applyPatches();
   const useBareSpecifiers = !isProductionRuntime();
   const [platformBrowser, platformServer, common, core] = await Promise.all([
     useBareSpecifiers ? import("@angular/platform-browser") : import(resolveAngularRuntimePath("@angular/platform-browser")),
@@ -2939,49 +2916,7 @@ var init_ssrRender = __esm(() => {
 });
 
 // src/angular/islands.ts
-var exports_islands = {};
-__export(exports_islands, {
-  getAngularIslandSelector: () => getAngularIslandSelector,
-  isAngularComponent: () => isAngularComponent,
-  mountAngularIsland: () => mountAngularIsland,
-  renderAngularIslandToHtml: () => renderAngularIslandToHtml
-});
-var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_islandId) => angularIslandSelector, isAngularComponent = (value) => typeof value === "function", getSelectorFromRenderedIsland = (rootElement) => {
-  const firstChild = rootElement.firstElementChild;
-  if (!(firstChild instanceof HTMLElement)) {
-    return null;
-  }
-  const selector = firstChild.tagName.toLowerCase();
-  return selector.length > 0 ? selector : null;
-}, getClientAngularComponentSelector = (component) => {
-  const maybeDef = Reflect.get(component, "\u0275cmp");
-  if (typeof maybeDef !== "object" || maybeDef === null) {
-    return null;
-  }
-  const maybeSelectors = Reflect.get(maybeDef, "selectors");
-  if (!Array.isArray(maybeSelectors)) {
-    return null;
-  }
-  const [firstSelectorGroup] = maybeSelectors;
-  if (!Array.isArray(firstSelectorGroup)) {
-    return null;
-  }
-  const [selector] = firstSelectorGroup;
-  return typeof selector === "string" && selector.length > 0 ? selector : null;
-}, createAngularIslandApp = async () => {
-  const { EnvironmentInjector, provideZonelessChangeDetection } = await import("@angular/core");
-  const { createApplication } = await import("@angular/platform-browser");
-  const app = await createApplication({
-    providers: [provideZonelessChangeDetection()]
-  });
-  const environmentInjector = app.injector.get(EnvironmentInjector);
-  return { app, environmentInjector };
-}, angularIslandAppPromise = null, getAngularIslandApp = async () => {
-  if (!angularIslandAppPromise) {
-    angularIslandAppPromise = createAngularIslandApp();
-  }
-  return angularIslandAppPromise;
-}, wrapperMetadataCache, requestRenderCache, getRequestRenderCache = () => {
+var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_islandId) => angularIslandSelector, wrapperMetadataCache, requestRenderCache, getRequestRenderCache = () => {
   const requestId = getSsrContextId();
   if (!requestId) {
     return null;
@@ -3043,36 +2978,6 @@ var angularIslandSelector = "abs-angular-island", getAngularIslandSelector = (_i
     throw new Error(`Could not close Angular island root "${selector}".`);
   }
   return html.slice(start, end + endTag.length);
-}, mountAngularIsland = async (component, element, props, islandId) => {
-  await import("@angular/compiler");
-  const { createComponent, inputBinding } = await import("@angular/core");
-  const selector = getAngularIslandSelector(islandId);
-  const { app, environmentInjector } = await getAngularIslandApp();
-  let rootElement = element.querySelector(selector);
-  if (!(rootElement instanceof HTMLElement)) {
-    element.innerHTML = `<${selector}></${selector}>`;
-    rootElement = element.querySelector(selector);
-  }
-  if (!(rootElement instanceof HTMLElement))
-    return app;
-  const componentSelector = getClientAngularComponentSelector(component) ?? getSelectorFromRenderedIsland(rootElement);
-  if (!componentSelector)
-    return app;
-  rootElement.innerHTML = `<${componentSelector}></${componentSelector}>`;
-  const hostElement = rootElement.querySelector(componentSelector);
-  if (!(hostElement instanceof HTMLElement))
-    return app;
-  const bindings = Object.entries(props).map(([key, value]) => inputBinding(key, () => value));
-  const componentRef = createComponent(component, {
-    bindings,
-    environmentInjector,
-    hostElement
-  });
-  app.attachView(componentRef.hostView);
-  componentRef.changeDetectorRef.detectChanges();
-  window.__ABS_ANGULAR_ISLAND_APPS__ ??= [];
-  window.__ABS_ANGULAR_ISLAND_APPS__.push(app);
-  return app;
 }, renderAngularIslandToHtml = async (component, props, islandId) => {
   const requestCache = getRequestRenderCache();
   const renderCacheKey = getIslandRenderCacheKey(component, props);
@@ -3107,8 +3012,8 @@ var init_islands2 = __esm(() => {
 
 // src/core/islandSsr.ts
 var renderAngularIslandToHtmlInternal = async (component, props, islandId) => {
-  const { renderAngularIslandToHtml: renderAngularIslandToHtml2 } = await Promise.resolve().then(() => (init_islands2(), exports_islands));
-  return renderAngularIslandToHtml2(component, props, islandId);
+  await Promise.resolve().then(() => init_islands2());
+  return renderAngularIslandToHtml(component, props, islandId);
 }, renderAngularIslandToHtml2, LEADING_HOISTED_RESOURCE_RE, stripLeadingHoistedResources = (html) => {
   let result = html;
   let match = LEADING_HOISTED_RESOURCE_RE.exec(result);
@@ -3447,25 +3352,9 @@ var init_specifierRewriter = __esm(() => {
 });
 
 // src/build/rewriteImportsPlugin.ts
-var exports_rewriteImportsPlugin = {};
-__export(exports_rewriteImportsPlugin, {
-  buildWithImportRewrite: () => buildWithImportRewrite,
-  fixMissingReExportNamespacesInContent: () => fixMissingReExportNamespacesInContent,
-  jsRewriteImports: () => jsRewriteImports,
-  rewriteBuildOutputs: () => rewriteBuildOutputs,
-  rewriteBuildOutputsWith: () => rewriteBuildOutputsWith,
-  rewriteImportsInContent: () => rewriteImportsInContent,
-  rewriteVendorDirectories: () => rewriteVendorDirectories
-});
 import { readdir as readdir2 } from "fs/promises";
 import { join as join4 } from "path";
-var REEXPORT_PATTERN, IMPORT_PATH_PATTERN, isMissingFile = (error) => error instanceof Error && ("code" in error) && error.code === "ENOENT", buildWithImportRewrite = async (pendingBuild, vendorPaths) => {
-  const result = await pendingBuild;
-  if (result.outputs.length > 0) {
-    await rewriteBuildOutputs(result.outputs, vendorPaths);
-  }
-  return result;
-}, fixMissingReExportNamespacesInContent = (content) => {
+var REEXPORT_PATTERN, IMPORT_PATH_PATTERN, isMissingFile = (error) => error instanceof Error && ("code" in error) && error.code === "ENOENT", fixMissingReExportNamespacesInContent = (content) => {
   const missing = collectMissingNamespaceImports(content);
   if (missing.length === 0)
     return content;
@@ -3508,10 +3397,6 @@ ${content}`;
     missing.push({ ident, path: sourcePath });
   }
   return missing;
-}, jsRewriteImports = (content, replacements) => rewriteSpecifiers(content, compileSpecifierRewriter(Object.fromEntries(replacements)), { sweep: false }), rewriteBuildOutputs = async (outputs, vendorPaths) => {
-  if (Object.keys(vendorPaths).length === 0)
-    return;
-  await Promise.all(outputs.filter(isReadableArtifact).map((artifact) => rewriteArtifact(artifact, vendorPaths)));
 }, isReadableArtifact = (artifact) => artifact.path.endsWith(".js"), readArtifactText = async (artifact) => {
   try {
     return await artifact.text();
@@ -3586,12 +3471,12 @@ var serverCacheRoot, compiledModuleCache, ANGULAR_SPECIFIER_RE, getCachedModuleP
   const relativeSourcePath = relative(process.cwd(), sourcePath).replace(/\\/g, "/");
   const normalizedSourcePath = relativeSourcePath.startsWith("..") ? sourcePath.replace(/[:\\/]/g, "_") : relativeSourcePath;
   return join5(serverCacheRoot, `${normalizedSourcePath}.server.js`);
-}, collectVendorPaths = (code2) => {
+}, collectVendorPaths = (code) => {
   const vendorPaths = {};
   if (!isProductionRuntime()) {
     return vendorPaths;
   }
-  const specifiers = new Set([...code2.matchAll(ANGULAR_SPECIFIER_RE)].map((match) => match[1]));
+  const specifiers = new Set([...code.matchAll(ANGULAR_SPECIFIER_RE)].map((match) => match[1]));
   specifiers.forEach((specifier) => {
     if (!specifier)
       return;
@@ -3611,13 +3496,13 @@ var serverCacheRoot, compiledModuleCache, ANGULAR_SPECIFIER_RE, getCachedModuleP
   });
   const entry = result.outputs.find((output) => output.kind === "entry-point");
   if (!result.success || !entry) {
-    const message = result.logs.map((log2) => String(log2)).join(`
+    const message = result.logs.map((log) => String(log)).join(`
 `);
     throw new Error(`Failed to compile Angular island server module for "${sourcePath}":
 ${message}`);
   }
-  const code2 = await entry.text();
-  const rewritten = rewriteImportsInContent(code2, collectVendorPaths(code2));
+  const code = await entry.text();
+  const rewritten = rewriteImportsInContent(code, collectVendorPaths(code));
   const modulePath = getCachedModulePath(sourcePath);
   await mkdir(dirname4(modulePath), { recursive: true });
   await Bun.write(modulePath, rewritten);
@@ -3819,26 +3704,6 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 });
 
 // src/build/stylePreprocessor.ts
-var exports_stylePreprocessor = {};
-__export(exports_stylePreprocessor, {
-  addStyleImporter: () => addStyleImporter,
-  compileStyleFileIfNeeded: () => compileStyleFileIfNeeded,
-  compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
-  compileStyleSource: () => compileStyleSource,
-  createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
-  createStyleTransformConfig: () => createStyleTransformConfig,
-  createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
-  findStyleEntriesImporting: () => findStyleEntriesImporting,
-  forgetStyleEntry: () => forgetStyleEntry,
-  getCssOutputExtension: () => getCssOutputExtension,
-  getStyleBaseName: () => getStyleBaseName,
-  isPreprocessableStylePath: () => isPreprocessableStylePath,
-  isStyleModulePath: () => isStyleModulePath,
-  isStylePath: () => isStylePath,
-  recordStyleOutput: () => recordStyleOutput,
-  stylePreprocessorPlugin: () => stylePreprocessorPlugin
-});
-import { createHash as createHash2 } from "crypto";
 import { existsSync as existsSync6, readFileSync as readFileSync5 } from "fs";
 import { readFile as readFile2 } from "fs/promises";
 import { createRequire } from "module";
@@ -4021,8 +3886,8 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     return mod.default ?? mod;
   }
   return mod;
-}, loadPostcssConfigFile = async (configPath2) => {
-  const resolved = resolve5(process.cwd(), configPath2);
+}, loadPostcssConfigFile = async (configPath) => {
+  const resolved = resolve5(process.cwd(), configPath);
   const loaded = resolved.endsWith(".cjs") || resolved.endsWith(".cts") ? requireOptionalPeerSync(resolved) : await importOptionalPeer(`${new URL(`file://${resolved}`).href}?t=${Date.now()}`);
   const config = normalizePostcssModule(loaded);
   const value = typeof config === "function" ? await config({
@@ -4169,16 +4034,6 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       importers.push(entry);
   }
   return importers;
-}, recordStyleOutput = (entry, css) => {
-  const key = resolve5(entry);
-  const hash = createHash2("sha1").update(css).digest("hex");
-  const previous = styleOutputHashes.get(key);
-  styleOutputHashes.set(key, hash);
-  return previous !== hash;
-}, forgetStyleEntry = (entry) => {
-  const key = resolve5(entry);
-  styleDependencyGraph.delete(key);
-  styleOutputHashes.delete(key);
 }, compileStyleSource = async (filePath, source, languageHint, config) => {
   const language = getStyleLanguage(languageHint ?? filePath);
   const rawContents = source ?? await readFile2(filePath, "utf-8");
@@ -4409,7 +4264,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     throw new Error(`Unable to compile ${filePath}: Stylus styleUrl preprocessing is async-only. Import the Stylus file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
   }
   return resolveCssImportsSync(rawContents, dirname5(filePath), new Set([filePath]));
-}, getCssOutputExtension = (filePath) => isPreprocessableStylePath(filePath) ? ".css" : extname(filePath);
+};
 var init_stylePreprocessor = __esm(() => {
   CSS_EXTENSION_PATTERN = /\.css$/i;
   STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less|styl(?:us)?)$/i;
@@ -4646,8 +4501,8 @@ var ISLAND_COMPONENT_ID_LENGTH = 8, serverCacheRoot3, compiledModuleCache3, tran
       return;
   }
   await Bun.write(path, content);
-}, stripExports = (code2) => code2.replace(/export\s+default/, "const script ="), mergeVueImports = (code2) => {
-  const lines = code2.split(`
+}, stripExports = (code) => code.replace(/export\s+default/, "const script ="), mergeVueImports = (code) => {
+  const lines = code.split(`
 `);
   const specifierSet = new Set;
   const vueImportRegex = /^import\s+{([^}]+)}\s+from\s+['"]vue['"];?$/;
@@ -4880,6 +4735,19 @@ var init_renderIslandMarkup = __esm(() => {
   resolvedServerBuildComponentCache = new Map;
 });
 
+// src/vue/pageHandler.ts
+init_inlinePageCss();
+init_spaRouteCss();
+init_spaRouteManifest();
+init_devRouteRegistrationCallsite();
+init_requestContext();
+init_pageProtocol();
+init_pageResponseCache();
+
+// src/core/responseEnhancers.ts
+init_streamingSlots();
+init_pageResponseCache();
+
 // src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
@@ -4891,9 +4759,9 @@ var getRegisteredStreamingSlotRegistrar = () => {
   }
   return;
 };
-var isObjectRecord = (value) => Boolean(value) && typeof value === "object";
-var isStreamingSlotWarningController = (value) => isObjectRecord(value) && ("maybeWarn" in value) && typeof value.maybeWarn === "function";
-var isStreamingSlotCollectionController = (value) => isObjectRecord(value) && ("isCollecting" in value) && typeof value.isCollecting === "function";
+var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
+var isStreamingSlotWarningController = (value) => isObjectRecord2(value) && ("maybeWarn" in value) && typeof value.maybeWarn === "function";
+var isStreamingSlotCollectionController = (value) => isObjectRecord2(value) && ("isCollecting" in value) && typeof value.isCollecting === "function";
 var getWarningController = () => {
   const value = Reflect.get(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY);
   if (value === null || typeof value === "undefined")
@@ -4929,14 +4797,14 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
 
 // src/core/streamingSlotRegistry.ts
 var STREAMING_SLOT_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotAsyncLocalStorage");
-var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
-var isAsyncLocalStorage = (value) => isObjectRecord2(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
+var isObjectRecord3 = (value) => Boolean(value) && typeof value === "object";
+var isAsyncLocalStorage2 = (value) => isObjectRecord3(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
 var getStorageGlobal = () => {
   const value = Reflect.get(globalThis, STREAMING_SLOT_STORAGE_KEY);
   if (value === null || typeof value === "undefined") {
     return value;
   }
-  return isAsyncLocalStorage(value) ? value : undefined;
+  return isAsyncLocalStorage2(value) ? value : undefined;
 };
 var isServerRuntime = () => typeof process !== "undefined" && typeof process.versions?.node === "string";
 var ensureAsyncLocalStorage = async () => {
@@ -4988,936 +4856,508 @@ var runWithStreamingSlotRegistry = async (task) => {
   });
 };
 
-// src/vue/components/Image.ts
-import { computed, defineComponent, h, ref } from "vue";
+// src/core/responseEnhancers.ts
+var toResponse = async (responseLike) => responseLike;
+var cloneHeaders = (response) => {
+  const headers = new Headers(response.headers);
+  return headers;
+};
+var enhanceHtmlResponseWithStreamingSlots = (response, {
+  nonce,
+  onError,
+  runtimePlacement,
+  runtimePreludeScript,
+  streamingSlots = [],
+  policy
+} = {}) => {
+  if (!response.body || streamingSlots.length === 0) {
+    return response;
+  }
+  const body = appendStreamingSlotPatchesToStream(response.body, streamingSlots, {
+    nonce,
+    onError,
+    policy,
+    runtimePlacement,
+    runtimePreludeScript
+  });
+  const headers = cloneHeaders(response);
+  headers.set(STREAMING_PAGE_HEADER, "1");
+  return new Response(body, {
+    headers,
+    status: response.status,
+    statusText: response.statusText
+  });
+};
+var withStreamingSlots = async (responseLike, options = {}) => enhanceHtmlResponseWithStreamingSlots(await toResponse(responseLike), options);
+var mergeStreamingSlots = (registered, explicit) => {
+  const merged = new Map;
+  for (const slot of registered)
+    merged.set(slot.id, slot);
+  for (const slot of explicit)
+    merged.set(slot.id, slot);
+  return [...merged.values()];
+};
+var withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
+  const { result, slots } = await runWithStreamingSlotRegistry(renderResponse);
+  const explicit = options.streamingSlots ?? [];
+  return withStreamingSlots(result, {
+    ...options,
+    streamingSlots: mergeStreamingSlots(slots, explicit)
+  });
+};
 
-// src/utils/imageClient.ts
-init_constants();
-var DEFAULT_DEVICE_SIZES = IMAGE_DEFAULT_DEVICE_SIZES;
-var DEFAULT_IMAGE_SIZES = IMAGE_DEFAULT_IMAGE_SIZES;
-var DEFAULT_QUALITY = IMAGE_DEFAULT_QUALITY;
-var OPTIMIZATION_ENDPOINT = "/_absolute/image";
-var buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
-var getAllSizes = (deviceSizes, imageSizes) => {
-  const device = deviceSizes ?? DEFAULT_DEVICE_SIZES;
-  const image = imageSizes ?? DEFAULT_IMAGE_SIZES;
-  return [...device, ...image].sort((left, right) => left - right);
+// src/core/streamingSlotWarningScope.ts
+init_logger();
+import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
+var STREAMING_SLOT_WARNING_STORAGE_KEY2 = Symbol.for("absolutejs.streamingSlotWarningAsyncLocalStorage");
+var isObjectRecord4 = (value) => Boolean(value) && typeof value === "object";
+var isAsyncLocalStorage3 = (value) => isObjectRecord4(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
+var getWarningStorage = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY2);
+  if (value === null || typeof value === "undefined") {
+    return;
+  }
+  return isAsyncLocalStorage3(value) ? value : undefined;
 };
-var snapToSize = (target, sizes) => {
-  for (const size of sizes) {
-    if (size >= target)
-      return size;
+var ensureWarningStorage = () => {
+  const existing = getWarningStorage();
+  if (existing) {
+    return existing;
   }
-  return sizes[sizes.length - 1] ?? target;
+  const storage = new AsyncLocalStorage3;
+  Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY2, storage);
+  return storage;
 };
-var generateBlurSvg = (base64Thumbnail) => {
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1"/></filter><image filter="url(#b)" x="0" y="0" width="100%" height="100%" href="${base64Thumbnail}"/></svg>`;
-  const encoded = encodeURIComponent(svg);
-  return `url("data:image/svg+xml,${encoded}")`;
+var normalizeCallsitePath2 = (value) => value.replace(`${process.cwd()}/`, "").replace(process.cwd(), "").replace(/^\.\/+/, "");
+var formatWarningCallsite = (callsite) => {
+  const match = callsite.match(/^(.*?)(:\d+:\d+)$/);
+  if (!match) {
+    return `\x1B[36m${callsite}\x1B[0m`;
+  }
+  return `\x1B[36m${match[1]}\x1B[33m${match[2]}\x1B[0m`;
 };
-var generateSrcSet = (src, width, sizes, deviceSizes, imageSizes) => {
-  const quality = DEFAULT_QUALITY;
-  if (sizes) {
-    const allSizes = getAllSizes(deviceSizes, imageSizes);
-    return allSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+var shouldIgnoreWarningFrame = (frame) => frame.includes("/node_modules/") || frame.includes("/dist/") || frame.includes("/src/react/pageHandler.") || frame.includes("/src/vue/pageHandler.") || frame.includes("/src/svelte/pageHandler.") || frame.includes("/src/angular/pageHandler.") || frame.includes("/src/core/streamingSlotWarningScope.");
+var getWarningLocation = (frame) => frame.match(/\((\/[^)]+:\d+:\d+)\)$/)?.[1] ?? frame.match(/at (\/[^ ]+:\d+:\d+)$/)?.[1];
+var extractCallsiteFromStack = (stack) => {
+  const location = stack.split(`
+`).slice(1).map((line) => line.trim()).filter((frame) => !shouldIgnoreWarningFrame(frame)).map((frame) => getWarningLocation(frame)).find((frameLocation) => frameLocation !== undefined);
+  return location ? normalizeCallsitePath2(location) : undefined;
+};
+var buildMissingCollectorWarning = (primitiveName, handlerCallsite) => `${primitiveName} rendered during SSR without streaming slot collection enabled. Add { collectStreamingSlots: true } to this page handler to enable out-of-order streaming for this route.${handlerCallsite ? ` Update ${formatWarningCallsite(handlerCallsite)}.` : ""}`;
+setStreamingSlotWarningController({
+  maybeWarn: (primitiveName) => {
+    const store = getWarningStorage()?.getStore();
+    if (!store || store.hasWarned) {
+      return;
+    }
+    store.hasWarned = true;
+    logWarn(buildMissingCollectorWarning(primitiveName, store.handlerCallsite));
   }
-  if (width) {
-    const allSizes = getAllSizes(deviceSizes, imageSizes);
-    const w1x = snapToSize(width, allSizes);
-    const w2x = snapToSize(width * 2, allSizes);
-    return `${buildOptimizedUrl(src, w1x, quality)} 1x, ${buildOptimizedUrl(src, w2x, quality)} 2x`;
+});
+var captureStreamingSlotWarningCallsite = () => {
+  if (false) {}
+  const { stack } = new Error;
+  if (!stack) {
+    return;
   }
-  const devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES;
-  return devSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+  return extractCallsiteFromStack(stack);
 };
+var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage().run({ handlerCallsite: metadata?.handlerCallsite, hasWarned: false }, task);
 
-// src/vue/components/Image.ts
-var fillWrapperStyle = {
-  display: "block",
-  height: "100%",
-  overflow: "hidden",
-  position: "relative",
-  width: "100%"
+// src/vue/pageHandler.ts
+init_resolveConvention();
+init_routeAssets();
+
+// src/vue/resolveGeneratedVueModulePath.ts
+init_constants();
+import { access, readdir, stat } from "fs/promises";
+import { basename as basename3, dirname as dirname2 } from "path";
+var canAccess = async (path) => {
+  try {
+    await access(path);
+    return true;
+  } catch {
+    return false;
+  }
 };
-var Image = defineComponent({
-  name: "AbsoluteImage",
-  props: {
-    alt: { required: true, type: String },
-    blurDataURL: { default: undefined, type: String },
-    className: { default: undefined, type: String },
-    crossOrigin: { default: undefined, type: String },
-    fetchPriority: { default: undefined, type: String },
-    fill: { default: false, type: Boolean },
-    height: { default: undefined, type: Number },
-    loader: { default: undefined, type: Function },
-    loading: { default: "lazy", type: String },
-    onError: { default: undefined, type: Function },
-    onLoad: { default: undefined, type: Function },
-    overrideSrc: { default: undefined, type: String },
-    placeholder: { default: undefined, type: String },
-    priority: { default: false, type: Boolean },
-    quality: { default: DEFAULT_QUALITY, type: Number },
-    referrerPolicy: { default: undefined, type: String },
-    sizes: { default: undefined, type: String },
-    src: { required: true, type: String },
-    style: { default: undefined, type: Object },
-    unoptimized: { default: false, type: Boolean },
-    width: { default: undefined, type: Number }
-  },
-  setup(props) {
-    const blurRemoved = ref(false);
-    const resolvedSrc = computed(() => {
-      if (props.overrideSrc)
-        return props.overrideSrc;
-      if (props.unoptimized)
-        return props.src;
-      if (props.loader) {
-        return props.loader({
-          quality: props.quality ?? DEFAULT_QUALITY,
-          src: props.src,
-          width: props.width ?? 0
-        });
-      }
-      if (!props.width) {
-        return buildOptimizedUrl(props.src, 0, props.quality ?? DEFAULT_QUALITY);
-      }
-      return buildOptimizedUrl(props.src, props.width, props.quality ?? DEFAULT_QUALITY);
-    });
-    const srcSet = computed(() => props.unoptimized ? undefined : generateSrcSet(props.src, props.width, props.sizes));
-    const resolvedSizes = computed(() => props.sizes ?? (props.fill ? "100vw" : undefined));
-    const resolvedLoading = computed(() => props.priority ? "eager" : props.loading ?? "lazy");
-    const resolvedFetchPriority = computed(() => props.priority ? "high" : props.fetchPriority);
-    const hasBlur = computed(() => props.placeholder === "blur" || typeof props.placeholder === "string" && props.placeholder !== "empty" && props.placeholder.startsWith("data:"));
-    const blurBackground = computed(() => {
-      if (!hasBlur.value || blurRemoved.value)
-        return;
-      if (typeof props.placeholder === "string" && props.placeholder !== "blur" && props.placeholder.startsWith("data:")) {
-        return generateBlurSvg(props.placeholder);
-      }
-      if (props.blurDataURL)
-        return generateBlurSvg(props.blurDataURL);
-      return;
-    });
-    const imgStyle = computed(() => {
-      const base = {
-        ...props.style ?? {},
-        color: "transparent"
-      };
-      if (blurBackground.value) {
-        base.backgroundImage = blurBackground.value;
-        base.backgroundPosition = "center";
-        base.backgroundRepeat = "no-repeat";
-        base.backgroundSize = "cover";
-      }
-      if (props.fill) {
-        base.height = "100%";
-        base.inset = "0";
-        base.objectFit = "cover";
-        base.position = "absolute";
-        base.width = "100%";
-      }
-      return base;
-    });
-    const handleLoad = (event) => {
-      blurRemoved.value = true;
-      props.onLoad?.(event);
-    };
-    const handleError = (event) => {
-      props.onError?.(event);
-    };
-    return () => {
-      const imgNode = h("img", {
-        alt: props.alt,
-        class: props.className,
-        crossorigin: props.crossOrigin,
-        decoding: "async",
-        fetchpriority: resolvedFetchPriority.value,
-        height: props.fill ? undefined : props.height,
-        loading: resolvedLoading.value,
-        onError: handleError,
-        onLoad: handleLoad,
-        referrerpolicy: props.referrerPolicy,
-        sizes: resolvedSizes.value,
-        src: resolvedSrc.value,
-        srcset: srcSet.value,
-        style: imgStyle.value,
-        width: props.fill ? undefined : props.width
-      });
-      return props.fill ? h("span", { style: fillWrapperStyle }, [imgNode]) : imgNode;
-    };
-  }
-});
-// src/vue/components/SuspenseSlot.ts
-import {
-  cloneVNode,
-  defineComponent as defineComponent2,
-  h as h2,
-  isVNode,
-  onMounted,
-  onBeforeUnmount,
-  ref as ref2,
-  useSSRContext
-} from "vue";
-var renderVueNodesToHtml = async (nodes) => {
-  const { createSSRApp, h: createVNode } = await import("vue");
-  const { renderToString } = await import("vue/server-renderer");
-  const app = createSSRApp({
-    render: () => createVNode("div", undefined, nodes ?? undefined)
-  });
-  const html = await renderToString(app);
-  return html.replace(/^<div>|<\/div>$/g, "");
-};
-var hasFrameworkSlots = (defaultSlot, fallbackSlot, errorSlot, promise) => defaultSlot !== undefined || fallbackSlot !== undefined || errorSlot !== undefined || promise !== undefined;
-var allowMismatchOnSlotNodes = (nodes) => {
-  if (Array.isArray(nodes)) {
-    return nodes.map((node) => allowMismatchOnSlotNodes(node));
-  }
-  if (isVNode(nodes)) {
-    return cloneVNode(nodes, {
-      "data-allow-mismatch": ""
+var resolveGeneratedVueModulePath = async (pagePath) => {
+  if (await canAccess(pagePath))
+    return pagePath;
+  const pageDirectory = dirname2(pagePath);
+  const expectedPrefix = `${basename3(pagePath, ".js").split(".")[0]}.`;
+  try {
+    const pageEntries = await readdir(pageDirectory, {
+      withFileTypes: true
     });
+    const matchingEntries = pageEntries.filter((entry) => entry.isFile() && entry.name.endsWith(".js") && (entry.name === `${expectedPrefix.slice(0, EXCLUDE_LAST_OFFSET)}.js` || entry.name.startsWith(expectedPrefix)));
+    const candidates = await Promise.all(matchingEntries.map(async (entry) => {
+      const path = `${pageDirectory}/${entry.name}`;
+      const metadata = await stat(path);
+      return { modifiedAt: metadata.mtimeMs, path };
+    }));
+    candidates.sort((left, right) => right.modifiedAt - left.modifiedAt || left.path.localeCompare(right.path));
+    return candidates[0]?.path ?? pagePath;
+  } catch {
+    return pagePath;
   }
-  return nodes;
-};
-var resolveSuspenseValue = async (resolve, promise) => {
-  if (resolve !== undefined) {
-    return resolve();
-  }
-  if (promise !== undefined) {
-    return promise;
-  }
-  return;
-};
-var isObjectRecord3 = (value) => Boolean(value) && typeof value === "object";
-var isVueSuspensePayload = (payload) => {
-  if (!isObjectRecord3(payload)) {
-    return false;
-  }
-  return payload.kind === "vue-suspense";
 };
-var hasEventDetailId = (event, id) => {
-  if (!(event instanceof CustomEvent)) {
-    return false;
-  }
-  const { detail } = event;
-  if (!detail || typeof detail !== "object") {
+
+// src/vue/teleports.ts
+var ABSOLUTE_TELEPORT_TARGET_ID = "absolute-teleports";
+var ABSOLUTE_TELEPORT_TARGET = `#${ABSOLUTE_TELEPORT_TARGET_ID}`;
+
+// src/vue/pageHandler.ts
+init_browserTranslation();
+var isRecord3 = (value) => typeof value === "object" && value !== null;
+var isGenericVueComponent = (value) => typeof value === "function" || isRecord3(value);
+var readHasIslands = (value) => {
+  if (!isRecord3(value))
     return false;
-  }
-  return detail.id === id;
+  const hasIslands = value["__ABSOLUTE_PAGE_HAS_ISLANDS__"];
+  return typeof hasIslands === "boolean" ? hasIslands : false;
 };
-var toLegacySuspenseSlotRegistration = (props) => {
-  if (!props.resolve) {
+var isVueSetupApp = (value) => typeof value === "function";
+var readSetupAppHook = (value) => {
+  if (!isRecord3(value))
     return null;
-  }
-  return {
-    errorHtml: props.errorHtml,
-    fallbackHtml: props.fallbackHtml,
-    id: props.id,
-    timeoutMs: props.timeoutMs,
-    resolve: async () => {
-      const resolved = await props.resolve?.();
-      return typeof resolved === "string" ? resolved : "";
-    }
-  };
-};
-var registerLegacySuspenseSlot = (props) => {
-  registerStreamingSlot({
-    errorHtml: props.errorHtml,
-    fallbackHtml: props.fallbackHtml,
-    id: props.id,
-    resolve: props.resolve,
-    timeoutMs: props.timeoutMs
-  });
+  const { setupApp } = value;
+  return isVueSetupApp(setupApp) ? setupApp : null;
 };
-var resolveStreamingSuspenseSlot = async (props, slots) => {
+var readHasSpaRoutes = (value) => isRecord3(value) && Array.isArray(value["routes"]);
+var readDefaultExport = (value) => isRecord3(value) ? value.default : undefined;
+var resolveRequestRenderUrl = (request) => {
+  if (!request)
+    return "/";
   try {
-    const value = await resolveSuspenseValue(props.resolve, props.promise);
-    const nodes = allowMismatchOnSlotNodes(slots.default?.({ value }) ?? []);
-    const html = await renderVueNodesToHtml(nodes);
-    return {
-      html,
-      kind: "vue-suspense",
-      value
-    };
-  } catch (error) {
-    const errorNodes = slots.error?.({ error });
-    if (errorNodes !== undefined)
-      return renderVueNodesToHtml(allowMismatchOnSlotNodes(errorNodes));
-    if (typeof props.errorHtml === "string")
-      return props.errorHtml;
-    throw error;
+    const parsed = new URL(request.url);
+    return `${parsed.pathname}${parsed.search}`;
+  } catch {
+    return "/";
   }
 };
-var registerSuspenseSlotForSsr = (props, slots, usesFrameworkSlots) => {
-  if (!isStreamingSlotCollectionActive()) {
-    warnMissingStreamingSlotCollector("SuspenseSlot");
-  }
-  const legacyRegistration = toLegacySuspenseSlotRegistration(props);
-  if (!usesFrameworkSlots && legacyRegistration) {
-    registerLegacySuspenseSlot(legacyRegistration);
-    return;
-  }
-  registerStreamingSlot({
-    id: props.id,
-    timeoutMs: props.timeoutMs,
-    resolve: () => resolveStreamingSuspenseSlot(props, slots)
-  });
+var primeVueStream = async (stream) => {
+  const reader = stream.getReader();
+  const firstChunk = await reader.read();
+  return { firstChunk, reader };
 };
-var applySuspensePayload = (payload, state) => {
-  state.hasError.value = payload.state === "error";
-  state.resolvedValue.value = payload.value;
-  state.isResolved.value = payload.state !== "error";
+var cachedSsrOnlyHmrShim = null;
+var buildSsrOnlyHmrShim = async () => {
+  await Promise.resolve().then(() => init_buildHMRClient());
+  const bundle = await buildHMRClient();
+  return `<script>window.__HMR_FRAMEWORK__="vue";</script><script data-hmr-client>${bundle}</script>`;
 };
-var SuspenseSlot = defineComponent2({
-  name: "AbsoluteSuspenseSlot",
-  props: {
-    className: { default: undefined, type: String },
-    errorHtml: { default: undefined, type: String },
-    fallbackHtml: { default: "", type: String },
-    id: { required: true, type: String },
-    promise: {
-      default: undefined,
-      type: Object
-    },
-    resolve: {
-      default: undefined,
-      type: Function
+var getSsrOnlyHmrShim = () => {
+  if (cachedSsrOnlyHmrShim)
+    return cachedSsrOnlyHmrShim;
+  cachedSsrOnlyHmrShim = buildSsrOnlyHmrShim();
+  return cachedSsrOnlyHmrShim;
+};
+var handleVuePageRequest = async (input) => {
+  const passedPageComponent = input.Page;
+  const request = input.request ?? getCurrentAbsoluteRequest();
+  const clientMode = input.client ?? "auto";
+  const deferredAssets = input.pagePath === "" || clientMode === "auto" && input.indexPath === "" ? await resolveDeferredPageAssets() : null;
+  const buildFailure = devBuildErrorResponse("vue", deferredAssets);
+  if (buildFailure)
+    return buildFailure;
+  const resolvedPagePath = deferredAssets && input.pagePath === "" ? deferredAssets.lookup(deferredAssets.name) : input.pagePath;
+  const resolvedIndexPath = deferredAssets && input.indexPath === "" ? deferredAssets.lookup(`${deferredAssets.name}Index`) : input.indexPath;
+  const resolvedOptions = input;
+  const pageName = deferredAssets?.name ?? derivePageName(resolvedPagePath);
+  const pageId = input.__absoluteMobile?.pageId ?? pageName;
+  const currentContract = input.__absoluteMobile?.contract ?? `vue:${pageId}:${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}`;
+  const mobileResponse = finalizeAbsoluteMobilePage({
+    compatibility: {
+      framework: "vue",
+      pageId,
+      representations: [
+        { contract: currentContract, mapProps: (props) => props }
+      ],
+      runtimes: [String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)]
     },
-    timeoutMs: { default: undefined, type: Number }
-  },
-  setup(props, { slots }) {
-    const readPatchedDomState = () => {
-      if (typeof document === "undefined")
-        return false;
-      const slotNode = document.getElementById(props.id);
-      if (!slotNode)
-        return false;
-      return slotNode.getAttribute("data-absolute-slot-state") === "resolved";
-    };
-    const isResolved = ref2(false);
-    const resolvedValue = ref2(undefined);
-    const hasError = ref2(false);
-    const hasPatchedDom = ref2(readPatchedDomState());
-    const usesFrameworkSlots = hasFrameworkSlots(slots.default, slots.fallback, slots.error, props.promise);
-    const isSsrRender = useSSRContext() !== undefined;
-    if (isSsrRender) {
-      registerSuspenseSlotForSsr(props, slots, usesFrameworkSlots);
+    props: input.props ?? Object.create(null),
+    request,
+    route: () => {
+      const head = withDeferredStylesheets(input.headTag ?? "", deferredAssets);
+      const title = readHeadTitle(head);
+      return {
+        assets: {
+          css: readHeadStylesheets(head),
+          ...clientMode === "auto" && resolvedIndexPath ? { index: resolvedIndexPath } : {}
+        },
+        ...title ? { head: { title } } : {}
+      };
     }
-    if (typeof window !== "undefined" && usesFrameworkSlots) {
-      const consumers = window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
-      let runtimeReady = false;
-      consumers[props.id] = (payload) => {
-        if (!runtimeReady)
-          return false;
-        if (!isVueSuspensePayload(payload)) {
-          return false;
+  });
+  if (mobileResponse)
+    return mobileResponse;
+  const userHeadTag = withDeferredStylesheets(input.headTag ?? "<head></head>", deferredAssets);
+  const [siblingCss, spaChildCss] = await Promise.all([
+    readSiblingCss(resolvedPagePath),
+    resolveSpaChildCss(resolvedPagePath, request?.url)
+  ]);
+  const resolvedHeadTag = injectInlineCss(injectInlineCss(userHeadTag, siblingCss), spaChildCss);
+  const maybeProps = input.props;
+  if (resolvedPagePath === "") {
+    throw new Error(`Asset "${pageName || "Page"}" not found in manifest.`);
+  }
+  if (clientMode === "auto" && resolvedIndexPath === "") {
+    throw new Error(`Asset "${pageName || "Page"}Index" not found in manifest.`);
+  }
+  if (clientMode === "auto" && !resolvedIndexPath) {
+    throw new Error('handleVuePageRequest: `indexPath` is required when `client` is `"auto"` (the default). Pass `client: "none"` to ship a SSR-only page with no client bundle.');
+  }
+  try {
+    const spaNotFound = await renderSpaNotFound("vue", pageName, request);
+    if (spaNotFound)
+      return withPageCacheHeaders(spaNotFound, request);
+    const handlerCallsite = resolvedOptions?.collectStreamingSlots === true ? undefined : getCurrentRouteRegistrationCallsite() ?? captureStreamingSlotWarningCallsite();
+    const renderPageResponse = async () => {
+      const resolvePageComponent = async () => {
+        if (isGenericVueComponent(passedPageComponent)) {
+          const setupApp = null;
+          return {
+            component: passedPageComponent,
+            hasIslands: readHasIslands(passedPageComponent),
+            hasSpaRoutes: false,
+            setupApp
+          };
         }
-        applySuspensePayload(payload, {
-          hasError,
-          isResolved,
-          resolvedValue
-        });
-        return true;
-      };
-      const handlePatchedDom = (event) => {
-        if (hasEventDetailId(event, props.id)) {
-          hasPatchedDom.value = true;
+        const generatedPagePath = await resolveGeneratedVueModulePath(resolvedPagePath);
+        const importedPageModule = await import(generatedPagePath);
+        const importedPageComponent = readDefaultExport(importedPageModule) ?? importedPageModule;
+        if (!isGenericVueComponent(importedPageComponent)) {
+          throw new Error(`Invalid Vue page module: ${generatedPagePath}`);
         }
+        return {
+          component: importedPageComponent,
+          hasIslands: readHasIslands(importedPageModule),
+          hasSpaRoutes: readHasSpaRoutes(importedPageModule),
+          setupApp: readSetupAppHook(importedPageModule)
+        };
       };
-      onMounted(() => {
-        hasPatchedDom.value = readPatchedDomState();
-        window.addEventListener("absolutejs:slot-patch", handlePatchedDom);
-        runtimeReady = true;
-        window.__ABS_SLOT_FLUSH__?.();
-      });
-      onBeforeUnmount(() => {
-        window.removeEventListener("absolutejs:slot-patch", handlePatchedDom);
-        delete window.__ABS_SLOT_CONSUMERS__?.[props.id];
-      });
-    }
-    const resolveSlotChildren = () => {
-      if (hasPatchedDom.value) {
-        return;
+      const resolvedPage = await resolvePageComponent();
+      const { createSSRApp } = await import("vue");
+      const { renderToString, renderToWebStream } = await import("vue/server-renderer");
+      const app = createSSRApp(resolvedPage.component, maybeProps ?? null);
+      let pendingRedirect = null;
+      let pendingNotFound = false;
+      if (resolvedPage.setupApp) {
+        const url = resolveRequestRenderUrl(request);
+        await resolvedPage.setupApp(app, {
+          isServer: true,
+          router: null,
+          url,
+          setNotFound: () => {
+            pendingNotFound = true;
+          },
+          setRedirect: (location, status) => {
+            pendingRedirect = {
+              location,
+              status: status ?? 302
+            };
+          }
+        });
       }
-      if (hasError.value) {
-        return allowMismatchOnSlotNodes(slots.error?.({ error: undefined }) ?? slots.fallback?.() ?? undefined) ?? undefined;
+      if (pendingRedirect !== null) {
+        const redirect = pendingRedirect;
+        return new Response(null, {
+          headers: { Location: redirect.location },
+          status: redirect.status
+        });
       }
-      if (isResolved.value) {
-        return allowMismatchOnSlotNodes(slots.default?.({ value: resolvedValue.value }) ?? undefined) ?? undefined;
+      if (pendingNotFound) {
+        return await renderFirstNotFound() ?? new Response("Not found", {
+          headers: { "Content-Type": "text/plain" },
+          status: 404
+        });
       }
-      return allowMismatchOnSlotNodes(slots.fallback?.() ?? undefined);
-    };
-    return () => {
-      if (!usesFrameworkSlots) {
-        return h2("div", {
-          class: props.className,
-          "data-absolute-slot": "true",
-          id: props.id,
-          innerHTML: props.fallbackHtml
+      const ssrContext = {};
+      const head = `<!DOCTYPE html><html>${resolvedHeadTag}<body><div id="root">`;
+      const ssrOnlyHmrShim = clientMode === "none" ? await getSsrOnlyHmrShim() : "";
+      const buildTail = () => {
+        const teleports = ssrContext.teleports?.[ABSOLUTE_TELEPORT_TARGET] ?? "";
+        const teleportHost = `<div id="${ABSOLUTE_TELEPORT_TARGET_ID}">${teleports}</div>`;
+        return clientMode === "none" ? `</div>${teleportHost}${ssrOnlyHmrShim}</body></html>` : `</div>${teleportHost}<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}window.__INITIAL_PROPS__=${JSON.stringify(maybeProps ?? {})}</script><script type="module" src="${resolvedIndexPath}"></script></body></html>`;
+      };
+      if (resolvedPage.hasSpaRoutes && clientMode === "auto") {
+        return new Response(`${head}${buildTail()}`, {
+          headers: { "Content-Type": "text/html" }
         });
       }
-      return h2("div", {
-        class: props.className,
-        "data-absolute-slot": "true",
-        "data-allow-mismatch": "",
-        id: props.id
-      }, resolveSlotChildren() ?? undefined);
+      if (resolvedOptions?.collectStreamingSlots !== true) {
+        const body = await renderToString(app, ssrContext);
+        return new Response(`${head}${body}${buildTail()}`, {
+          headers: streamingPageHeaders()
+        });
+      }
+      const bodyStream = renderToWebStream(app, ssrContext);
+      const { firstChunk, reader } = await primeVueStream(bodyStream);
+      const stream = new ReadableStream({
+        start(controller) {
+          controller.enqueue(head);
+          if (!firstChunk.done) {
+            controller.enqueue(firstChunk.value);
+          }
+          if (firstChunk.done) {
+            controller.enqueue(buildTail());
+            controller.close();
+            return;
+          }
+          const pumpLoop = () => {
+            reader.read().then(({ done, value }) => done ? (controller.enqueue(buildTail()), controller.close()) : (controller.enqueue(value), pumpLoop())).catch((err) => {
+              console.error("[SSR] Vue streaming render error:", err);
+              reader.cancel(err).catch(() => {
+                return;
+              });
+              controller.error(err);
+            });
+          };
+          pumpLoop();
+        }
+      });
+      const htmlStream = injectIslandPageContextStream(stream, {
+        hasIslands: resolvedPage.hasIslands
+      });
+      return new Response(htmlStream, {
+        headers: streamingPageHeaders()
+      });
     };
+    const pageResponse = await runWithStreamingSlotWarningScope(() => resolvedOptions?.collectStreamingSlots === true ? withRegisteredStreamingSlots(renderPageResponse, resolvedOptions) : renderPageResponse(), { handlerCallsite });
+    return withPageCacheHeaders(pageResponse, request, {
+      bufferStreamForEtag: input.bufferStreamForEtag
+    });
+  } catch (error) {
+    console.error("[SSR] Vue render error:", error);
+    const conventionResponse = await renderConventionError("vue", pageName, error);
+    if (conventionResponse) {
+      return withPageCacheHeaders(conventionResponse, request);
+    }
+    return withPageCacheHeaders(new Response(ssrErrorPage("vue", error), {
+      headers: { "Content-Type": "text/html" },
+      status: 500
+    }), request);
   }
-});
-// src/vue/components/StreamSlot.ts
-import { defineComponent as defineComponent3, h as h3, useSSRContext as useSSRContext2 } from "vue";
-var StreamSlot = defineComponent3({
-  name: "AbsoluteStreamSlot",
-  props: {
-    className: { default: undefined, type: String },
-    errorHtml: { default: undefined, type: String },
-    fallbackHtml: { default: "", type: String },
-    id: { required: true, type: String },
-    resolve: {
-      required: true,
-      type: Function
-    },
-    timeoutMs: { default: undefined, type: Number }
-  },
-  setup(props) {
-    if (useSSRContext2() !== undefined) {
-      registerStreamSlotForSsr(props);
-    }
-    return () => h3("div", {
-      class: props.className,
-      "data-absolute-slot": "true",
-      id: props.id,
-      innerHTML: props.fallbackHtml
-    });
-  }
-});
-var registerStreamSlotForSsr = (props) => {
-  if (!isStreamingSlotCollectionActive()) {
-    warnMissingStreamingSlotCollector("StreamSlot");
-    return;
-  }
-  registerStreamingSlot({
-    errorHtml: props.errorHtml,
-    fallbackHtml: props.fallbackHtml,
-    id: props.id,
-    resolve: props.resolve,
-    timeoutMs: props.timeoutMs
-  });
 };
-// src/vue/pageHandler.ts
-init_inlinePageCss();
-init_spaRouteCss();
-init_spaRouteManifest();
-init_devRouteRegistrationCallsite();
-init_requestContext();
-init_pageProtocol();
-init_pageResponseCache();
-
-// src/core/responseEnhancers.ts
-init_streamingSlots();
-init_pageResponseCache();
-var toResponse = async (responseLike) => responseLike;
-var cloneHeaders = (response) => {
-  const headers = new Headers(response.headers);
-  return headers;
-};
-var enhanceHtmlResponseWithStreamingSlots = (response, {
-  nonce,
-  onError,
-  runtimePlacement,
-  runtimePreludeScript,
-  streamingSlots = [],
-  policy
-} = {}) => {
-  if (!response.body || streamingSlots.length === 0) {
-    return response;
+// src/vue/routerRedirectProviders.ts
+var DEFAULT_REDIRECT_STATUS = 302;
+var normalisePathname = (raw) => {
+  try {
+    const parsed = new URL(raw, "http://placeholder.local/");
+    return `${parsed.pathname}${parsed.search}`;
+  } catch {
+    return raw;
   }
-  const body = appendStreamingSlotPatchesToStream(response.body, streamingSlots, {
-    nonce,
-    onError,
-    policy,
-    runtimePlacement,
-    runtimePreludeScript
-  });
-  const headers = cloneHeaders(response);
-  headers.set(STREAMING_PAGE_HEADER, "1");
-  return new Response(body, {
-    headers,
-    status: response.status,
-    statusText: response.statusText
-  });
-};
-var withStreamingSlots = async (responseLike, options = {}) => enhanceHtmlResponseWithStreamingSlots(await toResponse(responseLike), options);
-var mergeStreamingSlots = (registered, explicit) => {
-  const merged = new Map;
-  for (const slot of registered)
-    merged.set(slot.id, slot);
-  for (const slot of explicit)
-    merged.set(slot.id, slot);
-  return [...merged.values()];
 };
-var withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
-  const { result, slots } = await runWithStreamingSlotRegistry(renderResponse);
-  const explicit = options.streamingSlots ?? [];
-  return withStreamingSlots(result, {
-    ...options,
-    streamingSlots: mergeStreamingSlots(slots, explicit)
-  });
+var applyVueRouterRedirect = (router, requestedUrl, setRedirect, status = DEFAULT_REDIRECT_STATUS) => {
+  const finalPath = router.currentRoute.value.fullPath;
+  const requestedPath = normalisePathname(requestedUrl);
+  if (finalPath === requestedPath)
+    return;
+  setRedirect(finalPath, status);
 };
+// src/vue/defineVuePage.ts
+var defineRoutes = (routes) => routes;
+var defineVueSetupApp = (hook) => hook;
+// src/vue/Island.ts
+import { defineComponent, h, onServerPrefetch } from "vue";
 
-// src/core/streamingSlotWarningScope.ts
-init_logger();
-import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
-var STREAMING_SLOT_WARNING_STORAGE_KEY2 = Symbol.for("absolutejs.streamingSlotWarningAsyncLocalStorage");
-var isObjectRecord5 = (value) => Boolean(value) && typeof value === "object";
-var isAsyncLocalStorage3 = (value) => isObjectRecord5(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
-var getWarningStorage = () => {
-  const value = Reflect.get(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY2);
-  if (value === null || typeof value === "undefined") {
-    return;
+// src/client/preserveIslandMarkup.ts
+init_islandMarkupAttributes();
+var getSnapshotMap = () => {
+  if (typeof window === "undefined") {
+    return null;
   }
-  return isAsyncLocalStorage3(value) ? value : undefined;
+  window.__ABS_SERVER_ISLAND_HTML__ ??= new Map;
+  return window.__ABS_SERVER_ISLAND_HTML__;
 };
-var ensureWarningStorage = () => {
-  const existing = getWarningStorage();
-  if (existing) {
-    return existing;
-  }
-  const storage = new AsyncLocalStorage3;
-  Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY2, storage);
-  return storage;
+var getIslandSignature = (props) => {
+  const attributes = getIslandMarkerAttributes(props);
+  return [
+    attributes["data-component"],
+    attributes["data-framework"],
+    attributes["data-hydrate"],
+    attributes["data-props"]
+  ].join("::");
 };
-var normalizeCallsitePath2 = (value) => value.replace(`${process.cwd()}/`, "").replace(process.cwd(), "").replace(/^\.\/+/, "");
-var formatWarningCallsite = (callsite) => {
-  const match = callsite.match(/^(.*?)(:\d+:\d+)$/);
-  if (!match) {
-    return `\x1B[36m${callsite}\x1B[0m`;
+var isMatchingIslandElement = (element, props) => {
+  if (!(element instanceof HTMLElement)) {
+    return false;
   }
-  return `\x1B[36m${match[1]}\x1B[33m${match[2]}\x1B[0m`;
-};
-var shouldIgnoreWarningFrame = (frame) => frame.includes("/node_modules/") || frame.includes("/dist/") || frame.includes("/src/react/pageHandler.") || frame.includes("/src/vue/pageHandler.") || frame.includes("/src/svelte/pageHandler.") || frame.includes("/src/angular/pageHandler.") || frame.includes("/src/core/streamingSlotWarningScope.");
-var getWarningLocation = (frame) => frame.match(/\((\/[^)]+:\d+:\d+)\)$/)?.[1] ?? frame.match(/at (\/[^ ]+:\d+:\d+)$/)?.[1];
-var extractCallsiteFromStack = (stack) => {
-  const location = stack.split(`
-`).slice(1).map((line) => line.trim()).filter((frame) => !shouldIgnoreWarningFrame(frame)).map((frame) => getWarningLocation(frame)).find((frameLocation) => frameLocation !== undefined);
-  return location ? normalizeCallsitePath2(location) : undefined;
+  const attributes = getIslandMarkerAttributes(props);
+  return element.dataset.island === "true" && element.dataset.component === attributes["data-component"] && element.dataset.framework === attributes["data-framework"] && (element.dataset.hydrate ?? "load") === attributes["data-hydrate"] && (element.dataset.props ?? "{}") === attributes["data-props"];
 };
-var buildMissingCollectorWarning = (primitiveName, handlerCallsite) => `${primitiveName} rendered during SSR without streaming slot collection enabled. Add { collectStreamingSlots: true } to this page handler to enable out-of-order streaming for this route.${handlerCallsite ? ` Update ${formatWarningCallsite(handlerCallsite)}.` : ""}`;
-setStreamingSlotWarningController({
-  maybeWarn: (primitiveName) => {
-    const store = getWarningStorage()?.getStore();
-    if (!store || store.hasWarned) {
-      return;
-    }
-    store.hasWarned = true;
-    logWarn(buildMissingCollectorWarning(primitiveName, store.handlerCallsite));
+var preserveIslandMarkup = (props) => {
+  if (typeof document === "undefined") {
+    return {
+      attributes: getIslandMarkerAttributes(props),
+      innerHTML: ""
+    };
   }
-});
-var captureStreamingSlotWarningCallsite = () => {
-  if (false) {}
-  const { stack } = new Error;
-  if (!stack) {
-    return;
+  const snapshotMap = getSnapshotMap();
+  const signature = getIslandSignature(props);
+  const snapshotCandidate = snapshotMap?.get(signature)?.[0];
+  if (snapshotCandidate) {
+    return snapshotCandidate;
   }
-  return extractCallsiteFromStack(stack);
+  const liveCandidate = Array.from(document.querySelectorAll('[data-island="true"]')).find((element) => isMatchingIslandElement(element, props));
+  if (!liveCandidate) {
+    return {
+      attributes: getIslandMarkerAttributes(props),
+      innerHTML: ""
+    };
+  }
+  return {
+    attributes: Object.fromEntries(liveCandidate.getAttributeNames().map((name) => [name, liveCandidate.getAttribute(name) ?? ""])),
+    innerHTML: liveCandidate.innerHTML
+  };
 };
-var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage().run({ handlerCallsite: metadata?.handlerCallsite, hasWarned: false }, task);
 
-// src/vue/pageHandler.ts
-init_resolveConvention();
-init_routeAssets();
+// src/vue/Island.ts
+init_islandMarkupAttributes();
 
-// src/vue/resolveGeneratedVueModulePath.ts
-init_constants();
-import { access, readdir, stat } from "fs/promises";
-import { basename as basename3, dirname as dirname2 } from "path";
-var canAccess = async (path) => {
+// src/core/normalizeIslandProps.ts
+var EMPTY_PROPS = {};
+var ISLAND_FRAMEWORKS = [
+  "react",
+  "svelte",
+  "vue",
+  "angular",
+  "ember"
+];
+var ISLAND_HYDRATE_MODES = [
+  "load",
+  "idle",
+  "visible",
+  "none"
+];
+var isIslandFramework = (value) => ISLAND_FRAMEWORKS.some((framework) => framework === value);
+var isIslandHydrate = (value) => ISLAND_HYDRATE_MODES.some((mode) => mode === value);
+var normalizeRuntimeIslandRenderProps = (raw) => {
+  const { component, framework, hydrate, props } = raw;
+  if (!isIslandFramework(framework)) {
+    throw new Error(`Unknown island framework: "${framework}".`);
+  }
+  if (hydrate !== undefined && !isIslandHydrate(hydrate)) {
+    throw new Error(`Unknown island hydrate mode: "${hydrate}".`);
+  }
+  return {
+    component,
+    framework,
+    hydrate,
+    props: normalizeIslandProps(props)
+  };
+};
+var isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var safeJsonParseObject = (raw) => {
+  const trimmed = raw.trim();
+  if (!trimmed)
+    return EMPTY_PROPS;
   try {
-    await access(path);
-    return true;
+    const parsed = JSON.parse(trimmed);
+    return isPlainObject(parsed) ? parsed : EMPTY_PROPS;
   } catch {
-    return false;
-  }
-};
-var resolveGeneratedVueModulePath = async (pagePath) => {
-  if (await canAccess(pagePath))
-    return pagePath;
-  const pageDirectory = dirname2(pagePath);
-  const expectedPrefix = `${basename3(pagePath, ".js").split(".")[0]}.`;
-  try {
-    const pageEntries = await readdir(pageDirectory, {
-      withFileTypes: true
-    });
-    const matchingEntries = pageEntries.filter((entry) => entry.isFile() && entry.name.endsWith(".js") && (entry.name === `${expectedPrefix.slice(0, EXCLUDE_LAST_OFFSET)}.js` || entry.name.startsWith(expectedPrefix)));
-    const candidates = await Promise.all(matchingEntries.map(async (entry) => {
-      const path = `${pageDirectory}/${entry.name}`;
-      const metadata = await stat(path);
-      return { modifiedAt: metadata.mtimeMs, path };
-    }));
-    candidates.sort((left, right) => right.modifiedAt - left.modifiedAt || left.path.localeCompare(right.path));
-    return candidates[0]?.path ?? pagePath;
-  } catch {
-    return pagePath;
-  }
-};
-
-// src/vue/teleports.ts
-var ABSOLUTE_TELEPORT_TARGET_ID = "absolute-teleports";
-var ABSOLUTE_TELEPORT_TARGET = `#${ABSOLUTE_TELEPORT_TARGET_ID}`;
-
-// src/vue/pageHandler.ts
-init_browserTranslation();
-var isRecord3 = (value) => typeof value === "object" && value !== null;
-var isGenericVueComponent = (value) => typeof value === "function" || isRecord3(value);
-var readHasIslands = (value) => {
-  if (!isRecord3(value))
-    return false;
-  const hasIslands = value["__ABSOLUTE_PAGE_HAS_ISLANDS__"];
-  return typeof hasIslands === "boolean" ? hasIslands : false;
-};
-var isVueSetupApp = (value) => typeof value === "function";
-var readSetupAppHook = (value) => {
-  if (!isRecord3(value))
-    return null;
-  const { setupApp } = value;
-  return isVueSetupApp(setupApp) ? setupApp : null;
-};
-var readHasSpaRoutes = (value) => isRecord3(value) && Array.isArray(value["routes"]);
-var readDefaultExport = (value) => isRecord3(value) ? value.default : undefined;
-var resolveRequestRenderUrl = (request) => {
-  if (!request)
-    return "/";
-  try {
-    const parsed = new URL(request.url);
-    return `${parsed.pathname}${parsed.search}`;
-  } catch {
-    return "/";
-  }
-};
-var primeVueStream = async (stream) => {
-  const reader = stream.getReader();
-  const firstChunk = await reader.read();
-  return { firstChunk, reader };
-};
-var cachedSsrOnlyHmrShim = null;
-var buildSsrOnlyHmrShim = async () => {
-  const { buildHMRClient: buildHMRClient2 } = await Promise.resolve().then(() => (init_buildHMRClient(), exports_buildHMRClient));
-  const bundle = await buildHMRClient2();
-  return `<script>window.__HMR_FRAMEWORK__="vue";</script><script data-hmr-client>${bundle}</script>`;
-};
-var getSsrOnlyHmrShim = () => {
-  if (cachedSsrOnlyHmrShim)
-    return cachedSsrOnlyHmrShim;
-  cachedSsrOnlyHmrShim = buildSsrOnlyHmrShim();
-  return cachedSsrOnlyHmrShim;
-};
-var handleVuePageRequest = async (input) => {
-  const passedPageComponent = input.Page;
-  const request = input.request ?? getCurrentAbsoluteRequest();
-  const clientMode = input.client ?? "auto";
-  const deferredAssets = input.pagePath === "" || clientMode === "auto" && input.indexPath === "" ? await resolveDeferredPageAssets() : null;
-  const buildFailure = devBuildErrorResponse("vue", deferredAssets);
-  if (buildFailure)
-    return buildFailure;
-  const resolvedPagePath = deferredAssets && input.pagePath === "" ? deferredAssets.lookup(deferredAssets.name) : input.pagePath;
-  const resolvedIndexPath = deferredAssets && input.indexPath === "" ? deferredAssets.lookup(`${deferredAssets.name}Index`) : input.indexPath;
-  const resolvedOptions = input;
-  const pageName = deferredAssets?.name ?? derivePageName(resolvedPagePath);
-  const pageId = input.__absoluteMobile?.pageId ?? pageName;
-  const currentContract = input.__absoluteMobile?.contract ?? `vue:${pageId}:${ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION}`;
-  const mobileResponse = finalizeAbsoluteMobilePage({
-    compatibility: {
-      framework: "vue",
-      pageId,
-      representations: [
-        { contract: currentContract, mapProps: (props) => props }
-      ],
-      runtimes: [String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)]
-    },
-    props: input.props ?? Object.create(null),
-    request,
-    route: () => {
-      const head = withDeferredStylesheets(input.headTag ?? "", deferredAssets);
-      const title = readHeadTitle(head);
-      return {
-        assets: {
-          css: readHeadStylesheets(head),
-          ...clientMode === "auto" && resolvedIndexPath ? { index: resolvedIndexPath } : {}
-        },
-        ...title ? { head: { title } } : {}
-      };
-    }
-  });
-  if (mobileResponse)
-    return mobileResponse;
-  const userHeadTag = withDeferredStylesheets(input.headTag ?? "<head></head>", deferredAssets);
-  const [siblingCss, spaChildCss] = await Promise.all([
-    readSiblingCss(resolvedPagePath),
-    resolveSpaChildCss(resolvedPagePath, request?.url)
-  ]);
-  const resolvedHeadTag = injectInlineCss(injectInlineCss(userHeadTag, siblingCss), spaChildCss);
-  const maybeProps = input.props;
-  if (resolvedPagePath === "") {
-    throw new Error(`Asset "${pageName || "Page"}" not found in manifest.`);
-  }
-  if (clientMode === "auto" && resolvedIndexPath === "") {
-    throw new Error(`Asset "${pageName || "Page"}Index" not found in manifest.`);
-  }
-  if (clientMode === "auto" && !resolvedIndexPath) {
-    throw new Error('handleVuePageRequest: `indexPath` is required when `client` is `"auto"` (the default). Pass `client: "none"` to ship a SSR-only page with no client bundle.');
-  }
-  try {
-    const spaNotFound = await renderSpaNotFound("vue", pageName, request);
-    if (spaNotFound)
-      return withPageCacheHeaders(spaNotFound, request);
-    const handlerCallsite = resolvedOptions?.collectStreamingSlots === true ? undefined : getCurrentRouteRegistrationCallsite() ?? captureStreamingSlotWarningCallsite();
-    const renderPageResponse = async () => {
-      const resolvePageComponent = async () => {
-        if (isGenericVueComponent(passedPageComponent)) {
-          const setupApp = null;
-          return {
-            component: passedPageComponent,
-            hasIslands: readHasIslands(passedPageComponent),
-            hasSpaRoutes: false,
-            setupApp
-          };
-        }
-        const generatedPagePath = await resolveGeneratedVueModulePath(resolvedPagePath);
-        const importedPageModule = await import(generatedPagePath);
-        const importedPageComponent = readDefaultExport(importedPageModule) ?? importedPageModule;
-        if (!isGenericVueComponent(importedPageComponent)) {
-          throw new Error(`Invalid Vue page module: ${generatedPagePath}`);
-        }
-        return {
-          component: importedPageComponent,
-          hasIslands: readHasIslands(importedPageModule),
-          hasSpaRoutes: readHasSpaRoutes(importedPageModule),
-          setupApp: readSetupAppHook(importedPageModule)
-        };
-      };
-      const resolvedPage = await resolvePageComponent();
-      const { createSSRApp } = await import("vue");
-      const { renderToString, renderToWebStream } = await import("vue/server-renderer");
-      const app = createSSRApp(resolvedPage.component, maybeProps ?? null);
-      let pendingRedirect = null;
-      let pendingNotFound = false;
-      if (resolvedPage.setupApp) {
-        const url = resolveRequestRenderUrl(request);
-        await resolvedPage.setupApp(app, {
-          isServer: true,
-          router: null,
-          url,
-          setNotFound: () => {
-            pendingNotFound = true;
-          },
-          setRedirect: (location, status) => {
-            pendingRedirect = {
-              location,
-              status: status ?? 302
-            };
-          }
-        });
-      }
-      if (pendingRedirect !== null) {
-        const redirect = pendingRedirect;
-        return new Response(null, {
-          headers: { Location: redirect.location },
-          status: redirect.status
-        });
-      }
-      if (pendingNotFound) {
-        return await renderFirstNotFound() ?? new Response("Not found", {
-          headers: { "Content-Type": "text/plain" },
-          status: 404
-        });
-      }
-      const ssrContext = {};
-      const head = `<!DOCTYPE html><html>${resolvedHeadTag}<body><div id="root">`;
-      const ssrOnlyHmrShim = clientMode === "none" ? await getSsrOnlyHmrShim() : "";
-      const buildTail = () => {
-        const teleports = ssrContext.teleports?.[ABSOLUTE_TELEPORT_TARGET] ?? "";
-        const teleportHost = `<div id="${ABSOLUTE_TELEPORT_TARGET_ID}">${teleports}</div>`;
-        return clientMode === "none" ? `</div>${teleportHost}${ssrOnlyHmrShim}</body></html>` : `</div>${teleportHost}<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}window.__INITIAL_PROPS__=${JSON.stringify(maybeProps ?? {})}</script><script type="module" src="${resolvedIndexPath}"></script></body></html>`;
-      };
-      if (resolvedPage.hasSpaRoutes && clientMode === "auto") {
-        return new Response(`${head}${buildTail()}`, {
-          headers: { "Content-Type": "text/html" }
-        });
-      }
-      if (resolvedOptions?.collectStreamingSlots !== true) {
-        const body = await renderToString(app, ssrContext);
-        return new Response(`${head}${body}${buildTail()}`, {
-          headers: streamingPageHeaders()
-        });
-      }
-      const bodyStream = renderToWebStream(app, ssrContext);
-      const { firstChunk, reader } = await primeVueStream(bodyStream);
-      const stream = new ReadableStream({
-        start(controller) {
-          controller.enqueue(head);
-          if (!firstChunk.done) {
-            controller.enqueue(firstChunk.value);
-          }
-          if (firstChunk.done) {
-            controller.enqueue(buildTail());
-            controller.close();
-            return;
-          }
-          const pumpLoop = () => {
-            reader.read().then(({ done, value }) => done ? (controller.enqueue(buildTail()), controller.close()) : (controller.enqueue(value), pumpLoop())).catch((err) => {
-              console.error("[SSR] Vue streaming render error:", err);
-              reader.cancel(err).catch(() => {
-                return;
-              });
-              controller.error(err);
-            });
-          };
-          pumpLoop();
-        }
-      });
-      const htmlStream = injectIslandPageContextStream(stream, {
-        hasIslands: resolvedPage.hasIslands
-      });
-      return new Response(htmlStream, {
-        headers: streamingPageHeaders()
-      });
-    };
-    const pageResponse = await runWithStreamingSlotWarningScope(() => resolvedOptions?.collectStreamingSlots === true ? withRegisteredStreamingSlots(renderPageResponse, resolvedOptions) : renderPageResponse(), { handlerCallsite });
-    return withPageCacheHeaders(pageResponse, request, {
-      bufferStreamForEtag: input.bufferStreamForEtag
-    });
-  } catch (error) {
-    console.error("[SSR] Vue render error:", error);
-    const conventionResponse = await renderConventionError("vue", pageName, error);
-    if (conventionResponse) {
-      return withPageCacheHeaders(conventionResponse, request);
-    }
-    return withPageCacheHeaders(new Response(ssrErrorPage("vue", error), {
-      headers: { "Content-Type": "text/html" },
-      status: 500
-    }), request);
-  }
-};
-// src/vue/routerRedirectProviders.ts
-var DEFAULT_REDIRECT_STATUS = 302;
-var normalisePathname = (raw) => {
-  try {
-    const parsed = new URL(raw, "http://placeholder.local/");
-    return `${parsed.pathname}${parsed.search}`;
-  } catch {
-    return raw;
-  }
-};
-var applyVueRouterRedirect = (router, requestedUrl, setRedirect, status = DEFAULT_REDIRECT_STATUS) => {
-  const finalPath = router.currentRoute.value.fullPath;
-  const requestedPath = normalisePathname(requestedUrl);
-  if (finalPath === requestedPath)
-    return;
-  setRedirect(finalPath, status);
-};
-// src/vue/defineVuePage.ts
-var defineRoutes = (routes) => routes;
-var defineVueSetupApp = (hook) => hook;
-// src/vue/Island.ts
-import { defineComponent as defineComponent4, h as h4, onServerPrefetch } from "vue";
-
-// src/client/preserveIslandMarkup.ts
-init_islandMarkupAttributes();
-var getSnapshotMap = () => {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  window.__ABS_SERVER_ISLAND_HTML__ ??= new Map;
-  return window.__ABS_SERVER_ISLAND_HTML__;
-};
-var getIslandSignature = (props) => {
-  const attributes = getIslandMarkerAttributes(props);
-  return [
-    attributes["data-component"],
-    attributes["data-framework"],
-    attributes["data-hydrate"],
-    attributes["data-props"]
-  ].join("::");
-};
-var isMatchingIslandElement = (element, props) => {
-  if (!(element instanceof HTMLElement)) {
-    return false;
-  }
-  const attributes = getIslandMarkerAttributes(props);
-  return element.dataset.island === "true" && element.dataset.component === attributes["data-component"] && element.dataset.framework === attributes["data-framework"] && (element.dataset.hydrate ?? "load") === attributes["data-hydrate"] && (element.dataset.props ?? "{}") === attributes["data-props"];
-};
-var preserveIslandMarkup = (props) => {
-  if (typeof document === "undefined") {
-    return {
-      attributes: getIslandMarkerAttributes(props),
-      innerHTML: ""
-    };
-  }
-  const snapshotMap = getSnapshotMap();
-  const signature = getIslandSignature(props);
-  const snapshotCandidate = snapshotMap?.get(signature)?.[0];
-  if (snapshotCandidate) {
-    return snapshotCandidate;
-  }
-  const liveCandidate = Array.from(document.querySelectorAll('[data-island="true"]')).find((element) => isMatchingIslandElement(element, props));
-  if (!liveCandidate) {
-    return {
-      attributes: getIslandMarkerAttributes(props),
-      innerHTML: ""
-    };
-  }
-  return {
-    attributes: Object.fromEntries(liveCandidate.getAttributeNames().map((name) => [name, liveCandidate.getAttribute(name) ?? ""])),
-    innerHTML: liveCandidate.innerHTML
-  };
-};
-
-// src/vue/Island.ts
-init_islandMarkupAttributes();
-
-// src/core/normalizeIslandProps.ts
-var EMPTY_PROPS = {};
-var ISLAND_FRAMEWORKS = [
-  "react",
-  "svelte",
-  "vue",
-  "angular",
-  "ember"
-];
-var ISLAND_HYDRATE_MODES = [
-  "load",
-  "idle",
-  "visible",
-  "none"
-];
-var isIslandFramework = (value) => ISLAND_FRAMEWORKS.some((framework) => framework === value);
-var isIslandHydrate = (value) => ISLAND_HYDRATE_MODES.some((mode) => mode === value);
-var normalizeRuntimeIslandRenderProps = (raw) => {
-  const { component, framework, hydrate, props } = raw;
-  if (!isIslandFramework(framework)) {
-    throw new Error(`Unknown island framework: "${framework}".`);
-  }
-  if (hydrate !== undefined && !isIslandHydrate(hydrate)) {
-    throw new Error(`Unknown island hydrate mode: "${hydrate}".`);
-  }
-  return {
-    component,
-    framework,
-    hydrate,
-    props: normalizeIslandProps(props)
-  };
-};
-var isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-var safeJsonParseObject = (raw) => {
-  const trimmed = raw.trim();
-  if (!trimmed)
-    return EMPTY_PROPS;
-  try {
-    const parsed = JSON.parse(trimmed);
-    return isPlainObject(parsed) ? parsed : EMPTY_PROPS;
-  } catch {
-    return EMPTY_PROPS;
+    return EMPTY_PROPS;
   }
 };
 var normalizeIslandProps = (value) => {
@@ -5930,7 +5370,7 @@ var normalizeIslandProps = (value) => {
 
 // src/vue/Island.ts
 init_renderIslandMarkup();
-var defineRuntimeIslandComponent = (setup) => defineComponent4({
+var defineRuntimeIslandComponent = (setup) => defineComponent({
   name: "AbsoluteIsland",
   props: {
     component: {
@@ -5962,7 +5402,7 @@ var Island = defineRuntimeIslandComponent((props) => {
   });
   return () => {
     const preserved = isBrowser ? preserveIslandMarkup(props) : null;
-    return h4("div", {
+    return h("div", {
       ...preserved?.attributes ?? markerAttributes,
       "data-allow-mismatch": "",
       innerHTML: isBrowser ? preserved?.innerHTML : html
@@ -5972,8 +5412,8 @@ var Island = defineRuntimeIslandComponent((props) => {
 // src/vue/createIsland.ts
 init_islandMarkupAttributes();
 init_renderIslandMarkup();
-import { defineComponent as defineComponent5, h as h5, onServerPrefetch as onServerPrefetch2 } from "vue";
-var defineRuntimeIslandComponent2 = (setup) => defineComponent5({
+import { defineComponent as defineComponent2, h as h2, onServerPrefetch as onServerPrefetch2 } from "vue";
+var defineRuntimeIslandComponent2 = (setup) => defineComponent2({
   name: "AbsoluteIsland",
   props: {
     component: {
@@ -6003,14 +5443,14 @@ var createTypedIsland = (registry) => defineRuntimeIslandComponent2((props) => {
     const result = await renderIslandResult(registry, props);
     ({ attributes: markerAttributes, html } = result);
   });
-  return () => h5("div", {
+  return () => h2("div", {
     ...markerAttributes,
     "data-allow-mismatch": "",
     innerHTML: isBrowser ? undefined : html
   });
 });
 // src/vue/useIslandStore.ts
-import { customRef, onBeforeUnmount as onBeforeUnmount2 } from "vue";
+import { customRef, onBeforeUnmount } from "vue";
 
 // node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState) => {
@@ -6109,182 +5549,599 @@ var subscribeIslandStore = (store, selector, listener) => {
   });
 };
 
-// src/vue/useIslandStore.ts
-var useIslandStore = (store, selector) => {
-  let current = readIslandStore(store, selector);
-  let unsubscribe;
-  const state = customRef((track, trigger) => {
-    unsubscribe = subscribeIslandStore(store, selector, (value) => {
-      current = value;
-      trigger();
+// src/vue/useIslandStore.ts
+var useIslandStore = (store, selector) => {
+  let current = readIslandStore(store, selector);
+  let unsubscribe;
+  const state = customRef((track, trigger) => {
+    unsubscribe = subscribeIslandStore(store, selector, (value) => {
+      current = value;
+      trigger();
+    });
+    return {
+      get() {
+        track();
+        return current;
+      },
+      set() {}
+    };
+  });
+  onBeforeUnmount(() => {
+    unsubscribe?.();
+  });
+  return state;
+};
+// src/client/browserTranslation.ts
+init_browserTranslationAttributes();
+var translatedFontText = (node, baselines) => {
+  if (!(node instanceof Element) || node.tagName !== "FONT")
+    return;
+  const elements = [node, ...node.querySelectorAll("*")];
+  if (elements.some((element) => element.tagName !== "FONT" || baselines.has(element)))
+    return;
+  return node.textContent ?? "";
+};
+var translationRestorer = (restore, hasTranslation) => Object.assign(restore, { hasTranslation });
+var emptyTranslationRestorer = () => translationRestorer(() => {
+  return;
+}, false);
+var textNodeAt = (parent, index) => {
+  const node = parent.childNodes[index];
+  return node instanceof Text ? node : undefined;
+};
+var prepareTextTranslation = (element, index, baseline, path, baselines) => {
+  const original = element.childNodes[index];
+  const wrappedText = translatedFontText(original, baselines);
+  if (wrappedText !== undefined) {
+    original?.replaceWith(document.createTextNode(baseline));
+    return { baseline, index, path, translated: wrappedText };
+  }
+  const node = textNodeAt(element, index);
+  if (node === undefined || node.data === baseline)
+    return;
+  const snapshot = {
+    baseline,
+    index,
+    path,
+    translated: node.data
+  };
+  node.data = baseline;
+  return snapshot;
+};
+var visitElements = (root, visit) => {
+  visit(root);
+  for (const element of root.querySelectorAll("*"))
+    visit(element);
+};
+var elementPath = (root, element) => {
+  const path = [];
+  let current = element;
+  while (current !== root) {
+    const parent = current.parentElement;
+    if (parent === null)
+      return null;
+    path.unshift([...parent.children].indexOf(current));
+    current = parent;
+  }
+  return path;
+};
+var elementAtPath = (root, path) => {
+  let current = root;
+  for (const index of path) {
+    const child = current.children[index];
+    if (!(child instanceof Element))
+      return null;
+    current = child;
+  }
+  return current;
+};
+var captureSsrTextBaselines = (root) => {
+  if (root === null || typeof window === "undefined")
+    return;
+  const baselines = window.__ABSOLUTE_SSR_TEXT_BASELINES__ ?? new WeakMap;
+  const attributes = window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__ ?? new WeakMap;
+  visitElements(root, (element) => {
+    const text = new Map;
+    for (const [index, node] of [...element.childNodes].entries()) {
+      if (node.nodeType === Node.TEXT_NODE)
+        text.set(index, node.nodeValue ?? "");
+    }
+    if (text.size > 0)
+      baselines.set(element, text);
+    const values = new Map;
+    for (const name of TRANSLATABLE_ATTRIBUTES) {
+      const value = element.getAttribute(name);
+      if (value !== null)
+        values.set(name, value);
+    }
+    if (values.size > 0)
+      attributes.set(element, values);
+  });
+  window.__ABSOLUTE_SSR_TEXT_BASELINES__ = baselines;
+  window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__ = attributes;
+};
+var prepareBrowserTranslationHydration = (root) => {
+  if (root === null || typeof window === "undefined")
+    return emptyTranslationRestorer();
+  const baselines = window.__ABSOLUTE_SSR_TEXT_BASELINES__;
+  if (baselines === undefined)
+    return emptyTranslationRestorer();
+  const translated = [];
+  const translatedAttributes = [];
+  const attributes = window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__;
+  visitElements(root, (element) => {
+    const text = baselines.get(element);
+    const path = elementPath(root, element);
+    if (path === null)
+      return;
+    for (const [index, baseline] of text ?? []) {
+      const snapshot = prepareTextTranslation(element, index, baseline, path, baselines);
+      if (snapshot === undefined)
+        continue;
+      translated.push(snapshot);
+    }
+    for (const [name, baseline] of attributes?.get(element) ?? []) {
+      const value = element.getAttribute(name);
+      if (value === null || value === baseline)
+        continue;
+      translatedAttributes.push({
+        baseline,
+        name,
+        path,
+        translated: value
+      });
+      element.setAttribute(name, baseline);
+    }
+  });
+  return translationRestorer(() => {
+    for (const snapshot of translated) {
+      const parent = elementAtPath(root, snapshot.path);
+      if (parent === null)
+        continue;
+      const node = textNodeAt(parent, snapshot.index);
+      if (node !== undefined && node.data === snapshot.baseline)
+        node.data = snapshot.translated;
+    }
+    for (const snapshot of translatedAttributes) {
+      const element = elementAtPath(root, snapshot.path);
+      if (element?.getAttribute(snapshot.name) === snapshot.baseline)
+        element.setAttribute(snapshot.name, snapshot.translated);
+    }
+  }, translated.length > 0 || translatedAttributes.length > 0);
+};
+
+// src/vue/browserTranslation.ts
+var preserveBrowserTranslation = (strategy) => {
+  const translatedStrategy = (hydrate, forEachElement) => strategy(() => {
+    const restore = [];
+    forEachElement((element) => {
+      restore.push(prepareBrowserTranslationHydration(element));
+    });
+    try {
+      hydrate();
+    } finally {
+      for (const apply of restore)
+        apply();
+    }
+  }, forEachElement);
+  return translatedStrategy;
+};
+// src/vue/components/Image.ts
+import { computed, defineComponent as defineComponent3, h as h3, ref } from "vue";
+
+// src/utils/imageClient.ts
+init_constants();
+var DEFAULT_DEVICE_SIZES = IMAGE_DEFAULT_DEVICE_SIZES;
+var DEFAULT_IMAGE_SIZES = IMAGE_DEFAULT_IMAGE_SIZES;
+var DEFAULT_QUALITY = IMAGE_DEFAULT_QUALITY;
+var OPTIMIZATION_ENDPOINT = "/_absolute/image";
+var buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
+var getAllSizes = (deviceSizes, imageSizes) => {
+  const device = deviceSizes ?? DEFAULT_DEVICE_SIZES;
+  const image = imageSizes ?? DEFAULT_IMAGE_SIZES;
+  return [...device, ...image].sort((left, right) => left - right);
+};
+var snapToSize = (target, sizes) => {
+  for (const size of sizes) {
+    if (size >= target)
+      return size;
+  }
+  return sizes[sizes.length - 1] ?? target;
+};
+var generateBlurSvg = (base64Thumbnail) => {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1"/></filter><image filter="url(#b)" x="0" y="0" width="100%" height="100%" href="${base64Thumbnail}"/></svg>`;
+  const encoded = encodeURIComponent(svg);
+  return `url("data:image/svg+xml,${encoded}")`;
+};
+var generateSrcSet = (src, width, sizes, deviceSizes, imageSizes) => {
+  const quality = DEFAULT_QUALITY;
+  if (sizes) {
+    const allSizes = getAllSizes(deviceSizes, imageSizes);
+    return allSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+  }
+  if (width) {
+    const allSizes = getAllSizes(deviceSizes, imageSizes);
+    const w1x = snapToSize(width, allSizes);
+    const w2x = snapToSize(width * 2, allSizes);
+    return `${buildOptimizedUrl(src, w1x, quality)} 1x, ${buildOptimizedUrl(src, w2x, quality)} 2x`;
+  }
+  const devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES;
+  return devSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+};
+
+// src/vue/components/Image.ts
+var fillWrapperStyle = {
+  display: "block",
+  height: "100%",
+  overflow: "hidden",
+  position: "relative",
+  width: "100%"
+};
+var Image = defineComponent3({
+  name: "AbsoluteImage",
+  props: {
+    alt: { required: true, type: String },
+    blurDataURL: { default: undefined, type: String },
+    className: { default: undefined, type: String },
+    crossOrigin: { default: undefined, type: String },
+    fetchPriority: { default: undefined, type: String },
+    fill: { default: false, type: Boolean },
+    height: { default: undefined, type: Number },
+    loader: { default: undefined, type: Function },
+    loading: { default: "lazy", type: String },
+    onError: { default: undefined, type: Function },
+    onLoad: { default: undefined, type: Function },
+    overrideSrc: { default: undefined, type: String },
+    placeholder: { default: undefined, type: String },
+    priority: { default: false, type: Boolean },
+    quality: { default: DEFAULT_QUALITY, type: Number },
+    referrerPolicy: { default: undefined, type: String },
+    sizes: { default: undefined, type: String },
+    src: { required: true, type: String },
+    style: { default: undefined, type: Object },
+    unoptimized: { default: false, type: Boolean },
+    width: { default: undefined, type: Number }
+  },
+  setup(props) {
+    const blurRemoved = ref(false);
+    const resolvedSrc = computed(() => {
+      if (props.overrideSrc)
+        return props.overrideSrc;
+      if (props.unoptimized)
+        return props.src;
+      if (props.loader) {
+        return props.loader({
+          quality: props.quality ?? DEFAULT_QUALITY,
+          src: props.src,
+          width: props.width ?? 0
+        });
+      }
+      if (!props.width) {
+        return buildOptimizedUrl(props.src, 0, props.quality ?? DEFAULT_QUALITY);
+      }
+      return buildOptimizedUrl(props.src, props.width, props.quality ?? DEFAULT_QUALITY);
     });
-    return {
-      get() {
-        track();
-        return current;
-      },
-      set() {}
+    const srcSet = computed(() => props.unoptimized ? undefined : generateSrcSet(props.src, props.width, props.sizes));
+    const resolvedSizes = computed(() => props.sizes ?? (props.fill ? "100vw" : undefined));
+    const resolvedLoading = computed(() => props.priority ? "eager" : props.loading ?? "lazy");
+    const resolvedFetchPriority = computed(() => props.priority ? "high" : props.fetchPriority);
+    const hasBlur = computed(() => props.placeholder === "blur" || typeof props.placeholder === "string" && props.placeholder !== "empty" && props.placeholder.startsWith("data:"));
+    const blurBackground = computed(() => {
+      if (!hasBlur.value || blurRemoved.value)
+        return;
+      if (typeof props.placeholder === "string" && props.placeholder !== "blur" && props.placeholder.startsWith("data:")) {
+        return generateBlurSvg(props.placeholder);
+      }
+      if (props.blurDataURL)
+        return generateBlurSvg(props.blurDataURL);
+      return;
+    });
+    const imgStyle = computed(() => {
+      const base = {
+        ...props.style ?? {},
+        color: "transparent"
+      };
+      if (blurBackground.value) {
+        base.backgroundImage = blurBackground.value;
+        base.backgroundPosition = "center";
+        base.backgroundRepeat = "no-repeat";
+        base.backgroundSize = "cover";
+      }
+      if (props.fill) {
+        base.height = "100%";
+        base.inset = "0";
+        base.objectFit = "cover";
+        base.position = "absolute";
+        base.width = "100%";
+      }
+      return base;
+    });
+    const handleLoad = (event) => {
+      blurRemoved.value = true;
+      props.onLoad?.(event);
     };
+    const handleError = (event) => {
+      props.onError?.(event);
+    };
+    return () => {
+      const imgNode = h3("img", {
+        alt: props.alt,
+        class: props.className,
+        crossorigin: props.crossOrigin,
+        decoding: "async",
+        fetchpriority: resolvedFetchPriority.value,
+        height: props.fill ? undefined : props.height,
+        loading: resolvedLoading.value,
+        onError: handleError,
+        onLoad: handleLoad,
+        referrerpolicy: props.referrerPolicy,
+        sizes: resolvedSizes.value,
+        src: resolvedSrc.value,
+        srcset: srcSet.value,
+        style: imgStyle.value,
+        width: props.fill ? undefined : props.width
+      });
+      return props.fill ? h3("span", { style: fillWrapperStyle }, [imgNode]) : imgNode;
+    };
+  }
+});
+// src/vue/components/SuspenseSlot.ts
+import {
+  cloneVNode,
+  defineComponent as defineComponent4,
+  h as h4,
+  isVNode,
+  onMounted,
+  onBeforeUnmount as onBeforeUnmount2,
+  ref as ref2,
+  useSSRContext
+} from "vue";
+var renderVueNodesToHtml = async (nodes) => {
+  const { createSSRApp, h: createVNode } = await import("vue");
+  const { renderToString } = await import("vue/server-renderer");
+  const app = createSSRApp({
+    render: () => createVNode("div", undefined, nodes ?? undefined)
   });
-  onBeforeUnmount2(() => {
-    unsubscribe?.();
-  });
-  return state;
+  const html = await renderToString(app);
+  return html.replace(/^<div>|<\/div>$/g, "");
 };
-// src/client/browserTranslation.ts
-init_browserTranslationAttributes();
-var translatedFontText = (node, baselines) => {
-  if (!(node instanceof Element) || node.tagName !== "FONT")
-    return;
-  const elements = [node, ...node.querySelectorAll("*")];
-  if (elements.some((element) => element.tagName !== "FONT" || baselines.has(element)))
-    return;
-  return node.textContent ?? "";
+var hasFrameworkSlots = (defaultSlot, fallbackSlot, errorSlot, promise) => defaultSlot !== undefined || fallbackSlot !== undefined || errorSlot !== undefined || promise !== undefined;
+var allowMismatchOnSlotNodes = (nodes) => {
+  if (Array.isArray(nodes)) {
+    return nodes.map((node) => allowMismatchOnSlotNodes(node));
+  }
+  if (isVNode(nodes)) {
+    return cloneVNode(nodes, {
+      "data-allow-mismatch": ""
+    });
+  }
+  return nodes;
 };
-var translationRestorer = (restore, hasTranslation) => Object.assign(restore, { hasTranslation });
-var emptyTranslationRestorer = () => translationRestorer(() => {
+var resolveSuspenseValue = async (resolve, promise) => {
+  if (resolve !== undefined) {
+    return resolve();
+  }
+  if (promise !== undefined) {
+    return promise;
+  }
   return;
-}, false);
-var textNodeAt = (parent, index) => {
-  const node = parent.childNodes[index];
-  return node instanceof Text ? node : undefined;
 };
-var prepareTextTranslation = (element, index, baseline, path, baselines) => {
-  const original = element.childNodes[index];
-  const wrappedText = translatedFontText(original, baselines);
-  if (wrappedText !== undefined) {
-    original?.replaceWith(document.createTextNode(baseline));
-    return { baseline, index, path, translated: wrappedText };
+var isObjectRecord5 = (value) => Boolean(value) && typeof value === "object";
+var isVueSuspensePayload = (payload) => {
+  if (!isObjectRecord5(payload)) {
+    return false;
   }
-  const node = textNodeAt(element, index);
-  if (node === undefined || node.data === baseline)
-    return;
-  const snapshot = {
-    baseline,
-    index,
-    path,
-    translated: node.data
-  };
-  node.data = baseline;
-  return snapshot;
+  return payload.kind === "vue-suspense";
 };
-var visitElements = (root, visit) => {
-  visit(root);
-  for (const element of root.querySelectorAll("*"))
-    visit(element);
+var hasEventDetailId = (event, id) => {
+  if (!(event instanceof CustomEvent)) {
+    return false;
+  }
+  const { detail } = event;
+  if (!detail || typeof detail !== "object") {
+    return false;
+  }
+  return detail.id === id;
 };
-var elementPath = (root, element) => {
-  const path = [];
-  let current = element;
-  while (current !== root) {
-    const parent = current.parentElement;
-    if (parent === null)
-      return null;
-    path.unshift([...parent.children].indexOf(current));
-    current = parent;
+var toLegacySuspenseSlotRegistration = (props) => {
+  if (!props.resolve) {
+    return null;
   }
-  return path;
+  return {
+    errorHtml: props.errorHtml,
+    fallbackHtml: props.fallbackHtml,
+    id: props.id,
+    timeoutMs: props.timeoutMs,
+    resolve: async () => {
+      const resolved = await props.resolve?.();
+      return typeof resolved === "string" ? resolved : "";
+    }
+  };
+};
+var registerLegacySuspenseSlot = (props) => {
+  registerStreamingSlot({
+    errorHtml: props.errorHtml,
+    fallbackHtml: props.fallbackHtml,
+    id: props.id,
+    resolve: props.resolve,
+    timeoutMs: props.timeoutMs
+  });
 };
-var elementAtPath = (root, path) => {
-  let current = root;
-  for (const index of path) {
-    const child = current.children[index];
-    if (!(child instanceof Element))
-      return null;
-    current = child;
+var resolveStreamingSuspenseSlot = async (props, slots) => {
+  try {
+    const value = await resolveSuspenseValue(props.resolve, props.promise);
+    const nodes = allowMismatchOnSlotNodes(slots.default?.({ value }) ?? []);
+    const html = await renderVueNodesToHtml(nodes);
+    return {
+      html,
+      kind: "vue-suspense",
+      value
+    };
+  } catch (error) {
+    const errorNodes = slots.error?.({ error });
+    if (errorNodes !== undefined)
+      return renderVueNodesToHtml(allowMismatchOnSlotNodes(errorNodes));
+    if (typeof props.errorHtml === "string")
+      return props.errorHtml;
+    throw error;
   }
-  return current;
 };
-var captureSsrTextBaselines = (root) => {
-  if (root === null || typeof window === "undefined")
+var registerSuspenseSlotForSsr = (props, slots, usesFrameworkSlots) => {
+  if (!isStreamingSlotCollectionActive()) {
+    warnMissingStreamingSlotCollector("SuspenseSlot");
+  }
+  const legacyRegistration = toLegacySuspenseSlotRegistration(props);
+  if (!usesFrameworkSlots && legacyRegistration) {
+    registerLegacySuspenseSlot(legacyRegistration);
     return;
-  const baselines = window.__ABSOLUTE_SSR_TEXT_BASELINES__ ?? new WeakMap;
-  const attributes = window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__ ?? new WeakMap;
-  visitElements(root, (element) => {
-    const text = new Map;
-    for (const [index, node] of [...element.childNodes].entries()) {
-      if (node.nodeType === Node.TEXT_NODE)
-        text.set(index, node.nodeValue ?? "");
-    }
-    if (text.size > 0)
-      baselines.set(element, text);
-    const values = new Map;
-    for (const name of TRANSLATABLE_ATTRIBUTES) {
-      const value = element.getAttribute(name);
-      if (value !== null)
-        values.set(name, value);
-    }
-    if (values.size > 0)
-      attributes.set(element, values);
+  }
+  registerStreamingSlot({
+    id: props.id,
+    timeoutMs: props.timeoutMs,
+    resolve: () => resolveStreamingSuspenseSlot(props, slots)
   });
-  window.__ABSOLUTE_SSR_TEXT_BASELINES__ = baselines;
-  window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__ = attributes;
 };
-var prepareBrowserTranslationHydration = (root) => {
-  if (root === null || typeof window === "undefined")
-    return emptyTranslationRestorer();
-  const baselines = window.__ABSOLUTE_SSR_TEXT_BASELINES__;
-  if (baselines === undefined)
-    return emptyTranslationRestorer();
-  const translated = [];
-  const translatedAttributes = [];
-  const attributes = window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__;
-  visitElements(root, (element) => {
-    const text = baselines.get(element);
-    const path = elementPath(root, element);
-    if (path === null)
-      return;
-    for (const [index, baseline] of text ?? []) {
-      const snapshot = prepareTextTranslation(element, index, baseline, path, baselines);
-      if (snapshot === undefined)
-        continue;
-      translated.push(snapshot);
+var applySuspensePayload = (payload, state) => {
+  state.hasError.value = payload.state === "error";
+  state.resolvedValue.value = payload.value;
+  state.isResolved.value = payload.state !== "error";
+};
+var SuspenseSlot = defineComponent4({
+  name: "AbsoluteSuspenseSlot",
+  props: {
+    className: { default: undefined, type: String },
+    errorHtml: { default: undefined, type: String },
+    fallbackHtml: { default: "", type: String },
+    id: { required: true, type: String },
+    promise: {
+      default: undefined,
+      type: Object
+    },
+    resolve: {
+      default: undefined,
+      type: Function
+    },
+    timeoutMs: { default: undefined, type: Number }
+  },
+  setup(props, { slots }) {
+    const readPatchedDomState = () => {
+      if (typeof document === "undefined")
+        return false;
+      const slotNode = document.getElementById(props.id);
+      if (!slotNode)
+        return false;
+      return slotNode.getAttribute("data-absolute-slot-state") === "resolved";
+    };
+    const isResolved = ref2(false);
+    const resolvedValue = ref2(undefined);
+    const hasError = ref2(false);
+    const hasPatchedDom = ref2(readPatchedDomState());
+    const usesFrameworkSlots = hasFrameworkSlots(slots.default, slots.fallback, slots.error, props.promise);
+    const isSsrRender = useSSRContext() !== undefined;
+    if (isSsrRender) {
+      registerSuspenseSlotForSsr(props, slots, usesFrameworkSlots);
     }
-    for (const [name, baseline] of attributes?.get(element) ?? []) {
-      const value = element.getAttribute(name);
-      if (value === null || value === baseline)
-        continue;
-      translatedAttributes.push({
-        baseline,
-        name,
-        path,
-        translated: value
+    if (typeof window !== "undefined" && usesFrameworkSlots) {
+      const consumers = window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
+      let runtimeReady = false;
+      consumers[props.id] = (payload) => {
+        if (!runtimeReady)
+          return false;
+        if (!isVueSuspensePayload(payload)) {
+          return false;
+        }
+        applySuspensePayload(payload, {
+          hasError,
+          isResolved,
+          resolvedValue
+        });
+        return true;
+      };
+      const handlePatchedDom = (event) => {
+        if (hasEventDetailId(event, props.id)) {
+          hasPatchedDom.value = true;
+        }
+      };
+      onMounted(() => {
+        hasPatchedDom.value = readPatchedDomState();
+        window.addEventListener("absolutejs:slot-patch", handlePatchedDom);
+        runtimeReady = true;
+        window.__ABS_SLOT_FLUSH__?.();
+      });
+      onBeforeUnmount2(() => {
+        window.removeEventListener("absolutejs:slot-patch", handlePatchedDom);
+        delete window.__ABS_SLOT_CONSUMERS__?.[props.id];
       });
-      element.setAttribute(name, baseline);
-    }
-  });
-  return translationRestorer(() => {
-    for (const snapshot of translated) {
-      const parent = elementAtPath(root, snapshot.path);
-      if (parent === null)
-        continue;
-      const node = textNodeAt(parent, snapshot.index);
-      if (node !== undefined && node.data === snapshot.baseline)
-        node.data = snapshot.translated;
     }
-    for (const snapshot of translatedAttributes) {
-      const element = elementAtPath(root, snapshot.path);
-      if (element?.getAttribute(snapshot.name) === snapshot.baseline)
-        element.setAttribute(snapshot.name, snapshot.translated);
+    const resolveSlotChildren = () => {
+      if (hasPatchedDom.value) {
+        return;
+      }
+      if (hasError.value) {
+        return allowMismatchOnSlotNodes(slots.error?.({ error: undefined }) ?? slots.fallback?.() ?? undefined) ?? undefined;
+      }
+      if (isResolved.value) {
+        return allowMismatchOnSlotNodes(slots.default?.({ value: resolvedValue.value }) ?? undefined) ?? undefined;
+      }
+      return allowMismatchOnSlotNodes(slots.fallback?.() ?? undefined);
+    };
+    return () => {
+      if (!usesFrameworkSlots) {
+        return h4("div", {
+          class: props.className,
+          "data-absolute-slot": "true",
+          id: props.id,
+          innerHTML: props.fallbackHtml
+        });
+      }
+      return h4("div", {
+        class: props.className,
+        "data-absolute-slot": "true",
+        "data-allow-mismatch": "",
+        id: props.id
+      }, resolveSlotChildren() ?? undefined);
+    };
+  }
+});
+// src/vue/components/StreamSlot.ts
+import { defineComponent as defineComponent5, h as h5, useSSRContext as useSSRContext2 } from "vue";
+var StreamSlot = defineComponent5({
+  name: "AbsoluteStreamSlot",
+  props: {
+    className: { default: undefined, type: String },
+    errorHtml: { default: undefined, type: String },
+    fallbackHtml: { default: "", type: String },
+    id: { required: true, type: String },
+    resolve: {
+      required: true,
+      type: Function
+    },
+    timeoutMs: { default: undefined, type: Number }
+  },
+  setup(props) {
+    if (useSSRContext2() !== undefined) {
+      registerStreamSlotForSsr(props);
     }
-  }, translated.length > 0 || translatedAttributes.length > 0);
-};
-
-// src/vue/browserTranslation.ts
-var preserveBrowserTranslation = (strategy) => {
-  const translatedStrategy = (hydrate, forEachElement) => strategy(() => {
-    const restore = [];
-    forEachElement((element) => {
-      restore.push(prepareBrowserTranslationHydration(element));
+    return () => h5("div", {
+      class: props.className,
+      "data-absolute-slot": "true",
+      id: props.id,
+      innerHTML: props.fallbackHtml
     });
-    try {
-      hydrate();
-    } finally {
-      for (const apply of restore)
-        apply();
-    }
-  }, forEachElement);
-  return translatedStrategy;
+  }
+});
+var registerStreamSlotForSsr = (props) => {
+  if (!isStreamingSlotCollectionActive()) {
+    warnMissingStreamingSlotCollector("StreamSlot");
+    return;
+  }
+  registerStreamingSlot({
+    errorHtml: props.errorHtml,
+    fallbackHtml: props.fallbackHtml,
+    id: props.id,
+    resolve: props.resolve,
+    timeoutMs: props.timeoutMs
+  });
 };
 // src/vue/useResource.ts
 import {
@@ -6470,8 +6327,8 @@ var enqueue = (task) => {
   let release = () => {
     return;
   };
-  const gate = new Promise((resolve8) => {
-    release = resolve8;
+  const gate = new Promise((resolve) => {
+    release = resolve;
   });
   const queued = {
     cancelled: false,
@@ -6855,5 +6712,5 @@ export {
   useResource
 };
 
-//# debugId=FC32D869FEA085E164756E2164756E21
+//# debugId=E472C93501A48F4B64756E2164756E21
 //# sourceMappingURL=index.js.map