octane 0.6.2 → 0.7.0

package/dist/cjs/runtime.cjs

@@ -102,6 +102,7 @@ __export(runtime_exports, {
   createRoot: () => createRoot,
   createScopedElement: () => createScopedElement,
   createScopedValue: () => createScopedValue,
+  deferRecord: () => deferRecord,
   delegateCaptureEvents: () => delegateCaptureEvents,
   delegateEvents: () => delegateEvents,
   descriptorChildren: () => descriptorChildren,
@@ -159,6 +160,7 @@ __export(runtime_exports, {
   isChildrenBlock: () => isChildrenBlock,
   isHydratingStyle: () => isHydratingStyle,
   isInActScope: () => isInActScope,
+  isRenderCall: () => isRenderCall,
   isValidElement: () => isValidElement,
   keyedForBlock: () => keyedForBlock,
   lazy: () => lazy,
@@ -287,6 +289,7 @@ __export(runtime_exports, {
   textHole: () => textHole,
   textHoleUpdate: () => textHoleUpdate,
   textSlot: () => textSlot,
+  textareaText: () => textareaText,
   tryBlock: () => tryBlock,
   updateFreshClassAttr: () => updateFreshClassAttr,
   updateFreshClassName: () => updateFreshClassName,
@@ -366,6 +369,7 @@ var import_early_values = require("./signals/early-values.cjs");
 var import_types = require("./signals/types.cjs");
 var import_read_protocol2 = require("./signals/read-protocol.cjs");
 var import_css = require("./css.cjs");
+const __octaneDev = process.env.NODE_ENV !== "production";
 let PROFILE_COMPONENT_OVERRIDE = null;
 function withProfileComponentOverride(target, component, run) {
   const previous = PROFILE_COMPONENT_OVERRIDE;
@@ -383,16 +387,16 @@ 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());
 }
 function registerHookCleanup(scope, cleanup) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     if (scope.block.body?.[HMR] !== void 0) {
       cleanup[HMR] = true;
     }
@@ -1153,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 {
@@ -1160,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;
@@ -1176,14 +1185,14 @@ function hydrationMismatchMode(el) {
   return el.__oct_loc !== void 0 ? 2 : 0;
 }
 function warnHydrationValueMismatch(loc, what, serverVal, clientVal) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (!loc) return;
   console.error(
     `Octane hydration mismatch at ${loc}: server rendered ${what} ${JSON.stringify(serverVal)} but the client rendered ${JSON.stringify(clientVal)}. The client value was used. If this difference is intentional (e.g. a timestamp or random id), add suppressHydrationWarning to the element.`
   );
 }
 function warnHydrationKeptServerValue(loc, what, serverVal, clientVal) {
-  if (process.env.NODE_ENV === "production" || !loc) return;
+  if (!__octaneDev || !loc) return;
   console.error(
     `Octane hydration mismatch at ${loc}: server rendered ${what} ${JSON.stringify(serverVal)} but the client rendered ${JSON.stringify(clientVal)}. The server value was kept. If this difference is intentional, add suppressHydrationWarning to the element.`
   );
@@ -1201,7 +1210,7 @@ function describeHydrationNode(node) {
   return "a node";
 }
 function warnHydrationStructuralMismatch(loc, expected, actual) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (!loc) return;
   console.error(
     `Octane hydration mismatch at ${loc}: the client expected ${expected} but the server rendered ${actual}. The mismatched subtree was rebuilt on the client.`
@@ -1213,7 +1222,7 @@ function hydrationNodeMatches(server, template2, partialStyles, path = "") {
   const s = server;
   const t = template2;
   if (s.localName !== t.localName) return false;
-  if (process.env.NODE_ENV === "production") return true;
+  if (!__octaneDev) return true;
   const tAttrs = (STAGED_DOM?.view(t) ?? t).attributes;
   for (let i = 0; i < tAttrs.length; i++) {
     const a = tAttrs[i];
@@ -1242,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) {
@@ -2503,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();
@@ -3114,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)
@@ -3125,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) => {
@@ -3176,7 +3193,7 @@ function vtPrepareScopeBoundary(block) {
   const state = vtBoundaryState(block);
   if (state.scopeHost !== null && state.scopeHost !== host) vtReleaseScopeBoundary(block);
   if (host === null) {
-    if (process.env.NODE_ENV !== "production" && block.vt?.scope === "element" && !inInactiveSubtree(block) && !VT_INVALID_SCOPE_WARNED.has(block)) {
+    if (__octaneDev && block.vt?.scope === "element" && !inInactiveSubtree(block) && !VT_INVALID_SCOPE_WARNED.has(block)) {
       VT_INVALID_SCOPE_WARNED.add(block);
       console.error(
         'ViewTransition scope="element" requires exactly one host element without non-whitespace text siblings. This declaration will commit without its own animation.'
@@ -3984,7 +4001,7 @@ const ACT_DRAIN_LIMIT = NESTED_UPDATE_LIMIT + 50;
 let UPDATE_CHAIN_ID = 0;
 let PASSIVE_UPDATE_COUNTS = null;
 function countPassiveUpdate(block) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   const counts = PASSIVE_UPDATE_COUNTS ??= /* @__PURE__ */ new WeakMap();
   let state = counts.get(block);
   if (state === void 0 || state.chain !== UPDATE_CHAIN_ID) {
@@ -4014,7 +4031,7 @@ function componentName(block) {
   return body.displayName || body.name || "Unknown";
 }
 function warnCrossComponentRenderUpdate(target, source) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   const warnings = CROSS_RENDER_WARNINGS ??= /* @__PURE__ */ new WeakMap();
   let sources = warnings.get(target.body);
   if (sources === void 0) warnings.set(target.body, sources = /* @__PURE__ */ new WeakSet());
@@ -4026,12 +4043,12 @@ function warnCrossComponentRenderUpdate(target, source) {
 }
 function scheduleRender(block) {
   if (block.disposed) return;
-  if (process.env.NODE_ENV !== "production" && CURRENT_EFFECT_PHASE === INSERTION) {
+  if (__octaneDev && CURRENT_EFFECT_PHASE === INSERTION) {
     console.error(
       "useInsertionEffect must not schedule state updates. Move this work to a layout or passive effect."
     );
   }
-  if (process.env.NODE_ENV !== "production" && isActEnvironment() && actScopeDepth === 0 && !syncFlush) {
+  if (__octaneDev && isActEnvironment() && actScopeDepth === 0 && !syncFlush) {
     console.error(
       `An update to ${componentName(block)} was not wrapped in act(...).
 
@@ -4653,7 +4670,7 @@ function flushWork() {
   }
 }
 function vtCheckNames(group) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   const names = /* @__PURE__ */ new Map();
   for (const rec of group.recs)
     for (const el of rec.els) {
@@ -4837,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;
@@ -5310,7 +5329,7 @@ function drainPassivesBeforeRender() {
   }
 }
 function flushSync(fn) {
-  if (process.env.NODE_ENV !== "production" && (CURRENT_BLOCK !== null || EFFECT_BODY_DEPTH > 0 || REF_CALLBACK_DEPTH > 0)) {
+  if (__octaneDev && (CURRENT_BLOCK !== null || EFFECT_BODY_DEPTH > 0 || REF_CALLBACK_DEPTH > 0)) {
     console.error(
       "flushSync was called while rendering or running a lifecycle callback. Move the call to an event or scheduled task."
     );
@@ -6404,7 +6423,7 @@ function runEffectBody(e) {
     reportEffectError(e.scope.block, err);
     return;
   }
-  if (process.env.NODE_ENV !== "production" && cleanup !== void 0 && typeof cleanup !== "function") {
+  if (__octaneDev && cleanup !== void 0 && typeof cleanup !== "function") {
     const name = e.phase === PASSIVE ? "useEffect" : e.phase === LAYOUT ? "useLayoutEffect" : "useInsertionEffect";
     const thenable = cleanup !== null && typeof cleanup.then === "function";
     console.error(
@@ -7050,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 {
@@ -7065,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);
       }
@@ -7198,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(
@@ -7228,8 +7236,8 @@ function componentSlotLite(parentScope, slotKey, host, comp, props, anchor, invo
       host,
       comp,
       props,
-      anchor,
-      invocationSite
+      invocationSite,
+      anchor
     );
     return;
   }
@@ -7298,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;
@@ -8094,7 +8102,7 @@ function depsChanged(prev, next, hook = false) {
   let length = prev.length;
   if (length !== next.length) {
     if (!hook) return true;
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       console.error(
         `The dependency array must keep the same length between renders (previous: ${length}, next: ${next.length}).`
       );
@@ -8308,7 +8316,7 @@ function useMemo(compute, deps, slot) {
   const scope = CURRENT_SCOPE;
   const entry = readMemoEntry(scope, s, d);
   if (entry !== null) return entry.value;
-  const value = process.env.NODE_ENV !== "production" ? computeMemoWithDiagnostics(compute, d) : compute.apply(null, d ?? []);
+  const value = __octaneDev ? computeMemoWithDiagnostics(compute, d) : compute.apply(null, d ?? []);
   return publishMemoEntry(scope, s, d, value);
 }
 function useCallback(fn, deps, slot) {
@@ -8533,7 +8541,7 @@ function useSyncExternalStore(subscribe, getSnapshot, serverSnapshotOrSlot = voi
   const subs = usesSubslots(slot);
   const readSnapshot = activeHydration() !== null && getServerSnapshot !== void 0 ? getServerSnapshot : getSnapshot;
   const value = readSnapshot();
-  if (process.env.NODE_ENV !== "production" && !DID_WARN_UNCACHED_SNAPSHOT && !Object.is(value, readSnapshot())) {
+  if (__octaneDev && !DID_WARN_UNCACHED_SNAPSHOT && !Object.is(value, readSnapshot())) {
     DID_WARN_UNCACHED_SNAPSHOT = true;
     console.error(
       "The " + (readSnapshot === getSnapshot ? "getSnapshot" : "getServerSnapshot") + " result must be cached to avoid an infinite update loop."
@@ -8555,7 +8563,7 @@ function useSyncExternalStore(subscribe, getSnapshot, serverSnapshotOrSlot = voi
       } : () => scheduleStoreRender(block),
       onStoreChange: () => {
         if (block.disposed) return;
-        if (CURRENT_BLOCK === null && block.pending && block.pendingMode === "urgent" && !block.pendingDeferred && !(typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__) && (process.env.NODE_ENV === "production" || !isActEnvironment() || actScopeDepth !== 0 || syncFlush)) {
+        if (CURRENT_BLOCK === null && block.pending && block.pendingMode === "urgent" && !block.pendingDeferred && !(typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__) && (!__octaneDev || !isActEnvironment() || actScopeDepth !== 0 || syncFlush)) {
           return;
         }
         if (checkStoreChanged(created)) created.forceUpdate();
@@ -8641,7 +8649,7 @@ function initializeContext(ctx, defaultValue) {
   ctx.defaultValue = defaultValue;
   ctx.$$version = 0;
   (0, import_context_identity.registerContext)(ctx);
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     (0, import_context_identity.defineRemovedContextMembers)(ctx);
   }
   return ctx;
@@ -8986,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";
@@ -10039,7 +10047,7 @@ const ErrorBoundary = /* @__PURE__ */ (0, import_component_flags.markComponentFl
 );
 const TsrxErrorBoundary = ErrorBoundary;
 function use(usable) {
-  if (process.env.NODE_ENV !== "production" && devMemoComputeDepth !== 0) {
+  if (__octaneDev && devMemoComputeDepth !== 0) {
     console.error(
       "Do not call use() inside a useMemo() factory. Cached factories can skip context or promise reads; call use() before useMemo() and memoize the returned value instead."
     );
@@ -10464,7 +10472,7 @@ function useThenable(thenable, replaceOnResume = false) {
     throw new SuspenseException(thenable);
   }
   if (stored !== void 0 && RESUME_REPLAY && !replaceOnResume) {
-    if (process.env.NODE_ENV !== "production") warnUncachedUsePromise(block);
+    if (__octaneDev) warnUncachedUsePromise(block);
     if (stored.status === "fulfilled") return stored.value;
     if (stored.status === "rejected") throw stored.reason;
     throw new SuspenseException(stored);
@@ -10473,10 +10481,18 @@ function useThenable(thenable, replaceOnResume = false) {
   trackThenable(thenable);
   if (thenable.status === "fulfilled") return thenable.value;
   if (thenable.status === "rejected") throw thenable.reason;
-  if (process.env.NODE_ENV !== "production" && RESUME_REPLAY && idx > 0 && state[idx - 1] !== void 0)
+  if (__octaneDev && RESUME_REPLAY && idx > 0 && state[idx - 1] !== void 0)
     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";
@@ -10498,7 +10514,7 @@ function devHintsEnabled() {
 }
 const warnedUncached = /* @__PURE__ */ new WeakSet();
 function warnUncachedUsePromise(block) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (!devHintsEnabled() || warnedUncached.has(block)) return;
   warnedUncached.add(block);
   console.error(
@@ -10507,7 +10523,7 @@ function warnUncachedUsePromise(block) {
 }
 const warnedWaterfall = /* @__PURE__ */ new WeakSet();
 function warnUseWaterfall(block, idx) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (!devHintsEnabled() || warnedWaterfall.has(block)) return;
   warnedWaterfall.add(block);
   console.error(
@@ -10763,7 +10779,7 @@ function warmChild(comp, props) {
   const plan = comp.__warm;
   if (typeof plan !== "function") return;
   if (WARM_DEPTH >= WARM_DEPTH_CAP) {
-    if (process.env.NODE_ENV !== "production" && devHintsEnabled()) {
+    if (__octaneDev && devHintsEnabled()) {
       console.error(
         `warmChild: fetch-tree warm walk exceeded ${WARM_DEPTH_CAP} levels \u2014 stopping speculative prefetch here (rendering is unaffected). Is a recursive component missing its termination guard?`
       );
@@ -11273,7 +11289,7 @@ function initDomOperations() {
     seedExpando(elementProto, DANGER_HTML_SPREAD_CHILD, false);
     seedExpando(elementProto, DEOPT_DESC, false);
     seedExpando(elementProto, DEFAULT_VALUE_BASELINE, false);
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       seedExpando(elementProto, "__oct_loc");
     }
   }
@@ -11329,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;
@@ -11354,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) {
@@ -11370,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;
@@ -11377,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;
@@ -11406,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;
@@ -11454,14 +11509,155 @@ class HydrationCapability {
   }
   /** DEV-only: every caller is dev-gated, so prod must not retain the describer. */
   describe(node) {
-    return process.env.NODE_ENV === "production" ? "" : describeHydrationNode(node);
+    return !__octaneDev ? "" : describeHydrationNode(node);
   }
   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 (process.env.NODE_ENV === "production" && ROOT_ERROR_HANDLERS === null) return;
+    if (!__octaneDev && ROOT_ERROR_HANDLERS === null) return;
     if (!this.textWarnings.has(node)) this.textWarnings.set(node, { loc, server });
   }
   flushTextWarnings() {
@@ -11470,7 +11666,7 @@ class HydrationCapability {
       const client = (STAGED_DOM?.view(node) ?? node).nodeValue;
       if (pending.server !== client) {
         noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(61)), this.rootBlock);
-        if (process.env.NODE_ENV !== "production")
+        if (__octaneDev)
           warnHydrationValueMismatch(pending.loc, "text", pending.server, client);
       }
     }
@@ -11479,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);
   }
@@ -11574,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;
@@ -11628,7 +11861,7 @@ class HydrationCapability {
   abandonRoot(diagnostic) {
     if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
     noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(52)));
-    if (process.env.NODE_ENV !== "production" && diagnostic !== void 0) {
+    if (__octaneDev && diagnostic !== void 0) {
       const [loc, expected, actual] = diagnostic();
       if (loc) warnHydrationStructuralMismatch(loc, expected, actual);
     }
@@ -11671,7 +11904,7 @@ class HydrationCapability {
       if (template2 === null) template2 = resolveLazyTemplate(lazy2);
       if (!this.staleServerValues) {
         noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)));
-        if (process.env.NODE_ENV !== "production")
+        if (__octaneDev)
           warnHydrationStructuralMismatch(
             loc ?? componentSourceLoc(CURRENT_BLOCK?.body) ?? CURRENT_SCOPE?.locFile,
             "a non-empty fragment",
@@ -11686,7 +11919,7 @@ class HydrationCapability {
       if (remainder === void 0) {
         const fragment = template2;
         this.abandonRoot(
-          process.env.NODE_ENV !== "production" ? () => [
+          __octaneDev ? () => [
             componentSourceLoc(this.rootBlock.body),
             `a fragment starting with ${describeHydrationNode(getFirstChild(fragment))}`,
             describeHydrationNode(cursor)
@@ -11706,7 +11939,7 @@ class HydrationCapability {
       if (PRESENTATION_HYDRATION?.revision !== void 0) presentationMiss();
       noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)));
       if (template2 === null) template2 = resolveLazyTemplate(lazy2);
-      if (process.env.NODE_ENV !== "production" && loc)
+      if (__octaneDev && loc)
         warnHydrationStructuralMismatch(
           loc,
           describeHydrationNode(template2),
@@ -11716,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
@@ -11731,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(
@@ -11739,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;
@@ -11747,7 +12021,7 @@ class HydrationCapability {
       remainder = getNextSibling(remainder);
     if (remainder === null) return;
     noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(53)), this.rootBlock);
-    if (process.env.NODE_ENV !== "production")
+    if (__octaneDev)
       warnHydrationStructuralMismatch(
         componentSourceLoc(this.rootBlock.body),
         "the end of the root",
@@ -11762,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) {
@@ -11772,7 +12058,7 @@ class HydrationCapability {
       }
       if (getNextSibling(first) !== null) {
         noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(62)), this.rootBlock);
-        if (process.env.NODE_ENV !== "production") {
+        if (__octaneDev) {
           warnHydrationStructuralMismatch(
             loc || el.__oct_loc,
             "the end of the text element",
@@ -11797,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("");
@@ -11818,7 +12176,7 @@ class HydrationCapability {
     const suppressed = isHydrationSuppressed(host);
     if (text !== "" && !suppressed) {
       noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(54)));
-      if (process.env.NODE_ENV !== "production") {
+      if (__octaneDev) {
         warnHydrationStructuralMismatch(
           host && host.__oct_loc,
           `text ${JSON.stringify(text)}`,
@@ -11862,7 +12220,7 @@ class HydrationCapability {
     const mode = hydrationMismatchMode(el);
     if (mode === 0) return true;
     if (mode === 1) return false;
-    if (process.env.NODE_ENV !== "production" && !this.staleServerValues)
+    if (__octaneDev && !this.staleServerValues)
       warnHydrationValueMismatch(el.__oct_loc, `attribute \`${name}\``, server, next);
     return true;
   }
@@ -11874,7 +12232,7 @@ class HydrationCapability {
     if (import_dom_binding_claims.domBindingClaims.get(el)?.get("class") === rawServer) return false;
     if (mode === 0) return true;
     if (mode === 1) return false;
-    if (process.env.NODE_ENV !== "production" && !this.staleServerValues)
+    if (__octaneDev && !this.staleServerValues)
       warnHydrationValueMismatch(el.__oct_loc, "attribute `class`", server, next);
     return true;
   }
@@ -11931,7 +12289,7 @@ class HydrationCapability {
     if (before === expected && hadStyleAttribute === expectsStyleAttribute) return true;
     if (expectsStyleAttribute) style.cssText = expected;
     else (STAGED_DOM?.view(el) ?? el).removeAttribute("style");
-    if (mode === 2 && process.env.NODE_ENV !== "production" && !this.staleServerValues) {
+    if (mode === 2 && __octaneDev && !this.staleServerValues) {
       warnHydrationValueMismatch(el.__oct_loc, "style", before, expected);
     }
     return true;
@@ -12043,7 +12401,7 @@ function clone(node, loc, partialStyles) {
   const lazy2 = node.nodeType === void 0 ? (STAGED_DOM?.view(node) ?? node)[LAZY_TEMPLATE] : void 0;
   if (lazy2 !== void 0) {
     const hydration2 = activeHydration();
-    if (process.env.NODE_ENV === "production" && hydration2 !== null) {
+    if (!__octaneDev && hydration2 !== null) {
       return hydration2.cloneLazy(lazy2, loc);
     }
     const parsed = resolveLazyTemplate(lazy2);
@@ -12165,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();
@@ -12469,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");
@@ -12761,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);
@@ -13085,7 +13479,7 @@ function updateDirectSignalBinding(binding) {
     runWithBlockSignalOwner(binding.scope, () => {
       const value = readSignalBinding(binding.handle);
       if (!Object.is(binding.value, value)) writeDirectSignalBinding(binding, value);
-      if (process.env.NODE_ENV !== "production" && STAGED_DOM === null && binding.target.nodeType === 1)
+      if (__octaneDev && STAGED_DOM === null && binding.target.nodeType === 1)
         drainDevFormDiagnostics(binding.target);
     });
   } catch {
@@ -13255,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;
@@ -13775,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;
       }
@@ -13846,7 +14241,7 @@ class FragmentInstance {
    */
   observeUsing(observer) {
     if (this._destroyed) return;
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       let hasText = false;
       let hasElement = false;
       for (const child2 of this._children) {
@@ -13874,7 +14269,7 @@ class FragmentInstance {
   unobserveUsing(observer) {
     if (this._destroyed) return;
     if (this._observers === null || !this._observers.has(observer)) {
-      if (process.env.NODE_ENV !== "production") {
+      if (__octaneDev) {
         console.error(
           "You are calling unobserveUsing() with an observer that is not being observed with this fragment instance. First attach the observer with observeUsing()"
         );
@@ -14150,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;
@@ -14175,7 +14574,7 @@ function attrNamespace(name) {
 }
 function setAttribute(el, name, value) {
   if (name === "innerText" || name === "textContent") return;
-  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && !isHtmlCustomElement(el) && typeof el.__oct_custom_is !== "string") {
+  if (__octaneDev && el.__oct_loc !== void 0 && !isHtmlCustomElement(el) && typeof el.__oct_custom_is !== "string") {
     const warning = (0, import_aria_diagnostics.isAriaAttributeName)(name) ? (0, import_aria_diagnostics.ariaAttributeWarning)(name, el.localName) : (0, import_host_property_diagnostics.hostPropertyWarning)(name, value, el.localName, el.namespaceURI === SVG_NS);
     if (warning !== null) devWarnAttributeOnce(el, name, warning);
   }
@@ -14185,13 +14584,13 @@ function setAttribute(el, name, value) {
   }
   if (name === "suppressContentEditableWarning") return;
   if (name === "suppressNativeChangeWarning") {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       el.__oct_native_change_suppressed = value === true;
     }
     return;
   }
   if (name === "__octaneNativeChangeDiagnostic") {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       setNativeChangeDiagnosticMetadata(el, value);
     }
     return;
@@ -14224,7 +14623,7 @@ function setAttribute(el, name, value) {
       if (name === "autoFocus" && !isHtmlCustomElement(el)) {
         return setAutoFocus(el, value);
       }
-      if (process.env.NODE_ENV !== "production" && name === "autofocus" && el.__oct_loc !== void 0) {
+      if (__octaneDev && name === "autofocus" && el.__oct_loc !== void 0) {
         devWarnAttributeOnce(
           el,
           name,
@@ -14238,7 +14637,7 @@ function setAttribute(el, name, value) {
         if (t === "input" || t === "textarea" || t === "select") {
           return setDefaultValue(el, value);
         }
-      } else if (process.env.NODE_ENV !== "production" && name === "defaultvalue" && el.__oct_loc !== void 0) {
+      } else if (__octaneDev && name === "defaultvalue" && el.__oct_loc !== void 0) {
         devWarnAttributeOnce(
           el,
           name,
@@ -14250,7 +14649,7 @@ function setAttribute(el, name, value) {
       if (name === "defaultChecked" && el.localName === "input") {
         return setDefaultChecked(el, value);
       }
-      if (process.env.NODE_ENV !== "production" && name === "defaultchecked" && el.__oct_loc !== void 0) {
+      if (__octaneDev && name === "defaultchecked" && el.__oct_loc !== void 0) {
         devWarnAttributeOnce(
           el,
           name,
@@ -14295,7 +14694,7 @@ function setAttribute(el, name, value) {
     return;
   }
   if (!import_constants.VALID_ATTR_NAME.test(name)) {
-    if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+    if (__octaneDev && el.__oct_loc !== void 0) {
       devWarnAttributeOnce(el, name, `Invalid attribute name: \`${name}\` (skipped).`);
     }
     return;
@@ -14363,7 +14762,7 @@ function devValidateHostProps(el, props) {
   }
 }
 function setPlainAttribute(el, name, value) {
-  if (process.env.NODE_ENV !== "production") return setAttribute(el, name, value);
+  if (__octaneDev) return setAttribute(el, name, value);
   const type = typeof value;
   const next = value == null || type === "boolean" || type === "function" || type === "symbol" ? null : String(value);
   const hydration = activeHydration();
@@ -14373,7 +14772,7 @@ function setPlainAttribute(el, name, value) {
   else (STAGED_DOM?.view(el) ?? el).setAttribute(name, next);
 }
 function setURLAttribute(el, name, value) {
-  if (process.env.NODE_ENV !== "production") return setAttribute(el, name, value);
+  if (__octaneDev) return setAttribute(el, name, value);
   const type = typeof value;
   let next = value == null || type === "boolean" || type === "function" || type === "symbol" ? null : String(value);
   if (next !== null) {
@@ -14393,7 +14792,7 @@ function setStringData(el, name, value) {
   if (value == null || t === "function" || t === "symbol") {
     next = null;
   } else {
-    if (process.env.NODE_ENV !== "production" && t === "object" && el.__oct_loc !== void 0 && value.toString === Object.prototype.toString) {
+    if (__octaneDev && t === "object" && el.__oct_loc !== void 0 && value.toString === Object.prototype.toString) {
       devWarnAttributeOnce(
         el,
         name,
@@ -14409,7 +14808,7 @@ function setStringData(el, name, value) {
   else (STAGED_DOM?.view(el) ?? el).setAttribute(name, next);
 }
 function setBooleanAttribute(el, name, value) {
-  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+  if (__octaneDev && el.__oct_loc !== void 0) {
     const warning = (0, import_host_property_diagnostics.booleanAttributeStringWarning)(name, value);
     if (warning !== null) devWarnAttributeOnce(el, name, warning);
   }
@@ -14422,7 +14821,7 @@ function setBooleanAttribute(el, name, value) {
   else (STAGED_DOM?.view(el) ?? el).setAttribute(name, next);
 }
 function setAriaAttribute(el, name, value) {
-  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
+  if (__octaneDev && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
     const warning = (0, import_aria_diagnostics.ariaAttributeWarning)(name, el.localName);
     if (warning !== null) devWarnAttributeOnce(el, name, warning);
   }
@@ -14441,7 +14840,7 @@ function coerceAttrValue(el, name, value) {
   if (t === "boolean" && (0, import_constants.isEnumeratedBooleanAttr)(name)) return value ? "true" : "false";
   if (t === "boolean" && name.startsWith("data-")) return value ? "true" : "false";
   if (t === "function" || t === "symbol") {
-    if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
+    if (__octaneDev && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
       if (t === "function" && name.length > 2 && name.charCodeAt(0) === 111 && name.charCodeAt(1) === 110) {
         devWarnAttributeOnce(
           el,
@@ -14461,7 +14860,7 @@ function coerceAttrValue(el, name, value) {
   if (!isHtmlCustomElement(el)) {
     const lower = name.toLowerCase();
     if (import_constants.BOOLEAN_ATTR_PROPS.has(lower)) {
-      if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+      if (__octaneDev && el.__oct_loc !== void 0) {
         const warning = (0, import_host_property_diagnostics.booleanAttributeStringWarning)(name, value);
         if (warning !== null) devWarnAttributeOnce(el, name, warning);
       }
@@ -14471,7 +14870,7 @@ function coerceAttrValue(el, name, value) {
       return value ? "" : null;
     }
     if (t === "boolean") {
-      if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+      if (__octaneDev && el.__oct_loc !== void 0) {
         devWarnAttributeOnce(
           el,
           name,
@@ -14489,14 +14888,14 @@ function coerceAttrValue(el, name, value) {
     }
   }
   if (value == null || value === false) return null;
-  if (process.env.NODE_ENV !== "production" && t === "object" && el.__oct_loc !== void 0 && value.toString === Object.prototype.toString) {
+  if (__octaneDev && t === "object" && el.__oct_loc !== void 0 && value.toString === Object.prototype.toString) {
     devWarnAttributeOnce(
       el,
       name,
       `The provided \`${name}\` attribute is an object; it will stringify to "[object Object]". Pass a string (or a value with a meaningful toString) instead.`
     );
   }
-  if (process.env.NODE_ENV !== "production" && t === "number" && Number.isNaN(value) && el.__oct_loc !== void 0) {
+  if (__octaneDev && t === "number" && Number.isNaN(value) && el.__oct_loc !== void 0) {
     devWarnAttributeOnce(
       el,
       name,
@@ -14504,7 +14903,7 @@ function coerceAttrValue(el, name, value) {
     );
   }
   let v;
-  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
+  if (__octaneDev && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
     try {
       v = value === true ? "" : String(value);
     } catch (error) {
@@ -14515,7 +14914,7 @@ function coerceAttrValue(el, name, value) {
     v = value === true ? "" : String(value);
   }
   if (v === "" && (name === "src" || name === "href" && el.nodeName !== "A" && el.nodeName !== "AREA" || name === "data" && el.nodeName === "OBJECT")) {
-    if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
+    if (__octaneDev && el.__oct_loc !== void 0 && !isHtmlCustomElement(el)) {
       devWarnAttributeOnce(el, "empty:" + name, (0, import_host_property_diagnostics.emptyResourceUrlWarning)(name));
     }
     return null;
@@ -14644,7 +15043,7 @@ function applyStyleValue(el, style, value, prev) {
 function applyStyleProperty(el, style, name, value) {
   const prop = (0, import_css.styleName)(name);
   let s;
-  if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+  if (__octaneDev && el.__oct_loc !== void 0) {
     (0, import_css.devWarnStyleProperty)(name, value, false);
     try {
       s = (0, import_constants.cssStyleValue)(name, value);
@@ -14705,11 +15104,11 @@ function removeHostProp(el, name, prevValue) {
   } else if (name === "suppressHydrationWarning") {
     el.__oct_suppress = false;
   } else if (name === "suppressNativeChangeWarning") {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       el.__oct_native_change_suppressed = false;
     }
   } else if (name === "__octaneNativeChangeDiagnostic") {
-    if (process.env.NODE_ENV !== "production") setNativeChangeDiagnosticMetadata(el, void 0);
+    if (__octaneDev) setNativeChangeDiagnosticMetadata(el, void 0);
   } else {
     const actionName = formActionAttributeName(el, name);
     if (actionName !== null) {
@@ -14798,7 +15197,7 @@ function resolveHostPropSources(el, sources, props, readStyle) {
       if (previous.lastOrder >= writer.lastOrder) continue;
       needsWinningOrderSort = true;
     }
-    writer.name = process.env.NODE_ENV !== "production" && (rawName === "tabIndex" || rawName === "htmlFor") ? rawName : name;
+    writer.name = __octaneDev && (rawName === "tabIndex" || rawName === "htmlFor") ? rawName : name;
     values.set(identity, writer);
   }
   if (classMerges !== null) {
@@ -14838,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;
 }
@@ -14917,7 +15317,7 @@ function updateSignalHostPropSources(binding) {
         binding.hasNestedChildren,
         binding.readStyle
       );
-      if (process.env.NODE_ENV !== "production" && STAGED_DOM === null)
+      if (__octaneDev && STAGED_DOM === null)
         drainDevFormDiagnostics(binding.element);
     });
   } catch {
@@ -15227,17 +15627,17 @@ function isAggregatedFormControlProp(el, name) {
   return false;
 }
 function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = false, skipFormControls = false) {
-  if (process.env.NODE_ENV !== "production" && value != null) {
+  if (__octaneDev && value != null) {
     devValidateAriaProps(el, Object(value));
     devValidateHostProps(el, Object(value));
   }
   if (value != null && Object.prototype.propertyIsEnumerable.call(Object(value), "suppressHydrationWarning")) {
     el.__oct_suppress = value.suppressHydrationWarning === true;
   }
-  if (process.env.NODE_ENV !== "production" && value != null && Object.prototype.propertyIsEnumerable.call(Object(value), "suppressNativeChangeWarning")) {
+  if (__octaneDev && value != null && Object.prototype.propertyIsEnumerable.call(Object(value), "suppressNativeChangeWarning")) {
     el.__oct_native_change_suppressed = value.suppressNativeChangeWarning === true;
   }
-  if (process.env.NODE_ENV !== "production" && value != null && Object.prototype.propertyIsEnumerable.call(Object(value), "__octaneNativeChangeDiagnostic")) {
+  if (__octaneDev && value != null && Object.prototype.propertyIsEnumerable.call(Object(value), "__octaneNativeChangeDiagnostic")) {
     setNativeChangeDiagnosticMetadata(el, value.__octaneNativeChangeDiagnostic);
   }
   if (!skipDangerouslySetInnerHTML) {
@@ -15265,7 +15665,7 @@ function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = fa
     }
   }
   if (value == null) {
-    if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, mountScope);
+    if (__octaneDev) queueDevFormDiagnostic(el, mountScope);
     return;
   }
   const hydration = prev === void 0 ? activeHydration() : null;
@@ -15320,14 +15720,14 @@ function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = fa
       setEventHandler(
         el,
         ev.key,
-        process.env.NODE_ENV !== "production" ? devEventListener(k, v) : v
+        __octaneDev ? devEventListener(k, v) : v
       );
       continue;
     }
     if (prev !== void 0 && k === "autoFocus" && !isHtmlCustomElement(el)) continue;
     setAttribute(el, k, v);
   }
-  if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, mountScope);
+  if (__octaneDev) queueDevFormDiagnostic(el, mountScope);
 }
 const _injectedStyles = /* @__PURE__ */ new Set();
 function journalHeadEventListeners(state) {
@@ -15465,7 +15865,7 @@ function headBlock(scope, slot, key, tag, attrs, text) {
       const ev = k.length > 2 && k[0] === "o" && k[1] === "n" ? eventSlot(k) : null;
       if (ev !== null) {
         const v = attrs[k];
-        const listener = process.env.NODE_ENV !== "production" ? devEventListener(k, v) : v;
+        const listener = __octaneDev ? devEventListener(k, v) : v;
         const hs = state.handlers;
         const prevH = hs?.get(k);
         if (prevH === listener) continue;
@@ -15564,7 +15964,7 @@ function isHandlerBundle(slot) {
   return typeof slot === "object" && slot !== null && slot[EVENT_SLOT_KIND] === HANDLER_BUNDLE_KIND;
 }
 function devEventListener(name, listener) {
-  if (process.env.NODE_ENV === "production") return listener;
+  if (!__octaneDev) return listener;
   if (listener == null || typeof listener === "function") return listener;
   if (listener === false) {
     console.error(
@@ -15580,7 +15980,7 @@ If you used to conditionally omit it with ${name}={condition && value}, pass ${n
   return { [EVENT_SLOT_KIND]: INVALID_EVENT_LISTENER_KIND, name, value: listener };
 }
 function isInvalidEventListenerSlot(slot) {
-  return process.env.NODE_ENV !== "production" && typeof slot === "object" && slot !== null && slot[EVENT_SLOT_KIND] === INVALID_EVENT_LISTENER_KIND;
+  return __octaneDev && typeof slot === "object" && slot !== null && slot[EVENT_SLOT_KIND] === INVALID_EVENT_LISTENER_KIND;
 }
 function isUsableEventSlot(slot) {
   return typeof slot === "function" || isHandlerBundle(slot);
@@ -16249,7 +16649,7 @@ function fireEventSlot(slot, event, recorded) {
       slot(event);
       return;
     }
-    if (process.env.NODE_ENV !== "production" && isInvalidEventListenerSlot(slot)) {
+    if (__octaneDev && isInvalidEventListenerSlot(slot)) {
       invokeInvalidEventListener(`\`${slot.name}\``, slot.value, event);
       return;
     }
@@ -16550,7 +16950,7 @@ function requestFormReset(form) {
     (PENDING_FORM_RESETS ??= /* @__PURE__ */ new Set()).add(form);
     return;
   }
-  if (process.env.NODE_ENV !== "production")
+  if (__octaneDev)
     console.error(
       "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition."
     );
@@ -16566,7 +16966,7 @@ function flushFormResets() {
 function setFormAction(el, name, value, _prev) {
   if (typeof value === "function") {
     (STAGED_DOM?.view(el) ?? el).$$formAction = value;
-    if (process.env.NODE_ENV !== "production") queueFormActionAuthoringDiagnostic(el);
+    if (__octaneDev) queueFormActionAuthoringDiagnostic(el);
     if (!el.$$formSubmitWired) {
       el.$$formSubmitWired = true;
       FORM_SUBMIT_DRIVER = handleFormSubmit;
@@ -16634,7 +17034,7 @@ let activationCheckable = null;
 let CHECKED_RESTORE = null;
 let SELECT_SYNCS = [];
 let SELECT_DEFAULT_SYNCS = [];
-let DEV_FORM_CHECKS = process.env.NODE_ENV === "production" ? null : [];
+let DEV_FORM_CHECKS = !__octaneDev ? null : [];
 const DEV_FORM_CHECK_MARK = /* @__PURE__ */ Symbol("octane.devFormCheck");
 const DEV_FORM_CHECK_LINEAR_LIMIT = 8;
 let DEV_FORM_CHECK_GENERATION = 1;
@@ -16745,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);
@@ -16772,7 +17173,7 @@ function valueNeedsWrite(el, raw) {
   return (STAGED_DOM?.view(el) ?? el).value !== toControlledString(raw);
 }
 function devWarnControlledFlip(el, toControlled) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (el.__oct_loc === void 0) return;
   console.error(
     `A component is changing ${toControlled ? "an uncontrolled" : "a controlled"} ${el.localName} to be ${toControlled ? "controlled" : "uncontrolled"}. This is likely caused by the value changing from ${toControlled ? "undefined to a defined value" : "a defined value to undefined"}, which should not happen. Decide between using a controlled or uncontrolled ${el.localName} for the lifetime of the component (controlled: \`value\`/\`checked\`; uncontrolled: \`defaultValue\`/\`defaultChecked\`).`
@@ -16814,7 +17215,7 @@ function hasPotentialFormDiagnostic(el) {
   return ctrl !== void 0 && ctrl.v !== UNCONTROLLED || isUsableEventSlot(el.$$change) || isUsableEventSlot((STAGED_DOM?.view(el) ?? el)["$$capture:change"]);
 }
 function queueDevFormDiagnostic(el, scope, force = false) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   const q = DEV_FORM_CHECKS;
   if (q === null || !force && !hasDevFormDiagnosticContext(el, scope)) return;
   if (!force && !hasPotentialFormDiagnostic(el)) return;
@@ -16833,7 +17234,7 @@ function queueDevFormDiagnostic(el, scope, force = false) {
   host[DEV_FORM_CHECK_MARK] = DEV_FORM_CHECK_GENERATION;
 }
 function queueFormAuthoringDiagnostic(el, kind, selected) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   const state = ensureDevFormDiagnosticState(el);
   if (kind === "textarea-children") state.authoringChildren = "textarea";
   else if (kind === "option-children") state.authoringChildren = "option";
@@ -16844,22 +17245,22 @@ function queueFormAuthoringDiagnostic(el, kind, selected) {
   queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0, true);
 }
 function queueFormActionAuthoringDiagnostic(el) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (!hasDevFormDiagnosticContext(el, CURRENT_SCOPE ?? void 0)) return;
   ensureDevFormDiagnosticState(el);
   queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0, true);
 }
 function queueNativeChangeDiagnostic(el) {
-  if (process.env.NODE_ENV !== "production")
+  if (__octaneDev)
     queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0, true);
 }
 function markNativeChangeDiagnosticStatic(el) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   ensureDevFormDiagnosticState(el).staticNativeChange = true;
   queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0, true);
 }
 function setNativeChangeDiagnosticMetadata(el, value) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (value === "static") {
     markNativeChangeDiagnosticStatic(el);
     return;
@@ -16876,17 +17277,17 @@ function setValue(el, value) {
   const first = !ctrl.sawV;
   ctrl.sawV = true;
   if (value == null) {
-    if (process.env.NODE_ENV !== "production" && !first && ctrl.v !== UNCONTROLLED)
+    if (__octaneDev && !first && ctrl.v !== UNCONTROLLED)
       devWarnControlledFlip(el, false);
     ctrl.v = UNCONTROLLED;
-    if (process.env.NODE_ENV !== "production")
+    if (__octaneDev)
       queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
     return;
   }
   const s = toControlledString(value);
   if (first) {
     ctrl.v = value;
-    if (process.env.NODE_ENV !== "production")
+    if (__octaneDev)
       queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
     const hydration = activeHydration();
     if (hydration !== null && !hydration.isFresh(el)) return;
@@ -16895,11 +17296,11 @@ function setValue(el, value) {
     (STAGED_DOM?.view(input) ?? input).defaultValue = s;
     return;
   }
-  if (process.env.NODE_ENV !== "production" && ctrl.v === UNCONTROLLED)
+  if (__octaneDev && ctrl.v === UNCONTROLLED)
     devWarnControlledFlip(el, true);
   const prev = ctrl.v;
   ctrl.v = value;
-  if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
+  if (__octaneDev) queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
   if (!(ctrl.composing && Object.is(prev, value)) && valueNeedsWrite(input, value))
     (STAGED_DOM?.view(input) ?? input).value = s;
   if ((STAGED_DOM?.view(input) ?? input).defaultValue !== s) {
@@ -16913,10 +17314,10 @@ function setCheckedState(input, value, ctrl) {
   const first = !ctrl.sawC;
   ctrl.sawC = true;
   if (value == null) {
-    if (process.env.NODE_ENV !== "production" && !first && ctrl.c !== -1)
+    if (__octaneDev && !first && ctrl.c !== -1)
       devWarnControlledFlip(input, false);
     ctrl.c = -1;
-    if (process.env.NODE_ENV !== "production")
+    if (__octaneDev)
       queueDevFormDiagnostic(input, CURRENT_SCOPE ?? void 0);
     return;
   }
@@ -16924,7 +17325,7 @@ function setCheckedState(input, value, ctrl) {
   CHECKED_RESTORE ??= restoreCheckedState;
   if (first) {
     ctrl.c = b;
-    if (process.env.NODE_ENV !== "production")
+    if (__octaneDev)
       queueDevFormDiagnostic(input, CURRENT_SCOPE ?? void 0);
     const hydration = activeHydration();
     if (hydration !== null && !hydration.isFresh(input)) {
@@ -16937,10 +17338,10 @@ function setCheckedState(input, value, ctrl) {
     ctrl.sawDC = true;
     return;
   }
-  if (process.env.NODE_ENV !== "production" && ctrl.c === -1) devWarnControlledFlip(input, true);
+  if (__octaneDev && ctrl.c === -1) devWarnControlledFlip(input, true);
   const changed = b !== ctrl.c;
   ctrl.c = b;
-  if (process.env.NODE_ENV !== "production")
+  if (__octaneDev)
     queueDevFormDiagnostic(input, CURRENT_SCOPE ?? void 0);
   if ((changed || !inActivationWindow(input)) && (STAGED_DOM?.view(input) ?? input).checked !== b)
     (STAGED_DOM?.view(input) ?? input).checked = b;
@@ -16971,18 +17372,18 @@ function setSelectValue(el, value) {
   const first = !ctrl.sawV;
   ctrl.sawV = true;
   if (value == null) {
-    if (process.env.NODE_ENV !== "production" && !first && ctrl.sv !== null)
+    if (__octaneDev && !first && ctrl.sv !== null)
       devWarnControlledFlip(el, false);
     ctrl.sv = null;
-    if (process.env.NODE_ENV !== "production")
+    if (__octaneDev)
       queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
     return;
   }
-  if (process.env.NODE_ENV !== "production" && !first && ctrl.sv === null)
+  if (__octaneDev && !first && ctrl.sv === null)
     devWarnControlledFlip(el, true);
   if ((STAGED_DOM?.view(sel) ?? sel).multiple) {
     if (!Array.isArray(value)) {
-      if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+      if (__octaneDev && el.__oct_loc !== void 0) {
         console.error(
           "The `value` prop supplied to <select> must be an array if `multiple` is true."
         );
@@ -16994,7 +17395,7 @@ function setSelectValue(el, value) {
     ctrl.sv = set;
   } else {
     if (Array.isArray(value)) {
-      if (process.env.NODE_ENV !== "production" && el.__oct_loc !== void 0) {
+      if (__octaneDev && el.__oct_loc !== void 0) {
         console.error(
           "The `value` prop supplied to <select> must be a scalar value if `multiple` is false."
         );
@@ -17003,7 +17404,7 @@ function setSelectValue(el, value) {
     }
     ctrl.sv = toControlledString(value);
   }
-  if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
+  if (__octaneDev) queueDevFormDiagnostic(el, CURRENT_SCOPE ?? void 0);
   const hydration = activeHydration();
   if (hydration !== null && !hydration.isFresh(el)) return;
   projectSelectValue(sel, ctrl.sv, false);
@@ -17208,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;
@@ -17217,7 +17618,7 @@ function applyFormControlValues(el, tag, value, defaultValue, checked, defaultCh
     journalBag();
   }
   ctrl.formSeen = true;
-  if (process.env.NODE_ENV !== "production" && hasDevFormDiagnosticContext(el, CURRENT_SCOPE ?? void 0)) {
+  if (__octaneDev && hasDevFormDiagnosticContext(el, CURRENT_SCOPE ?? void 0)) {
     const diagnostic = ensureDevFormDiagnosticState(el);
     diagnostic.authoringProps = { value, defaultValue, checked, defaultChecked, multiple };
     if (value !== void 0 && defaultValue !== void 0 || tag === "input" && checked !== void 0 && defaultChecked !== void 0) {
@@ -17238,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;
@@ -17330,7 +17733,7 @@ function formDiagnosticOutcome(el) {
   };
 }
 function drainDevFormDiagnostics(target) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   let q = DEV_FORM_CHECKS;
   if (q === null || q.length === 0) return;
   if (target !== void 0) {
@@ -17592,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);
@@ -17612,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;
@@ -17759,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");
@@ -17779,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);
@@ -17805,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);
   }
@@ -17850,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
@@ -17861,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);
 }
@@ -17888,7 +18306,7 @@ const SCOPED_CHILDREN_PROPERTY = {
 };
 function hasElementConfigKey(config) {
   if (config == null || typeof config !== "object" && typeof config !== "function") return false;
-  if (process.env.NODE_ENV !== "production" && import_has_own.hasOwnProp.call(config, "key")) {
+  if (__octaneDev && import_has_own.hasOwnProp.call(config, "key")) {
     const own = Object.getOwnPropertyDescriptor(config, "key");
     if (own?.get != null && own.get.isReactWarning) return false;
   }
@@ -17981,7 +18399,7 @@ function scopedElementRecord(type, props, key, ref, resolve, invocationSite) {
   return descriptor;
 }
 function finalizeElementDescriptor(descriptor) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     Object.freeze(descriptor.props);
     Object.freeze(descriptor);
   }
@@ -18026,6 +18444,12 @@ const SCOPED_VALUE_PROPERTIES = {
 function createScopedValue(readElement) {
   return scopedValueDescriptor(createScopedResolver(readElement));
 }
+function isRenderCall(scope) {
+  return scope === CURRENT_SCOPE && scope !== null;
+}
+function deferRecord(read, ...locals) {
+  return createScopedValue(() => read(...locals));
+}
 function nativeCreateScopedValue(readElement) {
   return scopedValueDescriptor(createNativeScopedResolver(readElement));
 }
@@ -18042,7 +18466,7 @@ function scopedValueDescriptor(resolve) {
     "__octaneInvocationSite",
     SCOPED_VALUE_PROPERTIES.__octaneInvocationSite
   );
-  if (process.env.NODE_ENV !== "production") Object.freeze(descriptor);
+  if (__octaneDev) Object.freeze(descriptor);
   return descriptor;
 }
 function createScopedElement(type, props, readChildren, invocationSite) {
@@ -18091,7 +18515,7 @@ function createElementFromConfig(invocationSite, type, props, children = EMPTY_A
   let kids = hasPositional ? children.length === 1 ? children[0] : children : src?.children;
   if (children.length > 1) {
     POSITIONAL_CHILDREN.add(children);
-    if (process.env.NODE_ENV !== "production") Object.freeze(children);
+    if (__octaneDev) Object.freeze(children);
   }
   const p = copyElementConfig(src);
   if (hasPositional) p.children = kids;
@@ -18407,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") {
@@ -18447,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,
@@ -18556,7 +18980,7 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
         const stale = hydrationCursor;
         const loc = siteLoc(parentScope, slotKey);
         noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(55)));
-        if (process.env.NODE_ENV !== "production" && loc) {
+        if (__octaneDev && loc) {
           warnHydrationStructuralMismatch(loc, "a component range", describeHydrationNode(stale));
         }
         let node = stale;
@@ -19119,7 +19543,7 @@ function deoptKey(item, index) {
   const element = item != null && item.$$kind === import_runtime_tags.ELEMENT_TAG;
   if (item?.$$kind === import_runtime_tags.PORTAL_TAG && item.key != null) return item.key;
   if (element && item.key != null && !ELEMENTS_MISSING_LIST_KEY.has(item)) return item.key;
-  if (element && process.env.NODE_ENV !== "production" && activeHydration() === null) {
+  if (element && __octaneDev && activeHydration() === null) {
     warnMissingListKey(CURRENT_BLOCK);
   }
   return element && item.key != null ? item.key : index;
@@ -19162,7 +19586,7 @@ function applyDeoptProp(el, name, v, ownerBlock) {
       setEventHandler(
         el,
         ev.key,
-        process.env.NODE_ENV !== "production" ? devEventListener(name, v) : v
+        __octaneDev ? devEventListener(name, v) : v
       );
       if (ev.capture) {
         if (!_delegatedCapture.has(ev.type)) delegateCaptureEvents([ev.type]);
@@ -19181,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;
@@ -19190,7 +19614,7 @@ function markInputCheckedness(input) {
 function applyDeoptProps(el, props, ownerBlock) {
   if (props == null) {
     if (el.localName === "input") markInputCheckedness(el);
-    if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, ownerBlock);
+    if (__octaneDev) queueDevFormDiagnostic(el, ownerBlock);
     return;
   }
   let needsCheckedInitialization = el.localName === "input";
@@ -19206,7 +19630,7 @@ function applyDeoptProps(el, props, ownerBlock) {
     applyDeoptProp(el, name, value, ownerBlock);
   }
   if (needsCheckedInitialization) markInputCheckedness(el);
-  if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, ownerBlock);
+  if (__octaneDev) queueDevFormDiagnostic(el, ownerBlock);
 }
 function patchDeoptProps(el, prevProps, nextProps, ownerBlock) {
   const prevRef = prevProps != null ? prevProps.ref : void 0;
@@ -19236,7 +19660,7 @@ function patchDeoptProps(el, prevProps, nextProps, ownerBlock) {
       }
     }
   }
-  if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, ownerBlock);
+  if (__octaneDev) queueDevFormDiagnostic(el, ownerBlock);
 }
 function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
   const block = scope.block;
@@ -19294,7 +19718,7 @@ function applyHostProps(el, props, scope, state) {
   state.props = props;
   if (props == null) {
     if (needsCheckedInitialization) markInputCheckedness(el);
-    if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, scope);
+    if (__octaneDev) queueDevFormDiagnostic(el, scope);
     return;
   }
   for (const name in props) {
@@ -19331,18 +19755,18 @@ function applyHostProps(el, props, scope, state) {
         } else if (!_delegated.has(ev.type)) {
           delegateEvents([ev.type]);
         }
-        const handler = process.env.NODE_ENV !== "production" ? devEventListener(name, v) : v;
+        const handler = __octaneDev ? devEventListener(name, v) : v;
         if (!compareLive || (STAGED_DOM?.view(el) ?? el)[ev.key] !== handler)
           setEventHandler(el, ev.key, handler);
       } else if (prev === void 0 || name !== "autoFocus" || isHtmlCustomElement(el)) {
-        if (compareLive && (process.env.NODE_ENV === "production" || el.__oct_loc === void 0) && typeof v === "string" && (name === "id" || name === "title" || name === "role" || name === "for" || name === "htmlFor" || name.startsWith("data-") || name.startsWith("aria-")) && (STAGED_DOM?.view(el) ?? el).getAttribute(name === "htmlFor" ? "for" : name) === v)
+        if (compareLive && (!__octaneDev || el.__oct_loc === void 0) && typeof v === "string" && (name === "id" || name === "title" || name === "role" || name === "for" || name === "htmlFor" || name.startsWith("data-") || name.startsWith("aria-")) && (STAGED_DOM?.view(el) ?? el).getAttribute(name === "htmlFor" ? "for" : name) === v)
           continue;
         setAttribute(el, name, v);
       }
     }
   }
   if (needsCheckedInitialization) markInputCheckedness(el);
-  if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, scope);
+  if (__octaneDev) queueDevFormDiagnostic(el, scope);
 }
 const DEOPT_DESC = /* @__PURE__ */ Symbol("octane.deoptDesc");
 function hasDeoptOwnedChild(el) {
@@ -19614,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 {
@@ -19624,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;
   }
@@ -19685,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;
@@ -19764,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;
     }
@@ -19797,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) {
@@ -19816,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);
     }
@@ -19947,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;
     }
@@ -19990,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);
@@ -20002,13 +20434,13 @@ 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;
   }
   if (el === null && hydration !== null && hydration.node !== null) {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       const mmLoc = domNode(hydration.node).parentNode?.__oct_loc;
       if (mmLoc)
         hydration.warnStructural(mmLoc, `<${String(d.type)}>`, hydration.describe(hydration.node));
@@ -20030,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) {
@@ -20070,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;
@@ -20078,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);
@@ -20093,7 +20525,7 @@ function hostStringTagBody(d, block) {
     }
     if (hydration !== null && hydration.node !== null) {
       noteRecoverableHydrationError(() => new Error((0, import_error_codes_client_generated.formatClientError)(51)));
-      if (process.env.NODE_ENV !== "production") {
+      if (__octaneDev) {
         const mmLoc = domNode(hydration.node).parentNode?.__oct_loc;
         if (mmLoc) hydration.warnStructural(mmLoc, `<${tag}>`, hydration.describe(hydration.node));
       }
@@ -20198,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);
@@ -20326,7 +20758,7 @@ function mapSlot(scopeOrItems, slotOrMethod, domParent, items, method, native, c
     callback = native;
     native = mapSlot(items, method);
   }
-  if (process.env.NODE_ENV !== "production" && ((flags ?? 0) & 64) !== 0 && items?.length > 0)
+  if (__octaneDev && ((flags ?? 0) & 64) !== 0 && items?.length > 0)
     warnMissingListKey(scopeOrItems.block);
   if (ownEnd === 1) ownEnd = true;
   if (native === true) {
@@ -20623,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,
@@ -20873,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 === "");
@@ -20889,7 +21322,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
     if (!unframedMatch) {
       const rootHydration = hydration;
       rootHydration.abandonRoot(
-        process.env.NODE_ENV !== "production" ? () => [
+        __octaneDev ? () => [
           componentSourceLoc(parentBlock.body),
           preparedList === null ? "a renderable root" : "a renderable list range",
           rootHydration.describe(cursor)
@@ -20915,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)) {
@@ -20935,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);
@@ -20943,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);
@@ -20961,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)
@@ -20984,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;
@@ -21040,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,
@@ -21251,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;
@@ -21372,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);
     }
@@ -21381,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);
@@ -21466,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) {
@@ -21484,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;
 }
@@ -21814,8 +22306,11 @@ function hmr(fn) {
     }
   };
   function wrapper(props, scope, extra) {
-    if (scope !== void 0) meta.liveBlocks.add(scope.block);
-    return meta.fn(props, scope, extra);
+    if (scope === CURRENT_SCOPE && scope !== null) {
+      meta.liveBlocks.add(scope.block);
+      return meta.fn(props, scope, extra);
+    }
+    return Reflect.apply(meta.fn, this, arguments);
   }
   Object.defineProperty(wrapper, HMR, {
     get() {
@@ -22223,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) {
@@ -22880,7 +23375,7 @@ function renderInitialSuspenseHydration(state, initial) {
         return;
       scheduleRender(state.parentBlock);
     };
-    suspended.then(resume, resume);
+    resumeOnSettle(suspended, resume);
     return;
   }
   initialSuspenseHydrations?.delete(state);
@@ -23949,7 +24444,7 @@ function attachResume(state, thenable) {
       commitResume(state);
     }
   };
-  thenable.then(retry, retry);
+  resumeOnSettle(thenable, retry);
 }
 function startTransition(fn) {
   runTransition(fn);
@@ -24113,7 +24608,8 @@ function useActionState(action, initialState, permalinkOrSlot, slot) {
       }
     };
     const dispatch = ((payload) => {
-      const outsideTransition = process.env.NODE_ENV !== "production" && transitionActionBatchForUpdate() === null && ACTIVE_SUBMIT_DISPATCH?.intercepted !== true;
+      const outsideTransition = __octaneDev && transitionActionBatchForUpdate() === null && ACTIVE_SUBMIT_DISPATCH?.intercepted !== true;
+      const run = slotRef.action;
       slotRef.pendingCount++;
       setPending(true);
       slotRef.chain = slotRef.chain.then(
@@ -24125,8 +24621,8 @@ function useActionState(action, initialState, permalinkOrSlot, slot) {
           startTransition(() => {
             let p;
             try {
-              const result = slotRef.action(prevState, payload);
-              if (process.env.NODE_ENV !== "production" && outsideTransition && result != null && typeof result.then === "function") {
+              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."
                 );
@@ -24221,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;
@@ -24244,10 +24743,9 @@ function useOptimistic(passthrough, updateFnOrSlot, slot) {
     };
     const slotRef = {
       queue: [],
-      updateFn,
       armed: false,
       add: (value) => {
-        if (process.env.NODE_ENV !== "production" && TRANSITION_DEPTH === 0 && ASYNC_TRANSITION_COUNT === 0) {
+        if (__octaneDev && TRANSITION_DEPTH === 0 && ASYNC_TRANSITION_COUNT === 0) {
           console.error(
             "An optimistic update was dispatched outside a transition or action. Wrap it in startTransition or call it from an action."
           );
@@ -24273,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) {
@@ -24866,7 +25362,7 @@ function renderBranchSlot(parentScope, slotKey, state, domParent, next, body, ma
           if (innerEnd !== state.end && getNextSibling(innerEnd) !== state.end) {
             if (PRESENTATION_HYDRATION?.revision !== void 0)
               throw new Error((0, import_error_codes_client_generated.formatClientError)(75));
-            if (process.env.NODE_ENV !== "production") {
+            if (__octaneDev) {
               const mmLoc = siteLoc(parentScope, slotKey);
               if (mmLoc)
                 hydration.warnStructural(
@@ -24910,7 +25406,7 @@ function renderBranchSlot(parentScope, slotKey, state, domParent, next, body, ma
         }
       } else if (hydration !== null && getNextSibling(state.start) !== state.end) {
         if (PRESENTATION_HYDRATION?.revision !== void 0) throw new Error((0, import_error_codes_client_generated.formatClientError)(75));
-        if (process.env.NODE_ENV !== "production") {
+        if (__octaneDev) {
           const mmLoc = siteLoc(parentScope, slotKey);
           if (mmLoc)
             hydration.warnStructural(
@@ -24935,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,
@@ -25263,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;
@@ -25724,7 +26226,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       if (TRANSITION_JOURNAL !== null) journalForSlot(state);
       let suspendForEmpty = false;
       if (hydration !== null && (serverMarkerState === 1 || serverMarkerState === -1 && hydration.isOpen(getNextSibling(state.start)))) {
-        if (process.env.NODE_ENV !== "production") {
+        if (__octaneDev) {
           const mmLoc = siteLoc(parentScope, slotKey) || domParent.__oct_loc;
           if (mmLoc) hydration.warnStructural(mmLoc, "an empty list (@empty)", "a populated list");
         }
@@ -25760,7 +26262,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
     state.emptyBlock = null;
   }
   if (!isEmpty && hydration !== null && (serverMarkerState === 0 || serverMarkerState === -1 && ((flags || 0) & 16) === 0 && getNextSibling(state.start) !== null && getNextSibling(state.start) !== state.end && !hydration.isOpen(getNextSibling(state.start)))) {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       const mmLoc = siteLoc(parentScope, slotKey) || domParent.__oct_loc;
       if (mmLoc) hydration.warnStructural(mmLoc, "a populated list", "an empty list (@empty)");
     }
@@ -25796,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,
@@ -26042,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) {
@@ -26178,7 +26673,7 @@ function mountItemsLinear(parentBlock, state, items, keySource, itemBody, single
   const newLen = items.length;
   const observeKey = parentBlock.idState.renderOwner?.signalOwner !== void 0 ? trackSignalRetryListKeys(parentBlock, state, newLen, keySource) : void 0;
   if (newLen === 0) return;
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     keySource = checkedListKey(keySource, normalizeKey);
     normalizeKey = false;
   }
@@ -26361,7 +26856,7 @@ function reconcileKeyed(parentBlock, state, items, keySource, itemBody, pure, si
     return;
   }
   const observeKey = parentBlock.idState.renderOwner?.signalOwner !== void 0 ? trackSignalRetryListKeys(parentBlock, state, newLen, keySource) : void 0;
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     keySource = checkedListKey(keySource, normalizeKey);
     normalizeKey = false;
   }
@@ -26798,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 (process.env.NODE_ENV !== "production") {
-        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 (process.env.NODE_ENV !== "production") {
-        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) {
@@ -26913,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;
@@ -26948,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;
@@ -27527,7 +28014,7 @@ function clearRootContainer(container) {
   }
 }
 function claimRootContainer(container) {
-  if (process.env.NODE_ENV === "production") return null;
+  if (!__octaneDev) return null;
   const owners = ROOT_CONTAINER_OWNERS ??= /* @__PURE__ */ new WeakMap();
   if (owners.has(container)) {
     console.error(
@@ -27545,7 +28032,7 @@ function releaseRootContainer(container, token) {
 }
 function warnCreateRootElementOption(options) {
   if (isElementDescriptor(options)) {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       console.error(
         "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
       );
@@ -27555,7 +28042,7 @@ function warnCreateRootElementOption(options) {
   return options;
 }
 function warnRootRenderSecondArgument(second, container) {
-  if (process.env.NODE_ENV === "production") return;
+  if (!__octaneDev) return;
   if (typeof second === "function") {
     console.error(
       "does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
@@ -27571,14 +28058,14 @@ function warnRootRenderSecondArgument(second, container) {
   }
 }
 function warnRootUnmountArgument() {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     console.error(
       "does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
     );
   }
 }
 function warnRootLifecycleUnmount() {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     console.error(
       "Attempted to synchronously unmount a root while Octane was already rendering. Octane cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
     );
@@ -27586,7 +28073,7 @@ function warnRootLifecycleUnmount() {
 }
 let HTML_NESTING_WARNINGS = null;
 function devHtmlNesting(childTag, ancestors, childLocation, ancestorLocation) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const activeBlock = CURRENT_SCOPE?.block ?? CURRENT_BLOCK;
     let message = null;
     if (ancestors.length === 0) {
@@ -27631,7 +28118,7 @@ function devHtmlNesting(childTag, ancestors, childLocation, ancestorLocation) {
   }
 }
 function validateRootHtmlNesting(container, body) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     if (container.nodeType !== 1) return;
     const element = container;
     if (componentSourceLoc(body) === void 0 || element.namespaceURI !== "http://www.w3.org/1999/xhtml" || element.localName === "div" || element.localName === "body" || element.localName === "html" || element.localName.includes("-")) {
@@ -27785,7 +28272,7 @@ function makeRoot(container, rootBlock, currentBody, currentKey, idState, output
       try {
         renderBlock(mountedRoot);
         if (QUEUE.length > 0) drainHydrationRenderPhaseUpdates(mountedRoot);
-        if (process.env.NODE_ENV !== "production") {
+        if (__octaneDev) {
           validateRootHtmlNesting(container, body);
         }
       } catch (error) {
@@ -27852,7 +28339,7 @@ function makeRoot(container, rootBlock, currentBody, currentKey, idState, output
       } else {
         body = ROOT_RENDERABLE_BODY;
         if (typeof bodyOrElement === "symbol") {
-          if (process.env.NODE_ENV !== "production") {
+          if (__octaneDev) {
             console.error(
               `Symbols are not valid as an Octane child.
   root.render(${String(bodyOrElement)})`
@@ -27900,7 +28387,7 @@ function makeRoot(container, rootBlock, currentBody, currentKey, idState, output
       if (!inFlush && CURRENT_BLOCK === null && !inNestedUpdateCallback() && EFFECT_EVENT_LIFECYCLE_DEPTH === 0) {
         UPDATE_CHAIN_ID++;
       }
-      if (process.env.NODE_ENV !== "production" && !renderOwner.preservePresentation && (inFlush || CURRENT_BLOCK !== null || EFFECT_BODY_DEPTH > 0 || EFFECT_EVENT_LIFECYCLE_DEPTH > 0)) {
+      if (__octaneDev && !renderOwner.preservePresentation && (inFlush || CURRENT_BLOCK !== null || EFFECT_BODY_DEPTH > 0 || EFFECT_EVENT_LIFECYCLE_DEPTH > 0)) {
         warnRootLifecycleUnmount();
       }
       unmounted = true;
@@ -28032,7 +28519,7 @@ function hydrateRootWithOutputHandler(container, bodyOrElement, propsOrOptions,
     }
     rootOptions = propsOrOptions;
   } else if (bodyOrElement === void 0) {
-    if (process.env.NODE_ENV !== "production") {
+    if (__octaneDev) {
       console.error(
         "Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)"
       );
@@ -28171,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;
@@ -28322,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 + "-",
@@ -28415,7 +28908,7 @@ function applyHintAttrs(el, opts) {
   }
 }
 function preload(href, options) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const warning = (0, import_resource_hint_diagnostics.resourceHintWarning)("preload", href, options);
     if (warning !== null) console.error(warning);
   }
@@ -28452,7 +28945,7 @@ function preload(href, options) {
   });
 }
 function preinit(href, options) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const warning = (0, import_resource_hint_diagnostics.resourceHintWarning)("preinit", href, options);
     if (warning !== null) console.error(warning);
   }
@@ -28476,7 +28969,7 @@ function preinit(href, options) {
   }
 }
 function preconnect(href, options) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const warning = (0, import_resource_hint_diagnostics.resourceHintWarning)("preconnect", href, options);
     if (warning !== null) console.error(warning);
   }
@@ -28497,7 +28990,7 @@ function preconnect(href, options) {
   });
 }
 function prefetchDNS(href) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const warning = (0, import_resource_hint_diagnostics.resourceHintWarning)("prefetchDNS", href, arguments[1], arguments.length > 1);
     if (warning !== null) console.error(warning);
   }
@@ -28512,7 +29005,7 @@ function prefetchDNS(href) {
   });
 }
 function preloadModule(href, options) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const warning = (0, import_resource_hint_diagnostics.resourceHintWarning)("preloadModule", href, options);
     if (warning !== null) console.error(warning);
   }
@@ -28533,7 +29026,7 @@ function preloadModule(href, options) {
   });
 }
 function preinitModule(href, options) {
-  if (process.env.NODE_ENV !== "production") {
+  if (__octaneDev) {
     const warning = (0, import_resource_hint_diagnostics.resourceHintWarning)("preinitModule", href, options);
     if (warning !== null) console.error(warning);
   }
@@ -28641,7 +29134,7 @@ function warnInvalidStylesheetResource(reason) {
   );
 }
 function stylesheetResource(attrs, invalidReason) {
-  if (process.env.NODE_ENV !== "production" && invalidReason !== void 0) {
+  if (__octaneDev && invalidReason !== void 0) {
     warnInvalidStylesheetResource(invalidReason);
     return;
   }
@@ -28665,13 +29158,13 @@ function styleResource(attrs, css, development) {
   if (typeof href !== "string" || href === "") return;
   const state = resourceState();
   if (state.sheets.has(href)) return;
-  if (process.env.NODE_ENV !== "production" && development === true && hasHeadHint("preload:style:" + href)) {
+  if (__octaneDev && development === true && hasHeadHint("preload:style:" + href)) {
     console.error(
       'A <style> resource with href "' + href + '" follows a stylesheet preload for the same href. Inline styles cannot consume a stylesheet preload; remove the preload or use a stylesheet link.'
     );
   }
   const precedence = attrs.precedence == null ? "" : String(attrs.precedence);
-  if (process.env.NODE_ENV !== "production" && /<\/style/i.test(css)) {
+  if (__octaneDev && /<\/style/i.test(css)) {
     console.error(
       'A <style href precedence> resource contains "</style"; server rendering will skip it. Load it as a stylesheet link instead.'
     );
@@ -28789,6 +29282,7 @@ function scriptResource(attrs) {
   createRoot,
   createScopedElement,
   createScopedValue,
+  deferRecord,
   delegateCaptureEvents,
   delegateEvents,
   descriptorChildren,
@@ -28846,6 +29340,7 @@ function scriptResource(attrs) {
   isChildrenBlock,
   isHydratingStyle,
   isInActScope,
+  isRenderCall,
   isValidElement,
   keyedForBlock,
   lazy,
@@ -28974,6 +29469,7 @@ function scriptResource(attrs) {
   textHole,
   textHoleUpdate,
   textSlot,
+  textareaText,
   tryBlock,
   updateFreshClassAttr,
   updateFreshClassName,