react-dom 19.1.0 → 19.2.4

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

@@ -16,7 +16,6 @@ var React = require("react"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
   REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
@@ -29,16 +28,20 @@ var React = require("react"),
   REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
   REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
   REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"),
-  MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
-  isArrayImpl = Array.isArray,
+  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+var isArrayImpl = Array.isArray,
   jsxPropsParents = new WeakMap(),
   jsxChildrenParents = new WeakMap();
 function objectName(object) {
-  return Object.prototype.toString
-    .call(object)
-    .replace(/^\[object (.*)\]$/, function (m, p0) {
-      return p0;
-    });
+  object = Object.prototype.toString.call(object);
+  return object.slice(8, object.length - 1);
 }
 function describeKeyForErrorMessage(key) {
   var encodedKey = JSON.stringify(key);
@@ -201,6 +204,9 @@ function flushBuffered(destination) {
 function writeChunk(destination, chunk) {
   0 !== chunk.length && destination.write(chunk);
 }
+function byteLengthOfChunk(chunk) {
+  return Buffer.byteLength(chunk, "utf8");
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -439,7 +445,11 @@ var ariaProperties = {
     "aria-rowcount": 0,
     "aria-rowindex": 0,
     "aria-rowspan": 0,
-    "aria-setsize": 0
+    "aria-setsize": 0,
+    "aria-braillelabel": 0,
+    "aria-brailleroledescription": 0,
+    "aria-colindextext": 0,
+    "aria-rowindextext": 0
   },
   warnedProperties$1 = {},
   rARIA$1 = RegExp(
@@ -1371,9 +1381,13 @@ var NothingSent = 0,
   SentCompleteBoundaryFunction = 2,
   SentClientRenderFunction = 4,
   SentStyleInsertionFunction = 8,
+  SentCompletedShellId = 32,
+  SentMarkShellTime = 64,
   EXISTS = null,
   PRELOAD_NO_CREDS = [];
 Object.freeze(PRELOAD_NO_CREDS);
+var currentlyFlushingRenderState = null,
+  endInlineScript = "\x3c/script>";
 function escapeEntireInlineScriptContent(scriptText) {
   checkHtmlStringCoercion(scriptText);
   return ("" + scriptText).replace(scriptRegex, scriptReplacer);
@@ -1392,21 +1406,30 @@ function createRenderState(
   onHeaders,
   maxHeadersLength
 ) {
+  externalRuntimeConfig =
+    "string" === typeof nonce ? nonce : nonce && nonce.script;
   var inlineScriptWithNonce =
-      void 0 === nonce
-        ? "<script>"
-        : '<script nonce="' + escapeTextForBrowser(nonce) + '">',
-    idPrefix = resumableState.idPrefix;
-  externalRuntimeConfig = [];
-  var bootstrapScriptContent = resumableState.bootstrapScriptContent,
+      void 0 === externalRuntimeConfig
+        ? "<script"
+        : '<script nonce="' + escapeTextForBrowser(externalRuntimeConfig) + '"',
+    nonceStyle = "string" === typeof nonce ? void 0 : nonce && nonce.style,
+    inlineStyleWithNonce =
+      void 0 === nonceStyle
+        ? "<style"
+        : '<style nonce="' + escapeTextForBrowser(nonceStyle) + '"',
+    idPrefix = resumableState.idPrefix,
+    bootstrapChunks = [],
+    bootstrapScriptContent = resumableState.bootstrapScriptContent,
     bootstrapScripts = resumableState.bootstrapScripts,
     bootstrapModules = resumableState.bootstrapModules;
   void 0 !== bootstrapScriptContent &&
-    externalRuntimeConfig.push(
-      inlineScriptWithNonce,
+    (bootstrapChunks.push(inlineScriptWithNonce),
+    pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+    bootstrapChunks.push(
+      endOfStartTag,
       escapeEntireInlineScriptContent(bootstrapScriptContent),
-      "\x3c/script>"
-    );
+      endInlineScript
+    ));
   bootstrapScriptContent = [];
   void 0 !== importMap &&
     (bootstrapScriptContent.push('<script type="importmap">'),
@@ -1435,9 +1458,10 @@ function createRenderState(
     segmentPrefix: idPrefix + "S:",
     boundaryPrefix: idPrefix + "B:",
     startInlineScript: inlineScriptWithNonce,
+    startInlineStyle: inlineStyleWithNonce,
     preamble: createPreambleState(),
     externalRuntimeScript: null,
-    bootstrapChunks: externalRuntimeConfig,
+    bootstrapChunks: bootstrapChunks,
     importMapChunks: bootstrapScriptContent,
     onHeaders: onHeaders,
     headers: importMap,
@@ -1464,107 +1488,119 @@ function createRenderState(
       scripts: new Map(),
       moduleScripts: new Map()
     },
-    nonce: nonce,
+    nonce: { script: externalRuntimeConfig, style: nonceStyle },
     hoistableState: null,
     stylesToHoist: !1
   };
   if (void 0 !== bootstrapScripts)
-    for (importMap = 0; importMap < bootstrapScripts.length; importMap++) {
-      maxHeadersLength = bootstrapScripts[importMap];
-      bootstrapScriptContent = idPrefix = void 0;
-      var props = {
-        rel: "preload",
-        as: "script",
-        fetchPriority: "low",
-        nonce: nonce
-      };
-      "string" === typeof maxHeadersLength
-        ? (props.href = inlineScriptWithNonce = maxHeadersLength)
-        : ((props.href = inlineScriptWithNonce = maxHeadersLength.src),
-          (props.integrity = bootstrapScriptContent =
-            "string" === typeof maxHeadersLength.integrity
-              ? maxHeadersLength.integrity
-              : void 0),
-          (props.crossOrigin = idPrefix =
-            "string" === typeof maxHeadersLength ||
-            null == maxHeadersLength.crossOrigin
-              ? void 0
-              : "use-credentials" === maxHeadersLength.crossOrigin
-                ? "use-credentials"
-                : ""));
-      preloadBootstrapScriptOrModule(
-        resumableState,
-        onHeaders,
-        inlineScriptWithNonce,
-        props
-      );
-      externalRuntimeConfig.push(
-        '<script src="',
-        escapeTextForBrowser(inlineScriptWithNonce)
-      );
-      nonce &&
-        externalRuntimeConfig.push('" nonce="', escapeTextForBrowser(nonce));
-      "string" === typeof bootstrapScriptContent &&
-        externalRuntimeConfig.push(
-          '" integrity="',
-          escapeTextForBrowser(bootstrapScriptContent)
-        );
-      "string" === typeof idPrefix &&
-        externalRuntimeConfig.push(
-          '" crossorigin="',
-          escapeTextForBrowser(idPrefix)
-        );
-      externalRuntimeConfig.push('" async="">\x3c/script>');
-    }
+    for (importMap = 0; importMap < bootstrapScripts.length; importMap++)
+      (maxHeadersLength = bootstrapScripts[importMap]),
+        (inlineStyleWithNonce = nonceStyle = void 0),
+        (idPrefix = {
+          rel: "preload",
+          as: "script",
+          fetchPriority: "low",
+          nonce: nonce
+        }),
+        "string" === typeof maxHeadersLength
+          ? (idPrefix.href = inlineScriptWithNonce = maxHeadersLength)
+          : ((idPrefix.href = inlineScriptWithNonce = maxHeadersLength.src),
+            (idPrefix.integrity = inlineStyleWithNonce =
+              "string" === typeof maxHeadersLength.integrity
+                ? maxHeadersLength.integrity
+                : void 0),
+            (idPrefix.crossOrigin = nonceStyle =
+              "string" === typeof maxHeadersLength ||
+              null == maxHeadersLength.crossOrigin
+                ? void 0
+                : "use-credentials" === maxHeadersLength.crossOrigin
+                  ? "use-credentials"
+                  : "")),
+        preloadBootstrapScriptOrModule(
+          resumableState,
+          onHeaders,
+          inlineScriptWithNonce,
+          idPrefix
+        ),
+        bootstrapChunks.push(
+          '<script src="',
+          escapeTextForBrowser(inlineScriptWithNonce),
+          attributeEnd
+        ),
+        externalRuntimeConfig &&
+          bootstrapChunks.push(
+            ' nonce="',
+            escapeTextForBrowser(externalRuntimeConfig),
+            attributeEnd
+          ),
+        "string" === typeof inlineStyleWithNonce &&
+          bootstrapChunks.push(
+            ' integrity="',
+            escapeTextForBrowser(inlineStyleWithNonce),
+            attributeEnd
+          ),
+        "string" === typeof nonceStyle &&
+          bootstrapChunks.push(
+            ' crossorigin="',
+            escapeTextForBrowser(nonceStyle),
+            attributeEnd
+          ),
+        pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+        bootstrapChunks.push(' async="">\x3c/script>');
   if (void 0 !== bootstrapModules)
-    for (
-      bootstrapScripts = 0;
-      bootstrapScripts < bootstrapModules.length;
-      bootstrapScripts++
-    )
-      (importMap = bootstrapModules[bootstrapScripts]),
-        (idPrefix = inlineScriptWithNonce = void 0),
-        (bootstrapScriptContent = {
+    for (nonce = 0; nonce < bootstrapModules.length; nonce++)
+      (bootstrapScripts = bootstrapModules[nonce]),
+        (inlineScriptWithNonce = maxHeadersLength = void 0),
+        (nonceStyle = {
           rel: "modulepreload",
           fetchPriority: "low",
-          nonce: nonce
+          nonce: externalRuntimeConfig
         }),
-        "string" === typeof importMap
-          ? (bootstrapScriptContent.href = maxHeadersLength = importMap)
-          : ((bootstrapScriptContent.href = maxHeadersLength = importMap.src),
-            (bootstrapScriptContent.integrity = idPrefix =
-              "string" === typeof importMap.integrity
-                ? importMap.integrity
+        "string" === typeof bootstrapScripts
+          ? (nonceStyle.href = importMap = bootstrapScripts)
+          : ((nonceStyle.href = importMap = bootstrapScripts.src),
+            (nonceStyle.integrity = inlineScriptWithNonce =
+              "string" === typeof bootstrapScripts.integrity
+                ? bootstrapScripts.integrity
                 : void 0),
-            (bootstrapScriptContent.crossOrigin = inlineScriptWithNonce =
-              "string" === typeof importMap || null == importMap.crossOrigin
+            (nonceStyle.crossOrigin = maxHeadersLength =
+              "string" === typeof bootstrapScripts ||
+              null == bootstrapScripts.crossOrigin
                 ? void 0
-                : "use-credentials" === importMap.crossOrigin
+                : "use-credentials" === bootstrapScripts.crossOrigin
                   ? "use-credentials"
                   : "")),
         preloadBootstrapScriptOrModule(
           resumableState,
           onHeaders,
-          maxHeadersLength,
-          bootstrapScriptContent
+          importMap,
+          nonceStyle
         ),
-        externalRuntimeConfig.push(
+        bootstrapChunks.push(
           '<script type="module" src="',
-          escapeTextForBrowser(maxHeadersLength)
+          escapeTextForBrowser(importMap),
+          attributeEnd
         ),
-        nonce &&
-          externalRuntimeConfig.push('" nonce="', escapeTextForBrowser(nonce)),
-        "string" === typeof idPrefix &&
-          externalRuntimeConfig.push(
-            '" integrity="',
-            escapeTextForBrowser(idPrefix)
+        externalRuntimeConfig &&
+          bootstrapChunks.push(
+            ' nonce="',
+            escapeTextForBrowser(externalRuntimeConfig),
+            attributeEnd
           ),
         "string" === typeof inlineScriptWithNonce &&
-          externalRuntimeConfig.push(
-            '" crossorigin="',
-            escapeTextForBrowser(inlineScriptWithNonce)
+          bootstrapChunks.push(
+            ' integrity="',
+            escapeTextForBrowser(inlineScriptWithNonce),
+            attributeEnd
+          ),
+        "string" === typeof maxHeadersLength &&
+          bootstrapChunks.push(
+            ' crossorigin="',
+            escapeTextForBrowser(maxHeadersLength),
+            attributeEnd
           ),
-        externalRuntimeConfig.push('" async="">\x3c/script>');
+        pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+        bootstrapChunks.push(' async="">\x3c/script>');
   return onHeaders;
 }
 function createResumableState(
@@ -1594,14 +1630,8 @@ function createResumableState(
     moduleScriptResources: {}
   };
 }
-var NoContribution = 0;
 function createPreambleState() {
-  return {
-    htmlChunks: null,
-    headChunks: null,
-    bodyChunks: null,
-    contribution: NoContribution
-  };
+  return { htmlChunks: null, headChunks: null, bodyChunks: null };
 }
 var ROOT_HTML_MODE = 0,
   HTML_HTML_MODE = 1,
@@ -1613,11 +1643,17 @@ var ROOT_HTML_MODE = 0,
   HTML_TABLE_BODY_MODE = 7,
   HTML_TABLE_ROW_MODE = 8,
   HTML_COLGROUP_MODE = 9;
-function createFormatContext(insertionMode, selectedValue, tagScope) {
+function createFormatContext(
+  insertionMode,
+  selectedValue,
+  tagScope,
+  viewTransition
+) {
   return {
     insertionMode: insertionMode,
     selectedValue: selectedValue,
-    tagScope: tagScope
+    tagScope: tagScope,
+    viewTransition: viewTransition
   };
 }
 function createRootFormatContext(namespaceURI) {
@@ -1628,69 +1664,99 @@ function createRootFormatContext(namespaceURI) {
         ? MATHML_MODE
         : ROOT_HTML_MODE,
     null,
-    0
+    0,
+    null
   );
 }
 function getChildFormatContext(parentContext, type, props) {
+  var subtreeScope = parentContext.tagScope & -25;
   switch (type) {
     case "noscript":
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope | 1);
+      return createFormatContext(HTML_MODE, null, subtreeScope | 1, null);
     case "select":
       return createFormatContext(
         HTML_MODE,
         null != props.value ? props.value : props.defaultValue,
-        parentContext.tagScope
+        subtreeScope,
+        null
       );
     case "svg":
-      return createFormatContext(SVG_MODE, null, parentContext.tagScope);
+      return createFormatContext(SVG_MODE, null, subtreeScope, null);
     case "picture":
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope | 2);
+      return createFormatContext(HTML_MODE, null, subtreeScope | 2, null);
     case "math":
-      return createFormatContext(MATHML_MODE, null, parentContext.tagScope);
+      return createFormatContext(MATHML_MODE, null, subtreeScope, null);
     case "foreignObject":
-      return createFormatContext(HTML_MODE, null, parentContext.tagScope);
+      return createFormatContext(HTML_MODE, null, subtreeScope, null);
     case "table":
-      return createFormatContext(HTML_TABLE_MODE, null, parentContext.tagScope);
+      return createFormatContext(HTML_TABLE_MODE, null, subtreeScope, null);
     case "thead":
     case "tbody":
     case "tfoot":
       return createFormatContext(
         HTML_TABLE_BODY_MODE,
         null,
-        parentContext.tagScope
+        subtreeScope,
+        null
       );
     case "colgroup":
-      return createFormatContext(
-        HTML_COLGROUP_MODE,
-        null,
-        parentContext.tagScope
-      );
+      return createFormatContext(HTML_COLGROUP_MODE, null, subtreeScope, null);
     case "tr":
-      return createFormatContext(
-        HTML_TABLE_ROW_MODE,
-        null,
-        parentContext.tagScope
-      );
+      return createFormatContext(HTML_TABLE_ROW_MODE, null, subtreeScope, null);
     case "head":
       if (parentContext.insertionMode < HTML_MODE)
-        return createFormatContext(
-          HTML_HEAD_MODE,
-          null,
-          parentContext.tagScope
-        );
+        return createFormatContext(HTML_HEAD_MODE, null, subtreeScope, null);
       break;
     case "html":
       if (parentContext.insertionMode === ROOT_HTML_MODE)
-        return createFormatContext(
-          HTML_HTML_MODE,
-          null,
-          parentContext.tagScope
-        );
+        return createFormatContext(HTML_HTML_MODE, null, subtreeScope, null);
   }
   return parentContext.insertionMode >= HTML_TABLE_MODE ||
     parentContext.insertionMode < HTML_MODE
-    ? createFormatContext(HTML_MODE, null, parentContext.tagScope)
-    : parentContext;
+    ? createFormatContext(HTML_MODE, null, subtreeScope, null)
+    : parentContext.tagScope !== subtreeScope
+      ? createFormatContext(
+          parentContext.insertionMode,
+          parentContext.selectedValue,
+          subtreeScope,
+          null
+        )
+      : parentContext;
+}
+function getSuspenseViewTransition(parentViewTransition) {
+  return null === parentViewTransition
+    ? null
+    : {
+        update: parentViewTransition.update,
+        enter: "none",
+        exit: "none",
+        share: parentViewTransition.update,
+        name: parentViewTransition.autoName,
+        autoName: parentViewTransition.autoName,
+        nameIdx: 0
+      };
+}
+function getSuspenseFallbackFormatContext(resumableState, parentContext) {
+  parentContext.tagScope & 32 && (resumableState.instructions |= 128);
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    parentContext.tagScope | 12,
+    getSuspenseViewTransition(parentContext.viewTransition)
+  );
+}
+function getSuspenseContentFormatContext(resumableState, parentContext) {
+  resumableState = getSuspenseViewTransition(parentContext.viewTransition);
+  var subtreeScope = parentContext.tagScope | 16;
+  null !== resumableState &&
+    "none" !== resumableState.share &&
+    (subtreeScope |= 64);
+  return createFormatContext(
+    parentContext.insertionMode,
+    parentContext.selectedValue,
+    subtreeScope,
+    resumableState
+  );
 }
 function pushTextInstance(target, text, renderState, textEmbedded) {
   if ("" === text) return textEmbedded;
@@ -1698,6 +1764,9 @@ function pushTextInstance(target, text, renderState, textEmbedded) {
   target.push(escapeTextForBrowser(text));
   return !0;
 }
+function pushSegmentFinale(target, renderState, lastPushedText, textEmbedded) {
+  lastPushedText && textEmbedded && target.push("\x3c!-- --\x3e");
+}
 var styleNameCache = new Map(),
   styleAttributeStart = ' style="',
   styleAssign = ":",
@@ -2213,13 +2282,25 @@ function flattenOptionChildren(children) {
 var formReplayingRuntimeScript =
   'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 function injectFormReplayingRuntime(resumableState, renderState) {
-  (resumableState.instructions & 16) === NothingSent &&
-    ((resumableState.instructions |= 16),
-    renderState.bootstrapChunks.unshift(
-      renderState.startInlineScript,
-      formReplayingRuntimeScript,
-      "\x3c/script>"
-    ));
+  if ((resumableState.instructions & 16) === NothingSent) {
+    resumableState.instructions |= 16;
+    var preamble = renderState.preamble,
+      bootstrapChunks = renderState.bootstrapChunks;
+    (preamble.htmlChunks || preamble.headChunks) && 0 === bootstrapChunks.length
+      ? (bootstrapChunks.push(renderState.startInlineScript),
+        pushCompletedShellIdAttribute(bootstrapChunks, resumableState),
+        bootstrapChunks.push(
+          endOfStartTag,
+          formReplayingRuntimeScript,
+          endInlineScript
+        ))
+      : bootstrapChunks.unshift(
+          renderState.startInlineScript,
+          endOfStartTag,
+          formReplayingRuntimeScript,
+          endInlineScript
+        );
+  }
 }
 function pushLinkImpl(target, props) {
   target.push(startChunkForTag("link"));
@@ -2410,8 +2491,7 @@ function pushStartInstance(
   preambleState,
   hoistableState,
   formatContext,
-  textEmbedded,
-  isFallback
+  textEmbedded
 ) {
   validateProperties$2(type, props);
   ("input" !== type && "textarea" !== type && "select" !== type) ||
@@ -3029,8 +3109,8 @@ function pushStartInstance(
       } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
       return JSCompiler_inline_result$jscomp$3;
     case "title":
-      var insertionMode = formatContext.insertionMode,
-        noscriptTagInScope = !!(formatContext.tagScope & 1);
+      var noscriptTagInScope = formatContext.tagScope & 1,
+        isFallback = formatContext.tagScope & 4;
       if (hasOwnProperty.call(props, "children")) {
         var children$jscomp$6 = props.children,
           child = Array.isArray(children$jscomp$6)
@@ -3059,7 +3139,7 @@ function pushStartInstance(
                   ));
       }
       if (
-        insertionMode === SVG_MODE ||
+        formatContext.insertionMode === SVG_MODE ||
         noscriptTagInScope ||
         null != props.itemProp
       )
@@ -3074,12 +3154,14 @@ function pushStartInstance(
             (JSCompiler_inline_result$jscomp$4 = void 0));
       return JSCompiler_inline_result$jscomp$4;
     case "link":
-      var rel = props.rel,
+      var noscriptTagInScope$jscomp$0 = formatContext.tagScope & 1,
+        isFallback$jscomp$0 = formatContext.tagScope & 4,
+        rel = props.rel,
         href = props.href,
         precedence = props.precedence;
       if (
         formatContext.insertionMode === SVG_MODE ||
-        formatContext.tagScope & 1 ||
+        noscriptTagInScope$jscomp$0 ||
         null != props.itemProp ||
         "string" !== typeof rel ||
         "string" !== typeof href ||
@@ -3177,12 +3259,13 @@ function pushStartInstance(
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$5 = isFallback
+            (JSCompiler_inline_result$jscomp$5 = isFallback$jscomp$0
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
       return JSCompiler_inline_result$jscomp$5;
     case "script":
-      var asyncProp = props.async;
+      var noscriptTagInScope$jscomp$1 = formatContext.tagScope & 1,
+        asyncProp = props.async;
       if (
         "string" !== typeof props.src ||
         !props.src ||
@@ -3192,7 +3275,7 @@ function pushStartInstance(
         props.onLoad ||
         props.onError ||
         formatContext.insertionMode === SVG_MODE ||
-        formatContext.tagScope & 1 ||
+        noscriptTagInScope$jscomp$1 ||
         null != props.itemProp
       )
         var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
@@ -3229,8 +3312,7 @@ function pushStartInstance(
       }
       return JSCompiler_inline_result$jscomp$6;
     case "style":
-      var insertionMode$jscomp$0 = formatContext.insertionMode,
-        noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
+      var noscriptTagInScope$jscomp$2 = formatContext.tagScope & 1;
       if (hasOwnProperty.call(props, "children")) {
         var children$jscomp$7 = props.children,
           child$jscomp$0 = Array.isArray(children$jscomp$7)
@@ -3251,10 +3333,11 @@ function pushStartInstance(
           );
       }
       var precedence$jscomp$0 = props.precedence,
-        href$jscomp$0 = props.href;
+        href$jscomp$0 = props.href,
+        nonce = props.nonce;
       if (
-        insertionMode$jscomp$0 === SVG_MODE ||
-        noscriptTagInScope$jscomp$0 ||
+        formatContext.insertionMode === SVG_MODE ||
+        noscriptTagInScope$jscomp$2 ||
         null != props.itemProp ||
         "string" !== typeof precedence$jscomp$0 ||
         "string" !== typeof href$jscomp$0 ||
@@ -3316,44 +3399,59 @@ function pushStartInstance(
               'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
               href$jscomp$0
             );
-          styleQueue$jscomp$0
-            ? styleQueue$jscomp$0.hrefs.push(
-                escapeTextForBrowser(href$jscomp$0)
-              )
-            : ((styleQueue$jscomp$0 = {
-                precedence: escapeTextForBrowser(precedence$jscomp$0),
-                rules: [],
-                hrefs: [escapeTextForBrowser(href$jscomp$0)],
-                sheets: new Map()
-              }),
-              renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
-          var target = styleQueue$jscomp$0.rules,
-            children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
-                  case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
-                    break;
-                  case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
-                }
-            }
-          var child$jscomp$2 = Array.isArray(children$jscomp$9)
-            ? 2 > children$jscomp$9.length
-              ? children$jscomp$9[0]
-              : null
-            : children$jscomp$9;
-          "function" !== typeof child$jscomp$2 &&
-            "symbol" !== typeof child$jscomp$2 &&
-            null !== child$jscomp$2 &&
-            void 0 !== child$jscomp$2 &&
-            target.push(escapeStyleTextContent(child$jscomp$2));
-          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
+          styleQueue$jscomp$0 ||
+            ((styleQueue$jscomp$0 = {
+              precedence: escapeTextForBrowser(precedence$jscomp$0),
+              rules: [],
+              hrefs: [],
+              sheets: new Map()
+            }),
+            renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
+          var nonceStyle = renderState.nonce.style;
+          if (nonceStyle && nonceStyle !== nonce)
+            console.error(
+              'React encountered a style tag with `precedence` "%s" and `nonce` "%s". When React manages style rules using `precedence` it will only include rules if the nonce matches the style nonce "%s" that was included with this render.',
+              precedence$jscomp$0,
+              nonce,
+              nonceStyle
+            );
+          else {
+            !nonceStyle &&
+              nonce &&
+              console.error(
+                'React encountered a style tag with `precedence` "%s" and `nonce` "%s". When React manages style rules using `precedence` it will only include a nonce attributes if you also provide the same style nonce value as a render option.',
+                precedence$jscomp$0,
+                nonce
+              );
+            styleQueue$jscomp$0.hrefs.push(escapeTextForBrowser(href$jscomp$0));
+            var target = styleQueue$jscomp$0.rules,
+              children$jscomp$9 = null,
+              innerHTML$jscomp$6 = null,
+              propKey$jscomp$9;
+            for (propKey$jscomp$9 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                var propValue$jscomp$9 = props[propKey$jscomp$9];
+                if (null != propValue$jscomp$9)
+                  switch (propKey$jscomp$9) {
+                    case "children":
+                      children$jscomp$9 = propValue$jscomp$9;
+                      break;
+                    case "dangerouslySetInnerHTML":
+                      innerHTML$jscomp$6 = propValue$jscomp$9;
+                  }
+              }
+            var child$jscomp$2 = Array.isArray(children$jscomp$9)
+              ? 2 > children$jscomp$9.length
+                ? children$jscomp$9[0]
+                : null
+              : children$jscomp$9;
+            "function" !== typeof child$jscomp$2 &&
+              "symbol" !== typeof child$jscomp$2 &&
+              null !== child$jscomp$2 &&
+              void 0 !== child$jscomp$2 &&
+              target.push(escapeStyleTextContent(child$jscomp$2));
+            pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
+          }
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
@@ -3363,9 +3461,11 @@ function pushStartInstance(
       }
       return JSCompiler_inline_result$jscomp$7;
     case "meta":
+      var noscriptTagInScope$jscomp$3 = formatContext.tagScope & 1,
+        isFallback$jscomp$1 = formatContext.tagScope & 4;
       if (
         formatContext.insertionMode === SVG_MODE ||
-        formatContext.tagScope & 1 ||
+        noscriptTagInScope$jscomp$3 ||
         null != props.itemProp
       )
         var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
@@ -3375,7 +3475,7 @@ function pushStartInstance(
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$8 = isFallback
+          (JSCompiler_inline_result$jscomp$8 = isFallback$jscomp$1
             ? null
             : "string" === typeof props.charSet
               ? pushSelfClosing(renderState.charsetChunks, props, "meta")
@@ -3433,17 +3533,18 @@ function pushStartInstance(
         target$jscomp$0.push("\n");
       return children$jscomp$10;
     case "img":
-      var src = props.src,
+      var pictureOrNoScriptTagInScope = formatContext.tagScope & 3,
+        src = props.src,
         srcSet = props.srcSet;
       if (
         !(
           "lazy" === props.loading ||
           (!src && !srcSet) ||
           ("string" !== typeof src && null != src) ||
-          ("string" !== typeof srcSet && null != srcSet)
+          ("string" !== typeof srcSet && null != srcSet) ||
+          "low" === props.fetchPriority ||
+          pictureOrNoScriptTagInScope
         ) &&
-        "low" !== props.fetchPriority &&
-        !1 === !!(formatContext.tagScope & 3) &&
         ("string" !== typeof src ||
           ":" !== src[4] ||
           ("d" !== src[0] && "D" !== src[0]) ||
@@ -3457,6 +3558,9 @@ function pushStartInstance(
           ("t" !== srcSet[2] && "T" !== srcSet[2]) ||
           ("a" !== srcSet[3] && "A" !== srcSet[3]))
       ) {
+        null !== hoistableState &&
+          formatContext.tagScope & 64 &&
+          (hoistableState.suspenseyImages = !0);
         var sizes = "string" === typeof props.sizes ? props.sizes : void 0,
           key$jscomp$0 = srcSet ? srcSet + "\n" + (sizes || "") : src,
           promotablePreloads = renderState.preloads.images,
@@ -3547,6 +3651,7 @@ function pushStartInstance(
         var preamble = preambleState || renderState.preamble;
         if (preamble.headChunks)
           throw Error("The `<head>` tag may only be rendered once.");
+        null !== preambleState && target$jscomp$0.push("\x3c!--head--\x3e");
         preamble.headChunks = [];
         var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
           preamble.headChunks,
@@ -3565,6 +3670,7 @@ function pushStartInstance(
         var preamble$jscomp$0 = preambleState || renderState.preamble;
         if (preamble$jscomp$0.bodyChunks)
           throw Error("The `<body>` tag may only be rendered once.");
+        null !== preambleState && target$jscomp$0.push("\x3c!--body--\x3e");
         preamble$jscomp$0.bodyChunks = [];
         var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
           preamble$jscomp$0.bodyChunks,
@@ -3583,6 +3689,7 @@ function pushStartInstance(
         var preamble$jscomp$1 = preambleState || renderState.preamble;
         if (preamble$jscomp$1.htmlChunks)
           throw Error("The `<html>` tag may only be rendered once.");
+        null !== preambleState && target$jscomp$0.push("\x3c!--html--\x3e");
         preamble$jscomp$1.htmlChunks = ["<!DOCTYPE html>"];
         var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
           preamble$jscomp$1.htmlChunks,
@@ -3660,16 +3767,13 @@ function hoistPreambleState(renderState, preambleState) {
   renderState = renderState.preamble;
   null === renderState.htmlChunks &&
     preambleState.htmlChunks &&
-    ((renderState.htmlChunks = preambleState.htmlChunks),
-    (preambleState.contribution |= 1));
+    (renderState.htmlChunks = preambleState.htmlChunks);
   null === renderState.headChunks &&
     preambleState.headChunks &&
-    ((renderState.headChunks = preambleState.headChunks),
-    (preambleState.contribution |= 4));
+    (renderState.headChunks = preambleState.headChunks);
   null === renderState.bodyChunks &&
     preambleState.bodyChunks &&
-    ((renderState.bodyChunks = preambleState.bodyChunks),
-    (preambleState.contribution |= 2));
+    (renderState.bodyChunks = preambleState.bodyChunks);
 }
 function writeBootstrap(destination, renderState) {
   renderState = renderState.bootstrapChunks;
@@ -3679,7 +3783,9 @@ function writeBootstrap(destination, renderState) {
     ? ((i = renderState[i]), (renderState.length = 0), !!destination.write(i))
     : !0;
 }
-var placeholder1 = '<template id="',
+var shellTimeRuntimeScript =
+    "requestAnimationFrame(function(){$RT=performance.now()});",
+  placeholder1 = '<template id="',
   placeholder2 = '"></template>',
   startCompletedSuspenseBoundary = "\x3c!--$--\x3e",
   startPendingSuspenseBoundary1 = '\x3c!--$?--\x3e<template id="',
@@ -3703,15 +3809,6 @@ function writeStartPendingSuspenseBoundary(destination, renderState, id) {
   writeChunk(destination, id.toString(16));
   return !!destination.write(startPendingSuspenseBoundary2);
 }
-var boundaryPreambleContributionChunkStart = "\x3c!--",
-  boundaryPreambleContributionChunkEnd = "--\x3e";
-function writePreambleContribution(destination, preambleState) {
-  preambleState = preambleState.contribution;
-  preambleState !== NoContribution &&
-    (writeChunk(destination, boundaryPreambleContributionChunkStart),
-    writeChunk(destination, "" + preambleState),
-    writeChunk(destination, boundaryPreambleContributionChunkEnd));
-}
 var startSegmentHTML = '<div hidden id="',
   startSegmentHTML2 = '">',
   endSegmentHTML = "</div>",
@@ -3819,18 +3916,18 @@ var completeSegmentScript1Full =
   completeSegmentScript1Partial = '$RS("',
   completeSegmentScript2 = '","',
   completeSegmentScriptEnd = '")\x3c/script>',
-  completeBoundaryScript1Full =
-    '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("',
+  completeBoundaryScriptFunctionOnly =
+    '$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};\n$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};',
   completeBoundaryScript1Partial = '$RC("',
-  completeBoundaryWithStylesScript1FullBoth =
-    '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("',
   completeBoundaryWithStylesScript1FullPartial =
-    '$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("',
+    '$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("',
   completeBoundaryWithStylesScript1Partial = '$RR("',
   completeBoundaryScript2 = '","',
   completeBoundaryScript3a = '",',
   completeBoundaryScript3b = '"',
   completeBoundaryScriptEnd = ")\x3c/script>",
+  clientRenderScriptFunctionOnly =
+    '$RX=function(b,c,d,e,f){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),f&&(a.cstck=f),b._reactRetry&&b._reactRetry())};',
   clientRenderScript1Full =
     '$RX=function(b,c,d,e,f){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),f&&(a.cstck=f),b._reactRetry&&b._reactRetry())};;$RX("',
   clientRenderScript1Partial = '$RX("',
@@ -3881,7 +3978,7 @@ function escapeJSObjectForInstructionScripts(input) {
     }
   );
 }
-var lateStyleTagResourceOpen1 = '<style media="not all" data-precedence="',
+var lateStyleTagResourceOpen1 = ' media="not all" data-precedence="',
   lateStyleTagResourceOpen2 = '" data-href="',
   lateStyleTagResourceOpen3 = '">',
   lateStyleTagTemplateClose = "</style>",
@@ -3897,6 +3994,7 @@ function flushStyleTagsLateForBoundary(styleQueue) {
     );
   var i = 0;
   if (hrefs.length) {
+    writeChunk(this, currentlyFlushingRenderState.startInlineStyle);
     writeChunk(this, lateStyleTagResourceOpen1);
     writeChunk(this, styleQueue.precedence);
     for (writeChunk(this, lateStyleTagResourceOpen2); i < hrefs.length - 1; i++)
@@ -3918,7 +4016,9 @@ function hasStylesToHoist(stylesheet) {
 function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   currentlyRenderingBoundaryHasStylesToHoist = !1;
   destinationHasCapacity = !0;
+  currentlyFlushingRenderState = renderState;
   hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination);
+  currentlyFlushingRenderState = null;
   hoistableState.stylesheets.forEach(hasStylesToHoist);
   currentlyRenderingBoundaryHasStylesToHoist &&
     (renderState.stylesToHoist = !0);
@@ -3936,7 +4036,7 @@ function flushStyleInPreamble(stylesheet) {
   stylesheetFlushingQueue.length = 0;
   stylesheet.state = PREAMBLE;
 }
-var styleTagResourceOpen1 = '<style data-precedence="',
+var styleTagResourceOpen1 = ' data-precedence="',
   styleTagResourceOpen2 = '" data-href="',
   spaceSeparator = " ",
   styleTagResourceOpen3 = '">',
@@ -3948,6 +4048,7 @@ function flushStylesInPreamble(styleQueue) {
   var rules = styleQueue.rules,
     hrefs = styleQueue.hrefs;
   if (!hasStylesheets || hrefs.length) {
+    writeChunk(this, currentlyFlushingRenderState.startInlineStyle);
     writeChunk(this, styleTagResourceOpen1);
     writeChunk(this, styleQueue.precedence);
     styleQueue = 0;
@@ -3996,6 +4097,16 @@ function preloadLateStyles(styleQueue) {
   styleQueue.sheets.forEach(preloadLateStyle, this);
   styleQueue.sheets.clear();
 }
+var completedShellIdAttributeStart = ' id="';
+function pushCompletedShellIdAttribute(target, resumableState) {
+  (resumableState.instructions & SentCompletedShellId) === NothingSent &&
+    ((resumableState.instructions |= SentCompletedShellId),
+    target.push(
+      completedShellIdAttributeStart,
+      escapeTextForBrowser("_" + resumableState.idPrefix + "R_"),
+      attributeEnd
+    ));
+}
 var arrayFirstOpenBracket = "[",
   arraySubsequentOpenBracket = ",[",
   arrayInterstitial = ",",
@@ -4112,7 +4223,7 @@ var PENDING$1 = 0,
   PREAMBLE = 2,
   LATE = 3;
 function createHoistableState() {
-  return { styles: new Set(), stylesheets: new Set() };
+  return { styles: new Set(), stylesheets: new Set(), suspenseyImages: !1 };
 }
 function prefetchDNS(href) {
   var request = currentRequest ? currentRequest : null;
@@ -4539,6 +4650,14 @@ function hoistStyleQueueDependency(styleQueue) {
 function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
+  childState.suspenseyImages && (parentState.suspenseyImages = !0);
+}
+function hasSuspenseyContent(hoistableState) {
+  return 0 < hoistableState.stylesheets.size || hoistableState.suspenseyImages;
+}
 var bind = Function.prototype.bind,
   REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 function getComponentNameFromType(type) {
@@ -4573,7 +4692,7 @@ function getComponentNameFromType(type) {
       case REACT_PORTAL_TYPE:
         return "Portal";
       case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Provider";
+        return type.displayName || "Context";
       case REACT_CONSUMER_TYPE:
         return (type._context.displayName || "Context") + ".Consumer";
       case REACT_FORWARD_REF_TYPE:
@@ -4777,15 +4896,15 @@ function clz32Fallback(x) {
   x >>>= 0;
   return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0;
 }
+function noop() {}
 var SuspenseException = Error(
   "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`."
 );
-function noop$2() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
   void 0 === index
     ? thenableState.push(thenable)
-    : index !== thenable && (thenable.then(noop$2, noop$2), (thenable = index));
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
   switch (thenable.status) {
     case "fulfilled":
       return thenable.value;
@@ -4793,7 +4912,7 @@ function trackUsedThenable(thenableState, thenable, index) {
       throw thenable.reason;
     default:
       "string" === typeof thenable.status
-        ? thenable.then(noop$2, noop$2)
+        ? thenable.then(noop, noop)
         : ((thenableState = thenable),
           (thenableState.status = "pending"),
           thenableState.then(
@@ -5015,6 +5134,11 @@ function dispatchAction(componentIdentity, queue, action) {
       queue.next = componentIdentity;
     }
 }
+function throwOnUseEffectEventCall() {
+  throw Error(
+    "A function wrapped in useEffectEvent can't be called during rendering."
+  );
+}
 function unsupportedStartTransition() {
   throw Error("startTransition cannot be called during server rendering.");
 }
@@ -5092,7 +5216,6 @@ function unwrapThenable(thenable) {
 function unsupportedRefresh() {
   throw Error("Cache cannot be refreshed during server rendering.");
 }
-function noop$1() {}
 var HooksDispatcher = {
     readContext: readContext,
     use: function (usable) {
@@ -5123,16 +5246,16 @@ var HooksDispatcher = {
       currentHookNameInDev = "useState";
       return useReducer(basicStateReducer, initialState);
     },
-    useInsertionEffect: noop$1,
-    useLayoutEffect: noop$1,
+    useInsertionEffect: noop,
+    useLayoutEffect: noop,
     useCallback: function (callback, deps) {
       return useMemo(function () {
         return callback;
       }, deps);
     },
-    useImperativeHandle: noop$1,
-    useEffect: noop$1,
-    useDebugValue: noop$1,
+    useImperativeHandle: noop,
+    useEffect: noop,
+    useDebugValue: noop,
     useDeferredValue: function (value, initialValue) {
       resolveCurrentlyRenderingComponent();
       return void 0 !== initialValue ? initialValue : value;
@@ -5153,9 +5276,9 @@ var HooksDispatcher = {
           "Invalid hook call. Hooks can only be called inside of the body of a function component."
         );
       overflow = localIdCounter++;
-      treeId = "\u00ab" + resumableState.idPrefix + "R" + treeId;
+      treeId = "_" + resumableState.idPrefix + "R_" + treeId;
       0 < overflow && (treeId += "H" + overflow.toString(32));
-      return treeId + "\u00bb";
+      return treeId + "_";
     },
     useSyncExternalStore: function (subscribe, getSnapshot, getServerSnapshot) {
       if (void 0 === getServerSnapshot)
@@ -5181,6 +5304,9 @@ var HooksDispatcher = {
     },
     useCacheRefresh: function () {
       return unsupportedRefresh;
+    },
+    useEffectEvent: function () {
+      return throwOnUseEffectEventCall;
     }
   },
   currentResumableState = null,
@@ -5189,6 +5315,9 @@ var HooksDispatcher = {
     getCacheForType: function () {
       throw Error("Not implemented.");
     },
+    cacheSignal: function () {
+      throw Error("Not implemented.");
+    },
     getOwner: function () {
       return null === currentTaskInDEV ? null : currentTaskInDEV.componentStack;
     }
@@ -5249,6 +5378,24 @@ function reenableLogs() {
       "disabledDepth fell below zero. This is a bug in React. Please file an issue."
     );
 }
+function formatOwnerStack(error) {
+  var prevPrepareStackTrace = Error.prepareStackTrace;
+  Error.prepareStackTrace = void 0;
+  error = error.stack;
+  Error.prepareStackTrace = prevPrepareStackTrace;
+  error.startsWith("Error: react-stack-top-frame\n") &&
+    (error = error.slice(29));
+  prevPrepareStackTrace = error.indexOf("\n");
+  -1 !== prevPrepareStackTrace &&
+    (error = error.slice(prevPrepareStackTrace + 1));
+  prevPrepareStackTrace = error.indexOf("react_stack_bottom_frame");
+  -1 !== prevPrepareStackTrace &&
+    (prevPrepareStackTrace = error.lastIndexOf("\n", prevPrepareStackTrace));
+  if (-1 !== prevPrepareStackTrace)
+    error = error.slice(0, prevPrepareStackTrace);
+  else return "";
+  return error;
+}
 var prefix, suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
@@ -5420,24 +5567,6 @@ function describeNativeComponentFrame(fn, construct) {
   "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
   return sampleLines;
 }
-function formatOwnerStack(error) {
-  var prevPrepareStackTrace = Error.prepareStackTrace;
-  Error.prepareStackTrace = void 0;
-  error = error.stack;
-  Error.prepareStackTrace = prevPrepareStackTrace;
-  error.startsWith("Error: react-stack-top-frame\n") &&
-    (error = error.slice(29));
-  prevPrepareStackTrace = error.indexOf("\n");
-  -1 !== prevPrepareStackTrace &&
-    (error = error.slice(prevPrepareStackTrace + 1));
-  prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame");
-  -1 !== prevPrepareStackTrace &&
-    (prevPrepareStackTrace = error.lastIndexOf("\n", prevPrepareStackTrace));
-  if (-1 !== prevPrepareStackTrace)
-    error = error.slice(0, prevPrepareStackTrace);
-  else return "";
-  return error;
-}
 function describeComponentStackByType(type) {
   if ("string" === typeof type) return describeBuiltInComponentFrame(type);
   if ("function" === typeof type)
@@ -5461,13 +5590,26 @@ function describeComponentStackByType(type) {
         }
         return describeComponentStackByType(type);
     }
-    if ("string" === typeof type.name)
-      return (
-        (payload = type.env),
-        describeBuiltInComponentFrame(
-          type.name + (payload ? " [" + payload + "]" : "")
-        )
-      );
+    if ("string" === typeof type.name) {
+      a: {
+        payload = type.name;
+        lazyComponent = type.env;
+        type = type.debugLocation;
+        if (null != type) {
+          type = formatOwnerStack(type);
+          var idx = type.lastIndexOf("\n");
+          type = -1 === idx ? type : type.slice(idx + 1);
+          if (-1 !== type.indexOf(payload)) {
+            payload = "\n" + type;
+            break a;
+          }
+        }
+        payload = describeBuiltInComponentFrame(
+          payload + (lazyComponent ? " [" + lazyComponent + "]" : "")
+        );
+      }
+      return payload;
+    }
   }
   switch (type) {
     case REACT_SUSPENSE_LIST_TYPE:
@@ -5478,26 +5620,25 @@ function describeComponentStackByType(type) {
   return "";
 }
 var callComponent = {
-    "react-stack-bottom-frame": function (Component, props, secondArg) {
+    react_stack_bottom_frame: function (Component, props, secondArg) {
       return Component(props, secondArg);
     }
   },
   callComponentInDEV =
-    callComponent["react-stack-bottom-frame"].bind(callComponent),
+    callComponent.react_stack_bottom_frame.bind(callComponent),
   callRender = {
-    "react-stack-bottom-frame": function (instance) {
+    react_stack_bottom_frame: function (instance) {
       return instance.render();
     }
   },
-  callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender),
+  callRenderInDEV = callRender.react_stack_bottom_frame.bind(callRender),
   callLazyInit = {
-    "react-stack-bottom-frame": function (lazy) {
+    react_stack_bottom_frame: function (lazy) {
       var init = lazy._init;
       return init(lazy._payload);
     }
   },
-  callLazyInitInDEV =
-    callLazyInit["react-stack-bottom-frame"].bind(callLazyInit),
+  callLazyInitInDEV = callLazyInit.react_stack_bottom_frame.bind(callLazyInit),
   lastResetTime = 0,
   getCurrentTime;
 if ("object" === typeof performance && "function" === typeof performance.now) {
@@ -5515,8 +5656,16 @@ var CLIENT_RENDERED = 4,
   PENDING = 0,
   COMPLETED = 1,
   FLUSHED = 2,
+  ABORTED = 3,
+  ERRORED = 4,
   POSTPONED = 5,
   CLOSED = 14;
+function isEligibleForOutlining(request, boundary) {
+  return (
+    (500 < boundary.byteSize || hasSuspenseyContent(boundary.contentState)) &&
+    null === boundary.contentPreamble
+  );
+}
 function defaultErrorHandler(error) {
   if (
     "object" === typeof error &&
@@ -5537,7 +5686,7 @@ function defaultErrorHandler(error) {
       : error.splice(
           0,
           0,
-          "%c%s%c ",
+          "%c%s%c",
           "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
           " " + JSCompiler_inline_result + " ",
           ""
@@ -5548,7 +5697,6 @@ function defaultErrorHandler(error) {
   } else console.error(error);
   return null;
 }
-function noop() {}
 function RequestInstance(
   resumableState,
   renderState,
@@ -5574,6 +5722,7 @@ function RequestInstance(
   this.fatalError = null;
   this.pendingRootTasks = this.allPendingTasks = this.nextSegmentId = 0;
   this.completedPreambleSegments = this.completedRootSegment = null;
+  this.byteSize = 0;
   this.abortableTasks = abortSet;
   this.pingedTasks = [];
   this.clientRenderedBoundaries = [];
@@ -5644,7 +5793,7 @@ function createRequest(
     null,
     emptyTreeContext,
     null,
-    !1,
+    null,
     emptyContextObject,
     null
   );
@@ -5667,15 +5816,17 @@ function pingTask(request, task) {
 }
 function createSuspenseBoundary(
   request,
+  row,
   fallbackAbortableTasks,
   contentPreamble,
   fallbackPreamble
 ) {
-  return {
+  fallbackAbortableTasks = {
     status: PENDING,
     rootSegmentID: -1,
     parentFlushed: !1,
     pendingTasks: 0,
+    row: row,
     completedSegments: [],
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
@@ -5690,6 +5841,17 @@ function createSuspenseBoundary(
     errorStack: null,
     errorComponentStack: null
   };
+  null !== row &&
+    (row.pendingTasks++,
+    (contentPreamble = row.boundaries),
+    null !== contentPreamble &&
+      (request.allPendingTasks++,
+      fallbackAbortableTasks.pendingTasks++,
+      contentPreamble.push(fallbackAbortableTasks)),
+    (request = row.inheritedHoistables),
+    null !== request &&
+      hoistHoistables(fallbackAbortableTasks.contentState, request));
+  return fallbackAbortableTasks;
 }
 function createRenderTask(
   request,
@@ -5705,8 +5867,8 @@ function createRenderTask(
   formatContext,
   context,
   treeContext,
+  row,
   componentStack,
-  isFallback,
   legacyContext,
   debugTask
 ) {
@@ -5714,6 +5876,7 @@ function createRenderTask(
   null === blockedBoundary
     ? request.pendingRootTasks++
     : blockedBoundary.pendingTasks++;
+  null !== row && row.pendingTasks++;
   var task = {
     replay: null,
     node: node,
@@ -5730,9 +5893,9 @@ function createRenderTask(
     formatContext: formatContext,
     context: context,
     treeContext: treeContext,
+    row: row,
     componentStack: componentStack,
-    thenableState: thenableState,
-    isFallback: isFallback
+    thenableState: thenableState
   };
   task.debugTask = debugTask;
   abortSet.add(task);
@@ -5751,8 +5914,8 @@ function createReplayTask(
   formatContext,
   context,
   treeContext,
+  row,
   componentStack,
-  isFallback,
   legacyContext,
   debugTask
 ) {
@@ -5760,6 +5923,7 @@ function createReplayTask(
   null === blockedBoundary
     ? request.pendingRootTasks++
     : blockedBoundary.pendingTasks++;
+  null !== row && row.pendingTasks++;
   replay.pendingTasks++;
   var task = {
     replay: replay,
@@ -5777,9 +5941,9 @@ function createReplayTask(
     formatContext: formatContext,
     context: context,
     treeContext: treeContext,
+    row: row,
     componentStack: componentStack,
-    thenableState: thenableState,
-    isFallback: isFallback
+    thenableState: thenableState
   };
   task.debugTask = debugTask;
   abortSet.add(task);
@@ -5852,6 +6016,27 @@ function getCurrentStackInDEV() {
   }
   return JSCompiler_inline_result$jscomp$0;
 }
+function pushHaltedAwaitOnComponentStack(task, debugInfo) {
+  if (null != debugInfo)
+    for (var i = debugInfo.length - 1; 0 <= i; i--) {
+      var info = debugInfo[i];
+      if ("string" === typeof info.name) break;
+      if ("number" === typeof info.time) break;
+      if (null != info.awaited) {
+        var bestStack = null == info.debugStack ? info.awaited : info;
+        if (void 0 !== bestStack.debugStack) {
+          task.componentStack = {
+            parent: task.componentStack,
+            type: info,
+            owner: bestStack.owner,
+            stack: bestStack.debugStack
+          };
+          task.debugTask = bestStack.debugTask;
+          break;
+        }
+      }
+    }
+}
 function pushServerComponentStack(task, debugInfo) {
   if (null != debugInfo)
     for (var i = 0; i < debugInfo.length; i++) {
@@ -5892,6 +6077,18 @@ function pushComponentStack(task) {
           pushServerComponentStack(task, node._debugInfo);
     }
 }
+function replaceSuspenseComponentStackWithSuspenseFallbackStack(
+  componentStack
+) {
+  return null === componentStack
+    ? null
+    : {
+        parent: componentStack.parent,
+        type: "Suspense Fallback",
+        owner: componentStack.owner,
+        stack: componentStack.stack
+      };
+}
 function getThrownInfo(node$jscomp$0) {
   var errorInfo = {};
   node$jscomp$0 &&
@@ -5961,6 +6158,181 @@ function fatalError(request, error, errorInfo, debugTask) {
     ? ((request.status = CLOSED), closeWithError(request.destination, error))
     : ((request.status = 13), (request.fatalError = error));
 }
+function finishSuspenseListRow(request, row) {
+  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) {
+      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 ||
+        isEligibleForOutlining(request, rowBoundary)
+      ) {
+        allCompleteAndInlinable = !1;
+        break;
+      }
+    }
+    allCompleteAndInlinable &&
+      unblockSuspenseListRow(request, togetherRow, togetherRow.hoistables);
+  }
+}
+function createSuspenseListRow(previousRow) {
+  var newRow = {
+    pendingTasks: 1,
+    boundaries: null,
+    hoistables: createHoistableState(),
+    inheritedHoistables: null,
+    together: !1,
+    next: null
+  };
+  null !== previousRow &&
+    0 < previousRow.pendingTasks &&
+    (newRow.pendingTasks++,
+    (newRow.boundaries = []),
+    (previousRow.next = newRow));
+  return newRow;
+}
+function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
+  var prevKeyPath = task.keyPath,
+    prevTreeContext = task.treeContext,
+    prevRow = task.row,
+    previousComponentStack = task.componentStack;
+  var previousDebugTask = task.debugTask;
+  pushServerComponentStack(task, task.node.props.children._debugInfo);
+  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 < keyPath; n++) {
+        var i =
+            "backwards" !== revealOrder &&
+            "unstable_legacy-backwards" !== revealOrder
+              ? n
+              : keyPath - 1 - n,
+          node = rows[i];
+        task.row = previousSuspenseListRow = createSuspenseListRow(
+          previousSuspenseListRow
+        );
+        task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
+        var resumeSegmentID = resumeSlots[i];
+        "number" === typeof resumeSegmentID
+          ? (resumeNode(request, task, resumeSegmentID, node, i),
+            delete resumeSlots[i])
+          : renderNode(request, task, node, i);
+        0 === --previousSuspenseListRow.pendingTasks &&
+          finishSuspenseListRow(request, previousSuspenseListRow);
+      }
+    else
+      for (resumeSlots = 0; resumeSlots < keyPath; resumeSlots++)
+        (n =
+          "backwards" !== revealOrder &&
+          "unstable_legacy-backwards" !== revealOrder
+            ? resumeSlots
+            : keyPath - 1 - resumeSlots),
+          (i = rows[n]),
+          warnForMissingKey(request, task, i),
+          (task.row = previousSuspenseListRow =
+            createSuspenseListRow(previousSuspenseListRow)),
+          (task.treeContext = pushTreeContext(prevTreeContext, keyPath, n)),
+          renderNode(request, task, i, n),
+          0 === --previousSuspenseListRow.pendingTasks &&
+            finishSuspenseListRow(request, previousSuspenseListRow);
+  } else if (
+    "backwards" !== revealOrder &&
+    "unstable_legacy-backwards" !== revealOrder
+  )
+    for (revealOrder = 0; revealOrder < keyPath; revealOrder++)
+      (resumeSlots = rows[revealOrder]),
+        warnForMissingKey(request, task, resumeSlots),
+        (task.row = previousSuspenseListRow =
+          createSuspenseListRow(previousSuspenseListRow)),
+        (task.treeContext = pushTreeContext(
+          prevTreeContext,
+          keyPath,
+          revealOrder
+        )),
+        renderNode(request, task, resumeSlots, revealOrder),
+        0 === --previousSuspenseListRow.pendingTasks &&
+          finishSuspenseListRow(request, previousSuspenseListRow);
+  else {
+    revealOrder = task.blockedSegment;
+    resumeSlots = revealOrder.children.length;
+    n = revealOrder.chunks.length;
+    for (i = keyPath - 1; 0 <= i; i--) {
+      node = rows[i];
+      task.row = previousSuspenseListRow = createSuspenseListRow(
+        previousSuspenseListRow
+      );
+      task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
+      resumeSegmentID = createPendingSegment(
+        request,
+        n,
+        null,
+        task.formatContext,
+        0 === i ? revealOrder.lastPushedText : !0,
+        !0
+      );
+      revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
+      task.blockedSegment = resumeSegmentID;
+      warnForMissingKey(request, task, node);
+      try {
+        renderNode(request, task, node, i),
+          pushSegmentFinale(
+            resumeSegmentID.chunks,
+            request.renderState,
+            resumeSegmentID.lastPushedText,
+            resumeSegmentID.textEmbedded
+          ),
+          (resumeSegmentID.status = COMPLETED),
+          finishedSegment(request, task.blockedBoundary, resumeSegmentID),
+          0 === --previousSuspenseListRow.pendingTasks &&
+            finishSuspenseListRow(request, previousSuspenseListRow);
+      } catch (thrownValue) {
+        throw (
+          ((resumeSegmentID.status = 12 === request.status ? ABORTED : ERRORED),
+          thrownValue)
+        );
+      }
+    }
+    task.blockedSegment = revealOrder;
+    revealOrder.lastPushedText = !1;
+  }
+  null !== prevRow &&
+    null !== previousSuspenseListRow &&
+    0 < previousSuspenseListRow.pendingTasks &&
+    (prevRow.pendingTasks++, (previousSuspenseListRow.next = prevRow));
+  task.treeContext = prevTreeContext;
+  task.row = prevRow;
+  task.keyPath = prevKeyPath;
+  task.componentStack = previousComponentStack;
+  task.debugTask = previousDebugTask;
+}
 function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
   var prevThenableState = task.thenableState;
   task.thenableState = null;
@@ -6413,23 +6785,27 @@ function renderElement(request, task, keyPath, type, props, ref) {
           type.displayName || type.name || "Component"
         );
       if ("function" === typeof type.getDerivedStateFromProps) {
-        var _componentName2 = getComponentNameFromType(type) || "Unknown";
-        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+        var componentName$jscomp$4 =
+          getComponentNameFromType(type) || "Unknown";
+        didWarnAboutGetDerivedStateOnFunctionComponent[
+          componentName$jscomp$4
+        ] ||
           (console.error(
             "%s: Function components do not support getDerivedStateFromProps.",
-            _componentName2
+            componentName$jscomp$4
           ),
-          (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
-            !0));
+          (didWarnAboutGetDerivedStateOnFunctionComponent[
+            componentName$jscomp$4
+          ] = !0));
       }
       if ("object" === typeof type.contextType && null !== type.contextType) {
-        var _componentName3 = getComponentNameFromType(type) || "Unknown";
-        didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+        var _componentName2 = getComponentNameFromType(type) || "Unknown";
+        didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
           (console.error(
             "%s: Function components do not support contextType.",
-            _componentName3
+            _componentName2
           ),
-          (didWarnAboutContextTypeOnFunctionComponent[_componentName3] = !0));
+          (didWarnAboutContextTypeOnFunctionComponent[_componentName2] = !0));
       }
       finishFunctionComponent(
         request,
@@ -6462,15 +6838,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
         task.blockedPreamble,
         task.hoistableState,
         task.formatContext,
-        segment.lastPushedText,
-        task.isFallback
+        segment.lastPushedText
       );
       segment.lastPushedText = !1;
-      var _prevContext = task.formatContext,
-        _prevKeyPath2 = task.keyPath;
+      var _prevContext2 = task.formatContext,
+        _prevKeyPath3 = task.keyPath;
       task.keyPath = keyPath;
       if (
-        (task.formatContext = getChildFormatContext(_prevContext, type, props))
+        (task.formatContext = getChildFormatContext(_prevContext2, type, props))
           .insertionMode === HTML_HEAD_MODE
       ) {
         var preambleSegment = createPendingSegment(
@@ -6482,30 +6857,24 @@ function renderElement(request, task, keyPath, type, props, ref) {
           !1
         );
         segment.preambleChildren.push(preambleSegment);
-        var preambleTask = createRenderTask(
-          request,
-          null,
-          _children,
-          -1,
-          task.blockedBoundary,
-          preambleSegment,
-          task.blockedPreamble,
-          task.hoistableState,
-          request.abortableTasks,
-          task.keyPath,
-          task.formatContext,
-          task.context,
-          task.treeContext,
-          task.componentStack,
-          task.isFallback,
-          emptyContextObject,
-          task.debugTask
-        );
-        pushComponentStack(preambleTask);
-        request.pingedTasks.push(preambleTask);
+        task.blockedSegment = preambleSegment;
+        try {
+          (preambleSegment.status = 6),
+            renderNode(request, task, _children, -1),
+            pushSegmentFinale(
+              preambleSegment.chunks,
+              request.renderState,
+              preambleSegment.lastPushedText,
+              preambleSegment.textEmbedded
+            ),
+            (preambleSegment.status = COMPLETED),
+            finishedSegment(request, task.blockedBoundary, preambleSegment);
+        } finally {
+          task.blockedSegment = segment;
+        }
       } else renderNode(request, task, _children, -1);
-      task.formatContext = _prevContext;
-      task.keyPath = _prevKeyPath2;
+      task.formatContext = _prevContext2;
+      task.keyPath = _prevKeyPath3;
       a: {
         var target = segment.chunks,
           resumableState = request.resumableState;
@@ -6530,19 +6899,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (_prevContext.insertionMode <= HTML_HTML_MODE) {
+            if (_prevContext2.insertionMode <= HTML_HTML_MODE) {
               resumableState.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (_prevContext.insertionMode === ROOT_HTML_MODE) {
+            if (_prevContext2.insertionMode === ROOT_HTML_MODE) {
               resumableState.hasHtml = !0;
               break a;
             }
             break;
           case "head":
-            if (_prevContext.insertionMode <= HTML_HTML_MODE) break a;
+            if (_prevContext2.insertionMode <= HTML_HTML_MODE) break a;
         }
         target.push(endChunkForTag(type));
       }
@@ -6560,34 +6929,121 @@ function renderElement(request, task, keyPath, type, props, ref) {
         task.keyPath = prevKeyPath$jscomp$1;
         return;
       case REACT_ACTIVITY_TYPE:
-        if ("hidden" !== props.mode) {
-          var prevKeyPath$jscomp$2 = task.keyPath;
+        var segment$jscomp$0 = task.blockedSegment;
+        if (null === segment$jscomp$0) {
+          if ("hidden" !== props.mode) {
+            var prevKeyPath$jscomp$2 = task.keyPath;
+            task.keyPath = keyPath;
+            renderNode(request, task, props.children, -1);
+            task.keyPath = prevKeyPath$jscomp$2;
+          }
+        } else if ("hidden" !== props.mode) {
+          segment$jscomp$0.chunks.push("\x3c!--&--\x3e");
+          segment$jscomp$0.lastPushedText = !1;
+          var _prevKeyPath4 = task.keyPath;
           task.keyPath = keyPath;
-          renderNodeDestructive(request, task, props.children, -1);
-          task.keyPath = prevKeyPath$jscomp$2;
+          renderNode(request, task, props.children, -1);
+          task.keyPath = _prevKeyPath4;
+          segment$jscomp$0.chunks.push("\x3c!--/&--\x3e");
+          segment$jscomp$0.lastPushedText = !1;
         }
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        var _prevKeyPath3 = task.keyPath;
-        task.keyPath = keyPath;
-        renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = _prevKeyPath3;
+        a: {
+          var children$jscomp$0 = props.children,
+            revealOrder = props.revealOrder;
+          if (
+            "forwards" === revealOrder ||
+            "backwards" === revealOrder ||
+            "unstable_legacy-backwards" === revealOrder
+          ) {
+            if (isArrayImpl(children$jscomp$0)) {
+              renderSuspenseListRows(
+                request,
+                task,
+                keyPath,
+                children$jscomp$0,
+                revealOrder
+              );
+              break a;
+            }
+            var iteratorFn = getIteratorFn(children$jscomp$0);
+            if (iteratorFn) {
+              var iterator = iteratorFn.call(children$jscomp$0);
+              if (iterator) {
+                validateIterable(
+                  task,
+                  children$jscomp$0,
+                  -1,
+                  iterator,
+                  iteratorFn
+                );
+                var step = iterator.next();
+                if (!step.done) {
+                  var rows = [];
+                  do rows.push(step.value), (step = iterator.next());
+                  while (!step.done);
+                  renderSuspenseListRows(
+                    request,
+                    task,
+                    keyPath,
+                    children$jscomp$0,
+                    revealOrder
+                  );
+                }
+                break a;
+              }
+            }
+          }
+          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:
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
       case REACT_SUSPENSE_TYPE:
         a: if (null !== task.replay) {
-          var _prevKeyPath = task.keyPath;
+          var _prevKeyPath = task.keyPath,
+            _prevContext = task.formatContext,
+            _prevRow = task.row;
           task.keyPath = keyPath;
+          task.formatContext = getSuspenseContentFormatContext(
+            request.resumableState,
+            _prevContext
+          );
+          task.row = null;
           var _content = props.children;
           try {
             renderNode(request, task, _content, -1);
           } finally {
-            task.keyPath = _prevKeyPath;
+            (task.keyPath = _prevKeyPath),
+              (task.formatContext = _prevContext),
+              (task.row = _prevRow);
           }
         } else {
-          var prevKeyPath$jscomp$3 = task.keyPath,
+          var prevKeyPath$jscomp$4 = task.keyPath,
+            prevContext$jscomp$0 = task.formatContext,
+            prevRow$jscomp$0 = task.row,
             parentBoundary = task.blockedBoundary,
             parentPreamble = task.blockedPreamble,
             parentHoistableState = task.hoistableState,
@@ -6599,11 +7055,18 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.formatContext.insertionMode < HTML_MODE
               ? createSuspenseBoundary(
                   request,
+                  task.row,
                   fallbackAbortSet,
                   createPreambleState(),
                   createPreambleState()
                 )
-              : createSuspenseBoundary(request, fallbackAbortSet, null, null);
+              : createSuspenseBoundary(
+                  request,
+                  task.row,
+                  fallbackAbortSet,
+                  null,
+                  null
+                );
           null !== request.trackedPostpones &&
             (newBoundary.trackedContentKeyPath = keyPath);
           var boundarySegment = createPendingSegment(
@@ -6626,7 +7089,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
           );
           contentRootSegment.parentFlushed = !0;
           if (null !== request.trackedPostpones) {
-            var fallbackKeyPath = [keyPath[0], "Suspense Fallback", keyPath[2]],
+            var suspenseComponentStack = task.componentStack,
+              fallbackKeyPath = [keyPath[0], "Suspense Fallback", keyPath[2]],
               fallbackReplayNode = [
                 fallbackKeyPath[1],
                 fallbackKeyPath[2],
@@ -6641,22 +7105,36 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.blockedSegment = boundarySegment;
             task.blockedPreamble = newBoundary.fallbackPreamble;
             task.keyPath = fallbackKeyPath;
+            task.formatContext = getSuspenseFallbackFormatContext(
+              request.resumableState,
+              prevContext$jscomp$0
+            );
+            task.componentStack =
+              replaceSuspenseComponentStackWithSuspenseFallbackStack(
+                suspenseComponentStack
+              );
             boundarySegment.status = 6;
             try {
               renderNode(request, task, fallback, -1),
-                boundarySegment.lastPushedText &&
-                  boundarySegment.textEmbedded &&
-                  boundarySegment.chunks.push("\x3c!-- --\x3e"),
-                (boundarySegment.status = COMPLETED);
+                pushSegmentFinale(
+                  boundarySegment.chunks,
+                  request.renderState,
+                  boundarySegment.lastPushedText,
+                  boundarySegment.textEmbedded
+                ),
+                (boundarySegment.status = COMPLETED),
+                finishedSegment(request, parentBoundary, boundarySegment);
             } catch (thrownValue) {
               throw (
-                ((boundarySegment.status = 12 === request.status ? 3 : 4),
+                ((boundarySegment.status =
+                  12 === request.status ? ABORTED : ERRORED),
                 thrownValue)
               );
             } finally {
               (task.blockedSegment = parentSegment),
                 (task.blockedPreamble = parentPreamble),
-                (task.keyPath = prevKeyPath$jscomp$3);
+                (task.keyPath = prevKeyPath$jscomp$4),
+                (task.formatContext = prevContext$jscomp$0);
             }
             var suspendedPrimaryTask = createRenderTask(
               request,
@@ -6669,11 +7147,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
               newBoundary.contentState,
               task.abortSet,
               keyPath,
-              task.formatContext,
+              getSuspenseContentFormatContext(
+                request.resumableState,
+                task.formatContext
+              ),
               task.context,
               task.treeContext,
-              task.componentStack,
-              task.isFallback,
+              null,
+              suspenseComponentStack,
               emptyContextObject,
               task.debugTask
             );
@@ -6685,30 +7166,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.hoistableState = newBoundary.contentState;
             task.blockedSegment = contentRootSegment;
             task.keyPath = keyPath;
+            task.formatContext = getSuspenseContentFormatContext(
+              request.resumableState,
+              prevContext$jscomp$0
+            );
+            task.row = null;
             contentRootSegment.status = 6;
             try {
               if (
                 (renderNode(request, task, content, -1),
-                contentRootSegment.lastPushedText &&
-                  contentRootSegment.textEmbedded &&
-                  contentRootSegment.chunks.push("\x3c!-- --\x3e"),
+                pushSegmentFinale(
+                  contentRootSegment.chunks,
+                  request.renderState,
+                  contentRootSegment.lastPushedText,
+                  contentRootSegment.textEmbedded
+                ),
                 (contentRootSegment.status = COMPLETED),
+                finishedSegment(request, newBoundary, contentRootSegment),
                 queueCompletedSegment(newBoundary, contentRootSegment),
                 0 === newBoundary.pendingTasks &&
                   newBoundary.status === PENDING)
               ) {
-                newBoundary.status = COMPLETED;
-                0 === request.pendingRootTasks &&
-                  task.blockedPreamble &&
-                  preparePreamble(request);
-                break a;
-              }
+                if (
+                  ((newBoundary.status = COMPLETED),
+                  !isEligibleForOutlining(request, newBoundary))
+                ) {
+                  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) {
-                contentRootSegment.status = 3;
+                contentRootSegment.status = ABORTED;
                 var error = request.fatalError;
-              } else (contentRootSegment.status = 4), (error = thrownValue$2);
+              } else
+                (contentRootSegment.status = ERRORED), (error = thrownValue$2);
               var thrownInfo = getThrownInfo(task.componentStack);
               var errorDigest = logRecoverableError(
                 request,
@@ -6729,7 +7230,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 (task.blockedPreamble = parentPreamble),
                 (task.hoistableState = parentHoistableState),
                 (task.blockedSegment = parentSegment),
-                (task.keyPath = prevKeyPath$jscomp$3);
+                (task.keyPath = prevKeyPath$jscomp$4),
+                (task.formatContext = prevContext$jscomp$0),
+                (task.row = prevRow$jscomp$0);
             }
             var suspendedFallbackTask = createRenderTask(
               request,
@@ -6742,11 +7245,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
               newBoundary.fallbackState,
               fallbackAbortSet,
               [keyPath[0], "Suspense Fallback", keyPath[2]],
-              task.formatContext,
+              getSuspenseFallbackFormatContext(
+                request.resumableState,
+                task.formatContext
+              ),
               task.context,
               task.treeContext,
-              task.componentStack,
-              !0,
+              task.row,
+              replaceSuspenseComponentStackWithSuspenseFallbackStack(
+                task.componentStack
+              ),
               emptyContextObject,
               task.debugTask
             );
@@ -6764,7 +7272,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             for (var key in props)
               "ref" !== key && (propsWithoutRef[key] = props[key]);
           } else propsWithoutRef = props;
-          var children$jscomp$0 = renderWithHooks(
+          var children$jscomp$1 = renderWithHooks(
             request,
             task,
             keyPath,
@@ -6776,7 +7284,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
             request,
             task,
             keyPath,
-            children$jscomp$0,
+            children$jscomp$1,
             0 !== localIdCounter,
             actionStateCounter,
             actionStateMatchingIndex
@@ -6785,12 +7293,11 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
           return;
-        case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           var value$jscomp$0 = props.value,
-            children$jscomp$1 = props.children;
+            children$jscomp$2 = props.children;
           var prevSnapshot = task.context;
-          var prevKeyPath$jscomp$4 = task.keyPath;
+          var prevKeyPath$jscomp$5 = task.keyPath;
           var prevValue = type._currentValue;
           type._currentValue = value$jscomp$0;
           void 0 !== type._currentRenderer &&
@@ -6811,7 +7318,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           currentActiveSnapshot = newNode;
           task.context = newNode;
           task.keyPath = keyPath;
-          renderNodeDestructive(request, task, children$jscomp$1, -1);
+          renderNodeDestructive(request, task, children$jscomp$2, -1);
           var prevSnapshot$jscomp$0 = currentActiveSnapshot;
           if (null === prevSnapshot$jscomp$0)
             throw Error(
@@ -6833,7 +7340,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           var JSCompiler_inline_result$jscomp$0 = (currentActiveSnapshot =
             prevSnapshot$jscomp$0.parent);
           task.context = JSCompiler_inline_result$jscomp$0;
-          task.keyPath = prevKeyPath$jscomp$4;
+          task.keyPath = prevKeyPath$jscomp$5;
           prevSnapshot !== task.context &&
             console.error(
               "Popping the context provider did not return back to the original snapshot. This is a bug in React."
@@ -6847,10 +7354,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
               "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
             );
           var newChildren = render(context$jscomp$0._currentValue),
-            prevKeyPath$jscomp$5 = task.keyPath;
+            prevKeyPath$jscomp$6 = task.keyPath;
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, newChildren, -1);
-          task.keyPath = prevKeyPath$jscomp$5;
+          task.keyPath = prevKeyPath$jscomp$6;
           return;
         case REACT_LAZY_TYPE:
           var Component = callLazyInitInDEV(type);
@@ -6891,6 +7398,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
       (task.blockedSegment = resumedSegment),
       renderNode(request, task, node, childIndex),
       (resumedSegment.status = COMPLETED),
+      finishedSegment(request, blockedBoundary, resumedSegment),
       null === blockedBoundary
         ? (request.completedRootSegment = resumedSegment)
         : (queueCompletedSegment(blockedBoundary, resumedSegment),
@@ -6926,9 +7434,9 @@ function replayElement(
               ">. The tree doesn't match so React will fallback to client rendering."
           );
         var childNodes = node[2];
-        node = node[3];
-        name = task.node;
-        task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+        name = node[3];
+        keyOrIndex = task.node;
+        task.replay = { nodes: childNodes, slots: name, pendingTasks: 1 };
         try {
           renderElement(request, task, keyPath, type, props, ref);
           if (1 === task.replay.pendingTasks && 0 < task.replay.nodes.length)
@@ -6942,21 +7450,26 @@ function replayElement(
             null !== x &&
             (x === SuspenseException || "function" === typeof x.then)
           )
-            throw (task.node === name && (task.replay = replay), x);
+            throw (
+              (task.node === keyOrIndex
+                ? (task.replay = replay)
+                : childIndex.splice(i, 1),
+              x)
+            );
           task.replay.pendingTasks--;
           type = getThrownInfo(task.componentStack);
           props = request;
           request = task.blockedBoundary;
           keyPath = x;
-          ref = node;
-          node = logRecoverableError(props, keyPath, type, task.debugTask);
+          ref = name;
+          name = logRecoverableError(props, keyPath, type, task.debugTask);
           abortRemainingReplayNodes(
             props,
             request,
             childNodes,
             ref,
             keyPath,
-            node,
+            name,
             type,
             !1
           );
@@ -6971,12 +7484,14 @@ function replayElement(
           );
         a: {
           replay = void 0;
-          type = node[5];
-          ref = node[2];
-          name = node[3];
+          name = node[5];
+          type = node[2];
+          ref = node[3];
           keyOrIndex = null === node[4] ? [] : node[4][2];
           node = null === node[4] ? null : node[4][3];
           var prevKeyPath = task.keyPath,
+            prevContext = task.formatContext,
+            prevRow = task.row,
             previousReplaySet = task.replay,
             parentBoundary = task.blockedBoundary,
             parentHoistableState = task.hoistableState,
@@ -6987,17 +7502,29 @@ function replayElement(
             task.formatContext.insertionMode < HTML_MODE
               ? createSuspenseBoundary(
                   request,
+                  task.row,
                   fallbackAbortSet,
                   createPreambleState(),
                   createPreambleState()
                 )
-              : createSuspenseBoundary(request, fallbackAbortSet, null, null);
+              : createSuspenseBoundary(
+                  request,
+                  task.row,
+                  fallbackAbortSet,
+                  null,
+                  null
+                );
           props.parentFlushed = !0;
-          props.rootSegmentID = type;
+          props.rootSegmentID = name;
           task.blockedBoundary = props;
           task.hoistableState = props.contentState;
           task.keyPath = keyPath;
-          task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+          task.formatContext = getSuspenseContentFormatContext(
+            request.resumableState,
+            prevContext
+          );
+          task.row = null;
+          task.replay = { nodes: type, slots: ref, pendingTasks: 1 };
           try {
             renderNode(request, task, content, -1);
             if (1 === task.replay.pendingTasks && 0 < task.replay.nodes.length)
@@ -7026,7 +7553,9 @@ function replayElement(
             (task.blockedBoundary = parentBoundary),
               (task.hoistableState = parentHoistableState),
               (task.replay = previousReplaySet),
-              (task.keyPath = prevKeyPath);
+              (task.keyPath = prevKeyPath),
+              (task.formatContext = prevContext),
+              (task.row = prevRow);
           }
           props = createReplayTask(
             request,
@@ -7038,11 +7567,16 @@ function replayElement(
             props.fallbackState,
             fallbackAbortSet,
             [keyPath[0], "Suspense Fallback", keyPath[2]],
-            task.formatContext,
+            getSuspenseFallbackFormatContext(
+              request.resumableState,
+              task.formatContext
+            ),
             task.context,
             task.treeContext,
-            task.componentStack,
-            !0,
+            task.row,
+            replaceSuspenseComponentStackWithSuspenseFallbackStack(
+              task.componentStack
+            ),
             emptyContextObject,
             task.debugTask
           );
@@ -7055,6 +7589,29 @@ function replayElement(
     }
   }
 }
+function validateIterable(task, iterable, childIndex, iterator, iteratorFn) {
+  if (iterator === iterable) {
+    if (
+      -1 !== childIndex ||
+      null === task.componentStack ||
+      "function" !== typeof task.componentStack.type ||
+      "[object GeneratorFunction]" !==
+        Object.prototype.toString.call(task.componentStack.type) ||
+      "[object Generator]" !== Object.prototype.toString.call(iterator)
+    )
+      didWarnAboutGenerators ||
+        console.error(
+          "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
+        ),
+        (didWarnAboutGenerators = !0);
+  } else
+    iterable.entries !== iteratorFn ||
+      didWarnAboutMaps ||
+      (console.error(
+        "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
+      ),
+      (didWarnAboutMaps = !0));
+}
 function renderNodeDestructive(request, task, node, childIndex) {
   null !== task.replay && "number" === typeof task.replay.slots
     ? resumeNode(request, task, task.replay.slots, node, childIndex)
@@ -7131,52 +7688,27 @@ function retryNode(request, task) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          node = callLazyInitInDEV(node);
+          type = callLazyInitInDEV(node);
           if (12 === request.status) throw null;
-          renderNodeDestructive(request, task, node, childIndex);
+          renderNodeDestructive(request, task, type, childIndex);
           return;
       }
       if (isArrayImpl(node)) {
         renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node || "object" !== typeof node
-        ? (key = null)
-        : ((type =
-            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
-            node["@@iterator"]),
-          (key = "function" === typeof type ? type : null));
-      if (key && (type = key.call(node))) {
-        if (type === node) {
-          if (
-            -1 !== childIndex ||
-            null === task.componentStack ||
-            "function" !== typeof task.componentStack.type ||
-            "[object GeneratorFunction]" !==
-              Object.prototype.toString.call(task.componentStack.type) ||
-            "[object Generator]" !== Object.prototype.toString.call(type)
-          )
-            didWarnAboutGenerators ||
-              console.error(
-                "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
-              ),
-              (didWarnAboutGenerators = !0);
-        } else
-          node.entries !== key ||
-            didWarnAboutMaps ||
-            (console.error(
-              "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
-            ),
-            (didWarnAboutMaps = !0));
-        node = type.next();
-        if (!node.done) {
-          key = [];
-          do key.push(node.value), (node = type.next());
-          while (!node.done);
-          renderChildrenArray(request, task, key, childIndex);
+      if ((key = getIteratorFn(node)))
+        if ((type = key.call(node))) {
+          validateIterable(task, node, childIndex, type, key);
+          node = type.next();
+          if (!node.done) {
+            key = [];
+            do key.push(node.value), (node = type.next());
+            while (!node.done);
+            renderChildrenArray(request, task, key, childIndex);
+          }
+          return;
         }
-        return;
-      }
       if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
@@ -7230,6 +7762,67 @@ function retryNode(request, task) {
             ));
   }
 }
+function warnForMissingKey(request, task, child) {
+  if (
+    null !== child &&
+    "object" === typeof child &&
+    (child.$$typeof === REACT_ELEMENT_TYPE ||
+      child.$$typeof === REACT_PORTAL_TYPE) &&
+    child._store &&
+    ((!child._store.validated && null == child.key) ||
+      2 === child._store.validated)
+  ) {
+    if ("object" !== typeof child._store)
+      throw Error(
+        "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
+      );
+    child._store.validated = 1;
+    var didWarnForKey = request.didWarnForKey;
+    null == didWarnForKey &&
+      (didWarnForKey = request.didWarnForKey = new WeakSet());
+    request = task.componentStack;
+    if (null !== request && !didWarnForKey.has(request)) {
+      didWarnForKey.add(request);
+      var componentName = getComponentNameFromType(child.type);
+      didWarnForKey = child._owner;
+      var parentOwner = request.owner;
+      request = "";
+      if (parentOwner && "undefined" !== typeof parentOwner.type) {
+        var name = getComponentNameFromType(parentOwner.type);
+        name && (request = "\n\nCheck the render method of `" + name + "`.");
+      }
+      request ||
+        (componentName &&
+          (request =
+            "\n\nCheck the top-level render call using <" +
+            componentName +
+            ">."));
+      componentName = "";
+      null != didWarnForKey &&
+        parentOwner !== didWarnForKey &&
+        ((parentOwner = null),
+        "undefined" !== typeof didWarnForKey.type
+          ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+          : "string" === typeof didWarnForKey.name &&
+            (parentOwner = didWarnForKey.name),
+        parentOwner &&
+          (componentName = " It was passed a child from " + parentOwner + "."));
+      didWarnForKey = task.componentStack;
+      task.componentStack = {
+        parent: task.componentStack,
+        type: child.type,
+        owner: child._owner,
+        stack: child._debugStack
+      };
+      console.error(
+        'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
+        request,
+        componentName
+      );
+      task.componentStack = didWarnForKey;
+    }
+  }
+}
 function renderChildrenArray(request, task, children, childIndex) {
   var prevKeyPath = task.keyPath,
     previousComponentStack = task.componentStack;
@@ -7316,80 +7909,115 @@ function renderChildrenArray(request, task, children, childIndex) {
     task.debugTask = previousDebugTask;
     return;
   }
-  for (j = 0; j < replayNodes; j++) {
-    childIndex = children[j];
-    resumeSlots = request;
-    node = task;
-    error = childIndex;
-    if (
-      null !== error &&
-      "object" === typeof error &&
-      (error.$$typeof === REACT_ELEMENT_TYPE ||
-        error.$$typeof === REACT_PORTAL_TYPE) &&
-      error._store &&
-      ((!error._store.validated && null == error.key) ||
-        2 === error._store.validated)
-    ) {
-      if ("object" !== typeof error._store)
-        throw Error(
-          "React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue."
-        );
-      error._store.validated = 1;
-      thrownInfo = resumeSlots.didWarnForKey;
-      null == thrownInfo &&
-        (thrownInfo = resumeSlots.didWarnForKey = new WeakSet());
-      resumeSlots = node.componentStack;
-      if (null !== resumeSlots && !thrownInfo.has(resumeSlots)) {
-        thrownInfo.add(resumeSlots);
-        var componentName = getComponentNameFromType(error.type);
-        thrownInfo = error._owner;
-        var parentOwner = resumeSlots.owner;
-        resumeSlots = "";
-        if (parentOwner && "undefined" !== typeof parentOwner.type) {
-          var name = getComponentNameFromType(parentOwner.type);
-          name &&
-            (resumeSlots = "\n\nCheck the render method of `" + name + "`.");
-        }
-        resumeSlots ||
-          (componentName &&
-            (resumeSlots =
-              "\n\nCheck the top-level render call using <" +
-              componentName +
-              ">."));
-        componentName = "";
-        null != thrownInfo &&
-          parentOwner !== thrownInfo &&
-          ((parentOwner = null),
-          "undefined" !== typeof thrownInfo.type
-            ? (parentOwner = getComponentNameFromType(thrownInfo.type))
-            : "string" === typeof thrownInfo.name &&
-              (parentOwner = thrownInfo.name),
-          parentOwner &&
-            (componentName =
-              " It was passed a child from " + parentOwner + "."));
-        thrownInfo = node.componentStack;
-        node.componentStack = {
-          parent: node.componentStack,
-          type: error.type,
-          owner: error._owner,
-          stack: error._debugStack
-        };
-        console.error(
-          'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-          resumeSlots,
-          componentName
-        );
-        node.componentStack = thrownInfo;
-      }
-    }
-    task.treeContext = pushTreeContext(replay, replayNodes, j);
-    renderNode(request, task, childIndex, j);
-  }
+  for (j = 0; j < replayNodes; j++)
+    (childIndex = children[j]),
+      warnForMissingKey(request, task, childIndex),
+      (task.treeContext = pushTreeContext(replay, replayNodes, j)),
+      renderNode(request, task, childIndex, j);
   task.treeContext = replay;
   task.keyPath = prevKeyPath;
   task.componentStack = previousComponentStack;
   task.debugTask = previousDebugTask;
 }
+function trackPostponedBoundary(request, trackedPostpones, boundary) {
+  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);
+  if (void 0 === boundaryNode)
+    return (
+      (boundary = [
+        request[1],
+        request[2],
+        children,
+        null,
+        fallbackReplayNode,
+        boundary.rootSegmentID
+      ]),
+      trackedPostpones.workingMap.set(request, boundary),
+      addToReplayParent(boundary, request[0], trackedPostpones),
+      boundary
+    );
+  boundaryNode[4] = fallbackReplayNode;
+  boundaryNode[5] = boundary.rootSegmentID;
+  return boundaryNode;
+}
+function trackPostpone(request, trackedPostpones, task, segment) {
+  segment.status = POSTPONED;
+  var keyPath = task.keyPath,
+    boundary = task.blockedBoundary;
+  if (null === boundary)
+    (segment.id = request.nextSegmentId++),
+      (trackedPostpones.rootSlots = segment.id),
+      null !== request.completedRootSegment &&
+        (request.completedRootSegment.status = POSTPONED);
+  else {
+    if (null !== boundary && boundary.status === PENDING) {
+      var boundaryNode = trackPostponedBoundary(
+        request,
+        trackedPostpones,
+        boundary
+      );
+      if (
+        boundary.trackedContentKeyPath === keyPath &&
+        -1 === task.childIndex
+      ) {
+        -1 === segment.id &&
+          (segment.id = segment.parentFlushed
+            ? boundary.rootSegmentID
+            : request.nextSegmentId++);
+        boundaryNode[3] = segment.id;
+        return;
+      }
+    }
+    -1 === segment.id &&
+      (segment.id =
+        segment.parentFlushed && null !== boundary
+          ? boundary.rootSegmentID
+          : request.nextSegmentId++);
+    if (-1 === task.childIndex)
+      null === keyPath
+        ? (trackedPostpones.rootSlots = segment.id)
+        : ((task = trackedPostpones.workingMap.get(keyPath)),
+          void 0 === task
+            ? ((task = [keyPath[1], keyPath[2], [], segment.id]),
+              addToReplayParent(task, keyPath[0], trackedPostpones))
+            : (task[3] = segment.id));
+    else {
+      if (null === keyPath)
+        if (((request = trackedPostpones.rootSlots), null === request))
+          request = trackedPostpones.rootSlots = {};
+        else {
+          if ("number" === typeof request)
+            throw Error(
+              "It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React."
+            );
+        }
+      else if (
+        ((boundary = trackedPostpones.workingMap),
+        (boundaryNode = boundary.get(keyPath)),
+        void 0 === boundaryNode)
+      )
+        (request = {}),
+          (boundaryNode = [keyPath[1], keyPath[2], [], request]),
+          boundary.set(keyPath, boundaryNode),
+          addToReplayParent(boundaryNode, keyPath[0], trackedPostpones);
+      else if (((request = boundaryNode[3]), null === request))
+        request = boundaryNode[3] = {};
+      else if ("number" === typeof request)
+        throw Error(
+          "It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React."
+        );
+      request[task.childIndex] = segment.id;
+    }
+  }
+}
 function untrackBoundary(request, boundary) {
   request = request.trackedPostpones;
   null !== request &&
@@ -7413,8 +8041,8 @@ function spawnNewSuspendedReplayTask(request, task, thenableState) {
     task.formatContext,
     task.context,
     task.treeContext,
+    task.row,
     task.componentStack,
-    task.isFallback,
     emptyContextObject,
     task.debugTask
   );
@@ -7445,8 +8073,8 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
     task.formatContext,
     task.context,
     task.treeContext,
+    task.row,
     task.componentStack,
-    task.isFallback,
     emptyContextObject,
     task.debugTask
   );
@@ -7459,7 +8087,8 @@ function renderNode(request, task, node, childIndex) {
     previousComponentStack = task.componentStack,
     previousDebugTask = task.debugTask,
     segment = task.blockedSegment;
-  if (null === segment)
+  if (null === segment) {
+    segment = task.replay;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
@@ -7469,10 +8098,13 @@ function renderNode(request, task, node, childIndex) {
           thrownValue === SuspenseException
             ? getSuspendedThenable()
             : thrownValue),
-        "object" === typeof node && null !== node)
+        12 !== request.status && "object" === typeof node && null !== node)
       ) {
         if ("function" === typeof node.then) {
-          childIndex = getThenableStateAfterSuspending();
+          childIndex =
+            thrownValue === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
           request = spawnNewSuspendedReplayTask(request, task, childIndex).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
@@ -7480,12 +8112,16 @@ function renderNode(request, task, node, childIndex) {
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
           task.componentStack = previousComponentStack;
+          task.replay = segment;
           task.debugTask = previousDebugTask;
           switchContext(previousContext);
           return;
         }
         if ("Maximum call stack size exceeded" === node.message) {
-          node = getThenableStateAfterSuspending();
+          node =
+            thrownValue === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
           node = spawnNewSuspendedReplayTask(request, task, node);
           request.pingedTasks.push(node);
           task.formatContext = previousFormatContext;
@@ -7493,13 +8129,14 @@ function renderNode(request, task, node, childIndex) {
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
           task.componentStack = previousComponentStack;
+          task.replay = segment;
           task.debugTask = previousDebugTask;
           switchContext(previousContext);
           return;
         }
       }
     }
-  else {
+  } else {
     var childrenLength = segment.children.length,
       chunkLength = segment.chunks.length;
     try {
@@ -7513,12 +8150,16 @@ function renderNode(request, task, node, childIndex) {
           thrownValue$3 === SuspenseException
             ? getSuspendedThenable()
             : thrownValue$3),
-        "object" === typeof node && null !== node)
+        12 !== request.status && "object" === typeof node && null !== node)
       ) {
         if ("function" === typeof node.then) {
-          childIndex = getThenableStateAfterSuspending();
-          request = spawnNewSuspendedRenderTask(request, task, childIndex).ping;
-          node.then(request, request);
+          segment = node;
+          node =
+            thrownValue$3 === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
+          request = spawnNewSuspendedRenderTask(request, task, node).ping;
+          segment.then(request, request);
           task.formatContext = previousFormatContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
@@ -7529,9 +8170,12 @@ function renderNode(request, task, node, childIndex) {
           return;
         }
         if ("Maximum call stack size exceeded" === node.message) {
-          node = getThenableStateAfterSuspending();
-          node = spawnNewSuspendedRenderTask(request, task, node);
-          request.pingedTasks.push(node);
+          segment =
+            thrownValue$3 === SuspenseException
+              ? getThenableStateAfterSuspending()
+              : null;
+          segment = spawnNewSuspendedRenderTask(request, task, segment);
+          request.pingedTasks.push(segment);
           task.formatContext = previousFormatContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
@@ -7552,9 +8196,11 @@ function renderNode(request, task, node, childIndex) {
   throw node;
 }
 function abortTaskSoft(task) {
-  var boundary = task.blockedBoundary;
-  task = task.blockedSegment;
-  null !== task && ((task.status = 3), finishedTask(this, boundary, task));
+  var boundary = task.blockedBoundary,
+    segment = task.blockedSegment;
+  null !== segment &&
+    ((segment.status = ABORTED),
+    finishedTask(this, boundary, task.row, segment));
 }
 function abortRemainingReplayNodes(
   request$jscomp$0,
@@ -7588,6 +8234,7 @@ function abortRemainingReplayNodes(
         wasAborted = aborted,
         resumedBoundary = createSuspenseBoundary(
           request,
+          null,
           new Set(),
           null,
           null
@@ -7631,48 +8278,77 @@ function abortTask(task, request, error) {
     segment = task.blockedSegment;
   if (null !== segment) {
     if (6 === segment.status) return;
-    segment.status = 3;
+    segment.status = ABORTED;
   }
-  segment = getThrownInfo(task.componentStack);
+  var errorInfo = getThrownInfo(task.componentStack),
+    node = task.node;
+  null !== node &&
+    "object" === typeof node &&
+    pushHaltedAwaitOnComponentStack(task, node._debugInfo);
   if (null === boundary) {
     if (13 !== request.status && request.status !== CLOSED) {
       boundary = task.replay;
       if (null === boundary) {
-        logRecoverableError(request, error, segment, null);
-        fatalError(request, error, segment, null);
+        null !== request.trackedPostpones && null !== segment
+          ? ((boundary = request.trackedPostpones),
+            logRecoverableError(request, error, errorInfo, task.debugTask),
+            trackPostpone(request, boundary, task, segment),
+            finishedTask(request, null, task.row, segment))
+          : (logRecoverableError(request, error, errorInfo, task.debugTask),
+            fatalError(request, error, errorInfo, task.debugTask));
         return;
       }
       boundary.pendingTasks--;
       0 === boundary.pendingTasks &&
         0 < boundary.nodes.length &&
-        ((task = logRecoverableError(request, error, segment, null)),
+        ((segment = logRecoverableError(request, error, errorInfo, null)),
         abortRemainingReplayNodes(
           request,
           null,
           boundary.nodes,
           boundary.slots,
           error,
-          task,
           segment,
+          errorInfo,
           !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.fallbackAbortableTasks.forEach(function (fallbackTask) {
-        return abortTask(fallbackTask, request, error);
-      }),
-      boundary.fallbackAbortableTasks.clear();
+  } else {
+    node = request.trackedPostpones;
+    if (boundary.status !== CLIENT_RENDERED) {
+      if (null !== node && null !== segment)
+        return (
+          logRecoverableError(request, error, errorInfo, task.debugTask),
+          trackPostpone(request, node, task, segment),
+          boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
+            return abortTask(fallbackTask, request, error);
+          }),
+          boundary.fallbackAbortableTasks.clear(),
+          finishedTask(request, boundary, task.row, segment)
+        );
+      boundary.status = CLIENT_RENDERED;
+      segment = logRecoverableError(request, error, errorInfo, task.debugTask);
+      boundary.status = CLIENT_RENDERED;
+      encodeErrorForBoundary(boundary, segment, error, errorInfo, !0);
+      untrackBoundary(request, boundary);
+      boundary.parentFlushed && request.clientRenderedBoundaries.push(boundary);
+    }
+    boundary.pendingTasks--;
+    errorInfo = boundary.row;
+    null !== errorInfo &&
+      0 === --errorInfo.pendingTasks &&
+      finishSuspenseListRow(request, errorInfo);
+    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);
 }
@@ -7766,11 +8442,28 @@ function queueCompletedSegment(boundary, segment) {
     var childSegment = segment.children[0];
     childSegment.id = segment.id;
     childSegment.parentFlushed = !0;
-    childSegment.status === COMPLETED &&
+    (childSegment.status !== COMPLETED &&
+      childSegment.status !== ABORTED &&
+      childSegment.status !== ERRORED) ||
       queueCompletedSegment(boundary, childSegment);
   } else boundary.completedSegments.push(segment);
 }
-function finishedTask(request, boundary, segment) {
+function finishedSegment(request, boundary, segment) {
+  if (null !== byteLengthOfChunk) {
+    segment = segment.chunks;
+    for (var segmentByteSize = 0, i = 0; i < segment.length; i++)
+      segmentByteSize += byteLengthOfChunk(segment[i]);
+    null === boundary
+      ? (request.byteSize += segmentByteSize)
+      : (boundary.byteSize += segmentByteSize);
+  }
+}
+function finishedTask(request, boundary, row, segment) {
+  null !== row &&
+    (0 === --row.pendingTasks
+      ? finishSuspenseListRow(request, row)
+      : row.together && tryToResolveTogetherRow(request, row));
+  request.allPendingTasks--;
   if (null === boundary) {
     if (null !== segment && segment.parentFlushed) {
       if (null !== request.completedRootSegment)
@@ -7781,32 +8474,68 @@ function finishedTask(request, boundary, 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 &&
-              (boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request),
-              boundary.fallbackAbortableTasks.clear(),
-              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)));
-  request.allPendingTasks--;
+  } else if ((boundary.pendingTasks--, boundary.status !== CLIENT_RENDERED))
+    if (0 === boundary.pendingTasks)
+      if (
+        (boundary.status === PENDING && (boundary.status = COMPLETED),
+        null !== segment &&
+          segment.parentFlushed &&
+          (segment.status === COMPLETED || segment.status === ABORTED) &&
+          queueCompletedSegment(boundary, segment),
+        boundary.parentFlushed && request.completedBoundaries.push(boundary),
+        boundary.status === COMPLETED)
+      )
+        (row = boundary.row),
+          null !== row &&
+            hoistHoistables(row.hoistables, boundary.contentState),
+          isEligibleForOutlining(request, boundary) ||
+            (boundary.fallbackAbortableTasks.forEach(abortTaskSoft, request),
+            boundary.fallbackAbortableTasks.clear(),
+            null !== row &&
+              0 === --row.pendingTasks &&
+              finishSuspenseListRow(request, row)),
+          0 === request.pendingRootTasks &&
+            null === request.trackedPostpones &&
+            null !== boundary.contentPreamble &&
+            preparePreamble(request);
+      else {
+        if (
+          boundary.status === POSTPONED &&
+          ((boundary = boundary.row), null !== boundary)
+        ) {
+          if (null !== request.trackedPostpones) {
+            row = request.trackedPostpones;
+            var postponedRow = boundary.next;
+            if (
+              null !== postponedRow &&
+              ((segment = postponedRow.boundaries), null !== segment)
+            )
+              for (
+                postponedRow.boundaries = null, postponedRow = 0;
+                postponedRow < segment.length;
+                postponedRow++
+              ) {
+                var postponedBoundary = segment[postponedRow];
+                trackPostponedBoundary(request, row, postponedBoundary);
+                finishedTask(request, postponedBoundary, null, null);
+              }
+          }
+          0 === --boundary.pendingTasks &&
+            finishSuspenseListRow(request, boundary);
+        }
+      }
+    else
+      null === segment ||
+        !segment.parentFlushed ||
+        (segment.status !== COMPLETED && segment.status !== ABORTED) ||
+        (queueCompletedSegment(boundary, segment),
+        1 === boundary.completedSegments.length &&
+          boundary.parentFlushed &&
+          request.partialBoundaries.push(boundary)),
+        (boundary = boundary.row),
+        null !== boundary &&
+          boundary.together &&
+          tryToResolveTogetherRow(request, boundary);
   0 === request.allPendingTasks && completeAll(request);
 }
 function performWork(request$jscomp$2) {
@@ -7856,7 +8585,12 @@ function performWork(request$jscomp$2) {
                 );
               request.replay.pendingTasks--;
               request.abortSet.delete(request);
-              finishedTask(request$jscomp$0, request.blockedBoundary, null);
+              finishedTask(
+                request$jscomp$0,
+                request.blockedBoundary,
+                request.row,
+                null
+              );
             } catch (thrownValue) {
               resetHooksState();
               var x =
@@ -7870,7 +8604,10 @@ function performWork(request$jscomp$2) {
               ) {
                 var ping = request.ping;
                 x.then(ping, ping);
-                request.thenableState = getThenableStateAfterSuspending();
+                request.thenableState =
+                  thrownValue === SuspenseException
+                    ? getThenableStateAfterSuspending()
+                    : null;
               } else {
                 request.replay.pendingTasks--;
                 request.abortSet.delete(request);
@@ -7926,14 +8663,23 @@ function performWork(request$jscomp$2) {
             chunkLength = request$jscomp$1.chunks.length;
           try {
             retryNode(request, errorDigest),
-              request$jscomp$1.lastPushedText &&
-                request$jscomp$1.textEmbedded &&
-                request$jscomp$1.chunks.push("\x3c!-- --\x3e"),
+              pushSegmentFinale(
+                request$jscomp$1.chunks,
+                request.renderState,
+                request$jscomp$1.lastPushedText,
+                request$jscomp$1.textEmbedded
+              ),
               errorDigest.abortSet.delete(errorDigest),
               (request$jscomp$1.status = COMPLETED),
+              finishedSegment(
+                request,
+                errorDigest.blockedBoundary,
+                request$jscomp$1
+              ),
               finishedTask(
                 request,
                 errorDigest.blockedBoundary,
+                errorDigest.row,
                 request$jscomp$1
               );
           } catch (thrownValue) {
@@ -7946,13 +8692,38 @@ function performWork(request$jscomp$2) {
                 : 12 === request.status
                   ? request.fatalError
                   : thrownValue;
-            if (
+            if (12 === request.status && null !== request.trackedPostpones) {
+              var trackedPostpones = request.trackedPostpones,
+                thrownInfo = getThrownInfo(errorDigest.componentStack);
+              errorDigest.abortSet.delete(errorDigest);
+              logRecoverableError(
+                request,
+                x$jscomp$0,
+                thrownInfo,
+                errorDigest.debugTask
+              );
+              trackPostpone(
+                request,
+                trackedPostpones,
+                errorDigest,
+                request$jscomp$1
+              );
+              finishedTask(
+                request,
+                errorDigest.blockedBoundary,
+                errorDigest.row,
+                request$jscomp$1
+              );
+            } else if (
               "object" === typeof x$jscomp$0 &&
               null !== x$jscomp$0 &&
               "function" === typeof x$jscomp$0.then
             ) {
               request$jscomp$1.status = PENDING;
-              errorDigest.thenableState = getThenableStateAfterSuspending();
+              errorDigest.thenableState =
+                thrownValue === SuspenseException
+                  ? getThenableStateAfterSuspending()
+                  : null;
               var ping$jscomp$0 = errorDigest.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
             } else {
@@ -7960,35 +8731,46 @@ function performWork(request$jscomp$2) {
                 errorDigest.componentStack
               );
               errorDigest.abortSet.delete(errorDigest);
-              request$jscomp$1.status = 4;
+              request$jscomp$1.status = ERRORED;
               var boundary$jscomp$0 = errorDigest.blockedBoundary,
+                row = errorDigest.row,
                 debugTask = errorDigest.debugTask;
+              null !== row &&
+                0 === --row.pendingTasks &&
+                finishSuspenseListRow(request, row);
+              request.allPendingTasks--;
               prevTaskInDEV = logRecoverableError(
                 request,
                 x$jscomp$0,
                 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)));
-              request.allPendingTasks--;
+              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 {
@@ -8047,6 +8829,7 @@ function preparePreambleFromSegment(
   switch (boundary.status) {
     case COMPLETED:
       hoistPreambleState(request.renderState, preamble);
+      request.byteSize += boundary.byteSize;
       segment = boundary.completedSegments[0];
       if (!segment)
         throw Error(
@@ -8079,17 +8862,16 @@ function preparePreamble(request) {
     null === request.completedPreambleSegments
   ) {
     var collectedPreambleSegments = [],
+      originalRequestByteSize = request.byteSize,
       hasPendingPreambles = preparePreambleFromSegment(
         request,
         request.completedRootSegment,
         collectedPreambleSegments
       ),
       preamble = request.renderState.preamble;
-    if (
-      !1 === hasPendingPreambles ||
-      (preamble.headChunks && preamble.bodyChunks)
-    )
-      request.completedPreambleSegments = collectedPreambleSegments;
+    !1 === hasPendingPreambles || (preamble.headChunks && preamble.bodyChunks)
+      ? (request.completedPreambleSegments = collectedPreambleSegments)
+      : (request.byteSize = originalRequestByteSize);
   }
 }
 function flushSubtree(request, destination, segment, hoistableState) {
@@ -8124,27 +8906,34 @@ function flushSubtree(request, destination, segment, hoistableState) {
         writeChunk(destination, chunks[chunkIdx]);
       chunkIdx < chunks.length && (r = !!destination.write(chunks[chunkIdx]));
       return r;
+    case ABORTED:
+      return !0;
     default:
       throw Error(
         "Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React."
       );
   }
 }
+var flushedByteSize = 0;
 function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
   if (null === boundary)
     return flushSubtree(request, destination, segment, hoistableState);
   boundary.parentFlushed = !0;
   if (boundary.status === CLIENT_RENDERED) {
-    var errorDigest = boundary.errorDigest,
-      errorMessage = boundary.errorMessage,
-      errorStack = boundary.errorStack,
-      errorComponentStack = boundary.errorComponentStack;
+    var row = boundary.row;
+    null !== row &&
+      0 === --row.pendingTasks &&
+      finishSuspenseListRow(request, row);
+    row = boundary.errorDigest;
+    var errorMessage = boundary.errorMessage,
+      errorStack = boundary.errorStack;
+    boundary = boundary.errorComponentStack;
     destination.write(startClientRenderedSuspenseBoundary);
     writeChunk(destination, clientRenderedSuspenseBoundaryError1);
-    errorDigest &&
+    row &&
       (writeChunk(destination, clientRenderedSuspenseBoundaryError1A),
-      writeChunk(destination, escapeTextForBrowser(errorDigest)),
+      writeChunk(destination, escapeTextForBrowser(row)),
       writeChunk(
         destination,
         clientRenderedSuspenseBoundaryErrorAttrInterstitial
@@ -8163,23 +8952,18 @@ function flushSegment(request, destination, segment, hoistableState) {
         destination,
         clientRenderedSuspenseBoundaryErrorAttrInterstitial
       ));
-    errorComponentStack &&
+    boundary &&
       (writeChunk(destination, clientRenderedSuspenseBoundaryError1D),
-      writeChunk(destination, escapeTextForBrowser(errorComponentStack)),
+      writeChunk(destination, escapeTextForBrowser(boundary)),
       writeChunk(
         destination,
         clientRenderedSuspenseBoundaryErrorAttrInterstitial
       ));
     destination.write(clientRenderedSuspenseBoundaryError2);
     flushSubtree(request, destination, segment, hoistableState);
-    (request = boundary.fallbackPreamble) &&
-      writePreambleContribution(destination, request);
-    return !!destination.write(endSuspenseBoundary);
-  }
-  if (boundary.status !== COMPLETED)
-    return (
-      boundary.status === PENDING &&
-        (boundary.rootSegmentID = request.nextSegmentId++),
+  } else if (boundary.status !== COMPLETED)
+    boundary.status === PENDING &&
+      (boundary.rootSegmentID = request.nextSegmentId++),
       0 < boundary.completedSegments.length &&
         request.partialBoundaries.push(boundary),
       writeStartPendingSuspenseBoundary(
@@ -8187,41 +8971,38 @@ function flushSegment(request, destination, segment, hoistableState) {
         request.renderState,
         boundary.rootSegmentID
       ),
-      hoistableState &&
-        ((boundary = boundary.fallbackState),
-        boundary.styles.forEach(hoistStyleQueueDependency, hoistableState),
-        boundary.stylesheets.forEach(
-          hoistStylesheetDependency,
-          hoistableState
-        )),
-      flushSubtree(request, destination, segment, hoistableState),
-      !!destination.write(endSuspenseBoundary)
-    );
-  if (boundary.byteSize > request.progressiveChunkSize)
-    return (
-      (boundary.rootSegmentID = request.nextSegmentId++),
+      hoistableState && hoistHoistables(hoistableState, boundary.fallbackState),
+      flushSubtree(request, destination, segment, hoistableState);
+  else if (
+    !flushingPartialBoundaries &&
+    isEligibleForOutlining(request, boundary) &&
+    (flushedByteSize + boundary.byteSize > request.progressiveChunkSize ||
+      hasSuspenseyContent(boundary.contentState))
+  )
+    (boundary.rootSegmentID = request.nextSegmentId++),
       request.completedBoundaries.push(boundary),
       writeStartPendingSuspenseBoundary(
         destination,
         request.renderState,
         boundary.rootSegmentID
       ),
-      flushSubtree(request, destination, segment, hoistableState),
-      !!destination.write(endSuspenseBoundary)
-    );
-  hoistableState &&
-    ((segment = boundary.contentState),
-    segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
-    segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
-  destination.write(startCompletedSuspenseBoundary);
-  segment = boundary.completedSegments;
-  if (1 !== segment.length)
-    throw Error(
-      "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
-    );
-  flushSegment(request, destination, segment[0], hoistableState);
-  (request = boundary.contentPreamble) &&
-    writePreambleContribution(destination, request);
+      flushSubtree(request, destination, segment, hoistableState);
+  else {
+    flushedByteSize += boundary.byteSize;
+    hoistableState && hoistHoistables(hoistableState, boundary.contentState);
+    segment = boundary.row;
+    null !== segment &&
+      isEligibleForOutlining(request, boundary) &&
+      0 === --segment.pendingTasks &&
+      finishSuspenseListRow(request, segment);
+    destination.write(startCompletedSuspenseBoundary);
+    segment = boundary.completedSegments;
+    if (1 !== segment.length)
+      throw Error(
+        "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
+      );
+    flushSegment(request, destination, segment[0], hoistableState);
+  }
   return !!destination.write(endSuspenseBoundary);
 }
 function flushSegmentContainer(request, destination, segment, hoistableState) {
@@ -8235,6 +9016,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) {
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 function flushCompletedBoundary(request, destination, boundary) {
+  flushedByteSize = boundary.byteSize;
   for (
     var completedSegments = boundary.completedSegments, i = 0;
     i < completedSegments.length;
@@ -8247,6 +9029,11 @@ function flushCompletedBoundary(request, destination, boundary) {
       completedSegments[i]
     );
   completedSegments.length = 0;
+  completedSegments = boundary.row;
+  null !== completedSegments &&
+    isEligibleForOutlining(request, boundary) &&
+    0 === --completedSegments.pendingTasks &&
+    finishSuspenseListRow(request, completedSegments);
   writeHoistablesForBoundary(
     destination,
     boundary.contentState,
@@ -8259,24 +9046,26 @@ function flushCompletedBoundary(request, destination, boundary) {
   var requiresStyleInsertion = request.stylesToHoist;
   request.stylesToHoist = !1;
   writeChunk(destination, request.startInlineScript);
+  writeChunk(destination, endOfStartTag);
   requiresStyleInsertion
-    ? (completedSegments.instructions & SentCompleteBoundaryFunction) ===
+    ? ((completedSegments.instructions & SentClientRenderFunction) ===
+        NothingSent &&
+        ((completedSegments.instructions |= SentClientRenderFunction),
+        writeChunk(destination, clientRenderScriptFunctionOnly)),
+      (completedSegments.instructions & SentCompleteBoundaryFunction) ===
+        NothingSent &&
+        ((completedSegments.instructions |= SentCompleteBoundaryFunction),
+        writeChunk(destination, completeBoundaryScriptFunctionOnly)),
+      (completedSegments.instructions & SentStyleInsertionFunction) ===
       NothingSent
-      ? ((completedSegments.instructions =
-          completedSegments.instructions |
-          SentStyleInsertionFunction |
-          SentCompleteBoundaryFunction),
-        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth))
-      : (completedSegments.instructions & SentStyleInsertionFunction) ===
-          NothingSent
         ? ((completedSegments.instructions |= SentStyleInsertionFunction),
           writeChunk(destination, completeBoundaryWithStylesScript1FullPartial))
-        : writeChunk(destination, completeBoundaryWithStylesScript1Partial)
-    : (completedSegments.instructions & SentCompleteBoundaryFunction) ===
-        NothingSent
-      ? ((completedSegments.instructions |= SentCompleteBoundaryFunction),
-        writeChunk(destination, completeBoundaryScript1Full))
-      : writeChunk(destination, completeBoundaryScript1Partial);
+        : writeChunk(destination, completeBoundaryWithStylesScript1Partial))
+    : ((completedSegments.instructions & SentCompleteBoundaryFunction) ===
+        NothingSent &&
+        ((completedSegments.instructions |= SentCompleteBoundaryFunction),
+        writeChunk(destination, completeBoundaryScriptFunctionOnly)),
+      writeChunk(destination, completeBoundaryScript1Partial));
   completedSegments = i.toString(16);
   writeChunk(destination, request.boundaryPrefix);
   writeChunk(destination, completedSegments);
@@ -8312,6 +9101,7 @@ function flushPartiallyCompletedSegment(
   boundary = request.resumableState;
   request = request.renderState;
   writeChunk(destination, request.startInlineScript);
+  writeChunk(destination, endOfStartTag);
   (boundary.instructions & SentCompleteSegmentFunction) === NothingSent
     ? ((boundary.instructions |= SentCompleteSegmentFunction),
       writeChunk(destination, completeSegmentScript1Full))
@@ -8325,6 +9115,7 @@ function flushPartiallyCompletedSegment(
   destination = !!destination.write(completeSegmentScriptEnd);
   return destination;
 }
+var flushingPartialBoundaries = !1;
 function flushCompletedQueues(request, destination) {
   try {
     if (!(0 < request.pendingRootTasks)) {
@@ -8334,7 +9125,9 @@ function flushCompletedQueues(request, destination) {
         if (completedRootSegment.status === POSTPONED) return;
         var completedPreambleSegments = request.completedPreambleSegments;
         if (null === completedPreambleSegments) return;
-        var renderState = request.renderState,
+        flushedByteSize = request.byteSize;
+        var resumableState = request.resumableState,
+          renderState = request.renderState,
           preamble = renderState.preamble,
           htmlChunks = preamble.htmlChunks,
           headChunks = preamble.headChunks,
@@ -8365,7 +9158,9 @@ function flushCompletedQueues(request, destination) {
         renderState.fontPreloads.clear();
         renderState.highImagePreloads.forEach(flushResource, destination);
         renderState.highImagePreloads.clear();
+        currentlyFlushingRenderState = renderState;
         renderState.styles.forEach(flushStylesInPreamble, destination);
+        currentlyFlushingRenderState = null;
         var importMapChunks = renderState.importMapChunks;
         for (i$jscomp$0 = 0; i$jscomp$0 < importMapChunks.length; i$jscomp$0++)
           writeChunk(destination, importMapChunks[i$jscomp$0]);
@@ -8375,17 +9170,20 @@ function flushCompletedQueues(request, destination) {
         renderState.scripts.clear();
         renderState.bulkPreloads.forEach(flushResource, destination);
         renderState.bulkPreloads.clear();
+        htmlChunks ||
+          headChunks ||
+          (resumableState.instructions |= SentCompletedShellId);
         var hoistableChunks = renderState.hoistableChunks;
         for (i$jscomp$0 = 0; i$jscomp$0 < hoistableChunks.length; i$jscomp$0++)
           writeChunk(destination, hoistableChunks[i$jscomp$0]);
         for (
-          renderState = hoistableChunks.length = 0;
-          renderState < completedPreambleSegments.length;
-          renderState++
+          resumableState = hoistableChunks.length = 0;
+          resumableState < completedPreambleSegments.length;
+          resumableState++
         ) {
-          var segments = completedPreambleSegments[renderState];
-          for (preamble = 0; preamble < segments.length; preamble++)
-            flushSegment(request, destination, segments[preamble], null);
+          var segments = completedPreambleSegments[resumableState];
+          for (renderState = 0; renderState < segments.length; renderState++)
+            flushSegment(request, destination, segments[renderState], null);
         }
         var preamble$jscomp$0 = request.renderState.preamble,
           headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
@@ -8401,11 +9199,42 @@ function flushCompletedQueues(request, destination) {
             writeChunk(destination, bodyChunks[completedPreambleSegments]);
         flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
-        writeBootstrap(destination, request.renderState);
+        var renderState$jscomp$0 = request.renderState;
+        if (
+          0 !== request.allPendingTasks ||
+          0 !== request.clientRenderedBoundaries.length ||
+          0 !== request.completedBoundaries.length ||
+          (null !== request.trackedPostpones &&
+            (0 !== request.trackedPostpones.rootNodes.length ||
+              null !== request.trackedPostpones.rootSlots))
+        ) {
+          var resumableState$jscomp$0 = request.resumableState;
+          if (
+            (resumableState$jscomp$0.instructions & SentMarkShellTime) ===
+            NothingSent
+          ) {
+            resumableState$jscomp$0.instructions |= SentMarkShellTime;
+            writeChunk(destination, renderState$jscomp$0.startInlineScript);
+            if (
+              (resumableState$jscomp$0.instructions & SentCompletedShellId) ===
+              NothingSent
+            ) {
+              resumableState$jscomp$0.instructions |= SentCompletedShellId;
+              var shellId = "_" + resumableState$jscomp$0.idPrefix + "R_";
+              writeChunk(destination, completedShellIdAttributeStart);
+              writeChunk(destination, escapeTextForBrowser(shellId));
+              writeChunk(destination, attributeEnd);
+            }
+            writeChunk(destination, endOfStartTag);
+            writeChunk(destination, shellTimeRuntimeScript);
+            destination.write(endInlineScript);
+          }
+        }
+        writeBootstrap(destination, renderState$jscomp$0);
       }
-      var renderState$jscomp$0 = request.renderState;
+      var renderState$jscomp$1 = request.renderState;
       completedRootSegment = 0;
-      var viewportChunks$jscomp$0 = renderState$jscomp$0.viewportChunks;
+      var viewportChunks$jscomp$0 = renderState$jscomp$1.viewportChunks;
       for (
         completedRootSegment = 0;
         completedRootSegment < viewportChunks$jscomp$0.length;
@@ -8413,21 +9242,21 @@ function flushCompletedQueues(request, destination) {
       )
         writeChunk(destination, viewportChunks$jscomp$0[completedRootSegment]);
       viewportChunks$jscomp$0.length = 0;
-      renderState$jscomp$0.preconnects.forEach(flushResource, destination);
-      renderState$jscomp$0.preconnects.clear();
-      renderState$jscomp$0.fontPreloads.forEach(flushResource, destination);
-      renderState$jscomp$0.fontPreloads.clear();
-      renderState$jscomp$0.highImagePreloads.forEach(
+      renderState$jscomp$1.preconnects.forEach(flushResource, destination);
+      renderState$jscomp$1.preconnects.clear();
+      renderState$jscomp$1.fontPreloads.forEach(flushResource, destination);
+      renderState$jscomp$1.fontPreloads.clear();
+      renderState$jscomp$1.highImagePreloads.forEach(
         flushResource,
         destination
       );
-      renderState$jscomp$0.highImagePreloads.clear();
-      renderState$jscomp$0.styles.forEach(preloadLateStyles, destination);
-      renderState$jscomp$0.scripts.forEach(flushResource, destination);
-      renderState$jscomp$0.scripts.clear();
-      renderState$jscomp$0.bulkPreloads.forEach(flushResource, destination);
-      renderState$jscomp$0.bulkPreloads.clear();
-      var hoistableChunks$jscomp$0 = renderState$jscomp$0.hoistableChunks;
+      renderState$jscomp$1.highImagePreloads.clear();
+      renderState$jscomp$1.styles.forEach(preloadLateStyles, destination);
+      renderState$jscomp$1.scripts.forEach(flushResource, destination);
+      renderState$jscomp$1.scripts.clear();
+      renderState$jscomp$1.bulkPreloads.forEach(flushResource, destination);
+      renderState$jscomp$1.bulkPreloads.clear();
+      var hoistableChunks$jscomp$0 = renderState$jscomp$1.hoistableChunks;
       for (
         completedRootSegment = 0;
         completedRootSegment < hoistableChunks$jscomp$0.length;
@@ -8438,62 +9267,64 @@ function flushCompletedQueues(request, destination) {
       var clientRenderedBoundaries = request.clientRenderedBoundaries;
       for (i = 0; i < clientRenderedBoundaries.length; i++) {
         var boundary = clientRenderedBoundaries[i];
-        renderState$jscomp$0 = destination;
-        var resumableState = request.resumableState,
-          renderState$jscomp$1 = request.renderState,
+        renderState$jscomp$1 = destination;
+        var resumableState$jscomp$1 = request.resumableState,
+          renderState$jscomp$2 = request.renderState,
           id = boundary.rootSegmentID,
           errorDigest = boundary.errorDigest,
           errorMessage = boundary.errorMessage,
           errorStack = boundary.errorStack,
           errorComponentStack = boundary.errorComponentStack;
         writeChunk(
-          renderState$jscomp$0,
-          renderState$jscomp$1.startInlineScript
+          renderState$jscomp$1,
+          renderState$jscomp$2.startInlineScript
         );
-        (resumableState.instructions & SentClientRenderFunction) === NothingSent
-          ? ((resumableState.instructions |= SentClientRenderFunction),
-            writeChunk(renderState$jscomp$0, clientRenderScript1Full))
-          : writeChunk(renderState$jscomp$0, clientRenderScript1Partial);
-        writeChunk(renderState$jscomp$0, renderState$jscomp$1.boundaryPrefix);
-        writeChunk(renderState$jscomp$0, id.toString(16));
-        writeChunk(renderState$jscomp$0, clientRenderScript1A);
+        writeChunk(renderState$jscomp$1, endOfStartTag);
+        (resumableState$jscomp$1.instructions & SentClientRenderFunction) ===
+        NothingSent
+          ? ((resumableState$jscomp$1.instructions |= SentClientRenderFunction),
+            writeChunk(renderState$jscomp$1, clientRenderScript1Full))
+          : writeChunk(renderState$jscomp$1, clientRenderScript1Partial);
+        writeChunk(renderState$jscomp$1, renderState$jscomp$2.boundaryPrefix);
+        writeChunk(renderState$jscomp$1, id.toString(16));
+        writeChunk(renderState$jscomp$1, clientRenderScript1A);
         if (errorDigest || errorMessage || errorStack || errorComponentStack)
           writeChunk(
-            renderState$jscomp$0,
+            renderState$jscomp$1,
             clientRenderErrorScriptArgInterstitial
           ),
             writeChunk(
-              renderState$jscomp$0,
+              renderState$jscomp$1,
               escapeJSStringsForInstructionScripts(errorDigest || "")
             );
         if (errorMessage || errorStack || errorComponentStack)
           writeChunk(
-            renderState$jscomp$0,
+            renderState$jscomp$1,
             clientRenderErrorScriptArgInterstitial
           ),
             writeChunk(
-              renderState$jscomp$0,
+              renderState$jscomp$1,
               escapeJSStringsForInstructionScripts(errorMessage || "")
             );
         if (errorStack || errorComponentStack)
           writeChunk(
-            renderState$jscomp$0,
+            renderState$jscomp$1,
             clientRenderErrorScriptArgInterstitial
           ),
             writeChunk(
-              renderState$jscomp$0,
+              renderState$jscomp$1,
               escapeJSStringsForInstructionScripts(errorStack || "")
             );
         errorComponentStack &&
           (writeChunk(
-            renderState$jscomp$0,
+            renderState$jscomp$1,
             clientRenderErrorScriptArgInterstitial
           ),
           writeChunk(
-            renderState$jscomp$0,
+            renderState$jscomp$1,
             escapeJSStringsForInstructionScripts(errorComponentStack)
           ));
-        var JSCompiler_inline_result = !!renderState$jscomp$0.write(
+        var JSCompiler_inline_result = !!renderState$jscomp$1.write(
           clientRenderScriptEnd
         );
         if (!JSCompiler_inline_result) {
@@ -8515,13 +9346,15 @@ function flushCompletedQueues(request, destination) {
           return;
         }
       completedBoundaries.splice(0, i);
+      flushingPartialBoundaries = !0;
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var boundary$jscomp$0 = partialBoundaries[i],
-            completedSegments = boundary$jscomp$0.completedSegments;
+          var boundary$jscomp$0 = partialBoundaries[i];
+          flushedByteSize = boundary$jscomp$0.byteSize;
+          var completedSegments = boundary$jscomp$0.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -8541,6 +9374,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,
@@ -8555,6 +9399,7 @@ function flushCompletedQueues(request, destination) {
         }
       }
       partialBoundaries.splice(0, i);
+      flushingPartialBoundaries = !1;
       var largeBoundaries = request.completedBoundaries;
       for (i = 0; i < largeBoundaries.length; i++)
         if (!flushCompletedBoundary(request, destination, largeBoundaries[i])) {
@@ -8566,23 +9411,23 @@ function flushCompletedQueues(request, destination) {
       largeBoundaries.splice(0, i);
     }
   } finally {
-    0 === request.allPendingTasks &&
-    0 === request.pingedTasks.length &&
-    0 === request.clientRenderedBoundaries.length &&
-    0 === request.completedBoundaries.length
-      ? ((request.flushScheduled = !1),
-        (i = request.resumableState),
-        i.hasBody && writeChunk(destination, endChunkForTag("body")),
-        i.hasHtml && writeChunk(destination, endChunkForTag("html")),
-        flushBuffered(destination),
-        0 !== request.abortableTasks.size &&
-          console.error(
-            "There was still abortable task at the root when we closed. This is a bug in React."
-          ),
-        (request.status = CLOSED),
-        destination.end(),
-        (request.destination = null))
-      : flushBuffered(destination);
+    (flushingPartialBoundaries = !1),
+      0 === request.allPendingTasks &&
+      0 === request.clientRenderedBoundaries.length &&
+      0 === request.completedBoundaries.length
+        ? ((request.flushScheduled = !1),
+          (i = request.resumableState),
+          i.hasBody && writeChunk(destination, endChunkForTag("body")),
+          i.hasHtml && writeChunk(destination, endChunkForTag("html")),
+          flushBuffered(destination),
+          0 !== request.abortableTasks.size &&
+            console.error(
+              "There was still abortable task at the root when we closed. This is a bug in React."
+            ),
+          (request.status = CLOSED),
+          destination.end(),
+          (request.destination = null))
+        : flushBuffered(destination);
   }
 }
 function startWork(request) {
@@ -8623,7 +9468,16 @@ function abort(request, reason) {
             : reason;
       request.fatalError = error;
       abortableTasks.forEach(function (task) {
-        return abortTask(task, request, error);
+        var prevTaskInDEV = currentTaskInDEV,
+          prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack;
+        currentTaskInDEV = task;
+        ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+        try {
+          abortTask(task, request, error);
+        } finally {
+          (currentTaskInDEV = prevTaskInDEV),
+            (ReactSharedInternals.getCurrentStack = prevGetCurrentStackImpl);
+        }
       });
       abortableTasks.clear();
     }
@@ -8635,15 +9489,27 @@ function abort(request, reason) {
       fatalError(request, error$4, reason, null);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_743 = 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_766 = React.version;
 if (
-  "19.1.0" !==
-  isomorphicReactPackageVersion$jscomp$inline_743
+  "19.2.4" !==
+  isomorphicReactPackageVersion$jscomp$inline_766
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_743 +
-        "\n  - react-dom:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_766 +
+        "\n  - react-dom:  19.2.4\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -8736,4 +9602,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request$jscomp$0);
   });
 };
-exports.version = "19.1.0";
+exports.version = "19.2.4";