chrome-devtools-frontend 1.0.1598808 → 1.0.1601661

package/front_end/panels/ai_assistance/components/StylingAgentMarkdownRenderer.ts

@@ -12,7 +12,7 @@ import * as PanelsCommon from '../../common/common.js';
 import {MarkdownRendererWithCodeBlock} from './MarkdownRendererWithCodeBlock.js';
 
 const {html} = Lit.StaticHtml;
-const {ref, createRef} = Lit.Directives;
+const {until} = Lit.Directives;
 
 export class StylingAgentMarkdownRenderer extends MarkdownRendererWithCodeBlock {
   constructor(
@@ -99,16 +99,8 @@ export class StylingAgentMarkdownRenderer extends MarkdownRendererWithCodeBlock
       }
 
       if (nodeId) {
-        const templateRef = createRef();
-        void this.#linkifyNode(nodeId, token.text).then(node => {
-          if (!templateRef.value || !node) {
-            return;
-          }
-
-          templateRef.value.textContent = '';
-          templateRef.value.append(node);
-        });
-        return html`<span ${ref(templateRef)}>${token.text}</span>`;
+        return html`<span>${
+            until(this.#linkifyNode(nodeId, token.text).then(node => node || token.text), token.text)}</span>`;
       }
     }
 
@@ -157,24 +149,10 @@ export class StylingAgentMarkdownRenderer extends MarkdownRendererWithCodeBlock
 
   #renderSingleLink(nodeId: Protocol.DOM.BackendNodeId): Lit.LitTemplate {
     const label = `link`;
-    const templateRef = createRef();
-    void this.#linkifyNode(nodeId, label).then(node => {
-      if (!templateRef.value) {
-        return;
-      }
-      templateRef.value.textContent = '';
-      if (node) {
-        templateRef.value.append(node);
-      } else {
-        // Fallback to plain text if linkification fails
-        templateRef.value.append(document.createTextNode(label));
-      }
-    });
-    // Placeholder for async link
-    return html`<span ${ref(templateRef)}>${label}</span>`;
+    return html`<span>${until(this.#linkifyNode(nodeId, label).then(node => node || label), label)}</span>`;
   }
 
-  async #linkifyNode(backendNodeId: Protocol.DOM.BackendNodeId, label: string): Promise<Node|undefined> {
+  async #linkifyNode(backendNodeId: Protocol.DOM.BackendNodeId, label: string): Promise<Lit.LitTemplate|undefined> {
     if (backendNodeId === undefined) {
       return;
     }

package/front_end/panels/ai_assistance/components/WalkthroughView.ts

@@ -15,7 +15,9 @@ import walkthroughViewStyles from './walkthroughView.css.js';
 
 const lockedString = i18n.i18n.lockedString;
 
