chrome-devtools-frontend 1.0.959955 → 1.0.961797

package/front_end/generated/protocol.d.ts

@@ -10031,6 +10031,7 @@ declare namespace Protocol {
     export const enum PermissionsPolicyBlockReason {
       Header = 'Header',
       IframeAttribute = 'IframeAttribute',
+      InFencedFrameTree = 'InFencedFrameTree',
     }
 
     export interface PermissionsPolicyBlockLocator {
@@ -10480,6 +10481,20 @@ declare namespace Protocol {
       pictograph?: string;
     }
 
+    /**
+     * Font families collection for a script.
+     */
+    export interface ScriptFontFamilies {
+      /**
+       * Name of the script which these font families are defined for.
+       */
+      script: string;
+      /**
+       * Generic font families collection for the script.
+       */
+      fontFamilies: FontFamilies;
+    }
+
     /**
      * Default font sizes.
      */
@@ -11286,6 +11301,10 @@ declare namespace Protocol {
        * Specifies font families to set. If a font family is not specified, it won't be changed.
        */
       fontFamilies: FontFamilies;
+      /**
+       * Specifies font families to set for individual scripts.
+       */
+      forScripts?: ScriptFontFamilies[];
     }
 
     export interface SetFontSizesRequest {
@@ -12416,6 +12435,7 @@ declare namespace Protocol {
       Websql = 'websql',
       Service_workers = 'service_workers',
       Cache_storage = 'cache_storage',
+      Interest_groups = 'interest_groups',
       All = 'all',
       Other = 'other',
     }
@@ -12443,6 +12463,43 @@ declare namespace Protocol {
       count: number;
     }
 
+    /**
+     * Enum of interest group access types.
+     */
+    export const enum InterestGroupAccessType {
+      Join = 'join',
+      Leave = 'leave',
+      Update = 'update',
+      Bid = 'bid',
+      Win = 'win',
+    }
+
+    /**
+     * Ad advertising element inside an interest group.
+     */
+    export interface InterestGroupAd {
+      renderUrl: string;
+      metadata?: string;
+    }
+
+    /**
+     * The full details of an interest group.
+     */
+    export interface InterestGroupDetails {
+      ownerOrigin: string;
+      name: string;
+      expirationTime: number;
+      joiningOrigin: string;
+      biddingUrl?: string;
+      biddingWasmHelperUrl?: string;
+      updateUrl?: string;
+      trustedBiddingSignalsUrl?: string;
+      trustedBiddingSignalsKeys: string[];
+      userBiddingSignals?: string;
+      ads: InterestGroupAd[];
+      adComponents: InterestGroupAd[];
+    }
+
     export interface ClearDataForOriginRequest {
       /**
        * Security origin.
@@ -12572,6 +12629,19 @@ declare namespace Protocol {
       didDeleteTokens: boolean;
     }
 
+    export interface GetInterestGroupDetailsRequest {
+      ownerOrigin: string;
+      name: string;
+    }
+
+    export interface GetInterestGroupDetailsResponse extends ProtocolResponseWithError {
+      details: InterestGroupDetails;
+    }
+
+    export interface SetInterestGroupTrackingRequest {
+      enable: boolean;
+    }
+
     /**
      * A cache's contents have been modified.
      */
@@ -12623,6 +12693,15 @@ declare namespace Protocol {
        */
       origin: string;
     }
+
+    /**
+     * One of the interest groups was accessed by the associated page.
+     */
+    export interface InterestGroupAccessedEvent {
+      type: InterestGroupAccessType;
+      ownerOrigin: string;
+      name: string;
+    }
   }
 
   /**

package/front_end/models/issues_manager/IssuesManager.ts

@@ -25,7 +25,6 @@ import {SameSiteCookieIssue} from './SameSiteCookieIssue.js';
 import {SharedArrayBufferIssue} from './SharedArrayBufferIssue.js';
 import {SourceFrameIssuesManager} from './SourceFrameIssuesManager.js';
 import {TrustedWebActivityIssue} from './TrustedWebActivityIssue.js';
-import {WasmCrossOriginModuleSharingIssue} from './WasmCrossOriginModuleSharingIssue.js';
 
 export {Events} from './IssuesManagerEvents.js';
 
@@ -93,10 +92,6 @@ const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode.AttributionReportingIssue,
     AttributionReportingIssue.fromInspectorIssue,
   ],
-  [
-    Protocol.Audits.InspectorIssueCode.WasmCrossOriginModuleSharingIssue,
-    WasmCrossOriginModuleSharingIssue.fromInspectorIssue,
-  ],
   [
     Protocol.Audits.InspectorIssueCode.GenericIssue,
     GenericIssue.fromInspectorIssue,

package/front_end/models/issues_manager/issues_manager.ts

@@ -24,7 +24,6 @@ import * as SameSiteCookieIssue from './SameSiteCookieIssue.js';
 import * as SharedArrayBufferIssue from './SharedArrayBufferIssue.js';
 import * as SourceFrameIssuesManager from './SourceFrameIssuesManager.js';
 import * as TrustedWebActivityIssue from './TrustedWebActivityIssue.js';
-import * as WasmCrossOriginModuleSharingIssue from './WasmCrossOriginModuleSharingIssue.js';
 
 export {
   AttributionReportingIssue,
@@ -49,5 +48,4 @@ export {
   SharedArrayBufferIssue,
   SourceFrameIssuesManager,
   TrustedWebActivityIssue,
-  WasmCrossOriginModuleSharingIssue,
 };

package/front_end/panels/application/IndexedDBModel.ts

@@ -410,6 +410,9 @@ export class IndexedDBModel extends SDK.SDKModel.SDKModel<EventTypes> implements
 
   cacheStorageContentUpdated(_event: Protocol.Storage.CacheStorageContentUpdatedEvent): void {
   }
+
+  interestGroupAccessed(_event: Protocol.Storage.InterestGroupAccessedEvent): void {
+  }
 }
 
 SDK.SDKModel.SDKModel.register(IndexedDBModel, {capabilities: SDK.Target.Capability.Storage, autostart: false});

package/front_end/panels/application/components/FrameDetailsView.ts

@@ -236,6 +236,10 @@ const UIStrings = {
   */
   createdByAdScriptExplanation:
       'There was an ad script in the `(async) stack` when this frame was created. Examining the creation `stack trace` of this frame might provide more insight.',
+  /**
+  *@description Label for a button which when clicked causes some information to be refreshed/updated.
+  */
+  refresh: 'Refresh',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/FrameDetailsView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -337,7 +341,7 @@ export class FrameDetailsReportView extends HTMLElement {
       groups: [
         {
           iconName: 'refresh_12x12_icon',
-          text: 'Refresh',
+          text: i18nString(UIStrings.refresh),
         } as IconButton.IconButton.IconWithTextData,
       ],
     } as IconButton.IconButton.IconButtonData}>

package/front_end/panels/application/components/PermissionsPolicySection.ts

@@ -52,6 +52,10 @@ const UIStrings = {
   *@description Text describing that a specific feature is blocked by a Permissions Policy specified in a request header.
   */
   disabledByHeader: 'disabled by "`Permissions-Policy`" header',
+  /**
+   *@description Text describing that a specific feature is blocked by virtue of being inside a fenced frame tree.
+   */
+  disabledByFencedFrame: 'disabled inside a `fencedframe`',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/PermissionsPolicySection.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -144,10 +148,18 @@ export class PermissionsPolicySection extends HTMLElement {
       const resource = frame && frame.resourceForURL(frame.url);
       const linkTargetRequest =
           blockReason === Protocol.Page.PermissionsPolicyBlockReason.Header && resource && resource.request;
-      const blockReasonText = blockReason === Protocol.Page.PermissionsPolicyBlockReason.IframeAttribute ?
-          i18nString(UIStrings.disabledByIframe) :
-          blockReason === Protocol.Page.PermissionsPolicyBlockReason.Header ? i18nString(UIStrings.disabledByHeader) :
-                                                                              '';
+      const blockReasonText = ((): String => {
+        switch (blockReason) {
+          case Protocol.Page.PermissionsPolicyBlockReason.IframeAttribute:
+            return i18nString(UIStrings.disabledByIframe);
+          case Protocol.Page.PermissionsPolicyBlockReason.Header:
+            return i18nString(UIStrings.disabledByHeader);
+          case Protocol.Page.PermissionsPolicyBlockReason.InFencedFrameTree:
+            return i18nString(UIStrings.disabledByFencedFrame);
+          default:
+            return '';
+        }
+      })();
       const revealHeader = async(): Promise<void> => {
         if (!linkTargetRequest) {
           return;

package/front_end/panels/console/ConsoleView.ts

@@ -107,6 +107,14 @@ const UIStrings = {
   * open/show the sidebar.
   */
   hideConsoleSidebar: 'Hide console sidebar',
+  /**
+   * @description Screen reader announcement when the sidebar is shown in the Console panel.
+   */
+  consoleSidebarShown: 'Console sidebar shown',
+  /**
+   * @description Screen reader announcement when the sidebar is hidden in the Console panel.
+   */
+  consoleSidebarHidden: 'Console sidebar hidden',
   /**
   *@description Tooltip text that appears on the setting to preserve log when hovering over the item
   */
@@ -382,7 +390,8 @@ export class ConsoleView extends UI.Widget.VBox implements UI.SearchableView.Sea
     toolbar.makeWrappable(true);
     const rightToolbar = new UI.Toolbar.Toolbar('', this.consoleToolbarContainer);
     toolbar.appendToolbarItem(this.splitWidget.createShowHideSidebarButton(
-        i18nString(UIStrings.showConsoleSidebar), i18nString(UIStrings.hideConsoleSidebar)));
+        i18nString(UIStrings.showConsoleSidebar), i18nString(UIStrings.hideConsoleSidebar),
+        i18nString(UIStrings.consoleSidebarShown), i18nString(UIStrings.consoleSidebarHidden)));
     toolbar.appendToolbarItem(UI.Toolbar.Toolbar.createActionButton(
         (UI.ActionRegistry.ActionRegistry.instance().action('console.clear') as UI.ActionRegistration.Action)));
     toolbar.appendSeparator();

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -56,6 +56,7 @@ import type {Chrome} from '../../../extension-api/ExtensionAPI.js'; // eslint-di
 import {format} from './ConsoleFormat.js';
 import type {ConsoleViewportElement} from './ConsoleViewport.js';
 import consoleViewStyles from './consoleView.css.js';
+import {parseSourcePositionsFromErrorStack} from './ErrorStackParser.js';
 
 const UIStrings = {
   /**
@@ -1422,100 +1423,17 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   }
 
   private tryFormatAsError(string: string): HTMLElement|null {
-    function startsWith(prefix: string): boolean {
-      return string.startsWith(prefix);
-    }
-
     const runtimeModel = this.message.runtimeModel();
-    // TODO: Consider removing these in favor of a simpler regex.
-    const errorPrefixes = [
-      'AggregateError',
-      'Error',
-      'EvalError',
-      'RangeError',
-      'ReferenceError',
-      'SyntaxError',
-      'TypeError',
-      'URIError',
-    ];
-    if (!runtimeModel || !errorPrefixes.some(startsWith) && !/^[\w.]+Error\b/.test(string)) {
+    if (!runtimeModel) {
       return null;
     }
-    const debuggerModel = runtimeModel.debuggerModel();
-    const baseURL = runtimeModel.target().inspectedURL();
-
-    const lines = string.split('\n');
-    const linkInfos = [];
-    for (const line of lines) {
-      const isCallFrameLine = /^\s*at\s/.test(line);
-      if (!isCallFrameLine && linkInfos.length && linkInfos[linkInfos.length - 1].link) {
-        return null;
-      }
-
-      if (!isCallFrameLine) {
-        linkInfos.push({line});
-        continue;
-      }
-
-      let openBracketIndex = -1;
-      let closeBracketIndex = -1;
-      const inBracketsWithLineAndColumn = /\([^\)\(]+:\d+:\d+\)/g;
-      const inBrackets = /\([^\)\(]+\)/g;
-      let lastMatch: RegExpExecArray|null = null;
-      let currentMatch;
-      while ((currentMatch = inBracketsWithLineAndColumn.exec(line))) {
-        lastMatch = currentMatch;
-      }
-      if (!lastMatch) {
-        while ((currentMatch = inBrackets.exec(line))) {
-          lastMatch = currentMatch;
-        }
-      }
-      if (lastMatch) {
-        openBracketIndex = lastMatch.index;
-        closeBracketIndex = lastMatch.index + lastMatch[0].length - 1;
-      }
-      const hasOpenBracket = openBracketIndex !== -1;
-      let left = hasOpenBracket ? openBracketIndex + 1 : line.indexOf('at') + 3;
-      if (!hasOpenBracket && line.indexOf('async ') === left) {
-        left += 6;
-      }
-      const right = hasOpenBracket ? closeBracketIndex : line.length;
-      const linkCandidate = line.substring(left, right);
-      const splitResult = Common.ParsedURL.ParsedURL.splitLineAndColumn(linkCandidate);
-      if (!splitResult) {
-        return null;
-      }
-
-      if (splitResult.url === '<anonymous>') {
-        linkInfos.push({line});
-        continue;
-      }
-      let url = parseOrScriptMatch(splitResult.url);
-      if (!url && Common.ParsedURL.ParsedURL.isRelativeURL(splitResult.url)) {
-        url = parseOrScriptMatch(Common.ParsedURL.ParsedURL.completeURL(baseURL, splitResult.url));
-      }
-      if (!url) {
-        return null;
-      }
-
-      linkInfos.push({
-        line,
-        link: {
-          url,
-          enclosedInBraces: hasOpenBracket,
-          positionLeft: left,
-          positionRight: right,
-          lineNumber: splitResult.lineNumber,
-          columnNumber: splitResult.columnNumber,
-        },
-      });
-    }
 
-    if (!linkInfos.length) {
+    const linkInfos = parseSourcePositionsFromErrorStack(runtimeModel, string);
+    if (!linkInfos?.length) {
       return null;
     }
 
+    const debuggerModel = runtimeModel.debuggerModel();
     const formattedResult = document.createElement('span');
     for (let i = 0; i < linkInfos.length; ++i) {
       const newline = i < linkInfos.length - 1 ? '\n' : '';
@@ -1565,25 +1483,6 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
     }
 
     return formattedResult;
-
-    function parseOrScriptMatch(url: string|null): string|null {
-      if (!url) {
-        return null;
-      }
-      const parsedURL = Common.ParsedURL.ParsedURL.fromString(url);
-      if (parsedURL) {
-        return parsedURL.url;
-      }
-      if (debuggerModel.scriptsForSourceURL(url).length) {
-        return url;
-      }
-      // nodejs stack traces contain (absolute) file paths, but v8 reports them as file: urls.
-      const fileUrl = new URL(url, 'file://');
-      if (debuggerModel.scriptsForSourceURL(fileUrl.href).length) {
-        return fileUrl.href;
-      }
-      return null;
-    }
   }
 
   private linkifyWithCustomLinkifier(

package/front_end/panels/console/ErrorStackParser.ts

@@ -0,0 +1,117 @@
+// Copyright 2022 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from '../../core/common/common.js';
+import type * as SDK from '../../core/sdk/sdk.js';
+
+export interface ParsedErrorFrame {
+  line: string;
+  link?: {
+    url: string,
+    lineNumber?: number,
+    columnNumber?: number, enclosedInBraces: boolean, positionLeft: number, positionRight: number,
+  };
+}
+
+/**
+ * Takes a V8 Error#stack string and extracts source position information.
+ *
+ * The result includes the url, line and column number, as well as where
+ * the url is found in the raw line.
+ *
+ * @returns Null if the provided string has an unexpected format. A
+ *          populated `ParsedErrorFrame[]` otherwise.
+ */
+export function parseSourcePositionsFromErrorStack(
+    runtimeModel: SDK.RuntimeModel.RuntimeModel, stack: string): ParsedErrorFrame[]|null {
+  if (!/^[\w.]*Error\b/.test(stack)) {
+    return null;
+  }
+  const debuggerModel = runtimeModel.debuggerModel();
+  const baseURL = runtimeModel.target().inspectedURL();
+
+  const lines = stack.split('\n');
+  const linkInfos = [];
+  for (const line of lines) {
+    const isCallFrameLine = /^\s*at\s/.test(line);
+    if (!isCallFrameLine && linkInfos.length && linkInfos[linkInfos.length - 1].link) {
+      return null;
+    }
+
+    if (!isCallFrameLine) {
+      linkInfos.push({line});
+      continue;
+    }
+
+    let openBracketIndex = -1;
+    let closeBracketIndex = -1;
+    const inBracketsWithLineAndColumn = /\([^\)\(]+:\d+:\d+\)/g;
+    const inBrackets = /\([^\)\(]+\)/g;
+    let lastMatch: RegExpExecArray|null = null;
+    let currentMatch;
+    while ((currentMatch = inBracketsWithLineAndColumn.exec(line))) {
+      lastMatch = currentMatch;
+    }
+    if (!lastMatch) {
+      while ((currentMatch = inBrackets.exec(line))) {
+        lastMatch = currentMatch;
+      }
+    }
+    if (lastMatch) {
+      openBracketIndex = lastMatch.index;
+      closeBracketIndex = lastMatch.index + lastMatch[0].length - 1;
+    }
+    const hasOpenBracket = openBracketIndex !== -1;
+    let left = hasOpenBracket ? openBracketIndex + 1 : line.indexOf('at') + 3;
+    if (!hasOpenBracket && line.indexOf('async ') === left) {
+      left += 6;
+    }
+    const right = hasOpenBracket ? closeBracketIndex : line.length;
+    const linkCandidate = line.substring(left, right);
+    const splitResult = Common.ParsedURL.ParsedURL.splitLineAndColumn(linkCandidate);
+    if (splitResult.url === '<anonymous>') {
+      linkInfos.push({line});
+      continue;
+    }
+    let url = parseOrScriptMatch(debuggerModel, splitResult.url);
+    if (!url && Common.ParsedURL.ParsedURL.isRelativeURL(splitResult.url)) {
+      url = parseOrScriptMatch(debuggerModel, Common.ParsedURL.ParsedURL.completeURL(baseURL, splitResult.url));
+    }
+    if (!url) {
+      return null;
+    }
+
+    linkInfos.push({
+      line,
+      link: {
+        url,
+        enclosedInBraces: hasOpenBracket,
+        positionLeft: left,
+        positionRight: right,
+        lineNumber: splitResult.lineNumber,
+        columnNumber: splitResult.columnNumber,
+      },
+    });
+  }
+  return linkInfos;
+}
+
+function parseOrScriptMatch(debuggerModel: SDK.DebuggerModel.DebuggerModel, url: string|null): string|null {
+  if (!url) {
+    return null;
+  }
+  const parsedURL = Common.ParsedURL.ParsedURL.fromString(url);
+  if (parsedURL) {
+    return parsedURL.url;
+  }
+  if (debuggerModel.scriptsForSourceURL(url).length) {
+    return url;
+  }
+  // nodejs stack traces contain (absolute) file paths, but v8 reports them as file: urls.
+  const fileUrl = new URL(url, 'file://');
+  if (debuggerModel.scriptsForSourceURL(fileUrl.href).length) {
+    return fileUrl.href;
+  }
+  return null;
+}

package/front_end/panels/console/console.ts

@@ -23,6 +23,7 @@ import * as ConsoleSidebar from './ConsoleSidebar.js';
 import * as ConsoleView from './ConsoleView.js';
 import * as ConsoleViewMessage from './ConsoleViewMessage.js';
 import * as ConsoleViewport from './ConsoleViewport.js';
+import * as ErrorStackParser from './ErrorStackParser.js';
 
 export {
   ConsoleContextSelector,
@@ -35,4 +36,5 @@ export {
   ConsoleView,
   ConsoleViewMessage,
   ConsoleViewport,
+  ErrorStackParser,
 };

package/front_end/panels/elements/ElementsPanel.ts

@@ -88,6 +88,14 @@ const UIStrings = {
   * close/hide the sidebar.
   */
   hideComputedStylesSidebar: 'Hide Computed Styles sidebar',
+  /**
+   * @description Screen reader announcement when the computed styles sidebar is shown in the Elements panel.
+   */
+  computedStylesShown: 'Computed Styles sidebar shown',
+  /**
+   * @description Screen reader announcement when the computed styles sidebar is hidden in the Elements panel.
+   */
+  computedStylesHidden: 'Computed Styles sidebar hidden',
   /**
   * @description Title of a pane in the Elements panel that shows computed styles for the selected
   * HTML element. Computed styles are the final, actual styles of the element, including all
@@ -962,7 +970,8 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
     });
     this.stylesWidget.addEventListener(StylesSidebarPaneEvents.InitialUpdateCompleted, () => {
       this.stylesWidget.appendToolbarItem(stylesSplitWidget.createShowHideSidebarButton(
-          i18nString(UIStrings.showComputedStylesSidebar), i18nString(UIStrings.hideComputedStylesSidebar)));
+          i18nString(UIStrings.showComputedStylesSidebar), i18nString(UIStrings.hideComputedStylesSidebar),
+          i18nString(UIStrings.computedStylesShown), i18nString(UIStrings.computedStylesHidden)));
     });
 
     const showMetricsWidgetInComputedPane = (): void => {

package/front_end/panels/issues/IssueAggregator.ts

@@ -43,8 +43,6 @@ export class AggregatedIssue extends IssuesManager.Issue.Issue {
   #trustedWebActivityIssues = new Set<IssuesManager.TrustedWebActivityIssue.TrustedWebActivityIssue>();
   #quirksModeIssues = new Set<IssuesManager.QuirksModeIssue.QuirksModeIssue>();
   #attributionReportingIssues = new Set<IssuesManager.AttributionReportingIssue.AttributionReportingIssue>();
-  #wasmCrossOriginModuleSharingIssues =
-      new Set<IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue>();
   #genericIssues = new Set<IssuesManager.GenericIssue.GenericIssue>();
   #representative?: IssuesManager.Issue.Issue;
   #aggregatedIssuesCount = 0;
@@ -126,11 +124,6 @@ export class AggregatedIssue extends IssuesManager.Issue.Issue {
     return this.#attributionReportingIssues;
   }
 
-  getWasmCrossOriginModuleSharingIssue():
-      ReadonlySet<IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue> {
-    return this.#wasmCrossOriginModuleSharingIssues;
-  }
-
   getGenericIssues(): ReadonlySet<IssuesManager.GenericIssue.GenericIssue> {
     return this.#genericIssues;
   }
@@ -223,9 +216,6 @@ export class AggregatedIssue extends IssuesManager.Issue.Issue {
     if (issue instanceof IssuesManager.AttributionReportingIssue.AttributionReportingIssue) {
       this.#attributionReportingIssues.add(issue);
     }
-    if (issue instanceof IssuesManager.WasmCrossOriginModuleSharingIssue.WasmCrossOriginModuleSharingIssue) {
-      this.#wasmCrossOriginModuleSharingIssues.add(issue);
-    }
     if (issue instanceof IssuesManager.GenericIssue.GenericIssue) {
       this.#genericIssues.add(issue);
     }

package/front_end/panels/issues/IssueView.ts

@@ -30,7 +30,6 @@ import {AffectedSourcesView} from './AffectedSourcesView.js';
 import {AffectedTrustedWebActivityIssueDetailsView} from './AffectedTrustedWebActivityIssueDetailsView.js';
 import {CorsIssueDetailsView} from './CorsIssueDetailsView.js';
 import {GenericIssueDetailsView} from './GenericIssueDetailsView.js';
-import {WasmCrossOriginModuleSharingAffectedResourcesView} from './WasmCrossOriginModuleSharingAffectedResourcesView.js';
 import {AttributionReportingIssueDetailsView} from './AttributionReportingIssueDetailsView.js';
 
 import type {AggregatedIssue} from './IssueAggregator.js';
@@ -253,7 +252,6 @@ export class IssueView extends UI.TreeOutline.TreeElement {
       new GenericIssueDetailsView(this, this.#issue),
       new AffectedDocumentsInQuirksModeView(this, this.#issue),
       new AttributionReportingIssueDetailsView(this, this.#issue),
-      new WasmCrossOriginModuleSharingAffectedResourcesView(this, this.#issue),
       new AffectedRawCookieLinesView(this, this.#issue),
     ];
     if (Root.Runtime.experiments.isEnabled('hideIssuesFeature')) {

package/front_end/panels/snippets/SnippetsQuickOpen.ts

@@ -63,6 +63,11 @@ export class SnippetsQuickOpen extends QuickOpen.FilteredListWidget.Provider {
     this.snippets = [];
   }
 
+  itemScoreAt(itemIndex: number, query: string): number {
+    // Prefer short matches over long matches
+    return query.length / this.snippets[itemIndex].name().length;
+  }
+
   itemCount(): number {
     return this.snippets.length;
   }

package/front_end/panels/sources/BreakpointEditDialog.ts

@@ -206,7 +206,7 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
     }
   }
 
-  private finishEditing(committed: boolean, condition: string): void {
+  finishEditing(committed: boolean, condition: string): void {
     if (this.finished) {
       return;
     }

package/front_end/panels/sources/DebuggerPlugin.ts

@@ -192,8 +192,8 @@ export class DebuggerPlugin extends Plugin {
   private initializedMuted: boolean;
   private ignoreListInfobar: UI.Infobar.Infobar|null;
   private prettyPrintInfobar!: UI.Infobar.Infobar|null;
-  private scheduledBreakpointDecorationUpdates?: Set<BreakpointDecoration>|null;
   private refreshBreakpointsTimeout: undefined|number = undefined;
+  private activeBreakpointDialog: BreakpointEditDialog|null = null;
 
   constructor(
       uiSourceCode: Workspace.UISourceCode.UISourceCode,
@@ -799,6 +799,7 @@ export class DebuggerPlugin extends Plugin {
     const decorationElement = document.createElement('div');
     const compartment = new CodeMirror.Compartment();
     const dialog = new BreakpointEditDialog(line.number - 1, oldCondition, Boolean(preferLogpoint), async result => {
+      this.activeBreakpointDialog = null;
       dialog.detach();
       editor.dispatch({effects: compartment.reconfigure([])});
       if (!result.committed) {
@@ -828,6 +829,7 @@ export class DebuggerPlugin extends Plugin {
     dialog.markAsExternallyManaged();
     dialog.show(decorationElement);
     dialog.focusEditor();
+    this.activeBreakpointDialog = dialog;
   }
 
   // Create decorations to indicate the current debugging position
@@ -1423,6 +1425,10 @@ export class DebuggerPlugin extends Plugin {
     if (this.muted) {
       return;
     }
+    if (this.activeBreakpointDialog) {
+      this.activeBreakpointDialog.finishEditing(false, '');
+    }
+
     const breakpoints = this.lineBreakpoints(line);
     if (!breakpoints.length) {
       await this.createNewBreakpoint(line, '', true);