react-dom 19.2.0-canary-c4676e72-20250520 → 19.2.0-canary-8ce15b0f-20250522

package/cjs/react-dom-server.bun.development.js

@@ -1723,8 +1723,8 @@ function getSuspenseViewTransition(parentViewTransition) {
     ? null
     : {
         update: parentViewTransition.update,
-        enter: null,
-        exit: null,
+        enter: "none",
+        exit: "none",
         share: parentViewTransition.update,
         name: parentViewTransition.autoName,
         autoName: parentViewTransition.autoName,
@@ -3888,7 +3888,7 @@ var completeSegmentScript1Full =
   completeSegmentScript2 = '","',
   completeSegmentScriptEnd = '")\x3c/script>',
   completeBoundaryScriptFunctionOnly =
-    '$RB=[];$RV=function(){$RT=performance.now();var d=$RB;$RB=[];for(var a=0;a<d.length;a+=2){var b=d[a],h=d[a+1],e=b.parentNode;if(e){var f=b.previousSibling,g=0;do{if(b&&8===b.nodeType){var c=b.data;if("/$"===c||"/&"===c)if(0===g)break;else g--;else"$"!==c&&"$?"!==c&&"$~"!==c&&"$!"!==c&&"&"!==c||g++}c=b.nextSibling;e.removeChild(b);b=c}while(b);for(;h.firstChild;)e.insertBefore(h.firstChild,b);f.data="$";f._reactRetry&&f._reactRetry()}}};$RC=function(d,a){if(a=document.getElementById(a))if(a.parentNode.removeChild(a),d=document.getElementById(d))d.previousSibling.data="$~",$RB.push(d,a),2===$RB.length&&setTimeout($RV,("number"!==typeof $RT?0:$RT)+300-performance.now())};',
+    '$RB=[];$RV=function(c){$RT=performance.now();for(var a=0;a<c.length;a+=2){var b=c[a],h=c[a+1],e=b.parentNode;if(e){var f=b.previousSibling,g=0;do{if(b&&8===b.nodeType){var d=b.data;if("/$"===d||"/&"===d)if(0===g)break;else g--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||g++}d=b.nextSibling;e.removeChild(b);b=d}while(b);for(;h.firstChild;)e.insertBefore(h.firstChild,b);f.data="$";f._reactRetry&&f._reactRetry()}}c.length=0};$RC=function(c,a){if(a=document.getElementById(a))if(a.parentNode.removeChild(a),c=document.getElementById(c))c.previousSibling.data="$~",$RB.push(c,a),2===$RB.length&&setTimeout($RV.bind(null,$RB),("number"!==typeof $RT?0:$RT)+300-performance.now())};',
   completeBoundaryScript1Partial = '$RC("',
   completeBoundaryWithStylesScript1FullPartial =
     '$RM=new Map;$RR=function(n,w,p){function u(q){this._p=null;q()}for(var r=new Map,t=document,h,b,e=t.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=e[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&$RM.set(b.getAttribute("href"),b),r.set(b.dataset.precedence,h=b));e=0;b=[];var l,a;for(k=!0;;){if(k){var f=p[e++];if(!f){k=!1;e=0;continue}var c=!1,m=0;var d=f[m++];if(a=$RM.get(d)){var g=a._p;c=!0}else{a=t.createElement("link");a.href=d;a.rel=\n"stylesheet";for(a.dataset.precedence=l=f[m++];g=f[m++];)a.setAttribute(g,f[m++]);g=a._p=new Promise(function(q,x){a.onload=u.bind(a,q);a.onerror=u.bind(a,x)});$RM.set(d,a)}d=a.getAttribute("media");!g||d&&!matchMedia(d).matches||b.push(g);if(c)continue}else{a=v[e++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=r.get(l)||h;c===h&&(h=a);r.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=t.head,c.insertBefore(a,c.firstChild))}if(p=document.getElementById(n))p.previousSibling.data=\n"$~";Promise.all(b).then($RC.bind(null,n,w),$RX.bind(null,n,"CSS failed to load"))};$RR("',
@@ -4617,6 +4617,10 @@ function hoistStyleQueueDependency(styleQueue) {
 function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
+}
 var bind = Function.prototype.bind,
   REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 function getComponentNameFromType(type) {
@@ -5772,11 +5776,14 @@ function createSuspenseBoundary(
   };
   null !== row &&
     (row.pendingTasks++,
-    (row = row.boundaries),
-    null !== row &&
+    (contentPreamble = row.boundaries),
+    null !== contentPreamble &&
       (request.allPendingTasks++,
       fallbackAbortableTasks.pendingTasks++,
-      row.push(fallbackAbortableTasks)));
+      contentPreamble.push(fallbackAbortableTasks)),
+    (request = row.inheritedHoistables),
+    null !== request &&
+      hoistHoistables(fallbackAbortableTasks.contentState, request));
   return fallbackAbortableTasks;
 }
 function createRenderTask(
@@ -6052,20 +6059,56 @@ function fatalError(request, error, errorInfo, debugTask) {
     : ((request.status = 13), (request.fatalError = error));
 }
 function finishSuspenseListRow(request, row) {
-  for (row = row.next; null !== row; ) {
-    var unblockedBoundaries = row.boundaries;
+  unblockSuspenseListRow(request, row.next, row.hoistables);
+}
+function unblockSuspenseListRow(request, unblockedRow, inheritedHoistables) {
+  for (; null !== unblockedRow; ) {
+    null !== inheritedHoistables &&
+      (hoistHoistables(unblockedRow.hoistables, inheritedHoistables),
+      (unblockedRow.inheritedHoistables = inheritedHoistables));
+    var unblockedBoundaries = unblockedRow.boundaries;
     if (null !== unblockedBoundaries) {
-      row.boundaries = null;
-      for (var i = 0; i < unblockedBoundaries.length; i++)
-        finishedTask(request, unblockedBoundaries[i], null, null);
+      unblockedRow.boundaries = null;
+      for (var i = 0; i < unblockedBoundaries.length; i++) {
+        var unblockedBoundary = unblockedBoundaries[i];
+        null !== inheritedHoistables &&
+          hoistHoistables(unblockedBoundary.contentState, inheritedHoistables);
+        finishedTask(request, unblockedBoundary, null, null);
+      }
+    }
+    unblockedRow.pendingTasks--;
+    if (0 < unblockedRow.pendingTasks) break;
+    inheritedHoistables = unblockedRow.hoistables;
+    unblockedRow = unblockedRow.next;
+  }
+}
+function tryToResolveTogetherRow(request, togetherRow) {
+  var boundaries = togetherRow.boundaries;
+  if (null !== boundaries && togetherRow.pendingTasks === boundaries.length) {
+    for (var allCompleteAndInlinable = !0, i = 0; i < boundaries.length; i++) {
+      var rowBoundary = boundaries[i];
+      if (
+        1 !== rowBoundary.pendingTasks ||
+        rowBoundary.parentFlushed ||
+        500 < rowBoundary.byteSize
+      ) {
+        allCompleteAndInlinable = !1;
+        break;
+      }
     }
-    row.pendingTasks--;
-    if (0 < row.pendingTasks) break;
-    row = row.next;
+    allCompleteAndInlinable &&
+      unblockSuspenseListRow(request, togetherRow, togetherRow.hoistables);
   }
 }
 function createSuspenseListRow(previousRow) {
-  var newRow = { pendingTasks: 1, boundaries: null, next: null };
+  var newRow = {
+    pendingTasks: 1,
+    boundaries: null,
+    hoistables: createHoistableState(),
+    inheritedHoistables: null,
+    together: !1,
+    next: null
+  };
   null !== previousRow &&
     0 < previousRow.pendingTasks &&
     (newRow.pendingTasks++,
@@ -6074,24 +6117,25 @@ function createSuspenseListRow(previousRow) {
   return newRow;
 }
 function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
-  keyPath = task.keyPath;
-  var previousComponentStack = task.componentStack;
+  var prevKeyPath = task.keyPath,
+    prevTreeContext = task.treeContext,
+    prevRow = task.row,
+    previousComponentStack = task.componentStack;
   var previousDebugTask = task.debugTask;
   pushServerComponentStack(task, task.node.props.children._debugInfo);
-  var prevTreeContext = task.treeContext,
-    prevRow = task.row,
-    totalChildren = rows.length,
-    previousSuspenseListRow = null;
+  task.keyPath = keyPath;
+  keyPath = rows.length;
+  var previousSuspenseListRow = null;
   if (null !== task.replay) {
     var resumeSlots = task.replay.slots;
     if (null !== resumeSlots && "object" === typeof resumeSlots)
-      for (var n = 0; n < totalChildren; n++) {
-        var i = "backwards" !== revealOrder ? n : totalChildren - 1 - n,
+      for (var n = 0; n < keyPath; n++) {
+        var i = "backwards" !== revealOrder ? n : keyPath - 1 - n,
           node = rows[i];
         task.row = previousSuspenseListRow = createSuspenseListRow(
           previousSuspenseListRow
         );
-        task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
+        task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
         var resumeSegmentID = resumeSlots[i];
         "number" === typeof resumeSegmentID
           ? (resumeNode(request, task, resumeSegmentID, node, i),
@@ -6101,32 +6145,28 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
           finishSuspenseListRow(request, previousSuspenseListRow);
       }
     else
-      for (resumeSlots = 0; resumeSlots < totalChildren; resumeSlots++)
+      for (resumeSlots = 0; resumeSlots < keyPath; resumeSlots++)
         (n =
           "backwards" !== revealOrder
             ? resumeSlots
-            : totalChildren - 1 - resumeSlots),
+            : keyPath - 1 - resumeSlots),
           (i = rows[n]),
           warnForMissingKey(request, task, i),
           (task.row = previousSuspenseListRow =
             createSuspenseListRow(previousSuspenseListRow)),
-          (task.treeContext = pushTreeContext(
-            prevTreeContext,
-            totalChildren,
-            n
-          )),
+          (task.treeContext = pushTreeContext(prevTreeContext, keyPath, n)),
           renderNode(request, task, i, n),
           0 === --previousSuspenseListRow.pendingTasks &&
             finishSuspenseListRow(request, previousSuspenseListRow);
   } else if ("backwards" !== revealOrder)
-    for (revealOrder = 0; revealOrder < totalChildren; revealOrder++)
+    for (revealOrder = 0; revealOrder < keyPath; revealOrder++)
       (resumeSlots = rows[revealOrder]),
         warnForMissingKey(request, task, resumeSlots),
         (task.row = previousSuspenseListRow =
           createSuspenseListRow(previousSuspenseListRow)),
         (task.treeContext = pushTreeContext(
           prevTreeContext,
-          totalChildren,
+          keyPath,
           revealOrder
         )),
         renderNode(request, task, resumeSlots, revealOrder),
@@ -6136,12 +6176,12 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
     revealOrder = task.blockedSegment;
     resumeSlots = revealOrder.children.length;
     n = revealOrder.chunks.length;
-    for (i = totalChildren - 1; 0 <= i; i--) {
+    for (i = keyPath - 1; 0 <= i; i--) {
       node = rows[i];
       task.row = previousSuspenseListRow = createSuspenseListRow(
         previousSuspenseListRow
       );
-      task.treeContext = pushTreeContext(prevTreeContext, totalChildren, i);
+      task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
       resumeSegmentID = createPendingSegment(
         request,
         n,
@@ -6181,7 +6221,7 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
     (prevRow.pendingTasks++, (previousSuspenseListRow.next = prevRow));
   task.treeContext = prevTreeContext;
   task.row = prevRow;
-  task.keyPath = keyPath;
+  task.keyPath = prevKeyPath;
   task.componentStack = previousComponentStack;
   task.debugTask = previousDebugTask;
 }
@@ -6690,7 +6730,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
       );
       segment.lastPushedText = !1;
       var _prevContext2 = task.formatContext,
-        _prevKeyPath2 = task.keyPath;
+        _prevKeyPath3 = task.keyPath;
       task.keyPath = keyPath;
       if (
         (task.formatContext = getChildFormatContext(_prevContext2, type, props))
@@ -6728,7 +6768,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         request.pingedTasks.push(preambleTask);
       } else renderNode(request, task, _children, -1);
       task.formatContext = _prevContext2;
-      task.keyPath = _prevKeyPath2;
+      task.keyPath = _prevKeyPath3;
       a: {
         var target = segment.chunks,
           resumableState = request.resumableState;
@@ -6794,10 +6834,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
         } else if ("hidden" !== props.mode) {
           segment$jscomp$0.chunks.push("\x3c!--&--\x3e");
           segment$jscomp$0.lastPushedText = !1;
-          var _prevKeyPath3 = task.keyPath;
+          var _prevKeyPath4 = task.keyPath;
           task.keyPath = keyPath;
           renderNode(request, task, props.children, -1);
-          task.keyPath = _prevKeyPath3;
+          task.keyPath = _prevKeyPath4;
           segment$jscomp$0.chunks.push("\x3c!--/&--\x3e");
           segment$jscomp$0.lastPushedText = !1;
         }
@@ -6845,10 +6885,27 @@ function renderElement(request, task, keyPath, type, props, ref) {
               }
             }
           }
-          var prevKeyPath$jscomp$3 = task.keyPath;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, children$jscomp$0, -1);
-          task.keyPath = prevKeyPath$jscomp$3;
+          if ("together" === revealOrder) {
+            var _prevKeyPath2 = task.keyPath,
+              prevRow = task.row,
+              newRow = (task.row = createSuspenseListRow(null));
+            newRow.boundaries = [];
+            newRow.together = !0;
+            task.keyPath = keyPath;
+            renderNodeDestructive(request, task, children$jscomp$0, -1);
+            0 === --newRow.pendingTasks &&
+              finishSuspenseListRow(request, newRow);
+            task.keyPath = _prevKeyPath2;
+            task.row = prevRow;
+            null !== prevRow &&
+              0 < newRow.pendingTasks &&
+              (prevRow.pendingTasks++, (newRow.next = prevRow));
+          } else {
+            var prevKeyPath$jscomp$3 = task.keyPath;
+            task.keyPath = keyPath;
+            renderNodeDestructive(request, task, children$jscomp$0, -1);
+            task.keyPath = prevKeyPath$jscomp$3;
+          }
         }
         return;
       case REACT_VIEW_TRANSITION_TYPE:
@@ -6876,7 +6933,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         } else {
           var prevKeyPath$jscomp$4 = task.keyPath,
             prevContext$jscomp$0 = task.formatContext,
-            prevRow = task.row,
+            prevRow$jscomp$0 = task.row,
             parentBoundary = task.blockedBoundary,
             parentPreamble = task.blockedPreamble,
             parentHoistableState = task.hoistableState,
@@ -7012,18 +7069,24 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 finishedSegment(request, newBoundary, contentRootSegment),
                 queueCompletedSegment(newBoundary, contentRootSegment),
                 0 === newBoundary.pendingTasks &&
-                  newBoundary.status === PENDING &&
-                  ((newBoundary.status = COMPLETED),
-                  !(500 < newBoundary.byteSize)))
+                  newBoundary.status === PENDING)
               ) {
-                null !== prevRow &&
-                  0 === --prevRow.pendingTasks &&
-                  finishSuspenseListRow(request, prevRow);
-                0 === request.pendingRootTasks &&
-                  task.blockedPreamble &&
-                  preparePreamble(request);
-                break a;
-              }
+                if (
+                  ((newBoundary.status = COMPLETED),
+                  !(500 < newBoundary.byteSize))
+                ) {
+                  null !== prevRow$jscomp$0 &&
+                    0 === --prevRow$jscomp$0.pendingTasks &&
+                    finishSuspenseListRow(request, prevRow$jscomp$0);
+                  0 === request.pendingRootTasks &&
+                    task.blockedPreamble &&
+                    preparePreamble(request);
+                  break a;
+                }
+              } else
+                null !== prevRow$jscomp$0 &&
+                  prevRow$jscomp$0.together &&
+                  tryToResolveTogetherRow(request, prevRow$jscomp$0);
             } catch (thrownValue$2) {
               newBoundary.status = CLIENT_RENDERED;
               if (12 === request.status) {
@@ -7052,7 +7115,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 (task.blockedSegment = parentSegment),
                 (task.keyPath = prevKeyPath$jscomp$4),
                 (task.formatContext = prevContext$jscomp$0),
-                (task.row = prevRow);
+                (task.row = prevRow$jscomp$0);
             }
             var suspendedFallbackTask = createRenderTask(
               request,
@@ -7977,10 +8040,6 @@ function abortTask(task, request, error) {
     if (6 === segment.status) return;
     segment.status = ABORTED;
   }
-  segment = task.row;
-  null !== segment &&
-    0 === --segment.pendingTasks &&
-    finishSuspenseListRow(request, segment);
   segment = getThrownInfo(task.componentStack);
   if (null === boundary) {
     if (13 !== request.status && request.status !== CLOSED) {
@@ -7991,36 +8050,44 @@ function abortTask(task, request, error) {
         return;
       }
       boundary.pendingTasks--;
-      0 === boundary.pendingTasks &&
-        0 < boundary.nodes.length &&
-        ((task = logRecoverableError(request, error, segment, null)),
+      if (0 === boundary.pendingTasks && 0 < boundary.nodes.length) {
+        var errorDigest = logRecoverableError(request, error, segment, null);
         abortRemainingReplayNodes(
           request,
           null,
           boundary.nodes,
           boundary.slots,
           error,
-          task,
+          errorDigest,
           segment,
           !0
-        ));
+        );
+      }
       request.pendingRootTasks--;
       0 === request.pendingRootTasks && completeShell(request);
     }
   } else
-    boundary.pendingTasks--,
-      boundary.status !== CLIENT_RENDERED &&
-        ((boundary.status = CLIENT_RENDERED),
-        (task = logRecoverableError(request, error, segment, null)),
-        (boundary.status = CLIENT_RENDERED),
-        encodeErrorForBoundary(boundary, task, error, segment, !0),
-        untrackBoundary(request, boundary),
-        boundary.parentFlushed &&
-          request.clientRenderedBoundaries.push(boundary)),
+    boundary.status !== CLIENT_RENDERED &&
+      ((boundary.status = CLIENT_RENDERED),
+      (errorDigest = logRecoverableError(request, error, segment, null)),
+      (boundary.status = CLIENT_RENDERED),
+      encodeErrorForBoundary(boundary, errorDigest, error, segment, !0),
+      untrackBoundary(request, boundary),
+      boundary.parentFlushed &&
+        request.clientRenderedBoundaries.push(boundary)),
+      boundary.pendingTasks--,
+      (segment = boundary.row),
+      null !== segment &&
+        0 === --segment.pendingTasks &&
+        finishSuspenseListRow(request, segment),
       boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
         return abortTask(fallbackTask, request, error);
       }),
       boundary.fallbackAbortableTasks.clear();
