octane 0.2.6 → 0.2.8

package/dist/cjs/runtime.cjs

@@ -188,6 +188,7 @@ __export(runtime_exports, {
   queueRefAttach: () => queueRefAttach,
   queueRefDetach: () => queueRefDetach,
   readContextFromScope: () => readContextFromScope,
+  registerWarmPlan: () => registerWarmPlan,
   renderBlock: () => renderBlock,
   renderClientContextProvider: () => renderClientContextProvider,
   replaceRef: () => replaceRef,
@@ -243,6 +244,8 @@ __export(runtime_exports, {
   textHoleUpdate: () => textHoleUpdate,
   textSlot: () => textSlot,
   tryBlock: () => tryBlock,
+  updateFreshClassAttr: () => updateFreshClassAttr,
+  updateFreshClassName: () => updateFreshClassName,
   use: () => use,
   useActionState: () => useActionState,
   useBatch: () => useBatch,
@@ -1057,7 +1060,9 @@ function beginTransitionAttempt(block) {
   TRANSITION_JOURNAL ??= [];
   TRANSITION_JOURNAL_BAGS ??= /* @__PURE__ */ new Map();
   TRANSITION_JOURNAL_WINDOWS.push(TRANSITION_JOURNAL_CHECKPOINT);
+  TRANSITION_JOURNAL_BAG_WINDOWS.push(TRANSITION_JOURNAL_BAG_WINDOW);
   TRANSITION_JOURNAL_CHECKPOINT = TRANSITION_JOURNAL.length;
+  TRANSITION_JOURNAL_BAG_WINDOW = ++NEXT_TRANSITION_JOURNAL_BAG_WINDOW;
   TRANSITION_JOURNAL_DEPTH++;
   const capture = WIP_CAPTURE;
   const effects = capture?.effects ?? effectQueues;
@@ -1133,6 +1138,7 @@ function endTransitionAttempt(attempt) {
     if (!continuing) scheduleRender(attempt.origin);
   }
   TRANSITION_JOURNAL_CHECKPOINT = TRANSITION_JOURNAL_WINDOWS.pop();
+  TRANSITION_JOURNAL_BAG_WINDOW = TRANSITION_JOURNAL_BAG_WINDOWS.pop();
   if (--TRANSITION_JOURNAL_DEPTH === 0) {
     TRANSITION_JOURNAL = null;
     TRANSITION_JOURNAL_BAGS = null;
@@ -1228,7 +1234,7 @@ function keepsRootTransition(owner, includePromoted = false) {
 }
 function holdRootTransition(owner, transaction, attempt) {
   const previous = owner.transition;
-  if (attempt === null || !attempt.origin.mounted || attempt.origin.disposed || transaction.created?.has(attempt.origin) || attempt.heldSlots !== null && attempt.heldSlots.size !== 0) {
+  if (attempt === null || !attempt.origin.mounted || attempt.origin.disposed || isCreatedInRootRender(transaction, attempt.origin) || attempt.heldSlots !== null && attempt.heldSlots.size !== 0) {
     if (previous !== void 0 && !rootTransitionCellsIntact(previous))
       discardRootTransition(owner);
     return false;
@@ -1330,16 +1336,21 @@ const JOURNAL_TEXT = 0;
 const JOURNAL_ATTR = 1;
 const JOURNAL_BAG = 2;
 const JOURNAL_PROP = 3;
+const JOURNAL_CREATED = 4;
 const JOURNAL_RENDER = 5;
 const JOURNAL_UNDO = 6;
 let TRANSITION_JOURNAL = null;
 let TRANSITION_JOURNAL_BAGS = null;
 let TRANSITION_JOURNAL_CHECKPOINT = 0;
 const TRANSITION_JOURNAL_WINDOWS = [];
+let TRANSITION_JOURNAL_BAG_WINDOW = 0;
+let NEXT_TRANSITION_JOURNAL_BAG_WINDOW = 0;
+const TRANSITION_JOURNAL_BAG_WINDOWS = [];
 let TRANSITION_JOURNAL_DEPTH = 0;
 let ROOT_RENDER_TRANSACTION = null;
 let ROOT_RENDER_TRANSACTIONS = [];
 let ROOT_RENDER_ROLLBACK = false;
+let NEXT_ROOT_RENDER_CREATED_STAMP = 0;
 function getRootRenderRetryKey(scope, retryOnly = false) {
   const owner = scope.block.idState.renderOwner;
   if (owner === void 0 || owner.disposed || retryOnly && !owner.transaction?.rootRequest)
@@ -1360,6 +1371,8 @@ function beginRootRender(owner) {
       bags: /* @__PURE__ */ new Map(),
       capture,
       created: null,
+      createdStamp: ++NEXT_ROOT_RENDER_CREATED_STAMP,
+      bagWindow: ++NEXT_TRANSITION_JOURNAL_BAG_WINDOW,
       retainedCreated: null,
       retired: null,
       structures: null,
@@ -1377,6 +1390,7 @@ function beginRootRender(owner) {
     log: TRANSITION_JOURNAL,
     bags: TRANSITION_JOURNAL_BAGS,
     checkpoint: TRANSITION_JOURNAL_CHECKPOINT,
+    bagWindow: TRANSITION_JOURNAL_BAG_WINDOW,
     depth: TRANSITION_JOURNAL_DEPTH,
     parked: PARKED_ITEMS,
     capture: WIP_CAPTURE
@@ -1385,6 +1399,7 @@ function beginRootRender(owner) {
   TRANSITION_JOURNAL = transaction.log;
   TRANSITION_JOURNAL_BAGS = transaction.bags;
   TRANSITION_JOURNAL_CHECKPOINT = 0;
+  TRANSITION_JOURNAL_BAG_WINDOW = transaction.bagWindow;
   TRANSITION_JOURNAL_DEPTH = 1;
   PARKED_ITEMS = transaction.parked;
   WIP_CAPTURE = transaction.capture;
@@ -1397,6 +1412,7 @@ function endRootRender(frame) {
   TRANSITION_JOURNAL = frame.log;
   TRANSITION_JOURNAL_BAGS = frame.bags;
   TRANSITION_JOURNAL_CHECKPOINT = frame.checkpoint;
+  TRANSITION_JOURNAL_BAG_WINDOW = frame.bagWindow;
   TRANSITION_JOURNAL_DEPTH = frame.depth;
   PARKED_ITEMS = frame.parked;
   WIP_CAPTURE = frame.capture;
@@ -1404,9 +1420,9 @@ function endRootRender(frame) {
 function journalUndo(undo) {
   TRANSITION_JOURNAL.push(JOURNAL_UNDO, undo, null, null);
 }
-function journalRootProperty(target, key) {
+function journalRootProperty(target, key, oldValue) {
   if (ROOT_RENDER_TRANSACTION === null || ROOT_RENDER_ROLLBACK) return;
-  TRANSITION_JOURNAL.push(JOURNAL_PROP, target, key, target[key]);
+  TRANSITION_JOURNAL.push(JOURNAL_PROP, target, key, oldValue);
 }
 function journalRootSlot(state, parent, before, after) {
   const transaction = ROOT_RENDER_TRANSACTION;
@@ -1474,7 +1490,7 @@ function retireRootBlock(block) {
     });
   }
   if (block.pending) {
-    journalRootProperty(block, "pending");
+    journalRootProperty(block, "pending", block.pending);
     block.pending = false;
   }
 }
@@ -1511,7 +1527,7 @@ function deferRootRange(parent, first, last, cleanup, finalize) {
 }
 function deferRootUnmount(block, detachDom) {
   const transaction = ROOT_RENDER_TRANSACTION;
-  if (transaction === null || transaction.aborted || ROOT_RENDER_ROLLBACK || block.idState.renderOwner !== transaction.owner || !block.mounted || transaction.created?.has(block))
+  if (transaction === null || transaction.aborted || ROOT_RENDER_ROLLBACK || block.idState.renderOwner !== transaction.owner || !block.mounted || isCreatedInRootRender(transaction, block))
     return false;
   retireRootBlock(block);
   const start = block.startMarker;
@@ -1558,18 +1574,24 @@ function deferRootUnmount(block, detachDom) {
   if (detachDom && parent !== null) for (const node of nodes) parent.removeChild(node);
   return true;
 }
+function isCreatedInRootRender(transaction, block) {
+  return block.createdStamp === transaction.createdStamp;
+}
+function undoCreatedInRootRender(block, transaction) {
+  const refCheckpoint = refDetachQueue.length;
+  unmountBlock(
+    block,
+    (!transaction.hydrating || block.kind === "portal") && !transaction.retainedCreated?.has(block)
+  );
+  refDetachQueue.length = refCheckpoint;
+}
 function createdInRootRender(block) {
   const transaction = ROOT_RENDER_TRANSACTION;
-  if (transaction === null || ROOT_RENDER_ROLLBACK || transaction.created?.has(block)) return;
-  (transaction.created ??= /* @__PURE__ */ new Set()).add(block);
-  journalUndo(() => {
-    const checkpoint = refDetachQueue.length;
-    unmountBlock(
-      block,
-      (!transaction.hydrating || block.kind === "portal") && !transaction.retainedCreated?.has(block)
-    );
-    refDetachQueue.length = checkpoint;
-  });
+  if (transaction === null || ROOT_RENDER_ROLLBACK || isCreatedInRootRender(transaction, block))
+    return;
+  block.createdStamp = transaction.createdStamp;
+  (transaction.created ??= []).push(block);
+  TRANSITION_JOURNAL.push(JOURNAL_CREATED, block, transaction, null);
 }
 function preserveRootCreatedDom(block) {
   if (ROOT_RENDER_TRANSACTION !== null)
@@ -1587,6 +1609,8 @@ function rollbackRootRender(transaction) {
     else {
       for (let i = transaction.log.length - 4; i >= 0; i -= 4) {
         if (transaction.log[i] === JOURNAL_UNDO) transaction.log[i + 1]();
+        else if (transaction.log[i] === JOURNAL_CREATED)
+          undoCreatedInRootRender(transaction.log[i + 1], transaction.log[i + 2]);
       }
       transaction.log.length = 0;
     }
@@ -1663,7 +1687,7 @@ function suspendRootRender(block, wakeable, attempt) {
   if (TRANSITION_SWAP_DRIVER === null || !TRANSITION_SWAP_DRIVER.holdRoot(owner, transaction, attempt)) {
     if (WARM_EVER && transaction.created !== null) {
       for (const created of transaction.created) {
-        if (created.parentBlock === null || !transaction.created.has(created.parentBlock))
+        if (created.parentBlock === null || !isCreatedInRootRender(transaction, created.parentBlock))
           retainDiscardedWarmMemos(created);
       }
     }
@@ -1685,11 +1709,116 @@ function suspendRootRender(block, wakeable, attempt) {
   wakeable.then(ping, ping);
   return true;
 }
+const BINDING_BAG_ARITY = /* @__PURE__ */ Symbol();
+function cloneBag0(bag) {
+  return { ...bag };
+}
+function cloneBag1(bag) {
+  return { ...bag };
+}
+function cloneBag2(bag) {
+  return { ...bag };
+}
+function cloneBag3(bag) {
+  return { ...bag };
+}
+function cloneBag4(bag) {
+  return { ...bag };
+}
+function cloneBag5(bag) {
+  return { ...bag };
+}
+function cloneBag6(bag) {
+  return { ...bag };
+}
+function cloneBag7(bag) {
+  return { ...bag };
+}
+function cloneBag8(bag) {
+  return { ...bag };
+}
+function cloneBag9(bag) {
+  return { ...bag };
+}
+function cloneBag10(bag) {
+  return { ...bag };
+}
+function cloneBag11(bag) {
+  return { ...bag };
+}
+function cloneBag12(bag) {
+  return { ...bag };
+}
+function cloneBag13(bag) {
+  return { ...bag };
+}
+function cloneBag14(bag) {
+  return { ...bag };
+}
+function cloneBag15(bag) {
+  return { ...bag };
+}
+function cloneBag16(bag) {
+  return { ...bag };
+}
+function cloneBindingBag(bag, arity) {
+  switch (arity) {
+    case 0:
+      return cloneBag0(bag);
+    case 1:
+      return cloneBag1(bag);
+    case 2:
+      return cloneBag2(bag);
+    case 3:
+      return cloneBag3(bag);
+    case 4:
+      return cloneBag4(bag);
+    case 5:
+      return cloneBag5(bag);
+    case 6:
+      return cloneBag6(bag);
+    case 7:
+      return cloneBag7(bag);
+    case 8:
+      return cloneBag8(bag);
+    case 9:
+      return cloneBag9(bag);
+    case 10:
+      return cloneBag10(bag);
+    case 11:
+      return cloneBag11(bag);
+    case 12:
+      return cloneBag12(bag);
+    case 13:
+      return cloneBag13(bag);
+    case 14:
+      return cloneBag14(bag);
+    case 15:
+      return cloneBag15(bag);
+    case 16:
+      return cloneBag16(bag);
+    default:
+      return { ...bag };
+  }
+}
 function journalBag() {
   const scope = CURRENT_SCOPE;
   if (scope === null) return;
+  const transaction = ROOT_RENDER_TRANSACTION;
+  if (transaction !== null && !transaction.hydrating && transaction.retainedCreated === null && TRANSITION_JOURNAL_DEPTH === 1 && scope.block.createdStamp === transaction.createdStamp)
+    return;
   const bag = scope.slots[0];
-  if (bag === null || typeof bag !== "object" || bag.__kind !== void 0) return;
+  if (bag === null || typeof bag !== "object") return;
+  const arity = bag[BINDING_BAG_ARITY];
+  if (arity !== void 0) {
+    const window2 = TRANSITION_JOURNAL_BAG_WINDOW;
+    if (bag.__journalWindow === window2) return;
+    const snapshot = cloneBindingBag(bag, arity);
+    TRANSITION_JOURNAL.push(JOURNAL_BAG, bag, snapshot, null);
+    bag.__journalWindow = window2;
+    return;
+  }
+  if (bag.__kind !== void 0) return;
   journalObjectOnce(bag);
 }
 function journalObjectOnce(obj) {
@@ -1750,10 +1879,31 @@ function journalControlledOption(option, withDefault) {
     TRANSITION_JOURNAL.push(JOURNAL_PROP, option, "defaultSelected", option.defaultSelected);
 }
 let PARKED_ITEMS = null;
-function parkItemForHold(block) {
-  const nodes = [];
+function retainedForSlotNodes(state, retained) {
+  const parked = PARKED_ITEMS;
+  if (parked !== null) {
+    for (const item of parked) {
+      const previous = item.block;
+      if (previous.forSlot !== state && !(previous.exclusiveMarkers && previous.startMarker === state.start && previous.endMarker === state.end))
+        continue;
+      for (const node of item.nodes) (retained ??= /* @__PURE__ */ new Set()).add(node);
+    }
+  }
+  const retired = ROOT_RENDER_TRANSACTION.retired;
+  if (retired !== null) {
+    for (const row of retired) {
+      if (row.forSlot !== state) continue;
+      const start = row.startMarker;
+      if (start !== null && start === row.endMarker) (retained ??= /* @__PURE__ */ new Set()).add(start);
+    }
+  }
+  return retained;
+}
+function parkItemForHold(block, owningList) {
   const retainConnected = ROOT_RENDER_TRANSACTION !== null && !ROOT_RENDER_ROLLBACK;
   if (retainConnected) retireRootBlock(block);
+  const excluded = owningList !== void 0 && retainConnected ? retainedForSlotNodes(owningList, null) : null;
+  const nodes = [];
   const start = block.startMarker;
   const end = block.endMarker;
   if (start && end) {
@@ -1762,11 +1912,22 @@ function parkItemForHold(block) {
       const exclusive = block.exclusiveMarkers;
       let n = exclusive ? start.nextSibling : start;
       const stop = exclusive ? end : end.nextSibling;
-      while (n !== null && n !== stop) {
-        const next = getNextSibling(n);
-        if (!retainConnected) parent.removeChild(n);
-        nodes.push(n);
-        n = next;
+      if (excluded === null) {
+        while (n !== null && n !== stop) {
+          const next = getNextSibling(n);
+          if (!retainConnected) parent.removeChild(n);
+          nodes.push(n);
+          n = next;
+        }
+      } else {
+        while (n !== null && n !== stop) {
+          const next = getNextSibling(n);
+          if (!excluded.has(n)) {
+            if (!retainConnected) parent.removeChild(n);
+            nodes.push(n);
+          }
+          n = next;
+        }
       }
     }
   }
@@ -1791,14 +1952,19 @@ function journalForSlot(state) {
   }
   const chain = [];
   for (let b = state.head; b !== null; b = b.nextSibling) {
-    chain.push([b, b.nextSibling, b.prevSibling]);
+    chain.push(b);
   }
+  let mapOrder = null;
+  let index = 0;
+  for (const block of state.items.values()) {
+    if (mapOrder === null && chain[index] !== block) mapOrder = chain.slice(0, index);
+    mapOrder?.push(block);
+    index++;
+  }
+  if (mapOrder === null && index !== chain.length) mapOrder = chain.slice(0, index);
   const snapshot = {
-    head: state.head,
-    tail: state.tail,
-    size: state.size,
     empty: state.emptyBlock,
-    entries: [...state.items]
+    mapOrder
   };
   journalUndo(() => {
     restoreForSlot(state, snapshot, chain);
@@ -1824,31 +1990,36 @@ function journalForOwnedListClear(state) {
 }
 function restoreForSlot(state, snapshot, chain) {
   const preservedMap = chain === null ? snapshot.entries : null;
-  const kept = chain === null ? null : /* @__PURE__ */ new Set();
-  if (chain !== null) for (let i = 0; i < chain.length; i++) kept.add(chain[i][0]);
+  const kept = chain === null ? null : new Set(chain);
   for (let b = state.head; b !== null; b = b.nextSibling) {
     if (preservedMap !== null || !kept.has(b)) unmountBlock(b, false);
   }
   if (state.end.parentNode === null) return;
-  state.head = snapshot.head;
-  state.tail = snapshot.tail;
-  state.size = snapshot.size;
+  state.head = chain === null ? snapshot.head : chain[0] ?? null;
+  state.tail = chain === null ? snapshot.tail : chain[chain.length - 1] ?? null;
+  state.size = chain === null ? snapshot.size : chain.length;
   if (preservedMap !== null) state.items = preservedMap;
   else {
     const originalChain = chain;
     state.items.clear();
-    for (let i = 0; i < snapshot.entries.length; i++) {
-      state.items.set(snapshot.entries[i][0], snapshot.entries[i][1]);
-    }
     for (let i = 0; i < originalChain.length; i++) {
-      originalChain[i][0].nextSibling = originalChain[i][1];
-      originalChain[i][0].prevSibling = originalChain[i][2];
+      const block = originalChain[i];
+      block.nextSibling = originalChain[i + 1] ?? null;
+      block.prevSibling = originalChain[i - 1] ?? null;
+    }
+    const keyOrder = snapshot.mapOrder ?? originalChain;
+    for (let i = 0; i < keyOrder.length; i++) {
+      const block = keyOrder[i];
+      state.items.set(block.key, block);
     }
   }
   const nodes = [];
   for (let b = state.head; b !== null; b = b.nextSibling) {
-    const range = takeParkedItem(b) ?? collectBlockRange(b);
-    for (const node of range) nodes.push(node);
+    const parked = takeParkedItem(b);
+    if (parked !== null) for (const node of parked) nodes.push(node);
+    else if (b.startMarker !== null && b.startMarker === b.endMarker) {
+      nodes.push(b.startMarker);
+    } else for (const node of collectBlockRange(b)) nodes.push(node);
   }
   if (state.emptyBlock !== snapshot.empty) {
     if (state.emptyBlock !== null) unmountBlock(state.emptyBlock, false);
@@ -1861,6 +2032,7 @@ function restoreForSlot(state, snapshot, chain) {
   }
   const parent = state.end.parentNode;
   const keptNodes = new Set(nodes);
+  if (ROOT_RENDER_TRANSACTION !== null) retainedForSlotNodes(state, keptNodes);
   let current = state.start.nextSibling;
   while (current !== null && current !== state.end) {
     const next = current.nextSibling;
@@ -1917,13 +2089,16 @@ function armTransitionJournal(state) {
   TRANSITION_JOURNAL ??= [];
   TRANSITION_JOURNAL_BAGS ??= /* @__PURE__ */ new Map();
   TRANSITION_JOURNAL_WINDOWS.push(TRANSITION_JOURNAL_CHECKPOINT);
+  TRANSITION_JOURNAL_BAG_WINDOWS.push(TRANSITION_JOURNAL_BAG_WINDOW);
   TRANSITION_JOURNAL_CHECKPOINT = TRANSITION_JOURNAL.length;
+  TRANSITION_JOURNAL_BAG_WINDOW = ++NEXT_TRANSITION_JOURNAL_BAG_WINDOW;
   TRANSITION_JOURNAL_DEPTH++;
   return TRANSITION_JOURNAL.length;
 }
 function disarmTransitionJournal(checkpoint) {
   if (checkpoint < 0) return;
   TRANSITION_JOURNAL_CHECKPOINT = TRANSITION_JOURNAL_WINDOWS.pop();
+  TRANSITION_JOURNAL_BAG_WINDOW = TRANSITION_JOURNAL_BAG_WINDOWS.pop();
   if (--TRANSITION_JOURNAL_DEPTH === 0) {
     TRANSITION_JOURNAL = null;
     TRANSITION_JOURNAL_BAGS = null;
@@ -1962,6 +2137,9 @@ function rollbackTransitionJournal(checkpoint, owner) {
       case JOURNAL_PROP:
         target[a] = b;
         break;
+      case JOURNAL_CREATED:
+        undoCreatedInRootRender(target, a);
+        break;
       case JOURNAL_RENDER:
         if (!target.disposed && (target === owner || blockIsAncestorOf(owner, target))) {
           invalidateRender(target, owner);
@@ -3225,7 +3403,7 @@ function replaceRef(scope, previous, next, target) {
   if (TRANSITION_JOURNAL !== null) {
     journalBag();
     if (Object.prototype.hasOwnProperty.call(target, "_currentRef"))
-      journalRootProperty(target, "_currentRef");
+      journalRootProperty(target, "_currentRef", target._currentRef);
   }
   if (previous != null) queueRefDetach(previous, target);
   if (next != null) queueRefAttach(scope, next, target);
@@ -3545,8 +3723,17 @@ function blockIsAncestorOf(anc, node) {
 }
 function comparePostOrder(aBlock, aSeq, bBlock, bSeq) {
   if (aBlock !== bBlock && aBlock !== null && bBlock !== null) {
-    if (blockIsAncestorOf(aBlock, bBlock)) return 1;
-    if (blockIsAncestorOf(bBlock, aBlock)) return -1;
+    const aParent = aBlock.parentBlock;
+    const bParent = bBlock.parentBlock;
+    if (aParent === bBlock) return -1;
+    if (bParent === aBlock) return 1;
+    if (aParent === bParent) return aSeq - bSeq;
+    for (let b = bParent; b !== null; b = b.parentBlock) {
+      if (b === aBlock) return 1;
+    }
+    for (let a = aParent; a !== null; a = a.parentBlock) {
+      if (a === bBlock) return -1;
+    }
   }
   return aSeq - bSeq;
 }
@@ -3613,7 +3800,7 @@ function runEffectBody(e) {
     CURRENT_EFFECT_PHASE = e.phase;
     EFFECT_BODY_DEPTH++;
     try {
-      cleanup = e.fn.apply(null, e.args ?? []);
+      cleanup = e.fn.apply(null, e.args);
     } finally {
       EFFECT_BODY_DEPTH--;
       CURRENT_EFFECT_PHASE = previousPhase;
@@ -3636,6 +3823,7 @@ function runEffectBody(e) {
 }
 function nativeEffectPublicationCurrent(entry, slot) {
   if (NATIVE_READ_DRIVER?.publicationCurrent(entry) !== false) return true;
+  if (ROOT_RENDER_TRANSACTION !== null) journalObjectOnce(slot);
   slot.deps = void 0;
   slot.active = slot.connectedFn !== null;
   invalidateRender(entry.scope.block, entry.scope.block);
@@ -3802,86 +3990,6 @@ function schedulePostPaint(cb) {
   }
 }
 class BlockImpl {
-  // Hot fields first (touched by every renderBlock / reconcile iteration).
-  body;
-  props;
-  extra;
-  outputHandler;
-  memoInChain;
-  parentNode;
-  parentBlock;
-  idState;
-  startMarker;
-  endMarker;
-  exclusiveMarkers;
-  itemIndex;
-  // Scheduler / lifecycle.
-  pending;
-  disposed;
-  mounted;
-  renderStatus;
-  pendingMode;
-  currentRenderMode;
-  pendingDeferred;
-  currentRenderDeferred;
-  inactive;
-  // Hooks + cleanups (per-block state).
-  hooks;
-  cleanups;
-  effectSlots;
-  children;
-  _slots;
-  refFields;
-  $$ctxValues;
-  // Contexts whose value this block's subtree consumes — stamped on this block
-  // AND its memo ancestors by useContextInternal. The TRANSITIVE signal: a
-  // changed version here means "a consumer somewhere at/below me needs the new
-  // value", so the memo bailout descends rather than skipping.
-  $$ctxReads;
-  // Contexts this block's OWN render directly read (its own body, or an inline
-  // lite descendant that shares this block). The DIRECT signal: a changed
-  // version here means THIS block must re-run; if only $$ctxReads changed, the
-  // block can bail its body and refresh just its consuming child blocks.
-  $$ctxDirect;
-  // Resolved-provider cache for `use(ctx)` — see Scope.$$ctxCache.
-  $$ctxCache;
-  // Armed for React's IMPLICIT same-element bailout (beginWork's
-  // oldProps === newProps skip). Set at value-position component mounts
-  // (childSlot) — the only sites that can receive a cached descriptor back.
-  // Arming makes the block a stamping target (like __memo) so the bail's lazy
-  // consumer refresh has the context deps it needs.
-  $$implicitBail;
-  // __thenableIdx is reset every renderBlock so pre-init costs nothing.
-  __thenableIdx;
-  // Render-loop guard bookkeeping (see the Block interface).
-  drainStamp;
-  drainRenders;
-  crossRenderUpdate;
-  nestedUpdateChain;
-  nestedUpdateCount;
-  nestedUpdateError;
-  effectEventRenderVersion;
-  effectEventCompletedVersion;
-  // De-opt host node managed by this Block (deoptItemBody / hostElementBody), reused
-  // across renders. Null for all other blocks; declared so the shape stays monomorphic.
-  deoptNode;
-  // A de-opt descriptor with a `ref` was stamped in this subtree (see Block).
-  deoptRefs;
-  // Per-scope dense slot array (binding bag + control-flow/component/child slots),
-  // indexed by compile-time slot index. Keeps the scope shape monomorphic.
-  slots;
-  // For-block item bookkeeping.
-  forSlot;
-  prevSibling;
-  nextSibling;
-  key;
-  // ViewTransition boundary props (null on every other block — see Block).
-  vt;
-  // Scope contract: a Block is its own scope.
-  parent;
-  block;
-  // Metadata.
-  kind;
   constructor(kind, parentBlock, parentNode, startMarker, endMarker, body, props, extra, outputHandler) {
     this.body = body;
     this.props = props;
@@ -3914,6 +4022,7 @@ class BlockImpl {
     this.$$ctxReads = null;
     this.$$ctxDirect = null;
     this.$$ctxCache = null;
+    this.$$ctxCacheOwner = null;
     this.$$implicitBail = false;
     this.__thenableIdx = 0;
     this.drainStamp = 0;
@@ -3935,24 +4044,19 @@ class BlockImpl {
     this.parent = null;
     this.block = this;
     this.kind = kind;
+    this.createdStamp = 0;
+    this.__warmEpisode = void 0;
+    this.__thenableDone = void 0;
+    this.__thenables = void 0;
+    this.$$tryHandler = void 0;
+    this.__suspenseHandler = void 0;
+    this.__trySlot = void 0;
+    this.__activitySlot = void 0;
+    this.__warmCache = void 0;
+    this.__warmCacheEpisode = void 0;
   }
 }
 class ScopeImpl {
-  block;
-  parent;
-  hooks;
-  cleanups;
-  effectSlots;
-  children;
-  _slots;
-  refFields;
-  $$ctxValues;
-  $$ctxReads;
-  $$ctxCache;
-  mounted;
-  // Per-scope dense slot array (binding bag + control-flow/component/child slots),
-  // indexed by compile-time slot index. Keeps the scope shape monomorphic.
-  slots;
   constructor(parent, block) {
     this.block = block;
     this.parent = parent;
@@ -3962,11 +4066,12 @@ class ScopeImpl {
     this.children = null;
     this._slots = null;
     this.refFields = null;
-    this.slots = [];
     this.$$ctxValues = null;
     this.$$ctxReads = null;
     this.$$ctxCache = null;
+    this.$$ctxCacheOwner = null;
     this.mounted = false;
+    this.slots = [];
   }
 }
 function createBlock(kind, parentBlock, parentNode, startMarker, endMarker, body, props, extra, outputHandler = null) {
@@ -4371,7 +4476,7 @@ function disposeReturnSlot(block, state) {
       if (state.forSlot.emptyBlock !== null) retireRootBlock(state.forSlot.emptyBlock);
     }
     deferRootRange(parent, first, last, () => unmountSlot(state, false));
-    journalRootProperty(block.slots, "0");
+    journalRootProperty(block.slots, 0, block.slots[0]);
     const registry = block._slots;
     if (registry !== null) {
       const index = registry.indexOf(state);
@@ -4414,11 +4519,6 @@ function disposeReturnSlot(block, state) {
   block.slots[0] = void 0;
 }
 class LiteBlockImpl {
-  parentNode;
-  endMarker;
-  parentBlock;
-  $$ctxValues;
-  idState;
   constructor(parentNode, endMarker, parentBlock) {
     this.parentNode = parentNode;
     this.endMarker = endMarker;
@@ -4563,7 +4663,7 @@ function unmountBlockInner(block, detachDom) {
 function registerSlot(scope, slot) {
   const slots = scope._slots;
   const transaction = ROOT_RENDER_TRANSACTION;
-  if (transaction !== null && scope.mounted && !transaction.created?.has(scope.block)) {
+  if (transaction !== null && scope.mounted && !isCreatedInRootRender(transaction, scope.block)) {
     journalUndo(() => {
       unmountSlot(slot, true);
       const index = scope.slots.indexOf(slot);
@@ -5274,9 +5374,9 @@ function finishEffectRender(scope) {
   for (let i = 0; i < effects.length; i++) {
     const effect = effects[i];
     if (effect.renderVersion === CURRENT_EFFECT_RENDER_VERSION) continue;
-    if (ROOT_RENDER_TRANSACTION !== null) journalObjectOnce(effect);
     if (effect.phase === INSERTION) invalidateInsertionReplay(effect);
     if (!effect.active) continue;
+    if (ROOT_RENDER_TRANSACTION !== null) journalObjectOnce(effect);
     effect.deps = void 0;
     effect.active = false;
     const revision = ++effect.revision;
@@ -6971,7 +7071,8 @@ function bindRendererRegionOwner(props) {
   const binding = { bridge, release };
   RENDERER_REGION_DOM_BINDINGS.set(root, binding);
   RENDERER_REGION_DOM_OWNERS.set(root, bridge);
-  root.$$ctxCache?.clear();
+  root.$$ctxCache = null;
+  root.$$ctxCacheOwner = null;
   if (previous === void 0) {
     (root.cleanups ??= []).push(() => {
       const current = RENDERER_REGION_DOM_BINDINGS.get(root);
@@ -7086,11 +7187,31 @@ function createNativeScopedResolver(read) {
     }
   };
 }
+function cacheContextOwner(reader, context, owner) {
+  if (reader === null) return;
+  const cache = reader.$$ctxCache;
+  if (cache === null) {
+    reader.$$ctxCache = context;
+    reader.$$ctxCacheOwner = owner;
+    return;
+  }
+  const inlineOwner = reader.$$ctxCacheOwner;
+  if (inlineOwner !== null) {
+    const spill = /* @__PURE__ */ new Map();
+    spill.set(cache, inlineOwner);
+    spill.set(context, owner);
+    reader.$$ctxCache = spill;
+    reader.$$ctxCacheOwner = null;
+  } else {
+    cache.set(context, owner);
+  }
+}
 function readContextFrom(reader, block, context) {
   if (SCOPED_READ_TRACKING) (SCOPED_READS ??= /* @__PURE__ */ new Map()).set(context, context.$$version);
-  if (reader !== null && reader.$$ctxCache !== null) {
-    const hit = reader.$$ctxCache.get(context);
-    if (hit !== void 0) {
+  if (reader !== null) {
+    const cache = reader.$$ctxCache;
+    const hit = cache === context ? reader.$$ctxCacheOwner : cache !== null && reader.$$ctxCacheOwner === null ? cache.get(context) : void 0;
+    if (hit !== null && hit !== void 0) {
       if (hit === DEFAULT_CTX) {
         const bridge2 = rendererRegionOwnerForBlock(block);
         return bridge2 === null ? context.defaultValue : bridge2.readContext(context);
@@ -7102,7 +7223,7 @@ function readContextFrom(reader, block, context) {
   while (scope !== null) {
     const values = scope.$$ctxValues;
     if (values !== null && values.has(context)) {
-      if (reader !== null) (reader.$$ctxCache ??= /* @__PURE__ */ new Map()).set(context, scope);
+      cacheContextOwner(reader, context, scope);
       return values.get(context);
     }
     scope = scope.parent;
@@ -7111,14 +7232,14 @@ function readContextFrom(reader, block, context) {
   while (current !== null) {
     const values = current.$$ctxValues;
     if (values !== null && values.has(context)) {
-      if (reader !== null) (reader.$$ctxCache ??= /* @__PURE__ */ new Map()).set(context, current);
+      cacheContextOwner(reader, context, current);
       return values.get(context);
     }
     current = current.parentBlock;
   }
   const bridge = rendererRegionOwnerForBlock(block);
   if (bridge !== null) return bridge.readContext(context);
-  if (reader !== null) (reader.$$ctxCache ??= /* @__PURE__ */ new Map()).set(context, DEFAULT_CTX);
+  cacheContextOwner(reader, context, DEFAULT_CTX);
   return context.defaultValue;
 }
 function readContextFromScope(scope, context) {
@@ -7334,7 +7455,7 @@ function warnUseWaterfall(block, idx) {
 }
 function useBatch(items, warm) {
   if (items.length === 0) {
-    if (warm !== void 0) ACTIVE_WARM_PLANS.push({ block: CURRENT_BLOCK, fn: warm });
+    if (warm !== void 0) ACTIVE_WARM_PLANS.push(CURRENT_BLOCK, warm, void 0);
     return;
   }
   const hydration = activeHydration();
@@ -7361,9 +7482,13 @@ function useBatch(items, warm) {
   });
   throw new SuspenseException(combined);
 }
+function registerWarmPlan(fn, props) {
+  ACTIVE_WARM_PLANS.push(CURRENT_BLOCK, fn, props);
+}
 let CURRENT_WARM = null;
 let CURRENT_WARM_CLAIMS = null;
 let WARM_EVER = false;
+let LATEST_WARM_CACHE_EPISODE = 0;
 let WARM_DEPTH = 0;
 const WARM_DEPTH_CAP = 64;
 const WARM_MISS = /* @__PURE__ */ Symbol("octane.warm.miss");
@@ -7388,16 +7513,18 @@ function warmCacheForOwner(owner) {
   }
   owner.__warmCache = cache;
   owner.__warmCacheEpisode = CURRENT_WARM_EPISODE;
+  if (CURRENT_WARM_EPISODE > LATEST_WARM_CACHE_EPISODE)
+    LATEST_WARM_CACHE_EPISODE = CURRENT_WARM_EPISODE;
   return cache;
 }
 function recordRealWarmMemo(slot, deps, source) {
   const block = CURRENT_BLOCK;
   if (block === null) return false;
   let owner = null;
-  for (let i = 0; i < ACTIVE_WARM_PLANS.length; i++) {
-    const plan = ACTIVE_WARM_PLANS[i];
-    if (!blockIsAncestor(plan.block, block)) continue;
-    owner = plan.block;
+  for (let i = 0; i < ACTIVE_WARM_PLANS.length; i += 3) {
+    const planBlock = ACTIVE_WARM_PLANS[i];
+    if (!blockIsAncestor(planBlock, block)) continue;
+    owner = planBlock;
     break;
   }
   if (owner === null) return false;
@@ -7460,11 +7587,11 @@ function runActiveWarmPlans(local) {
   const block = CURRENT_BLOCK;
   let plans = null;
   let owner = block;
-  for (let i = 0; i < ACTIVE_WARM_PLANS.length; i++) {
-    const plan = ACTIVE_WARM_PLANS[i];
-    if (!blockIsAncestor(plan.block, block)) continue;
-    (plans ??= []).push(plan);
-    if (plans.length === 1) owner = plan.block;
+  for (let i = 0; i < ACTIVE_WARM_PLANS.length; i += 3) {
+    const planBlock = ACTIVE_WARM_PLANS[i];
+    if (!blockIsAncestor(planBlock, block)) continue;
+    (plans ??= []).push(i);
+    if (plans.length === 1) owner = planBlock;
   }
   if (plans === null && local === void 0) return;
   runWarm(() => {
@@ -7472,7 +7599,8 @@ function runActiveWarmPlans(local) {
       for (let i = 0; i < plans.length; i++) {
         CURRENT_WARM_CLAIMS = /* @__PURE__ */ new Set();
         try {
-          plans[i].fn();
+          const index = plans[i];
+          ACTIVE_WARM_PLANS[index + 1](ACTIVE_WARM_PLANS[index + 2]);
         } catch {
         }
       }
@@ -7605,7 +7733,7 @@ function markWarm(component, plan) {
   return component;
 }
 function adoptWarmEntry(slot, deps, accept) {
-  let b = CURRENT_BLOCK;
+  let b = CURRENT_WARM_EPISODE <= LATEST_WARM_CACHE_EPISODE ? CURRENT_BLOCK : null;
   while (b !== null) {
     const cache = b.__warmCache;
     if (b.__warmCacheEpisode === CURRENT_WARM_EPISODE && cache !== void 0) {
@@ -8024,8 +8152,10 @@ function getFirstChild(node) {
 function getNextSibling(node) {
   return nextSiblingGetter === void 0 ? node.nextSibling : nextSiblingGetter.call(node);
 }
-function seedExpando(proto, key) {
-  if (!(key in proto)) proto[key] = void 0;
+function seedExpando(proto, key, enumerable = true) {
+  if (key in proto) return;
+  if (enumerable) proto[key] = void 0;
+  else Object.defineProperty(proto, key, { value: void 0, writable: true, configurable: true });
 }
 let domOperationsReady = false;
 function initDomOperations() {
@@ -8043,6 +8173,11 @@ function initDomOperations() {
     seedExpando(elementProto, "__oct_suppress");
     seedExpando(elementProto, "__oct_frag");
     seedExpando(elementProto, "__oct_vfrag");
+    seedExpando(elementProto, DANGER_HTML_ACTIVE, false);
+    seedExpando(elementProto, DANGER_HTML_STATIC_CHILD, false);
+    seedExpando(elementProto, DANGER_HTML_SPREAD_CHILD, false);
+    seedExpando(elementProto, DEOPT_DESC, false);
+    seedExpando(elementProto, DEFAULT_VALUE_BASELINE, false);
     if (process.env.NODE_ENV !== "production") {
       seedExpando(elementProto, "__oct_loc");
     }
@@ -8050,6 +8185,7 @@ function initDomOperations() {
   if (typeof CharacterData !== "undefined" && Object.isExtensible(CharacterData.prototype)) {
     seedExpando(CharacterData.prototype, "$$portalEnd");
     seedExpando(CharacterData.prototype, "$$deoptKey");
+    seedExpando(CharacterData.prototype, DEOPT_DESC, false);
   }
 }
 const LAZY_TEMPLATE = /* @__PURE__ */ Symbol("octane.lazy-template");
@@ -8741,55 +8877,55 @@ function commitBag(scope, root, bag) {
   return bag;
 }
 function bag0(s, r) {
-  return commitBag(s, r, {});
+  return commitBag(s, r, { __journalWindow: 0, [BINDING_BAG_ARITY]: 0 });
 }
 function bag1(s, r, a) {
-  return commitBag(s, r, { a });
+  return commitBag(s, r, { a, __journalWindow: 0, [BINDING_BAG_ARITY]: 1 });
 }
 function bag2(s, r, a, b) {
-  return commitBag(s, r, { a, b });
+  return commitBag(s, r, { a, b, __journalWindow: 0, [BINDING_BAG_ARITY]: 2 });
 }
 function bag3(s, r, a, b, c) {
-  return commitBag(s, r, { a, b, c });
+  return commitBag(s, r, { a, b, c, __journalWindow: 0, [BINDING_BAG_ARITY]: 3 });
 }
 function bag4(s, r, a, b, c, d) {
-  return commitBag(s, r, { a, b, c, d });
+  return commitBag(s, r, { a, b, c, d, __journalWindow: 0, [BINDING_BAG_ARITY]: 4 });
 }
 function bag5(s, r, a, b, c, d, e) {
-  return commitBag(s, r, { a, b, c, d, e });
+  return commitBag(s, r, { a, b, c, d, e, __journalWindow: 0, [BINDING_BAG_ARITY]: 5 });
 }
 function bag6(s, r, a, b, c, d, e, f) {
-  return commitBag(s, r, { a, b, c, d, e, f });
+  return commitBag(s, r, { a, b, c, d, e, f, __journalWindow: 0, [BINDING_BAG_ARITY]: 6 });
 }
 function bag7(s, r, a, b, c, d, e, f, g) {
-  return commitBag(s, r, { a, b, c, d, e, f, g });
+  return commitBag(s, r, { a, b, c, d, e, f, g, __journalWindow: 0, [BINDING_BAG_ARITY]: 7 });
 }
 function bag8(s, r, a, b, c, d, e, f, g, h) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, __journalWindow: 0, [BINDING_BAG_ARITY]: 8 });
 }
 function bag9(s, r, a, b, c, d, e, f, g, h, i) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, __journalWindow: 0, [BINDING_BAG_ARITY]: 9 });
 }
 function bag10(s, r, a, b, c, d, e, f, g, h, i, j) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, __journalWindow: 0, [BINDING_BAG_ARITY]: 10 });
 }
 function bag11(s, r, a, b, c, d, e, f, g, h, i, j, k) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, __journalWindow: 0, [BINDING_BAG_ARITY]: 11 });
 }
 function bag12(s, r, a, b, c, d, e, f, g, h, i, j, k, l) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, __journalWindow: 0, [BINDING_BAG_ARITY]: 12 });
 }
 function bag13(s, r, a, b, c, d, e, f, g, h, i, j, k, l, m) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, __journalWindow: 0, [BINDING_BAG_ARITY]: 13 });
 }
 function bag14(s, r, a, b, c, d, e, f, g, h, i, j, k, l, m, n) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, n });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, n, __journalWindow: 0, [BINDING_BAG_ARITY]: 14 });
 }
 function bag15(s, r, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, n, o });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, __journalWindow: 0, [BINDING_BAG_ARITY]: 15 });
 }
 function bag16(s, r, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {
-  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p });
+  return commitBag(s, r, { a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, __journalWindow: 0, [BINDING_BAG_ARITY]: 16 });
 }
 function bagOf(s, r, bag) {
   return commitBag(s, r, bag);
@@ -8948,6 +9084,16 @@ function setClassAttrIfChanged(value, previous, el) {
   setClassAttr(el, value);
   return value;
 }
+function updateFreshClassName(value, previous, el) {
+  const next = (0, import_css.normalizeClass)(value);
+  if (previous !== next) setClassName(el, next);
+  return next;
+}
+function updateFreshClassAttr(value, previous, el) {
+  const next = (0, import_css.normalizeClass)(value);
+  if (previous !== next) setClassAttr(el, next);
+  return next;
+}
 function setScriptText(el, value) {
   const text = value == null ? "" : String(value);
   const first = el.firstChild;
@@ -9023,7 +9169,7 @@ function validateDangerouslySetInnerHTMLValue(value) {
 }
 function setDangerouslySetInnerHTML(el, value) {
   validateDangerouslySetInnerHTMLValue(value);
-  journalRootProperty(el, DANGER_HTML_ACTIVE);
+  journalRootProperty(el, DANGER_HTML_ACTIVE, el[DANGER_HTML_ACTIVE]);
   const wasActive = el[DANGER_HTML_ACTIVE] === true;
   if (value == null) {
     el[DANGER_HTML_ACTIVE] = false;
@@ -9082,9 +9228,9 @@ function setDangerouslySetInnerHTMLSources(el, sources, ignoreSourceChildren = f
   if (import_has_own.hasOwnProp.call(el, DANGER_HTML_RESOLVED_VALUE) && Object.is(el[DANGER_HTML_RESOLVED_VALUE], resolved) && Object.is(el[DANGER_HTML_RESOLVED_CHILD], resolvedChild)) {
     return;
   }
-  journalRootProperty(el, DANGER_HTML_SPREAD_CHILD);
-  journalRootProperty(el, DANGER_HTML_RESOLVED_VALUE);
-  journalRootProperty(el, DANGER_HTML_RESOLVED_CHILD);
+  journalRootProperty(el, DANGER_HTML_SPREAD_CHILD, el[DANGER_HTML_SPREAD_CHILD]);
+  journalRootProperty(el, DANGER_HTML_RESOLVED_VALUE, el[DANGER_HTML_RESOLVED_VALUE]);
+  journalRootProperty(el, DANGER_HTML_RESOLVED_CHILD, el[DANGER_HTML_RESOLVED_CHILD]);
   el[DANGER_HTML_SPREAD_CHILD] = resolvedChild;
   setDangerouslySetInnerHTML(el, resolved);
   el[DANGER_HTML_RESOLVED_VALUE] = resolved;
@@ -10402,15 +10548,42 @@ function setSpread(el, value, prev, mountScope, skipDangerouslySetInnerHTML = fa
   if (process.env.NODE_ENV !== "production") queueDevFormDiagnostic(el, mountScope);
 }
 const _injectedStyles = /* @__PURE__ */ new Set();
-function removeHeadEventListeners(state, attrs) {
+function journalHeadEventListeners(state) {
+  const before = state.handlers === void 0 ? null : new Map(state.handlers);
+  journalUndo(() => {
+    const handlers = state.handlers;
+    if (handlers !== void 0) {
+      for (const [name, listener] of handlers) {
+        const event = eventSlot(name);
+        state.el.removeEventListener(event.type, listener, event.capture);
+      }
+      handlers.clear();
+    }
+    if (before !== null) {
+      const restored = handlers ?? (state.handlers = /* @__PURE__ */ new Map());
+      for (const [name, listener] of before) {
+        const event = eventSlot(name);
+        state.el.addEventListener(event.type, listener, event.capture);
+        restored.set(name, listener);
+      }
+    }
+  });
+}
+function removeHeadEventListeners(state, attrs, journalChanges = false) {
   const handlers = state.handlers;
-  if (handlers === void 0) return;
+  if (handlers === void 0) return false;
+  let journaled = false;
   for (const [name, listener] of handlers) {
     if (attrs !== null && name in attrs) continue;
+    if (journalChanges && !journaled) {
+      journalHeadEventListeners(state);
+      journaled = true;
+    }
     const event = eventSlot(name);
     state.el.removeEventListener(event.type, listener, event.capture);
     handlers.delete(name);
   }
+  return journaled;
 }
 function adoptServerHeadEl(head, key, tag) {
   const closeKey = "/" + key;
@@ -10472,7 +10645,7 @@ function headBlock(scope, slot, key, tag, attrs, text) {
     journalObjectOnce(state);
     journalBag();
   }
-  if (state.handlers !== void 0) removeHeadEventListeners(state, attrs);
+  let journaledHandlers = state.handlers !== void 0 && removeHeadEventListeners(state, attrs, TRANSITION_JOURNAL !== null);
   const previousNames = state.attrNames;
   if (previousNames !== void 0) {
     for (let i = 0; i < previousNames.length; i++) {
@@ -10490,13 +10663,15 @@ function headBlock(scope, slot, key, tag, attrs, text) {
         const hs = state.handlers;
         const prevH = hs?.get(k);
         if (prevH === listener) continue;
+        const nextH = typeof listener === "function" ? listener : void 0;
+        if (TRANSITION_JOURNAL !== null && !journaledHandlers && (prevH !== void 0 || nextH !== void 0)) {
+          journalHeadEventListeners(state);
+          journaledHandlers = true;
+        }
         if (prevH !== void 0) el.removeEventListener(ev.type, prevH, ev.capture);
-        if (typeof listener === "function") {
-          el.addEventListener(ev.type, listener, ev.capture);
-          (hs ?? (state.handlers = /* @__PURE__ */ new Map())).set(
-            k,
-            listener
-          );
+        if (nextH !== void 0) {
+          el.addEventListener(ev.type, nextH, ev.capture);
+          (hs ?? (state.handlers = /* @__PURE__ */ new Map())).set(k, nextH);
         } else {
           hs?.delete(k);
         }
@@ -10609,7 +10784,7 @@ function setEventHandler(el, key, handler) {
   el[key] = handler;
 }
 function evt0(el, key, fn) {
-  const d = { [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND, fn, args: EMPTY_ARGS };
+  const d = { fn, args: EMPTY_ARGS, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
   setEventHandler(el, key, d);
   return d;
 }
@@ -10619,37 +10794,30 @@ function evt0u(d, fn) {
   d.fn = fn;
 }
 function evt1(el, key, fn, a0) {
-  const d = { [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND, fn, args: [a0] };
+  const d = { fn, args: 1, a0, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
   setEventHandler(el, key, d);
   return d;
 }
 function evt1u(d, fn, a0) {
   if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
-  if (TRANSITION_JOURNAL !== null) {
-    journalObjectOnce(d);
-    journalObjectOnce(d.args);
-  }
+  if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
   d.fn = fn;
-  d.args[0] = a0;
+  d.a0 = a0;
 }
 function evt2(el, key, fn, a0, a1) {
-  const d = { [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND, fn, args: [a0, a1] };
+  const d = { fn, args: 2, a0, a1, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
   setEventHandler(el, key, d);
   return d;
 }
 function evt2u(d, fn, a0, a1) {
   if (_dispatchDepth !== 0) preserveDispatchedBundle(d);
-  if (TRANSITION_JOURNAL !== null) {
-    journalObjectOnce(d);
-    journalObjectOnce(d.args);
-  }
+  if (TRANSITION_JOURNAL !== null) journalObjectOnce(d);
   d.fn = fn;
-  const a = d.args;
-  a[0] = a0;
-  a[1] = a1;
+  d.a0 = a0;
+  d.a1 = a1;
 }
 function evtN(el, key, fn, args) {
-  const d = { [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND, fn, args };
+  const d = { fn, args, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND };
   setEventHandler(el, key, d);
   return d;
 }
@@ -10687,6 +10855,10 @@ function isEventRoot(node, epoch) {
   return membership !== void 0 && membership.count > 0;
 }
 function prepareDelegatedEvent(event, listener) {
+  if (_delegationTargets.size === 1 && portalEventTargetCount === 0) {
+    event[EVENT_ROOT_EPOCH] = eventRootEpoch;
+    return;
+  }
   const path = event.composedPath();
   if (_delegationTargets.size === 1) {
     event[EVENT_ROOT_EPOCH] = eventRootEpoch;
@@ -11009,11 +11181,17 @@ function preserveDispatchedBundle(bundle) {
   let snapshot;
   for (let index = 0; index < CAPTURE_SLOTS.length; index++) {
     if (CAPTURE_SLOTS[index] === bundle) {
-      CAPTURE_SLOTS[index] = snapshot ??= {
-        [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND,
-        fn: bundle.fn,
-        args: bundle.args.slice()
-      };
+      if (snapshot === void 0) {
+        const args = bundle.args;
+        snapshot = typeof args !== "number" ? { fn: bundle.fn, args: args.slice(), [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND } : args === 1 ? { fn: bundle.fn, args: 1, a0: bundle.a0, [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND } : {
+          fn: bundle.fn,
+          args: 2,
+          a0: bundle.a0,
+          a1: bundle.a1,
+          [EVENT_SLOT_KIND]: HANDLER_BUNDLE_KIND
+        };
+      }
+      CAPTURE_SLOTS[index] = snapshot;
     }
   }
 }
@@ -11043,8 +11221,8 @@ function resolvePortalEventOwner(node) {
   }
   if (owner === void 0) return;
   if (ROOT_RENDER_TRANSACTION !== null) {
-    journalRootProperty(node, "$$portalParent");
-    journalRootProperty(node, "$$portalContainer");
+    journalRootProperty(node, "$$portalParent", node.$$portalParent);
+    journalRootProperty(node, "$$portalContainer", node.$$portalContainer);
   }
   node.$$portalParent = owner.host;
   node.$$portalContainer = target;
@@ -11157,18 +11335,24 @@ function fireEventSlot(slot, event) {
     if (isHandlerBundle(slot)) {
       const bundle = slot;
       const a = bundle.args;
-      switch (a.length) {
-        case 0:
-          bundle.fn();
-          break;
-        case 1:
-          bundle.fn(a[0]);
-          break;
-        case 2:
-          bundle.fn(a[0], a[1]);
-          break;
-        default:
-          bundle.fn.apply(null, a);
+      if (typeof a !== "number") {
+        switch (a.length) {
+          case 0:
+            bundle.fn();
+            break;
+          case 1:
+            bundle.fn(a[0]);
+            break;
+          case 2:
+            bundle.fn(a[0], a[1]);
+            break;
+          default:
+            bundle.fn.apply(null, a);
+        }
+      } else if (a === 1) {
+        bundle.fn(bundle.a0);
+      } else {
+        bundle.fn(bundle.a0, bundle.a1);
       }
       return;
     }
@@ -11222,6 +11406,11 @@ function finishCaptureDispatch(event) {
     return;
   }
   if (!DISCRETE_EVENTS.has(type)) return;
+  if (pendingRestores.length === 0) {
+    if (!RESTORE_EVENTS.has(type)) return;
+    const tag = event.target?.localName;
+    if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
+  }
   const bubbleVersion = event[DELEGATED_BUBBLE_VERSION];
   const fallback = () => {
     if (event[DELEGATED_BUBBLE_VERSION] === bubbleVersion) {
@@ -11233,7 +11422,8 @@ function finishCaptureDispatch(event) {
   else queueMicrotask(fallback);
 }
 function dispatchDelegated(event) {
-  if (delegatedCapture(event.type)) prepareDelegatedEvent(event, this);
+  const nativeCapture = delegatedCapture(event.type);
+  let path = nativeCapture ? prepareDelegatedEvent(event, this) : void 0;
   event[DELEGATED_BUBBLE_VERSION] = (event[DELEGATED_BUBBLE_VERSION] || 0) + 1;
   maybeEnqueueRestore(event);
   const key = "$$" + event.type;
@@ -11248,12 +11438,14 @@ function dispatchDelegated(event) {
   let stop;
   let propagationStarted = false;
   try {
-    if (delegatedCapture(event.type) && _delegatedCapture.has(event.type) && dispatchDelegatedCapture.call(this, event))
-      return;
+    if (nativeCapture && _delegatedCapture.has(event.type)) {
+      path ??= event.composedPath();
+      if (dispatchDelegatedCapture.call(this, event, path)) return;
+    }
     if (!_delegated.has(event.type)) return;
     if (node?.nodeType === 1 && isHtmlCustomElement(node) && (event.type === "invalid" || EMULATED_BUBBLING_EVENTS.includes(event.type)))
       return;
-    buildDelegatedPath(event, this);
+    buildDelegatedPath(event, this, path);
     snapshotDelegatedSlots(pathBase, key, event);
     stop = Object.getOwnPropertyDescriptor(event, "stopPropagation");
     propagationStarted = true;
@@ -11290,9 +11482,10 @@ function dispatchDelegated(event) {
     maybeFlushDiscrete(event.type);
   }
 }
-function dispatchDelegatedCapture(event) {
-  const path = prepareDelegatedEvent(event, this);
+function dispatchDelegatedCapture(event, path) {
+  path ??= prepareDelegatedEvent(event, this);
   if (!_delegatedCapture.has(event.type)) return false;
+  path ??= event.composedPath();
   if (!event.bubbles || !_delegated.has(event.type)) maybeEnqueueRestore(event);
   const key = CAPTURE_PREFIX + event.type;
   const pathBase = CAPTURE_PATH.length;
@@ -12402,7 +12595,7 @@ function portal(parentScope, slotKey, target, body, props, host, env, fragmentOw
     key
   );
   if (prev !== state) {
-    journalRootProperty(parentScope.slots, String(slotKey));
+    journalRootProperty(parentScope.slots, slotKey, parentScope.slots[slotKey]);
     parentScope.slots[slotKey] = state;
     registerSlot(parentScope, state);
   }
@@ -12603,11 +12796,13 @@ function renderPortalState(prev, parentBlock, target, rawBody, rawProps, host, e
     }
     renderBlock(block);
   } else {
-    if (state.host !== host) journalRootProperty(state, "host");
+    if (state.host !== host) journalRootProperty(state, "host", state.host);
     state.host = host;
-    if (state.block.body !== norm.body) journalRootProperty(state.block, "body");
-    if (state.block.props !== norm.props) journalRootProperty(state.block, "props");
-    if (state.block.extra !== env) journalRootProperty(state.block, "extra");
+    if (state.block.body !== norm.body)
+      journalRootProperty(state.block, "body", state.block.body);
+    if (state.block.props !== norm.props)
+      journalRootProperty(state.block, "props", state.block.props);
+    if (state.block.extra !== env) journalRootProperty(state.block, "extra", state.block.extra);
     state.block.body = norm.body;
     state.block.props = norm.props;
     state.block.extra = env;
@@ -12639,7 +12834,7 @@ function renderPortalState(prev, parentBlock, target, rawBody, rawProps, host, e
 }
 function teardownPortalState(state) {
   const transaction = ROOT_RENDER_TRANSACTION;
-  if (transaction !== null && !transaction.aborted && !ROOT_RENDER_ROLLBACK && state.block?.mounted && !transaction.created?.has(state.block) && state.target !== null) {
+  if (transaction !== null && !transaction.aborted && !ROOT_RENDER_ROLLBACK && state.block?.mounted && !isCreatedInRootRender(transaction, state.block) && state.target !== null) {
     deferRootRange(state.target, state.start, state.end, () => teardownPortalState(state));
     return;
   }
@@ -12687,6 +12882,14 @@ function elementKeyWasProvided(descriptor) {
 }
 const ELEMENTS_MISSING_LIST_KEY = /* @__PURE__ */ new WeakSet();
 const SCOPED_ELEMENT_PROPS = /* @__PURE__ */ new WeakSet();
+const SCOPED_CHILDREN_RESOLVER = /* @__PURE__ */ Symbol("octane.scopedChildren");
+const SCOPED_CHILDREN_PROPERTY = {
+  configurable: true,
+  enumerable: true,
+  get: function() {
+    return this[SCOPED_CHILDREN_RESOLVER]();
+  }
+};
 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")) {
@@ -12703,6 +12906,83 @@ function copyElementConfig(config) {
   }
   return props;
 }
+function restoreWritableScopedChildren(props, name, value) {
+  const inherited = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(props), name);
+  if (inherited?.get === void 0 && inherited?.set === void 0) return false;
+  Object.defineProperty(props, "children", {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    value
+  });
+  return true;
+}
+function copyScopedElementConfig(type, config, resolve) {
+  if (config != null && import_has_own.hasOwnProp.call(config, "__proto__") || import_has_own.hasOwnProp.call(Object.prototype, "children")) {
+    const props2 = copyElementConfig(config);
+    (0, import_shared_value_helpers.applyElementDefaultProps)(type, props2);
+    Object.defineProperty(props2, SCOPED_CHILDREN_RESOLVER, { value: resolve });
+    Object.defineProperty(props2, "children", SCOPED_CHILDREN_PROPERTY);
+    SCOPED_ELEMENT_PROPS.add(props2);
+    return props2;
+  }
+  const props = {};
+  Object.defineProperty(props, SCOPED_CHILDREN_RESOLVER, { value: resolve });
+  let copiedChildren;
+  let hasCopiedChildren = false;
+  let childrenAreWritable = false;
+  if (config != null) {
+    for (const name in config) {
+      if (name === "key" || !import_has_own.hasOwnProp.call(config, name)) continue;
+      if (name === "children") {
+        copiedChildren = config[name];
+        Object.defineProperty(props, "children", SCOPED_CHILDREN_PROPERTY);
+        hasCopiedChildren = true;
+      } else {
+        const value = config[name];
+        if (hasCopiedChildren && !childrenAreWritable && !import_has_own.hasOwnProp.call(props, name) && restoreWritableScopedChildren(props, name, copiedChildren)) {
+          childrenAreWritable = true;
+        }
+        props[name] = value;
+      }
+    }
+  }
+  const defaults = type?.defaultProps;
+  if (defaults != null) {
+    for (const name in defaults) {
+      if (name === "children") {
+        if ((childrenAreWritable ? props.children : hasCopiedChildren ? copiedChildren : props.children) === void 0) {
+          copiedChildren = defaults[name];
+          if (childrenAreWritable) {
+            props.children = copiedChildren;
+          } else if (!hasCopiedChildren) {
+            if ("children" in props) {
+              props.children = copiedChildren;
+            } else {
+              Object.defineProperty(props, "children", SCOPED_CHILDREN_PROPERTY);
+              hasCopiedChildren = true;
+            }
+          }
+        }
+      } else {
+        if (hasCopiedChildren && !childrenAreWritable && !import_has_own.hasOwnProp.call(props, name) && restoreWritableScopedChildren(props, name, copiedChildren)) {
+          childrenAreWritable = true;
+        }
+        if (props[name] === void 0) props[name] = defaults[name];
+      }
+    }
+  }
+  if (childrenAreWritable || !hasCopiedChildren)
+    Object.defineProperty(props, "children", SCOPED_CHILDREN_PROPERTY);
+  SCOPED_ELEMENT_PROPS.add(props);
+  return props;
+}
+function scopedElementRecord(type, props, key, ref, resolve) {
+  const descriptor = { $$kind: ELEMENT_TAG, type, props, key, ref };
+  Object.defineProperty(descriptor, SCOPED_CHILDREN_RESOLVER, { value: resolve });
+  Object.defineProperty(descriptor, "children", SCOPED_CHILDREN_PROPERTY);
+  return descriptor;
+}
 function finalizeElementDescriptor(descriptor) {
   if (process.env.NODE_ENV !== "production") {
     Object.freeze(descriptor.props);
@@ -12711,6 +12991,33 @@ function finalizeElementDescriptor(descriptor) {
   return descriptor;
 }
 const SCOPED_VALUE_RECORD = /* @__PURE__ */ Symbol("octane.scopedValue");
+function scopedValueType() {
+  return this[SCOPED_VALUE_RECORD]().type;
+}
+function scopedValueProps() {
+  return this[SCOPED_VALUE_RECORD]().props;
+}
+function scopedValueKey() {
+  const next = this[SCOPED_VALUE_RECORD]();
+  const key = next.key;
+  if (key === null && KEYED_ELEMENT_DESCRIPTORS.has(next)) {
+    KEYED_ELEMENT_DESCRIPTORS.add(this);
+  }
+  return key;
+}
+function scopedValueRef() {
+  return this[SCOPED_VALUE_RECORD]().ref;
+}
+function scopedValueChildren() {
+  return this[SCOPED_VALUE_RECORD]().children;
+}
+const SCOPED_VALUE_PROPERTIES = {
+  type: { configurable: true, enumerable: true, get: scopedValueType },
+  props: { configurable: true, enumerable: true, get: scopedValueProps },
+  key: { configurable: true, enumerable: true, get: scopedValueKey },
+  ref: { configurable: true, enumerable: true, get: scopedValueRef },
+  children: { configurable: true, enumerable: true, get: scopedValueChildren }
+};
 function createScopedValue(readElement) {
   return scopedValueDescriptor(createScopedResolver(readElement));
 }
@@ -12718,30 +13025,13 @@ function nativeCreateScopedValue(readElement) {
   return scopedValueDescriptor(createNativeScopedResolver(readElement));
 }
 function scopedValueDescriptor(resolve) {
-  const descriptor = {
-    $$kind: ELEMENT_TAG,
-    get type() {
-      return resolve().type;
-    },
-    get props() {
-      return resolve().props;
-    },
-    get key() {
-      const next = resolve();
-      const key = next.key;
-      if (key === null && KEYED_ELEMENT_DESCRIPTORS.has(next)) {
-        KEYED_ELEMENT_DESCRIPTORS.add(descriptor);
-      }
-      return key;
-    },
-    get ref() {
-      return resolve().ref;
-    },
-    get children() {
-      return resolve().children;
-    }
-  };
+  const descriptor = { $$kind: ELEMENT_TAG };
   Object.defineProperty(descriptor, SCOPED_VALUE_RECORD, { value: resolve });
+  Object.defineProperty(descriptor, "type", SCOPED_VALUE_PROPERTIES.type);
+  Object.defineProperty(descriptor, "props", SCOPED_VALUE_PROPERTIES.props);
+  Object.defineProperty(descriptor, "key", SCOPED_VALUE_PROPERTIES.key);
+  Object.defineProperty(descriptor, "ref", SCOPED_VALUE_PROPERTIES.ref);
+  Object.defineProperty(descriptor, "children", SCOPED_VALUE_PROPERTIES.children);
   if (process.env.NODE_ENV !== "production") Object.freeze(descriptor);
   return descriptor;
 }
@@ -12755,20 +13045,14 @@ function scopedElementDescriptor(type, props, children) {
   const src = props ?? null;
   const hasKey = hasElementConfigKey(src);
   const key = hasKey ? "" + src.key : null;
-  const copiedProps = copyElementConfig(src);
-  (0, import_shared_value_helpers.applyElementDefaultProps)(type, copiedProps);
-  const childProperty = { configurable: true, enumerable: true, get: children };
-  Object.defineProperty(copiedProps, "children", childProperty);
-  SCOPED_ELEMENT_PROPS.add(copiedProps);
-  const descriptor = {
-    $$kind: ELEMENT_TAG,
+  const copiedProps = copyScopedElementConfig(type, src, children);
+  const descriptor = scopedElementRecord(
     type,
-    props: copiedProps,
+    copiedProps,
     key,
-    ref: copiedProps.ref !== void 0 ? copiedProps.ref : null,
-    children: null
-  };
-  Object.defineProperty(descriptor, "children", childProperty);
+    copiedProps.ref !== void 0 ? copiedProps.ref : null,
+    children
+  );
   if (key === null && src != null && (typeof src === "object" || typeof src === "function") && "key" in src) {
     KEYED_ELEMENT_DESCRIPTORS.add(descriptor);
   }
@@ -12818,9 +13102,15 @@ function cloneElement(element, config, ...children) {
     throw new Error((0, import_error_codes_client_generated.formatClientError)(4));
   }
   let scopedChildren;
+  let copiedGetter;
   let props;
   if (SCOPED_ELEMENT_PROPS.has(element.props)) {
-    scopedChildren = Object.getOwnPropertyDescriptor(element, "children").get;
+    const get = Object.getOwnPropertyDescriptor(element, "children").get;
+    if (get === SCOPED_CHILDREN_PROPERTY.get) {
+      scopedChildren = element[SCOPED_CHILDREN_RESOLVER];
+    } else {
+      copiedGetter = get === SCOPED_VALUE_PROPERTIES.children.get ? () => get.call(element) : get;
+    }
     props = {};
     for (const name in element.props) {
       if (name !== "key" && name !== "children" && import_has_own.hasOwnProp.call(element.props, name)) {
@@ -12847,30 +13137,49 @@ function cloneElement(element, config, ...children) {
   }
   const n = children.length;
   let kids;
-  let childProperty;
+  let keepsScopedChildren = false;
   if (n === 1) {
     kids = children[0];
   } else if (n > 1) {
     POSITIONAL_CHILDREN.add(children);
     kids = children;
-  } else if (scopedChildren !== void 0 && !replacedChildren) {
-    childProperty = { configurable: true, enumerable: true, get: scopedChildren };
-    Object.defineProperty(props, "children", childProperty);
+  } else if ((scopedChildren !== void 0 || copiedGetter !== void 0) && !replacedChildren) {
+    if (copiedGetter === void 0) {
+      Object.defineProperty(props, SCOPED_CHILDREN_RESOLVER, { value: scopedChildren });
+    }
+    Object.defineProperty(
+      props,
+      "children",
+      copiedGetter === void 0 ? SCOPED_CHILDREN_PROPERTY : { configurable: true, enumerable: true, get: copiedGetter }
+    );
     SCOPED_ELEMENT_PROPS.add(props);
+    keepsScopedChildren = true;
     kids = null;
   } else {
     kids = "children" in props ? props.children : element.children;
   }
   if (n > 0) props.children = kids;
-  const descriptor = {
-    $$kind: ELEMENT_TAG,
-    type: element.type,
-    props,
-    key,
-    ref: props.ref !== void 0 ? props.ref : null,
-    children: kids ?? null
-  };
-  if (childProperty !== void 0) Object.defineProperty(descriptor, "children", childProperty);
+  const ref = props.ref !== void 0 ? props.ref : null;
+  let descriptor;
+  if (keepsScopedChildren && copiedGetter === void 0) {
+    descriptor = scopedElementRecord(element.type, props, key, ref, scopedChildren);
+  } else {
+    descriptor = {
+      $$kind: ELEMENT_TAG,
+      type: element.type,
+      props,
+      key,
+      ref,
+      children: kids ?? null
+    };
+    if (keepsScopedChildren) {
+      Object.defineProperty(descriptor, "children", {
+        configurable: true,
+        enumerable: true,
+        get: copiedGetter
+      });
+    }
+  }
   if (key === null && (elementKeyWasProvided(element) || config != null && import_has_own.hasOwnProp.call(config, "key"))) {
     KEYED_ELEMENT_DESCRIPTORS.add(descriptor);
   }
@@ -12881,20 +13190,42 @@ function cloneElement(element, config, ...children) {
 }
 function cloneAndReplaceElementKey(element, key) {
   const scoped = SCOPED_ELEMENT_PROPS.has(element.props);
-  const descriptor = {
-    $$kind: ELEMENT_TAG,
-    type: element.type,
-    props: element.props,
-    key,
-    ref: element.ref,
-    children: scoped ? null : element.children
-  };
+  let descriptor;
   if (scoped) {
-    Object.defineProperty(descriptor, "children", {
-      configurable: true,
-      enumerable: true,
-      get: Object.getOwnPropertyDescriptor(element, "children").get
-    });
+    const get = Object.getOwnPropertyDescriptor(element, "children").get;
+    if (get === SCOPED_CHILDREN_PROPERTY.get) {
+      descriptor = scopedElementRecord(
+        element.type,
+        element.props,
+        key,
+        element.ref,
+        element[SCOPED_CHILDREN_RESOLVER]
+      );
+    } else {
+      const copiedGetter = get === SCOPED_VALUE_PROPERTIES.children.get ? () => get.call(element) : get;
+      descriptor = {
+        $$kind: ELEMENT_TAG,
+        type: element.type,
+        props: element.props,
+        key,
+        ref: element.ref,
+        children: null
+      };
+      Object.defineProperty(descriptor, "children", {
+        configurable: true,
+        enumerable: true,
+        get: copiedGetter
+      });
+    }
+  } else {
+    descriptor = {
+      $$kind: ELEMENT_TAG,
+      type: element.type,
+      props: element.props,
+      key,
+      ref: element.ref,
+      children: element.children
+    };
   }
   if (ELEMENTS_MISSING_LIST_KEY.has(element)) ELEMENTS_MISSING_LIST_KEY.add(descriptor);
   return finalizeElementDescriptor(descriptor);
@@ -13231,13 +13562,14 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
     }
   }
   if ((hasKey === true || key !== void 0) && !state.keyed) {
-    if (!journaledSlot) journalRootProperty(state, "keyed");
+    if (!journaledSlot) journalRootProperty(state, "keyed", state.keyed);
     state.keyed = true;
   }
   if (keyChanged) {
     state.currentComp = null;
   }
-  if (!journaledSlot && !Object.is(state.prevKey, nextKey)) journalRootProperty(state, "prevKey");
+  if (!journaledSlot && !Object.is(state.prevKey, nextKey))
+    journalRootProperty(state, "prevKey", state.prevKey);
   state.prevKey = nextKey;
   if (replacing) {
     const swapDriver = TRANSITION_SWAP_DRIVER;
@@ -13248,7 +13580,7 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
     const suspenseSwap = canSwapOffscreen && !transitionMode && committedSuspense;
     const probeOnly = suspenseSwap && !transitionMode;
     const rootTransaction = ROOT_RENDER_TRANSACTION;
-    if (rootTransaction !== null && !committedSuspense && hydration === null && state.block !== null && state.block.mounted && !rootTransaction.created?.has(state.block)) {
+    if (rootTransaction !== null && !committedSuspense && hydration === null && state.block !== null && state.block.mounted && !isCreatedInRootRender(rootTransaction, state.block)) {
       const oldBlock = state.block;
       const oldStart = oldBlock.startMarker;
       const oldEnd = oldBlock.endMarker;
@@ -13402,7 +13734,8 @@ function componentSlotImpl(outputHandler, parentScope, slotKey, domParent, body,
     }
   } else if (state.block) {
     if (tryMemoBail(state.block, identity, props)) return;
-    if (state.block.props !== renderProps) journalRootProperty(state.block, "props");
+    if (state.block.props !== renderProps)
+      journalRootProperty(state.block, "props", state.block.props);
     state.block.props = renderProps;
     renderBlock(state.block);
   }
@@ -13813,7 +14146,7 @@ function hostComponent(scope, slot, tag, props, childrenBody, anchor) {
   if (typeof childrenBody === "function") {
     state.latest = childrenBody;
     if (state.body === void 0) {
-      state.body = ((...args) => state.latest(...args));
+      state.body = (props2, scope2, extra) => state.latest(props2, scope2, extra);
     }
     childSlot(state.childScope, 0, el, state.body, null, false, el);
   } else if (childrenBody != null || state.childScope.slots[0] !== void 0) {
@@ -13965,7 +14298,7 @@ function renderFragmentRefDescriptor(descriptor, scope) {
     block.slots[1] = instance;
     block.refFields = ["f", "a", ""];
   } else if (instance._currentRef !== descriptor.ref) {
-    journalRootProperty(instance, "_currentRef");
+    journalRootProperty(instance, "_currentRef", instance._currentRef);
     if (instance._currentRef != null) queueRefDetach(instance._currentRef, instance);
     if (descriptor.ref != null) queueRefAttach(scope, descriptor.ref, instance);
     instance._currentRef = descriptor.ref;
@@ -13977,20 +14310,48 @@ function renderFragmentRefDescriptor(descriptor, scope) {
 function deoptWrapperKind(value) {
   return POSITIONAL_CHILDREN.has(value) ? "fragment" : "array";
 }
-function scopedDeoptKey(path, item, index, key) {
+const DEOPT_KEY_STRINGIFY = JSON.stringify;
+function nestedImplicitKeyPrefix(path) {
+  if (JSON.stringify !== DEOPT_KEY_STRINGIFY || "toJSON" in path) return null;
+  for (let i = 0; i < path.length; i++) {
+    const type = typeof path[i];
+    if (type !== "string" && type !== "number") return null;
+  }
+  return "[" + JSON.stringify(path) + ',"index",';
+}
+function appendScopedDeoptKey(outKeys, path, item, index, key, implicitPrefix) {
   const explicit = (isElementDescriptor(item) || item?.$$kind === PORTAL_TAG) && item.key != null;
-  if (path.length === 0) return explicit ? "k" + String(key) : "i" + index;
-  return JSON.stringify([path, explicit ? "key" : "index", explicit ? String(key) : index]);
+  if (path.length === 0) {
+    outKeys.push(explicit ? "k" + String(key) : index);
+    return implicitPrefix;
+  }
+  if (!explicit) {
+    if (implicitPrefix === void 0) implicitPrefix = nestedImplicitKeyPrefix(path);
+    if (implicitPrefix !== null && JSON.stringify === DEOPT_KEY_STRINGIFY && !("toJSON" in path)) {
+      outKeys.push(implicitPrefix + index + "]");
+      return implicitPrefix;
+    }
+  }
+  outKeys.push(JSON.stringify([path, explicit ? "key" : "index", explicit ? String(key) : index]));
+  return implicitPrefix;
 }
 function flattenReactChildContainer(outItems, outKeys, children, kind, path) {
   const keyFn = kind === "fragment" ? deoptKeyPositional : deoptKey;
   const count = children.length;
+  let implicitPrefix = count > 1 ? void 0 : null;
   for (let i = 0; i < count; i++) {
     const item = children[i];
     if (isFragmentDescriptor(item)) {
       if (item.ref != null || import_has_own.hasOwnProp.call(item.props, "ref")) {
         outItems.push(fragmentRefDescriptor(item));
-        outKeys.push(scopedDeoptKey(path, item, i, keyFn(item, i)));
+        implicitPrefix = appendScopedDeoptKey(
+          outKeys,
+          path,
+          item,
+          i,
+          keyFn(item, i),
+          implicitPrefix
+        );
         continue;
       }
       const nested = fragmentDescriptorChildren(item);
@@ -14013,15 +14374,18 @@ function flattenReactChildContainer(outItems, outKeys, children, kind, path) {
       continue;
     }
     outItems.push(item);
-    outKeys.push(scopedDeoptKey(path, item, i, keyFn(item, i)));
+    implicitPrefix = appendScopedDeoptKey(outKeys, path, item, i, keyFn(item, i), implicitPrefix);
   }
 }
+function singleDeoptKey(item, key) {
+  return (isElementDescriptor(item) || item?.$$kind === PORTAL_TAG) && item.key != null ? "k" + String(key) : 0;
+}
 function prepareDeoptList(value, forceSingle = false, includeKeyedSingle = true) {
   if (isFragmentDescriptor(value)) {
     if (value.ref != null || import_has_own.hasOwnProp.call(value.props, "ref")) {
       return {
         items: [fragmentRefDescriptor(value)],
-        keys: [scopedDeoptKey([], value, 0, value.key ?? 0)]
+        keys: [singleDeoptKey(value, value.key ?? 0)]
       };
     }
     const items = [];
@@ -14037,10 +14401,10 @@ function prepareDeoptList(value, forceSingle = false, includeKeyedSingle = true)
     return { items, keys };
   }
   if (includeKeyedSingle && isElementDescriptor(value) && value.key != null) {
-    return { items: [value], keys: [scopedDeoptKey([], value, 0, value.key)] };
+    return { items: [value], keys: [singleDeoptKey(value, value.key)] };
   }
   if (forceSingle) {
-    return { items: [value], keys: [scopedDeoptKey([], value, 0, deoptKeyPositional(value, 0))] };
+    return { items: [value], keys: [singleDeoptKey(value, deoptKeyPositional(value, 0))] };
   }
   return null;
 }
@@ -14271,8 +14635,8 @@ function deoptItemBody(item, scope) {
     const p = sm.parentNode;
     if (ROOT_RENDER_TRANSACTION !== null) {
       journalRootRange(p, sm.previousSibling, sm.nextSibling);
-      journalRootProperty(block, "startMarker");
-      journalRootProperty(block, "endMarker");
+      journalRootProperty(block, "startMarker", block.startMarker);
+      journalRootProperty(block, "endMarker", block.endMarker);
     }
     const s = document.createComment("it");
     const e = document.createComment("/it");
@@ -14285,7 +14649,7 @@ function deoptItemBody(item, scope) {
     const stale = block.deoptNode;
     let transfer = null;
     if (stale != null) {
-      journalRootProperty(block, "deoptNode");
+      journalRootProperty(block, "deoptNode", block.deoptNode);
       if (scope.slots[0] === void 0 && stale.nodeType === 1 && isHostDescriptor(item) && stale.localName === item.type && stale.parentNode === block.parentNode) {
         transfer = stale;
       } else if (stale.parentNode === block.parentNode) {
@@ -14367,7 +14731,7 @@ function deoptItemBody(item, scope) {
   }
   const node = reconcileDeoptNode(prev, item, block, deoptChildNamespace(block.parentNode));
   if (node !== prev) {
-    journalRootProperty(block, "deoptNode");
+    journalRootProperty(block, "deoptNode", block.deoptNode);
     if (prev != null && prev !== node && prev.parentNode === block.parentNode) {
       if (ROOT_RENDER_TRANSACTION !== null)
         journalRootRange(block.parentNode, prev.previousSibling, prev.nextSibling);
@@ -14395,8 +14759,8 @@ function deoptItemBody(item, scope) {
       block.parentNode.insertBefore(node, endM);
     }
     if (prev !== null && block.startMarker === prev) {
-      journalRootProperty(block, "startMarker");
-      journalRootProperty(block, "endMarker");
+      journalRootProperty(block, "startMarker", block.startMarker);
+      journalRootProperty(block, "endMarker", block.endMarker);
       block.startMarker = node;
       block.endMarker = node;
     }
@@ -14509,7 +14873,7 @@ function hostElementBody(d, block) {
       const retired = el;
       if (ROOT_RENDER_TRANSACTION !== null) {
         journalRootRange(block.parentNode, retired.previousSibling, retired.nextSibling);
-        journalRootProperty(block, "deoptNode");
+        journalRootProperty(block, "deoptNode", block.deoptNode);
       }
       const childState = block.slots[0];
       if (childState !== void 0) {
@@ -15131,7 +15495,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
   }
   if (state === void 0) {
     const transaction = ROOT_RENDER_TRANSACTION;
-    if (transaction !== null && !transaction.aborted && !ROOT_RENDER_ROLLBACK && parentScope.mounted && !transaction.created?.has(parentBlock)) {
+    if (transaction !== null && !transaction.aborted && !ROOT_RENDER_ROLLBACK && parentScope.mounted && !isCreatedInRootRender(transaction, parentBlock)) {
       journalBag();
       const after = ownsHost === void 0 ? anchor ?? null : null;
       const before = ownsHost === void 0 ? after === null ? domParent.lastChild : after.previousSibling : null;
@@ -15363,8 +15727,8 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
       }
       if (wasImplicitlyArmed && taggedChildren && comp === state.currentComp && tryImplicitBail(state.block))
         return;
-      if (state.block.body !== comp) journalRootProperty(state.block, "body");
-      if (state.currentComp !== comp) journalRootProperty(state, "currentComp");
+      if (state.block.body !== comp) journalRootProperty(state.block, "body", state.block.body);
+      if (state.currentComp !== comp) journalRootProperty(state, "currentComp", state.currentComp);
       state.block.body = comp;
       renderBlock(state.block);
       state.currentComp = comp;
@@ -15373,7 +15737,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
     if (state.block !== null && comp === state.currentComp) {
       if (tryMemoBail(state.block, comp, props)) return;
       if (props === state.block.props && tryImplicitBail(state.block)) return;
-      if (state.block.props !== props) journalRootProperty(state.block, "props");
+      if (state.block.props !== props) journalRootProperty(state.block, "props", state.block.props);
       state.block.props = props;
       renderBlock(state.block);
       return;
@@ -15494,7 +15858,7 @@ function childSlot(parentScope, slotKey, domParent, value, anchor, ownEnd, ownsH
           const oldEnd = state.end;
           state.start = r.wip.start;
           state.end = r.wip.end;
-          journalRootProperty(r.wip.block, "exclusiveMarkers");
+          journalRootProperty(r.wip.block, "exclusiveMarkers", r.wip.block.exclusiveMarkers);
           r.wip.block.exclusiveMarkers = true;
           replaceSharedBlockBoundary(parentBlock, oldStart, oldEnd, state.start, state.end);
           deferRootRange(domParent, oldStart, oldStart);
@@ -15635,7 +15999,7 @@ function childTextHole(parentScope, slotKey, domParent, value, cachedNode) {
   if (ROOT_RENDER_TRANSACTION !== null && state === void 0 && parentScope.mounted) {
     journalBag();
     journalRootRange(domParent, null, null);
-    journalRootProperty(parentScope.slots, String(slotKey));
+    journalRootProperty(parentScope.slots, slotKey, parentScope.slots[slotKey]);
   }
   if (state === void 0 && vt !== "object" && vt !== "function") {
     const str = value == null || value === false || value === true ? "" : vt === "string" ? value : String(value);
@@ -15869,29 +16233,36 @@ function shallowEqualPropsExact(a, b) {
   }
   return true;
 }
+const MEMO_OWNER = /* @__PURE__ */ Symbol("memoOwner");
+const MEMO_MARKER_DESCRIPTOR = {
+  get() {
+    return this === this[MEMO_OWNER];
+  }
+};
+const MEMO_DEFAULT_PROPS_DESCRIPTOR = {
+  configurable: true,
+  // Static hoisters must copy `type` along with this accessor.
+  get() {
+    return this.type.defaultProps;
+  },
+  set(value) {
+    this.type.defaultProps = value;
+  }
+};
 // @__NO_SIDE_EFFECTS__
 function memo(component, arePropsEqual) {
   function memoWrapper(props, scope, extra) {
     return component(props, scope, extra);
   }
+  Object.defineProperty(memoWrapper, MEMO_OWNER, { value: memoWrapper });
   Object.defineProperty(memoWrapper, "type", { value: component });
   Object.defineProperty(memoWrapper, "displayName", {
     configurable: true,
     writable: true,
     value: component.displayName || component.name || "Memo"
   });
-  Object.defineProperty(memoWrapper, "__memo", {
-    get() {
-      return this === memoWrapper;
-    }
-  });
-  Object.defineProperty(memoWrapper, "defaultProps", {
-    configurable: true,
-    get: () => component.defaultProps,
-    set: (value) => {
-      component.defaultProps = value;
-    }
-  });
+  Object.defineProperty(memoWrapper, "__memo", MEMO_MARKER_DESCRIPTOR);
+  Object.defineProperty(memoWrapper, "defaultProps", MEMO_DEFAULT_PROPS_DESCRIPTOR);
   if (typeof __OCTANE_PROFILE_ENABLED__ !== "undefined" && __OCTANE_PROFILE_ENABLED__)
     (0, import_profiling.__profileComponentSource)(memoWrapper, component);
   if (arePropsEqual) Object.defineProperty(memoWrapper, "__compare", { value: arePropsEqual });
@@ -16727,7 +17098,7 @@ function renderVisibleTry(state, source) {
   const journalCheckpoint = armTransitionJournal(state);
   const previousCapture = WIP_CAPTURE;
   const capture = journalCheckpoint < 0 ? null : createOffscreenCapture();
-  const effectDeps = capture === null ? null : snapshotSubtreeEffectDeps(block);
+  const effectDeps = capture !== null && (ROOT_RENDER_TRANSACTION === null || state.propagateSuspense || (block.pendingMode ?? CURRENT_BLOCK?.currentRenderMode) !== "transition" || block.pending && block.pendingMode === "transition" && CURRENT_BLOCK !== null && CURRENT_BLOCK.currentRenderMode === "urgent" && blockIsAncestor(CURRENT_BLOCK, block) && TRANSITION_SWAP_DRIVER !== null) ? snapshotSubtreeEffectDeps(block) : null;
   const refDetachCheckpoint = refDetachQueue.length;
   let didThrow = false;
   let renderError;
@@ -16744,7 +17115,7 @@ function renderVisibleTry(state, source) {
     if (didThrow) {
       if (capture !== null) {
         refDetachQueue.splice(refDetachCheckpoint);
-        restoreSubtreeEffectDeps(block, effectDeps);
+        if (effectDeps !== null) restoreSubtreeEffectDeps(block, effectDeps);
         discardOffscreenCapture(capture);
       }
       if (isHostContextRequest(renderError) || renderError instanceof import_read_protocol.NativeAdoptionMiss)
@@ -17264,6 +17635,7 @@ function invalidatePendingSuspenseEffects(owner) {
       if (block.disposed || block !== owner && !blockIsAncestorOf(owner, block)) continue;
       const effect = pending.scope.hooks?.get(pending.slot);
       if (effect === void 0 || effect.revision !== pending.revision) continue;
+      if (ROOT_RENDER_TRANSACTION !== null) journalObjectOnce(effect);
       effect.revision++;
       effect.active = effect.connectedFn !== null;
       effect.deps = effect.connectedFn === null ? void 0 : effect.connectedArgs;
@@ -17305,7 +17677,7 @@ function hideTryContentAndMountPendingInner(state, resumeThenable) {
     const persistent = state.tryBlock;
     const uncommittedRefs = discardSubtreeRefAttaches(persistent);
     invalidatePendingSuspenseEffects(persistent);
-    journalRootProperty(persistent, "inactive");
+    journalRootProperty(persistent, "inactive", persistent.inactive);
     persistent.inactive = true;
     const action = () => deactivateSuspensePrimary(state, persistent, uncommittedRefs);
     if (WIP_CAPTURE === null) effectEventCommitActions.push(action);
@@ -17676,6 +18048,7 @@ function reconnectBailedEffects(block) {
     const queue = context.queues[effect.phase];
     if (replay !== null) {
       const last = replay[replay.length - 1];
+      if (ROOT_RENDER_TRANSACTION !== null) journalObjectOnce(effect);
       effect.active = last.fn !== null;
       effect.deps = last.fn === null ? void 0 : last.args;
       const revision = ++effect.revision;
@@ -18624,8 +18997,8 @@ function replaceSharedBlockBoundary(parent, oldStart, oldEnd, newStart, newEnd)
   if (oldStart === null || oldEnd === null) return;
   let block = parent;
   while (block !== null && block.startMarker === oldStart && block.endMarker === oldEnd) {
-    journalRootProperty(block, "startMarker");
-    journalRootProperty(block, "endMarker");
+    journalRootProperty(block, "startMarker", block.startMarker);
+    journalRootProperty(block, "endMarker", block.endMarker);
     block.startMarker = newStart;
     block.endMarker = newEnd;
     block = block.parentBlock;
@@ -18691,7 +19064,7 @@ function renderBranchSlot(parentScope, slotKey, state, domParent, next, body, ma
     }
     const liveEnd = provisionalAfter === null && state.start === null && state.block !== null && state.block.endMarker !== null ? state.block.endMarker : state.end;
     const rootTransaction = ROOT_RENDER_TRANSACTION;
-    if (rootTransaction !== null && !committedSuspense && hydration === null && state.block !== null && state.block.mounted && !rootTransaction.created?.has(state.block)) {
+    if (rootTransaction !== null && !committedSuspense && hydration === null && state.block !== null && state.block.mounted && !isCreatedInRootRender(rootTransaction, state.block)) {
       const oldBlock2 = state.block;
       const oldStart = oldBlock2.startMarker;
       const oldEnd = oldBlock2.endMarker;
@@ -18752,7 +19125,7 @@ function renderBranchSlot(parentScope, slotKey, state, domParent, next, body, ma
         if (!borrowed) {
           replaceSharedBlockBoundary(parentBlock, oldStart, oldEnd, r.wip.start, r.wip.end);
         }
-        journalRootProperty(r.wip.block, "exclusiveMarkers");
+        journalRootProperty(r.wip.block, "exclusiveMarkers", r.wip.block.exclusiveMarkers);
         r.wip.block.exclusiveMarkers = true;
         spliceWipCapture(r.wip);
         deferRootReplacement(oldBlock2, domParent, first, last);
@@ -18932,8 +19305,8 @@ function renderBranchSlot(parentScope, slotKey, state, domParent, next, body, ma
       replaceSharedBlockBoundary(parentBlock, oldBlockStart, oldBlockEnd, s, e);
     }
   } else if (state.block) {
-    if (state.block.body !== body) journalRootProperty(state.block, "body");
-    if (state.block.extra !== env) journalRootProperty(state.block, "extra");
+    if (state.block.body !== body) journalRootProperty(state.block, "body", state.block.body);
+    if (state.block.extra !== env) journalRootProperty(state.block, "extra", state.block.extra);
     state.block.body = body;
     state.block.extra = env;
     renderBlock(state.block);
@@ -19639,7 +20012,8 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
     registerSlot(parentScope, state);
   }
   const serverMarkerState = hydration?.markerState(state.start) ?? -1;
-  if (state.env !== deps) journalRootProperty(state, "env");
+  if (ROOT_RENDER_TRANSACTION !== null && state.env !== deps)
+    journalRootProperty(state, "env", state.env);
   state.env = deps;
   const isEmpty = items.length === 0;
   if (isEmpty && emptyBody) {
@@ -19647,8 +20021,10 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       reconcileKeyed(parentBlock, state, items, getKey, itemBody, false, false);
     }
     if (state.emptyBlock) {
-      if (state.emptyBlock.body !== emptyBody) journalRootProperty(state.emptyBlock, "body");
-      if (state.emptyBlock.extra !== state.env) journalRootProperty(state.emptyBlock, "extra");
+      if (state.emptyBlock.body !== emptyBody)
+        journalRootProperty(state.emptyBlock, "body", state.emptyBlock.body);
+      if (state.emptyBlock.extra !== state.env)
+        journalRootProperty(state.emptyBlock, "extra", state.emptyBlock.extra);
       state.emptyBlock.body = emptyBody;
       state.emptyBlock.extra = state.env;
       renderBlock(state.emptyBlock);
@@ -19687,7 +20063,7 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
   if (state.emptyBlock) {
     if (itemRemovalDefers()) {
       journalForSlot(state);
-      parkItemForHold(state.emptyBlock);
+      parkItemForHold(state.emptyBlock, state);
     } else unmountBlock(state.emptyBlock);
     state.emptyBlock = null;
   }
@@ -19713,7 +20089,8 @@ function forBlock(parentScope, slotKey, domParent, inputItems, getKey, itemBody,
       } else {
         lite = !requiresScope;
       }
-      if (state.cachedDeps !== deps) journalRootProperty(state, "cachedDeps");
+      if (ROOT_RENDER_TRANSACTION !== null && state.cachedDeps !== deps)
+        journalRootProperty(state, "cachedDeps", state.cachedDeps);
       state.cachedDeps = deps;
     }
   }
@@ -19781,7 +20158,8 @@ function keyedForBlock(parentScope, slotKey, domParent, items, getKey, itemBody,
   );
   if (TRANSITION_JOURNAL === null || ROOT_RENDER_TRANSACTION !== null) {
     const rendered = parentScope.slots[slotKey];
-    if (rendered.selectionItems !== items) journalRootProperty(rendered, "selectionItems");
+    if (rendered.selectionItems !== items)
+      journalRootProperty(rendered, "selectionItems", rendered.selectionItems);
     rendered.selectionItems = items;
   }
 }
@@ -19801,14 +20179,16 @@ function mountFastHostItems(parentScope, state, parentNode, items, getKey, itemB
   let previous = null;
   let current = null;
   if (TRANSITION_JOURNAL !== null) journalForSlot(state);
-  if (state.env !== deps) journalRootProperty(state, "env");
+  if (ROOT_RENDER_TRANSACTION !== null && state.env !== deps)
+    journalRootProperty(state, "env", state.env);
   state.env = deps;
   if (((flags || 0) & 4) !== 0 && deps !== void 0) {
-    if (state.cachedDeps !== deps) journalRootProperty(state, "cachedDeps");
+    if (ROOT_RENDER_TRANSACTION !== null && state.cachedDeps !== deps)
+      journalRootProperty(state, "cachedDeps", state.cachedDeps);
     state.cachedDeps = deps;
   }
   if (mapped) {
-    if (state.mappedNative !== true) journalRootProperty(state, "mappedNative");
+    if (state.mappedNative !== true) journalRootProperty(state, "mappedNative", state.mappedNative);
     state.mappedNative = true;
   }
   try {
@@ -19918,7 +20298,8 @@ function fastKeyedForBlock(parentScope, slotKey, domParent, items, getKey, itemB
     return;
   }
   mountFastHostItems(parentScope, state, parent, items, getKey, itemBody, flags, deps, false);
-  if (state.selectionItems !== items) journalRootProperty(state, "selectionItems");
+  if (state.selectionItems !== items)
+    journalRootProperty(state, "selectionItems", state.selectionItems);
   state.selectionItems = items;
 }
 function fastMapSlot(scopeOrItems, slotOrMethod, domParent, items, method, native, callback, getKey, itemBody, flags, deps, anchor, ownEnd) {
@@ -19995,8 +20376,10 @@ function tryUpdateKeyedSelection(state, items, itemBody, previousDeps, deps, sel
   }
   const previous = previousDeps[selectionIndex];
   const next = deps[selectionIndex];
-  if (state.cachedDeps !== deps) journalRootProperty(state, "cachedDeps");
-  if (state.env !== deps) journalRootProperty(state, "env");
+  if (ROOT_RENDER_TRANSACTION !== null && state.cachedDeps !== deps)
+    journalRootProperty(state, "cachedDeps", state.cachedDeps);
+  if (ROOT_RENDER_TRANSACTION !== null && state.env !== deps)
+    journalRootProperty(state, "env", state.env);
   state.cachedDeps = deps;
   state.env = deps;
   if (Object.is(previous, next)) return true;
@@ -20009,8 +20392,8 @@ function tryUpdateKeyedSelection(state, items, itemBody, previousDeps, deps, sel
     second = swap;
   }
   if (first !== void 0) {
-    if (first.body !== itemBody) journalRootProperty(first, "body");
-    if (first.extra !== deps) journalRootProperty(first, "extra");
+    if (first.body !== itemBody) journalRootProperty(first, "body", first.body);
+    if (first.extra !== deps) journalRootProperty(first, "extra", first.extra);
     first.body = itemBody;
     first.extra = deps;
     if (selectionBody !== void 0 && first._slots === null) {
@@ -20020,8 +20403,8 @@ function tryUpdateKeyedSelection(state, items, itemBody, previousDeps, deps, sel
     }
   }
   if (second !== void 0) {
-    if (second.body !== itemBody) journalRootProperty(second, "body");
-    if (second.extra !== deps) journalRootProperty(second, "extra");
+    if (second.body !== itemBody) journalRootProperty(second, "body", second.body);
+    if (second.extra !== deps) journalRootProperty(second, "extra", second.extra);
     second.body = itemBody;
     second.extra = deps;
     if (selectionBody !== void 0 && second._slots === null) {
@@ -20053,14 +20436,16 @@ const MAX_KEYED_REORDER_SCRATCH = 16384;
 let keyedReorderSources = null;
 let keyedLisPredecessors = null;
 function updateSurvivor(block, newItem, newIdx, itemBody, pure, lite, indexIndependent, env) {
-  if (block.itemIndex !== newIdx) journalRootProperty(block, "itemIndex");
-  if (block.body !== itemBody) journalRootProperty(block, "body");
+  const journal = ROOT_RENDER_TRANSACTION !== null && !ROOT_RENDER_ROLLBACK;
+  if (journal && block.itemIndex !== newIdx)
+    journalRootProperty(block, "itemIndex", block.itemIndex);
+  if (journal && block.body !== itemBody) journalRootProperty(block, "body", block.body);
   if (pure && block.props === newItem && (indexIndependent || block.itemIndex === newIdx)) {
     block.itemIndex = newIdx;
     block.body = itemBody;
   } else {
-    if (block.props !== newItem) journalRootProperty(block, "props");
-    if (block.extra !== env) journalRootProperty(block, "extra");
+    if (journal && block.props !== newItem) journalRootProperty(block, "props", block.props);
+    if (journal && block.extra !== env) journalRootProperty(block, "extra", block.extra);
     block.props = newItem;
     block.body = itemBody;
     block.itemIndex = newIdx;
@@ -20101,7 +20486,6 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
   const adopt = state.adopt;
   let adoptIndex = 0;
   let prev = null;
-  const mounted = [];
   try {
     for (let i = 0; i < newLen; i++) {
       const item = items[i];
@@ -20129,7 +20513,6 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
         ssrMarkerless,
         adoptNode
       );
-      mounted.push(block);
       oldItems.set(key, block);
       block.key = key;
       block.prevSibling = prev;
@@ -20141,8 +20524,9 @@ function mountItemsLinear(parentBlock, state, items, getKey, itemBody, singleRoo
     state.tail = prev;
     state.size = newLen;
   } catch (error) {
-    for (let i = mounted.length - 1; i >= 0; i--) {
-      const block = mounted[i];
+    while (prev !== null) {
+      const block = prev;
+      prev = block.prevSibling;
       oldItems.delete(block.key);
       if (isSuspenseException(error)) retainDiscardedWarmMemos(block);
       unmountBlock(block, !ROOT_RENDER_TRANSACTION?.retainedCreated?.has(block));
@@ -20524,7 +20908,7 @@ function deferRootOwnedListClear(state, certified = false) {
       newlyRetired.push(block);
     }
     if (block.pending) {
-      journalRootProperty(block, "pending");
+      journalRootProperty(block, "pending", block.pending);
       block.pending = false;
     }
   }
@@ -21443,7 +21827,8 @@ function makeRoot(container, rootBlock, currentBody, currentKey, idState, output
       const block = rootBlock;
       renderOwner.request = (renderMode) => {
         renderOwner.transaction.rootRequest = true;
-        if (block.props !== props) journalRootProperty(block, "props");
+        const previousProps = block.props;
+        if (previousProps !== props) journalRootProperty(block, "props", previousProps);
         block.props = props;
         block.pendingMode = renderMode;
         renderBlock(block);
@@ -21463,7 +21848,7 @@ function makeRoot(container, rootBlock, currentBody, currentKey, idState, output
     const previousRoot = rootBlock;
     const previousBody = currentBody;
     const previousKey = currentKey;
-    const staged = container.nodeType !== 9 && previousRoot !== null && previousRoot.mounted && !previousRoot.disposed && !renderOwner.transaction.created?.has(previousRoot);
+    const staged = container.nodeType !== 9 && previousRoot !== null && previousRoot.mounted && !previousRoot.disposed && !isCreatedInRootRender(renderOwner.transaction, previousRoot);
     const oldFirst = staged ? container.firstChild : null;
     const oldLast = staged ? container.lastChild : null;
     journalUndo(() => {
@@ -21807,7 +22192,7 @@ function hydrateRoot(container, bodyOrElement, propsOrOptions, rootOptions) {
     owner.transaction.rootRequest = true;
     owner.transaction.hydrating = true;
     createdInRootRender(rootBlock);
-    journalRootProperty(idState, "next");
+    journalRootProperty(idState, "next", idState.next);
     idState.next = 0;
     let firstNode = container.firstChild;
     while (firstNode !== null && (firstNode.nodeType === 10 || isRendererHydrationStyle(firstNode)))
@@ -22398,6 +22783,7 @@ function scriptResource(attrs) {
   queueRefAttach,
   queueRefDetach,
   readContextFromScope,
+  registerWarmPlan,
   renderBlock,
   renderClientContextProvider,
   replaceRef,
@@ -22453,6 +22839,8 @@ function scriptResource(attrs) {
   textHoleUpdate,
   textSlot,
   tryBlock,
+  updateFreshClassAttr,
+  updateFreshClassName,
   use,
   useActionState,
   useBatch,