chrome-devtools-frontend 1.0.1362775 → 1.0.1367881

package/front_end/models/extensions/ExtensionServer.test.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';

package/front_end/models/extensions/ExtensionServer.ts

@@ -31,7 +31,7 @@
 // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
 /* eslint-disable @typescript-eslint/naming-convention */
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';

package/front_end/models/extensions/ExtensionView.ts

@@ -30,7 +30,7 @@
 
 import * as UI from '../../ui/legacy/legacy.js';
 
-import {type ExtensionServer} from './ExtensionServer.js';
+import type {ExtensionServer} from './ExtensionServer.js';
 
 export class ExtensionView extends UI.Widget.Widget {
   private readonly server: ExtensionServer;

package/front_end/models/extensions/LanguageExtensionEndpoint.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import {type Chrome} from '../../../extension-api/ExtensionAPI.js';
+import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
 import type * as Platform from '../../core/platform/platform.js';
 import type * as SDK from '../../core/sdk/sdk.js';
 import * as Bindings from '../bindings/bindings.js';

package/front_end/models/extensions/RecorderPluginManager.ts

@@ -4,7 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 
-import {type RecorderExtensionEndpoint} from './RecorderExtensionEndpoint.js';
+import type {RecorderExtensionEndpoint} from './RecorderExtensionEndpoint.js';
 
 let instance: RecorderPluginManager|null = null;
 

package/front_end/models/har/Importer.ts

@@ -8,7 +8,7 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../text_utils/text_utils.js';
 
-import {type HAREntry, type HARLog, type HARPage, type HARTimings} from './HARFormat.js';
+import type {HAREntry, HARLog, HARPage, HARTimings} from './HARFormat.js';
 
 export class Importer {
   static requestsFromHARLog(log: HARLog): SDK.NetworkRequest.NetworkRequest[] {

package/front_end/models/issues_manager/AttributionReportingIssue.ts

@@ -6,7 +6,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 export const enum IssueCode {
   PERMISSION_POLICY_DISABLED = 'AttributionReportingIssue::PermissionPolicyDisabled',

package/front_end/models/issues_manager/BounceTrackingIssue.ts

@@ -7,8 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/CookieDeprecationMetadataIssue.ts

@@ -7,7 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/CorsIssue.ts

@@ -7,7 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/HeavyAdIssue.ts

@@ -7,7 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/Issue.ts

@@ -9,7 +9,7 @@ import type * as Platform from '../../core/platform/platform.js';
 import type * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/IssueResolver.ts

@@ -5,8 +5,8 @@
 import * as Common from '../../core/common/common.js';
 import type * as Protocol from '../../generated/protocol.js';
 
-import {type Issue} from './Issue.js';
-import {IssuesManager, Events as IssueManagerEvents, type IssueAddedEvent} from './IssuesManager.js';
+import type {Issue} from './Issue.js';
+import {Events as IssueManagerEvents, type IssueAddedEvent, IssuesManager} from './IssuesManager.js';
 
 /**
  * A class that facilitates resolving an issueId to an issue. See `ResolverBase` for more info.

package/front_end/models/issues_manager/IssuesManager.ts

@@ -18,7 +18,7 @@ import {DeprecationIssue} from './DeprecationIssue.js';
 import {FederatedAuthRequestIssue} from './FederatedAuthRequestIssue.js';
 import {GenericIssue} from './GenericIssue.js';
 import {HeavyAdIssue} from './HeavyAdIssue.js';
-import {type Issue, type IssueKind} from './Issue.js';
+import type {Issue, IssueKind} from './Issue.js';
 import {Events} from './IssuesManagerEvents.js';
 import {LowTextContrastIssue} from './LowTextContrastIssue.js';
 import {MixedContentIssue} from './MixedContentIssue.js';

package/front_end/models/issues_manager/LowTextContrastIssue.ts

@@ -7,7 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/MixedContentIssue.ts

@@ -7,7 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/PropertyRuleIssue.ts

@@ -6,7 +6,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 export class PropertyRuleIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.PropertyRuleIssueDetails;

package/front_end/models/issues_manager/QuirksModeIssue.ts

@@ -7,7 +7,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/RelatedIssue.ts

@@ -6,7 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as SDK from '../../core/sdk/sdk.js';
 
 import {CookieIssue, CookieIssueSubCategory} from './CookieIssue.js';
-import {type Issue, type IssueCategory} from './Issue.js';
+import type {Issue, IssueCategory} from './Issue.js';
 import {IssuesManager} from './IssuesManager.js';
 
 export type IssuesAssociatable = Readonly<SDK.NetworkRequest.NetworkRequest>|SDK.Cookie.Cookie|string;

package/front_end/models/issues_manager/SharedArrayBufferIssue.ts

@@ -3,11 +3,11 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
+import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
-import {Issue, IssueKind, IssueCategory} from './Issue.js';
-import type * as SDK from '../../core/sdk/sdk.js';
+import {Issue, IssueCategory, IssueKind} from './Issue.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 const UIStrings = {
   /**

package/front_end/models/issues_manager/SourceFrameIssuesManager.ts

@@ -12,7 +12,7 @@ import {
   trustedTypesSinkViolationCode,
 } from './ContentSecurityPolicyIssue.js';
 import {type Issue, type IssueKind, toZeroBasedLocation} from './Issue.js';
-import {type IssueAddedEvent, type IssuesManager} from './IssuesManager.js';
+import type {IssueAddedEvent, IssuesManager} from './IssuesManager.js';
 import {Events} from './IssuesManagerEvents.js';
 import {getIssueTitleFromMarkdownDescription} from './MarkdownIssueDescription.js';
 import {PropertyRuleIssue} from './PropertyRuleIssue.js';

package/front_end/models/issues_manager/StylesheetLoadingIssue.ts

@@ -6,7 +6,7 @@ import type * as SDK from '../../core/sdk/sdk.js';
 import * as Protocol from '../../generated/protocol.js';
 
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
-import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 export const lateImportStylesheetLoadingCode = [
   Protocol.Audits.InspectorIssueCode.StylesheetLoadingIssue,

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -225,7 +225,7 @@ export const NativeFunctions = [
   {
     name: "create",
     signatures: [["?options"]],
-    receivers: ["CredentialsContainer","AIRewriterFactory","AISummarizerFactory","AIWriterFactory"]
+    receivers: ["CredentialsContainer","AIRewriterFactory","AISummarizerFactory","AIWriterFactory","AILanguageDetectorFactory","AITranslatorFactory"]
   },
   {
     name: "defineProperty",
@@ -1337,11 +1337,6 @@ export const NativeFunctions = [
     signatures: [["value"]],
     receivers: ["Set","WeakSet"]
   },
-  {
-    name: "add",
-    signatures: [["node","?before"]],
-    receivers: ["AccessibleNodeList"]
-  },
   {
     name: "add",
     signatures: [["key"]],
@@ -1412,7 +1407,7 @@ export const NativeFunctions = [
   {
     name: "item",
     signatures: [["index"]],
-    receivers: ["CSSRuleList","CSSStyleDeclaration","DOMRectList","DOMStringList","DOMTokenList","FileList","HTMLCollectionBase","HTMLCollectionOf","HTMLSelectElement","MediaList","MimeTypeArray","NamedNodeMap","NodeList","NodeListOf","Plugin","PluginArray","SpeechRecognitionResult","SpeechRecognitionResultList","StyleSheetList","TouchList","AccessibleNodeList","HTMLCollection","SpeechGrammarList","SQLResultSetRowList"]
+    receivers: ["CSSRuleList","CSSStyleDeclaration","DOMRectList","DOMStringList","DOMTokenList","FileList","HTMLCollectionBase","HTMLCollectionOf","HTMLSelectElement","MediaList","MimeTypeArray","NamedNodeMap","NodeList","NodeListOf","Plugin","PluginArray","SpeechRecognitionResult","SpeechRecognitionResultList","StyleSheetList","TouchList","HTMLCollection","SpeechGrammarList","SQLResultSetRowList"]
   },
   {
     name: "item",
@@ -1874,6 +1869,11 @@ export const NativeFunctions = [
     signatures: [["?tx","?ty","?tz"]],
     receivers: ["DOMMatrixReadOnly"]
   },
+  {
+    name: "translate",
+    signatures: [["input","?options"]],
+    receivers: ["AITranslator"]
+  },
   {
     name: "translate",
     signatures: [["input"]],
@@ -1925,7 +1925,7 @@ export const NativeFunctions = [
   {
     name: "remove",
     signatures: [["index"]],
-    receivers: ["DataTransferItemList","HTMLOptionsCollection","AccessibleNodeList"]
+    receivers: ["DataTransferItemList","HTMLOptionsCollection"]
   },
   {
     name: "remove",
@@ -2363,6 +2363,10 @@ export const NativeFunctions = [
     name: "requestStorageAccess",
     signatures: [["?types"]]
   },
+  {
+    name: "startViewTransition",
+    signatures: [["?callbackOptions"],["update"],["opts"]]
+  },
   {
     name: "writeln",
     signatures: [["...text"],["text"]]
@@ -2409,6 +2413,10 @@ export const NativeFunctions = [
     name: "getAttributeNodeNS",
     signatures: [["namespace","localName"],["namespaceURI","localName"]]
   },
+  {
+    name: "getHTML",
+    signatures: [["?options"]]
+  },
   {
     name: "hasAttribute",
     signatures: [["qualifiedName"],["name"]]
@@ -2427,7 +2435,7 @@ export const NativeFunctions = [
   },
   {
     name: "insertAdjacentHTML",
-    signatures: [["position","text"]]
+    signatures: [["position","string"],["position","text"]]
   },
   {
     name: "insertAdjacentText",
@@ -2624,6 +2632,11 @@ export const NativeFunctions = [
     signatures: [["possibleDescendant"],["possibleChild"]],
     receivers: ["FileSystemDirectoryHandle"]
   },
+  {
+    name: "resolve",
+    signatures: [["specifier"]],
+    receivers: ["ImportMeta"]
+  },
   {
     name: "resolve",
     signatures: [["?value"]],
@@ -3172,6 +3185,10 @@ export const NativeFunctions = [
     name: "createSession",
     signatures: [["?sessionType"]]
   },
+  {
+    name: "getStatusForPolicy",
+    signatures: [["?policy"]]
+  },
   {
     name: "setServerCertificate",
     signatures: [["serverCertificate"]]
@@ -3334,13 +3351,7 @@ export const NativeFunctions = [
   },
   {
     name: "appendChild",
-    signatures: [["node"]],
-    receivers: ["Node"]
-  },
-  {
-    name: "appendChild",
-    signatures: [["child"]],
-    receivers: ["AccessibleNode"]
+    signatures: [["node"]]
   },
   {
     name: "cloneNode",
@@ -3637,7 +3648,7 @@ export const NativeFunctions = [
   },
   {
     name: "createContextualFragment",
-    signatures: [["fragment"]]
+    signatures: [["string"],["fragment"]]
   },
   {
     name: "insertNode",
@@ -4116,6 +4127,10 @@ export const NativeFunctions = [
     name: "encodeInto",
     signatures: [["source","destination"]]
   },
+  {
+    name: "initTextEvent",
+    signatures: [["type","?bubbles","?cancelable","?view","?data"]]
+  },
   {
     name: "addCue",
     signatures: [["cue"]]
@@ -5515,7 +5530,7 @@ export const NativeFunctions = [
   },
   {
     name: "next",
-    signatures: [["...args"]],
+    signatures: [["...undefined"]],
     receivers: ["Generator","Iterator","AsyncIterator","AsyncGenerator"]
   },
   {
@@ -6014,15 +6029,6 @@ export const NativeFunctions = [
     name: "ViewTimeline",
     signatures: [["?options"]]
   },
-  {
-    name: "AccessibleNodeList",
-    signatures: [["?nodes"]]
-  },
-  {
-    name: "",
-    signatures: [["index","node"]],
-    receivers: ["AccessibleNodeList"]
-  },
   {
     name: "",
     signatures: [["index"]],
@@ -6502,10 +6508,6 @@ export const NativeFunctions = [
     name: "getInnerHTML",
     signatures: [["?options"]]
   },
-  {
-    name: "getHTML",
-    signatures: [["?options"]]
-  },
   {
     name: "scrollIntoViewIfNeeded",
     signatures: [["?centerIfNeeded"]]
@@ -6716,10 +6718,6 @@ export const NativeFunctions = [
     name: "SecurityPolicyViolationEvent",
     signatures: [["type","?eventInitDict"]]
   },
-  {
-    name: "initTextEvent",
-    signatures: [["type","?bubbles","?cancelable","?view","?data"]]
-  },
   {
     name: "ToggleEvent",
     signatures: [["type","?eventInitDict"]]
@@ -6802,10 +6800,6 @@ export const NativeFunctions = [
     name: "isInputPending",
     signatures: [["?options"]]
   },
-  {
-    name: "getComputedAccessibleNode",
-    signatures: [["element"]]
-  },
   {
     name: "webkitRequestAnimationFrame",
     signatures: [["callback"]]
@@ -6894,6 +6888,10 @@ export const NativeFunctions = [
     name: "getActualBoundingBox",
     signatures: [["start","end"]]
   },
+  {
+    name: "getTextClusters",
+    signatures: [["?options"],["start","end","?options"]]
+  },
   {
     name: "CloseWatcher",
     signatures: [["?options"]]
@@ -7218,10 +7216,6 @@ export const NativeFunctions = [
     name: "PageSwapEvent",
     signatures: [["type","?eventInitDict"]]
   },
-  {
-    name: "startViewTransition",
-    signatures: [["?update"],["opts"]]
-  },
   {
     name: "SharedWorker",
     signatures: [["scriptURL","?options"]]
@@ -7270,6 +7264,26 @@ export const NativeFunctions = [
     name: "writeStreaming",
     signatures: [["input","?options"]]
   },
+  {
+    name: "canDetect",
+    signatures: [["languageTag"]],
+    receivers: ["AILanguageDetectorCapabilities"]
+  },
+  {
+    name: "detect",
+    signatures: [["input","?options"]],
+    receivers: ["AILanguageDetector"]
+  },
+  {
+    name: "detect",
+    signatures: [["input"]],
+    receivers: ["LanguageDetector"]
+  },
+  {
+    name: "detect",
+    signatures: [["image"]],
+    receivers: ["BarcodeDetector","FaceDetector","TextDetector"]
+  },
   {
     name: "registerAnimator",
     signatures: [["name","animatorCtor"]]
@@ -7551,10 +7565,6 @@ export const NativeFunctions = [
     name: "MediaKeyMessageEvent",
     signatures: [["type","eventInitDict"]]
   },
-  {
-    name: "getStatusForPolicy",
-    signatures: [["policy"]]
-  },
   {
     name: "EventSource",
     signatures: [["url","?eventSourceInitDict"]]
@@ -7861,6 +7871,18 @@ export const NativeFunctions = [
     name: "lesserOrEqual",
     signatures: [["a","b","?options"]]
   },
+  {
+    name: "logicalAnd",
+    signatures: [["a","b","?options"]]
+  },
+  {
+    name: "logicalOr",
+    signatures: [["a","b","?options"]]
+  },
+  {
+    name: "logicalXor",
+    signatures: [["a","b","?options"]]
+  },
   {
     name: "neg",
     signatures: [["x","?options"]]
@@ -8113,16 +8135,6 @@ export const NativeFunctions = [
     name: "TimestampTrigger",
     signatures: [["timestamp"]]
   },
-  {
-    name: "detect",
-    signatures: [["input"]],
-    receivers: ["LanguageDetector"]
-  },
-  {
-    name: "detect",
-    signatures: [["image"]],
-    receivers: ["BarcodeDetector","FaceDetector","TextDetector"]
-  },
   {
     name: "canTranslate",
     signatures: [["options"]]
@@ -8631,10 +8643,6 @@ export const NativeFunctions = [
     name: "VideoEncoder",
     signatures: [["init"]]
   },
-  {
-    name: "VideoFrame",
-    signatures: [["source","?init"],["data","init"]]
-  },
   {
     name: "changeVersion",
     signatures: [["oldVersion","newVersion","?callback","?errorCallback","?successCallback"]]

package/front_end/models/live-metrics/LiveMetrics.ts

@@ -122,6 +122,15 @@ export class LiveMetrics extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     });
   }
 
+  setStatusForTesting(status: StatusEvent): void {
+    this.#lcpValue = status.lcp;
+    this.#clsValue = status.cls;
+    this.#inpValue = status.inp;
+    this.#interactions = status.interactions;
+    this.#layoutShifts = status.layoutShifts;
+    this.#sendStatusUpdate();
+  }
+
   /**
    * If there is a document update then any node handles we have already resolved will be invalid.
    * This function should re-resolve any relevant DOM nodes after a document update.
@@ -190,7 +199,11 @@ export class LiveMetrics extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
         break;
       }
       case 'Interaction': {
-        const interaction = new Interaction(webVitalsEvent);
+        const interaction: Interaction = {
+          duration: webVitalsEvent.duration,
+          interactionType: webVitalsEvent.interactionType,
+          uniqueInteractionId: webVitalsEvent.uniqueInteractionId,
+        };
         if (webVitalsEvent.nodeIndex !== undefined) {
           const node = await this.#resolveDomNode(webVitalsEvent.nodeIndex, executionContextId);
           if (node) {
@@ -231,15 +244,14 @@ export class LiveMetrics extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     this.#sendStatusUpdate();
   }
 
-  #getFrameForExecutionContextId(executionContextId: Protocol.Runtime.ExecutionContextId):
-      SDK.ResourceTreeModel.ResourceTreeFrame|null {
+  async #getFrameForExecutionContextId(executionContextId: Protocol.Runtime.ExecutionContextId):
+      Promise<SDK.ResourceTreeModel.ResourceTreeFrame|null> {
     if (!this.#target) {
       return null;
     }
 
     const runtimeModel = this.#target.model(SDK.RuntimeModel.RuntimeModel);
-    const resourceTreeModel = this.#target.model(SDK.ResourceTreeModel.ResourceTreeModel);
-    if (!runtimeModel || !resourceTreeModel) {
+    if (!runtimeModel) {
       return null;
     }
 
@@ -253,12 +265,8 @@ export class LiveMetrics extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
       return null;
     }
 
-    const frame = resourceTreeModel.frameForId(frameId);
-    if (!frame) {
-      return null;
-    }
-
-    return frame;
+    const frameManager = SDK.FrameManager.FrameManager.instance();
+    return frameManager.getOrWaitForFrame(frameId);
   }
 
   async #onBindingCalled(event: {data: Protocol.Runtime.BindingCalledEvent}): Promise<void> {
@@ -267,25 +275,25 @@ export class LiveMetrics extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
       return;
     }
 
-    const frame = this.#getFrameForExecutionContextId(data.executionContextId);
-    if (!frame?.isMainFrame()) {
-      return;
-    }
-
-    const webVitalsEvent = JSON.parse(data.payload) as Spec.WebVitalsEvent;
-
-    // Previously injected scripts will persist if DevTools is closed and reopened.
-    // Ensure we only handle events from the same execution context as the most recent "reset" event.
-    // "reset" events are only emitted once when the script is injected.
-    if (webVitalsEvent.name === 'reset') {
-      this.#lastResetContextId = data.executionContextId;
-    } else if (this.#lastResetContextId !== data.executionContextId) {
-      return;
-    }
-
     // Async tasks can be performed while handling an event (e.g. resolving DOM node)
     // Use a mutex here to ensure the events are handled in the order they are received.
     await this.#mutex.run(async () => {
+      const frame = await this.#getFrameForExecutionContextId(data.executionContextId);
+      if (!frame?.isPrimaryFrame()) {
+        return;
+      }
+
+      const webVitalsEvent = JSON.parse(data.payload) as Spec.WebVitalsEvent;
+
+      // Previously injected scripts shouldn't persist, this is just a defensive measure.
+      // Ensure we only handle events from the same execution context as the most recent "reset" event.
+      // "reset" events are only emitted once when the script is injected or a bfcache restoration.
+      if (webVitalsEvent.name === 'reset') {
+        this.#lastResetContextId = data.executionContextId;
+      } else if (this.#lastResetContextId !== data.executionContextId) {
+        return;
+      }
+
       await this.#handleWebVitalsEvent(webVitalsEvent, data.executionContextId);
     });
   }
@@ -318,6 +326,11 @@ export class LiveMetrics extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     this.#sendStatusUpdate();
   }
 
+  clearLayoutShifts(): void {
+    this.#layoutShifts = [];
+    this.#sendStatusUpdate();
+  }
+
   async targetAdded(target: SDK.Target.Target): Promise<void> {
     if (target !== SDK.TargetManager.TargetManager.instance().primaryPageTarget()) {
       return;
@@ -453,17 +466,11 @@ export interface LayoutShift {
   affectedNodes: Array<{node: SDK.DOMModel.DOMNode}>;
 }
 
-export class Interaction {
+export interface Interaction {
   interactionType: Spec.InteractionEvent['interactionType'];
   duration: Spec.InteractionEvent['duration'];
   uniqueInteractionId: Spec.UniqueInteractionId;
   node?: SDK.DOMModel.DOMNode;
-
-  constructor(interactionEvent: Spec.InteractionEvent) {
-    this.interactionType = interactionEvent.interactionType;
-    this.duration = interactionEvent.duration;
-    this.uniqueInteractionId = interactionEvent.uniqueInteractionId;
-  }
 }
 
 export interface StatusEvent {