octane 0.6.3 → 0.7.0

package/dist/cjs/runtime.cjs

@@ -289,6 +289,7 @@ __export(runtime_exports, {
   textHole: () => textHole,
   textHoleUpdate: () => textHoleUpdate,
   textSlot: () => textSlot,
+  textareaText: () => textareaText,
   tryBlock: () => tryBlock,
   updateFreshClassAttr: () => updateFreshClassAttr,
   updateFreshClassName: () => updateFreshClassName,
@@ -386,10 +387,10 @@ function profileTrackComponent(subject, fallback) {
     override !== null && override.target === fallback ? override.component : fallback
   );
 }
-function profilePortalComponent(rawBody) {
+function profilePortalComponent(rawBody, body) {
   if (typeof rawBody === "function" && (0, import_profiling.__profileHasComponentMetadata)(rawBody)) return rawBody;
   const descriptor = rawBody;
-  return descriptor != null && descriptor.$$kind === import_runtime_tags.ELEMENT_TAG && typeof descriptor.type === "function" ? descriptor.type : null;
+  return descriptor != null && descriptor.$$kind === import_runtime_tags.ELEMENT_TAG && descriptor.type === body ? body : null;
 }
 function ensureHooks(scope) {
   return scope.hooks ?? (scope.hooks = /* @__PURE__ */ new Map());
@@ -1156,6 +1157,7 @@ function siteLoc(scope, slotKey) {
   if (lc === void 0) return "";
   return `${scope.locFile ?? "<unknown>"}:${lc[0]}:${lc[1]}`;
 }
+const COMPONENT_SOURCE_LOCS = !__octaneDev ? null : /* @__PURE__ */ new WeakMap();
 function componentSourceLoc(body) {
   if (typeof body !== "function") return void 0;
   try {
@@ -1163,13 +1165,17 @@ function componentSourceLoc(body) {
     if (typeof stamped === "string") return stamped;
   } catch {
   }
+  const cache = COMPONENT_SOURCE_LOCS;
+  if (cache !== null && cache.has(body)) return cache.get(body);
+  let loc;
   try {
     const source = Function.prototype.toString.call(body);
     const match = /["']__octane_loc:([^"'\\\s]+)["']/.exec(source);
-    if (match !== null) return decodeURIComponent(match[1]);
+    if (match !== null) loc = decodeURIComponent(match[1]);
   } catch {
   }
-  return void 0;
+  cache?.set(body, loc);
+  return loc;
 }
 function isHydrationSuppressed(el) {
   return el !== null && el.__oct_suppress === true;
@@ -1245,6 +1251,10 @@ function hydrationNodeMatches(server, template2, partialStyles, path = "") {
   }
   return true;
 }
+function fragmentRootMatches(server, fragment, partialStyles) {
+  const first = getFirstChild(fragment);
+  return first.nodeType === 8 || hydrationNodeMatches(server, first, partialStyles, "0");
+}
 function removeHydrationRange(start, end) {
   let n = start;
   while (n !== null) {
@@ -2506,7 +2516,7 @@ function suspendRootRender(block, wakeable, attempt) {
         owner.retry();
     });
   };
-  wakeable.then(ping, ping);
+  resumeOnSettle(wakeable, ping);
   return true;
 }
 const BINDING_BAG_ARITY = /* @__PURE__ */ Symbol();
@@ -3117,8 +3127,8 @@ function vtScopeForBlock(block) {
     const host = vtScopeHost(ancestor);
     if (host === null) return null;
     if (ancestor !== block) {
-      const parent2 = block.parentNode;
-      if (parent2 !== host && !(STAGED_DOM?.view(host) ?? host).contains(parent2)) {
+      const parent = block.parentNode;
+      if (parent !== host && !(STAGED_DOM?.view(host) ?? host).contains(parent)) {
         const elements = vtRangeElements(block);
         if (elements.length === 0 || elements.some(
           (element) => element !== host && !(STAGED_DOM?.view(host) ?? host).contains(element)
@@ -3128,10 +3138,14 @@ function vtScopeForBlock(block) {
     }
     return host;
   }
-  const parent = block.parentNode;
-  const physical = vtClosestScope(parent);
-  if (physical !== null) return physical;
-  return parent.nodeType === 9 ? parent : parent.ownerDocument;
+  for (let current = block; current !== null; current = current.parentBlock) {
+    const parent = current.parentNode;
+    const physical = vtClosestScope(parent);
+    if (physical !== null) return physical;
+    const owner = parent.nodeType === 9 ? parent : parent.ownerDocument;
+    if (owner.defaultView !== null) return owner;
+  }
+  return null;
 }
 function vtCaptureElements(block, owner) {
   return vtRangeElements(block).filter((element) => {
@@ -4840,6 +4854,8 @@ function vtFinalizeGroup(group, types) {
     while (ancestor !== null && !active.has(ancestor))
       ancestor = vtNearestBoundaryAncestor(ancestor);
     if (ancestor === null) vtCancelOldCapture(rec, cancelledAnimations);
+    else if (visibleAfter.has(rec.block))
+      vtApplyStyles(rec, vtResolveClass(rec.props, "update", types));
   }
   vtCheckNames(group);
   const root = owner.documentElement;
@@ -7053,12 +7069,12 @@ function renderReturnedValue(block, out, reset) {
             block.parentNode,
             d.type,
             d.props,
+            d.__octaneInvocationSite,
             block.endMarker,
-            d.key ?? void 0,
             true,
             void 0,
-            activeHydration() !== null && elementKeyWasProvided(d),
-            d.__octaneInvocationSite
+            d.key ?? void 0,
+            activeHydration() !== null && elementKeyWasProvided(d)
           )
         );
       } else {
@@ -7068,32 +7084,21 @@ function renderReturnedValue(block, out, reset) {
           block.parentNode,
           d.type,
           d.props,
+          d.__octaneInvocationSite,
           block.endMarker,
-          d.key ?? void 0,
           true,
           void 0,
-          activeHydration() !== null && elementKeyWasProvided(d),
-          d.__octaneInvocationSite
+          d.key ?? void 0,
+          activeHydration() !== null && elementKeyWasProvided(d)
         );
       }
     } else {
       const returnHydration = activeHydration();
-      if (returnHydration !== null && block.slots[0] === void 0 && block.startMarker !== null && block.endMarker !== null && block.startMarker !== block.endMarker && block.startMarker.nodeType === 8 && block.endMarker.nodeType === 8 && (getNextSibling(block.startMarker) === block.endMarker || returnHydration.isUnframedRootRange(block.startMarker, block.endMarker))) {
-        const borrowed = {
-          __kind: "childSlot",
-          start: block.startMarker,
-          end: block.endMarker,
-          ownerHost: null,
-          borrowed: true,
-          compactable: false,
-          block: null,
-          text: null,
-          currentComp: null,
-          currentIsBodyFn: false,
-          forSlot: null,
-          hostNode: null,
-          portal: null
-        };
+      if (returnHydration !== null && block.slots[0] === void 0 && block.startMarker !== null && block.endMarker !== null && block.startMarker !== block.endMarker && block.startMarker.nodeType === 8 && block.endMarker.nodeType === 8 && (getNextSibling(block.startMarker) === block.endMarker || returnHydration.isUnframedRootRange(block.startMarker, block.endMarker) || isComponentDescriptor && returnHydration.holdsServerText(block))) {
+        const borrowed = returnHydration.lendRange(
+          block.startMarker,
+          block.endMarker
+        );
         block.slots[0] = borrowed;
         registerSlot(block, borrowed);
       }
@@ -7201,7 +7206,7 @@ class LiteBlockImpl {
     this.signalInstanceResolved = void 0;
   }
 }
-function componentSlotLite(parentScope, slotKey, host, comp, props, anchor, invocationSite) {
+function componentSlotLite(parentScope, slotKey, host, comp, props, invocationSite, anchor) {
   if (CURRENT_BLOCK?.pending && !CURRENT_BLOCK.crossRenderUpdate) return;
   if (parentScope === SHARED_BODY_SCOPE) {
     componentSlotImpl(
@@ -7231,8 +7236,8 @@ function componentSlotLite(parentScope, slotKey, host, comp, props, anchor, invo
       host,
       comp,
       props,
-      anchor,
-      invocationSite
+      invocationSite,
+      anchor
     );
     return;
   }
@@ -7301,9 +7306,9 @@ function componentSlotLite(parentScope, slotKey, host, comp, props, anchor, invo
   }
   if (hydration !== null && adoptedClose !== null) hydration.node = getNextSibling(adoptedClose);
 }
-function suspendFreshLiteComponent(hydration, parentScope, slotKey, host, comp, props, anchor, invocationSite) {
+function suspendFreshLiteComponent(hydration, parentScope, slotKey, host, comp, props, invocationSite, anchor) {
   hydration.suspend(
-    () => componentSlotLite(parentScope, slotKey, host, comp, props, anchor, invocationSite)
+    () => componentSlotLite(parentScope, slotKey, host, comp, props, invocationSite, anchor)
   );
 }
 let TEARDOWN_DEPTH = 0;
@@ -8989,7 +8994,7 @@ function preserveSuspendedHydrateActivation(state, hydration, thenable) {
     state.serverActivationStarted = false;
     scheduleRender(state.parentBlock);
   };
-  thenable.then(resume, resume);
+  resumeOnSettle(thenable, resume);
 }
 function hydrateStrategyType(when) {
   return typeof when === "function" ? "dynamic" : when?._t ?? "dynamic";
@@ -10480,6 +10485,14 @@ function useThenable(thenable, replaceOnResume = false) {
     warnUseWaterfall(block, idx);
   throw new SuspenseException(thenable);
 }
+let SETTLED_WAKEABLES = null;
+function resumeOnSettle(wakeable, retry) {
+  const onSettle = SETTLED_WAKEABLES?.has(wakeable) === true ? () => void setTimeout(retry, 0) : () => {
+    (SETTLED_WAKEABLES ??= /* @__PURE__ */ new WeakSet()).add(wakeable);
+    retry();
+  };
+  wakeable.then(onSettle, onSettle);
+}
 function trackThenable(thenable) {
   if (thenable.status !== void 0) return;
   thenable.status = "pending";
@@ -11332,16 +11345,16 @@ function template(html, ns = 0, frag = 0) {
     }
   };
 }
-function templateRootDescriptor(html) {
-  if (html.charCodeAt(0) !== 60) return 3;
-  const c = html.charCodeAt(1);
+function templateRootDescriptor(html, at = 0) {
+  if (html.charCodeAt(at) !== 60) return 3;
+  const c = html.charCodeAt(at + 1);
   if (!(c >= 97 && c <= 122 || c >= 65 && c <= 90)) return 8;
-  let i = 2;
+  let i = at + 2;
   for (; i < html.length; i++) {
     const cc = html.charCodeAt(i);
     if (cc === 62 || cc === 47 || cc <= 32) break;
   }
-  return html.slice(1, i);
+  return html.slice(at + 1, i);
 }
 function lazyRootDescriptor(lazy2) {
   const root = lazy2.root;
@@ -11357,6 +11370,16 @@ function lazyRootMatches(server, lazy2) {
   if (server.nodeType !== 1) return false;
   return server.localName === root;
 }
+function lazyFragmentRootMatches(server, lazy2) {
+  const root = lazy2.frag !== 0 ? lazyRootDescriptor(lazy2) : templateRootDescriptor(
+    lazy2.html,
+    13
+    /* '<octane-frag>'.length */
+  );
+  if (root === 8) return true;
+  if (root === 3) return server.nodeType === 3;
+  return server.nodeType === 1 && server.localName === root;
+}
 function resolveLazyTemplate(lazy2) {
   let ns;
   if (lazy2.ns === 3) {
@@ -11373,6 +11396,8 @@ function resolveLazyTemplate(lazy2) {
   return parsed;
 }
 let currentHydration = null;
+let HYDRATION_REBUILT = null;
+let HYDRATION_REBUILT_HOSTS = null;
 function activeHydration() {
   const hydration = currentHydration;
   return hydration !== null && hydration.isActive() ? hydration : null;
@@ -11380,6 +11405,31 @@ function activeHydration() {
 function isRendererHydrationStyle(node) {
   return node.nodeType === 1 && node.localName === "style" && (STAGED_DOM?.view(node) ?? node).hasAttribute("data-octane");
 }
+function isFloatHeadResource(node) {
+  if (node.nodeType !== 1) return false;
+  const el = STAGED_DOM?.view(node) ?? node;
+  const tag = el.localName;
+  return (tag === "link" || tag === "style" || tag === "script") && (el.hasAttribute("data-precedence") || el.hasAttribute("data-oct-hint") || el.hasAttribute("data-oct-res"));
+}
+function skipFoldedHeadPrefix(container, node) {
+  const head = container.nodeType === 9 ? null : container.ownerDocument.head;
+  while (node !== null) {
+    if (node.nodeType === 10 || isRendererHydrationStyle(node) || isFloatHeadResource(node)) {
+      node = getNextSibling(node);
+      continue;
+    }
+    const el = head !== null && node.nodeType === 8 ? getNextSibling(node) : null;
+    const end = el === null ? null : getNextSibling(el);
+    if (end === null || end.nodeType !== 8) return node;
+    const key = (STAGED_DOM?.view(node) ?? node).data;
+    if (!key.startsWith("rnh-") || (STAGED_DOM?.view(end) ?? end).data !== "/" + key)
+      return node;
+    const next = getNextSibling(end);
+    (STAGED_DOM?.view(head) ?? head).append(node, el, end);
+    node = next;
+  }
+  return null;
+}
 class HydrationCapability {
   constructor(rootBlock, node, seeds) {
     this.rootBlock = rootBlock;
@@ -11409,6 +11459,8 @@ class HydrationCapability {
   textWarnings = /* @__PURE__ */ new Map();
   /** Skip component-frame adoption until the declared container owner. */
   passthroughRanges = false;
+  /** A slot lent a server range whose first render has yet to claim it. */
+  lentSlot = null;
   nativeAdoption;
   retryPresentation;
   presentation;
@@ -11462,6 +11514,147 @@ class HydrationCapability {
   warnStructural(loc, expected, actual) {
     warnHydrationStructuralMismatch(loc, expected, actual);
   }
+  /**
+   * A slot for the range `start`…`end` that a list item or a returning
+   * component adopted, lent to the child slot that renders its value, so that
+   * the value hydrates inside that range rather than claiming a range of its
+   * own. The slot's first render claims the server range as an adopted one.
+   */
+  lendRange(start, end) {
+    const slot = {
+      __kind: "childSlot",
+      start,
+      end,
+      ownerHost: null,
+      borrowed: true,
+      compactable: false,
+      block: null,
+      text: null,
+      currentComp: null,
+      currentIsBodyFn: false,
+      forSlot: null,
+      hostNode: null,
+      portal: null
+    };
+    if (this.isOpen(start)) this.lentSlot = slot;
+    return slot;
+  }
+  /**
+   * Before a child slot's first hydrating render of the server range
+   * `start`…`end`, which it adopted or was lent, check that `value` can adopt
+   * what the range holds. A host descriptor serializes as exactly one element
+   * of its tag. A list (`list`, from prepareDeoptList) frames or self-delimits
+   * each of its items, so it neither leaves the range empty nor opens it with
+   * text, unless it has no items, and then the range is empty. A portal does
+   * not open it with text either. Anything else is server content the client
+   * cannot adopt: what the server rendered for another value, or invalid
+   * nesting that the HTML parser repaired (`<p><div></div></p>` arrives as
+   * `<p></p><div></div><p></p>`, all inside the range). Discard it, as
+   * renderBranchSlot's rebuild does. Returns whether it did, in which case the
+   * caller builds the value as a client mount would.
+   */
+  claimRange(scope, slotKey, start, end, value, list) {
+    const rebuilt = HYDRATION_REBUILT?.has(end) === true;
+    const type = list === null && isHostDescriptor(value) ? value.type : null;
+    if (!rebuilt && type === null && list === null && value?.$$kind !== import_runtime_tags.PORTAL_TAG)
+      return false;
+    const first = getNextSibling(start);
+    const matches = type !== null && first !== end && first.nodeType === 1 && isHostElementOfType(first, type);
+    if (!rebuilt && (type !== null ? matches && getNextSibling(first) === end : list !== null && first === end ? list.items.length === 0 : first.nodeType !== 3 && list?.items.length !== 0))
+      return false;
+    return this.discard(
+      scope,
+      slotKey,
+      first,
+      end,
+      // Items that render nothing differ from an empty range only in the
+      // frames the server would have given them: rebuild those quietly.
+      rebuilt || list !== null && first === end && !list.items.some((item) => item != null && typeof item !== "boolean" && item !== ""),
+      __octaneDev ? type !== null ? matches ? `the end of <${type}>` : `<${type}>` : list?.items.length === 0 ? "nothing" : list !== null ? "a renderable list range" : "a portal" : "",
+      matches ? getNextSibling(first) : first === end ? null : first
+    );
+  }
+  /**
+   * A child slot's first hydrating render without a server range of its own,
+   * such as a return slot's when its component's range holds server text. A
+   * list, a fragment, a keyed or lone element, and a portal never serialize as
+   * bare text, so a lone text node before `end` in `parent` is what the server
+   * rendered for a primitive, which the value cannot adopt. Discard it; returns
+   * whether it did. An earlier attempt that did so left its own content there.
+   */
+  discardServerText(scope, slotKey, parent, end, value, list) {
+    const text = this.node;
+    if (end !== null && HYDRATION_REBUILT?.has(end) === true) {
+      let node = text;
+      while (node !== null && node !== end) node = getNextSibling(node);
+      return this.discard(scope, slotKey, node === end ? text : null, end, true, "", null);
+    }
+    if (text === null || text.nodeType !== 3 || !(list || value?.$$kind === import_runtime_tags.PORTAL_TAG || isHostDescriptor(value)) || domNode(text).parentNode !== parent || getNextSibling(text) !== end)
+      return false;
+    return this.discard(
+      scope,
+      slotKey,
+      text,
+      end,
+      false,
+      __octaneDev ? list ? "a renderable list range" : value.$$kind === import_runtime_tags.PORTAL_TAG ? "a portal" : `<${value.type}>` : "",
+      text
+    );
+  }
+  /**
+   * A list item's first hydrating render where the server content at the
+   * cursor cannot be that item: the server rendered fewer items, a bare item
+   * where this one needs a range of its own, or an item of another tag.
+   * Discard the list's server content from the cursor to its `end`, so that
+   * this item and every later one build as a client mount would. The list
+   * reports once, and an earlier attempt that rebuilt it left its own content.
+   */
+  discardItems(end, expected) {
+    const from = this.node;
+    let node = from;
+    while (node !== null && node !== end) node = getNextSibling(node);
+    const stale = node === end && from !== end ? from : null;
+    this.discard(null, 0, stale, end, HYDRATION_REBUILT?.has(end) === true, expected, stale);
+  }
+  /**
+   * STRUCTURAL recovery for a list where the SERVER rendered MORE items than the
+   * client now renders: after its first fill adopts the client's items, the
+   * cursor sits on the first unconsumed server item (or at `end`). Discard
+   * everything between the cursor and `end` so the extra server items don't
+   * linger. Only when the cursor precedes `end`; stops AT `end`.
+   */
+  discardLeftoverItems(end) {
+    const from = this.node;
+    if (from === end) return;
+    let node = from;
+    while (node !== null && node !== end) node = getNextSibling(node);
+    if (node === null) return;
+    if (!this.staleServerValues)
+      noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(56)));
+    removeRange(from, end);
+  }
+  /**
+   * Remove the server content from `from` up to `end` that a child slot's
+   * value cannot adopt, and point the cursor at `end`. Reports the structural
+   * mismatch (`expected`, and the `actual` server node, describe it in
+   * development) unless it is `quiet`, as it is when an earlier attempt already
+   * rebuilt this content, or the captures legitimately changed before a dormant
+   * boundary activated. Remembers `end` for later attempts.
+   */
+  discard(scope, slotKey, from, end, quiet, expected, actual) {
+    if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
+    if (!quiet && !this.staleServerValues) {
+      noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)));
+      if (__octaneDev) {
+        const loc = scope !== null && (siteLoc(scope, slotKey) || componentSourceLoc(scope.block.body)) || domNode(from ?? end).parentNode?.__oct_loc;
+        if (loc) warnHydrationStructuralMismatch(loc, expected, describeHydrationNode(actual));
+      }
+    }
+    removeRange(from, end);
+    if (end !== null) (HYDRATION_REBUILT ??= /* @__PURE__ */ new WeakSet()).add(end);
+    this.node = end;
+    return true;
+  }
   recordTextMismatch(node, loc, server) {
     if (this.staleServerValues) return;
     if (!__octaneDev && ROOT_ERROR_HANDLERS === null) return;
@@ -11482,6 +11675,35 @@ class HydrationCapability {
   removeRange(start, end) {
     removeHydrationRange(start, end);
   }
+  /**
+   * Runs before the first hydrating render of a text or empty value `str` in a
+   * child slot that adopted the server's `<!--[-->…<!--]-->` range. The value
+   * serializes as at most one text node there, which the slot adopts when it
+   * leads the range. Anything else in the range is server content the client
+   * cannot adopt, such as an element or component the server rendered for a
+   * value the client renders as text or nothing. Discard it and report the
+   * recovery, as claimRange does for a host descriptor.
+   */
+  discardUnadoptedText(scope, slotKey, state, str) {
+    const end = state.end;
+    const first = getNextSibling(state.start);
+    const kept = str !== "" && first.nodeType === 3;
+    const stale = kept ? getNextSibling(first) : first;
+    if (stale === end) return;
+    if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
+    if (!this.staleServerValues) {
+      noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)));
+      if (__octaneDev) {
+        const loc = siteLoc(scope, slotKey);
+        if (loc) {
+          const client = str === "" ? "nothing" : `text ${JSON.stringify(str)}`;
+          this.warnStructural(loc, kept ? `the end of ${client}` : client, this.describe(stale));
+        }
+      }
+    }
+    removeRange(stale, end);
+    if (!kept) this.node = end;
+  }
   parseSeeds(raw) {
     return parseSeedJson(raw);
   }
@@ -11577,6 +11799,14 @@ class HydrationCapability {
   isUnframedRootRange(start, end) {
     return this.unframedRootRanges.get(start) === end;
   }
+  /**
+   * Whether `block`'s server range holds only unclaimed text at the cursor:
+   * what the server rendered for a primitive.
+   */
+  holdsServerText(block) {
+    const text = this.node;
+    return text !== null && text.nodeType === 3 && getNextSibling(block.startMarker) === text && getNextSibling(text) === block.endMarker;
+  }
   /** Record the first node outside a root-owned range exactly once. */
   claimRootRemainder(node) {
     if (this.rootRemainder === void 0) this.rootRemainder = node;
@@ -11719,14 +11949,7 @@ class HydrationCapability {
       const target = CURRENT_BLOCK?.parentNode;
       if (!claimsRoot && target != null && (STAGED_DOM?.view(cursor) ?? cursor).parentNode !== target)
         return this.freshClone(template2);
-      if (isBlockOpen(cursor)) {
-        const close = this.close(cursor);
-        this.node = getNextSibling(close);
-        removeHydrationRange(cursor, close);
-      } else {
-        this.node = getNextSibling(cursor);
-        (STAGED_DOM?.view(cursor) ?? cursor).remove();
-      }
+      this.discardCursor(cursor);
       if (claimsRoot)
         this.claimRootRemainder(
           framedRemainder === void 0 ? unframedRemainder ?? null : framedRemainder
@@ -11734,7 +11957,9 @@ class HydrationCapability {
       return this.freshClone(template2);
     }
     if (isFragment) {
-      return { __oct_vfrag: true, firstChild: cursor };
+      if (claimsRoot || (template2 !== null ? fragmentRootMatches(cursor, template2, partialStyles) : lazyFragmentRootMatches(cursor, lazy2)))
+        return { __oct_vfrag: true, firstChild: cursor };
+      return this.rebuildFragment(template2 ?? resolveLazyTemplate(lazy2), cursor, loc);
     }
     if (claimsRoot)
       this.claimRootRemainder(
@@ -11742,6 +11967,52 @@ class HydrationCapability {
       );
     return cursor;
   }
+  /**
+   * The server rendered something other than this nested fragment at the
+   * cursor (a text value, another component's roots). Report it once and build
+   * the fragment on the client. The fragment's block owns the server nodes from
+   * the cursor up to its end marker, where drainFrag inserts the fresh roots, so
+   * discard them. When the end marker does not follow the cursor inside the
+   * block's range, discard only the cursor node or its range, as a single-root
+   * mismatch does.
+   */
+  rebuildFragment(template2, cursor, loc) {
+    if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
+    if (!this.staleServerValues) {
+      noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)));
+      if (__octaneDev)
+        warnHydrationStructuralMismatch(
+          loc ?? componentSourceLoc(CURRENT_BLOCK?.body) ?? CURRENT_SCOPE?.locFile,
+          `a fragment starting with ${describeHydrationNode(getFirstChild(template2))}`,
+          describeHydrationNode(cursor)
+        );
+    }
+    const block = CURRENT_SCOPE?.block;
+    const parent = block?.parentNode;
+    const end = block?.endMarker ?? null;
+    if (parent == null || cursor === end || (STAGED_DOM?.view(cursor) ?? cursor).parentNode !== parent)
+      return this.freshClone(template2);
+    let node = cursor;
+    if (end !== null)
+      while (node !== null && node !== end && node !== block.startMarker)
+        node = getNextSibling(node);
+    if (node === end) {
+      this.node = end;
+      removeHydrationRange(cursor, (STAGED_DOM?.view(end) ?? end).previousSibling);
+    } else this.discardCursor(cursor);
+    return this.freshClone(template2);
+  }
+  /** Discard a mismatched server node (or the marker range it opens) and step past it. */
+  discardCursor(cursor) {
+    if (isBlockOpen(cursor)) {
+      const close = this.close(cursor);
+      this.node = getNextSibling(close);
+      removeHydrationRange(cursor, close);
+    } else {
+      this.node = getNextSibling(cursor);
+      (STAGED_DOM?.view(cursor) ?? cursor).remove();
+    }
+  }
   /** Remove server siblings left after the root's complete client shape was adopted. */
   finishRoot() {
     if (this.abandoned) return;
@@ -11765,6 +12036,18 @@ class HydrationCapability {
     this.node = null;
     this.rootRemainder = null;
   }
+  /**
+   * Whether the server framed `el`'s only child in a `<!--[-->…<!--]-->` range
+   * holding something other than one text node or nothing. htext unwraps a
+   * text-only frame; any other framed content belongs to a child slot.
+   */
+  framesSlotContent(el) {
+    const first = getFirstChild(el);
+    if (!this.isOpen(first)) return false;
+    let next = getNextSibling(first);
+    if (next !== null && next.nodeType === 3) next = getNextSibling(next);
+    return !this.isClose(next);
+  }
   htext(el, text, loc) {
     const first = getFirstChild(el);
     if (first !== null && first.nodeType === 3) {
@@ -11800,6 +12083,78 @@ class HydrationCapability {
     (STAGED_DOM?.view(el) ?? el).appendChild(created);
     return created;
   }
+  /**
+   * childTextHole's first hydrating render of an element, a component, or a
+   * list. The server frames such a value in a `<!--[-->…<!--]-->` range, which
+   * the hole's child slot adopts from the cursor. Anything else in the host is
+   * the text, or nothing, that the server rendered for a primitive value, which
+   * none of these values can adopt: discard it, report the recovery, and build
+   * the value as a client mount would. A textarea's text is its default value,
+   * which its value props own, so it stays. `render` is the hole's childSlot
+   * call, passed in so that hydration alone never retains the child-slot graph.
+   */
+  hydrateOnlyChild(scope, slotKey, el, render) {
+    let stale = getFirstChild(el);
+    const rebuilt = HYDRATION_REBUILT_HOSTS?.has(el) === true;
+    if (!rebuilt && this.isOpen(stale)) {
+      this.node = stale;
+      render();
+      return;
+    }
+    if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
+    if (stale !== null) {
+      if (el.localName === "textarea") stale = getNextSibling(stale);
+      else if (!rebuilt && !this.staleServerValues) {
+        noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)), this.rootBlock);
+        if (__octaneDev)
+          warnHydrationStructuralMismatch(
+            siteLoc(scope, slotKey) || el.__oct_loc,
+            "a renderable range",
+            describeHydrationNode(stale)
+          );
+      }
+    }
+    while (stale !== null) {
+      const next = getNextSibling(stale);
+      (STAGED_DOM?.view(el) ?? el).removeChild(stale);
+      stale = next;
+    }
+    (HYDRATION_REBUILT_HOSTS ??= /* @__PURE__ */ new WeakSet()).add(el);
+    this.suspend(render);
+  }
+  /**
+   * htext's counterpart for an only-child hole whose first hydrating value
+   * renders nothing (`null`, `undefined`, a boolean, or `''`). The server
+   * serializes that as no children, or as an empty `<!--[--><!--]-->` frame,
+   * which unwraps like htext's text-only frame. Anything else is server content
+   * the client renders no node for, so a later value would land beside it.
+   * Discard it and report the recovery as htext reports extra children.
+   * A textarea's text is its default value, which its value props own.
+   */
+  hempty(el, loc) {
+    const first = getFirstChild(el);
+    if (first === null || el.localName === "textarea") return;
+    const next = getNextSibling(first);
+    const framed = this.isOpen(first);
+    if (framed && this.isClose(next) && getNextSibling(next) === null) {
+      (STAGED_DOM?.view(first) ?? first).remove();
+      (STAGED_DOM?.view(next) ?? next).remove();
+      return;
+    }
+    if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
+    if (!this.staleServerValues) {
+      noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(62)), this.rootBlock);
+      if (__octaneDev) {
+        warnHydrationStructuralMismatch(
+          loc || el.__oct_loc,
+          "nothing",
+          describeHydrationNode(framed && next !== null ? next : first)
+        );
+      }
+    }
+    for (let n = getFirstChild(el); n !== null; n = getFirstChild(el))
+      (STAGED_DOM?.view(el) ?? el).removeChild(n);
+  }
   htextSwap(posNode, text) {
     if (isEmptyTextSlot(posNode)) {
       const empty = (STAGED_DOM?.view(document) ?? document).createTextNode("");
@@ -12168,6 +12523,43 @@ function htextSwap(posNode, value) {
   (STAGED_DOM?.view(parent) ?? parent).replaceChild(t, posNode);
   return t;
 }
+function rejectTextareaChild(child2) {
+  throw new Error((0, import_error_codes_client_generated.formatClientError)(336, (0, import_shared_value_helpers.describeTextareaChild)(child2, isElementDescriptor)));
+}
+function textareaPartText(part, textHole2) {
+  return textHole2 ? coerceText(part) : (0, import_shared_value_helpers.textareaChildText)(part, rejectTextareaChild);
+}
+function joinTextareaParts(parts, textHoles, read) {
+  let text = "";
+  for (let i = 0; i < parts.length; i++) {
+    const part = parts[i];
+    text += textareaPartText(
+      isSignalHandle(part) ? read(part) : part,
+      textHoles !== void 0 && textHoles.charCodeAt(i) === 116
+      // 't'
+    );
+  }
+  return text;
+}
+function textareaText(parts, textHoles) {
+  let handles;
+  for (const part of parts) if (isSignalHandle(part)) (handles ??= []).push(part);
+  if (handles === void 0) return joinTextareaParts(parts, textHoles, readSignalBinding);
+  const signals = handles;
+  return {
+    [import_types.SIGNAL_HANDLE]: true,
+    kind: "derived",
+    key: signals.map((handle) => handle.key).join("+"),
+    [import_types.SIGNAL_BINDING_READ]: () => joinTextareaParts(parts, textHoles, readSignalBinding),
+    get: () => joinTextareaParts(parts, textHoles, (handle) => handle.get()),
+    [import_types.SIGNAL_BINDING_SUBSCRIBE](notify, onRetire) {
+      const stops = signals.map((handle) => handle[import_types.SIGNAL_BINDING_SUBSCRIBE](notify, onRetire));
+      return () => {
+        for (const stop of stops) stop();
+      };
+    }
+  };
+}
 function bindingText(posNode, value, marker) {
   const text = coerceText(value);
   const hydration = activeHydration();
@@ -12472,9 +12864,9 @@ function preparePresentationSignalBinding(args, frame, text = false) {
       if (witness >= 0)
         frame.witnesses.set(handle, finishNativeReadWitness(witness, readCompleted));
     }
-    if (text && (current !== null && (typeof current === "object" || typeof current === "function") || typeof args[7] !== "string"))
+    if (text && (current !== null && (typeof current === "object" || typeof current === "function") || typeof args[8] !== "string"))
       presentationMiss(false);
-    const prepared = text ? bindingText(element, current, args[7]) : preparedPresentationAttribute(element, name, current, attributeKind);
+    const prepared = text ? bindingText(element, current, args[8]) : preparedPresentationAttribute(element, name, current, attributeKind);
     if (handle === null) {
       if (text) {
         frame.writes.get(element)?.delete("signalText");
@@ -12764,8 +13156,7 @@ function presentationStructure(writer, kind, marker, ...args) {
   if (frame?.revision === void 0) return writer(...args);
   const hydration = activeHydration();
   if (hydration === null) presentationMiss(false);
-  const anchorIndex = kind === "if" ? 6 : 5;
-  const start = hydration.resolveOpen(args[anchorIndex] ?? null, args[2]);
+  const start = hydration.resolveOpen(args[6] ?? null, args[2]);
   if (kind === "if") {
     const arm = args[3] ? args[4] === null ? -1 : 0 : args[5] === null ? -1 : 1;
     const range2 = presentationRange(frame, start, marker + arm, kind);
@@ -13258,8 +13649,8 @@ function bindDirectSignal(scope, previous, target, value, site, policy, name, at
   }
   return binding;
 }
-function bindSignalText(scope, previous, position, value, site, onlyChild = false, seededText = void 0, bindingMarker, previousValue) {
-  if (previous instanceof Text && arguments.length > 8 && previousValue === value && !isSignalHandle(value))
+function bindSignalText(scope, previous, position, value, site, onlyChild = false, previousValue, seededText = void 0, bindingMarker) {
+  if (previous instanceof Text && arguments.length > 6 && previousValue === value && !isSignalHandle(value))
     return previous;
   if (previous === void 0 && bindingMarker !== void 0) {
     const existing = activeHydration() !== null ? getNextSibling(position) : null;
@@ -13778,15 +14169,16 @@ class FragmentInstance {
   }
   /**
    * Blur the focused element only when a logical fragment child owns it,
-   * including children rendered into foreign portal containers.
+   * including children rendered into foreign portal containers. Each child is
+   * checked against its own focus root, so shadow-root and iframe portal
+   * children resolve to the owned element rather than their host or frame.
    */
   blur() {
     if (this._destroyed) return;
-    const doc = this._startMarker.ownerDocument || document;
-    const active = doc.activeElement;
-    if (!active || active === doc.body) return;
     for (const child2 of fragmentDirectChildren(this)) {
-      if (child2 === active || (STAGED_DOM?.view(child2) ?? child2).contains(active)) {
+      const root = (STAGED_DOM?.view(child2) ?? child2).getRootNode();
+      const active = root.activeElement;
+      if (active && (child2 === active || (STAGED_DOM?.view(child2) ?? child2).contains(active))) {
         (STAGED_DOM?.view(active) ?? active).blur();
         return;
       }
@@ -14153,6 +14545,10 @@ const HTML_NS = "http://www.w3.org/1999/xhtml";
 function isHtmlCustomElement(el) {
   return el.namespaceURI === HTML_NS && el.localName.indexOf("-") !== -1;
 }
+function isHostElementOfType(el, type) {
+  const name = el.localName;
+  return name === type || name === type.toLowerCase() && el.namespaceURI === HTML_NS;
+}
 function inferTagNs(tag, inherited) {
   if (tag === "svg") return SVG_NS;
   if (tag === "math") return MATHML_NS;
@@ -14841,7 +15237,8 @@ function setHostPropSources(el, sources, prev, scope, hasNestedChildren = false,
       props.get("defaultValue")?.value,
       props.get("checked")?.value,
       props.get("defaultChecked")?.value,
-      props.get("multiple")?.value
+      props.get("multiple")?.value,
+      hasNestedChildren || props.has("children")
     );
   return resolved;
 }
@@ -16748,7 +17145,8 @@ function armControlledBase(el) {
       compositionEndTask: void 0,
       queued: false,
       formSeen: false,
-      formMultiple: false
+      formMultiple: false,
+      formChildren: false
     };
     (STAGED_DOM?.view(el) ?? el).$$ctrl = ctrl;
     delegateEvents(RESTORE_EVENT_LIST);
@@ -17211,7 +17609,7 @@ function setFormControlSources(el, sources) {
   }
   applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple);
 }
-function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple) {
+function applyFormControlValues(el, tag, value, defaultValue, checked, defaultChecked, multiple, hasChildren = false) {
   const ctrl = armControlled(el);
   const first = !ctrl.formSeen;
   const previousMultiple = ctrl.formMultiple;
@@ -17241,10 +17639,12 @@ function applyFormControlValues(el, tag, value, defaultValue, checked, defaultCh
   }
   if (tag === "textarea") {
     const textarea = el;
+    const childrenOwned = ctrl.formChildren;
+    ctrl.formChildren = hasChildren;
     setValue(textarea, value);
     if (value == null) {
       if (defaultValue != null) setDefaultValue(textarea, defaultValue, first);
-      else if (!first && (STAGED_DOM?.view(textarea) ?? textarea).defaultValue !== "")
+      else if (!first && !childrenOwned && (STAGED_DOM?.view(textarea) ?? textarea).defaultValue !== "")
         (STAGED_DOM?.view(textarea) ?? textarea).defaultValue = "";
     }
     return;
@@ -17595,7 +17995,8 @@ function portal(parentScope, slotKey, target, body, props, host, env, fragmentOw
   if (prev !== state) {
     journalRootProperty(parentScope.slots, slotKey, parentScope.slots[slotKey]);
     parentScope.slots[slotKey] = state;
-    registerSlot(parentScope, state);
+    if (prev === void 0) registerSlot(parentScope, state);
+    else replacePortalSlot(parentScope, prev, state);
   }
   if (fragmentOwners !== void 0 && fragmentAnchor !== void 0) {
     registerFragmentPortalOwners(state, fragmentOwners, fragmentAnchor);
@@ -17615,6 +18016,16 @@ function portal(parentScope, slotKey, target, body, props, host, env, fragmentOw
     }
   }
 }
+function replacePortalSlot(scope, prev, state) {
+  const slots = scope._slots;
+  const index = slots === null ? -1 : slots.indexOf(prev);
+  if (index === -1) {
+    registerSlot(scope, state);
+    return;
+  }
+  journalRootProperty(slots, index, prev);
+  slots[index] = state;
+}
 function prepareFragmentPortalInterleaving(portal2) {
   const start = portal2.start;
   const end = portal2.end;
@@ -17762,8 +18173,9 @@ function renderPortalState(prev, parentBlock, target, rawBody, rawProps, host, e
     );
   }
   const norm = normalizePortalBody(rawBody, rawProps);
+  const childType = portalChildType(rawBody, norm.body);
   let state = prev;
-  if (state === null || state.target !== target || state.key !== key) {
+  if (state === null || state.target !== target || state.key !== key || state.childType !== childType) {
     if (state !== null) teardownPortalState(state);
     const start = (STAGED_DOM?.view(document) ?? document).createComment("portal");
     const end = (STAGED_DOM?.view(document) ?? document).createComment("/portal");
@@ -17782,9 +18194,9 @@ function renderPortalState(prev, parentBlock, target, rawBody, rawProps, host, e
       renderReturnedValue
     );
     if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__) {
-      (0, import_profiling.__profileTrackComponent)(block, profilePortalComponent(rawBody));
+      (0, import_profiling.__profileTrackComponent)(block, profilePortalComponent(rawBody, norm.body));
     }
-    state = { __kind: "portalSlotSlot", block, target, key, host, start, end };
+    state = { __kind: "portalSlotSlot", block, target, key, childType, host, start, end };
     registerPortalEventRange(target, state);
     activityPortalCreated?.(block);
     registerDelegationTarget(target);
@@ -17808,7 +18220,7 @@ function renderPortalState(prev, parentBlock, target, rawBody, rawProps, host, e
     state.block.props = norm.props;
     state.block.extra = env;
     if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__) {
-      (0, import_profiling.__profileTrackComponent)(state.block, profilePortalComponent(rawBody));
+      (0, import_profiling.__profileTrackComponent)(state.block, profilePortalComponent(rawBody, norm.body));
     }
     renderBlock(state.block);
   }
@@ -17853,7 +18265,7 @@ function normalizePortalBody(rawBody, rawProps) {
   if (typeof rawBody === "function") {
     return { body: rawBody, props: rawProps };
   }
-  if (rawBody != null && rawBody.$$kind === import_runtime_tags.ELEMENT_TAG && typeof rawBody.type === "function") {
+  if (rawBody != null && rawBody.$$kind === import_runtime_tags.ELEMENT_TAG && typeof rawBody.type === "function" && rawBody.key === null) {
     return {
       body: rawBody.type,
       props: rawBody.props
@@ -17864,6 +18276,9 @@ function normalizePortalBody(rawBody, rawProps) {
     props: rawBody
   };
 }
+function portalChildType(rawBody, body) {
+  return typeof rawBody === "function" ? null : body;
+}
 function genericPortalBody(value, scope) {
   childSlot(scope, 0, scope.parentNode, value, scope.endMarker);
 }
@@ -18416,7 +18831,7 @@ const Children = {
   }
 };
 const NO_KEY = /* @__PURE__ */ Symbol("NO_KEY");
-function componentSlot(parentScope, slotKey, domParent, comp, props, anchor, key, singleRoot, inherit, hasKey, invocationSite) {
+function componentSlot(parentScope, slotKey, domParent, comp, props, invocationSite, anchor, singleRoot, inherit, key, hasKey) {
   const dispatch = activityDescriptorDispatch;
   const activity = dispatch !== null && comp === dispatch.type;
   if (!activity && typeof comp !== "function" && typeof comp !== "string") {
@@ -18456,7 +18871,7 @@ function componentSlot(parentScope, slotKey, domParent, comp, props, anchor, key
     invocationSite
   );
 }
-function componentSlotVoid(parentScope, slotKey, domParent, comp, props, anchor, key, singleRoot, inherit, hasKey, invocationSite) {
+function componentSlotVoid(parentScope, slotKey, domParent, comp, props, invocationSite, anchor, singleRoot, inherit, key, hasKey) {
   if (typeof comp !== "function") throw invalidElementTypeError(comp);
   componentSlotImpl(
     null,
@@ -19190,7 +19605,7 @@ function hasDangerHTML(props) {
   return true;
 }
 function hasHostPropContent(descriptor) {
-  return hasDangerHTML(descriptor.props) || descriptor.type === "textarea" && (descriptor.props?.value != null || descriptor.props?.defaultValue != null);
+  return hasDangerHTML(descriptor.props) || isTextareaTag(descriptor.type) && (descriptor.props?.value != null || descriptor.props?.defaultValue != null);
 }
 function markInputCheckedness(input) {
   (STAGED_DOM?.view(input) ?? input).checked = (STAGED_DOM?.view(input) ?? input).checked;
@@ -19623,7 +20038,7 @@ function reconcileDeoptNode(prev, value, ownerBlock, ns) {
   if (isHostDescriptor(value)) {
     const elNs = inferTagNs(value.type, ns);
     let el;
-    if (prev !== null && prev.nodeType === 1 && prev.localName === value.type && prev.namespaceURI === (elNs ?? HTML_NS)) {
+    if (prev !== null && prev.nodeType === 1 && isHostElementOfType(prev, value.type) && prev.namespaceURI === (elNs ?? HTML_NS)) {
       el = prev;
       patchDeoptProps(el, getDeoptDesc(el)?.props ?? null, value.props, ownerBlock);
     } else {
@@ -19633,7 +20048,11 @@ function reconcileDeoptNode(prev, value, ownerBlock, ns) {
     }
     setDeoptDesc(el, value);
     if (!hasHostPropContent(value)) {
-      reconcileDeoptChildren(el, value.children, ownerBlock);
+      reconcileDeoptChildren(
+        el,
+        isHtmlTextareaType(value.type, elNs) ? (0, import_shared_value_helpers.textareaChildText)(value.children, rejectTextareaChild) : value.children,
+        ownerBlock
+      );
     }
     return el;
   }
@@ -19694,7 +20113,7 @@ function reconcileDeoptChildren(el, children, ownerBlock) {
     }
     const stampedKey = scan.$$deoptKey;
     const descriptor = stampedKey === void 0 ? getDeoptDesc(scan) : void 0;
-    if (stampedKey === void 0 && descriptor === void 0 && !(hydrationOwnsUnstamped ??= activeHydration() !== null)) {
+    if (stampedKey === void 0 && descriptor === void 0 && (!(hydrationOwnsUnstamped ??= activeHydration() !== null) || isTextSeparator(scan))) {
       hasForeign = true;
       scan = getNextSibling(scan);
       continue;
@@ -19773,7 +20192,7 @@ function nextDeoptOwnedChild(scan, adoptHydrationChildren) {
       scan = nodeAfterPortalRange(scan, rangeEnd);
       continue;
     }
-    if (!adoptHydrationChildren && scan.$$deoptKey === void 0 && getDeoptDesc(scan) === void 0) {
+    if (adoptHydrationChildren ? isTextSeparator(scan) : scan.$$deoptKey === void 0 && getDeoptDesc(scan) === void 0) {
       scan = getNextSibling(scan);
       continue;
     }
@@ -19806,7 +20225,7 @@ function deoptItemBody(item, scope) {
     let transfer = null;
     if (stale != null) {
       journalRootProperty(block, "deoptNode", block.deoptNode);
-      if (scope.slots[0] === void 0 && stale.nodeType === 1 && isHostDescriptor(item) && stale.localName === item.type && (STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode) {
+      if (scope.slots[0] === void 0 && stale.nodeType === 1 && isHostDescriptor(item) && isHostElementOfType(stale, item.type) && (STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode) {
         transfer = stale;
       } else if ((STAGED_DOM?.view(stale) ?? stale).parentNode === block.parentNode) {
         if (ROOT_RENDER_TRANSACTION !== null) {
@@ -19825,21 +20244,7 @@ function deoptItemBody(item, scope) {
       block.deoptNode = null;
     }
     if (hydration !== null && scope.slots[0] === void 0 && hydration.isOpen(block.startMarker)) {
-      const seeded = {
-        __kind: "childSlot",
-        start: block.startMarker,
-        end: block.endMarker,
-        ownerHost: null,
-        borrowed: true,
-        compactable: false,
-        block: null,
-        text: null,
-        currentComp: null,
-        currentIsBodyFn: false,
-        forSlot: null,
-        hostNode: null,
-        portal: null
-      };
+      const seeded = hydration.lendRange(block.startMarker, block.endMarker);
       scope.slots[0] = seeded;
       registerSlot(scope, seeded);
     }
@@ -19956,12 +20361,10 @@ function mappedDeoptItemBody(item, scope) {
         block.parentNode,
         item.type,
         item.props,
+        item.__octaneInvocationSite,
         block.endMarker,
-        void 0,
-        true,
         true,
-        void 0,
-        item.__octaneInvocationSite
+        true
       );
       return;
     }
@@ -19999,11 +20402,31 @@ function descNeedsBlocks(value) {
   if (value.$$kind === import_runtime_tags.PORTAL_TAG) return true;
   return false;
 }
+function isTextareaTag(type) {
+  return type === "textarea" || type.length === 8 && type.toLowerCase() === "textarea";
+}
+function isHtmlTextareaType(type, elNs) {
+  return elNs === void 0 && isTextareaTag(type);
+}
+function deoptHostChildren(block, el, d, elNs, adopt = false) {
+  if (!isHtmlTextareaType(d.type, elNs)) {
+    childSlot(block, 0, el, d.children, null, false, el);
+    return;
+  }
+  const text = adopt ? null : getFirstChild(el);
+  childTextHole(
+    block,
+    0,
+    el,
+    (0, import_shared_value_helpers.textareaChildText)(d.children, rejectTextareaChild),
+    text?.nodeType === 3 ? text : null
+  );
+}
 function hostElementBody(d, block) {
   let el = block.deoptNode;
   const hydration = activeHydration();
   const elNs = inferTagNs(d.type, deoptChildNamespace(block.parentNode));
-  if (el === null && hydration !== null && hydration.node !== null && hydration.node.nodeType === 1 && hydration.node.localName === d.type && (elNs === void 0 || hydration.node.namespaceURI === elNs)) {
+  if (el === null && hydration !== null && hydration.node !== null && hydration.node.nodeType === 1 && isHostElementOfType(hydration.node, d.type) && (elNs === void 0 || hydration.node.namespaceURI === elNs)) {
     el = hydration.node;
     block.deoptNode = el;
     applyDeoptProps(el, d.props, block);
@@ -20011,7 +20434,7 @@ function hostElementBody(d, block) {
     const savedCursor = getNextSibling(hydration.node);
     if (!hasHostPropContent(d)) {
       hydration.node = getFirstChild(el);
-      childSlot(block, 0, el, d.children, null, false, el);
+      deoptHostChildren(block, el, d, elNs, true);
     }
     hydration.node = savedCursor;
     return;
@@ -20039,11 +20462,11 @@ function hostElementBody(d, block) {
     applyDeoptProps(el, d.props, block);
     setDeoptDesc(el, d);
     if (!hasHostPropContent(d)) {
-      hydration.suspend(() => childSlot(block, 0, el, d.children, null, false, el));
+      hydration.suspend(() => deoptHostChildren(block, el, d, elNs));
     }
     return;
   }
-  if (el === null || el.localName !== d.type || elNs !== void 0 && el.namespaceURI !== elNs) {
+  if (el === null || !isHostElementOfType(el, d.type) || elNs !== void 0 && el.namespaceURI !== elNs) {
     if (el !== null) {
       const retired = el;
       if (ROOT_RENDER_TRANSACTION !== null) {
@@ -20079,7 +20502,7 @@ function hostElementBody(d, block) {
     patchDeoptProps(el, getDeoptDesc(el)?.props ?? null, d.props, block);
   }
   setDeoptDesc(el, d);
-  if (!hasHostPropContent(d)) childSlot(block, 0, el, d.children, null, false, el);
+  if (!hasHostPropContent(d)) deoptHostChildren(block, el, d, elNs);
 }
 function hostStringTagBody(d, block) {
   const tag = d.type;
@@ -20087,7 +20510,7 @@ function hostStringTagBody(d, block) {
   const hydration = activeHydration();
   const elNs = inferTagNs(tag, deoptChildNamespace(block.parentNode));
   if (el === null) {
-    if (hydration !== null && hydration.node !== null && hydration.node.nodeType === 1 && hydration.node.localName === tag && (elNs === void 0 || hydration.node.namespaceURI === elNs)) {
+    if (hydration !== null && hydration.node !== null && hydration.node.nodeType === 1 && isHostElementOfType(hydration.node, tag) && (elNs === void 0 || hydration.node.namespaceURI === elNs)) {
       el = hydration.node;
       block.deoptNode = el;
       applyDeoptProps(el, d.props, block);
@@ -20207,7 +20630,7 @@ function buildDeoptAdoptQueue(oldChildren, start, end) {
     if (cursor === null || cursor === end) break;
     const t = typeof v;
     const isText = t === "string" || t === "number" || t === "bigint";
-    const compatible = isText ? cursor.nodeType === 3 : isHostDescriptor(v) ? cursor.nodeType === 1 && cursor.localName === v.type : false;
+    const compatible = isText ? cursor.nodeType === 3 : isHostDescriptor(v) ? cursor.nodeType === 1 && isHostElementOfType(cursor, v.type) : false;
     if (!compatible) break;
     queue.push({ key: keys[i], node: cursor });
     cursor = getNextSibling(cursor);
@@ -20632,6 +21055,7 @@ function renderPreparedChildList(state, parentBlock, domParent, preparedList, hy
       if (passthroughStart !== null || passthroughEnd !== null) state.forSlot = null;
       throw error;
     }
+    if (hydration !== null && !passthroughList) hydration.discardLeftoverItems(state.forSlot.end);
   } else {
     reconcileKeyed(
       parentBlock,
@@ -20882,7 +21306,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
     const component = pureHost || preparedList !== null ? null : isHostDescriptor(value) ? hostElementBody : valueComponent;
     const unchangedList = preparedList !== null && state.forSlot !== null;
     const unchangedComponent = state.block !== null && component !== null && (component === state.currentComp || typeof value === "function" && state.currentIsBodyFn);
-    const unchangedHost = pureHost && state.hostNode !== null && state.block === null && state.hostNode.nodeType === 1 && state.hostNode.localName === value.type;
+    const unchangedHost = pureHost && state.hostNode !== null && state.block === null && state.hostNode.nodeType === 1 && isHostElementOfType(state.hostNode, value.type);
     const primitive = value == null || typeof value !== "object" && typeof value !== "function";
     const text = primitive ? coerceChildText(value) : null;
     const unchangedText = primitive && state.block === null && state.forSlot === null && state.hostNode === null && state.portal === null && state.text === null === (text === "");
@@ -20924,6 +21348,8 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
       return;
     }
   }
+  let adoptedRange = false;
+  let rebuild = false;
   if (state === void 0) {
     const transaction = ROOT_RENDER_TRANSACTION;
     if (transaction !== null && !transaction.aborted && !ROOT_RENDER_ROLLBACK && parentScope.mounted && !isCreatedInRootRender(transaction, parentBlock)) {
@@ -20944,6 +21370,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
       end = hydration.close(anchor);
       if (parentBlock === hydration.rootBlock) hydration.claimRootRemainder(getNextSibling(end));
       hydration.node = getNextSibling(start);
+      adoptedRange = true;
     } else if (hydration !== null && hydration.isOpen(hydration.node)) {
       start = hydration.node;
       end = hydration.close(hydration.node);
@@ -20952,6 +21379,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
         hydration.claimRootRemainder(getNextSibling(end));
       }
       hydration.node = getNextSibling(start);
+      adoptedRange = true;
     } else if (bindingMarker !== void 0) {
       start = (STAGED_DOM?.view(document) ?? document).createComment(bindingMarker);
       end = ownEnd && anchor != null ? anchor : (STAGED_DOM?.view(document) ?? document).createComment(import_constants.HYDRATION_END);
@@ -20970,6 +21398,15 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
       end = null;
     } else {
       start = null;
+      if (hydration !== null && ownsHost === void 0)
+        rebuild = hydration.discardServerText(
+          parentScope,
+          slotKey,
+          domParent,
+          anchor ?? null,
+          value,
+          preparedList !== null && compiledMapBody === void 0 && mappedFallback !== true
+        );
       end = (STAGED_DOM?.view(document) ?? document).createComment("");
       (STAGED_DOM?.view(domParent) ?? domParent).insertBefore(end, anchor ?? null);
       if (hydration !== null && parentBlock === hydration.rootBlock)
@@ -20993,7 +21430,19 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
     };
     parentScope.slots[slotKey] = state;
     registerSlot(parentScope, state);
+  } else if (hydration !== null && hydration.lentSlot === state) {
+    hydration.lentSlot = null;
+    adoptedRange = true;
   }
+  if (adoptedRange)
+    rebuild = hydration.claimRange(
+      parentScope,
+      slotKey,
+      state.start,
+      state.end,
+      value,
+      compiledMapBody === void 0 && mappedFallback !== true ? preparedList : null
+    );
   if (compactable === true) state.compactable = true;
   let upgradeChildren = void 0;
   let upgradeArmed = false;
@@ -21049,6 +21498,21 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
     return;
   }
   if (preparedList !== null) {
+    if (rebuild) {
+      const slot = state;
+      hydration.suspend(
+        () => renderPreparedChildList(
+          slot,
+          parentBlock,
+          domParent,
+          preparedList,
+          null,
+          upgradeArmed,
+          upgradeChildren
+        )
+      );
+      return;
+    }
     renderPreparedChildList(
       state,
       parentBlock,
@@ -21260,7 +21724,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
         return;
       }
     }
-    if (hydration === null && comp === hostElementBody && state.block === null && state.hostNode !== null && state.hostNode.nodeType === 1 && state.hostNode.localName === props.type && state.hostNode.namespaceURI === (inferTagNs(props.type, deoptChildNamespace(domParent)) ?? HTML_NS) && !hasDangerHTML(props.props) && !hasDangerHTML(getDeoptDesc(state.hostNode)?.props ?? null)) {
+    if (hydration === null && comp === hostElementBody && state.block === null && state.hostNode !== null && state.hostNode.nodeType === 1 && isHostElementOfType(state.hostNode, props.type) && state.hostNode.namespaceURI === (inferTagNs(props.type, deoptChildNamespace(domParent)) ?? HTML_NS) && !hasDangerHTML(props.props) && !hasDangerHTML(getDeoptDesc(state.hostNode)?.props ?? null)) {
       const el = state.hostNode;
       state.hostNode = null;
       state.currentComp = comp;
@@ -21381,7 +21845,11 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
       b.memoInChain = true;
     }
     state.block = b;
-    renderBlock(b);
+    if (rebuild) {
+      hydration.suspend(() => renderBlock(b));
+    } else {
+      renderBlock(b);
+    }
     if (hydration !== null && !state.borrowed && state.end !== null) {
       hydration.node = getNextSibling(state.end);
     }
@@ -21390,6 +21858,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
   if (value !== null && typeof value === "object") throw invalidChildError(value);
   if (state.block !== null || state.hostNode !== null) clearChildContent(state);
   const str = coerceChildText(value);
+  if (adoptedRange) hydration.discardUnadoptedText(parentScope, slotKey, state, str);
   if (str === "") {
     if (state.text !== null) {
       if (ROOT_RENDER_TRANSACTION !== null) clearChildContent(state);
@@ -21475,17 +21944,22 @@ function childTextHole(parentScope, slotKey, domParent, value, cachedNode) {
     throw new Error((0, import_error_codes_client_generated.formatClientError)(26, domParent.localName));
   }
   if (dangerouslySetInnerHTMLOwnsChild(domParent, value)) return null;
-  const vt = typeof value;
+  let vt = typeof value;
   const state = parentScope.slots[slotKey];
+  if (state === void 0 && (vt === "object" || vt === "function") && domParent.nodeType === 1 && domParent.localName === "textarea" && domParent.namespaceURI === HTML_NS && !isSignalHandle(value)) {
+    value = (0, import_shared_value_helpers.textareaChildText)(value, rejectTextareaChild);
+    vt = "string";
+  }
   if (ROOT_RENDER_TRANSACTION !== null && state === void 0 && parentScope.mounted) {
     journalBag();
     journalRootRange(domParent, null, null);
     journalRootProperty(parentScope.slots, slotKey, parentScope.slots[slotKey]);
   }
-  if (state === void 0 && vt !== "object" && vt !== "function") {
+  if (state === void 0 && (value === null || vt !== "object" && vt !== "function")) {
     const str = value == null || value === false || value === true ? "" : vt === "string" ? value : String(value);
     if (str === "") {
       if (cachedNode !== null) (STAGED_DOM?.view(cachedNode) ?? cachedNode).remove();
+      else activeHydration()?.hempty(domParent, siteLoc(parentScope, slotKey));
       return null;
     }
     if (cachedNode !== null) {
@@ -21493,16 +21967,25 @@ function childTextHole(parentScope, slotKey, domParent, value, cachedNode) {
       return cachedNode;
     }
     const hydration2 = activeHydration();
-    if (hydration2 !== null) return hydration2.htext(domParent, str, siteLoc(parentScope, slotKey));
-    const tn = (STAGED_DOM?.view(document) ?? document).createTextNode(str);
-    (STAGED_DOM?.view(domParent) ?? domParent).appendChild(tn);
-    return tn;
+    if (hydration2 === null) {
+      const tn = (STAGED_DOM?.view(document) ?? document).createTextNode(str);
+      (STAGED_DOM?.view(domParent) ?? domParent).appendChild(tn);
+      return tn;
+    }
+    if (!hydration2.framesSlotContent(domParent))
+      return hydration2.htext(domParent, str, siteLoc(parentScope, slotKey));
   }
   if (state === void 0 && cachedNode !== null)
     (STAGED_DOM?.view(cachedNode) ?? cachedNode).remove();
   const hydration = activeHydration();
-  if (hydration !== null && state === void 0) hydration.node = getFirstChild(domParent);
-  childSlot(parentScope, slotKey, domParent, value, null, false, domParent);
+  if (hydration !== null && state === void 0)
+    hydration.hydrateOnlyChild(
+      parentScope,
+      slotKey,
+      domParent,
+      () => childSlot(parentScope, slotKey, domParent, value, null, false, domParent)
+    );
+  else childSlot(parentScope, slotKey, domParent, value, null, false, domParent);
   const s = parentScope.slots[slotKey];
   return s.block === null && s.forSlot === null && s.hostNode === null ? s.text : null;
 }
@@ -22235,7 +22718,7 @@ function mountPassthroughPending(state, thenable) {
     setTryBranch(state, -1);
     scheduleRender(state.parentBlock);
   };
-  thenable.then(retry, retry);
+  resumeOnSettle(thenable, retry);
 }
 function renderPassthroughTry(state) {
   if (state.branch === 0 && state.block !== null) {
@@ -22892,7 +23375,7 @@ function renderInitialSuspenseHydration(state, initial) {
         return;
       scheduleRender(state.parentBlock);
     };
-    suspended.then(resume, resume);
+    resumeOnSettle(suspended, resume);
     return;
   }
   initialSuspenseHydrations?.delete(state);
@@ -23961,7 +24444,7 @@ function attachResume(state, thenable) {
       commitResume(state);
     }
   };
-  thenable.then(retry, retry);
+  resumeOnSettle(thenable, retry);
 }
 function startTransition(fn) {
   runTransition(fn);
@@ -24126,6 +24609,7 @@ function useActionState(action, initialState, permalinkOrSlot, slot) {
     };
     const dispatch = ((payload) => {
       const outsideTransition = __octaneDev && transitionActionBatchForUpdate() === null && ACTIVE_SUBMIT_DISPATCH?.intercepted !== true;
+      const run = slotRef.action;
       slotRef.pendingCount++;
       setPending(true);
       slotRef.chain = slotRef.chain.then(
@@ -24137,7 +24621,7 @@ function useActionState(action, initialState, permalinkOrSlot, slot) {
           startTransition(() => {
             let p;
             try {
-              const result = slotRef.action(prevState, payload);
+              const result = run(prevState, payload);
               if (__octaneDev && outsideTransition && result != null && typeof result.then === "function") {
                 console.error(
                   "An async useActionState action was dispatched outside a transition or action. Use an action/formAction prop or wrap the dispatch in startTransition."
@@ -24233,6 +24717,9 @@ function useFormStatus(slot) {
   }
   return s.form ? FORM_STATUS.get(s.form) ?? IDLE_FORM_STATUS : IDLE_FORM_STATUS;
 }
+function basicOptimisticReducer(state, value) {
+  return typeof value === "function" ? value(state) : value;
+}
 function useOptimistic(passthrough, updateFnOrSlot, slot) {
   let updateFn;
   if (typeof updateFnOrSlot === "symbol") slot = updateFnOrSlot;
@@ -24256,7 +24743,6 @@ function useOptimistic(passthrough, updateFnOrSlot, slot) {
     };
     const slotRef = {
       queue: [],
-      updateFn,
       armed: false,
       add: (value) => {
         if (__octaneDev && TRANSITION_DEPTH === 0 && ASYNC_TRANSITION_COUNT === 0) {
@@ -24285,11 +24771,9 @@ function useOptimistic(passthrough, updateFnOrSlot, slot) {
     TRANSITION_LISTENERS.add(listener);
     registerHookCleanup(scope, () => TRANSITION_LISTENERS.delete(listener));
   }
-  s.updateFn = updateFn;
   let optimistic = passthrough;
-  for (let i = 0; i < s.queue.length; i++) {
-    optimistic = s.updateFn ? s.updateFn(optimistic, s.queue[i]) : s.queue[i];
-  }
+  const reduce = updateFn ?? basicOptimisticReducer;
+  for (let i = 0; i < s.queue.length; i++) optimistic = reduce(optimistic, s.queue[i]);
   return [optimistic, s.add];
 }
 function spawnDeferredSwap(s) {
@@ -24947,7 +25431,13 @@ function renderBranchSlot(parentScope, slotKey, state, domParent, next, body, ma
       );
       state.block = b;
       state.markerlessBefore = before;
-      renderBlock(b);
+      try {
+        renderBlock(b);
+      } catch (error) {
+        if ((before ? getNextSibling(before) : getFirstChild(domParent)) !== after)
+          finalizeMarkerlessBranch(state, domParent, b, marker, before, after);
+        throw error;
+      }
       finalizeMarkerlessBranch(state, domParent, b, marker, before, after);
       replaceSharedBlockBoundary(
         parentBlock,
@@ -25275,7 +25765,7 @@ function suspendHiddenActivity(state, thenable) {
     if (state.pendingThenable !== thenable || !state.hidden || blockSubtreeDisposed(block)) return;
     scheduleRender(block);
   };
-  thenable.then(retry, retry);
+  resumeOnSettle(thenable, retry);
 }
 function renderHiddenActivity(state, replay = false, block = state.block) {
   const previousReplay = RESUME_REPLAY;
@@ -25808,7 +26298,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       (f & 2) !== 0,
       (f & 16) !== 0
     );
-    if (hydration !== null) discardLeftoverHydrationItems(state.end, hydration);
+    if (hydration !== null) hydration.discardLeftoverItems(state.end);
   } else {
     reconcileKeyed(
       parentBlock,
@@ -26054,13 +26544,6 @@ function fastMapSlot(scopeOrItems, slotOrMethod, domParent, items, method, nativ
     true
   );
 }
-function discardLeftoverHydrationItems(end, hydration) {
-  const n = hydration.node;
-  if (n === null || n === end || (STAGED_DOM?.view(n) ?? n).parentNode !== (STAGED_DOM?.view(end) ?? end).parentNode)
-    return;
-  noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(56)));
-  removeRange(n, end);
-}
 function removeRange(from, end) {
   let n = from;
   while (n !== null && n !== end) {
@@ -26810,87 +27293,65 @@ function batchClearItems(state, oldItems, ownedRootClear = false) {
 function mountItem(parentBlock, parentNode, anchor, item, index, key, body, forSlot, singleRoot, ssrMarkerless, adoptNode = null) {
   const hydration = activeHydration();
   if (hydration !== null) {
-    if (ssrMarkerless && !hydration.isOpen(hydration.node) && (singleRoot !== 2 || forSlot.plainDeopt !== true || isHostDescriptor(item) && !descNeedsBlocks(item))) {
-      if (hydration.node !== null && hydration.node !== forSlot.end && (singleRoot !== 2 || forSlot.plainDeopt !== true || hydration.node.nodeType === 1 && domNode(hydration.node).parentNode === parentNode)) {
-        const root = hydration.node;
-        const block3 = createBlock(
+    const node = hydration.node;
+    if (ssrMarkerless && !hydration.isOpen(node) && (singleRoot !== 2 || forSlot.plainDeopt !== true || isHostDescriptor(item) && !descNeedsBlocks(item))) {
+      if (node !== null && node !== forSlot.end && (singleRoot !== 2 || forSlot.plainDeopt !== true || node.nodeType === 1 && domNode(node).parentNode === parentNode && isHostElementOfType(node, item.type))) {
+        const block2 = createBlock(
           "control-flow",
           parentBlock,
           parentNode,
-          root,
-          root,
+          node,
+          node,
           body,
           item,
           forSlot.env
         );
-        block3.forSlot = forSlot;
-        block3.key = key;
-        block3.itemIndex = index;
-        if (singleRoot === 2 && forSlot.plainDeopt === true) block3.deoptNode = root;
-        renderBlock(block3);
-        hydration.node = domNode(block3.endMarker)?.nextSibling ?? getNextSibling(root);
-        return block3;
-      }
-      if (__octaneDev) {
-        const mmLoc = parentNode.__oct_loc;
-        if (mmLoc)
-          hydration.warnStructural(mmLoc, "another list item", hydration.describe(hydration.node));
-      }
-      return hydration.suspend(
-        () => mountItem(
-          parentBlock,
-          parentNode,
-          anchor,
-          item,
-          index,
-          key,
-          body,
-          forSlot,
-          singleRoot,
-          ssrMarkerless
-        )
-      );
-    }
-    if (!hydration.isOpen(hydration.node)) {
-      if (__octaneDev) {
-        const mmLoc = parentNode.__oct_loc;
-        if (mmLoc)
-          hydration.warnStructural(mmLoc, "another list item", hydration.describe(hydration.node));
-      }
-      return hydration.suspend(
-        () => mountItem(
-          parentBlock,
-          parentNode,
-          anchor,
-          item,
-          index,
-          key,
-          body,
-          forSlot,
-          singleRoot,
-          ssrMarkerless
-        )
+        block2.forSlot = forSlot;
+        block2.key = key;
+        block2.itemIndex = index;
+        if (singleRoot === 2 && forSlot.plainDeopt === true) block2.deoptNode = node;
+        renderBlock(block2);
+        hydration.node = domNode(block2.endMarker)?.nextSibling ?? getNextSibling(node);
+        return block2;
+      }
+    } else if (hydration.isOpen(node)) {
+      const itemEnd = hydration.close(node);
+      hydration.node = getNextSibling(node);
+      const block2 = createBlock(
+        "control-flow",
+        parentBlock,
+        parentNode,
+        node,
+        itemEnd,
+        body,
+        item,
+        forSlot.env
       );
-    }
-    const itemStart = hydration.node;
-    const itemEnd = hydration.close(itemStart);
-    hydration.node = getNextSibling(itemStart);
-    const block2 = createBlock(
-      "control-flow",
-      parentBlock,
-      parentNode,
-      itemStart,
-      itemEnd,
-      body,
-      item,
-      forSlot.env
+      block2.forSlot = forSlot;
+      block2.key = key;
+      block2.itemIndex = index;
+      renderBlock(block2);
+      hydration.node = getNextSibling(itemEnd);
+      return block2;
+    }
+    hydration.discardItems(
+      forSlot.end,
+      __octaneDev ? forSlot.plainDeopt === true && isHostDescriptor(item) && !descNeedsBlocks(item) ? `<${item.type}>` : "another list item" : ""
+    );
+    return hydration.suspend(
+      () => mountItem(
+        parentBlock,
+        parentNode,
+        anchor,
+        item,
+        index,
+        key,
+        body,
+        forSlot,
+        singleRoot,
+        ssrMarkerless
+      )
     );
-    block2.forSlot = forSlot;
-    block2.key = key;
-    block2.itemIndex = index;
-    renderBlock(block2);
-    hydration.node = getNextSibling(itemEnd);
-    return block2;
   }
   if (singleRoot === true || singleRoot === 2 && isHostDescriptor(item) && !descNeedsBlocks(item)) {
     if (adoptNode !== null) {
@@ -26925,7 +27386,12 @@ function mountItem(parentBlock, parentNode, anchor, item, index, key, body, forS
     block2.forSlot = forSlot;
     block2.key = key;
     block2.itemIndex = index;
-    renderBlock(block2);
+    try {
+      renderBlock(block2);
+    } catch (error) {
+      discardThrownItem(block2, error, anchor);
+      throw error;
+    }
     const root = (STAGED_DOM?.view(anchor) ?? anchor).previousSibling;
     block2.startMarker = root;
     block2.endMarker = root;
@@ -26960,12 +27426,21 @@ function mountItem(parentBlock, parentNode, anchor, item, index, key, body, forS
   try {
     renderBlock(block);
   } catch (error) {
-    if (isSuspenseException(error)) retainDiscardedWarmMemos(block);
-    unmountBlock(block, !ROOT_RENDER_TRANSACTION?.retainedCreated?.has(block));
+    discardThrownItem(block, error, null);
     throw error;
   }
   return block;
 }
+function discardThrownItem(block, error, selfMarkedAnchor) {
+  const bag = block.slots[0];
+  if (selfMarkedAnchor !== null && bag != null && bag.__kind === void 0) {
+    const root = (STAGED_DOM?.view(selfMarkedAnchor) ?? selfMarkedAnchor).previousSibling;
+    block.startMarker = root;
+    block.endMarker = root;
+  }
+  if (isSuspenseException(error)) retainDiscardedWarmMemos(block);
+  unmountBlock(block, !ROOT_RENDER_TRANSACTION?.retainedCreated?.has(block));
+}
 function moveBlockBefore(block, anchor) {
   const parent = domNode(block.startMarker).parentNode;
   const end = block.endMarker;
@@ -28183,9 +28658,7 @@ function hydrateRootWithOutputHandler(container, bodyOrElement, propsOrOptions,
     createdInRootRender(rootBlock);
     journalRootProperty(idState, "next", idState.next);
     idState.next = rootOptions?.identifierSeed ?? 0;
-    let firstNode = getFirstChild(container);
-    while (firstNode !== null && (firstNode.nodeType === 10 || isRendererHydrationStyle(firstNode)))
-      firstNode = getNextSibling(firstNode);
+    const firstNode = skipFoldedHeadPrefix(container, getFirstChild(container));
     const hydration = new HydrationCapability(rootBlock, firstNode, seeds);
     if (bindingLeases?.length) {
       const attempted = rootBlock;
@@ -28334,7 +28807,15 @@ function createIndependentHydrateActivator(body) {
       tryBlock(scope, 0, scope.block.parentNode, content, null, null, scope.block.endMarker);
     };
     const adapter = (_props, scope) => {
-      componentSlotVoid(scope, 0, scope.block.parentNode, framed, void 0, scope.block.endMarker);
+      componentSlotVoid(
+        scope,
+        0,
+        scope.block.parentNode,
+        framed,
+        void 0,
+        void 0,
+        scope.block.endMarker
+      );
     };
     const root = hydrateRoot(element, adapter, captures, {
       identifierPrefix: manifest.boundaryId + "-",
@@ -28988,6 +29469,7 @@ function scriptResource(attrs) {
   textHole,
   textHoleUpdate,
   textSlot,
+  textareaText,
   tryBlock,
   updateFreshClassAttr,
   updateFreshClassName,