-const {html, render} = Lit;
+const {html, render, Directives} = Lit;
+const {ref} = Directives;
+const SCROLL_ROUND_OFFSET = 2;
 
 const UIStrings = {
   /**
@@ -46,6 +48,12 @@ export interface ViewInput {
   isExpanded: boolean;
   onToggle: (isOpen: boolean) => void;
   onOpen: (message: ModelChatMessage) => void;
+  handleScroll: (ev: Event) => void;
+}
+
+export interface ViewOutput {
+  scrollContainer?: HTMLElement;
+  stepsContainer?: HTMLElement;
 }
 
 export function walkthroughTitle(input: {
@@ -69,7 +77,12 @@ function renderInlineWalkthrough(input: ViewInput, stepsOutput: Lit.LitTemplate,
   }
 
   function onToggle(event: Event): void {
-    input.onToggle((event.target as HTMLDetailsElement).open);
+    const isOpen = (event.target as HTMLDetailsElement).open;
+    if (isOpen && input.message) {
+      input.onOpen(input.message);
+    } else {
+      input.onToggle(isOpen);
+    }
   }
 
   const hasWidgets = steps.some(s => s.widgets?.length);
@@ -121,27 +134,33 @@ function renderSidebarWalkthrough(input: ViewInput, stepsOutput: Lit.LitTemplate
 
 export const DEFAULT_VIEW = (
     input: ViewInput,
-    _output: null,
+    output: ViewOutput,
     target: HTMLElement|DocumentFragment,
     ): void => {
   const steps = input.message?.parts.filter(t => t.type === 'step')?.map(p => p.step) ?? [];
 
   // clang-format off
   const stepsOutput = steps.length > 0 ? html`
-    <div class="steps-container">
-      ${steps.map((step, index) => html`
-        <div class="walkthrough-step">
-          <span class="step-number">${index+1}</span>
-          <div class="step-wrapper">
-            ${renderStep({
-              step,
-              isLoading: input.isLoading,
-              markdownRenderer: input.markdownRenderer,
-              isLast: index === steps.length - 1
-            })}
+    <div class="steps-container" @scroll=${input.handleScroll} ${ref(el => {
+      output.scrollContainer = el as HTMLElement;
+    })}>
+      <div class="steps-scroll-content" ${ref(el => {
+        output.stepsContainer = el as HTMLElement;
+    })}>
+        ${steps.map((step, index) => html`
+          <div class="walkthrough-step">
+            <span class="step-number">${index + 1}</span>
+            <div class="step-wrapper">
+              ${renderStep({
+                step,
+                isLoading: input.isLoading,
+                markdownRenderer: input.markdownRenderer,
+                isLast: index === steps.length - 1
+              })}
+            </div>
           </div>
-        </div>
-      `)}
+        `)}
+      </div>
     </div>
   ` : Lit.nothing;
 
@@ -172,11 +191,83 @@ export class WalkthroughView extends UI.Widget.Widget {
   #isInlined = false;
   #isExpanded = false;
 
+  #pinScrollToBottom = true;
+  #isProgrammaticScroll = false;
+
+  #output: ViewOutput = {};
+  #stepsContainerResizeObserver = new ResizeObserver(() => this.#handleStepsContainerResize());
+
   constructor(element?: HTMLElement, view: View = DEFAULT_VIEW) {
     super(element);
     this.#view = view;
   }
 
+  override wasShown(): void {
+    super.wasShown();
+    this.#registerResizeObservers();
+  }
+
+  override willHide(): void {
+    super.willHide();
+    this.#stepsContainerResizeObserver.disconnect();
+  }
+
+  #registerResizeObservers(): void {
+    if (this.#output.stepsContainer) {
+      this.#stepsContainerResizeObserver.observe(this.#output.stepsContainer);
+    }
+  }
+
+  override onResize(): void {
+    this.#handleStepsContainerResize();
+  }
+
+  #handleStepsContainerResize(): void {
+    if (!this.#pinScrollToBottom) {
+      return;
+    }
+
+    this.scrollToBottom();
+  }
+
+  scrollToBottom(): void {
+    if (!this.#output.stepsContainer) {
+      return;
+    }
+
+    this.#isProgrammaticScroll = true;
+    window.requestAnimationFrame(() => {
+      const lastElement = this.#output.stepsContainer?.lastElementChild;
+      if (lastElement) {
+        lastElement.scrollIntoView({
+          behavior: 'smooth',
+          block: 'end',
+        });
+      }
+    });
+  }
+
+  #handleScroll = (ev: Event): void => {
+    if (!ev.target || !(ev.target instanceof HTMLElement)) {
+      return;
+    }
+
+    if (this.#isProgrammaticScroll) {
+      // For smooth scrolling, multiple scroll events will be fired.
+      // We only reset the flag once we've reached the bottom,
+      // or we can just rely on the fact that if it's programmatic,
+      // we don't want to change the pinning state based on mid-scroll positions.
+      const isAtBottom = ev.target.scrollTop + ev.target.clientHeight + SCROLL_ROUND_OFFSET >= ev.target.scrollHeight;
+      if (isAtBottom) {
+        this.#isProgrammaticScroll = false;
+      }
+      return;
+    }
+
+    this.#pinScrollToBottom =
+        ev.target.scrollTop + ev.target.clientHeight + SCROLL_ROUND_OFFSET >= ev.target.scrollHeight;
+  };
+
   set isLoading(isLoading: boolean) {
     this.#isLoading = isLoading;
     this.requestUpdate();
@@ -241,7 +332,14 @@ export class WalkthroughView extends UI.Widget.Widget {
           isInlined: this.#isInlined,
           isExpanded: this.#isExpanded,
           message: this.#message,
+          handleScroll: this.#handleScroll,
         },
-        null, this.contentElement);
+        this.#output, this.contentElement);
+
+    this.#registerResizeObservers();
+
+    if (this.#pinScrollToBottom) {
+      this.scrollToBottom();
+    }
   }
 }

package/front_end/panels/ai_assistance/components/chatMessage.css

@@ -366,13 +366,16 @@
   }
 
   .step-widgets-wrapper {
-    width: fit-content;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: var(--sys-size-5);
   }
 
+  .widget-and-revealer-container {
+    width: 100%;
+  }
+
   .widget-reveal-container {
     background: var(--sys-color-surface5);
     border-bottom-right-radius: var(--sys-shape-corner-medium);
@@ -380,6 +383,11 @@
     padding: 0 var(--sys-size-4) var(--sys-size-4) 0;
   }
 
+  .revealer-only .widget-reveal-container {
+    background: none;
+    border-radius: unset;
+  }
+
   .widget-content-container {
     padding: var(--sys-size-4);
     border-top-left-radius: var(--sys-shape-corner-medium);
@@ -389,4 +397,60 @@
 
     --override-computed-style-property-white-space: normal;
   }
+
+  .network-request-preview {
+    display: flex;
+    flex-direction: column;
+    gap: var(--sys-size-4);
+    margin-bottom: var(--sys-size-5);
+    padding-bottom: var(--sys-size-5);
+    border-bottom: 1px solid var(--sys-color-divider);
+
+    .network-request-header {
+      display: flex;
+      align-items: center;
+      gap: var(--sys-size-5);
+
+      .network-request-icon {
+        width: 32px;
+        height: 32px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: var(--sys-color-surface1);
+        border-radius: var(--sys-shape-corner-small);
+        border: 1px solid var(--sys-color-divider);
+        overflow: hidden;
+
+        img {
+          max-width: 100%;
+          max-height: 100%;
+          object-fit: contain;
+        }
+
+        devtools-icon {
+          width: 20px;
+          height: 20px;
+        }
+      }
+
+      .network-request-details {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+
+        .network-request-name {
+          font: var(--sys-typescale-body4-bold);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .network-request-size {
+          font: var(--sys-typescale-body4-regular);
+          color: var(--sys-color-on-surface-subtle);
+        }
+      }
+    }
+  }
 }

package/front_end/panels/ai_assistance/components/chatView.css

@@ -411,3 +411,11 @@ main {
     padding-bottom: var(--sys-size-1);
   }
 }
+
+.export-for-agents-button {
+  /* Bottom margin to ensure it's not right up against the chat box when
+   * the conversation requires a scrollbar */
+  margin: 0 auto var(--sys-size-8) auto;
+  display: block;
+
+}

