chrome-devtools-frontend 1.0.1530564 → 1.0.1532228

package/front_end/generated/Deprecation.ts

@@ -218,6 +218,10 @@ export const UIStrings = {
    * @description A deprecation warning shown in the DevTools Issues tab. The placeholder is always the noun 'SharedArrayBuffer' which refers to a JavaScript construct. 'Extensions' refers to Chrome extensions. The warning is shown when Chrome Extensions attempt to use 'SharedArrayBuffer's under insecure circumstances.
    */
   V8SharedArrayBufferConstructedInExtensionWithoutIsolation: "Extensions should opt into cross-origin isolation to continue using `SharedArrayBuffer`. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/.",
+  /**
+   * @description This warning occurs when the deprecated `BluetoothRemoteGATTCharacteristic.writeValue()` method is used. Developers should use `writeValueWithResponse()` or `writeValueWithoutResponse()` instead.
+   */
+  WebBluetoothRemoteCharacteristicWriteValue: "`BluetoothRemoteGATTCharacteristic.writeValue()` is deprecated. Use `writeValueWithResponse()` or `writeValueWithoutResponse()` instead.",
   /**
    * @description Warning displayed to developers that they are using `XMLHttpRequest` API in a way that they expect an unsupported character encoding `UTF-16` could be used in the server reply.
    */
@@ -341,6 +345,9 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
   "V8SharedArrayBufferConstructedInExtensionWithoutIsolation": {
     "milestone": 96
   },
+  "WebBluetoothRemoteCharacteristicWriteValue": {
+    "chromeStatusFeature": 5088568590598144
+  },
   "XHRJSONEncodingDetection": {
     "milestone": 93
   }

package/front_end/generated/InspectorBackendCommands.js

@@ -696,6 +696,7 @@ inspectorBackend.registerType("Input.DragData", [{"name": "items", "type": "arra
 inspectorBackend.registerEvent("Inspector.detached", ["reason"]);
 inspectorBackend.registerEvent("Inspector.targetCrashed", []);
 inspectorBackend.registerEvent("Inspector.targetReloadedAfterCrash", []);
+inspectorBackend.registerEvent("Inspector.workerScriptLoaded", []);
 inspectorBackend.registerCommand("Inspector.disable", [], [], "Disables inspector domain notifications.");
 inspectorBackend.registerCommand("Inspector.enable", [], [], "Enables inspector domain notifications.");
 

package/front_end/generated/protocol-mapping.d.ts

@@ -233,6 +233,10 @@ export namespace ProtocolMapping {
      * Fired when debugging target has reloaded after crash
      */
     'Inspector.targetReloadedAfterCrash': [];
+    /**
+     * Fired on worker targets when main worker script and any imported scripts have been evaluated.
+     */
+    'Inspector.workerScriptLoaded': [];
     'LayerTree.layerPainted': [Protocol.LayerTree.LayerPaintedEvent];
     'LayerTree.layerTreeDidChange': [Protocol.LayerTree.LayerTreeDidChangeEvent];
     /**

package/front_end/generated/protocol-proxy-api.d.ts

@@ -2248,6 +2248,11 @@ declare namespace ProtocolProxyApi {
      */
     targetReloadedAfterCrash(): void;
 
+    /**
+     * Fired on worker targets when main worker script and any imported scripts have been evaluated.
+     */
+    workerScriptLoaded(): void;
+
   }
 
   export interface LayerTreeApi {

package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.snapshot.txt

@@ -1009,7 +1009,7 @@ The following is the top function call that caused forced reflow(s):
 
 Total reflow time: 26 ms
 
-Stack trace (including total time):
+Call frames that trigger reflow (including total time):
 
  - 56 ms in sidemenuitemintoview @ https://www.w3schools.com/lib/w3schools_footer.js?update=20240910:383:11
  - 5 ms in ko @ https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411070102/pubads_impl.js?cb=31088843:32:197203

package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts

@@ -514,7 +514,7 @@ Duplication grouped by Node modules: ${filesFormatted}`;
     }
 
     if (insight.aggregatedBottomUpData.length > 0) {
-      output += '\n' + Trace.Insights.Models.ForcedReflow.UIStrings.relatedStackTrace + ' (including total time):\n';
+      output += '\n' + Trace.Insights.Models.ForcedReflow.UIStrings.reflowCallFrames + ' (including total time):\n';
       for (const data of insight.aggregatedBottomUpData) {
         output += `\n - ${this.#formatMicro(data.totalTime)} in ${callFrameToString(data.bottomUpData)}`;
       }

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatterBounds.snapshot.txt

@@ -0,0 +1,4 @@
+Title: PerformanceTraceFormatter serializeBounds works
+Content:
+{min: 1, max: 2}
+=== end content

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -296,28 +296,30 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
     const {sourceMap, script} = sourceMapAndScript;
     const {lineNumber, columnNumber} = script.relativeLocationToRawLocation(frame);
 
-    if (!sourceMap.hasInlinedFrames(lineNumber, columnNumber) && !sourceMap.isOutlinedFrame(lineNumber, columnNumber)) {
-      // No outlining or inlining: Get the original function name and map the call-site.
-      const mapping = sourceMap.findEntry(lineNumber, columnNumber);
-      if (!mapping?.sourceURL) {
+    if (!sourceMap.isOutlinedFrame(lineNumber, columnNumber)) {
+      const frames = sourceMap.translateCallSite(lineNumber, columnNumber);
+      if (!frames.length) {
         return false;
       }
 
-      const originalName = sourceMap.findOriginalFunctionName({line: lineNumber, column: columnNumber});
       rawFrames.shift();
+      const result: typeof translatedFrames[0] = [];
+      translatedFrames.push(result);
+
       const project = this.#sourceMapToProject.get(sourceMap);
-      const uiSourceCode = project?.uiSourceCodeForURL(mapping.sourceURL);
-      translatedFrames.push([{
-        line: mapping.sourceLineNumber,
-        column: mapping.sourceColumnNumber,
-        name: originalName ?? undefined,
-        uiSourceCode: uiSourceCode ?? undefined,
-        url: uiSourceCode ? undefined : mapping.sourceURL
-      }]);
+      for (const frame of frames) {
+        // Switch out url for UISourceCode where we have it.
+        const uiSourceCode = frame.url ? project?.uiSourceCodeForURL(frame.url) : undefined;
+        result.push({
+          ...frame,
+          url: uiSourceCode ? undefined : frame.url,
+          uiSourceCode: uiSourceCode ?? undefined,
+        });
+      }
+
       return true;
     }
 
-    // TODO(crbug.com/433162438): Expand inlined frames.
     // TODO(crbug.com/433162438): Consolidate outlined frames.
     return false;
   }

package/front_end/models/issues_manager/AttributionReportingIssue.ts

@@ -93,7 +93,7 @@ export class AttributionReportingIssue extends Issue<IssueCode> {
   issueDetails: Readonly<Protocol.Audits.AttributionReportingIssueDetails>;
 
   constructor(
-      issueDetails: Protocol.Audits.AttributionReportingIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+      issueDetails: Protocol.Audits.AttributionReportingIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(getIssueCode(issueDetails), issuesModel);
     this.issueDetails = issueDetails;
   }
@@ -236,8 +236,9 @@ export class AttributionReportingIssue extends Issue<IssueCode> {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      AttributionReportingIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): AttributionReportingIssue[] {
     const {attributionReportingIssueDetails} = inspectorIssue.details;
     if (!attributionReportingIssueDetails) {
       console.warn('Attribution Reporting issue without details received.');

package/front_end/models/issues_manager/BounceTrackingIssue.ts

@@ -21,7 +21,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class BounceTrackingIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.BounceTrackingIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.BounceTrackingIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.BounceTrackingIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(Protocol.Audits.InspectorIssueCode.BounceTrackingIssue, issuesModel);
     this.#issueDetails = issueDetails;
   }
@@ -61,8 +61,9 @@ export class BounceTrackingIssue extends Issue {
     return [];
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      BounceTrackingIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): BounceTrackingIssue[] {
     const details = inspectorIssue.details.bounceTrackingIssueDetails;
     if (!details) {
       console.warn('Bounce tracking issue without details received.');

package/front_end/models/issues_manager/ClientHintIssue.ts

@@ -25,7 +25,7 @@ const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined
 export class ClientHintIssue extends Issue {
   private issueDetails: Protocol.Audits.ClientHintIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.ClientHintIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.ClientHintIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
         {
           code: Protocol.Audits.InspectorIssueCode.ClientHintIssue,
@@ -63,8 +63,9 @@ export class ClientHintIssue extends Issue {
     return IssueKind.BREAKING_CHANGE;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      ClientHintIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): ClientHintIssue[] {
     const details = inspectorIssue.details.clientHintIssueDetails;
     if (!details) {
       console.warn('Client Hint issue without details received.');

package/front_end/models/issues_manager/ContentSecurityPolicyIssue.ts

@@ -42,7 +42,7 @@ export class ContentSecurityPolicyIssue extends Issue {
   #issueDetails: Protocol.Audits.ContentSecurityPolicyIssueDetails;
 
   constructor(
-      issueDetails: Protocol.Audits.ContentSecurityPolicyIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel,
+      issueDetails: Protocol.Audits.ContentSecurityPolicyIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null,
       issueId?: Protocol.Audits.IssueId) {
     const issueCode = [
       Protocol.Audits.InspectorIssueCode.ContentSecurityPolicyIssue,
@@ -89,8 +89,9 @@ export class ContentSecurityPolicyIssue extends Issue {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      ContentSecurityPolicyIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): ContentSecurityPolicyIssue[] {
     const cspDetails = inspectorIssue.details.contentSecurityPolicyIssueDetails;
     if (!cspDetails) {
       console.warn('Content security policy issue without details received.');

package/front_end/models/issues_manager/CookieDeprecationMetadataIssue.ts

@@ -23,7 +23,8 @@ export class CookieDeprecationMetadataIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.CookieDeprecationMetadataIssueDetails;
 
   constructor(
-      issueDetails: Protocol.Audits.CookieDeprecationMetadataIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+      issueDetails: Protocol.Audits.CookieDeprecationMetadataIssueDetails,
+      issuesModel: SDK.IssuesModel.IssuesModel|null) {
     // Set a distinct code for ReadCookie and SetCookie issues, so they are grouped separately.
     const issueCode = Protocol.Audits.InspectorIssueCode.CookieDeprecationMetadataIssue + '_' + issueDetails.operation;
     super(issueCode, issuesModel);
@@ -70,8 +71,9 @@ export class CookieDeprecationMetadataIssue extends Issue {
     return JSON.stringify(this.#issueDetails);
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      CookieDeprecationMetadataIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): CookieDeprecationMetadataIssue[] {
     const details = inspectorIssue.details.cookieDeprecationMetadataIssueDetails;
     if (!details) {
       console.warn('Cookie deprecation metadata issue without details received.');

package/front_end/models/issues_manager/CookieIssue.ts

@@ -72,7 +72,7 @@ export class CookieIssue extends Issue {
   #issueDetails: Protocol.Audits.CookieIssueDetails;
 
   constructor(
-      code: string, issueDetails: Protocol.Audits.CookieIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel,
+      code: string, issueDetails: Protocol.Audits.CookieIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null,
       issueId: Protocol.Audits.IssueId|undefined) {
     super(code, issuesModel, issueId);
     this.#issueDetails = issueDetails;
@@ -96,7 +96,7 @@ export class CookieIssue extends Issue {
    * Returns an array of issues from a given CookieIssueDetails.
    */
   static createIssuesFromCookieIssueDetails(
-      cookieIssueDetails: Protocol.Audits.CookieIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel,
+      cookieIssueDetails: Protocol.Audits.CookieIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null,
       issueId: Protocol.Audits.IssueId|undefined): CookieIssue[] {
     const issues: CookieIssue[] = [];
 
@@ -294,8 +294,8 @@ export class CookieIssue extends Issue {
     return;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      CookieIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue): CookieIssue[] {
     const cookieIssueDetails = inspectorIssue.details.cookieIssueDetails;
     if (!cookieIssueDetails) {
       console.warn('Cookie issue without details received.');

package/front_end/models/issues_manager/CorsIssue.ts

@@ -119,7 +119,7 @@ export class CorsIssue extends Issue<IssueCode> {
   #issueDetails: Protocol.Audits.CorsIssueDetails;
 
   constructor(
-      issueDetails: Protocol.Audits.CorsIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel,
+      issueDetails: Protocol.Audits.CorsIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null,
       issueId: Protocol.Audits.IssueId|undefined) {
     super(getIssueCode(issueDetails), issuesModel, issueId);
     this.#issueDetails = issueDetails;
@@ -284,8 +284,8 @@ export class CorsIssue extends Issue<IssueCode> {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      CorsIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue): CorsIssue[] {
     const corsIssueDetails = inspectorIssue.details.corsIssueDetails;
     if (!corsIssueDetails) {
       console.warn('Cors issue without details received.');

package/front_end/models/issues_manager/CrossOriginEmbedderPolicyIssue.ts

@@ -45,7 +45,8 @@ export function isCrossOriginEmbedderPolicyIssue(reason: Protocol.Audits.Blocked
 export class CrossOriginEmbedderPolicyIssue extends Issue {
   #issueDetails: Protocol.Audits.BlockedByResponseIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.BlockedByResponseIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(
+      issueDetails: Protocol.Audits.BlockedByResponseIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(`CrossOriginEmbedderPolicyIssue::${issueDetails.reason}`, issuesModel);
     this.#issueDetails = issueDetails;
   }

package/front_end/models/issues_manager/DeprecationIssue.ts

@@ -36,7 +36,7 @@ const i18nLazyDeprecationString = i18n.i18n.getLazilyComputedLocalizedString.bin
 export class DeprecationIssue extends Issue {
   #issueDetails: Protocol.Audits.DeprecationIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.DeprecationIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.DeprecationIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const issueCode = [
       Protocol.Audits.InspectorIssueCode.DeprecationIssue,
       issueDetails.type,
@@ -101,8 +101,9 @@ export class DeprecationIssue extends Issue {
     return IssueKind.BREAKING_CHANGE;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      DeprecationIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): DeprecationIssue[] {
     const details = inspectorIssue.details.deprecationIssueDetails;
     if (!details) {
       console.warn('Deprecation issue without details received.');

package/front_end/models/issues_manager/ElementAccessibilityIssue.ts

@@ -16,7 +16,7 @@ export class ElementAccessibilityIssue extends Issue {
   private issueDetails: Protocol.Audits.ElementAccessibilityIssueDetails;
 
   constructor(
-      issueDetails: Protocol.Audits.ElementAccessibilityIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel,
+      issueDetails: Protocol.Audits.ElementAccessibilityIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null,
       issueId?: Protocol.Audits.IssueId) {
     const issueCode = [
       Protocol.Audits.InspectorIssueCode.ElementAccessibilityIssue,
@@ -64,8 +64,9 @@ export class ElementAccessibilityIssue extends Issue {
              Protocol.Audits.ElementAccessibilityIssueReason.InteractiveContentSummaryDescendant);
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      ElementAccessibilityIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): ElementAccessibilityIssue[] {
     const elementAccessibilityIssueDetails = inspectorIssue.details.elementAccessibilityIssueDetails;
     if (!elementAccessibilityIssueDetails) {
       console.warn('Element Accessibility issue without details received.');

package/front_end/models/issues_manager/FederatedAuthRequestIssue.ts

@@ -26,7 +26,7 @@ export class FederatedAuthRequestIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.FederatedAuthRequestIssueDetails;
 
   constructor(
-      issueDetails: Protocol.Audits.FederatedAuthRequestIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+      issueDetails: Protocol.Audits.FederatedAuthRequestIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
         {
           code: Protocol.Audits.InspectorIssueCode.FederatedAuthRequestIssue,
@@ -63,8 +63,9 @@ export class FederatedAuthRequestIssue extends Issue {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      FederatedAuthRequestIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): FederatedAuthRequestIssue[] {
     const details = inspectorIssue.details.federatedAuthRequestIssueDetails;
     if (!details) {
       console.warn('Federated auth request issue without details received.');

package/front_end/models/issues_manager/GenericIssue.ts

@@ -47,7 +47,7 @@ export class GenericIssue extends Issue {
   #issueDetails: Protocol.Audits.GenericIssueDetails;
 
   constructor(
-      issueDetails: Protocol.Audits.GenericIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel,
+      issueDetails: Protocol.Audits.GenericIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null,
       issueId?: Protocol.Audits.IssueId) {
     const issueCode = [
       Protocol.Audits.InspectorIssueCode.GenericIssue,
@@ -90,8 +90,8 @@ export class GenericIssue extends Issue {
     return issueTypes.get(this.#issueDetails.errorType) || IssueKind.IMPROVEMENT;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      GenericIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue): GenericIssue[] {
     const genericDetails = inspectorIssue.details.genericIssueDetails;
     if (!genericDetails) {
       console.warn('Generic issue without details received.');

package/front_end/models/issues_manager/HeavyAdIssue.ts

@@ -21,7 +21,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class HeavyAdIssue extends Issue {
   #issueDetails: Protocol.Audits.HeavyAdIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.HeavyAdIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.HeavyAdIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const umaCode = [Protocol.Audits.InspectorIssueCode.HeavyAdIssue, issueDetails.reason].join('::');
     super({code: Protocol.Audits.InspectorIssueCode.HeavyAdIssue, umaCode}, issuesModel);
     this.#issueDetails = issueDetails;
@@ -60,8 +60,8 @@ export class HeavyAdIssue extends Issue {
     }
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      HeavyAdIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue): HeavyAdIssue[] {
     const heavyAdIssueDetails = inspectorIssue.details.heavyAdIssueDetails;
     if (!heavyAdIssueDetails) {
       console.warn('Heavy Ad issue without details received.');

package/front_end/models/issues_manager/IssuesManager.ts

@@ -40,7 +40,7 @@ export {Events} from './IssuesManagerEvents.js';
 let issuesManagerInstance: IssuesManager|null = null;
 
 function createIssuesForBlockedByResponseIssue(
-    issuesModel: SDK.IssuesModel.IssuesModel,
+    issuesModel: SDK.IssuesModel.IssuesModel|null,
     inspectorIssue: Protocol.Audits.InspectorIssue): CrossOriginEmbedderPolicyIssue[] {
   const blockedByResponseIssueDetails = inspectorIssue.details.blockedByResponseIssueDetails;
   if (!blockedByResponseIssueDetails) {
@@ -55,7 +55,7 @@ function createIssuesForBlockedByResponseIssue(
 
 const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode,
-    (model: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue) => Issue[]>([
+    (model: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue) => Issue[]>([
   [
     Protocol.Audits.InspectorIssueCode.CookieIssue,
     CookieIssue.fromInspectorIssue,
@@ -156,7 +156,7 @@ const issueCodeHandlers = new Map<
  * Handlers are simple functions hard-coded into a map.
  */
 export function createIssuesFromProtocolIssue(
-    issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue): Issue[] {
+    issuesModel: SDK.IssuesModel.IssuesModel|null, inspectorIssue: Protocol.Audits.InspectorIssue): Issue[] {
   const handler = issueCodeHandlers.get(inspectorIssue.code);
   if (handler) {
     return handler(issuesModel, inspectorIssue);

package/front_end/models/issues_manager/LowTextContrastIssue.ts

@@ -21,7 +21,8 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class LowTextContrastIssue extends Issue {
   #issueDetails: Protocol.Audits.LowTextContrastIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.LowTextContrastIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(
+      issueDetails: Protocol.Audits.LowTextContrastIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super('LowTextContrastIssue', issuesModel);
     this.#issueDetails = issueDetails;
   }
@@ -56,8 +57,9 @@ export class LowTextContrastIssue extends Issue {
     return IssueKind.IMPROVEMENT;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      LowTextContrastIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): LowTextContrastIssue[] {
     const lowTextContrastIssueDetails = inspectorIssue.details.lowTextContrastIssueDetails;
     if (!lowTextContrastIssueDetails) {
       console.warn('LowTextContrast issue without details received.');

package/front_end/models/issues_manager/MixedContentIssue.ts

@@ -21,7 +21,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class MixedContentIssue extends Issue {
   #issueDetails: Protocol.Audits.MixedContentIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.MixedContentIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.MixedContentIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(Protocol.Audits.InspectorIssueCode.MixedContentIssue, issuesModel);
     this.#issueDetails = issueDetails;
   }
@@ -64,8 +64,9 @@ export class MixedContentIssue extends Issue {
     }
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      MixedContentIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): MixedContentIssue[] {
     const mixedContentDetails = inspectorIssue.details.mixedContentIssueDetails;
     if (!mixedContentDetails) {
       console.warn('Mixed content issue without details received.');

package/front_end/models/issues_manager/PartitioningBlobURLIssue.ts

@@ -26,7 +26,8 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class PartitioningBlobURLIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.PartitioningBlobURLIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.PartitioningBlobURLIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(
+      issueDetails: Protocol.Audits.PartitioningBlobURLIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(Protocol.Audits.InspectorIssueCode.PartitioningBlobURLIssue, issuesModel);
     this.#issueDetails = issueDetails;
   }
@@ -67,8 +68,9 @@ export class PartitioningBlobURLIssue extends Issue {
     return JSON.stringify(this.#issueDetails);
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      PartitioningBlobURLIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): PartitioningBlobURLIssue[] {
     const details = inspectorIssue.details.partitioningBlobURLIssueDetails;
     if (!details) {
       console.warn('Partitioning BlobURL issue without details received.');

package/front_end/models/issues_manager/PropertyRuleIssue.ts

@@ -11,7 +11,7 @@ import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 export class PropertyRuleIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.PropertyRuleIssueDetails;
   readonly #primaryKey: string;
-  constructor(issueDetails: Protocol.Audits.PropertyRuleIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.PropertyRuleIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const code = JSON.stringify(issueDetails);
     super(code, issuesModel);
     this.#primaryKey = code;
@@ -66,8 +66,9 @@ export class PropertyRuleIssue extends Issue {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issueModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      PropertyRuleIssue[] {
+  static fromInspectorIssue(
+      issueModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): PropertyRuleIssue[] {
     const propertyRuleIssueDetails = inspectorIssue.details.propertyRuleIssueDetails;
     if (!propertyRuleIssueDetails) {
       console.warn('Property rule issue without details received');

package/front_end/models/issues_manager/QuirksModeIssue.ts

@@ -21,7 +21,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class QuirksModeIssue extends Issue {
   #issueDetails: Protocol.Audits.QuirksModeIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.QuirksModeIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(issueDetails: Protocol.Audits.QuirksModeIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const mode = issueDetails.isLimitedQuirksMode ? 'LimitedQuirksMode' : 'QuirksMode';
     const umaCode = [Protocol.Audits.InspectorIssueCode.QuirksModeIssue, mode].join('::');
     super({code: Protocol.Audits.InspectorIssueCode.QuirksModeIssue, umaCode}, issuesModel);
@@ -56,8 +56,9 @@ export class QuirksModeIssue extends Issue {
     return IssueKind.IMPROVEMENT;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      QuirksModeIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): QuirksModeIssue[] {
     const quirksModeIssueDetails = inspectorIssue.details.quirksModeIssueDetails;
     if (!quirksModeIssueDetails) {
       console.warn('Quirks Mode issue without details received.');

package/front_end/models/issues_manager/SRIMessageSignatureIssue.ts

@@ -44,7 +44,8 @@ function generateGroupingIssueCode(details: Protocol.Audits.SRIMessageSignatureI
 export class SRIMessageSignatureIssue extends Issue<string> {
   readonly #issueDetails: Protocol.Audits.SRIMessageSignatureIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.SRIMessageSignatureIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(
+      issueDetails: Protocol.Audits.SRIMessageSignatureIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
         {
           code: generateGroupingIssueCode(issueDetails),
@@ -102,8 +103,9 @@ export class SRIMessageSignatureIssue extends Issue<string> {
     return this.details().request ? [this.details().request] : [];
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      SRIMessageSignatureIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): SRIMessageSignatureIssue[] {
     const details = inspectorIssue.details.sriMessageSignatureIssueDetails;
     if (!details) {
       console.warn('SRI Message Signature issue without details received.');

package/front_end/models/issues_manager/SharedArrayBufferIssue.ts

@@ -22,7 +22,8 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class SharedArrayBufferIssue extends Issue {
   #issueDetails: Protocol.Audits.SharedArrayBufferIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.SharedArrayBufferIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(
+      issueDetails: Protocol.Audits.SharedArrayBufferIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     const umaCode = [Protocol.Audits.InspectorIssueCode.SharedArrayBufferIssue, issueDetails.type].join('::');
     super({code: Protocol.Audits.InspectorIssueCode.SharedArrayBufferIssue, umaCode}, issuesModel);
     this.#issueDetails = issueDetails;
@@ -57,8 +58,9 @@ export class SharedArrayBufferIssue extends Issue {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      SharedArrayBufferIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): SharedArrayBufferIssue[] {
     const sabIssueDetails = inspectorIssue.details.sharedArrayBufferIssueDetails;
     if (!sabIssueDetails) {
       console.warn('SAB transfer issue without details received.');

package/front_end/models/issues_manager/SharedDictionaryIssue.ts

@@ -111,7 +111,8 @@ function getIssueCode(details: Protocol.Audits.SharedDictionaryIssueDetails): Is
 export class SharedDictionaryIssue extends Issue {
   readonly #issueDetails: Protocol.Audits.SharedDictionaryIssueDetails;
 
-  constructor(issueDetails: Protocol.Audits.SharedDictionaryIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel) {
+  constructor(
+      issueDetails: Protocol.Audits.SharedDictionaryIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
     super(
         {
           code: getIssueCode(issueDetails),
@@ -155,8 +156,9 @@ export class SharedDictionaryIssue extends Issue {
     return IssueKind.PAGE_ERROR;
   }
 
-  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue):
-      SharedDictionaryIssue[] {
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): SharedDictionaryIssue[] {
     const details = inspectorIssue.details.sharedDictionaryIssueDetails;
     if (!details) {
       console.warn('Shared Dictionary issue without details received.');