@absolutejs/absolute 0.20.0-beta.181 → 0.20.0-beta.183

package/dist/angular/index.js

@@ -88,7 +88,7 @@ var ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER = "x-skip-transfer-cache", buildAbs
 };
 
 // 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_RELOAD_BACKOFF_BASE_MS = 1000, CSS_RELOAD_BACKOFF_MAX_MS = 60000, 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, HTTP_STATUS_GONE = 410, HTTP_STATUS_INTERNAL_SERVER_ERROR = 500, 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 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_RELOAD_BACKOFF_BASE_MS = 1000, CSS_RELOAD_BACKOFF_MAX_MS = 60000, 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, HTML_CONTENT_TYPE = "text/html; charset=utf-8", HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HTTP_STATUS_GONE = 410, HTTP_STATUS_INTERNAL_SERVER_ERROR = 500, 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 = [
@@ -865,7 +865,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     nonce: readCspNonce()
   });
   return new Response(stream, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, renderSvelteError = async (conventionPath, errorProps) => {
@@ -881,7 +881,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   });
   const html = `<!DOCTYPE html><html><head>${nonceSvelteHeadStyles(head)}</head><body>${body}</body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, unescapeVueStyles = (ssrBody) => {
@@ -905,7 +905,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const { styles, body } = unescapeVueStyles(rawBody);
   const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, renderAngularError = async (conventionPath, errorProps) => {
@@ -915,14 +915,14 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     return null;
   const html = renderFn(errorProps);
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), replaceErrorTokens = (template, errorProps) => template.replace(/\{\{\s*name\s*\}\}/g, escapeHtml(errorProps.name)).replace(/\{\{\s*message\s*\}\}/g, escapeHtml(errorProps.message)).replace(/\{\{\s*stack\s*\}\}/g, errorProps.stack ? escapeHtml(errorProps.stack) : ""), renderHtmlError = async (conventionPath, errorProps) => {
   const template = await nonceStaticHtml(await Bun.file(conventionPath).text());
   const html = replaceErrorTokens(template, errorProps);
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, logConventionRenderError = (framework, label, renderError) => {
@@ -1001,7 +1001,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     nonce: readCspNonce()
   });
   return new Response(stream, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderSvelteNotFound = async (conventionPath) => {
@@ -1014,7 +1014,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const { head, body } = render(NotFoundComponent, nonce ? { csp: { nonce } } : {});
   const html = `<!DOCTYPE html><html><head>${nonceSvelteHeadStyles(head)}</head><body>${body}</body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderVueNotFound = async (conventionPath) => {
@@ -1031,7 +1031,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const { styles, body } = unescapeVueStyles(rawBody);
   const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderAngularNotFound = async (conventionPath) => {
@@ -1041,13 +1041,13 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     return null;
   const html = renderFn();
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderHtmlNotFound = async (conventionPath) => {
   const html = await nonceStaticHtml(await Bun.file(conventionPath).text());
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, NOT_FOUND_RENDERERS, renderConventionNotFound = async (framework) => {
@@ -1081,6 +1081,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   return renderNext(options.preferHtmx ? ["htmx", ...NOT_FOUND_PRIORITY.filter((key) => key !== "htmx")] : NOT_FOUND_PRIORITY);
 };
 var init_resolveConvention = __esm(() => {
+  init_constants();
   init_cspNonceRef();
   init_staticHtmlNonce();
   init_ssrErrorPage();
@@ -1436,6 +1437,7 @@ var init_angularDeps = __esm(() => {
 });
 
 // src/utils/spaRouteManifest.ts
+import { NotFound } from "elysia";
 import { basename as basename2 } from "path";
 var SPA_ROUTES_KEY = "__absoluteSpaRoutes", setSpaRouteManifest = (hosts) => {
   Reflect.set(globalThis, SPA_ROUTES_KEY, hosts);
@@ -1500,7 +1502,14 @@ var SPA_ROUTES_KEY = "__absoluteSpaRoutes", setSpaRouteManifest = (hosts) => {
 }, renderSpaNotFound = async (framework, pageName, request) => {
   if (isKnownSpaRoute(framework, pageName, request))
     return null;
-  return await renderFirstNotFound() ?? new Response("Not found", {
+  return renderSpaNotFoundResponse(request);
+}, renderSpaNotFoundResponse = async (request) => {
+  if (request && !isPageRequest(request)) {
+    return new NotFound().toResponse();
+  }
+  return await renderFirstNotFound({
+    preferHtmx: request?.headers.get("hx-request") === "true"
+  }) ?? new Response("Not found", {
     headers: { "Content-Type": "text/plain" },
     status: 404
   });
@@ -1557,8 +1566,8 @@ var buildRequestProviders = (deps, request, requestContext, responseInit) => [
 // src/angular/zoneRuntime.ts
 var ZONE_NODE_SPECIFIER = "zone.js/node", MISSING_ZONE_MESSAGE = 'angular.changeDetection is "zone" but zone.js could not be loaded. Install it in your app (bun add zone.js).', isAngularZoneMode = () => globalThis.__absoluteAngularChangeDetection === "zone", setAngularChangeDetection = (mode) => {
   globalThis.__absoluteAngularChangeDetection = mode ?? "zoneless";
-}, isRecord2 = (value) => typeof value === "object" && value !== null, adoptIntoNativePromise = (NativePromise, value) => {
-  if (value instanceof NativePromise || !isRecord2(value))
+}, isRecord3 = (value) => typeof value === "object" && value !== null, adoptIntoNativePromise = (NativePromise, value) => {
+  if (value instanceof NativePromise || !isRecord3(value))
     return value;
   const { then } = value;
   if (typeof then !== "function")
@@ -1575,28 +1584,28 @@ var ZONE_NODE_SPECIFIER = "zone.js/node", MISSING_ZONE_MESSAGE = 'angular.change
 }, wrapRoute = (NativePromise, route) => {
   if (typeof route === "function")
     return wrapHandler(NativePromise, route);
-  if (!isRecord2(route) || route instanceof Response || route instanceof Blob)
+  if (!isRecord3(route) || route instanceof Response || route instanceof Blob)
     return route;
   return Object.fromEntries(Object.entries(route).map(([method, handler]) => [
     method,
     wrapHandler(NativePromise, handler)
   ]));
 }, wrapServeOptions = (NativePromise, options) => {
-  if (!isRecord2(options))
+  if (!isRecord3(options))
     return options;
   const wrapped = { ...options };
   if (options.fetch)
     wrapped.fetch = wrapHandler(NativePromise, options.fetch);
   if (options.error)
     wrapped.error = wrapHandler(NativePromise, options.error);
-  if (isRecord2(options.routes))
+  if (isRecord3(options.routes))
     wrapped.routes = Object.fromEntries(Object.entries(options.routes).map(([path, route]) => [
       path,
       wrapRoute(NativePromise, route)
     ]));
   return wrapped;
 }, wrapServerReload = (NativePromise, server) => {
-  if (!isRecord2(server))
+  if (!isRecord3(server))
     return;
   const { reload } = server;
   if (typeof reload !== "function")
@@ -2500,23 +2509,247 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
     index = markup.indexOf("{", end);
   }
   return tags;
-}, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), markupToTemplateLiteral = (markup) => {
-  const parts = topLevelTags(markup.trim());
-  const trimmed = markup.trim();
-  let cursor = 0;
-  let literal = "";
-  for (const { end, start, text } of parts) {
-    literal += escapeTemplateLiteral(trimmed.slice(cursor, start));
-    literal += `\${${text.slice(1, -1).trim()}}`;
-    cursor = end;
+}, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), HTML_HELPERS = "__absoluteAwaitHtml", AWAIT_SCOPE_CLASS_PLACEHOLDER = "__absoluteAwaitScopeClass__", AWAIT_HTML_HELPERS_SOURCE, applyAwaitScopeClass = (code, scopeClass) => code.replaceAll(AWAIT_SCOPE_CLASS_PLACEHOLDER, scopeClass), createAwaitScopeClassCapture = () => {
+  let scopeClass = "";
+  const cssHash = ({ css, filename, hash }) => {
+    scopeClass = `svelte-${hash(filename === "(unknown)" ? css : filename ?? css)}`;
+    return scopeClass;
+  };
+  const apply = (code) => applyAwaitScopeClass(code, scopeClass);
+  return { apply, cssHash };
+}, BOOLEAN_ATTRIBUTES, DIRECTIVE_ATTRIBUTE_RE, ATTRIBUTE_NAME_END_RE, RAW_TEXT_ELEMENTS, helperCall = (name, ...args) => `\${${HTML_HELPERS}.${name}(${args.join(", ")})}`, SHADOW_VALUE, END_TAG_RE, isShadowAttribute = (name) => !DIRECTIVE_ATTRIBUTE_RE.test(name) && !/^on/i.test(name), pushText = (scan, text) => {
+  scan.literal += escapeTemplateLiteral(text);
+}, readExpressionTag = (scan) => {
+  const end = findTagEnd(scan.source, scan.index);
+  if (end === -1) {
+    fail(scan.filePath, `unterminated tag in the ${scan.branch} branch`);
+  }
+  const inner = scan.source.slice(scan.index + 1, end - 1).trim();
+  scan.index = end;
+  return inner;
+}, failAttribute = (scan, detail) => fail(scan.filePath, `the ${scan.branch} branch of a streamed {#await} has ${detail}`), atValueEnd = (scan, quote) => {
+  const char = scan.source[scan.index] ?? "";
+  if (quote)
+    return char === quote;
+  return /[\s>]/.test(char) || scan.source.startsWith("/>", scan.index);
+}, readValueText = (scan, quote) => {
+  const start = scan.index;
+  while (scan.index < scan.source.length && scan.source[scan.index] !== "{" && !atValueEnd(scan, quote)) {
+    scan.index += 1;
+  }
+  return scan.source.slice(start, scan.index);
+}, readAttributeValue = (scan) => {
+  const { source } = scan;
+  const quote = source[scan.index];
+  const chunks = [];
+  const isQuoted = quote === '"' || quote === "'";
+  if (isQuoted)
+    scan.index += 1;
+  if (!isQuoted && source[scan.index] === "{") {
+    chunks.push({ code: readExpressionTag(scan) });
+    return chunks;
+  }
+  const valueQuote = isQuoted ? quote : undefined;
+  while (scan.index < source.length && !atValueEnd(scan, valueQuote)) {
+    chunks.push({ text: readValueText(scan, valueQuote) });
+    if (source[scan.index] === "{")
+      chunks.push({ code: readExpressionTag(scan) });
+  }
+  if (isQuoted)
+    scan.index += 1;
+  return chunks.filter((chunk) => !("text" in chunk) || chunk.text !== "");
+}, pushDynamicAttribute = (scan, name, chunks) => {
+  if (DIRECTIVE_ATTRIBUTE_RE.test(name) || /^on/i.test(name)) {
+    failAttribute(scan, `an expression in ${name}= (directives and event handlers need Svelte to run them)`);
+  }
+  const tag = chunks.find((chunk) => ("code" in chunk) && /^[#:/@]/.test(chunk.code));
+  if (tag && "code" in tag) {
+    failAttribute(scan, `{${tag.code}} in the ${name}= attribute`);
+  }
+  if (isShadowAttribute(name))
+    scan.shadow += ` ${name}=${SHADOW_VALUE}`;
+  const isClass = name === "class";
+  if (isClass)
+    scan.hasClass = true;
+  const [only] = chunks;
+  const codes = chunks.flatMap((chunk) => ("code" in chunk) ? [`(${chunk.code})`] : []);
+  if (isClass && chunks.length > 1 && codes.length === chunks.length) {
+    scan.literal += helperCall("class", `${HTML_HELPERS}.join(${codes.join(", ")})`);
+    return;
+  }
+  if (chunks.length === 1 && only && "code" in only) {
+    const value = `(${only.code})`;
+    if (name === "class")
+      scan.literal += helperCall("class", value);
+    else if (name === "style")
+      scan.literal += helperCall("style", value);
+    else
+      scan.literal += helperCall("attr", JSON.stringify(name), value, String(BOOLEAN_ATTRIBUTES.has(name)));
+    return;
+  }
+  pushText(scan, ` ${name}="`);
+  for (const chunk of chunks) {
+    if ("code" in chunk)
+      scan.literal += helperCall("part", `(${chunk.code})`);
+    else
+      pushText(scan, chunk.text.replaceAll('"', "&quot;"));
+  }
+  if (isClass)
+    scan.literal += helperCall("scoped");
+  pushText(scan, '"');
+}, pushStaticAttribute = (scan, whitespace, name, value) => {
+  if (isShadowAttribute(name))
+    scan.shadow += `${whitespace}${name}=${value}`;
+  if (name !== "class") {
+    pushText(scan, `${whitespace}${name}=${value}`);
+    return;
+  }
+  scan.hasClass = true;
+  const [first = ""] = value;
+  const isQuoted = first === '"' || first === "'";
+  const quote = isQuoted ? first : '"';
+  const classes = isQuoted ? value.slice(1, -1) : value;
+  if (classes === "") {
+    scan.literal += helperCall("class", "''");
+    return;
+  }
+  pushText(scan, `${whitespace}${name}=${quote}${classes}`);
+  scan.literal += helperCall("scoped");
+  pushText(scan, quote);
+}, readAttributeName = (scan) => {
+  const { source } = scan;
+  const start = scan.index;
+  while (scan.index < source.length && !ATTRIBUTE_NAME_END_RE.test(source[scan.index] ?? "")) {
+    scan.index += 1;
+  }
+  return source.slice(start, scan.index);
+}, skipWhitespace = (scan) => {
+  const start = scan.index;
+  while (/\s/.test(scan.source[scan.index] ?? ""))
+    scan.index += 1;
+  return scan.source.slice(start, scan.index);
+}, pushTagExpression = (scan) => {
+  const inner = readExpressionTag(scan);
+  if (!/^[A-Za-z_$][\w$]*$/.test(inner)) {
+    failAttribute(scan, `{${inner}} in a start tag`);
+  }
+  pushDynamicAttribute(scan, inner, [{ code: inner }]);
+}, pushAttribute = (scan) => {
+  const { source } = scan;
+  const whitespace = skipWhitespace(scan);
+  const closing = source.startsWith("/>", scan.index) ? "/>" : ">";
+  const isEnd = scan.index >= source.length;
+  if (isEnd || source.startsWith(closing, scan.index)) {
+    if (!scan.hasClass)
+      scan.literal += helperCall("scope");
+    const tagEnd = isEnd ? "" : closing;
+    pushText(scan, whitespace + tagEnd);
+    scan.shadow += whitespace + (isEnd ? ">" : closing);
+    scan.index += tagEnd.length;
+    return false;
+  }
+  if (source[scan.index] === "{") {
+    pushTagExpression(scan);
+    return true;
+  }
+  const name = readAttributeName(scan);
+  if (!name) {
+    pushText(scan, whitespace + (source[scan.index] ?? ""));
+    scan.index += 1;
+    return true;
+  }
+  const beforeEquals = scan.index;
+  skipWhitespace(scan);
+  if (source[scan.index] !== "=") {
+    scan.index = beforeEquals;
+    pushText(scan, whitespace + name);
+    if (isShadowAttribute(name))
+      scan.shadow += whitespace + name;
+    return true;
   }
-  literal += escapeTemplateLiteral(trimmed.slice(cursor));
-  return `\`${literal}\``;
+  scan.index += 1;
+  skipWhitespace(scan);
+  const valueStart = scan.index;
+  const chunks = readAttributeValue(scan);
+  if (chunks.some((chunk) => ("code" in chunk))) {
+    pushDynamicAttribute(scan, name, chunks);
+    return true;
+  }
+  pushStaticAttribute(scan, whitespace, name, source.slice(valueStart, scan.index));
+  return true;
+}, pushStartTag = (scan) => {
+  const { source } = scan;
+  const nameMatch = source.slice(scan.index + 1).match(/^[^\s/>{]+/);
+  const tagName = nameMatch?.[0] ?? "";
+  pushText(scan, `<${tagName}`);
+  scan.shadow += `<${tagName}`;
+  scan.hasClass = RAW_TEXT_ELEMENTS.has(tagName.toLowerCase());
+  scan.index += 1 + tagName.length;
+  while (pushAttribute(scan))
+    ;
+  return tagName.toLowerCase();
+}, pushRawText = (scan, tagName, shadowStart) => {
+  const { source } = scan;
+  const close = source.toLowerCase().indexOf(`</${tagName}`, scan.index);
+  const closeEnd = close === -1 ? -1 : source.indexOf(">", close);
+  const end = closeEnd === -1 ? source.length : closeEnd + 1;
+  pushText(scan, source.slice(scan.index, end));
+  scan.shadow = scan.shadow.slice(0, shadowStart);
+  scan.index = end;
+}, pushTextExpression = (scan) => {
+  const inner = readExpressionTag(scan);
+  const rawHtml = inner.match(/^@html\s([\s\S]*)$/);
+  if (rawHtml) {
+    scan.literal += helperCall("html", `(${(rawHtml[1] ?? "").trim()})`);
+    return;
+  }
+  scan.literal += helperCall("text", `(${inner})`);
+}, pushComment = (scan) => {
+  const close = scan.source.indexOf("-->", scan.index + "<!--".length);
+  const end = close === -1 ? scan.source.length : close + "-->".length;
+  pushText(scan, scan.source.slice(scan.index, end));
+  scan.index = end;
+}, scanTextPosition = (scan) => {
+  const { index, source } = scan;
+  if (source.startsWith("<!--", index)) {
+    pushComment(scan);
+    return;
+  }
+  if (source[index] === "<" && /[A-Za-z]/.test(source[index + 1] ?? "")) {
+    const shadowStart = scan.shadow.length;
+    const tagName = pushStartTag(scan);
+    if (RAW_TEXT_ELEMENTS.has(tagName))
+      pushRawText(scan, tagName, shadowStart);
+    return;
+  }
+  if (source[index] === "{") {
+    pushTextExpression(scan);
+    return;
+  }
+  const next = source.slice(index + 1).search(/[<{]/);
+  const end = next === -1 ? source.length : index + 1 + next;
+  const text = source.slice(index, end);
+  pushText(scan, text);
+  scan.shadow += (text.match(END_TAG_RE) ?? []).join("");
+  scan.index = end;
+}, lowerBranch = (markup, branch, filePath) => {
+  const scan = {
+    branch,
+    filePath,
+    hasClass: false,
+    index: 0,
+    literal: "",
+    shadow: "",
+    source: markup.trim()
+  };
+  while (scan.index < scan.source.length)
+    scanTextPosition(scan);
+  return { literal: `\`${scan.literal}\``, shadow: scan.shadow };
 }, fail = (filePath, message) => {
   throw new Error(`${filePath ? `${filePath}: ` : ""}${message} (${AWAIT_STREAM_DIRECTIVE} streams plain HTML; remove the directive to let Svelte render the block and hydrate it)`);
 }, assertPlainHtml = (markup, branch, filePath) => {
   const withoutExpressions = topLevelTags(markup).reduceRight((text, { end, start }) => text.slice(0, start) + text.slice(end), markup);
-  const nestedTag = topLevelTags(markup).find(({ text }) => /^\{[#:/@]/.test(text));
+  const nestedTag = topLevelTags(markup).find(({ text }) => /^\{(?:[#:/]|@(?!html\s))/.test(text));
   if (nestedTag || SVELTE_ONLY_MARKUP_RE.test(withoutExpressions)) {
     fail(filePath, `the ${branch} branch of a streamed {#await} holds Svelte markup (${nestedTag?.text ?? withoutExpressions.match(SVELTE_ONLY_MARKUP_RE)?.[0]}\u2026)`);
   }
@@ -2560,12 +2793,16 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
     thenIdentifier: thenMatch?.[2],
     thenMarkup
   };
-}, renderSlot = (block, slotId, dynamic) => {
+}, renderSlot = (block, slotId, dynamic, filePath) => {
   const thenValueIdentifier = block.thenIdentifier ?? "__awaitValue";
   const catchValueIdentifier = block.catchIdentifier ?? "__awaitError";
-  const catchBranch = block.catchMarkup === undefined ? "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }" : `catch (${catchValueIdentifier}) { return ${markupToTemplateLiteral(block.catchMarkup)}; }`;
-  return `<AbsoluteAwaitSlot id="${slotId}"${dynamic ? " dynamic" : ""} fallbackHtml={${markupToTemplateLiteral(block.pendingMarkup)}} resolve={async () => { try { const ${thenValueIdentifier} = await (${block.expression}); return ${markupToTemplateLiteral(block.thenMarkup)}; } ${catchBranch} }} />`;
-}, IMPORT_LINE = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";', lowerSvelteAwaitSlotSyntax = (source, filePath) => {
+  const pending = lowerBranch(block.pendingMarkup, "pending", filePath);
+  const then = lowerBranch(block.thenMarkup, "then", filePath);
+  const caught = block.catchMarkup === undefined ? undefined : lowerBranch(block.catchMarkup, "catch", filePath);
+  const catchBranch = caught ? `catch (${catchValueIdentifier}) { return ${caught.literal}; }` : "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }";
+  const shadows = [pending, then, caught].map((branch) => branch ? `<svelte:element this={'div'} data-absolute-slot="true">${branch.shadow}</svelte:element>` : "").join("");
+  return `<AbsoluteAwaitSlot id="${slotId}"${dynamic ? " dynamic" : ""} fallbackHtml={${pending.literal}} resolve={async () => { try { const ${thenValueIdentifier} = await (${block.expression}); return ${then.literal}; } ${catchBranch} }} />{#if ${HTML_HELPERS}.shadow}${shadows}{/if}`;
+}, IMPORT_LINE = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";', INJECTED_SCRIPT, lowerSvelteAwaitSlotSyntax = (source, filePath) => {
   if (!source.includes("absolute:stream")) {
     return { code: source, transformed: false };
   }
@@ -2580,7 +2817,7 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
     const slotId = `absolute-svelte-await-${awaitIndex.toString(BASE_36_RADIX)}`;
     awaitIndex += 1;
     lowered += source.slice(cursor, directive.index);
-    lowered += renderSlot(block, slotId, directive[1] !== undefined);
+    lowered += renderSlot(block, slotId, directive[1] !== undefined, filePath);
     cursor = block.end;
   }
   if (awaitIndex === 0) {
@@ -2590,14 +2827,14 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
   if (lowered.includes("<script")) {
     return {
       code: lowered.replace(/<script(\s[^>]*)?>/, (match) => `${match}
-${IMPORT_LINE}
+${INJECTED_SCRIPT}
 `),
       transformed: true
     };
   }
   return {
     code: `<script lang="ts">
-${IMPORT_LINE}
+${INJECTED_SCRIPT}
 </script>
 ${lowered}`,
     transformed: true
@@ -2609,6 +2846,64 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
   BRANCH_TAG_RE = /^\{:(then|catch)(?:\s+([A-Za-z_$][\w$]*))?\s*\}$/;
   SVELTE_ONLY_MARKUP_RE = /\{[#:/@]|<[A-Z]|<svelte:/;
   QUOTES = new Set(['"', "'", "`"]);
+  AWAIT_HTML_HELPERS_SOURCE = [
+    `const ${HTML_HELPERS} = (() => {`,
+    `	const scope = ${JSON.stringify(AWAIT_SCOPE_CLASS_PLACEHOLDER)};`,
+    `	const escape = (value, isAttr) => String(value ?? '').replace(isAttr ? /[&"<]/g : /[&<]/g, (char) => char === '&' ? '&amp;' : char === '"' ? '&quot;' : '&lt;');`,
+    "\tconst stringify = (value) => typeof value === 'string' ? value : value == null ? '' : value + '';",
+    "\tconst classNames = (value) => { if (Array.isArray(value)) return value.filter(Boolean).map(classNames).filter(Boolean).join(' '); if (value && typeof value === 'object') return Object.keys(value).filter((key) => value[key]).join(' '); return typeof value === 'string' || typeof value === 'number' ? String(value) : ''; };",
+    "\treturn {",
+    `		attr: (name, value, isBoolean) => { const boolean = isBoolean || (name === 'hidden' && value !== 'until-found'); if (value == null || (!value && boolean)) return ''; const normalized = name === 'translate' && typeof value === 'boolean' ? (value ? 'yes' : 'no') : value; return boolean ? ' ' + name + '=""' : ' ' + name + '="' + escape(normalized, true) + '"'; },`,
+    `		class: (value) => { const resolved = typeof value === 'object' ? classNames(value) : value ?? ''; let name = '' + resolved; if (scope) name = name ? name + ' ' + scope : scope; return name ? ' class="' + escape(name, true) + '"' : ''; },`,
+    "\t\thtml: (value) => String(value ?? ''),",
+    "\t\tjoin: (...values) => values.map(stringify).join(''),",
+    "\t\tpart: (value) => escape(stringify(value), true),",
+    `		scope: () => scope ? ' class="' + scope + '"' : '',`,
+    "\t\tscoped: () => scope ? ' ' + scope : '',",
+    "\t\tshadow: false,",
+    `		style: (value) => { const style = value == null ? '' : String(value); return style ? ' style="' + escape(style, true) + '"' : ''; },`,
+    "\t\ttext: (value) => escape(value, false)",
+    "\t};",
+    "})();"
+  ].join(`
+`);
+  BOOLEAN_ATTRIBUTES = new Set([
+    "allowfullscreen",
+    "async",
+    "autofocus",
+    "autoplay",
+    "checked",
+    "controls",
+    "default",
+    "defer",
+    "disabled",
+    "disablepictureinpicture",
+    "disableremoteplayback",
+    "formnovalidate",
+    "indeterminate",
+    "inert",
+    "ismap",
+    "loop",
+    "multiple",
+    "muted",
+    "nomodule",
+    "novalidate",
+    "open",
+    "playsinline",
+    "readonly",
+    "required",
+    "reversed",
+    "seamless",
+    "selected",
+    "webkitdirectory"
+  ]);
+  DIRECTIVE_ATTRIBUTE_RE = /^(?:animate|bind|class|in|let|on|out|style|transition|use):/;
+  ATTRIBUTE_NAME_END_RE = /[\s=>/{]/;
+  RAW_TEXT_ELEMENTS = new Set(["script", "style"]);
+  SHADOW_VALUE = `{${HTML_HELPERS}.shadow}`;
+  END_TAG_RE = /<\/[A-Za-z][^\s>]*\s*>/g;
+  INJECTED_SCRIPT = `${IMPORT_LINE}
+${AWAIT_HTML_HELPERS_SOURCE}`;
 });
 
 // src/build/stylePreprocessor.ts
@@ -3188,15 +3483,15 @@ var init_stylePreprocessor = __esm(() => {
 });
 
 // src/svelte/router/lazyModule.ts
-var LAZY_RESOLVED_KEY, LAZY_SOURCE_EXPORT = "__ABSOLUTE_SVELTE_SOURCE__", isRecord3 = (value) => typeof value === "object" && value !== null, isComponent = (value) => typeof value === "function", toLazyComponent = (value) => {
+var LAZY_RESOLVED_KEY, LAZY_SOURCE_EXPORT = "__ABSOLUTE_SVELTE_SOURCE__", isRecord4 = (value) => typeof value === "object" && value !== null, isComponent = (value) => typeof value === "function", toLazyComponent = (value) => {
   if (isComponent(value))
     return value;
-  if (!isRecord3(value))
+  if (!isRecord4(value))
     return;
   const fallback = value.default;
   return isComponent(fallback) ? fallback : undefined;
 }, readSourceFrom = (value) => {
-  if (!isRecord3(value) && !isComponent(value))
+  if (!isRecord4(value) && !isComponent(value))
     return;
   const source = Reflect.get(value, LAZY_SOURCE_EXPORT);
   return typeof source === "string" ? source : undefined;
@@ -3205,7 +3500,7 @@ var LAZY_RESOLVED_KEY, LAZY_SOURCE_EXPORT = "__ABSOLUTE_SVELTE_SOURCE__", isReco
   const fromValue = readSourceFrom(value);
   if (fromValue !== undefined)
     return fromValue;
-  if (!isRecord3(value))
+  if (!isRecord4(value))
     return;
   return readSourceFrom(value.default);
 };
@@ -3380,15 +3675,18 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, syncIslandG
   for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
     transpiled = replaceQuotedSpecifier(transpiled, spec, resolvedModuleImport);
   }
-  let compiledCode = compile(transpiled, {
+  const scopeClass = createAwaitScopeClassCapture();
+  const compiledServer = compile(transpiled, {
     css: "injected",
+    cssHash: scopeClass.cssHash,
     experimental: {
       async: loweredAwaitSource.transformed || loweredSource.transformed
     },
     filename: resolutionSourcePath,
     generate: "server",
     hmr: isDevelopmentRuntime()
-  }).js.code;
+  });
+  let compiledCode = scopeClass.apply(compiledServer.js.code);
   for (const [spec, compiledChildPath] of childModulePaths) {
     compiledCode = replaceQuotedSpecifier(compiledCode, spec, ensureRelativeImportPath(getCachedModulePath2(sourcePath), compiledChildPath));
   }
@@ -3586,14 +3884,14 @@ var defineIslandComponent = (component, options) => ({
   component,
   export: options.export,
   source: options.source
-}), defineIslandRegistry = (registry) => registry, isRecord4 = (value) => typeof value === "object" && value !== null, getIslandBuildReference = (component) => {
+}), defineIslandRegistry = (registry) => registry, isRecord5 = (value) => typeof value === "object" && value !== null, getIslandBuildReference = (component) => {
   if (!isIslandComponentDefinition(component))
     return null;
   return {
     export: component.export,
     source: component.source
   };
-}, isIslandComponentDefinition = (value) => isRecord4(value) && ("component" in value) && ("source" in value) && typeof value.source === "string", parseIslandProps = (rawProps) => {
+}, isIslandComponentDefinition = (value) => isRecord5(value) && ("component" in value) && ("source" in value) && typeof value.source === "string", parseIslandProps = (rawProps) => {
   if (!rawProps)
     return {};
   return JSON.parse(rawProps);
@@ -3617,7 +3915,7 @@ var init_islandMarkupAttributes = __esm(() => {
 var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildComponentCache, syncIslandGeneration3, nextIslandId = () => {
   islandSequence += 1;
   return `island-${islandSequence}`;
-}, isRecord5 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord5(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => {
+}, isRecord6 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord6(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => {
   if (source.startsWith("file://"))
     return new URL(source).pathname;
   if (source.startsWith("."))
@@ -4086,13 +4384,13 @@ var ABSOLUTE_MOBILE_PAGE_MEDIA_TYPE = "application/vnd.absolute.page+json", ABSO
 }, headerVaryValues, envelopeResponse = (response, status) => new Response(JSON.stringify({
   protocol: ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION,
   response
-}), { headers: responseHeaders(), status }), isRecord7 = (value) => typeof value === "object" && value !== null && !Array.isArray(value), normalizeJsonValue = (value) => {
+}), { headers: responseHeaders(), status }), isRecord8 = (value) => typeof value === "object" && value !== null && !Array.isArray(value), normalizeJsonValue = (value) => {
   const serialized = JSON.stringify(value);
   if (serialized === undefined) {
     throw new TypeError("Mobile page props must be JSON-serializable.");
   }
   const parsed = JSON.parse(serialized);
-  if (!isRecord7(parsed)) {
+  if (!isRecord8(parsed)) {
     throw new TypeError("Mobile page props must serialize to an object.");
   }
   return parsed;
@@ -4322,14 +4620,14 @@ var init_pageProtocol = __esm(() => {
 
 // src/core/pageResponseCache.ts
 import { createHash } from "crypto";
-var STREAMING_PAGE_HEADER = "x-absolute-stream", HTML_CONTENT_TYPE = "text/html", streamingPageHeaders = (extra) => {
+var STREAMING_PAGE_HEADER = "x-absolute-stream", HTML_MEDIA_TYPE = "text/html", streamingPageHeaders = (extra) => {
   const headers = new Headers(extra);
   headers.set("content-type", HTML_CONTENT_TYPE);
   headers.set(STREAMING_PAGE_HEADER, "1");
   return headers;
 }, computeEtag = (html) => `W/"${createHash("sha1").update(html).digest("base64url")}"`, withPageCacheHeaders = async (response, request, options) => {
   const contentType = response.headers.get("content-type") ?? "";
-  if (!contentType.includes(HTML_CONTENT_TYPE))
+  if (!contentType.includes(HTML_MEDIA_TYPE))
     return response;
   const isStreaming = response.headers.get(STREAMING_PAGE_HEADER) === "1";
   if (isStreaming && !options?.bufferStreamForEtag || !response.body) {
@@ -4355,7 +4653,9 @@ var STREAMING_PAGE_HEADER = "x-absolute-stream", HTML_CONTENT_TYPE = "text/html"
     statusText: response.statusText
   });
 };
-var init_pageResponseCache = () => {};
+var init_pageResponseCache = __esm(() => {
+  init_constants();
+});
 
 // src/client/streamSwap.ts
 var streamSwapRuntime = () => {
@@ -4492,7 +4792,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
     getStreamingSlotsRuntimeScript()
   ].filter(Boolean).join(";");
   return `<script${createNonceAttr(nonce)}>${escapeScriptContent(runtimeBody)}</script>`;
-}, toUint8 = (value, encoder) => encoder.encode(value), isRecord8 = (value) => Boolean(value) && typeof value === "object", isSafeHtmlLike = (value) => isRecord8(value) && typeof value.changingThisBreaksApplicationSecurity === "string", normalizeSafeHtml = (value) => {
+}, toUint8 = (value, encoder) => encoder.encode(value), isRecord9 = (value) => Boolean(value) && typeof value === "object", isSafeHtmlLike = (value) => isRecord9(value) && typeof value.changingThisBreaksApplicationSecurity === "string", normalizeSafeHtml = (value) => {
   if (isSafeHtmlLike(value)) {
     return value.changingThisBreaksApplicationSecurity;
   }
@@ -4553,7 +4853,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
 }, createTimeoutError = (slot, timeoutMs) => {
   const error = Object.assign(new Error(`Streaming slot "${slot.id}" timed out after ${timeoutMs}ms`), { __absTimeout: true });
   return error;
-}, isSlotPatchPayloadObject = (value) => isRecord8(value) && ("html" in value), isTimeoutError = (error) => isRecord8(error) && error.__absTimeout === true, toStreamingSlot = (slot, policy) => ({
+}, isSlotPatchPayloadObject = (value) => isRecord9(value) && ("html" in value), isTimeoutError = (error) => isRecord9(error) && error.__absTimeout === true, toStreamingSlot = (slot, policy) => ({
   dynamic: slot.dynamic,
   errorHtml: slot.errorHtml === undefined ? policy.errorHtml : slot.errorHtml,
   fallbackHtml: normalizeSlotText(slot.fallbackHtml, policy.fallbackHtml),
@@ -4807,9 +5107,9 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
       tail: ""
     };
   };
-  const handleBaseWinner = (controller, winner, baseRead, tail, footer) => {
+  const handleBaseWinner = (controller, winner, baseRead, tail, footer, baseDone) => {
     if (winner.kind !== "base") {
-      return { baseDone: false, baseRead, footer, handled: false, tail };
+      return { baseDone, baseRead, footer, handled: false, tail };
     }
     if (winner.done) {
       return finalizeCompletedBaseWinner(controller, tail + decoder.decode(), baseRead);
@@ -4852,7 +5152,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
         return footer;
       }
       const winner = await Promise.race(racers);
-      const baseWinnerState = applyBaseWinnerState(handleBaseWinner(controller, winner, baseRead, tail, footer), winner, (slotWinner) => {
+      const baseWinnerState = applyBaseWinnerState(handleBaseWinner(controller, winner, baseRead, tail, footer, baseDone), winner, (slotWinner) => {
         handleResolvedSlot(controller, slotWinner);
       });
       ({ baseDone, baseRead, footer, tail } = baseWinnerState);
@@ -5215,10 +5515,10 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
   }
   return {
     content: parsedBlock.content.trim(),
-    nextIndex: input.keyword === "@placeholder" ? skipWhitespace(input.template, parsedBlock.nextIndex) : parsedBlock.nextIndex
+    nextIndex: input.keyword === "@placeholder" ? skipWhitespace2(input.template, parsedBlock.nextIndex) : parsedBlock.nextIndex
   };
 }, resolveDeferSlotStart = (template, deferIndex, markerCursor) => {
-  const nextMarkerCursor = skipWhitespace(template, markerCursor);
+  const nextMarkerCursor = skipWhitespace2(template, markerCursor);
   if (template[nextMarkerCursor] === "{") {
     return {
       changed: false,
@@ -5443,7 +5743,7 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
       template: resolvedBlockState.template
     };
   }
-  const blockContent = parsePlaceholderAndErrorBlocks(template, skipWhitespace(template, resolvedBlock.nextIndex));
+  const blockContent = parsePlaceholderAndErrorBlocks(template, skipWhitespace2(template, resolvedBlock.nextIndex));
   const builtSlot = buildDeferredSlot({
     cursorAfterResolved: blockContent.cursorAfterResolved,
     errorHtml: blockContent.errorHtml,
@@ -5473,14 +5773,14 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
     ({ cursor, depth } = consumed);
   }
   return { content: value.slice(start + 1), nextIndex: value.length };
-}, skipWhitespace = (value, index) => {
+}, skipWhitespace2 = (value, index) => {
   let cursor = index;
   while (cursor < value.length && /\s/.test(value[cursor] ?? "")) {
     cursor += 1;
   }
   return cursor;
 }, parseOptionalParenthesizedBlock = (value, index) => {
-  let cursor = skipWhitespace(value, index);
+  let cursor = skipWhitespace2(value, index);
   if (value[cursor] !== "(") {
     return null;
   }
@@ -5544,7 +5844,7 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
     return null;
   }
   const blockKeywordCursor = cursorAfterResolved + keyword.length;
-  const blockStart = skipWhitespace(template, blockKeywordCursor);
+  const blockStart = skipWhitespace2(template, blockKeywordCursor);
   if (template[blockStart] !== "{") {
     return null;
   }
@@ -6216,7 +6516,7 @@ ${importLine}${source.slice(insertAt)}`;
     const rawExpression = value.slice(interpolationStart + 2, nextCursor - 2).trim();
     const expression = rawExpression.length === 0 ? "''" : rawExpression;
     const expressionLiteral = JSON.stringify(expression);
-    parts.push(`\${this.__absoluteDeferResolveTemplateExpression(${expressionLiteral})}`);
+    parts.push(`\${this.__absoluteDeferEscapeHtml(this.__absoluteDeferResolveTemplateExpression(${expressionLiteral}))}`);
     cursor = nextCursor;
   }
   return parts.join("");
@@ -6247,6 +6547,10 @@ ${importLine}${source.slice(insertAt)}`;
 ` + `		return value;
 ` + `	}
 
+` + `	__absoluteDeferEscapeHtml(value: string) {
+` + `		return value.replace(/[&<>"']/g, (char) => char === '&' ? '&amp;' : char === '<' ? '&lt;' : char === '>' ? '&gt;' : char === '"' ? '&quot;' : '&#39;');
+` + `	}
+
 `, buildDeferSlotFields = (slots) => [
   buildDeferSlotTemplateResolver(),
   ...slots.map((slot, index) => {
@@ -16214,6 +16518,129 @@ var resolveRequestBaseHref = (route, request) => deriveAngularBaseHref(route, re
 // src/angular/pageHandler.ts
 init_spaRouteManifest();
 
+// src/angular/colocatedRouteMatch.ts
+var MAX_ROUTE_DEPTH = 32;
+var isRecord2 = (value) => typeof value === "object" && value !== null;
+var PRIMARY_OUTLET = "primary";
+var routeOutlet = (route) => typeof route.outlet === "string" ? route.outlet : PRIMARY_OUTLET;
+var matchRoute = (route, segments) => {
+  if (!isRecord2(route))
+    return true;
+  if (routeOutlet(route) !== PRIMARY_OUTLET)
+    return false;
+  if (typeof route.matcher === "function")
+    return true;
+  if (typeof route.path !== "string")
+    return true;
+  const { path } = route;
+  const parts = path.split("/").filter((part) => part !== "");
+  if (parts.includes("**"))
+    return true;
+  const isFull = route.pathMatch === "full";
+  if (parts.length > segments.length)
+    return false;
+  if (isFull && parts.length < segments.length)
+    return false;
+  const consumed = parts.every((part, index) => part.startsWith(":") || part === segments[index]);
+  if (!consumed)
+    return false;
+  const rest = segments.slice(parts.length);
+  if (route.redirectTo !== undefined)
+    return true;
+  if (route.loadChildren !== undefined)
+    return true;
+  if (route.children !== undefined)
+    return { children: route.children, rest };
+  return rest.length === 0;
+};
+var matchRoutes = (routes, segments, depth) => {
+  if (!Array.isArray(routes) || depth > MAX_ROUTE_DEPTH)
+    return true;
+  if (segments.length === 0)
+    return true;
+  return routes.some((route) => {
+    const result = matchRoute(route, segments);
+    if (typeof result === "boolean")
+      return result;
+    return matchRoutes(result.children, result.rest, depth + 1);
+  });
+};
+var decodeSegment = (segment) => {
+  try {
+    return decodeURIComponent(segment);
+  } catch {
+    return null;
+  }
+};
+var toUrlSegments = (path) => {
+  if (path.includes("(") || path.includes(")"))
+    return null;
+  const decoded = path.split("/").map((raw) => raw.split(";")[0] ?? "").filter((segment) => segment !== "").map(decodeSegment);
+  if (decoded.some((segment) => segment === null))
+    return null;
+  return decoded.filter((segment) => segment !== null);
+};
+var matchesAngularColocatedRoutes = (routes, path) => {
+  const segments = toUrlSegments(path);
+  if (segments === null)
+    return true;
+  return matchRoutes(routes, segments, 0);
+};
+var pathBelowBaseHref = (pathname, baseHref) => {
+  const collapsed = pathname.replace(/\/{2,}/g, "/");
+  const base = baseHref.endsWith("/") ? baseHref : `${baseHref}/`;
+  if (`${collapsed}/` === base)
+    return "";
+  if (!collapsed.startsWith(base))
+    return null;
+  return collapsed.slice(base.length);
+};
+var WILDCARD_SUFFIX2 = "/*";
+var ROOT_WILDCARD = "/*";
+var MAX_PROVIDER_DEPTH = 8;
+var providesBaseHref = (provider, depth = 0) => {
+  if (depth > MAX_PROVIDER_DEPTH)
+    return true;
+  if (Array.isArray(provider))
+    return provider.some((entry) => providesBaseHref(entry, depth + 1));
+  if (!isRecord2(provider))
+    return false;
+  const nested = Reflect.get(provider, "\u0275providers");
+  if (Array.isArray(nested))
+    return providesBaseHref(nested, depth + 1);
+  if (!("provide" in provider))
+    return false;
+  return String(provider.provide).includes("appBaseHref");
+};
+var isUnmatchedColocatedRoute = ({
+  handlerProviders,
+  pageModule,
+  request,
+  route,
+  runtimeBaseHref
+}) => {
+  if (!request || !route?.endsWith(WILDCARD_SUFFIX2))
+    return false;
+  const { providers, routes } = pageModule;
+  if (!Array.isArray(routes) || !Array.isArray(providers))
+    return false;
+  if (providesBaseHref(handlerProviders))
+    return false;
+  const baseHref = runtimeBaseHref ?? (route === ROOT_WILDCARD ? "/" : null);
+  if (baseHref === null)
+    return false;
+  let pathname;
+  try {
+    ({ pathname } = new URL(request.url));
+  } catch {
+    return false;
+  }
+  const path = pathBelowBaseHref(pathname, baseHref);
+  if (path === null)
+    return false;
+  return !matchesAngularColocatedRoutes(routes, path);
+};
+
 // src/angular/lowerServerIslands.ts
 init_renderIslandMarkup();
 var ANGULAR_ISLAND_TAG_RE = /<absolute-island\b([^>]*)>[\s\S]*?<\/absolute-island>/gi;
@@ -16231,7 +16658,7 @@ var islandHydrationModes = [
   "none"
 ];
 var decodeHtmlAttribute = (value) => value.replaceAll("&quot;", '"').replaceAll("&#34;", '"').replaceAll("&apos;", "'").replaceAll("&#39;", "'").replaceAll("&amp;", "&").replaceAll("&lt;", "<").replaceAll("&gt;", ">");
-var isRecord6 = (value) => typeof value === "object" && value !== null;
+var isRecord7 = (value) => typeof value === "object" && value !== null;
 var isIslandFramework = (value) => islandFrameworks.some((framework) => framework === value);
 var isIslandHydrate = (value) => islandHydrationModes.some((mode) => mode === value);
 var parseAttributes = (attributeString) => {
@@ -16262,7 +16689,7 @@ var parseAngularIslandProps = (attributeString) => {
   let parsedProps = {};
   try {
     const candidate = JSON.parse(serializedProps);
-    parsedProps = isRecord6(candidate) ? candidate : {};
+    parsedProps = isRecord7(candidate) ? candidate : {};
   } catch {}
   return {
     component,
@@ -16631,11 +17058,11 @@ var runWithStreamingSlotWarningScope = (task, metadata) => ensureWarningStorage(
 
 // src/angular/pageHandler.ts
 init_ssrRender();
-var isRecord9 = (value) => typeof value === "object" && value !== null;
+var isRecord10 = (value) => typeof value === "object" && value !== null;
 var isAngularComponent = (value) => typeof value === "function";
 var componentHostsRouterOutlet = (component) => {
   const componentDef = Reflect.get(component, "\u0275cmp");
-  if (!isRecord9(componentDef))
+  if (!isRecord10(componentDef))
     return false;
   const rawDependencies = componentDef.dependencies;
   const dependencies = typeof rawDependencies === "function" ? Reflect.apply(rawDependencies, undefined, []) : rawDependencies;
@@ -16645,7 +17072,7 @@ var componentHostsRouterOutlet = (component) => {
     if (dependency === null || typeof dependency !== "object" && typeof dependency !== "function")
       return false;
     const directiveDef = Reflect.get(dependency, "\u0275dir") ?? dependency;
-    if (!isRecord9(directiveDef))
+    if (!isRecord10(directiveDef))
       return false;
     const { selectors } = directiveDef;
     return Array.isArray(selectors) && JSON.stringify(selectors).includes("router-outlet");
@@ -16675,7 +17102,7 @@ var ensureAngularCompiler = () => {
   }
   return compilerImportPromise;
 };
-var readAngularPageModule = (value) => isRecord9(value) ? value : null;
+var readAngularPageModule = (value) => isRecord10(value) ? value : null;
 var resolveAngularSsrOutDir = (projectRoot = process.cwd(), configuredOutDir = process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR) => configuredOutDir ?? join10(projectRoot, ".absolutejs", "runtime", "angular-ssr");
 var createAngularRuntimeCacheBuster = () => `${Date.now().toString(BASE_36_RADIX)}.${Math.random().toString(BASE_36_RADIX).substring(2, RANDOM_ID_END_INDEX)}`;
 var existingNodeModulesLinkMatches = async (nodeModulesLink, expectedTarget) => {
@@ -16760,7 +17187,7 @@ var buildRuntimeModuleSpecifier = (modulePath, cacheBuster) => {
 var withHtmlContentType = (responseInit = {}) => {
   const headers = new Headers(responseInit.headers);
   if (!headers.has("Content-Type")) {
-    headers.set("Content-Type", "text/html");
+    headers.set("Content-Type", HTML_CONTENT_TYPE);
   }
   return { ...responseInit, headers };
 };
@@ -16793,7 +17220,7 @@ var handleAngularPageRequest = async (input) => {
       ],
       runtimes: [String(ABSOLUTE_MOBILE_PAGE_PROTOCOL_VERSION)]
     },
-    props: isRecord9(input.requestContext) ? input.requestContext : Object.create(null),
+    props: isRecord10(input.requestContext) ? input.requestContext : Object.create(null),
     request,
     status: input.responseInit?.status,
     route: () => {
@@ -16830,18 +17257,27 @@ var handleAngularPageRequest = async (input) => {
     });
     try {
       const handlerCallsite = options?.collectStreamingSlots === true ? undefined : getCurrentRouteRegistrationCallsite() ?? captureStreamingSlotWarningCallsite();
+      const baseDeps = await getAngularDeps();
+      const runtimePagePath = await resolveRuntimeAngularModulePath(resolvedPagePath);
+      const importedPageModule = await import(buildRuntimeModuleSpecifier(runtimePagePath.path, runtimePagePath.cacheBuster));
+      const pageModule = readAngularPageModule(importedPageModule);
+      if (!pageModule) {
+        throw new Error(`Invalid Angular page module: ${resolvedPagePath}`);
+      }
+      const PageComponent = resolvePageComponent(pageModule);
+      if (!isAngularComponent(PageComponent)) {
+        throw new Error(`Angular page module must export an Angular component: ${resolvedPagePath}`);
+      }
+      if (isUnmatchedColocatedRoute({
+        handlerProviders: input.providers,
+        pageModule,
+        request,
+        route: getCurrentAbsoluteRoute(request),
+        runtimeBaseHref
+      })) {
+        return withPageCacheHeaders(await renderSpaNotFoundResponse(request), request);
+      }
       const renderPageResponse = async () => {
-        const baseDeps = await getAngularDeps();
-        const runtimePagePath = await resolveRuntimeAngularModulePath(resolvedPagePath);
-        const importedPageModule = await import(buildRuntimeModuleSpecifier(runtimePagePath.path, runtimePagePath.cacheBuster));
-        const pageModule = readAngularPageModule(importedPageModule);
-        if (!pageModule) {
-          throw new Error(`Invalid Angular page module: ${resolvedPagePath}`);
-        }
-        const PageComponent = resolvePageComponent(pageModule);
-        if (!isAngularComponent(PageComponent)) {
-          throw new Error(`Angular page module must export an Angular component: ${resolvedPagePath}`);
-        }
         const hasIslands = typeof pageModule.__ABSOLUTE_PAGE_HAS_ISLANDS__ === "boolean" ? pageModule.__ABSOLUTE_PAGE_HAS_ISLANDS__ : false;
         const usesLegacyAnimations = pageModule.__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ === true;
         const deps = baseDeps;
@@ -16881,7 +17317,7 @@ var handleAngularPageRequest = async (input) => {
         return withPageCacheHeaders(conventionResponse, request);
       }
       return withPageCacheHeaders(new Response(ssrErrorPage("angular", error), {
-        headers: { "Content-Type": "text/html" },
+        headers: { "Content-Type": HTML_CONTENT_TYPE },
         status: 500
       }), request);
     }
@@ -17413,5 +17849,5 @@ export {
   withPendingTask
 };
 
-//# debugId=E65E05FE51B9B84264756E2164756E21
+//# debugId=D3C5CBDE25ADE9C364756E2164756E21
 //# sourceMappingURL=index.js.map