package/front_end/panels/ai_assistance/components/exportForAgentsDialog.css

@@ -0,0 +1,82 @@
+/*
+ * Copyright 2026 The Chromium Authors
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+@scope to (devtools-widget > *) {
+  :scope {
+    width: 100%;
+    box-shadow: none;
+    padding: var(--sys-size-8);
+    background-color: var(--sys-color-surface);
+    border-radius: var(--sys-shape-corner-medium);
+  }
+
+  .export-for-agents-dialog {
+    width: var(--sys-size-33); /* 512px */
+    max-width: 100%; /* deal with the dialog being squashed on smaller devices */
+  }
+
+  .export-for-agents-dialog header {
+    margin-bottom: var(--sys-size-6);
+
+    h2 {
+      font: var(--sys-typescale-headline5);
+      margin: 0;
+      color: var(--sys-color-on-surface);
+    }
+  }
+
+  .export-for-agents-dialog .state-selection {
+    display: flex;
+    gap: var(--sys-size-5);
+    margin: var(--sys-size-7) 0;
+  }
+
+  .export-for-agents-dialog .state-selection label {
+    display: flex;
+    align-items: center;
+    gap: var(--sys-size-2);
+    cursor: pointer;
+    font: var(--sys-typescale-body3-regular);
+
+    input {
+      /* Remove the margin on radio buttons so that the text and the
+       * radio button are properly aligned vertically. */
+      margin-bottom: 0;
+    }
+  }
+
+  .export-for-agents-dialog textarea {
+    width: 100%;
+    min-height: var(--sys-size-30); /* 288px */
+    max-height: var(--sys-size-34); /* 512px */
+    resize: none;
+    padding: var(--sys-size-5);
+    box-sizing: border-box;
+    font-family: var(--monospace-font-family);
+    font-size: var(--monospace-font-size);
+    background-color: var(--sys-color-surface5);
+    color: var(--sys-color-on-surface);
+    border-radius: var(--sys-shape-corner-small);
+    border: none;
+  }
+
+  .export-for-agents-dialog .disclaimer {
+    margin-top: var(--sys-size-5);
+    font: var(--sys-typescale-body4-regular);
+    color: var(--sys-color-on-surface-subtle);
+  }
+
+  .export-for-agents-dialog footer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: var(--sys-size-6);
+  }
+
+  .export-for-agents-dialog .right-buttons {
+    display: flex;
+    gap: var(--sys-size-5);
+  }
+}

