octane 0.2.11 → 0.2.13

package/dist/cjs/runtime.server.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var runtime_server_exports = {};
 __export(runtime_server_exports, {
@@ -33,16 +43,20 @@ __export(runtime_server_exports, {
   addTransitionType: () => addTransitionType,
   beginNativeReadScope: () => beginNativeReadScope,
   beginNativeReadWitness: () => beginNativeReadWitness,
+  bindPresentationView: () => bindPresentationView,
   callWithReceiver: () => callWithReceiver,
   cloneElement: () => cloneElement,
   createContext: () => createContext,
   createElement: () => createElement,
+  createElementAt: () => createElementAt,
+  createElementFromConfig: () => createElementFromConfig,
   createHostedServerSession: () => createHostedServerSession,
   createPortal: () => createPortal,
   createScopedElement: () => createScopedElement,
   createScopedValue: () => createScopedValue,
   descriptorChildren: () => descriptorChildren,
   enableNativeReadCollection: () => enableNativeReadCollection,
+  enableServerSignalBindings: () => enableServerSignalBindings,
   encodeAsyncIdentityString: () => encodeAsyncIdentityString,
   endNativeReadScope: () => endNativeReadScope,
   escapeAttr: () => escapeAttr,
@@ -81,6 +95,8 @@ __export(runtime_server_exports, {
   prerenderToNodeStream: () => prerenderToNodeStream,
   puBatch: () => puBatch,
   puMemo: () => puMemo,
+  readNativeDomProps: () => import_read_protocol.readNativeDomProps,
+  readNativeDomStyle: () => import_read_protocol.readNativeDomStyle,
   renderHostedAttempt: () => renderHostedAttempt,
   renderToPipeableStream: () => renderToPipeableStream,
   renderToReadableStream: () => renderToReadableStream,
@@ -93,6 +109,11 @@ __export(runtime_server_exports, {
   ssrArm: () => ssrArm,
   ssrAttr: () => ssrAttr,
   ssrAttrs: () => ssrAttrs,
+  ssrBindingBlock: () => ssrBindingBlock,
+  ssrBindingChild: () => ssrBindingChild,
+  ssrBindingClass: () => ssrBindingClass,
+  ssrBindingHtml: () => ssrBindingHtml,
+  ssrBindingKey: () => ssrBindingKey,
   ssrBlock: () => ssrBlock,
   ssrCheckedAttr: () => ssrCheckedAttr,
   ssrChild: () => ssrChild,
@@ -124,6 +145,9 @@ __export(runtime_server_exports, {
   ssrSelectAttrs: () => ssrSelectAttrs,
   ssrSelectScope: () => ssrSelectScope,
   ssrSelectScopeSources: () => ssrSelectScopeSources,
+  ssrSignalControlAttrs: () => ssrSignalControlAttrs,
+  ssrSignalControlValue: () => ssrSignalControlValue,
+  ssrSignalValue: () => ssrSignalValue,
   ssrSnapshotSpread: () => ssrSnapshotSpread,
   ssrSpread: () => ssrSpread,
   ssrSpreadContent: () => ssrSpreadContent,
@@ -140,6 +164,7 @@ __export(runtime_server_exports, {
   startTransition: () => startTransition,
   styleMap: () => styleMap,
   touchStyleMap: () => touchStyleMap,
+  trustHTML: () => import_trusted_html.trustHTML,
   use: () => use,
   useActionState: () => useActionState,
   useCallback: () => useCallback,
@@ -167,13 +192,18 @@ __export(runtime_server_exports, {
   withSlot: () => withSlot
 });
 module.exports = __toCommonJS(runtime_server_exports);
+var import_trusted_html = require("./trusted-html.cjs");
+var import_read_protocol = require("./signals/read-protocol.cjs");
 var import_hook_slot_cache = require("./hook-slot-cache.cjs");
+var import_dom_binding_protocol = require("./dom-binding-protocol.cjs");
 var import_constants = require("./constants.cjs");
+var import_independent_hydration_protocol = require("./independent-hydration-protocol.cjs");
 var import_has_own = require("./has-own.cjs");
 var import_head_ownership = require("./head-ownership.cjs");
 var import_resource_hint_diagnostics = require("./resource-hint-diagnostics.cjs");
 var import_aria_diagnostics = require("./aria-diagnostics.cjs");
 var import_host_property_diagnostics = require("./host-property-diagnostics.cjs");
+var import_early_signals = require("./server/early-signals.cjs");
 var import_shared_value_helpers = require("./shared-value-helpers.cjs");
 var import_css = require("./css.cjs");
 var import_html_tree_validation = require("./html-tree-validation.cjs");
@@ -185,6 +215,64 @@ var import_renderer_bridge = require("./renderer-bridge.cjs");
 var import_native_read_collector = require("./signals/native-read-collector.cjs");
 var import_native_read_server = require("./signals/native-read-server.cjs");
 var import_native_read_seeds = require("./signals/native-read-seeds.cjs");
+var import_owner_context = require("./signals/owner-context.cjs");
+var import_query_attempt_observer = require("./signals/query-attempt-observer.cjs");
+var import_types = require("./signals/types.cjs");
+function isSignalHandle(value) {
+  return (typeof value === "object" || typeof value === "function") && value !== null && value[import_types.SIGNAL_HANDLE] === true;
+}
+function readSignalBinding(handle) {
+  if (RESOLVED !== null && !SERVER_SIGNAL_OWNER_ACTIVE) {
+    return withServerSignalBinding(() => handle.get());
+  }
+  return handle.get();
+}
+function withServerSignalBinding(read) {
+  ensureServerSignalOwner();
+  const owner = serverSignalOwner(FRAME);
+  const injection = RESOLVED.resourceOptions?.injection;
+  return (0, import_owner_context.runWithSignalOwner)(
+    owner,
+    () => injection?.observeSignalAttempt === void 0 ? read() : (0, import_query_attempt_observer.runWithServerSignalQueryAttemptObserver)(
+      owner,
+      (attempt) => injection.observeSignalAttempt(attempt, (0, import_owner_context.captureSignalOwner)(owner)),
+      injection.createSignalAttemptObservations,
+      read
+    )
+  );
+}
+function isWritableSignal(value) {
+  return isSignalHandle(value) && value.kind === "signal" && typeof value.set === "function";
+}
+function ssrSignalValue(value) {
+  return isSignalHandle(value) ? readSignalBinding(value) : value;
+}
+const SSR_SIGNAL_CONTROL = /* @__PURE__ */ Symbol("octane.ssr-signal-control");
+function isSsrSignalControlValue(value) {
+  return typeof value === "object" && value !== null && value[SSR_SIGNAL_CONTROL] === true;
+}
+function unwrapSsrSignalControlValue(value) {
+  return isSsrSignalControlValue(value) ? value.value : value;
+}
+function ssrSignalControlValue(value, site) {
+  if (!isWritableSignal(value)) return ssrSignalValue(value);
+  if (RESOLVED !== null && !SERVER_SIGNAL_OWNER_ACTIVE) {
+    return withServerSignalBinding(() => serverSignalControlValue(value, site));
+  }
+  return serverSignalControlValue(value, site);
+}
+function serverSignalControlValue(value, site) {
+  const owner = (0, import_owner_context.currentSignalOwner)();
+  if (owner === null || !("documentOwner" in owner)) return value.get();
+  if (RESOLVED !== null) RESOLVED.hasSignalControls = true;
+  return {
+    [SSR_SIGNAL_CONTROL]: true,
+    value: value.get(),
+    site,
+    owner,
+    binding: value[import_types.SIGNAL_BINDING_IDENTITY]()
+  };
+}
 const NATIVE_ARRAY_MAP = Array.prototype.map;
 const NATIVE_REFLECT_APPLY = Reflect.apply;
 const NATIVE_ARRAY_SPECIES_GETTER = Object.getOwnPropertyDescriptor(Array, Symbol.species)?.get;
@@ -278,6 +366,17 @@ const ACTIVE_PU_WARM_PLANS = [];
 let CURRENT_PU_WARM_CLAIMS = null;
 let ID_COUNTER = 0;
 let ID_PREFIX = "";
+let SIGNAL_INSTANCE_PREFIX = "";
+let SIGNAL_COMPONENT_INSTANCE_KEY = "";
+let SERVER_SIGNAL_OWNER_ACTIVE = false;
+let SIGNAL_CONTROL_SITE = "";
+const EMPTY_SIGNAL_LIST_KEYS = [];
+let SIGNAL_LIST_KEYS = EMPTY_SIGNAL_LIST_KEYS;
+function newStyleCollector() {
+  const collector = /* @__PURE__ */ new Map();
+  collector.replay = null;
+  return collector;
+}
 let CSS = null;
 let NONCE_ATTR = "";
 let MARKERS = true;
@@ -348,13 +447,20 @@ function nextScopedCount(frame, slot, key) {
   counts.push(key, 1);
   return 0;
 }
+function scopeSuffix(frame) {
+  const scope = ASYNC_SCOPE;
+  if (process.env.NODE_ENV !== "production" && !scope.startsWith(frame.asyncScope)) {
+    throw new Error((0, import_error_codes_server_generated.formatServerError)(65));
+  }
+  return scope.slice(frame.asyncScope.length);
+}
 function nextFrameOccurrence(frame, base) {
-  const scopedBase = ASYNC_SCOPE === frame.asyncScope ? base : ASYNC_SCOPE + "\0" + base;
+  const scopedBase = ASYNC_SCOPE === frame.asyncScope ? base : scopeSuffix(frame) + "\0" + base;
   return nextScopedCount(frame, "occ", scopedBase);
 }
 function nextChildSegment(frame) {
   if (ASYNC_SCOPE === frame.asyncScope) return frame.nextChild++;
-  return nextScopedCount(frame, "scopedChildren", ASYNC_SCOPE);
+  return nextScopedCount(frame, "scopedChildren", scopeSuffix(frame));
 }
 function ssrScope(parent) {
   return { parent, $$ctxValues: null };
@@ -488,6 +594,13 @@ const SCOPED_VALUE_PROPERTIES = {
     get() {
       return this[SCOPED_VALUE_RESOLVER]().children;
     }
+  },
+  __octaneInvocationSite: {
+    configurable: true,
+    enumerable: false,
+    get() {
+      return this[SCOPED_VALUE_RESOLVER]().__octaneInvocationSite;
+    }
   }
 };
 function restoreWritableScopedChildren(props, name, value) {
@@ -643,10 +756,15 @@ function scopedValueDescriptor(resolve) {
   Object.defineProperty(descriptor, "key", SCOPED_VALUE_PROPERTIES.key);
   Object.defineProperty(descriptor, "ref", SCOPED_VALUE_PROPERTIES.ref);
   Object.defineProperty(descriptor, "children", SCOPED_VALUE_PROPERTIES.children);
+  Object.defineProperty(
+    descriptor,
+    "__octaneInvocationSite",
+    SCOPED_VALUE_PROPERTIES.__octaneInvocationSite
+  );
   if (process.env.NODE_ENV !== "production") Object.freeze(descriptor);
   return descriptor;
 }
-function createScopedElement(type, props, readChildren) {
+function createScopedElement(type, props, readChildren, invocationSite) {
   const src = props ?? null;
   const key = hasElementConfigKey(src) ? "" + src.key : null;
   const copiedProps = copyScopedElementConfig(type, src);
@@ -663,9 +781,9 @@ function createScopedElement(type, props, readChildren) {
     }
     return resolvedChildren;
   };
-  return scopedElementDescriptor(type, copiedProps, key, children);
+  return scopedElementDescriptor(type, copiedProps, key, children, invocationSite);
 }
-function nativeCreateScopedElement(type, props, readChildren) {
+function nativeCreateScopedElement(type, props, readChildren, invocationSite) {
   const src = props ?? null;
   const key = hasElementConfigKey(src) ? "" + src.key : null;
   const copiedProps = copyScopedElementConfig(type, src);
@@ -673,10 +791,11 @@ function nativeCreateScopedElement(type, props, readChildren) {
     type,
     copiedProps,
     key,
-    createNativeServerScopedResolver(readChildren)
+    createNativeServerScopedResolver(readChildren),
+    invocationSite
   );
 }
-function scopedElementDescriptor(type, copiedProps, key, children) {
+function scopedElementDescriptor(type, copiedProps, key, children, invocationSite) {
   setScopedChildrenResolver(copiedProps, children);
   SCOPED_ELEMENT_PROPS.add(copiedProps);
   const descriptor = {
@@ -686,31 +805,43 @@ function scopedElementDescriptor(type, copiedProps, key, children) {
     key,
     ref: copiedProps.ref !== void 0 ? copiedProps.ref : null
   };
+  if (invocationSite !== void 0) descriptor.__octaneInvocationSite = invocationSite;
   Object.defineProperty(descriptor, "children", SCOPED_CHILDREN_PROPERTY);
   setScopedChildrenResolver(descriptor, children);
   return finalizeElementDescriptor(descriptor);
 }
 function createElement(type, props, ...children) {
+  return createElementFromConfig(void 0, type, props, children);
+}
+function createElementAt(invocationSite, type, props, ...children) {
+  return createElementFromConfig(invocationSite, type, props, children);
+}
+function createElementFromConfig(invocationSite, type, props, children) {
   if (typeof type === "function" && (0, import_renderer_bridge.isRendererContext)(type)) {
     (0, import_renderer_bridge.registerServerRendererContextProvider)(renderServerContextProvider);
   }
   const src = props ?? null;
   const key = hasElementConfigKey(src) ? "" + src.key : null;
-  let kids = children.length > 0 ? children.length === 1 ? children[0] : children : src?.children;
-  if (children.length > 1) POSITIONAL_CHILDREN.add(children);
-  if (children.length > 1 && process.env.NODE_ENV !== "production") Object.freeze(children);
+  const hasPositional = children !== void 0 && children.length > 0;
+  let kids = hasPositional ? children.length === 1 ? children[0] : children : src?.children;
+  if (children !== void 0 && children.length > 1) {
+    POSITIONAL_CHILDREN.add(children);
+    if (process.env.NODE_ENV !== "production") Object.freeze(children);
+  }
   const p = copyElementConfig(src);
-  if (children.length > 0) p.children = kids;
+  if (hasPositional) p.children = kids;
   (0, import_shared_value_helpers.applyElementDefaultProps)(type, p);
   kids = p.children;
-  return finalizeElementDescriptor({
+  const descriptor = {
     $$kind: ELEMENT_TAG,
     type,
     props: p,
     key,
     ref: p.ref !== void 0 ? p.ref : null,
     children: kids ?? null
-  });
+  };
+  if (invocationSite !== void 0) descriptor.__octaneInvocationSite = invocationSite;
+  return finalizeElementDescriptor(descriptor);
 }
 const POSITIONAL_CHILDREN = /* @__PURE__ */ new WeakSet();
 function positionalChildren(children) {
@@ -942,6 +1073,8 @@ function cloneElement(element, config, ...children) {
       children: kids ?? null
     };
   }
+  if (element.__octaneInvocationSite !== void 0)
+    descriptor.__octaneInvocationSite = element.__octaneInvocationSite;
   return finalizeElementDescriptor(descriptor);
 }
 function cloneAndReplaceElementKey(element, key) {
@@ -1145,8 +1278,33 @@ class ServerHtml {
     return this[SERVER_HTML];
   }
 }
+class RawServerHtml {
+  constructor(html) {
+    this.html = html;
+  }
+  html;
+  get [SERVER_HTML]() {
+    VT_SSR_HAS_RAW_HTML = true;
+    return this.html;
+  }
+  toString() {
+    return this[SERVER_HTML];
+  }
+}
 function ssrHtml(html) {
-  return typeof html === "string" ? new ServerHtml(html) : html;
+  if (typeof html !== "string") return html;
+  if (!VT_SSR_HAS_RAW_HTML) return new ServerHtml(html);
+  if (CURRENT_SCOPE === null) VT_SSR_HAS_RAW_HTML = false;
+  return new RawServerHtml(html);
+}
+const BINDING_HTML_ROOT = /* @__PURE__ */ Symbol.for("octane.binding.html");
+function ssrBindingHtml(html, id) {
+  const output = new ServerHtml(html);
+  output[BINDING_HTML_ROOT] = "[b;" + id + ";root";
+  return output;
+}
+function bindPresentationView(view, _id) {
+  return (0, import_component_flags.markComponentFlags)(view, import_component_flags.COMPONENT_FLAG_BOUNDARY, view.name);
 }
 function serverComponentOutput(out, scope) {
   if (out == null) return "";
@@ -1185,21 +1343,53 @@ function ssrTextPre(v) {
 }
 function ssrComponentDescriptor(d, scope) {
   if (SCOPED_ELEMENT_PROPS.has(d.props)) {
-    return ssrComponent(scope, d.type, d.props);
+    return ssrComponent(
+      scope,
+      d.type,
+      d.props,
+      void 0,
+      d.key ?? void 0,
+      void 0,
+      d.__octaneInvocationSite
+    );
   }
   const children = d.children;
   if (children == null || children === d.props?.children) {
-    return ssrComponent(scope, d.type, d.props);
+    return ssrComponent(
+      scope,
+      d.type,
+      d.props,
+      void 0,
+      d.key ?? void 0,
+      void 0,
+      d.__octaneInvocationSite
+    );
   }
-  return ssrComponent(scope, d.type, {
-    ...d.props,
-    children
-  });
+  return ssrComponent(
+    scope,
+    d.type,
+    { ...d.props, children },
+    void 0,
+    d.key ?? void 0,
+    void 0,
+    d.__octaneInvocationSite
+  );
 }
 function ssrChild(v, scope) {
+  if (isSignalHandle(v)) {
+    v = readSignalBinding(v);
+  }
   if (probingDangerHtmlChild(v)) return "";
   return ssrChildValue(v, scope, true);
 }
+function ssrBindingChild(value, scope, marker) {
+  const html = ssrChild(value, scope);
+  if (!MARKERS) return html;
+  const openingEnd = html.indexOf("-->");
+  const framed = html.startsWith(import_constants.BLOCK_OPEN) || html.startsWith("<!--") && openingEnd !== -1 && (0, import_dom_binding_protocol.isBindingOpenComment)(html.slice(4, openingEnd));
+  const content = framed && html.endsWith(import_constants.BLOCK_CLOSE) ? html.slice(openingEnd + 3, -import_constants.BLOCK_CLOSE.length) : html;
+  return ssrBindingBlock(content, marker);
+}
 function ssrChildValue(v, scope, includeKeyedSingle, selfMarkItem = false) {
   if (v !== null && typeof v === "object" && SERVER_HTML in v) {
     return v[SERVER_HTML];
@@ -1331,6 +1521,7 @@ function ssrHostElement(tag, props, children, scope, rawInner) {
     }
     let inner = "";
     if (hasDangerHTML) {
+      VT_SSR_HAS_RAW_HTML = true;
       const html = innerHTMLValue.__html;
       const raw = html == null ? "" : String(html);
       inner = semanticTag === "script" ? escapeEntireInlineScriptContent(raw) : semanticTag === "style" ? escapeEntireInlineStyleContent(raw) : raw;
@@ -1449,6 +1640,20 @@ function ssrDescriptorContent(v, scope) {
 function ssrBlock(content) {
   return MARKERS ? import_constants.BLOCK_OPEN + content + import_constants.BLOCK_CLOSE : String(content);
 }
+function ssrBindingBlock(content, marker) {
+  return MARKERS ? "<!--" + marker + "-->" + content + import_constants.BLOCK_CLOSE : String(content);
+}
+function ssrBindingKey(key, seen) {
+  const encoded = (0, import_dom_binding_protocol.encodeBindingKey)(key);
+  if (seen.has(encoded)) throw new TypeError((0, import_error_codes_server_generated.formatServerError)(73));
+  seen.add(encoded);
+  return encoded;
+}
+function ssrBindingClass(receipt, values) {
+  const snapshot = [(0, import_css.normalizeClass)(values[0]), values[1].map(import_css.normalizeClass)];
+  const classes = [snapshot[0], ...snapshot[1]].filter(Boolean).join(" ");
+  return ' class="' + escapeAttr(classes) + '" ' + receipt + '="' + escapeAttr(JSON.stringify(snapshot)) + '"';
+}
 function ssrFragmentMarker(open, _ref) {
   return MARKERS ? open ? "<!--frag-->" : "<!--/frag-->" : "";
 }
@@ -1531,31 +1736,48 @@ function withAsyncListScope(kind, fn) {
 function ssrControl(siteKey, fn) {
   const frame = FRAME;
   const occurrence = frame === null ? 0 : nextFrameOccurrence(frame, "@control:" + siteKey);
-  return withAsyncIdentity("control:" + siteKey, occurrence, fn);
+  const previousSignalControl = SIGNAL_CONTROL_SITE;
+  SIGNAL_CONTROL_SITE = siteKey;
+  try {
+    return withAsyncIdentity("control:" + siteKey, occurrence, fn);
+  } finally {
+    SIGNAL_CONTROL_SITE = previousSignalControl;
+  }
 }
-function enterAsyncArm(armKey) {
+function enterAsyncArm(armKey, mapped = false) {
   const previous = ASYNC_SCOPE;
   const frame = FRAME;
-  const occurrence = frame === null ? 0 : nextFrameOccurrence(frame, "@arm-position:" + previous);
-  const fallbackPosition = previous + "|@arm-position:" + occurrence;
+  const occurrence = frame === null ? 0 : nextFrameOccurrence(frame, "@arm-position:");
+  const fallbackPosition = armKey !== null && (typeof armKey === "object" || typeof armKey === "function" || typeof armKey === "symbol") ? previous + "|@arm-position:" + occurrence : void 0;
+  if (SERVER_SIGNAL_BINDINGS_POTENTIAL && SIGNAL_CONTROL_SITE.charCodeAt(0) === 102) {
+    SIGNAL_LIST_KEYS = [
+      ...SIGNAL_LIST_KEYS,
+      signalIdentityKey(mapped ? "k" + String(armKey) : armKey)
+    ];
+  }
   ASYNC_SCOPE = previous + "|@arm:" + asyncIdentityKey(armKey, false, fallbackPosition);
-  return previous;
 }
 function ssrArm(armKey, fn) {
-  const previous = enterAsyncArm(armKey);
+  const previous = ASYNC_SCOPE;
+  const previousSignalKeys = SIGNAL_LIST_KEYS;
   try {
+    enterAsyncArm(armKey);
     return fn();
   } finally {
     ASYNC_SCOPE = previous;
+    SIGNAL_LIST_KEYS = previousSignalKeys;
   }
 }
-function ssrForItem(armKey, fn, item, index, scope, block) {
-  const previous = enterAsyncArm(armKey);
+function ssrForItem(armKey, fn, item, index, scope, block, mapped = false) {
+  const previous = ASYNC_SCOPE;
+  const previousSignalKeys = SIGNAL_LIST_KEYS;
   try {
+    enterAsyncArm(armKey, mapped);
     const html = index === void 0 ? fn(item, scope) : fn(item, index, scope);
     return block ? ssrBlock(html) : html;
   } finally {
     ASYNC_SCOPE = previous;
+    SIGNAL_LIST_KEYS = previousSignalKeys;
   }
 }
 function ssrPortal() {
@@ -1809,7 +2031,7 @@ function isAggregatedFormAttribute(tag, name) {
   if (tag === "input" && (name === "checked" || name === "defaultChecked")) return true;
   return tag === "select" && name === "multiple";
 }
-function ssrAttrs(sources, tag, namespace = "html", skipFormControls = false) {
+function ssrAttrs(sources, tag, namespace = "html", skipFormControls = false, readStyle) {
   const dev = process.env.NODE_ENV !== "production";
   namespace = resolveAttributeNamespace(namespace);
   const props = /* @__PURE__ */ new Map();
@@ -1860,7 +2082,12 @@ function ssrAttrs(sources, tag, namespace = "html", skipFormControls = false) {
       for (const { name: rawName, value } of props.values()) {
         if (rawName === "dangerouslySetInnerHTML" || skipFormControls && isAggregatedFormAttribute(tag, rawName))
           continue;
-        out2 += ssrAttrEntry(rawName, value, tag, namespace);
+        out2 += ssrAttrEntry(
+          rawName,
+          readStyle !== void 0 && rawName === "style" ? readStyle(value) : value,
+          tag,
+          namespace
+        );
       }
       return out2;
     }
@@ -1903,6 +2130,8 @@ function ssrAttrs(sources, tag, namespace = "html", skipFormControls = false) {
       }
     }
   }
+  const style = resolved.get("style");
+  if (readStyle !== void 0 && style !== void 0) style.value = readStyle(style.value);
   let out = "";
   const ordered = dev || needsWinningOrderSort ? [...resolved.values()] : resolved.values();
   if (needsWinningOrderSort) ordered.sort((a, b) => a.firstOrder - b.firstOrder);
@@ -1957,14 +2186,32 @@ function ssrClass(sources) {
   }
   return found ? ssrAttr("class", value) : "";
 }
-function ssrSnapshotSpread(obj) {
+function ssrSnapshotSpread(obj, controlSite, deferStyle = false) {
   if (obj == null) return null;
   const source = Object(obj);
   const snapshot = /* @__PURE__ */ Object.create(null);
   for (const key of Reflect.ownKeys(source)) {
     if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-    const value = source[key];
-    if (typeof key === "string") snapshot[key] = value;
+    let value = source[key];
+    if (typeof key !== "string") continue;
+    if (key === "style" && deferStyle) {
+      snapshot[key] = value;
+      continue;
+    }
+    if (controlSite !== void 0 && (key === "value" || key === "checked") && isWritableSignal(value)) {
+      value = ssrSignalControlValue(value, controlSite);
+    } else if (isSignalHandle(value)) value = readSignalBinding(value);
+    else if (key === "style" && value !== null && typeof value === "object") {
+      let style;
+      for (const name of Object.keys(value)) {
+        const current = value[name];
+        if (!isSignalHandle(current)) continue;
+        style ??= { ...value };
+        style[name] = readSignalBinding(current);
+      }
+      if (style !== void 0) value = style;
+    }
+    snapshot[key] = value;
   }
   return snapshot;
 }
@@ -2016,6 +2263,7 @@ function ssrInnerHtml(sources, renderChildren, definitelyHasChildren = false, ch
       }
     }
     const html = value.__html;
+    VT_SSR_HAS_RAW_HTML = true;
     return html == null ? "" : String(html);
   }
   return void 0;
@@ -2058,6 +2306,7 @@ function ssrSpreadContent(snapshot, scope) {
     }
     if (child != null) throw new Error((0, import_error_codes_server_generated.formatServerError)(5));
     const value = html.__html;
+    VT_SSR_HAS_RAW_HTML = true;
     return value == null ? "" : String(value);
   }
   return child === void 0 ? "" : ssrChildText(child, scope);
@@ -2087,24 +2336,48 @@ function ssrFormAuthoringDiagnostics(tag, sources) {
   return "";
 }
 function ssrValueAttr(v) {
+  v = unwrapSsrSignalControlValue(v);
   if (v == null || typeof v === "function" || typeof v === "symbol") return "";
   return ' value="' + escapeAttr(typeof v === "string" ? v : String(v)) + '"';
 }
 function ssrCheckedAttr(v) {
+  v = unwrapSsrSignalControlValue(v);
   return v == null || !v ? "" : " checked";
 }
 function ssrInputAttrs(sources) {
   const props = resolveFormControlSources(sources);
   if (process.env.NODE_ENV !== "production") {
     devValidateSsrFormProps("input", {
-      value: props.value,
-      defaultValue: props.defaultValue,
-      checked: props.checked,
-      defaultChecked: props.defaultChecked
+      value: unwrapSsrSignalControlValue(props.value),
+      defaultValue: unwrapSsrSignalControlValue(props.defaultValue),
+      checked: unwrapSsrSignalControlValue(props.checked),
+      defaultChecked: unwrapSsrSignalControlValue(props.defaultChecked)
     });
   }
   return ssrValueAttr(props.value ?? props.defaultValue) + ssrCheckedAttr(props.checked ?? props.defaultChecked);
 }
+function ssrSignalControlAttrs(sources) {
+  const props = resolveFormControlSources(sources);
+  const controls = [];
+  let ownerKey;
+  const record = (value, channel) => {
+    if (!isSsrSignalControlValue(value)) return;
+    const documentKey = value.owner.documentOwner.scopeKey;
+    if (ownerKey !== void 0 && ownerKey !== documentKey) {
+      throw new Error((0, import_error_codes_server_generated.formatServerError)(68));
+    }
+    ownerKey = documentKey;
+    controls.push([
+      value.binding.scope === "document" ? "" : value.owner.instanceKey,
+      value.binding.nodeKey,
+      channel
+    ]);
+  };
+  record(props.value, "value");
+  record(props.checked, "checked");
+  if (controls.length === 0) return "";
+  return " " + import_constants.SIGNAL_CONTROL_ATTR + '="' + escapeAttr(JSON.stringify([1, ownerKey, controls])) + '"';
+}
 function resolveFormControlSources(sources) {
   const resolved = {
     value: void 0,
@@ -2155,6 +2428,7 @@ function resolveFormControlSources(sources) {
   return resolved;
 }
 function ssrTextareaValue(v) {
+  v = unwrapSsrSignalControlValue(v);
   if (v == null) return "";
   const s = escapeHtml(typeof v === "string" ? v : String(v));
   return s.charCodeAt(0) === 10 ? "\n" + s : s;
@@ -2163,8 +2437,8 @@ function ssrTextareaValueSources(sources) {
   const props = resolveFormControlSources(sources);
   if (process.env.NODE_ENV !== "production") {
     devValidateSsrFormProps("textarea", {
-      value: props.value,
-      defaultValue: props.defaultValue
+      value: unwrapSsrSignalControlValue(props.value),
+      defaultValue: unwrapSsrSignalControlValue(props.defaultValue)
     });
   }
   const value = props.value ?? props.defaultValue;
@@ -2176,6 +2450,8 @@ function ssrSelectAttrs(sources) {
 }
 const SELECT_STACK = [];
 function ssrSelectScope(value, defaultValue, multiple, children) {
+  value = unwrapSsrSignalControlValue(value);
+  defaultValue = unwrapSsrSignalControlValue(defaultValue);
   if (process.env.NODE_ENV !== "production") {
     devValidateSsrFormProps("select", { value, defaultValue, multiple });
   }
@@ -2364,6 +2640,28 @@ function snapshotSet(set) {
 function snapshotList(list) {
   return list == null || list.length === 0 ? EMPTY_SNAPSHOT_LIST : list.slice();
 }
+function snapshotStyles(css) {
+  if (css === null || css.size === 0) return snapshotMap(css);
+  return css.replay ??= snapshotMap(css);
+}
+const EMPTY_HEAD_REPLAY = {
+  hints: EMPTY_SNAPSHOT_SET,
+  sheets: null,
+  hintHtml: null,
+  preloadXfer: null
+};
+function snapshotHeadCollections(head) {
+  if (head === null) return null;
+  if (head.replay !== null) return head.replay;
+  if (head.hints.size === 0 && head.sheets === null && head.hintHtml === null && head.preloadXfer === null)
+    return EMPTY_HEAD_REPLAY;
+  return head.replay = {
+    hints: snapshotSet(head.hints),
+    sheets: snapshotMap(head.sheets),
+    hintHtml: snapshotMap(head.hintHtml),
+    preloadXfer: snapshotMap(head.preloadXfer)
+  };
+}
 function snapshotVtStack() {
   return VT_SSR_STACK.length === 0 ? EMPTY_SNAPSHOT_LIST : VT_SSR_STACK.map((candidate) => ({ candidate, consumed: candidate.consumed }));
 }
@@ -2381,6 +2679,7 @@ function restoreScopedCounts(snapshot) {
 function captureComponentReplayState(scope, frame) {
   const css = CSS;
   const head = HEAD;
+  const headCollections = snapshotHeadCollections(head);
   const serial = SERIAL;
   const susp = SUSPENDED;
   const jobs = DEFERRED;
@@ -2393,15 +2692,15 @@ function captureComponentReplayState(scope, frame) {
     nativeMixed: NATIVE_SERVER_READS?.mixed ?? false,
     nativeFailures: NATIVE_SERVER_FAILURES,
     css,
-    cssEntries: snapshotMap(css),
+    cssEntries: snapshotStyles(css),
     head,
     headLength: head !== null ? head.html.length : 0,
     headCharsetLength: head !== null ? head.charset.length : 0,
     headViewportLength: head !== null ? head.viewport.length : 0,
-    headHints: snapshotSet(head?.hints),
-    headSheets: snapshotMap(head?.sheets),
-    headHintHtml: snapshotMap(head?.hintHtml),
-    headXfer: snapshotMap(head?.preloadXfer),
+    headHints: headCollections?.hints ?? null,
+    headSheets: headCollections?.sheets ?? null,
+    headHintHtml: headCollections?.hintHtml ?? null,
+    headXfer: headCollections?.preloadXfer ?? null,
     serial,
     serialLength: serial !== null ? serial.length : 0,
     susp,
@@ -2437,10 +2736,12 @@ function rewindComponentReplayState(snapshot, scope, frame) {
   NATIVE_SERVER_FAILURES = snapshot.nativeFailures;
   ASYNC_SCOPE = snapshot.asyncScope;
   if (snapshot.css !== null && snapshot.cssEntries !== null) {
+    snapshot.css.replay = null;
     snapshot.css.clear();
     for (const [hash, sheet] of snapshot.cssEntries) snapshot.css.set(hash, sheet);
   }
   if (snapshot.head !== null && snapshot.headHints !== null) {
+    snapshot.head.replay = null;
     snapshot.head.html = snapshot.head.html.slice(0, snapshot.headLength);
     snapshot.head.charset = snapshot.head.charset.slice(0, snapshot.headCharsetLength);
     snapshot.head.viewport = snapshot.head.viewport.slice(0, snapshot.headViewportLength);
@@ -2509,10 +2810,96 @@ function replayUpdatedComponentBody(comp, props, scope, frame, hp, snapshot, war
     hp.occ = null;
     rewindComponentReplayState(snapshot, scope, frame);
     ACTIVE_PU_WARM_PLANS.length = warmPlanCheckpoint;
-    out = comp(props ?? {}, scope, void 0);
+    out = invokeServerSignalComponent(comp, props, scope, serverSignalOwner(frame));
   } while (hp.update);
   return out;
 }
+function signalIdentityKey(value) {
+  if (value === null) return "null";
+  const kind = typeof value;
+  return kind === "string" || kind === "number" || kind === "bigint" || kind === "boolean" ? kind.charCodeAt(0).toString(36) + ":" + String(value) : kind === "undefined" ? "u:" : "o:" + String(value);
+}
+function serverStructuralSignalInstanceKey(invocationSite, key) {
+  return resolveServerSignalInstanceKey(SIGNAL_COMPONENT_INSTANCE_KEY) + JSON.stringify([
+    invocationSite ?? "legacy",
+    SIGNAL_LIST_KEYS,
+    key != null ? signalIdentityKey(key) : ""
+  ]);
+}
+function resolveServerSignalInstanceKey(identity) {
+  if (typeof identity === "string") return identity;
+  if (identity.signalInstanceKey !== void 0) return identity.signalInstanceKey;
+  const pending = [];
+  while (typeof identity !== "string") {
+    if (identity.signalInstanceKey !== void 0) {
+      identity = identity.signalInstanceKey;
+      break;
+    }
+    pending.push(identity);
+    identity = identity.signalParentKey;
+  }
+  for (let index = pending.length - 1; index >= 0; index--) {
+    const frame = pending[index];
+    identity += JSON.stringify([
+      frame.signalInvocationSite ?? "legacy",
+      frame.signalListKeys,
+      frame.signalKey
+    ]);
+    frame.signalInstanceKey = identity;
+  }
+  return identity;
+}
+function serverSignalOwner(_frame) {
+  const resolved = RESOLVED;
+  if (resolved !== null && SERVER_SIGNAL_BINDINGS_ENABLED && resolved.signalOwner === void 0) {
+    ensureServerSignalOwner();
+  }
+  if (resolved === null || resolved.signalOwner === void 0 || resolved.signalInstances === void 0)
+    return;
+  const instanceKey = resolveServerSignalInstanceKey(SIGNAL_COMPONENT_INSTANCE_KEY) || JSON.stringify([SIGNAL_INSTANCE_PREFIX, "root"]);
+  let owner = resolved.signalInstances.get(instanceKey);
+  if (owner === void 0) {
+    owner = Object.freeze({
+      scopeKey: resolved.signalOwner.scopeKey,
+      documentOwner: resolved.signalOwner,
+      instanceOwner: Object.freeze({}),
+      instanceKey
+    });
+    resolved.signalInstances.set(instanceKey, owner);
+  }
+  return owner;
+}
+function ensureServerSignalOwner() {
+  const resolved = RESOLVED;
+  if (resolved.signalOwner !== void 0 && resolved.signalInstances !== void 0) return;
+  const ambient = (0, import_owner_context.currentSignalOwner)();
+  resolved.signalOwner = ambient === null ? Object.freeze({ scopeKey: "octane:document" }) : isRendererSignalOwner(ambient) ? ambient.documentOwner : ambient;
+  resolved.ownedSignalOwner = ambient === null;
+  resolved.signalInstances = /* @__PURE__ */ new Map();
+}
+function invokeServerSignalComponent(comp, props, scope, owner) {
+  if (owner === void 0) return comp(props ?? {}, scope, void 0);
+  const invoke = () => {
+    const previous = SERVER_SIGNAL_OWNER_ACTIVE;
+    SERVER_SIGNAL_OWNER_ACTIVE = true;
+    try {
+      return comp(props ?? {}, scope, void 0);
+    } finally {
+      SERVER_SIGNAL_OWNER_ACTIVE = previous;
+    }
+  };
+  const injection = RESOLVED?.resourceOptions?.injection;
+  const observe = injection?.observeSignalAttempt;
+  return (0, import_owner_context.runWithSignalOwner)(
+    owner,
+    () => observe === void 0 ? invoke() : (0, import_query_attempt_observer.runWithServerSignalQueryAttemptObserver)(
+      owner,
+      (attempt) => observe(attempt, (0, import_owner_context.captureSignalOwner)(owner)),
+      injection.createSignalAttemptObservations,
+      invoke
+    )
+  );
+}
 function invokeComponentBody(comp, props, scope, frame) {
   const prevHP = HOOK_PASS;
   const hp = { hooks: null, occ: null, update: false };
@@ -2521,7 +2908,7 @@ function invokeComponentBody(comp, props, scope, frame) {
   HOOK_PASS = hp;
   try {
     ACTIVE_PU_WARM_PLANS.length = warmPlanCheckpoint;
-    let out = comp(props ?? {}, scope, void 0);
+    let out = invokeServerSignalComponent(comp, props, scope, serverSignalOwner(frame));
     if (hp.update) {
       out = replayUpdatedComponentBody(comp, props, scope, frame, hp, snapshot, warmPlanCheckpoint);
     }
@@ -2533,14 +2920,25 @@ function invokeComponentBody(comp, props, scope, frame) {
     HOOK_PASS = prevHP;
   }
 }
-function renderComponentFramed(comp, props, parent, frame, inherit) {
-  const prevScope = CURRENT_SCOPE;
-  const prevFrame = FRAME;
-  const prevComp = CURRENT_COMP;
-  const prevProps = CURRENT_PROPS;
-  const prevParent = CURRENT_PARENT_SCOPE;
-  const prevAsyncScope = ASYNC_SCOPE;
-  const parentScope = parent ?? prevScope;
+function captureServerComponentContext() {
+  return {
+    scope: CURRENT_SCOPE,
+    frame: FRAME,
+    comp: CURRENT_COMP,
+    props: CURRENT_PROPS,
+    parent: CURRENT_PARENT_SCOPE,
+    asyncScope: ASYNC_SCOPE,
+    signalInstance: SIGNAL_COMPONENT_INSTANCE_KEY,
+    signalOwnerActive: SERVER_SIGNAL_OWNER_ACTIVE,
+    signalControl: SIGNAL_CONTROL_SITE,
+    signalListKeys: SIGNAL_LIST_KEYS,
+    owner: void 0,
+    previousOwner: void 0
+  };
+}
+function renderComponentFramed(comp, props, parent, frame, inherit, instanceKey, bindingMarker) {
+  const previous = captureServerComponentContext();
+  const parentScope = parent ?? previous.scope;
   const scope = ssrScope(parentScope);
   CURRENT_SCOPE = scope;
   FRAME = frame;
@@ -2548,6 +2946,9 @@ function renderComponentFramed(comp, props, parent, frame, inherit) {
   CURRENT_PROPS = props;
   CURRENT_PARENT_SCOPE = parentScope;
   ASYNC_SCOPE = frame.asyncScope;
+  if (instanceKey !== void 0) SIGNAL_COMPONENT_INSTANCE_KEY = instanceKey;
+  SIGNAL_CONTROL_SITE = "";
+  SIGNAL_LIST_KEYS = EMPTY_SIGNAL_LIST_KEYS;
   const nativeToken = NATIVE_READ_COLLECTOR === null ? -1 : beginActiveNativeReadScope(scope);
   let nativeCompleted = false;
   try {
@@ -2559,7 +2960,20 @@ function renderComponentFramed(comp, props, parent, frame, inherit) {
     HOOK_PASS = hookPass;
     try {
       ACTIVE_PU_WARM_PLANS.length = warmPlanCheckpoint;
-      out = comp(props ?? {}, scope, void 0);
+      previous.owner = serverSignalOwner(frame);
+      if (previous.owner === void 0) {
+        out = comp(props ?? {}, scope, void 0);
+      } else if (RESOLVED?.resourceOptions?.injection?.observeSignalAttempt !== void 0 || (previous.previousOwner = (0, import_owner_context.enterSynchronousSignalOwner)(previous.owner)) === void 0) {
+        out = invokeServerSignalComponent(comp, props, scope, previous.owner);
+      } else {
+        try {
+          SERVER_SIGNAL_OWNER_ACTIVE = true;
+          out = comp(props ?? {}, scope, void 0);
+        } finally {
+          SERVER_SIGNAL_OWNER_ACTIVE = previous.signalOwnerActive;
+          (0, import_owner_context.restoreSynchronousSignalOwner)(previous.previousOwner);
+        }
+      }
       if (hookPass.update) {
         out = replayUpdatedComponentBody(
           comp,
@@ -2577,22 +2991,29 @@ function renderComponentFramed(comp, props, parent, frame, inherit) {
     }
     const inner = serverComponentOutput(out, scope);
     nativeCompleted = true;
-    return MARKERS && !inherit ? import_constants.BLOCK_OPEN + inner + import_constants.BLOCK_CLOSE : inner;
+    if (!MARKERS || inherit) return inner;
+    const marker = bindingMarker ?? (out !== null && typeof out === "object" ? out[BINDING_HTML_ROOT] : void 0);
+    return (marker === void 0 ? import_constants.BLOCK_OPEN : "<!--" + marker + "-->") + inner + import_constants.BLOCK_CLOSE;
   } catch (error) {
     throw normalizeThrownServerThenable(error);
   } finally {
     if (nativeToken >= 0) NATIVE_READ_COLLECTOR.endScope(nativeToken, nativeCompleted);
-    CURRENT_SCOPE = prevScope;
-    FRAME = prevFrame;
-    CURRENT_COMP = prevComp;
-    CURRENT_PROPS = prevProps;
-    CURRENT_PARENT_SCOPE = prevParent;
-    ASYNC_SCOPE = prevAsyncScope;
-  }
-}
-function ssrComponent(parent, comp, props, inherit, key, identityScoped) {
+    CURRENT_SCOPE = previous.scope;
+    FRAME = previous.frame;
+    CURRENT_COMP = previous.comp;
+    CURRENT_PROPS = previous.props;
+    CURRENT_PARENT_SCOPE = previous.parent;
+    ASYNC_SCOPE = previous.asyncScope;
+    SIGNAL_COMPONENT_INSTANCE_KEY = previous.signalInstance;
+    SERVER_SIGNAL_OWNER_ACTIVE = previous.signalOwnerActive;
+    SIGNAL_CONTROL_SITE = previous.signalControl;
+    SIGNAL_LIST_KEYS = previous.signalListKeys;
+  }
+}
+function ssrComponent(parent, comp, props, inherit, key, identityScoped, invocationSite, bindingMarker) {
   const activity = comp === Activity;
   if (activity && key === void 0) key = props?.key;
+  let signalInstanceKey = SERVER_SIGNAL_BINDINGS_ENABLED ? serverStructuralSignalInstanceKey(invocationSite, key) : void 0;
   const previousIdentityScope = ASYNC_SCOPE;
   if (identityScoped !== true) {
     ASYNC_SCOPE = previousIdentityScope + "|@component-type:" + asyncIdentityKey(comp, false);
@@ -2647,17 +3068,41 @@ function ssrComponent(parent, comp, props, inherit, key, identityScoped) {
       asyncScope: ASYNC_SCOPE,
       namespace: explicitNamespace ?? pf.namespace
     };
-    return renderComponentFramed(comp, props, parent, frame, inherit);
+    if (signalInstanceKey === void 0 && SERVER_SIGNAL_BINDINGS_POTENTIAL) {
+      frame.signalParentKey = SIGNAL_COMPONENT_INSTANCE_KEY;
+      frame.signalInvocationSite = invocationSite;
+      frame.signalListKeys = SIGNAL_LIST_KEYS;
+      frame.signalKey = key != null ? signalIdentityKey(key) : "";
+      signalInstanceKey = frame;
+    }
+    return renderComponentFramed(
+      comp,
+      props,
+      parent,
+      frame,
+      inherit,
+      signalInstanceKey,
+      bindingMarker
+    );
   } finally {
     if (identityScoped !== true) ASYNC_SCOPE = previousIdentityScope;
   }
 }
 let NEXT_COMPONENT_NAMESPACE = null;
-function ssrComponentNS(parent, comp, props, namespace, inherit, key) {
+function ssrComponentNS(parent, comp, props, namespace, inherit, key, invocationSite, bindingMarker) {
   const previous = NEXT_COMPONENT_NAMESPACE;
   NEXT_COMPONENT_NAMESPACE = namespace;
   try {
-    return ssrComponent(parent, comp, props, inherit, key);
+    return ssrComponent(
+      parent,
+      comp,
+      props,
+      inherit,
+      key,
+      void 0,
+      invocationSite,
+      bindingMarker
+    );
   } finally {
     NEXT_COMPONENT_NAMESPACE = previous;
   }
@@ -2682,6 +3127,50 @@ function streamTokenForPendingHtml(html) {
   const stream = STREAM;
   return stream !== null && html.includes(import_constants.STREAM_BOUNDARY_ATTR + '="' + stream.token + "-") ? stream.token : null;
 }
+function ssrIndependentHydrateSidecar(props, instanceId) {
+  const independent = props.__independent;
+  if (independent === void 0) return "";
+  const registry = RESOLVED?.resourceOptions?.independentHydration;
+  if (registry === void 0) {
+    throw new Error((0, import_error_codes_server_generated.formatServerError)(69));
+  }
+  const build = registry.resolve(independent.manifestTemplate.boundaryId);
+  if (build === void 0) {
+    throw new Error((0, import_error_codes_server_generated.formatServerError)(70));
+  }
+  const manifest = (0, import_independent_hydration_protocol.createIndependentHydrateManifest)(
+    independent.manifestTemplate,
+    independent.captures,
+    instanceId,
+    registry.buildId,
+    build
+  );
+  return '<script type="application/json" ' + import_constants.INDEPENDENT_HYDRATE_MANIFEST_ATTR + NONCE_ATTR + ">" + (0, import_independent_hydration_protocol.serializeIndependentHydrateManifest)(manifest) + "</script>";
+}
+function withServerIndependentIdentity(prefix, idSeed, render) {
+  const previous = SIGNAL_INSTANCE_PREFIX;
+  const previousInstance = SIGNAL_COMPONENT_INSTANCE_KEY;
+  const previousControl = SIGNAL_CONTROL_SITE;
+  const previousListKeys = SIGNAL_LIST_KEYS;
+  const previousIdPrefix = ID_PREFIX;
+  const previousIdCounter = ID_COUNTER;
+  SIGNAL_INSTANCE_PREFIX = prefix;
+  SIGNAL_COMPONENT_INSTANCE_KEY = JSON.stringify([prefix, "root"]);
+  SIGNAL_CONTROL_SITE = "";
+  SIGNAL_LIST_KEYS = EMPTY_SIGNAL_LIST_KEYS;
+  ID_PREFIX = prefix + "-";
+  ID_COUNTER = idSeed;
+  try {
+    return render();
+  } finally {
+    SIGNAL_INSTANCE_PREFIX = previous;
+    SIGNAL_COMPONENT_INSTANCE_KEY = previousInstance;
+    SIGNAL_CONTROL_SITE = previousControl;
+    SIGNAL_LIST_KEYS = previousListKeys;
+    ID_PREFIX = previousIdPrefix;
+    ID_COUNTER = previousIdCounter + ID_COUNTER - idSeed;
+  }
+}
 function ssrHydrateAttrs(id, when, idCount, permanentStaticAncestor = false, streamToken = null) {
   const direct = typeof when !== "function" && when !== null ? when : null;
   let attrs = ssrAttr(import_constants.HYDRATE_ID_ATTR, id, "div") + ssrAttr(
@@ -2739,7 +3228,8 @@ const PermanentStaticHydrate = /* @__PURE__ */ (0, import_component_flags.markCo
   "PermanentStaticHydrate"
 );
 const hydrate = /* @__PURE__ */ (0, import_component_flags.markComponentFlags)(
-  function Hydrate(props, scope) {
+  function Hydrate(rawProps, scope) {
+    const props = rawProps;
     const id = useId();
     return ssrHtml(
       withSsrElementContext(
@@ -2757,7 +3247,7 @@ const hydrate = /* @__PURE__ */ (0, import_component_flags.markComponentFlags)(
           let children;
           let nativeReads = null;
           try {
-            children = ssrBlock(
+            const renderChildren = () => ssrBlock(
               ssrTry(
                 scope,
                 "jsx-hydrate",
@@ -2767,6 +3257,11 @@ const hydrate = /* @__PURE__ */ (0, import_component_flags.markComponentFlags)(
                 "html"
               )
             );
+            children = props.__independent === void 0 ? renderChildren() : withServerIndependentIdentity(
+              id,
+              props.__independent.manifestTemplate.idSeed,
+              renderChildren
+            );
           } finally {
             nativeReads = finishNativeSeedCapture(nativeCapture, previousNativeReads, false);
           }
@@ -2784,7 +3279,8 @@ const hydrate = /* @__PURE__ */ (0, import_component_flags.markComponentFlags)(
           const seedSidecar = seedJson === null || seedJson === "[]" ? "" : '<script type="application/json" ' + import_constants.HYDRATE_SEED_ATTR + NONCE_ATTR + ">" + seedJson + "</script>";
           const nativeSeeds = permanentStaticAncestor ? void 0 : NATIVE_READ_COLLECTOR?.serialize(nativeReads);
           const nativeSidecar = nativeSeeds === void 0 ? "" : serializeNativeSignalSeeds(nativeSeeds, NONCE_ATTR);
-          return "<div" + attrs + ">" + children + seedSidecar + nativeSidecar + "</div>";
+          const independentSidecar = permanentStaticAncestor ? "" : ssrIndependentHydrateSidecar(props, id);
+          return "<div" + attrs + (props.__independent === void 0 ? "" : " " + import_constants.HYDRATE_INDEPENDENT_ATTR + '=""') + ">" + children + seedSidecar + nativeSidecar + independentSidecar + "</div>";
         }),
         "html"
       )
@@ -2819,43 +3315,14 @@ const Suspense = /* @__PURE__ */ (0, import_component_flags.markComponentFlags)(
 );
 let VT_SSR_TRY_SEQ = 0;
 let VT_SSR_HAS_CANDIDATES = false;
+let VT_SSR_HAS_RAW_HTML = false;
 const VT_SSR_STACK = [];
 function vtSsrResolve(props, kind) {
-  let v = props[kind];
-  if (v == null) v = props.default;
-  if (v == null) return "auto";
-  if (typeof v === "string") return v;
-  return v.default != null ? v.default : "auto";
-}
-function vtSsrFirstVisibleOpenTag(html) {
-  const n = html.length;
-  let i = 0;
-  while (i < n) {
-    const lt = html.indexOf("<", i);
-    if (lt === -1) return -1;
-    if (html.startsWith("<!--", lt)) {
-      const close = html.indexOf("-->", lt + 4);
-      if (close === -1) return -1;
-      i = close + 3;
-      continue;
-    }
-    const c = html.charCodeAt(lt + 1);
-    if (!(c >= 65 && c <= 90 || c >= 97 && c <= 122)) {
-      i = lt + 1;
-      continue;
-    }
-    let e = lt + 1;
-    while (e < n && /[a-zA-Z0-9-]/.test(html[e])) e++;
-    if (e - lt === 9 && html.slice(lt + 1, e).toLowerCase() === "template") {
-      const j = vtSsrOpenTagEnd(html, e);
-      if (j === -1) return -1;
-      const close = html.indexOf("</template>", j);
-      i = close === -1 ? j + 1 : close + 11;
-      continue;
-    }
-    return lt;
-  }
-  return -1;
+  const value = props[kind];
+  const resolved = typeof value === "string" ? value : value?.default;
+  if (resolved != null) return resolved;
+  const fallback = props.default;
+  return (typeof fallback === "string" ? fallback : fallback?.default) ?? "auto";
 }
 function vtSsrOpenTagEnd(html, from) {
   let quote = 0;
@@ -2871,45 +3338,297 @@ function vtSsrOpenTagEnd(html, from) {
   }
   return -1;
 }
-function vtSsrAnnotate(html, attrs) {
-  const start = vtSsrFirstVisibleOpenTag(html);
-  if (start === -1) return html;
-  const end = vtSsrOpenTagEnd(html, start + 1);
-  if (end === -1) return html;
-  const open = html.slice(start, end);
+function vtSsrMapTags(html, visit, visitText, visitAllElements = false, rootOnly = false) {
+  let depth = 0;
+  let from = 0;
+  let copied = 0;
+  let out = "";
+  while (from < html.length) {
+    const start = html.indexOf("<", from);
+    if (visitText && (!rootOnly || depth === 0))
+      visitText(html.slice(from, start < 0 ? html.length : start), depth);
+    if (start < 0) break;
+    if (html.startsWith("<!--", start)) {
+      const end2 = html.indexOf("-->", start + 4);
+      if (end2 < 0) break;
+      from = end2 + 3;
+      continue;
+    }
+    const closing = html[start + 1] === "/";
+    const nameStart = start + (closing ? 2 : 1);
+    const initial = html.charCodeAt(nameStart);
+    if (!(initial >= 65 && initial <= 90 || initial >= 97 && initial <= 122)) {
+      from = start + 1;
+      continue;
+    }
+    let nameEnd = nameStart + 1;
+    while (nameEnd < html.length) {
+      const code = html.charCodeAt(nameEnd);
+      if (!(code >= 65 && code <= 90 || code >= 97 && code <= 122 || code >= 48 && code <= 57 || code === 58 || code === 45))
+        break;
+      nameEnd++;
+    }
+    const tag = html.slice(nameStart, nameEnd).toLowerCase();
+    const end = vtSsrOpenTagEnd(html, nameStart + tag.length);
+    if (end < 0) break;
+    from = end + 1;
+    if (closing) {
+      depth = Math.max(0, depth - 1);
+      continue;
+    }
+    const inert = tag === "template" || tag === "script" || tag === "style" || tag === "title";
+    const isVoid = import_constants.VOID_ELEMENTS.has(tag) || html[end - 1] === "/";
+    if ((!rootOnly || depth === 0) && (visitAllElements || !inert && tag !== "link" && tag !== "meta" && tag !== "base" && tag !== "option")) {
+      const open = html.slice(start, end + 1);
+      const next = visit(open, depth, tag);
+      if (next !== open) {
+        out += html.slice(copied, start) + next;
+        copied = end + 1;
+      }
+    }
+    if (inert) {
+      const close = new RegExp("</" + tag + "[\\t\\n\\f\\r ]*>", "gi");
+      close.lastIndex = from;
+      from = close.exec(html) === null ? html.length : close.lastIndex;
+      continue;
+    }
+    if (!isVoid) depth++;
+  }
+  return copied === 0 ? html : out + html.slice(copied);
+}
+function vtSsrInject(open, attrs) {
+  let existing;
+  if (/vt-/i.test(open)) {
+    existing = /* @__PURE__ */ new Set();
+    vtSsrAttributes(open, (name) => {
+      existing.add(name);
+    });
+  }
   let inject = "";
-  for (let index = 0; index < attrs.length; index++) {
-    if (open.indexOf(attrs[index][0] + '="') === -1) {
-      inject += " " + attrs[index][0] + '="' + escapeAttr(attrs[index][1]) + '"';
+  for (const [name, value] of attrs) {
+    if (!existing?.has(name)) inject += " " + name + '="' + escapeAttr(value) + '"';
+  }
+  if (inject === "") return open;
+  const insertion = open[open.length - 2] === "/" ? open.length - 2 : open.length - 1;
+  return open.slice(0, insertion) + inject + open.slice(insertion);
+}
+function vtSsrAnnotate(html, attrs) {
+  let index = 0;
+  return vtSsrMapTags(
+    html,
+    (open, depth) => {
+      if (depth !== 0) return open;
+      const suffix = index++;
+      return vtSsrInject(
+        open,
+        suffix === 0 ? attrs : attrs.map(([name, value]) => [name, name === "vt-name" ? value + "-" + suffix : value])
+      );
+    },
+    void 0,
+    false,
+    true
+  );
+}
+function vtSsrSpace(code) {
+  return code === 32 || code === 9 || code === 10 || code === 12 || code === 13;
+}
+function vtSsrAttributes(open, visit) {
+  let i = 1;
+  while (i < open.length && !vtSsrSpace(open.charCodeAt(i)) && open[i] !== "/" && open[i] !== ">")
+    i++;
+  while (i < open.length) {
+    while (vtSsrSpace(open.charCodeAt(i))) i++;
+    if (i >= open.length || open[i] === ">" || open[i] === "/") break;
+    const start = i;
+    while (i < open.length && !vtSsrSpace(open.charCodeAt(i)) && open[i] !== "=" && open[i] !== "/" && open[i] !== ">")
+      i++;
+    const nameEnd = i;
+    const name = open.slice(start, i).toLowerCase();
+    while (vtSsrSpace(open.charCodeAt(i))) i++;
+    if (open[i] !== "=") {
+      if (visit(name, nameEnd, nameEnd, "", start, nameEnd)) return;
+      continue;
     }
+    i++;
+    while (vtSsrSpace(open.charCodeAt(i))) i++;
+    const quote = open[i] === '"' || open[i] === "'" ? open[i++] : "";
+    const valueStart = i;
+    if (quote) {
+      const closing = open.indexOf(quote, i);
+      i = closing < 0 ? open.length : closing;
+    } else {
+      while (i < open.length && !vtSsrSpace(open.charCodeAt(i)) && open[i] !== ">") i++;
+    }
+    const valueEnd = i;
+    if (quote) i++;
+    if (visit(name, valueStart, valueEnd, quote, start, nameEnd)) return;
   }
-  if (inject === "") return html;
-  const insertion = html[end - 1] === "/" ? end - 1 : end;
-  return html.slice(0, insertion) + inject + html.slice(insertion);
+}
+function vtSsrAttribute(open, wanted) {
+  let result = null;
+  vtSsrAttributes(open, (name, start, end, quote, nameStart, nameEnd) => {
+    if (name !== wanted) return;
+    result = { start, end, quote, nameStart, nameEnd };
+    return true;
+  });
+  return result;
+}
+function vtSsrAnnotateScope(html) {
+  let roots = 0;
+  let sentinel = false;
+  let text = false;
+  vtSsrMapTags(
+    html,
+    (open, depth, tag) => {
+      if (depth === 0) {
+        if (tag === "template" && vtSsrAttribute(open, import_constants.STREAM_BOUNDARY_ATTR) !== null)
+          sentinel = true;
+        else roots++;
+      }
+      return open;
+    },
+    (value, depth) => {
+      if (depth === 0 && /\S/.test(value)) text = true;
+    },
+    true,
+    true
+  );
+  const valid = roots === 1 && !sentinel && !text;
+  if (valid)
+    injectStyle(
+      "octane-view-transition-scope",
+      '[vt-scope="element"]{view-transition-scope:all!important}'
+    );
+  return vtSsrMapTags(
+    html,
+    (open) => vtSsrInject(open, [["vt-scope", valid ? "element" : "none"]]),
+    void 0,
+    true,
+    true
+  );
 }
 function vtSsrClaimArm(html, kind) {
   if (!VT_SSR_HAS_CANDIDATES) return html;
-  const start = vtSsrFirstVisibleOpenTag(html);
-  if (start === -1) return html;
-  const end = vtSsrOpenTagEnd(html, start + 1);
-  if (end === -1) return html;
-  const marker = " vt-" + kind + '-x="';
-  const offset = html.slice(start, end).indexOf(marker);
-  if (offset === -1) return html;
-  const insertion = start + offset;
-  return html.slice(0, insertion) + " vt-" + kind + '="' + html.slice(insertion + marker.length);
-}
-function vtSsrStrip(html) {
-  if (html.indexOf(" vt-e") === -1) return html;
-  return html.replace(/ vt-(?:enter|exit)-x="[^"]*"/g, "");
+  const active = [];
+  const eventName = "vt-" + kind;
+  const candidateName = eventName + "-x";
+  const relayName = "vt-parent-" + kind + "-x";
+  return vtSsrMapTags(html, (open, depth) => {
+    let candidate;
+    let candidateEnd = -1;
+    let event;
+    let eventStart = Infinity;
+    let relay;
+    let relayEnd = -1;
+    if (/vt-/i.test(open))
+      vtSsrAttributes(open, (name, start, end, _quote, nameStart, nameEnd) => {
+        if (name === candidateName && candidate === void 0) {
+          candidate = open.slice(start, end);
+          candidateEnd = nameEnd;
+        } else if (name === eventName && event === void 0) {
+          event = open.slice(start, end);
+          eventStart = nameStart;
+        } else if (name === relayName && relay === void 0) {
+          relay = open.slice(start, end);
+          relayEnd = nameEnd;
+        }
+      });
+    let claimEnd = -1;
+    if (depth === 0 && candidate !== void 0 && candidate !== "none") {
+      claimEnd = candidateEnd;
+      if (candidateEnd < eventStart) event = candidate;
+    }
+    const parentActive = depth > 0 && active[depth - 1];
+    if (parentActive && relay !== void 0 && relay !== "none" && relay !== "auto") {
+      claimEnd = relayEnd;
+    }
+    active[depth] = event !== void 0 && event !== "none" || parentActive && (relay === void 0 || relay !== "none");
+    return claimEnd < 0 ? open : open.slice(0, claimEnd - 2) + open.slice(claimEnd);
+  });
+}
+const VT_SSR_STRIP = / vt-(?:parent-)?(?:enter|exit)-x="[^"]*"(?=[^<>"]*(?:"[^"]*"[^<>"]*)*>)/gi;
+const VT_SSR_OPAQUE = /<!--|<(script|style|title|template)(?=[\t\n\f\r />])/gi;
+const VT_SSR_CANDIDATE = /vt-(?:parent-)?(?:enter|exit)-x/i;
+function vtSsrStrip(html, rawHtml) {
+  if (!rawHtml) {
+    let lower = html.indexOf('-x="');
+    let upper = html.indexOf('-X="');
+    if (lower < 0 && upper < 0) return html;
+    const advance = (from2) => {
+      if (lower >= 0 && lower < from2) lower = html.indexOf('-x="', from2);
+      if (upper >= 0 && upper < from2) upper = html.indexOf('-X="', from2);
+      return lower < 0 ? upper : upper < 0 ? lower : Math.min(lower, upper);
+    };
+    let candidate = advance(0);
+    let from = 0;
+    let copied = 0;
+    let out = "";
+    VT_SSR_OPAQUE.lastIndex = 0;
+    let opaque;
+    while ((opaque = VT_SSR_OPAQUE.exec(html)) !== null) {
+      const start = opaque.index;
+      const attr = html.slice(from, start).lastIndexOf('="');
+      if (attr >= 0 && html.indexOf('"', from + attr + 2) > start) {
+        rawHtml = true;
+        break;
+      }
+      if (candidate < start) {
+        const part = html.slice(from, start);
+        const next = part.replace(VT_SSR_STRIP, "");
+        if (next !== part) {
+          out += html.slice(copied, from) + next;
+          copied = start;
+        }
+        candidate = advance(start);
+        if (candidate < 0) return copied === 0 ? html : out + html.slice(copied);
+      }
+      const tag = opaque[1];
+      let end;
+      if (tag === void 0) {
+        const close = html.indexOf("-->", start + 4);
+        end = close < 0 ? html.length : close + 3;
+      } else {
+        const openingEnd = vtSsrOpenTagEnd(html, start + tag.length + 1) + 1;
+        const close = html.indexOf("</" + tag + ">", openingEnd);
+        if (close >= 0) end = close + tag.length + 3;
+        else {
+          const closing = new RegExp("</" + tag + "[\\t\\n\\f\\r ]*>", "gi");
+          closing.lastIndex = openingEnd;
+          end = closing.exec(html) === null ? html.length : closing.lastIndex;
+        }
+      }
+      if (candidate < end) {
+        candidate = advance(end);
+        if (candidate < 0) return copied === 0 ? html : out + html.slice(copied);
+      }
+      from = VT_SSR_OPAQUE.lastIndex = end;
+    }
+    if (!rawHtml)
+      return out + html.slice(copied, from) + html.slice(from).replace(VT_SSR_STRIP, "");
+  }
+  if (!VT_SSR_CANDIDATE.test(html)) return html;
+  return vtSsrMapTags(html, (open) => {
+    if (!VT_SSR_CANDIDATE.test(open)) return open;
+    let out = "";
+    let copied = 0;
+    vtSsrAttributes(open, (name, _start, end, quote, nameStart) => {
+      if (name === "vt-enter-x" || name === "vt-exit-x" || name === "vt-parent-enter-x" || name === "vt-parent-exit-x") {
+        const start = vtSsrSpace(open.charCodeAt(nameStart - 1)) ? nameStart - 1 : nameStart;
+        out += open.slice(copied, start);
+        copied = end + (quote ? 1 : 0);
+      }
+    });
+    return copied === 0 ? open : out + open.slice(copied);
+  });
 }
 const ViewTransition = /* @__PURE__ */ (0, import_component_flags.markComponentFlags)(
   function ViewTransition2(props, scope) {
     VT_SSR_HAS_CANDIDATES = true;
-    const explicit = typeof props.name === "string";
+    const explicit = typeof props.name === "string" && props.name !== "auto";
     const frame = FRAME;
     const cand = {
-      name: explicit ? props.name : "_O" + (frame !== null ? framePath(frame).replace(/\//g, "-") : "") + "_",
+      elementScope: props.scope === "element",
+      name: explicit ? props.name : "_O" + ID_PREFIX + (STREAM !== null ? STREAM.token + "-" : "") + (frame !== null ? framePath(frame).replace(/\//g, "-") : "") + "_",
       share: vtSsrResolve(props, "share"),
       update: vtSsrResolve(props, "update"),
       consumed: false
@@ -2922,14 +3641,21 @@ const ViewTransition = /* @__PURE__ */ (0, import_component_flags.markComponentF
     } finally {
       VT_SSR_STACK.pop();
     }
-    const named = explicit || VT_SSR_TRY_SEQ !== seqBefore;
+    const named = explicit || props.scope !== "element" && VT_SSR_TRY_SEQ !== seqBefore;
     const attrs = [];
     if (named) attrs.push(["vt-name", cand.name]);
     attrs.push(["vt-update", cand.update]);
     attrs.push(["vt-enter-x", vtSsrResolve(props, "enter")]);
     attrs.push(["vt-exit-x", vtSsrResolve(props, "exit")]);
-    if (named) attrs.push(["vt-share", cand.share]);
-    return ssrHtml(ssrBlock(vtSsrAnnotate(inner, attrs)));
+    if (named) attrs.push(["vt-share", VT_SSR_TRY_SEQ !== seqBefore ? cand.update : cand.share]);
+    for (const kind of ["Enter", "Exit"]) {
+      const prop = props["parent" + kind];
+      const value = prop === void 0 ? void 0 : vtSsrResolve(props, "parent" + kind);
+      const handler = props["onParent" + kind];
+      attrs.push(["vt-parent-" + kind.toLowerCase() + "-x", value ?? (handler ? "auto" : "none")]);
+    }
+    const annotated = vtSsrAnnotate(inner, attrs);
+    return ssrHtml(ssrBlock(props.scope === "element" ? vtSsrAnnotateScope(annotated) : annotated));
   },
   import_component_flags.COMPONENT_FLAG_BOUNDARY,
   "ViewTransition"
@@ -3028,7 +3754,8 @@ function normalizeThrownServerThenable(error) {
       comp: CURRENT_COMP,
       props: CURRENT_PROPS,
       parentScope: CURRENT_PARENT_SCOPE,
-      frame
+      frame,
+      signalInstanceKey: SIGNAL_COMPONENT_INSTANCE_KEY
     });
   }
   return SSR_SUSPENSE;
@@ -3300,7 +4027,8 @@ function use(usable, siteKey, directSite) {
       comp: CURRENT_COMP,
       props: CURRENT_PROPS,
       parentScope: CURRENT_PARENT_SCOPE,
-      frame
+      frame,
+      signalInstanceKey: SIGNAL_COMPONENT_INSTANCE_KEY
     });
   }
   throw SSR_SUSPENSE;
@@ -3467,7 +4195,8 @@ function puBatch(thenables, warm) {
       comp: CURRENT_COMP,
       props: CURRENT_PROPS,
       parentScope: CURRENT_PARENT_SCOPE,
-      frame
+      frame,
+      signalInstanceKey: SIGNAL_COMPONENT_INSTANCE_KEY
     });
   }
   throw SSR_SUSPENSE;
@@ -3631,7 +4360,8 @@ function lazy(load) {
         comp: CURRENT_COMP,
         props: CURRENT_PROPS,
         parentScope: CURRENT_PARENT_SCOPE,
-        frame
+        frame,
+        signalInstanceKey: SIGNAL_COMPONENT_INSTANCE_KEY
       });
     }
     throw SSR_SUSPENSE;
@@ -3958,7 +4688,12 @@ function isChildrenBlock(value) {
   return typeof value === "function" && value[CHILDREN_BLOCK] === true;
 }
 function injectStyle(id, css, nonce) {
-  if (CSS !== null) CSS.set(id, nonce === void 0 ? { css } : { css, nonce });
+  if (CSS !== null) {
+    const previous = CSS.get(id);
+    if (previous !== void 0 && previous.css === css && previous.nonce === nonce) return;
+    CSS.replay = null;
+    CSS.set(id, nonce === void 0 ? { css } : { css, nonce });
+  }
 }
 function styleMap(id, css, map, applied = []) {
   let touching = false;
@@ -4112,9 +4847,26 @@ function serializeNativeSignalSeeds(signals, nonceAttr, attr = import_native_rea
   const json = JSON.stringify(signals).replace(/</g, "\\u003c");
   return '<script type="application/json" ' + attr + nonceAttr + ">" + json + "</script>";
 }
+let SERVER_SIGNAL_BINDINGS_ENABLED = false;
+let SERVER_SIGNAL_BINDINGS_POTENTIAL = false;
+function enableServerSignalBindings(abi = 1, potentialOnly = false) {
+  if (abi !== 1) throw new TypeError((0, import_error_codes_server_generated.formatServerError)(71));
+  SERVER_SIGNAL_BINDINGS_POTENTIAL = true;
+  if (!potentialOnly) SERVER_SIGNAL_BINDINGS_ENABLED = true;
+}
+function isRendererSignalOwner(owner) {
+  return "documentOwner" in owner;
+}
 function newResolvedMap(resourceOptions) {
   const m = /* @__PURE__ */ new Map();
   if (resourceOptions !== void 0) m.resourceOptions = resourceOptions;
+  if (SERVER_SIGNAL_BINDINGS_ENABLED || resourceOptions?.signalOwner !== void 0) {
+    const ambient = (0, import_owner_context.currentSignalOwner)();
+    const configured = resourceOptions?.signalOwner ?? ambient;
+    m.signalOwner = configured === void 0 || configured === null ? Object.freeze({ scopeKey: "octane:document" }) : isRendererSignalOwner(configured) ? configured.documentOwner : configured;
+    m.ownedSignalOwner = configured === void 0 || configured === null;
+    m.signalInstances = /* @__PURE__ */ new Map();
+  }
   m.asyncIdentities = /* @__PURE__ */ new Map();
   m.asyncPositionIdentities = /* @__PURE__ */ new Map();
   m.nextAsyncIdentity = 0;
@@ -4148,8 +4900,23 @@ function getServerRenderResourceContext() {
   return resources;
 }
 function releaseServerRenderResources(resolved) {
+  const settlements = resolved.streamSettlements;
+  if (settlements !== void 0) {
+    resolved.streamSettlements = void 0;
+    settlements.resolved = null;
+    settlements.wake = null;
+    for (const recorder of settlements.pending.values()) recorder.keys = null;
+    settlements.pending.clear();
+  }
   const resources = resolved.resources;
   resolved.resourceOptions = void 0;
+  if (resolved.signalInstances !== void 0) {
+    for (const owner of resolved.signalInstances.values()) (0, import_owner_context.retireSignalOwnerIdentity)(owner);
+    resolved.signalInstances.clear();
+  }
+  if (resolved.ownedSignalOwner && resolved.signalOwner !== void 0) {
+    (0, import_owner_context.retireSignalOwnerIdentity)(resolved.signalOwner);
+  }
   if (resources !== void 0) resolved.resources = void 0;
   if (resources === void 0 || resources.finished) return;
   resources.finished = true;
@@ -4175,6 +4942,11 @@ function saveAmbient() {
     warmClaims: CURRENT_PU_WARM_CLAIMS,
     id: ID_COUNTER,
     idPrefix: ID_PREFIX,
+    signalInstancePrefix: SIGNAL_INSTANCE_PREFIX,
+    signalComponentInstanceKey: SIGNAL_COMPONENT_INSTANCE_KEY,
+    signalOwnerActive: SERVER_SIGNAL_OWNER_ACTIVE,
+    signalControlSite: SIGNAL_CONTROL_SITE,
+    signalListKeys: SIGNAL_LIST_KEYS,
     css: CSS,
     nonceAttr: NONCE_ATTR,
     markers: MARKERS,
@@ -4194,6 +4966,7 @@ function saveAmbient() {
     nestingWarnings: SSR_NESTING_WARNINGS,
     vtTrySeq: VT_SSR_TRY_SEQ,
     vtHasCandidates: VT_SSR_HAS_CANDIDATES,
+    vtHasRawHtml: VT_SSR_HAS_RAW_HTML,
     vtStack: snapshotVtStack()
   };
 }
@@ -4227,6 +5000,11 @@ function restoreAmbient(a) {
   CURRENT_PU_WARM_CLAIMS = a.warmClaims;
   ID_COUNTER = a.id;
   ID_PREFIX = a.idPrefix;
+  SIGNAL_INSTANCE_PREFIX = a.signalInstancePrefix;
+  SIGNAL_COMPONENT_INSTANCE_KEY = a.signalComponentInstanceKey;
+  SERVER_SIGNAL_OWNER_ACTIVE = a.signalOwnerActive;
+  SIGNAL_CONTROL_SITE = a.signalControlSite;
+  SIGNAL_LIST_KEYS = a.signalListKeys;
   CSS = a.css;
   NONCE_ATTR = a.nonceAttr;
   MARKERS = a.markers;
@@ -4246,6 +5024,7 @@ function restoreAmbient(a) {
   SSR_NESTING_WARNINGS = a.nestingWarnings;
   VT_SSR_TRY_SEQ = a.vtTrySeq;
   VT_SSR_HAS_CANDIDATES = a.vtHasCandidates;
+  VT_SSR_HAS_RAW_HTML = a.vtHasRawHtml;
   VT_SSR_STACK.length = 0;
   for (const snapshot of a.vtStack) {
     snapshot.candidate.consumed = snapshot.consumed;
@@ -4266,15 +5045,22 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
   CURRENT_PU_WARM_CLAIMS = null;
   ID_COUNTER = 0;
   ID_PREFIX = identifierPrefix;
+  SIGNAL_INSTANCE_PREFIX = identifierPrefix;
+  SIGNAL_COMPONENT_INSTANCE_KEY = JSON.stringify([identifierPrefix, "root"]);
+  SERVER_SIGNAL_OWNER_ACTIVE = false;
+  SIGNAL_CONTROL_SITE = "";
+  SIGNAL_LIST_KEYS = EMPTY_SIGNAL_LIST_KEYS;
   NONCE_ATTR = nonceAttr;
   ASYNC_SCOPE = "";
   MARKERS = markers;
   PERMANENT_STATIC_HYDRATE_DEPTH = 0;
   VT_SSR_TRY_SEQ = 0;
   VT_SSR_HAS_CANDIDATES = false;
+  VT_SSR_HAS_RAW_HTML = false;
   VT_SSR_STACK.length = 0;
-  const cssMap = CSS = /* @__PURE__ */ new Map();
+  const cssMap = CSS = newStyleCollector();
   const headBuf = HEAD = {
+    replay: null,
     html: "",
     charset: "",
     viewport: "",
@@ -4309,6 +5095,7 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
   CURRENT_PARENT_SCOPE = null;
   let body = "";
   let vtCandidates = false;
+  let rawHtml = false;
   let rootSuspended = false;
   let signals;
   let nativePassCompleted = false;
@@ -4316,6 +5103,10 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
   try {
     const out = invokeComponentBody(component, props, root, FRAME);
     body = serverComponentOutput(out, root);
+    if (markers && out !== null && typeof out === "object") {
+      const marker = out[BINDING_HTML_ROOT];
+      if (marker !== void 0) body = ssrBindingBlock(body, marker);
+    }
     nativePassCompleted = true;
   } catch (err) {
     err = normalizeThrownServerThenable(err);
@@ -4323,12 +5114,18 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
     rootSuspended = true;
   } finally {
     vtCandidates = VT_SSR_HAS_CANDIDATES;
+    rawHtml = VT_SSR_HAS_RAW_HTML;
     try {
       if (nativeToken >= 0) NATIVE_READ_COLLECTOR.endScope(nativeToken, nativePassCompleted);
       if (markers && nativePassCompleted)
         signals = NATIVE_READ_COLLECTOR?.serialize(NATIVE_SERVER_READS);
     } finally {
-      restoreAmbient(saved);
+      try {
+        restoreAmbient(saved);
+      } finally {
+        cssMap.replay = null;
+        headBuf.replay = null;
+      }
     }
   }
   if (resolved.bufferedErrors !== void 0) {
@@ -4352,8 +5149,10 @@ function runFullFramedPass(component, props, resolved, nonceAttr = "", identifie
     deferred,
     rootSuspended,
     vtCandidates,
+    rawHtml,
     cssEntries: cssMap,
-    sheets: headBuf.sheets
+    sheets: headBuf.sheets,
+    hasSignalControls: resolved.hasSignalControls === true
   };
   if (signals !== void 0) result.signals = signals;
   return result;
@@ -4368,15 +5167,22 @@ function runDiscoveryRound(jobs, resolved, identifierPrefix) {
   CURRENT_PU_WARM_CLAIMS = null;
   ID_COUNTER = 0;
   ID_PREFIX = identifierPrefix;
+  SIGNAL_INSTANCE_PREFIX = identifierPrefix;
+  SIGNAL_COMPONENT_INSTANCE_KEY = JSON.stringify([identifierPrefix, "root"]);
+  SERVER_SIGNAL_OWNER_ACTIVE = false;
+  SIGNAL_CONTROL_SITE = "";
+  SIGNAL_LIST_KEYS = EMPTY_SIGNAL_LIST_KEYS;
   NONCE_ATTR = "";
   ASYNC_SCOPE = "";
   MARKERS = true;
   PERMANENT_STATIC_HYDRATE_DEPTH = 0;
   VT_SSR_TRY_SEQ = 0;
   VT_SSR_HAS_CANDIDATES = false;
+  VT_SSR_HAS_RAW_HTML = false;
   VT_SSR_STACK.length = 0;
-  CSS = /* @__PURE__ */ new Map();
+  CSS = newStyleCollector();
   HEAD = {
+    replay: null,
     html: "",
     charset: "",
     viewport: "",
@@ -4412,7 +5218,14 @@ function runDiscoveryRound(jobs, resolved, identifierPrefix) {
         namespace: void 0
       };
       try {
-        renderComponentFramed(job.comp, job.props, job.parentScope, frame);
+        renderComponentFramed(
+          job.comp,
+          job.props,
+          job.parentScope,
+          frame,
+          void 0,
+          job.signalInstanceKey
+        );
       } catch (err) {
         if (!ssrIsSuspense(err)) continue;
       }
@@ -4471,30 +5284,62 @@ async function settleSuspended(suspended, resolved, timeoutMs, signal) {
   await raceSettleGuards(settleAll, timeoutMs, signal);
 }
 const yieldMacrotask = typeof setImmediate === "function" ? () => new Promise((resolve) => setImmediate(resolve)) : () => new Promise((resolve) => setTimeout(resolve, 0));
+async function recordStreamSettlement(settlements, recorder) {
+  let outcome;
+  try {
+    outcome = { value: await recorder.promise, thenable: recorder.promise };
+  } catch (reason) {
+    outcome = { reason, thenable: recorder.promise };
+  }
+  const resolved = settlements.resolved;
+  if (resolved === null) return;
+  if (!resolved.has(recorder.key)) resolved.set(recorder.key, outcome);
+  if (recorder.keys !== null) {
+    for (const key of recorder.keys) {
+      if (!resolved.has(key)) resolved.set(key, outcome);
+    }
+    recorder.keys = null;
+  }
+  if (recorder.batch && !resolved.pu.resolvedT.has(recorder.promise)) {
+    resolved.pu.resolvedT.set(recorder.promise, outcome);
+  }
+  settlements.pending.delete(recorder.promise);
+  if (recorder.wave === settlements.wave) settlements.wake?.();
+}
 async function settleFirstOfWave(suspended, resolved, timeoutMs, signal) {
   const pu = resolved.pu;
   pu.recreate ??= { strikes: 0, prevCreated: pu.created.size };
-  const recorders = [];
+  const settlements = resolved.streamSettlements ??= {
+    resolved,
+    pending: /* @__PURE__ */ new Map(),
+    wave: 0,
+    wake: null
+  };
+  const wave = ++settlements.wave;
+  let waiting = false;
   for (const { promise, key } of suspended) {
     if (resolved.has(key)) continue;
-    const isPu = key.startsWith("|pu#");
-    recorders.push(
-      (async () => {
-        try {
-          const value = await promise;
-          const outcome = { value, thenable: promise };
-          if (!resolved.has(key)) resolved.set(key, outcome);
-          if (isPu && !pu.resolvedT.has(promise)) pu.resolvedT.set(promise, outcome);
-        } catch (reason) {
-          const outcome = { reason, thenable: promise };
-          if (!resolved.has(key)) resolved.set(key, outcome);
-          if (isPu && !pu.resolvedT.has(promise)) pu.resolvedT.set(promise, outcome);
-        }
-      })()
-    );
+    let recorder = settlements.pending.get(promise);
+    if (recorder === void 0) {
+      recorder = { promise, key, keys: null, batch: key.startsWith("|pu#"), wave };
+      settlements.pending.set(promise, recorder);
+      void recordStreamSettlement(settlements, recorder);
+    } else {
+      if (key !== recorder.key) (recorder.keys ??= /* @__PURE__ */ new Set()).add(key);
+      if (key.startsWith("|pu#")) recorder.batch = true;
+      recorder.wave = wave;
+    }
+    waiting = true;
+  }
+  if (!waiting) return;
+  const first = new Promise((resolve) => {
+    settlements.wake = resolve;
+  });
+  try {
+    await raceSettleGuards(first, timeoutMs, signal);
+  } finally {
+    settlements.wake = null;
   }
-  if (recorders.length === 0) return;
-  await raceSettleGuards(Promise.race(recorders), timeoutMs, signal);
   await yieldMacrotask();
   let size = resolved.size;
   for (; ; ) {
@@ -4598,38 +5443,129 @@ async function runBuffered(component, props, options, nonceAttr, resolved) {
     if (resolved.pu.touched !== void 0) resolved.pu.touched = /* @__PURE__ */ new Set();
   }
 }
-function passToResult(pass, nonceAttr, separateHead = false) {
+function passToResult(pass, nonceAttr, separateHead = false, independentHydration = false, externalSignalBootstrap = false) {
   let body = pass.body;
   if (pass.serial.length > 0) body += serializeSuspenseSeeds(pass.serial, nonceAttr);
   if (pass.signals !== void 0) body += serializeNativeSignalSeeds(pass.signals, nonceAttr);
+  if (!externalSignalBootstrap && (pass.hasSignalControls || independentHydration)) {
+    body += "<script " + import_constants.STREAM_SCRIPT_ATTR + nonceAttr + ">" + (0, import_early_signals.streamedSignalBootstrapJs)(independentHydration) + "</script>";
+  }
   let result;
   if (separateHead) {
     result = {
-      html: pass.vtCandidates ? vtSsrStrip(body) : body,
+      html: pass.vtCandidates ? vtSsrStrip(body, pass.rawHtml) : body,
       css: pass.css,
-      head: pass.vtCandidates ? vtSsrStrip(pass.head) : pass.head
+      head: pass.vtCandidates ? vtSsrStrip(pass.head, pass.rawHtml) : pass.head
     };
   } else {
     const html = spliceHead(body, pass.head);
-    result = { html: pass.vtCandidates ? vtSsrStrip(html) : html, css: pass.css };
+    result = { html: pass.vtCandidates ? vtSsrStrip(html, pass.rawHtml) : html, css: pass.css };
   }
   if (pass.signals !== void 0) result.signals = pass.signals;
   return result;
 }
+async function collectBufferedInjection(injection, signal) {
+  let revision = 0;
+  let wake;
+  let settled = false;
+  let failed = false;
+  let failure;
+  const notify = () => {
+    revision++;
+    const resume = wake;
+    wake = void 0;
+    resume?.();
+  };
+  const unsubscribe = injection.subscribe(notify);
+  signal?.addEventListener("abort", notify, { once: true });
+  injection.done.then(
+    () => {
+      settled = true;
+      notify();
+    },
+    (error) => {
+      failed = true;
+      failure = error;
+      settled = true;
+      notify();
+    }
+  );
+  let html = "";
+  try {
+    injection.renderComplete?.();
+    for (; ; ) {
+      signal?.throwIfAborted();
+      const chunk = injection.take();
+      if (chunk !== "") {
+        html += chunk;
+        injection.accepted?.();
+        continue;
+      }
+      if (settled) {
+        if (failed) throw failure;
+        return html;
+      }
+      const observed = revision;
+      await new Promise((resolve) => {
+        wake = resolve;
+        if (settled || revision !== observed) {
+          wake = void 0;
+          resolve();
+        }
+      });
+    }
+  } finally {
+    unsubscribe();
+    signal?.removeEventListener("abort", notify);
+  }
+}
+function insertBufferedInjection(pass, injection) {
+  if (injection === "") return;
+  const tailStart = documentTailStart(pass.body);
+  pass.body = tailStart === -1 ? pass.body + injection : pass.body.slice(0, tailStart) + injection + pass.body.slice(tailStart);
+}
 async function prerender(entryComponent, props, options) {
   const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
   if (typeof entryComponent !== "function") {
     options ??= props;
     props = { value: entryComponent };
   }
-  const nonceAttr = nonceAttrOf(options);
-  const resolved = newResolvedMap(options ?? null);
+  const preparedOptions = needsAutomaticSignalInjection(options) ? await prepareAutomaticSignalInjection(options) : options;
+  const injection = preparedOptions?.injection;
+  const cancelRender = injection === void 0 ? void 0 : new AbortController();
+  injection?.done.then(NOOP, (error) => cancelRender.abort(error));
+  const renderOptions = cancelRender === void 0 ? preparedOptions : {
+    ...preparedOptions,
+    signal: preparedOptions?.signal === void 0 ? cancelRender.signal : AbortSignal.any([preparedOptions.signal, cancelRender.signal])
+  };
+  const nonceAttr = nonceAttrOf(renderOptions);
+  const resolved = newResolvedMap(renderOptions ?? null);
   try {
+    const pass = await runBuffered(component, props, renderOptions, nonceAttr, resolved);
+    if (injection !== void 0) {
+      try {
+        insertBufferedInjection(
+          pass,
+          await collectBufferedInjection(injection, renderOptions?.signal)
+        );
+      } catch (error) {
+        renderOptions?.onError?.(error);
+        throw error;
+      }
+    }
     return passToResult(
-      await runBuffered(component, props, options, nonceAttr, resolved),
+      pass,
       nonceAttr,
-      options?.headChannel === "separate"
+      renderOptions?.headChannel === "separate",
+      renderOptions?.independentHydration !== void 0,
+      renderOptions?.earlySignalBootstrap === "external"
     );
+  } catch (error) {
+    try {
+      injection?.cancel?.(error);
+    } catch {
+    }
+    throw error;
   } finally {
     releaseServerRenderResources(resolved);
   }
@@ -4719,7 +5655,7 @@ function renderHostedAttempt(session, component, props, options) {
   let body = pass.body;
   if (pass.serial.length > 0) body += serializeSuspenseSeeds(pass.serial, nonceAttr);
   if (pass.signals !== void 0) body += serializeNativeSignalSeeds(pass.signals, nonceAttr);
-  if (pass.vtCandidates) body = vtSsrStrip(body);
+  if (pass.vtCandidates) body = vtSsrStrip(body, pass.rawHtml);
   return { status: "complete", html: body, head: pass.head, cssEntries: pass.cssEntries };
 }
 function renderToString(entryComponent, props, options) {
@@ -4744,7 +5680,13 @@ function renderToString(entryComponent, props, options) {
   } finally {
     releaseServerRenderResources(resolved);
   }
-  return passToResult(pass, nonceAttr, options?.headChannel === "separate");
+  return passToResult(
+    pass,
+    nonceAttr,
+    options?.headChannel === "separate",
+    options?.independentHydration !== void 0,
+    options?.earlySignalBootstrap === "external"
+  );
 }
 function renderToStaticMarkup(entryComponent, props, options) {
   const component = typeof entryComponent === "function" ? entryComponent : renderEntryValue;
@@ -4777,13 +5719,19 @@ function renderToStaticMarkup(entryComponent, props, options) {
   }
   if (options?.headChannel === "separate") {
     return {
-      html: pass.vtCandidates ? vtSsrStrip(pass.body) : pass.body,
+      html: pass.vtCandidates ? vtSsrStrip(pass.body, pass.rawHtml) : pass.body,
       css: pass.css,
-      head: pass.vtCandidates ? vtSsrStrip(pass.head) : pass.head
+      head: pass.vtCandidates ? vtSsrStrip(pass.head, pass.rawHtml) : pass.head
     };
   }
   const html = spliceHead(pass.body, pass.head);
-  return { html: pass.vtCandidates ? vtSsrStrip(html) : html, css: pass.css };
+  return { html: pass.vtCandidates ? vtSsrStrip(html, pass.rawHtml) : html, css: pass.css };
+}
+function hasPendingStreamBoundary(stream) {
+  for (const boundary of stream.boundaries.values()) {
+    if (boundary.state === "pending") return true;
+  }
+  return false;
 }
 function recordStreamBoundaryMutation(stream, key) {
   if (stream.replay === null) return;
@@ -4867,7 +5815,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
   let vtOuter = null;
   if (VT_SSR_STACK.length > 0) {
     const top = VT_SSR_STACK[VT_SSR_STACK.length - 1];
-    if (!top.consumed) {
+    if (!top.consumed && !top.elementScope) {
       top.consumed = true;
       vtOuter = top;
     }
@@ -5000,15 +5948,16 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
       const deferredStart = DEFERRED?.length ?? 0;
       const serialStart2 = SERIAL?.length ?? 0;
       const css = CSS;
-      const cssSnapshot = snapshotMap(css);
+      const cssSnapshot = snapshotStyles(css);
       const head = HEAD;
+      const headCollections = snapshotHeadCollections(head);
       const headHtml = head?.html;
       const headCharset = head?.charset;
       const headViewport = head?.viewport;
-      const headHints = snapshotSet(head?.hints);
-      const headSheets = snapshotMap(head?.sheets);
-      const headHintHtml = snapshotMap(head?.hintHtml);
-      const headXfer = snapshotMap(head?.preloadXfer);
+      const headHints = headCollections?.hints ?? null;
+      const headSheets = headCollections?.sheets ?? null;
+      const headHintHtml = headCollections?.hintHtml ?? null;
+      const headXfer = headCollections?.preloadXfer ?? null;
       const vtTrySeq = VT_SSR_TRY_SEQ;
       const vtHasCandidates = VT_SSR_HAS_CANDIDATES;
       const vtStack = snapshotVtStack();
@@ -5024,10 +5973,12 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
         if (DEFERRED !== null) DEFERRED.length = deferredStart;
         if (SERIAL !== null) SERIAL.length = serialStart2;
         if (css !== null && cssSnapshot !== null) {
+          css.replay = null;
           css.clear();
           for (const [hash, sheet] of cssSnapshot) css.set(hash, sheet);
         }
         if (head !== null && headHints !== null) {
+          head.replay = null;
           head.html = headHtml;
           head.charset = headCharset;
           head.viewport = headViewport;
@@ -5087,10 +6038,11 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
           if (!entry.serverOwnedStatic)
             entry.signals = NATIVE_READ_COLLECTOR?.serialize(nativeReads);
           entry.state = "done";
+          entry.rawHtml = VT_SSR_HAS_RAW_HTML;
           entry.html = vtOuter !== null ? vtSsrAnnotate(inner, [
             ["vt-name", vtOuter.name],
             ["vt-update", vtOuter.update],
-            ["vt-share", vtOuter.share]
+            ["vt-share", vtOuter.update]
           ]) : inner;
           if (SERIAL !== null) {
             if (!entry.serverOwnedStatic) entry.seeds = SERIAL.slice(serialStart);
@@ -5130,6 +6082,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
               state: "pending",
               serverOwnedStatic: PERMANENT_STATIC_HYDRATE_DEPTH !== 0,
               html: "",
+              rawHtml: false,
               seeds: [],
               pendingIdOffset,
               namespace,
@@ -5172,6 +6125,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
             }
             entry.state = "done";
             entry.html = inner;
+            entry.rawHtml = VT_SSR_HAS_RAW_HTML;
             entry.seeds = nativeFresh ? [] : caughtSeeds;
             pruneUnrepresentedStreamDescendants(stream, key, entry.html);
           } else if (SERIAL !== null) {
@@ -5197,6 +6151,7 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
             serverOwnedStatic: false,
             error: e,
             html: "",
+            rawHtml: false,
             seeds: [],
             pendingIdOffset,
             namespace,
@@ -5236,7 +6191,230 @@ function ssrTry(scope, siteKey, tryFn, pendFn, catchFn, namespace = FRAME?.names
 }
 let STREAM_RUNTIME_JS;
 function streamRuntimeJs() {
-  return STREAM_RUNTIME_JS ??= "(function(){var d=document;var S=window.$OCTS=window.$OCTS||{};var M=function(v,c){if(v===c)return 1;if(!v||v.charAt(0)!==c)return 0;var s=v.slice(1),n=+s;return n>=2&&Number.isSafeInteger(n)&&String(n)===s;};window.$OCTRC=function(id,nc){var t=d.querySelector('template[" + import_constants.STREAM_BOUNDARY_ATTR + `="'+id+'"]');var s=d.querySelector('[` + import_constants.STREAM_SEGMENT_ATTR + `="'+id+'"]');if(!s)return;if(!t){s.remove();return;}var q=s.firstElementChild,z=d.createElement("template"),c=s;if(q&&q.localName==="script"){try{z.innerHTML=JSON.parse(q.textContent);c=z.content;}catch(e){return;}}var sd=c.querySelector("script[` + import_constants.STREAM_SEED_ATTR + ']");if(sd){S[id]=sd.textContent;sd.parentNode.removeChild(sd);}var ns=c.firstElementChild;while(ns&&!(ns.localName==="script"&&ns.hasAttribute("' + import_native_read_seeds.NATIVE_SIGNAL_SEED_ATTR + '")))ns=ns.nextElementSibling;if(ns){S[id+"$signals"]=ns.textContent;ns.parentNode.removeChild(ns);}if(nc)c=c.firstElementChild;var n=t.nextSibling,depth=1;while(n){var x=n.nextSibling,v=n.nodeType===8?n.data:null;if(M(v,"["))depth++;else if(M(v,"]")){depth--;if(depth===0)break;}n.parentNode.removeChild(n);n=x;}var p=t.parentNode;while(c.firstChild)p.insertBefore(c.firstChild,n);p.replaceChild(d.createComment("' + import_constants.STREAM_SEED_COMMENT + `"+id),t);s.parentNode.removeChild(s);};window.$OCTRX=function(id,so){var t=d.querySelector('template[` + import_constants.STREAM_BOUNDARY_ATTR + `="'+id+'"]');if(t){if(so)t.remove();else t.setAttribute("data-oct-err","");}};window.$OCTRH=function(id){var c=d.querySelector('[` + import_constants.STREAM_RESOURCE_ATTR + `="'+id+'"]');if(!c)return;var n;while((n=c.firstElementChild)){c.removeChild(n);if(window.$OCTFR){window.$OCTFR(n);continue;}var p=n.getAttribute("data-precedence"),g=d.head.querySelectorAll("link[data-precedence],style[data-precedence]"),t=g.length?g[g.length-1]:null,x=null;for(var i=0;i<g.length;i++)if(g[i].getAttribute("data-precedence")===p)x=g[i];if(x)x.after(n);else if(t)t.after(n);else d.head.appendChild(n);}c.remove();};})();`;
+  return STREAM_RUNTIME_JS ??= '(function(){if(window.$OCTRC)return;var d=document;var S=window.$OCTS=window.$OCTS||{},E;var M=function(v,c){if(v===c)return 1;if(!v||v.charAt(0)!==c)return 0;var s=v.slice(1),n=+s;return n>=2&&Number.isSafeInteger(n)&&String(n)===s;};var P=function(s){var q=s.firstElementChild;if(q&&q.localName==="script"&&q.hasAttribute("' + import_constants.STREAM_SCRIPT_ATTR + `")){var z=d.createElement("template");try{z.innerHTML=JSON.parse(q.textContent);return z.content;}catch(e){return null;}}return s;};var C=function(c,nc){if(!nc)return c;var n=c.firstElementChild;while(n&&n.localName==="script")n=n.nextElementSibling;return n;};window.$OCTRC=function(id,nc){var t=d.querySelector('template[` + import_constants.STREAM_BOUNDARY_ATTR + `="'+id+'"]');var s=d.querySelector('[` + import_constants.STREAM_SEGMENT_ATTR + `="'+id+'"]');if(!s)return;if(!t){s.remove();return;}var c=P(s);if(!c)return;var sd=c.querySelector("script[` + import_constants.STREAM_SEED_ATTR + ']");if(sd){S[id]=sd.textContent;sd.parentNode.removeChild(sd);}var ns=c.firstElementChild;while(ns&&!(ns.localName==="script"&&ns.hasAttribute("' + import_native_read_seeds.NATIVE_SIGNAL_SEED_ATTR + '")))ns=ns.nextElementSibling;if(ns){S[id+"$signals"]=ns.textContent;ns.parentNode.removeChild(ns);}c=C(c,nc);if(!c)return;var n=t.nextSibling,depth=1;while(n){var x=n.nextSibling,v=n.nodeType===8?n.data:null;if(M(v,"["))depth++;else if(M(v,"]")){depth--;if(depth===0)break;}n.parentNode.removeChild(n);n=x;}var p=t.parentNode;while(c.firstChild)p.insertBefore(c.firstChild,n);p.replaceChild(d.createComment("' + import_constants.STREAM_SEED_COMMENT + `"+id),t);s.parentNode.removeChild(s);if(E){var errors=E;E=undefined;for(var i=0;i<errors.length;i++)X(errors[i][0],errors[i][1]);}};window.$OCTRC.marker=M;window.$OCTRC.parse=P;window.$OCTRC.content=C;var X=window.$OCTRX=function(id,so){var t=d.querySelector('template[` + import_constants.STREAM_BOUNDARY_ATTR + `="'+id+'"]');if(t){if(so)t.remove();else t.setAttribute("data-oct-err","");}else(E||(E=[])).push([id,so]);};window.$OCTRH=function(id){var c=d.querySelector('[` + import_constants.STREAM_RESOURCE_ATTR + `="'+id+'"]');if(!c)return;var n;while((n=c.firstElementChild)){c.removeChild(n);if(window.$OCTFR){window.$OCTFR(n);continue;}var p=n.getAttribute("data-precedence"),g=d.head.querySelectorAll("link[data-precedence],style[data-precedence]"),t=g.length?g[g.length-1]:null,x=null;for(var i=0;i<g.length;i++)if(g[i].getAttribute("data-precedence")===p)x=g[i];if(x)x.after(n);else if(t)t.after(n);else d.head.appendChild(n);}c.remove();};})();`;
+}
+let STREAM_VIEW_TRANSITION_RUNTIME_JS;
+function streamViewTransitionRuntimeJs() {
+  return STREAM_VIEW_TRANSITION_RUNTIME_JS ??= `(function(){
+var w=window,d=document;
+if(w.$OCTVT)return;
+w.$OCTVT=true;
+var reveal=w.$OCTRC,queue=[],scheduled=false,callbackOnly=new WeakSet(),ready=new WeakSet(),waitReady=new WeakSet(),waitFinish=new WeakSet();
+w.$OCTRC=function(id,nc){
+ if(typeof d.startViewTransition!=="function"&&typeof Element.prototype.startViewTransition!=="function"){reveal(id,nc);return;}
+ queue.push([id,nc]);later();
+};
+function later(){if(queue.length&&!scheduled){scheduled=true;queueMicrotask(function(){scheduled=false;drain();});}}
+function watch(handle,untilReady){
+ var watched=untilReady?waitReady:waitFinish;
+ if(watched.has(handle))return;
+ watched.add(handle);
+ if(untilReady)handle.ready.then(function(){ready.add(handle);later();},function(){watch(handle,false);});
+ else handle.finished.then(later,later);
+}
+function ownerOf(t){
+ var scope=t.closest("[vt-scope]");
+ return scope?(scope.getAttribute("vt-scope")==="element"?scope:null):d;
+}
+function blocked(owner){
+ var handle=d.__octaneViewTransition,blocked=false;
+ if(handle&&!(owner&&owner!==d&&ready.has(handle))){watch(handle,!!owner&&owner!==d);blocked=true;}
+ var scopes=d.__octaneViewTransitionScopes;
+ if(scopes)scopes.forEach(function(active,element){
+  if(!owner||owner===d||owner===element||owner.contains(element)){watch(active,false);blocked=true;}
+  else if(element.contains(owner)&&!ready.has(active)){watch(active,true);blocked=true;}
+ });
+ return blocked;
+}
+function drain(){
+ if(!queue.length)return;
+ var selected=[],pending=[],groups=[],owners=new Map();
+ for(var i=0;i<queue.length;i++){
+  var item=queue[i],t=d.querySelector('template[${import_constants.STREAM_BOUNDARY_ATTR}="'+item[0]+'"]'),owner=t?ownerOf(t):null;
+  if(blocked(owner)){pending.push(item);continue;}
+  selected.push(item);
+  var group=owners.get(owner);
+  if(!group){group={owner:owner,items:[],restore:[],changed:new Set(),prepared:[],arrived:false};owners.set(owner,group);groups.push(group);}
+  group.items.push(item);
+ }
+ queue=pending;
+ if(!selected.length)return;
+ var committed=false,animated=false,images=[],resourceWait;
+ function commit(){
+  if(committed)return resourceWait;
+  committed=true;for(var i=0;i<selected.length;i++)reveal(selected[i][0],selected[i][1]);
+  if(!animated)return;
+  var blockers=[],cleanups=[];
+  d.documentElement.clientHeight;
+  if(d.fonts&&d.fonts.status!=="loaded")blockers.push(d.fonts.ready);
+  for(var i=0;i<images.length;i++){
+   var img=images[i],bounds=img.getBoundingClientRect();
+   if(!img.complete&&bounds.bottom>0&&bounds.right>0&&bounds.top<w.innerHeight&&bounds.left<w.innerWidth){
+    blockers.push(new Promise(function(resolve){
+     var image=img;image.addEventListener("load",resolve);image.addEventListener("error",resolve);
+     cleanups.push(function(){image.removeEventListener("load",resolve);image.removeEventListener("error",resolve);});
+    }));
+   }
+  }
+  images.length=0;
+  if(blockers.length)resourceWait=new Promise(function(resolve){
+   var timer=setTimeout(done,500),settled=false;
+   function done(){if(settled)return;settled=true;clearTimeout(timer);for(var i=0;i<cleanups.length;i++)cleanups[i]();cleanups.length=0;resolve();}
+   Promise.all(blockers).then(done,done);
+  });
+  return resourceWait;
+ }
+ function reset(group){
+  var restore=group.restore;
+  for(var i=restore.length-1;i>=0;i--){
+   var entry=restore[i],el=entry[0],style=el.style;
+   if(style.getPropertyValue("view-transition-name")===entry[5]&&style.getPropertyPriority("view-transition-name")===entry[8]){
+    if(entry[1])style.setProperty("view-transition-name",entry[1],entry[2]);
+    else style.removeProperty("view-transition-name");
+   }
+   if(style.getPropertyValue("view-transition-class")===entry[6]&&style.getPropertyPriority("view-transition-class")===entry[9]){
+    if(entry[3])style.setProperty("view-transition-class",entry[3],entry[4]);
+    else style.removeProperty("view-transition-class");
+   }
+   if(!style.length&&!entry[7])el.removeAttribute("style");
+  }
+  restore.length=0;group.changed.clear();
+ }
+ function prepare(group){
+  var owner=group.owner,restore=group.restore,changed=group.changed,appearing=new Map();
+  if(!owner||typeof owner.startViewTransition!=="function")return;
+  function owns(el,content){
+   for(var node=el;node&&node.nodeType===1;node=node.parentElement){
+    if(node===owner)return true;
+    if(node.getAttribute("vt-scope")==="element")return false;
+    if(node===content)return true;
+   }
+   return owner===d;
+  }
+  function apply(el,attr,content){
+   var cls=el.getAttribute(attr);
+   if(!cls||cls==="none"||changed.has(el)||!owns(el,content))return;
+   var style=el.style;
+   if(!style)return;
+   var explicit=el.getAttribute("vt-name"),name=explicit||("_OT_"+restore.length+"_");
+   var entry=[el,style.getPropertyValue("view-transition-name"),style.getPropertyPriority("view-transition-name"),style.getPropertyValue("view-transition-class"),style.getPropertyPriority("view-transition-class"),"","",el.hasAttribute("style")];
+   if(el!==owner||explicit)style.setProperty("view-transition-name",w.CSS.escape(name));
+   if(cls!=="auto")style.setProperty("view-transition-class",cls);
+   entry[5]=style.getPropertyValue("view-transition-name");entry[6]=style.getPropertyValue("view-transition-class");
+   entry[8]=style.getPropertyPriority("view-transition-name");entry[9]=style.getPropertyPriority("view-transition-class");
+   restore.push(entry);changed.add(el);
+  }
+  function descendants(el,attr,content){
+   var nodes=el.querySelectorAll("["+attr+"]");
+   for(var i=0;i<nodes.length;i++)apply(nodes[i],attr,content);
+  }
+  for(var k=0;k<group.items.length;k++){
+   var id=group.items[k][0],nc=group.items[k][1];
+   var t=d.querySelector('template[${import_constants.STREAM_BOUNDARY_ATTR}="'+id+'"]');
+   var s=d.querySelector('[${import_constants.STREAM_SEGMENT_ATTR}="'+id+'"]');
+   if(!t||!s)continue;
+   var parent=t.parentNode,rect=parent.getBoundingClientRect();
+   if(!rect.width&&!rect.height&&!rect.left&&!rect.top)continue;
+   var parsed=reveal.parse(s);
+   if(!parsed)continue;
+   if(parsed!==s)s.replaceChildren(parsed);
+   var content=reveal.content(s,nc);
+   if(!content)continue;
+   group.prepared.push([t,content,parent]);
+   var matches=content.querySelectorAll("[vt-share]");
+   for(var i=0;i<matches.length;i++)if(matches[i].getAttribute("vt-share")!=="none"&&owns(matches[i],content))appearing.set(matches[i].getAttribute("vt-name"),matches[i]);
+   var pendingImages=content.querySelectorAll('img[src]:not([loading="lazy"])');
+   for(var i=0;i<pendingImages.length;i++)if(owns(pendingImages[i],content))images.push(pendingImages[i]);
+  }
+  function pair(el){
+   if(!owns(el))return false;
+   var other=appearing.get(el.getAttribute("vt-name"));
+   if(other&&el.getAttribute("vt-share")&&el.getAttribute("vt-share")!=="none"){
+    apply(el,"vt-share");apply(other,"vt-share",other.closest('[${import_constants.STREAM_SEGMENT_ATTR}]'));appearing.delete(el.getAttribute("vt-name"));return true;
+   }
+   return false;
+  }
+  for(var k=0;k<group.prepared.length;k++){
+   var t=group.prepared[k][0],content=group.prepared[k][1],parent=group.prepared[k][2];
+   var node=t.nextSibling,depth=1;
+   while(node){
+    if(node.nodeType===8){
+     var v=node.data;
+     if(reveal.marker(v,"["))depth++;else if(reveal.marker(v,"]")&&!--depth)break;
+    }else if(node.nodeType===1){
+     if(!pair(node))apply(node,"vt-exit");
+     matches=node.querySelectorAll("[vt-share]");for(var j=0;j<matches.length;j++)pair(matches[j]);
+     descendants(node,"vt-parent-exit");
+    }
+    node=node.nextSibling;
+   }
+   for(var el=content.firstElementChild;el;el=el.nextElementSibling){apply(el,"vt-enter",content);descendants(el,"vt-parent-enter",content);}
+   do{
+    for(var sibling=parent.firstElementChild;sibling;sibling=sibling.nextElementSibling)apply(sibling,"vt-update");
+    if(parent===owner)break;
+    parent=parent.parentNode;
+   }while(parent&&parent.nodeType===1&&parent.getAttribute("vt-update")!=="none");
+  }
+  if(owner!==d&&group.prepared.length)apply(owner,"vt-update");
+ }
+ var captures=[],documentGroup=null,elementsToEnter=0,remaining=0,resolveGate,rejectGate;
+ var gate=new Promise(function(resolve,reject){resolveGate=resolve;rejectGate=reject;});
+ gate.catch(function(){});
+ for(var i=0;i<groups.length;i++){
+  try{prepare(groups[i]);}catch(error){reset(groups[i]);}
+  if(groups[i].restore.length){captures.push(groups[i]);if(groups[i].owner===d)documentGroup=groups[i];else elementsToEnter++;}
+ }
+ remaining=captures.length;animated=remaining>0;
+ if(!remaining){images.length=0;commit();later();return;}
+ function arrive(group){
+  if(group.arrived)return gate;
+  group.arrived=true;remaining--;
+  if(group.owner!==d&&!--elementsToEnter&&documentGroup)start(documentGroup);
+  if(!remaining){try{Promise.resolve(commit()).then(resolveGate,rejectGate);}catch(error){rejectGate(error);}}
+  return gate;
+ }
+ function start(group){
+  if(group.started)return;group.started=true;
+  var owner=group.owner,transition,startNative=owner.startViewTransition,update=function(){return arrive(group);};
+  try{
+   if(callbackOnly.has(startNative))transition=startNative.call(owner,update);
+   else{
+    try{transition=startNative.call(owner,{update:update,types:[]});}
+    catch(error){
+     if(!(error instanceof TypeError))throw error;
+     transition=startNative.call(owner,update);callbackOnly.add(startNative);
+    }
+   }
+   if(owner===d)d.__octaneViewTransition=transition;
+   else (d.__octaneViewTransitionScopes||(d.__octaneViewTransitionScopes=new Map())).set(owner,transition);
+   transition.ready.then(function(){ready.add(transition);reset(group);later();},function(){reset(group);});
+   function complete(){
+    reset(group);
+    if(owner===d){if(d.__octaneViewTransition===transition)d.__octaneViewTransition=null;}
+    else{var scopes=d.__octaneViewTransitionScopes;if(scopes&&scopes.get(owner)===transition)scopes.delete(owner);}
+    drain();
+   }
+   transition.finished.then(complete,complete);
+  }catch(error){reset(group);arrive(group);if(!error||(error.name!=="AbortError"&&error.name!=="InvalidStateError"))console.error(error);}
+ }
+ for(var i=0;i<captures.length;i++)if(captures[i].owner!==d)start(captures[i]);
+ if(!elementsToEnter&&documentGroup&&!documentGroup.arrived)start(documentGroup);
+}
+})();`;
+}
+function needsAutomaticSignalInjection(options) {
+  return options?.streamedSignals !== void 0 && options?.injection?.observeSignalAttempt === void 0;
+}
+async function prepareAutomaticSignalInjection(options) {
+  const config = options.streamedSignals;
+  const { createAutomaticStreamedSignalInjection } = await import("./server/streamed-signals.js");
+  return {
+    ...options,
+    injection: createAutomaticStreamedSignalInjection(
+      { ...config, nonce: options.nonce },
+      options.injection
+    )
+  };
 }
 function withStream(stream, fn) {
   const prev = STREAM;
@@ -5331,7 +6509,7 @@ function segmentChunk(b, nonceAttr) {
     }
   }
   if (b.signals !== void 0) seedScript += serializeNativeSignalSeeds(b.signals, nonceAttr);
-  const html = vtSsrStrip(b.html);
+  const html = vtSsrStrip(b.html, b.rawHtml);
   const content = b.namespace === "svg" ? seedScript + "<svg>" + html + "</svg>" : b.namespace === "mathml" ? seedScript + "<math>" + html + "</math>" : seedScript + html;
   const hasNamespaceCarrier = b.namespace === "html" ? "" : ",1";
   const payload = JSON.stringify(content).replace(/<(?=\/?script)/gi, "\\u003c");
@@ -5417,7 +6595,14 @@ async function runStream(component, props, options, sink, resolved) {
       return;
     }
     if (!html) return;
-    return write(html, false, rememberUnaccepted);
+    const written = write(html, false, rememberUnaccepted);
+    if (written === void 0) {
+      injection.accepted?.();
+      return;
+    }
+    return written.then(() => {
+      injection.accepted?.();
+    });
   };
   const recoveryInjection = injection === void 0 ? void 0 : async () => {
     if (signal?.aborted) {
@@ -5474,14 +6659,20 @@ async function runStream(component, props, options, sink, resolved) {
     const done = [];
     const reachable = new Set(flushedSegments);
     for (; ; ) {
-      const next = [...stream.boundaries.values()].filter((boundary) => {
-        if (boundary.state !== "done" || reachable.has(boundary.id)) return false;
+      const next = [];
+      for (const boundary of stream.boundaries.values()) {
+        if (boundary.state !== "done" || reachable.has(boundary.id)) continue;
+        let visible = true;
         for (let i = boundary.ancestors.length - 1; i >= 0; i--) {
           const ancestor = stream.boundaries.get(boundary.ancestors[i]);
-          if (ancestor !== void 0) return reachable.has(ancestor.id);
+          if (ancestor !== void 0) {
+            visible = reachable.has(ancestor.id);
+            break;
+          }
         }
-        return true;
-      }).sort((a, b) => a.order - b.order);
+        if (visible) next.push(boundary);
+      }
+      next.sort((a, b) => a.order - b.order);
       if (next.length === 0) return done;
       for (const boundary of next) {
         done.push(boundary);
@@ -5496,14 +6687,22 @@ async function runStream(component, props, options, sink, resolved) {
       options?.onError?.(boundary.error);
     }
   };
-  const reachableErroredBoundaries = () => [...stream.boundaries.values()].filter((boundary) => {
-    if (boundary.state !== "errored" || boundary.errorFlushed) return false;
-    for (let i = boundary.ancestors.length - 1; i >= 0; i--) {
-      const ancestor = stream.boundaries.get(boundary.ancestors[i]);
-      if (ancestor !== void 0) return flushedSegments.has(ancestor.id);
+  const reachableErroredBoundaries = () => {
+    const errors = [];
+    for (const boundary of stream.boundaries.values()) {
+      if (boundary.state !== "errored" || boundary.errorFlushed) continue;
+      let visible = true;
+      for (let i = boundary.ancestors.length - 1; i >= 0; i--) {
+        const ancestor = stream.boundaries.get(boundary.ancestors[i]);
+        if (ancestor !== void 0) {
+          visible = flushedSegments.has(ancestor.id);
+          break;
+        }
+      }
+      if (visible) errors.push(boundary);
     }
-    return true;
-  }).sort((a, b) => a.order - b.order);
+    return errors.sort((a, b) => a.order - b.order);
+  };
   const flushRecoverableBoundaryErrors = () => {
     const errors = reachableErroredBoundaries();
     if (errors.length === 0) return;
@@ -5574,7 +6773,7 @@ async function runStream(component, props, options, sink, resolved) {
   const separateHead = options?.headChannel === "separate";
   if (separateHead) {
     try {
-      options?.onHeadReady?.(pass.vtCandidates ? vtSsrStrip(pass.head) : pass.head);
+      options?.onHeadReady?.(pass.vtCandidates ? vtSsrStrip(pass.head, pass.rawHtml) : pass.head);
     } catch (err) {
       try {
         completeInjection();
@@ -5603,11 +6802,19 @@ async function runStream(component, props, options, sink, resolved) {
   }
   if (pass.serial.length > 0) shell += serializeSuspenseSeeds(pass.serial, nonceAttr);
   if (pass.signals !== void 0) shell += serializeNativeSignalSeeds(pass.signals, nonceAttr);
+  if (options?.earlySignalBootstrap !== "external" && (injection?.streamedRenderer === true || pass.hasSignalControls || options?.independentHydration !== void 0)) {
+    shell += "<script " + import_constants.STREAM_SCRIPT_ATTR + nonceAttr + ">" + (0, import_early_signals.streamedSignalBootstrapJs)(options?.independentHydration !== void 0) + "</script>";
+  }
+  if (injection?.takeInitialSelections !== void 0) shell += injection.takeInitialSelections();
   const anyPending = stream.boundaries.size > 0;
+  let sentViewTransitions = pass.vtCandidates;
   if (anyPending)
-    shell += "<script " + import_constants.STREAM_SCRIPT_ATTR + nonceAttr + ">" + streamRuntimeJs() + "</script>";
+    shell += "<script " + import_constants.STREAM_SCRIPT_ATTR + nonceAttr + ">" + streamRuntimeJs() + (sentViewTransitions ? streamViewTransitionRuntimeJs() : "") + "</script>";
   try {
-    const shellWrite = write(pass.vtCandidates ? vtSsrStrip(shell) : shell);
+    if (injection?.streamedRenderer === true || pass.hasSignalControls || options?.independentHydration !== void 0) {
+      options?.onEarlyHydrationReady?.();
+    }
+    const shellWrite = write(pass.vtCandidates ? vtSsrStrip(shell, pass.rawHtml) : shell);
     if (shellWrite !== void 0) await shellWrite;
   } catch (err) {
     try {
@@ -5642,7 +6849,7 @@ async function runStream(component, props, options, sink, resolved) {
     if (initiallyDone.length > 0) {
       let chunk = "";
       for (const boundary of initiallyDone) chunk += segmentChunk(boundary, nonceAttr);
-      const segmentWrite = write(pass.vtCandidates ? vtSsrStrip(chunk) : chunk);
+      const segmentWrite = write(pass.vtCandidates ? vtSsrStrip(chunk, pass.rawHtml) : chunk);
       if (segmentWrite !== void 0) await segmentWrite;
       for (const boundary of initiallyDone) {
         flushedSegments.add(boundary.id);
@@ -5651,7 +6858,7 @@ async function runStream(component, props, options, sink, resolved) {
     }
     const initialErrorWrite = flushRecoverableBoundaryErrors();
     if (initialErrorWrite !== void 0) await initialErrorWrite;
-    while ([...stream.boundaries.values()].some((b) => b.state === "pending")) {
+    while (hasPendingStreamBoundary(stream)) {
       signal?.throwIfAborted();
       if (suspended.length === 0) {
         throw new Error((0, import_error_codes_server_generated.formatServerError)(36));
@@ -5697,9 +6904,13 @@ async function runStream(component, props, options, sink, resolved) {
       if (madeProgress) attempt = 0;
       retryWithoutSettling = observeSuspenseWave(resolved, settledWave, suspended, madeProgress);
       const done = reachableDoneSegments();
+      if (!sentViewTransitions && pass.vtCandidates && done.length > 0) {
+        sentViewTransitions = true;
+        chunk += "<script " + import_constants.STREAM_SCRIPT_ATTR + nonceAttr + ">" + streamViewTransitionRuntimeJs() + "</script>";
+      }
       for (const b of done) chunk += segmentChunk(b, nonceAttr);
       if (chunk !== "") {
-        const segmentWrite = write(pass.vtCandidates ? vtSsrStrip(chunk) : chunk);
+        const segmentWrite = write(pass.vtCandidates ? vtSsrStrip(chunk, pass.rawHtml) : chunk);
         if (segmentWrite !== void 0) await segmentWrite;
         for (const b of done) flushedSegments.add(b.id);
       }
@@ -5707,9 +6918,10 @@ async function runStream(component, props, options, sink, resolved) {
       if (errorWrite !== void 0) await errorWrite;
     }
   } catch (err) {
-    const pendingBoundaryCount = [...stream.boundaries.values()].filter(
-      (boundary) => boundary.state === "pending" && !flushedSegments.has(boundary.id)
-    ).length;
+    let pendingBoundaryCount = 0;
+    for (const boundary of stream.boundaries.values()) {
+      if (boundary.state === "pending" && !flushedSegments.has(boundary.id)) pendingBoundaryCount++;
+    }
     const reports = signal?.aborted ? Math.max(1, pendingBoundaryCount) : 1;
     for (let i = 0; i < reports; i++) options?.onError?.(err);
     if (injection !== void 0) {
@@ -5932,10 +7144,8 @@ function renderToPipeableStream(entryComponent, props, options) {
     finishEnd();
   };
   let started = false;
-  const startRender = () => {
-    if (started) return;
-    started = true;
-    const renderOptions = { ...options, signal: controller.signal };
+  const beginRender = (preparedOptions) => {
+    const renderOptions = { ...preparedOptions, signal: controller.signal };
     const resolved = newResolvedMap(renderOptions);
     void runStream(
       component,
@@ -5972,6 +7182,18 @@ function renderToPipeableStream(entryComponent, props, options) {
       flushEnd();
     });
   };
+  const startRender = () => {
+    if (started) return;
+    started = true;
+    if (needsAutomaticSignalInjection(options)) {
+      void prepareAutomaticSignalInjection(options).then(beginRender, (error) => {
+        shellFailure = { error };
+        options?.onShellError?.(error);
+        options?.onError?.(error);
+        flushEnd();
+      });
+    } else beginRender(options);
+  };
   queueMicrotask(startRender);
   return {
     pipe(dest) {
@@ -6008,6 +7230,11 @@ function renderToReadableStream(entryComponent, props, options) {
     options ??= props;
     props = { value: entryComponent };
   }
+  if (needsAutomaticSignalInjection(options)) {
+    return prepareAutomaticSignalInjection(options).then(
+      (prepared) => renderToReadableStream(component, props, prepared)
+    );
+  }
   return new Promise((resolveShell, rejectShell) => {
     const encoder = new TextEncoder();
     const renderController = new AbortController();
@@ -6203,6 +7430,7 @@ function renderToReadableStream(entryComponent, props, options) {
 function emitHeadHint(key, html) {
   if (HEAD === null) return;
   if (HEAD.hints.has(key)) return;
+  HEAD.replay = null;
   HEAD.hints.add(key);
   (HEAD.hintHtml ??= /* @__PURE__ */ new Map()).set(key, html);
 }
@@ -6268,7 +7496,10 @@ function preload(href, options) {
         const v = options[k];
         if (v != null) (subset ??= {})[k] = v;
       }
-      if (subset !== null) (HEAD.preloadXfer ??= /* @__PURE__ */ new Map()).set(as + ":" + value, subset);
+      if (subset !== null) {
+        HEAD.replay = null;
+        (HEAD.preloadXfer ??= /* @__PURE__ */ new Map()).set(as + ":" + value, subset);
+      }
     }
   }
   const imageSrcSet = as === "image" ? options.imageSrcSet : void 0;
@@ -6292,6 +7523,7 @@ function preinit(href, options) {
   if (as !== "style" && as !== "script") return;
   let seeded = null;
   if (HEAD !== null) {
+    HEAD.replay = null;
     const xfer = HEAD.preloadXfer?.get(as + ":" + value);
     if (xfer !== void 0) {
       seeded = xfer;
@@ -6378,9 +7610,11 @@ function ssrStylesheetResource(attrs, invalidReason) {
   if (typeof href !== "string" || href === "") return "";
   const key = "sheet:" + href;
   if (HEAD.hints.has(key)) return "";
+  HEAD.replay = null;
   HEAD.hints.add(key);
   const precedence = attrs.precedence == null ? "" : String(attrs.precedence);
   const tag = '<link rel="stylesheet" href="' + escapeAttr((0, import_sanitize_url.sanitizeURL)(href)) + '" data-precedence="' + escapeAttr(precedence) + '"' + resourceAttrs(attrs, "link") + ">";
+  HEAD.replay = null;
   const sheets = HEAD.sheets ??= /* @__PURE__ */ new Map();
   sheets.set(href, { precedence, html: tag });
   return "";
@@ -6412,9 +7646,11 @@ function ssrStyleResource(attrs, css, development) {
     }
     HEAD.hints.add("dev-inline-style:" + href);
   }
+  HEAD.replay = null;
   HEAD.hints.add(key);
   const precedence = attrs.precedence == null ? "" : String(attrs.precedence);
   const tag = '<style data-precedence="' + escapeAttr(precedence) + '" data-href="' + escapeAttr(href) + '"' + resourceAttrs(attrs, "link") + ">" + css + "</style>";
+  HEAD.replay = null;
   const sheets = HEAD.sheets ??= /* @__PURE__ */ new Map();
   sheets.set(href, { precedence, html: tag });
   return "";
@@ -6425,6 +7661,7 @@ function ssrScriptResource(attrs) {
   if (typeof src !== "string" || src === "") return "";
   const key = "script:" + src;
   if (HEAD.hints.has(key) || HEAD.hints.has("module:" + src)) return "";
+  HEAD.replay = null;
   HEAD.hints.add(key);
   HEAD.html += '<script src="' + escapeAttr((0, import_sanitize_url.sanitizeURL)(src)) + '" async data-oct-res=""' + resourceAttrs(attrs, "script") + "></script>";
   return "";
@@ -6483,16 +7720,20 @@ function preinitModule(href, options) {
   addTransitionType,
   beginNativeReadScope,
   beginNativeReadWitness,
+  bindPresentationView,
   callWithReceiver,
   cloneElement,
   createContext,
   createElement,
+  createElementAt,
+  createElementFromConfig,
   createHostedServerSession,
   createPortal,
   createScopedElement,
   createScopedValue,
   descriptorChildren,
   enableNativeReadCollection,
+  enableServerSignalBindings,
   encodeAsyncIdentityString,
   endNativeReadScope,
   escapeAttr,
@@ -6531,6 +7772,8 @@ function preinitModule(href, options) {
   prerenderToNodeStream,
   puBatch,
   puMemo,
+  readNativeDomProps,
+  readNativeDomStyle,
   renderHostedAttempt,
   renderToPipeableStream,
   renderToReadableStream,
@@ -6543,6 +7786,11 @@ function preinitModule(href, options) {
   ssrArm,
   ssrAttr,
   ssrAttrs,
+  ssrBindingBlock,
+  ssrBindingChild,
+  ssrBindingClass,
+  ssrBindingHtml,
+  ssrBindingKey,
   ssrBlock,
   ssrCheckedAttr,
   ssrChild,
@@ -6574,6 +7822,9 @@ function preinitModule(href, options) {
   ssrSelectAttrs,
   ssrSelectScope,
   ssrSelectScopeSources,
+  ssrSignalControlAttrs,
+  ssrSignalControlValue,
+  ssrSignalValue,
   ssrSnapshotSpread,
   ssrSpread,
   ssrSpreadContent,
@@ -6590,6 +7841,7 @@ function preinitModule(href, options) {
   startTransition,
   styleMap,
   touchStyleMap,
+  trustHTML,
   use,
   useActionState,
   useCallback,