chrome-devtools-frontend 1.0.996044 → 1.0.997598

package/front_end/core/sdk/CSSMatchedStyles.ts

@@ -2,10 +2,11 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as Protocol from '../../generated/protocol.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
-import type * as Protocol from '../../generated/protocol.js';
 
 import {cssMetadata, CustomVariableRegex, VariableRegex} from './CSSMetadata.js';
+
 import type {CSSModel} from './CSSModel.js';
 import type {CSSProperty} from './CSSProperty.js';
 import {CSSKeyframesRule, CSSStyleRule} from './CSSRule.js';
@@ -22,6 +23,7 @@ export class CSSMatchedStyles {
   readonly #inheritedStyles: Set<CSSStyleDeclaration>;
   readonly #mainDOMCascade: DOMInheritanceCascade;
   readonly #pseudoDOMCascades: Map<Protocol.DOM.PseudoType, DOMInheritanceCascade>;
+  readonly #customHighlightPseudoDOMCascades: Map<string, DOMInheritanceCascade>;
   readonly #styleToDOMCascade: Map<CSSStyleDeclaration, DOMInheritanceCascade>;
 
   constructor(
@@ -48,10 +50,13 @@ export class CSSMatchedStyles {
     }
 
     this.#mainDOMCascade = this.buildMainCascade(inlinePayload, attributesPayload, matchedPayload, inheritedPayload);
-    this.#pseudoDOMCascades = this.buildPseudoCascades(pseudoPayload, inheritedPseudoPayload);
+    [this.#pseudoDOMCascades, this.#customHighlightPseudoDOMCascades] =
+        this.buildPseudoCascades(pseudoPayload, inheritedPseudoPayload);
 
     this.#styleToDOMCascade = new Map();
-    for (const domCascade of Array.from(this.#pseudoDOMCascades.values()).concat(this.#mainDOMCascade)) {
+    for (const domCascade of Array.from(this.#customHighlightPseudoDOMCascades.values())
+             .concat(Array.from(this.#pseudoDOMCascades.values()))
+             .concat(this.#mainDOMCascade)) {
       for (const style of domCascade.styles()) {
         this.#styleToDOMCascade.set(style, domCascade);
       }
@@ -206,36 +211,133 @@ export class CSSMatchedStyles {
     }
   }
 
+  /**
+   * Pseudo rule matches received via the inspector protocol are grouped by pseudo type.
+   * For custom highlight pseudos, we need to instead group the rule matches by highlight
+   * name in order to produce separate cascades for each highlight name. This is necessary
+   * so that styles of ::highlight(foo) are not shown as overriding styles of ::highlight(bar).
+   *
+   * This helper function takes a list of rule matches and generates separate NodeCascades
+   * for each custom highlight name that was matched.
+   */
+  private buildSplitCustomHighlightCascades(
+      rules: Protocol.CSS.RuleMatch[], node: DOMNode, isInherited: boolean,
+      pseudoCascades: Map<string, NodeCascade[]>): void {
+    const splitHighlightRules = new Map<string, CSSStyleDeclaration[]>();
+
+    for (let j = rules.length - 1; j >= 0; --j) {
+      const highlightNamesToMatchingSelectorIndices = this.customHighlightNamesToMatchingSelectorIndices(rules[j]);
+
+      for (const [highlightName, matchingSelectors] of highlightNamesToMatchingSelectorIndices) {
+        const pseudoRule = new CSSStyleRule(this.#cssModelInternal, rules[j].rule);
+        this.#nodeForStyleInternal.set(pseudoRule.style, node);
+        if (isInherited) {
+          this.#inheritedStyles.add(pseudoRule.style);
+        }
+        this.addMatchingSelectors(node, pseudoRule, matchingSelectors);
+
+        const ruleListForHighlightName = splitHighlightRules.get(highlightName);
+        if (ruleListForHighlightName) {
+          ruleListForHighlightName.push(pseudoRule.style);
+        } else {
+          splitHighlightRules.set(highlightName, [pseudoRule.style]);
+        }
+      }
+    }
+
+    for (const [highlightName, highlightStyles] of splitHighlightRules) {
+      const nodeCascade = new NodeCascade(this, highlightStyles, isInherited, true /* #isHighlightPseudoCascade*/);
+      const cascadeListForHighlightName = pseudoCascades.get(highlightName);
+      if (cascadeListForHighlightName) {
+        cascadeListForHighlightName.push(nodeCascade);
+      } else {
+        pseudoCascades.set(highlightName, [nodeCascade]);
+      }
+    }
+  }
+
+  /**
+   * Return a mapping of the highlight names in the specified RuleMatch to
+   * the indices of selectors in that selector list with that highlight name.
+   *
+   * For example, consider the following ruleset:
+   * span::highlight(foo), div, #mySpan::highlight(bar), .highlighted::highlight(foo) {
+   *   color: blue;
+   * }
+   *
+   * For a <span id="mySpan" class="highlighted"></span>, a RuleMatch for that span
+   * would have matchingSelectors [0, 2, 3] indicating that the span
+   * matches all of the highlight selectors.
+   *
+   * For that RuleMatch, this function would produce the following map:
+   * {
+   *  "foo": [0, 3],
+   *  "bar": [2]
+   * }
+   *
+   * @param ruleMatch
+   * @returns A mapping of highlight names to lists of indices into the selector
+   * list associated with ruleMatch. The indices correspond to the selectors in the rule
+   * associated with the key's highlight name.
+   */
+  private customHighlightNamesToMatchingSelectorIndices(ruleMatch: Protocol.CSS.RuleMatch): Map<string, number[]> {
+    const highlightNamesToMatchingSelectors = new Map<string, number[]>();
+
+    for (let i = 0; i < ruleMatch.matchingSelectors.length; i++) {
+      const matchingSelectorIndex = ruleMatch.matchingSelectors[i];
+      const selectorText = ruleMatch.rule.selectorList.selectors[matchingSelectorIndex].text;
+      const highlightNameMatch = selectorText.match(/::highlight\((.*)\)/);
+      if (highlightNameMatch) {
+        const highlightName = highlightNameMatch[1];
+        const selectorsForName = highlightNamesToMatchingSelectors.get(highlightName);
+        if (selectorsForName) {
+          selectorsForName.push(matchingSelectorIndex);
+        } else {
+          highlightNamesToMatchingSelectors.set(highlightName, [matchingSelectorIndex]);
+        }
+      }
+    }
+    return highlightNamesToMatchingSelectors;
+  }
+
   private buildPseudoCascades(
       pseudoPayload: Protocol.CSS.PseudoElementMatches[],
       inheritedPseudoPayload: Protocol.CSS.InheritedPseudoElementMatches[]):
-      Map<Protocol.DOM.PseudoType, DOMInheritanceCascade> {
+      [Map<Protocol.DOM.PseudoType, DOMInheritanceCascade>, Map<string, DOMInheritanceCascade>] {
     const pseudoInheritanceCascades = new Map<Protocol.DOM.PseudoType, DOMInheritanceCascade>();
+    const customHighlightPseudoInheritanceCascades = new Map<string, DOMInheritanceCascade>();
     if (!pseudoPayload) {
-      return pseudoInheritanceCascades;
+      return [pseudoInheritanceCascades, customHighlightPseudoInheritanceCascades];
     }
 
     const pseudoCascades = new Map<Protocol.DOM.PseudoType, NodeCascade[]>();
+    const customHighlightPseudoCascades = new Map<string, NodeCascade[]>();
     for (let i = 0; i < pseudoPayload.length; ++i) {
       const entryPayload = pseudoPayload[i];
       // PseudoElement nodes are not created unless "content" css property is set.
       const pseudoElement = this.#nodeInternal.pseudoElements().get(entryPayload.pseudoType) || null;
       const pseudoStyles = [];
       const rules = entryPayload.matches || [];
-      for (let j = rules.length - 1; j >= 0; --j) {
-        const pseudoRule = new CSSStyleRule(this.#cssModelInternal, rules[j].rule);
-        pseudoStyles.push(pseudoRule.style);
-        const nodeForStyle =
-            cssMetadata().isHighlightPseudoType(entryPayload.pseudoType) ? this.#nodeInternal : pseudoElement;
-        this.#nodeForStyleInternal.set(pseudoRule.style, nodeForStyle);
-        if (nodeForStyle) {
-          this.addMatchingSelectors(nodeForStyle, pseudoRule, rules[j].matchingSelectors);
+
+      if (entryPayload.pseudoType === Protocol.DOM.PseudoType.Highlight) {
+        this.buildSplitCustomHighlightCascades(
+            rules, this.#nodeInternal, false /* #isInherited */, customHighlightPseudoCascades);
+      } else {
+        for (let j = rules.length - 1; j >= 0; --j) {
+          const pseudoRule = new CSSStyleRule(this.#cssModelInternal, rules[j].rule);
+          pseudoStyles.push(pseudoRule.style);
+          const nodeForStyle =
+              cssMetadata().isHighlightPseudoType(entryPayload.pseudoType) ? this.#nodeInternal : pseudoElement;
+          this.#nodeForStyleInternal.set(pseudoRule.style, nodeForStyle);
+          if (nodeForStyle) {
+            this.addMatchingSelectors(nodeForStyle, pseudoRule, rules[j].matchingSelectors);
+          }
         }
+        const isHighlightPseudoCascade = cssMetadata().isHighlightPseudoType(entryPayload.pseudoType);
+        const nodeCascade = new NodeCascade(
+            this, pseudoStyles, false /* #isInherited */, isHighlightPseudoCascade /* #isHighlightPseudoCascade*/);
+        pseudoCascades.set(entryPayload.pseudoType, [nodeCascade]);
       }
-      const isHighlightPseudoCascade = cssMetadata().isHighlightPseudoType(entryPayload.pseudoType);
-      const nodeCascade = new NodeCascade(
-          this, pseudoStyles, false /* #isInherited */, isHighlightPseudoCascade /* #isHighlightPseudoCascade*/);
-      pseudoCascades.set(entryPayload.pseudoType, [nodeCascade]);
     }
 
     if (inheritedPseudoPayload) {
@@ -244,24 +346,30 @@ export class CSSMatchedStyles {
         const inheritedPseudoMatches = inheritedPseudoPayload[i].pseudoElements;
         for (let j = 0; j < inheritedPseudoMatches.length; ++j) {
           const inheritedEntryPayload = inheritedPseudoMatches[j];
-          const pseudoStyles = [];
           const rules = inheritedEntryPayload.matches || [];
-          for (let k = rules.length - 1; k >= 0; --k) {
-            const pseudoRule = new CSSStyleRule(this.#cssModelInternal, rules[k].rule);
-            pseudoStyles.push(pseudoRule.style);
-            this.#nodeForStyleInternal.set(pseudoRule.style, parentNode);
-            this.#inheritedStyles.add(pseudoRule.style);
-            this.addMatchingSelectors(parentNode, pseudoRule, rules[k].matchingSelectors);
-          }
 
-          const isHighlightPseudoCascade = cssMetadata().isHighlightPseudoType(inheritedEntryPayload.pseudoType);
-          const nodeCascade = new NodeCascade(
-              this, pseudoStyles, true /* #isInherited */, isHighlightPseudoCascade /* #isHighlightPseudoCascade*/);
-          const cascadeListForPseudoType = pseudoCascades.get(inheritedEntryPayload.pseudoType);
-          if (cascadeListForPseudoType) {
-            cascadeListForPseudoType.push(nodeCascade);
+          if (inheritedEntryPayload.pseudoType === Protocol.DOM.PseudoType.Highlight) {
+            this.buildSplitCustomHighlightCascades(
+                rules, parentNode, true /* #isInherited */, customHighlightPseudoCascades);
           } else {
-            pseudoCascades.set(inheritedEntryPayload.pseudoType, [nodeCascade]);
+            const pseudoStyles = [];
+            for (let k = rules.length - 1; k >= 0; --k) {
+              const pseudoRule = new CSSStyleRule(this.#cssModelInternal, rules[k].rule);
+              pseudoStyles.push(pseudoRule.style);
+              this.#nodeForStyleInternal.set(pseudoRule.style, parentNode);
+              this.#inheritedStyles.add(pseudoRule.style);
+              this.addMatchingSelectors(parentNode, pseudoRule, rules[k].matchingSelectors);
+            }
+
+            const isHighlightPseudoCascade = cssMetadata().isHighlightPseudoType(inheritedEntryPayload.pseudoType);
+            const nodeCascade = new NodeCascade(
+                this, pseudoStyles, true /* #isInherited */, isHighlightPseudoCascade /* #isHighlightPseudoCascade*/);
+            const cascadeListForPseudoType = pseudoCascades.get(inheritedEntryPayload.pseudoType);
+            if (cascadeListForPseudoType) {
+              cascadeListForPseudoType.push(nodeCascade);
+            } else {
+              pseudoCascades.set(inheritedEntryPayload.pseudoType, [nodeCascade]);
+            }
           }
         }
 
@@ -275,7 +383,11 @@ export class CSSMatchedStyles {
       pseudoInheritanceCascades.set(pseudoType, new DOMInheritanceCascade(nodeCascade));
     }
 
-    return pseudoInheritanceCascades;
+    for (const [highlightName, nodeCascade] of customHighlightPseudoCascades.entries()) {
+      customHighlightPseudoInheritanceCascades.set(highlightName, new DOMInheritanceCascade(nodeCascade));
+    }
+
+    return [pseudoInheritanceCascades, customHighlightPseudoInheritanceCascades];
   }
 
   private addMatchingSelectors(
@@ -405,6 +517,15 @@ export class CSSMatchedStyles {
     return new Set(this.#pseudoDOMCascades.keys());
   }
 
+  customHighlightPseudoStyles(highlightName: string): CSSStyleDeclaration[] {
+    const domCascade = this.#customHighlightPseudoDOMCascades.get(highlightName);
+    return domCascade ? domCascade.styles() : [];
+  }
+
+  customHighlightPseudoNames(): Set<string> {
+    return new Set(this.#customHighlightPseudoDOMCascades.keys());
+  }
+
   private containsInherited(style: CSSStyleDeclaration): boolean {
     const properties = style.allProperties();
     for (let i = 0; i < properties.length; ++i) {
@@ -462,6 +583,10 @@ export class CSSMatchedStyles {
     for (const domCascade of this.#pseudoDOMCascades.values()) {
       domCascade.reset();
     }
+
+    for (const domCascade of this.#customHighlightPseudoDOMCascades.values()) {
+      domCascade.reset();
+    }
   }
 }
 

package/front_end/core/sdk/CSSMetadata.ts

@@ -313,15 +313,8 @@ export class CSSMetadata {
   }
 
   isHighlightPseudoType(pseudoType: Protocol.DOM.PseudoType): boolean {
-    // TODO(crbug.com/1164461) Currently devtools-frontend groups all custom highlight
-    // pseudos together in the same pseudo cascade, regardless of highlight name. This means that
-    // the result of displaying "overloaded" highlight styles as crossed-out can produce
-    // misleading results, because properties from highlights with one name can be shown as overloaded by
-    // properties from highlights with another name.
-    // So until that is fixed, don't include custom highlights among the highlight pseudos
-    // for which we apply overloaded property annotations.
     return (
-        /* pseudoType === Protocol.DOM.PseudoType.Highlight || */ pseudoType === Protocol.DOM.PseudoType.Selection ||
+        pseudoType === Protocol.DOM.PseudoType.Highlight || pseudoType === Protocol.DOM.PseudoType.Selection ||
         pseudoType === Protocol.DOM.PseudoType.TargetText || pseudoType === Protocol.DOM.PseudoType.GrammarError ||
         pseudoType === Protocol.DOM.PseudoType.SpellingError);
   }

package/front_end/core/sdk/DebuggerModel.ts

@@ -652,7 +652,7 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     this.evaluateOnCallFrameCallback = callback;
   }
 
-  setSynchronizeBreakpointsCallback(callback: (script: Script) => Promise<void>): void {
+  setSynchronizeBreakpointsCallback(callback: ((script: Script) => Promise<void>)|null): void {
     this.#synchronizeBreakpointsCallback = callback;
   }
 

package/front_end/core/sdk/NetworkManager.ts

@@ -1535,8 +1535,7 @@ export class InterceptedRequest {
       Promise<void> {
     this.#hasRespondedInternal = true;
     const body = encoded ? await contentBlob.text() : await blobToBase64(contentBlob);
-    void this.#fetchAgent.invoke_fulfillRequest(
-        {requestId: this.requestId, responseCode: this.responseStatusCode || 200, body, responseHeaders});
+    void this.#fetchAgent.invoke_fulfillRequest({requestId: this.requestId, responseCode: 200, body, responseHeaders});
 
     async function blobToBase64(blob: Blob): Promise<string> {
       const reader = new FileReader();

package/front_end/generated/InspectorBackendCommands.js

@@ -273,38 +273,68 @@ export function registerCommands(inspectorBackend) {
       'Audits.GenericIssueErrorType', {CrossOriginPortalPostMessageError: 'CrossOriginPortalPostMessageError'});
   inspectorBackend.registerEnum('Audits.DeprecationIssueType', {
     AuthorizationCoveredByWildcard: 'AuthorizationCoveredByWildcard',
+    BatteryStatusInsecureOrigin: 'BatteryStatusInsecureOrigin',
+    CanRequestURLHTTPContainingNewline: 'CanRequestURLHTTPContainingNewline',
+    ChromeLoadTimesConnectionInfo: 'ChromeLoadTimesConnectionInfo',
+    ChromeLoadTimesFirstPaintAfterLoadTime: 'ChromeLoadTimesFirstPaintAfterLoadTime',
+    ChromeLoadTimesWasAlternateProtocolAvailable: 'ChromeLoadTimesWasAlternateProtocolAvailable',
     CookieWithTruncatingChar: 'CookieWithTruncatingChar',
     CrossOriginAccessBasedOnDocumentDomain: 'CrossOriginAccessBasedOnDocumentDomain',
     CrossOriginWindowAlert: 'CrossOriginWindowAlert',
     CrossOriginWindowConfirm: 'CrossOriginWindowConfirm',
+    CSSSelectorInternalMediaControlsOverlayCastButton: 'CSSSelectorInternalMediaControlsOverlayCastButton',
+    CustomCursorIntersectsViewport: 'CustomCursorIntersectsViewport',
     DeprecationExample: 'DeprecationExample',
     DocumentDomainSettingWithoutOriginAgentClusterHeader: 'DocumentDomainSettingWithoutOriginAgentClusterHeader',
+    EventPath: 'EventPath',
     GeolocationInsecureOrigin: 'GeolocationInsecureOrigin',
     GeolocationInsecureOriginDeprecatedNotRemoved: 'GeolocationInsecureOriginDeprecatedNotRemoved',
     GetUserMediaInsecureOrigin: 'GetUserMediaInsecureOrigin',
+    HostCandidateAttributeGetter: 'HostCandidateAttributeGetter',
+    InsecurePrivateNetworkSubresourceRequest: 'InsecurePrivateNetworkSubresourceRequest',
     LegacyConstraintGoogCpuOveruseDetection: 'LegacyConstraintGoogCpuOveruseDetection',
     LegacyConstraintGoogIPv6: 'LegacyConstraintGoogIPv6',
     LegacyConstraintGoogScreencastMinBitrate: 'LegacyConstraintGoogScreencastMinBitrate',
     LegacyConstraintGoogSuspendBelowMinBitrate: 'LegacyConstraintGoogSuspendBelowMinBitrate',
     LocalCSSFileExtensionRejected: 'LocalCSSFileExtensionRejected',
+    MediaElementAudioSourceNode: 'MediaElementAudioSourceNode',
+    MediaSourceAbortRemove: 'MediaSourceAbortRemove',
+    MediaSourceDurationTruncatingBuffered: 'MediaSourceDurationTruncatingBuffered',
+    NoSysexWebMIDIWithoutPermission: 'NoSysexWebMIDIWithoutPermission',
     NotificationInsecureOrigin: 'NotificationInsecureOrigin',
+    NotificationPermissionRequestedIframe: 'NotificationPermissionRequestedIframe',
     ObsoleteWebRtcCipherSuite: 'ObsoleteWebRtcCipherSuite',
+    PaymentRequestBasicCard: 'PaymentRequestBasicCard',
+    PaymentRequestShowWithoutGesture: 'PaymentRequestShowWithoutGesture',
     PictureSourceSrc: 'PictureSourceSrc',
     PrefixedCancelAnimationFrame: 'PrefixedCancelAnimationFrame',
     PrefixedRequestAnimationFrame: 'PrefixedRequestAnimationFrame',
+    PrefixedStorageInfo: 'PrefixedStorageInfo',
+    PrefixedVideoDisplayingFullscreen: 'PrefixedVideoDisplayingFullscreen',
+    PrefixedVideoEnterFullscreen: 'PrefixedVideoEnterFullscreen',
+    PrefixedVideoEnterFullScreen: 'PrefixedVideoEnterFullScreen',
+    PrefixedVideoExitFullscreen: 'PrefixedVideoExitFullscreen',
+    PrefixedVideoExitFullScreen: 'PrefixedVideoExitFullScreen',
+    PrefixedVideoSupportsFullscreen: 'PrefixedVideoSupportsFullscreen',
+    RangeExpand: 'RangeExpand',
+    RequestedSubresourceWithEmbeddedCredentials: 'RequestedSubresourceWithEmbeddedCredentials',
     RTCConstraintEnableDtlsSrtpFalse: 'RTCConstraintEnableDtlsSrtpFalse',
     RTCConstraintEnableDtlsSrtpTrue: 'RTCConstraintEnableDtlsSrtpTrue',
     RTCPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics:
         'RTCPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics',
     RTCPeerConnectionLegacyCreateWithMediaConstraints: 'RTCPeerConnectionLegacyCreateWithMediaConstraints',
+    RTCPeerConnectionSdpSemanticsPlanB: 'RTCPeerConnectionSdpSemanticsPlanB',
+    RtcpMuxPolicyNegotiate: 'RtcpMuxPolicyNegotiate',
     RTPDataChannel: 'RTPDataChannel',
+    SelectionAddRangeIntersect: 'SelectionAddRangeIntersect',
     SharedArrayBufferConstructedWithoutIsolation: 'SharedArrayBufferConstructedWithoutIsolation',
-    Untranslated: 'Untranslated',
+    TextToSpeech_DisallowedByAutoplay: 'TextToSpeech_DisallowedByAutoplay',
     V8SharedArrayBufferConstructedInExtensionWithoutIsolation:
         'V8SharedArrayBufferConstructedInExtensionWithoutIsolation',
     WebCodecsVideoFrameDefaultTimestamp: 'WebCodecsVideoFrameDefaultTimestamp',
     XHRJSONEncodingDetection: 'XHRJSONEncodingDetection',
-    XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload: 'XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload'
+    XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload: 'XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload',
+    XRSupportsSession: 'XRSupportsSession'
   });
   inspectorBackend.registerEnum(
       'Audits.ClientHintIssueReason',
@@ -2103,6 +2133,7 @@ export function registerCommands(inspectorBackend) {
     InterestCohort: 'interest-cohort',
     JoinAdInterestGroup: 'join-ad-interest-group',
     KeyboardMap: 'keyboard-map',
+    LocalFonts: 'local-fonts',
     Magnetometer: 'magnetometer',
     Microphone: 'microphone',
     Midi: 'midi',
@@ -2450,7 +2481,6 @@ export function registerCommands(inspectorBackend) {
         {'name': 'marginLeft', 'type': 'number', 'optional': true},
         {'name': 'marginRight', 'type': 'number', 'optional': true},
         {'name': 'pageRanges', 'type': 'string', 'optional': true},
-        {'name': 'ignoreInvalidPageRanges', 'type': 'boolean', 'optional': true},
         {'name': 'headerTemplate', 'type': 'string', 'optional': true},
         {'name': 'footerTemplate', 'type': 'string', 'optional': true},
         {'name': 'preferCSSPageSize', 'type': 'boolean', 'optional': true},

package/front_end/generated/protocol.ts

@@ -1020,62 +1020,77 @@ export namespace Audits {
 
   export const enum DeprecationIssueType {
     AuthorizationCoveredByWildcard = 'AuthorizationCoveredByWildcard',
+    BatteryStatusInsecureOrigin = 'BatteryStatusInsecureOrigin',
+    CanRequestURLHTTPContainingNewline = 'CanRequestURLHTTPContainingNewline',
+    ChromeLoadTimesConnectionInfo = 'ChromeLoadTimesConnectionInfo',
+    ChromeLoadTimesFirstPaintAfterLoadTime = 'ChromeLoadTimesFirstPaintAfterLoadTime',
+    ChromeLoadTimesWasAlternateProtocolAvailable = 'ChromeLoadTimesWasAlternateProtocolAvailable',
     CookieWithTruncatingChar = 'CookieWithTruncatingChar',
     CrossOriginAccessBasedOnDocumentDomain = 'CrossOriginAccessBasedOnDocumentDomain',
     CrossOriginWindowAlert = 'CrossOriginWindowAlert',
     CrossOriginWindowConfirm = 'CrossOriginWindowConfirm',
+    CSSSelectorInternalMediaControlsOverlayCastButton = 'CSSSelectorInternalMediaControlsOverlayCastButton',
+    CustomCursorIntersectsViewport = 'CustomCursorIntersectsViewport',
     DeprecationExample = 'DeprecationExample',
     DocumentDomainSettingWithoutOriginAgentClusterHeader = 'DocumentDomainSettingWithoutOriginAgentClusterHeader',
+    EventPath = 'EventPath',
     GeolocationInsecureOrigin = 'GeolocationInsecureOrigin',
     GeolocationInsecureOriginDeprecatedNotRemoved = 'GeolocationInsecureOriginDeprecatedNotRemoved',
     GetUserMediaInsecureOrigin = 'GetUserMediaInsecureOrigin',
+    HostCandidateAttributeGetter = 'HostCandidateAttributeGetter',
+    InsecurePrivateNetworkSubresourceRequest = 'InsecurePrivateNetworkSubresourceRequest',
     LegacyConstraintGoogCpuOveruseDetection = 'LegacyConstraintGoogCpuOveruseDetection',
     LegacyConstraintGoogIPv6 = 'LegacyConstraintGoogIPv6',
     LegacyConstraintGoogScreencastMinBitrate = 'LegacyConstraintGoogScreencastMinBitrate',
     LegacyConstraintGoogSuspendBelowMinBitrate = 'LegacyConstraintGoogSuspendBelowMinBitrate',
     LocalCSSFileExtensionRejected = 'LocalCSSFileExtensionRejected',
+    MediaElementAudioSourceNode = 'MediaElementAudioSourceNode',
+    MediaSourceAbortRemove = 'MediaSourceAbortRemove',
+    MediaSourceDurationTruncatingBuffered = 'MediaSourceDurationTruncatingBuffered',
+    NoSysexWebMIDIWithoutPermission = 'NoSysexWebMIDIWithoutPermission',
     NotificationInsecureOrigin = 'NotificationInsecureOrigin',
+    NotificationPermissionRequestedIframe = 'NotificationPermissionRequestedIframe',
     ObsoleteWebRtcCipherSuite = 'ObsoleteWebRtcCipherSuite',
+    PaymentRequestBasicCard = 'PaymentRequestBasicCard',
+    PaymentRequestShowWithoutGesture = 'PaymentRequestShowWithoutGesture',
     PictureSourceSrc = 'PictureSourceSrc',
     PrefixedCancelAnimationFrame = 'PrefixedCancelAnimationFrame',
     PrefixedRequestAnimationFrame = 'PrefixedRequestAnimationFrame',
+    PrefixedStorageInfo = 'PrefixedStorageInfo',
+    PrefixedVideoDisplayingFullscreen = 'PrefixedVideoDisplayingFullscreen',
+    PrefixedVideoEnterFullscreen = 'PrefixedVideoEnterFullscreen',
+    PrefixedVideoEnterFullScreen = 'PrefixedVideoEnterFullScreen',
+    PrefixedVideoExitFullscreen = 'PrefixedVideoExitFullscreen',
+    PrefixedVideoExitFullScreen = 'PrefixedVideoExitFullScreen',
+    PrefixedVideoSupportsFullscreen = 'PrefixedVideoSupportsFullscreen',
+    RangeExpand = 'RangeExpand',
+    RequestedSubresourceWithEmbeddedCredentials = 'RequestedSubresourceWithEmbeddedCredentials',
     RTCConstraintEnableDtlsSrtpFalse = 'RTCConstraintEnableDtlsSrtpFalse',
     RTCConstraintEnableDtlsSrtpTrue = 'RTCConstraintEnableDtlsSrtpTrue',
     RTCPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics =
         'RTCPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics',
     RTCPeerConnectionLegacyCreateWithMediaConstraints = 'RTCPeerConnectionLegacyCreateWithMediaConstraints',
+    RTCPeerConnectionSdpSemanticsPlanB = 'RTCPeerConnectionSdpSemanticsPlanB',
+    RtcpMuxPolicyNegotiate = 'RtcpMuxPolicyNegotiate',
     RTPDataChannel = 'RTPDataChannel',
+    SelectionAddRangeIntersect = 'SelectionAddRangeIntersect',
     SharedArrayBufferConstructedWithoutIsolation = 'SharedArrayBufferConstructedWithoutIsolation',
-    Untranslated = 'Untranslated',
+    TextToSpeech_DisallowedByAutoplay = 'TextToSpeech_DisallowedByAutoplay',
     V8SharedArrayBufferConstructedInExtensionWithoutIsolation =
         'V8SharedArrayBufferConstructedInExtensionWithoutIsolation',
     WebCodecsVideoFrameDefaultTimestamp = 'WebCodecsVideoFrameDefaultTimestamp',
     XHRJSONEncodingDetection = 'XHRJSONEncodingDetection',
     XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload = 'XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload',
+    XRSupportsSession = 'XRSupportsSession',
   }
 
   /**
    * This issue tracks information needed to print a deprecation message.
-   * The formatting is inherited from the old console.log version, see more at:
-   * https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/frame/deprecation.cc
-   * TODO(crbug.com/1264960): Re-work format to add i18n support per:
-   * https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/public/devtools_protocol/README.md
+   * https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/frame/third_party/blink/renderer/core/frame/deprecation/README.md
    */
   export interface DeprecationIssueDetails {
     affectedFrame?: AffectedFrame;
     sourceCodeLocation: SourceCodeLocation;
-    /**
-     * The content of an untranslated deprecation issue,
-     * e.g. "window.inefficientLegacyStorageMethod will be removed in M97,
-     * around January 2022. Please use Web Storage or Indexed Database
-     * instead. This standard was abandoned in January, 1970. See
-     * https://www.chromestatus.com/feature/5684870116278272 for more details."
-     */
-    message?: string;
-    /**
-     * The id of an untranslated deprecation issue e.g. PrefixedStorageInfo.
-     */
-    deprecationType?: string;
     type: DeprecationIssueType;
   }
 
@@ -5162,6 +5177,8 @@ export namespace Emulation {
     architecture: string;
     model: string;
     mobile: boolean;
+    bitness?: string;
+    wow64?: boolean;
   }
 
   /**
@@ -10200,6 +10217,7 @@ export namespace Page {
     InterestCohort = 'interest-cohort',
     JoinAdInterestGroup = 'join-ad-interest-group',
     KeyboardMap = 'keyboard-map',
+    LocalFonts = 'local-fonts',
     Magnetometer = 'magnetometer',
     Microphone = 'microphone',
     Midi = 'midi',
@@ -10671,6 +10689,10 @@ export namespace Page {
      * The fantasy font-family.
      */
     fantasy?: string;
+    /**
+     * The math font-family.
+     */
+    math?: string;
   }
 
   /**
@@ -11300,15 +11322,16 @@ export namespace Page {
      */
     marginRight?: number;
     /**
-     * Paper ranges to print, e.g., '1-5, 8, 11-13'. Defaults to the empty string, which means
-     * print all pages.
+     * Paper ranges to print, one based, e.g., '1-5, 8, 11-13'. Pages are
+     * printed in the document order, not in the order specified, and no
+     * more than once.
+     * Defaults to empty string, which implies the entire document is printed.
+     * The page numbers are quietly capped to actual page count of the
+     * document, and ranges beyond the end of the document are ignored.
+     * If this results in no pages to print, an error is reported.
+     * It is an error to specify a range with start greater than end.
      */
     pageRanges?: string;
-    /**
-     * Whether to silently ignore invalid but successfully parsed page ranges, such as '3-2'.
-     * Defaults to false.
-     */
-    ignoreInvalidPageRanges?: boolean;
     /**
      * HTML template for the print header. Should be valid HTML markup with following
      * classes used to inject printing values into them:

package/front_end/models/bindings/BreakpointManager.ts

@@ -100,11 +100,12 @@ export class BreakpointManager extends Common.ObjectWrapper.ObjectWrapper<EventT
 
   modelAdded(debuggerModel: SDK.DebuggerModel.DebuggerModel): void {
     if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
-      debuggerModel.setSynchronizeBreakpointsCallback(this.#restoreBreakpointsForScript.bind(this));
+      debuggerModel.setSynchronizeBreakpointsCallback(this.restoreBreakpointsForScript.bind(this));
     }
   }
 
-  modelRemoved(): void {
+  modelRemoved(debuggerModel: SDK.DebuggerModel.DebuggerModel): void {
+    debuggerModel.setSynchronizeBreakpointsCallback(null);
   }
 
   async copyBreakpoints(fromURL: Platform.DevToolsPath.UrlString, toSourceCode: Workspace.UISourceCode.UISourceCode):
@@ -117,7 +118,7 @@ export class BreakpointManager extends Common.ObjectWrapper.ObjectWrapper<EventT
 
   // This method explicitly awaits the source map (if necessary) and the uiSourceCodes
   // required to set all breakpoints that are related to this script.
-  async #restoreBreakpointsForScript(script: SDK.Script.Script): Promise<void> {
+  async restoreBreakpointsForScript(script: SDK.Script.Script): Promise<void> {
     if (!Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.INSTRUMENTATION_BREAKPOINTS)) {
       return;
     }
@@ -416,6 +417,10 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
     modelBreakpoint.removeEventListeners();
   }
 
+  modelBreakpoint(debuggerModel: SDK.DebuggerModel.DebuggerModel): ModelBreakpoint|undefined {
+    return this.#modelBreakpoints.get(debuggerModel);
+  }
+
   addUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): void {
     if (!this.uiSourceCodes.has(uiSourceCode)) {
       this.uiSourceCodes.add(uiSourceCode);
@@ -626,6 +631,10 @@ export class ModelBreakpoint {
     }
   }
 
+  get currentState(): Breakpoint.State|null {
+    return this.#currentState;
+  }
+
   resetLocations(): void {
     for (const uiLocation of this.#uiLocations.values()) {
       this.#breakpoint.uiLocationRemoved(uiLocation);