+  task = task.row;
+  null !== task &&
+    0 === --task.pendingTasks &&
+    finishSuspenseListRow(request, task);
   request.allPendingTasks--;
   0 === request.allPendingTasks && completeAll(request);
 }
@@ -8128,55 +8195,119 @@ function finishedSegment(request, boundary, segment) {
       : (boundary.byteSize += segmentByteSize);
   }
 }
-function finishedTask(request, boundary, row, segment) {
+function finishedTask(request$jscomp$0, boundary$jscomp$0, row, segment) {
   null !== row &&
-    0 === --row.pendingTasks &&
-    finishSuspenseListRow(request, row);
-  request.allPendingTasks--;
-  if (null === boundary) {
+    (0 === --row.pendingTasks
+      ? finishSuspenseListRow(request$jscomp$0, row)
+      : row.together && tryToResolveTogetherRow(request$jscomp$0, row));
+  request$jscomp$0.allPendingTasks--;
+  if (null === boundary$jscomp$0) {
     if (null !== segment && segment.parentFlushed) {
-      if (null !== request.completedRootSegment)
+      if (null !== request$jscomp$0.completedRootSegment)
         throw Error(
           "There can only be one root segment. This is a bug in React."
         );
-      request.completedRootSegment = segment;
+      request$jscomp$0.completedRootSegment = segment;
     }
-    request.pendingRootTasks--;
-    0 === request.pendingRootTasks && completeShell(request);
-  } else
-    boundary.pendingTasks--,
-      boundary.status !== CLIENT_RENDERED &&
-        (0 === boundary.pendingTasks
-          ? (boundary.status === PENDING && (boundary.status = COMPLETED),
-            null !== segment &&
-              segment.parentFlushed &&
-              segment.status === COMPLETED &&
-              queueCompletedSegment(boundary, segment),
-            boundary.parentFlushed &&
-              request.completedBoundaries.push(boundary),
-            boundary.status === COMPLETED &&
-              (500 < boundary.byteSize ||
-                (boundary.fallbackAbortableTasks.forEach(
-                  abortTaskSoft,
-                  request
-                ),
-                boundary.fallbackAbortableTasks.clear(),
-                (row = boundary.row),
-                null !== row &&
-                  0 === --row.pendingTasks &&
-                  finishSuspenseListRow(request, row)),
-              0 === request.pendingRootTasks &&
-                null === request.trackedPostpones &&
-                null !== boundary.contentPreamble &&
-                preparePreamble(request)))
-          : null !== segment &&
-            segment.parentFlushed &&
-            segment.status === COMPLETED &&
-            (queueCompletedSegment(boundary, segment),
-            1 === boundary.completedSegments.length &&
-              boundary.parentFlushed &&
-              request.partialBoundaries.push(boundary)));
-  0 === request.allPendingTasks && completeAll(request);
+    request$jscomp$0.pendingRootTasks--;
+    0 === request$jscomp$0.pendingRootTasks && completeShell(request$jscomp$0);
+  } else if (
+    (boundary$jscomp$0.pendingTasks--,
+    boundary$jscomp$0.status !== CLIENT_RENDERED)
+  )
+    if (0 === boundary$jscomp$0.pendingTasks)
+      if (
+        (boundary$jscomp$0.status === PENDING &&
+          (boundary$jscomp$0.status = COMPLETED),
+        null !== segment &&
+          segment.parentFlushed &&
+          segment.status === COMPLETED &&
+          queueCompletedSegment(boundary$jscomp$0, segment),
+        boundary$jscomp$0.parentFlushed &&
+          request$jscomp$0.completedBoundaries.push(boundary$jscomp$0),
+        boundary$jscomp$0.status === COMPLETED)
+      )
+        (row = boundary$jscomp$0.row),
+          null !== row &&
+            hoistHoistables(row.hoistables, boundary$jscomp$0.contentState),
+          500 < boundary$jscomp$0.byteSize ||
+            (boundary$jscomp$0.fallbackAbortableTasks.forEach(
+              abortTaskSoft,
+              request$jscomp$0
+            ),
+            boundary$jscomp$0.fallbackAbortableTasks.clear(),
+            null !== row &&
+              0 === --row.pendingTasks &&
+              finishSuspenseListRow(request$jscomp$0, row)),
+          0 === request$jscomp$0.pendingRootTasks &&
+            null === request$jscomp$0.trackedPostpones &&
+            null !== boundary$jscomp$0.contentPreamble &&
+            preparePreamble(request$jscomp$0);
+      else {
+        if (
+          boundary$jscomp$0.status === POSTPONED &&
+          ((boundary$jscomp$0 = boundary$jscomp$0.row),
+          null !== boundary$jscomp$0)
+        ) {
+          if (null !== request$jscomp$0.trackedPostpones) {
+            row = request$jscomp$0.trackedPostpones;
+            var postponedRow = boundary$jscomp$0.next;
+            if (
+              null !== postponedRow &&
+              ((segment = postponedRow.boundaries), null !== segment)
+            )
+              for (
+                postponedRow.boundaries = null, postponedRow = 0;
+                postponedRow < segment.length;
+                postponedRow++
+              ) {
+                var postponedBoundary = segment[postponedRow];
+                var request = request$jscomp$0,
+                  trackedPostpones = row,
+                  boundary = postponedBoundary;
+                boundary.status = POSTPONED;
+                boundary.rootSegmentID = request.nextSegmentId++;
+                request = boundary.trackedContentKeyPath;
+                if (null === request)
+                  throw Error(
+                    "It should not be possible to postpone at the root. This is a bug in React."
+                  );
+                var fallbackReplayNode = boundary.trackedFallbackNode,
+                  children = [],
+                  boundaryNode = trackedPostpones.workingMap.get(request);
+                void 0 === boundaryNode
+                  ? ((boundary = [
+                      request[1],
+                      request[2],
+                      children,
+                      null,
+                      fallbackReplayNode,
+                      boundary.rootSegmentID
+                    ]),
+                    trackedPostpones.workingMap.set(request, boundary),
+                    addToReplayParent(boundary, request[0], trackedPostpones))
+                  : ((boundaryNode[4] = fallbackReplayNode),
+                    (boundaryNode[5] = boundary.rootSegmentID));
+                finishedTask(request$jscomp$0, postponedBoundary, null, null);
+              }
+          }
+          0 === --boundary$jscomp$0.pendingTasks &&
+            finishSuspenseListRow(request$jscomp$0, boundary$jscomp$0);
+        }
+      }
+    else
+      null !== segment &&
+        segment.parentFlushed &&
+        segment.status === COMPLETED &&
+        (queueCompletedSegment(boundary$jscomp$0, segment),
+        1 === boundary$jscomp$0.completedSegments.length &&
+          boundary$jscomp$0.parentFlushed &&
+          request$jscomp$0.partialBoundaries.push(boundary$jscomp$0)),
+        (boundary$jscomp$0 = boundary$jscomp$0.row),
+        null !== boundary$jscomp$0 &&
+          boundary$jscomp$0.together &&
+          tryToResolveTogetherRow(request$jscomp$0, boundary$jscomp$0);
+  0 === request$jscomp$0.allPendingTasks && completeAll(request$jscomp$0);
 }
 function performWork(request$jscomp$2) {
   if (request$jscomp$2.status !== CLOSED && 13 !== request$jscomp$2.status) {
@@ -8357,25 +8488,32 @@ function performWork(request$jscomp$2) {
                 errorInfo$jscomp$1,
                 debugTask
               );
-              null === boundary$jscomp$0
-                ? fatalError(request, x$jscomp$0, errorInfo$jscomp$1, debugTask)
-                : (boundary$jscomp$0.pendingTasks--,
-                  boundary$jscomp$0.status !== CLIENT_RENDERED &&
-                    ((boundary$jscomp$0.status = CLIENT_RENDERED),
-                    encodeErrorForBoundary(
-                      boundary$jscomp$0,
-                      prevTaskInDEV,
-                      x$jscomp$0,
-                      errorInfo$jscomp$1,
-                      !1
-                    ),
-                    untrackBoundary(request, boundary$jscomp$0),
-                    boundary$jscomp$0.parentFlushed &&
-                      request.clientRenderedBoundaries.push(boundary$jscomp$0),
-                    0 === request.pendingRootTasks &&
-                      null === request.trackedPostpones &&
-                      null !== boundary$jscomp$0.contentPreamble &&
-                      preparePreamble(request)));
+              if (null === boundary$jscomp$0)
+                fatalError(request, x$jscomp$0, errorInfo$jscomp$1, debugTask);
+              else if (
+                (boundary$jscomp$0.pendingTasks--,
+                boundary$jscomp$0.status !== CLIENT_RENDERED)
+              ) {
+                boundary$jscomp$0.status = CLIENT_RENDERED;
+                encodeErrorForBoundary(
+                  boundary$jscomp$0,
+                  prevTaskInDEV,
+                  x$jscomp$0,
+                  errorInfo$jscomp$1,
+                  !1
+                );
+                untrackBoundary(request, boundary$jscomp$0);
+                var boundaryRow = boundary$jscomp$0.row;
+                null !== boundaryRow &&
+                  0 === --boundaryRow.pendingTasks &&
+                  finishSuspenseListRow(request, boundaryRow);
+                boundary$jscomp$0.parentFlushed &&
+                  request.clientRenderedBoundaries.push(boundary$jscomp$0);
+                0 === request.pendingRootTasks &&
+                  null === request.trackedPostpones &&
+                  null !== boundary$jscomp$0.contentPreamble &&
+                  preparePreamble(request);
+              }
               0 === request.allPendingTasks && completeAll(request);
             }
           } finally {
@@ -8574,13 +8712,7 @@ function flushSegment(request, destination, segment, hoistableState) {
         request.renderState,
         boundary.rootSegmentID
       ),
-      hoistableState &&
-        ((boundary = boundary.fallbackState),
-        boundary.styles.forEach(hoistStyleQueueDependency, hoistableState),
-        boundary.stylesheets.forEach(
-          hoistStylesheetDependency,
-          hoistableState
-        )),
+      hoistableState && hoistHoistables(hoistableState, boundary.fallbackState),
       flushSubtree(request, destination, segment, hoistableState);
   else if (
     500 < boundary.byteSize &&
@@ -8596,10 +8728,7 @@ function flushSegment(request, destination, segment, hoistableState) {
       flushSubtree(request, destination, segment, hoistableState);
   else {
     flushedByteSize += boundary.byteSize;
-    hoistableState &&
-      ((segment = boundary.contentState),
-      segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
-      segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
+    hoistableState && hoistHoistables(hoistableState, boundary.contentState);
     segment = boundary.row;
     null !== segment &&
       500 < boundary.byteSize &&
@@ -8976,6 +9105,17 @@ function flushCompletedQueues(request, destination) {
               break a;
             }
           completedSegments.splice(0, JSCompiler_inline_result);
+          var row = boundary$jscomp$0.row;
+          null !== row &&
+            row.together &&
+            1 === boundary$jscomp$0.pendingTasks &&
+            (1 === row.pendingTasks
+              ? unblockSuspenseListRow(
+                  clientRenderedBoundaries,
+                  row,
+                  row.hoistables
+                )
+              : row.pendingTasks--);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
             boundary$jscomp$0.contentState,
@@ -9069,15 +9209,27 @@ function abort(request, reason) {
       fatalError(request, error$4, reason, null);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_752 = React.version;
+function addToReplayParent(node, parentKeyPath, trackedPostpones) {
+  if (null === parentKeyPath) trackedPostpones.rootNodes.push(node);
+  else {
+    var workingMap = trackedPostpones.workingMap,
+      parentNode = workingMap.get(parentKeyPath);
+    void 0 === parentNode &&
+      ((parentNode = [parentKeyPath[1], parentKeyPath[2], [], null]),
+      workingMap.set(parentKeyPath, parentNode),
+      addToReplayParent(parentNode, parentKeyPath[0], trackedPostpones));
+    parentNode[2].push(node);
+  }
+}
+var isomorphicReactPackageVersion$jscomp$inline_759 = React.version;
 if (
-  "19.2.0-canary-c4676e72-20250520" !==
-  isomorphicReactPackageVersion$jscomp$inline_752
+  "19.2.0-canary-8ce15b0f-20250522" !==
+  isomorphicReactPackageVersion$jscomp$inline_759
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_752 +
-        "\n  - react-dom:  19.2.0-canary-c4676e72-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_759 +
+        "\n  - react-dom:  19.2.0-canary-8ce15b0f-20250522\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -9170,4 +9322,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request$jscomp$0);
   });
 };
-exports.version = "19.2.0-canary-c4676e72-20250520";
+exports.version = "19.2.0-canary-8ce15b0f-20250522";