package/front_end/panels/ai_assistance/components/walkthroughView.css

@@ -8,7 +8,9 @@
   .walkthrough-view {
     height: 100%;
     background-color: var(--sys-color-cdt-base-container);
-    overflow: auto;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
   }
 }
 
@@ -32,6 +34,9 @@
   .steps-container {
     flex: 1;
     overflow-y: auto;
+  }
+
+  .steps-scroll-content {
     padding: var(--sys-size-6);
     display: flex;
     flex-direction: column;
@@ -43,6 +48,7 @@
     gap: var(--sys-size-6);
     align-items: flex-start;
     justify-content: flex-start;
+    flex-shrink: 0;
 
     .step-number {
       font: var(--sys-typescale-body4-regular);
@@ -57,6 +63,8 @@
     display: flex;
     flex-direction: column;
     gap: var(--sys-size-5);
+    min-width: 0;
+    width: 100%;
   }
 
   .step-container {

package/front_end/panels/animation/AnimationTimeline.ts

@@ -1215,12 +1215,12 @@ export class NodeUI {
     }
     this.#node = node;
     this.nodeChanged();
-    const link = PanelsCommon.DOMLinkifier.Linkifier.instance().linkify(node);
-    link.addEventListener('click', () => {
-      Host.userMetrics.actionTaken(Host.UserMetrics.Action.AnimatedNodeDescriptionClicked);
+    const link = PanelsCommon.DOMLinkifier.Linkifier.instance().linkify(node, {
+      onClick: () => {
+        Host.userMetrics.actionTaken(Host.UserMetrics.Action.AnimatedNodeDescriptionClicked);
+      }
     });
-
-    this.#description.appendChild(link);
+    render(link, this.#description, {host: this});
     if (!node.ownerDocument) {
       this.nodeRemoved();
     }

package/front_end/panels/application/AppManifestView.ts

@@ -1354,13 +1354,19 @@ export class AppManifestView extends Common.ObjectWrapper.eventMixin<EventTypes,
     if (!frameId) {
       throw new Error('no main frame found');
     }
-    const {content} = await SDK.PageResourceLoader.PageResourceLoader.instance().loadResource(
-        url, {
-          target: this.target,
-          frameId,
-          initiatorUrl: this.target.inspectedURL(),
-        },
-        /* isBinary=*/ true);
+    let content;
+    try {
+      const response = await SDK.PageResourceLoader.PageResourceLoader.instance().loadResource(
+          url, {
+            target: this.target,
+            frameId,
+            initiatorUrl: this.target.inspectedURL(),
+          },
+          /* isBinary=*/ true);
+      content = response.content;
+    } catch {
+      return null;
+    }
     // Just loading the image, not building UI.
     /* eslint-disable @devtools/no-imperative-dom-api */
     const image = document.createElement('img');

package/front_end/panels/application/FrameDetailsView.ts

@@ -265,14 +265,14 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export interface FrameDetailsReportViewData {
   frame: SDK.ResourceTreeModel.ResourceTreeFrame;
   target?: SDK.Target.Target;
-  adScriptAncestry: Protocol.Page.AdScriptAncestry|null;
+  adScriptAncestry: Protocol.Network.AdAncestry|null;
 }
 
 interface FrameDetailsViewInput {
   frame: SDK.ResourceTreeModel.ResourceTreeFrame;
   target: SDK.Target.Target|null;
   creationStackTrace: StackTrace.StackTrace.StackTrace|null;
-  adScriptAncestry: Protocol.Page.AdScriptAncestry|null;
+  adScriptAncestry: Protocol.Network.AdAncestry|null;
   linkTargetDOMNode: SDK.DOMModel.DOMNode|null;
   permissionsPolicies: Protocol.Page.PermissionsPolicyFeatureState[]|null;
   protocolMonitorExperimentEnabled: boolean;
@@ -506,7 +506,7 @@ function maybeRenderAdStatus(
 
 function maybeRenderCreatorAdScriptAncestry(
     adFrameType: Protocol.Page.AdFrameType|null, target: SDK.Target.Target|null,
-    adScriptAncestry: Protocol.Page.AdScriptAncestry|null): LitTemplate {
+    adScriptAncestry: Protocol.Network.AdAncestry|null): LitTemplate {
   if (adFrameType === Protocol.Page.AdFrameType.None) {
     return nothing;
   }
@@ -842,7 +842,7 @@ export class FrameDetailsReportView extends UI.Widget.Widget {
   #protocolMonitorExperimentEnabled = false;
   #permissionsPolicies: Protocol.Page.PermissionsPolicyFeatureState[]|null = null;
   #linkifier = new Components.Linkifier.Linkifier();
-  #adScriptAncestry: Protocol.Page.AdScriptAncestry|null = null;
+  #adScriptAncestry: Protocol.Network.AdAncestry|null = null;
   #view: View;
 
   constructor(element?: HTMLElement, view = DEFAULT_VIEW) {

package/front_end/panels/application/preloading/PreloadingView.ts

@@ -620,10 +620,8 @@ export class PreloadingAttemptView extends UI.Widget.VBox {
         return ruleSet === null ? [] : [ruleSet];
       });
 
-      // Lookup status code for prefetch attempts
-      const statusCode = attempt.action === Protocol.Preload.SpeculationAction.Prefetch ?
-          PreloadingHelper.PreloadingForward.prefetchStatusCode(attempt.requestId) :
-          undefined;
+      // Lookup status code from the network log for display in the grid.
+      const statusCode = PreloadingHelper.PreloadingForward.preloadStatusCode(attempt);
 
       return {
         id,

package/front_end/panels/application/preloading/components/PreloadingDetailsReportView.ts

@@ -349,8 +349,8 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
       return Lit.nothing;
     }
 
-    // Lookup status code for Non2XX failures
-    const statusCode = PreloadingHelper.PreloadingForward.prefetchStatusCode(attempt.requestId);
+    // Lookup status code for Non2XX failures.
+    const statusCode = PreloadingHelper.PreloadingForward.preloadStatusCode(attempt);
 
     const failureDescription = prefetchFailureReason(attempt, statusCode);
     if (failureDescription === null) {
@@ -389,8 +389,11 @@ export class PreloadingDetailsReportView extends LegacyWrapper.LegacyWrapper.Wra
       return Lit.nothing;
     }
 
+    // Lookup status code from the network log for NavigationBadHttpStatus.
+    const statusCode = PreloadingHelper.PreloadingForward.preloadStatusCode(attempt);
+
     const failureReason = prerenderFailureReason(
-        attempt as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt);
+        attempt as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt, statusCode);
     if (failureReason === null) {
       return Lit.nothing;
     }

package/front_end/panels/application/preloading/components/PreloadingString.ts

@@ -176,6 +176,12 @@ const UIStrings = {
    */
   prerenderFinalStatusNavigationBadHttpStatus:
       'The prerendering navigation failed because of a non-2xx HTTP response status code.',
+  /**
+   * @description Description text for PrerenderFinalStatus::kNavigationBadHttpStatus when the HTTP status code is known.
+   * @example {404} PH1
+   */
+  prerenderFinalStatusNavigationBadHttpStatusWithStatusCode:
+      'The prerendering navigation failed because of a non-2xx HTTP response status code ({PH1}).',
   /**
    *  Description text for PrerenderFinalStatus::kClientCertRequested.
    */
@@ -545,7 +551,8 @@ export function prefetchFailureReason(
 
 /** Detailed failure reason for PrerenderFinalStatus. **/
 export function prerenderFailureReason(
-    attempt: SDK.PreloadingModel.PrerenderAttempt|SDK.PreloadingModel.PrerenderUntilScriptAttempt): string|null {
+    attempt: SDK.PreloadingModel.PrerenderAttempt|SDK.PreloadingModel.PrerenderUntilScriptAttempt,
+    statusCode?: number): string|null {
   // If you face an error on rolling CDP changes, see
   // https://docs.google.com/document/d/1PnrfowsZMt62PX1EvvTp2Nqs3ji1zrklrAEe1JYbkTk
   switch (attempt.prerenderStatus) {
@@ -581,7 +588,12 @@ export function prerenderFailureReason(
       // TODO(https://crbug.com/1410709): Fill it.
       return i18n.i18n.lockedString('Internal error');
     case Protocol.Preload.PrerenderFinalStatus.NavigationBadHttpStatus:
+      if (statusCode !== undefined) {
+        return i18nString(
+            UIStrings.prerenderFinalStatusNavigationBadHttpStatusWithStatusCode, {PH1: String(statusCode)});
+      }
       return i18nString(UIStrings.prerenderFinalStatusNavigationBadHttpStatus);
+
     case Protocol.Preload.PrerenderFinalStatus.ClientCertRequested:
       return i18nString(UIStrings.prerenderFinalStatusClientCertRequested);
     case Protocol.Preload.PrerenderFinalStatus.NavigationRequestNetworkError:
@@ -819,7 +831,8 @@ export function composedStatus(attempt: SDK.PreloadingModel.PreloadingAttempt, s
     case Protocol.Preload.SpeculationAction.Prerender:
     case Protocol.Preload.SpeculationAction.PrerenderUntilScript: {
       const detail = prerenderFailureReason(
-          attempt as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt);
+          attempt as SDK.PreloadingModel.PrerenderAttempt | SDK.PreloadingModel.PrerenderUntilScriptAttempt,
+          statusCode);
       assertNotNullOrUndefined(detail);
       return short + ' - ' + detail;
     }

package/front_end/panels/application/preloading/helper/PreloadingForward.ts

@@ -2,7 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import type * as Protocol from '../../../../generated/protocol.js';
+import * as SDK from '../../../../core/sdk/sdk.js';
+import * as Protocol from '../../../../generated/protocol.js';
 import * as Logs from '../../../../models/logs/logs.js';
 
 export class RuleSetView {
@@ -21,11 +22,26 @@ export class AttemptViewWithFilter {
   }
 }
 
+/**
+ * Retrieves the HTTP status code for a preloading attempt.
+ */
+export function preloadStatusCode(attempt: SDK.PreloadingModel.PreloadingAttempt): number|undefined {
+  switch (attempt.action) {
+    case Protocol.Preload.SpeculationAction.Prefetch:
+      return prefetchStatusCode(attempt.requestId);
+    case Protocol.Preload.SpeculationAction.Prerender:
+    case Protocol.Preload.SpeculationAction.PrerenderUntilScript:
+      return prerenderStatusCode(attempt.key.loaderId);
+  }
+
+  return undefined;
+}
+
 /**
  * Retrieves the HTTP status code for a prefetch attempt by looking up its
  * network request in the network log.
  */
-export function prefetchStatusCode(requestId: Protocol.Network.RequestId): number|undefined {
+function prefetchStatusCode(requestId: Protocol.Network.RequestId): number|undefined {
   const networkLog = Logs.NetworkLog.NetworkLog.instance();
   const requests = networkLog.requestsForId(requestId);
   if (requests.length > 0) {
@@ -33,3 +49,16 @@ export function prefetchStatusCode(requestId: Protocol.Network.RequestId): numbe
   }
   return undefined;
 }
+
+/**
+ * Retrieves the HTTP status code for a prerender attempt.
+ */
+function prerenderStatusCode(loaderId: Protocol.Network.LoaderId): number|undefined {
+  const frame = SDK.ResourceTreeModel.ResourceTreeModel.frames().find(f => f.loaderId === loaderId);
+  if (!frame) {
+    return undefined;
+  }
+  const networkManager = frame.resourceTreeModel().target().model(SDK.NetworkManager.NetworkManager);
+  const request = networkManager?.requestForLoaderId(loaderId);
+  return request?.statusCode === 0 ? undefined : request?.statusCode;
+}