chrome-devtools-frontend 1.0.1674545 → 1.0.1676824

package/front_end/models/emulation/EmulatedDevices.ts

@@ -48,12 +48,6 @@ const str_ = i18n.i18n.registerUIStrings('models/emulation/EmulatedDevices.ts',
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
-export function computeRelativeImageURL(cssURLValue: string): string {
-  return cssURLValue.replace(/@url\(([^\)]*?)\)/g, (_match: string, url: string) => {
-    return new URL(`../../emulated_devices/${url}`, import.meta.url).toString();
-  });
-}
-
 export class EmulatedDevice {
   title: string;
   type: Type;
@@ -75,8 +69,8 @@ export class EmulatedDevice {
   constructor() {
     this.title = '';
     this.type = Type.Unknown;
-    this.vertical = {width: 0, height: 0, outlineInsets: null, outlineImage: null, hinge: null};
-    this.horizontal = {width: 0, height: 0, outlineInsets: null, outlineImage: null, hinge: null};
+    this.vertical = {width: 0, height: 0, hinge: null};
+    this.horizontal = {width: 0, height: 0, hinge: null};
     this.deviceScaleFactor = 1;
     this.capabilities = [Capability.TOUCH, Capability.MOBILE];
     this.userAgent = '';
@@ -85,8 +79,8 @@ export class EmulatedDevice {
 
     this.isDualScreen = false;
     this.isFoldableScreen = false;
-    this.verticalSpanned = {width: 0, height: 0, outlineInsets: null, outlineImage: null, hinge: null};
-    this.horizontalSpanned = {width: 0, height: 0, outlineInsets: null, outlineImage: null, hinge: null};
+    this.verticalSpanned = {width: 0, height: 0, hinge: null};
+    this.horizontalSpanned = {width: 0, height: 0, hinge: null};
 
     this.#show = Show.Default;
     this.#showByDefault = true;
@@ -202,15 +196,6 @@ export class EmulatedDevice {
           throw new Error('Emulated device has wrong height: ' + result.height);
         }
 
-        const outlineInsets = parseValue(json['outline'], 'insets', 'object', null);
-        if (outlineInsets) {
-          result.outlineInsets = parseInsets(outlineInsets);
-          if (result.outlineInsets.left < 0 || result.outlineInsets.top < 0) {
-            throw new Error('Emulated device has wrong outline insets');
-          }
-          result.outlineImage = (parseValue(json['outline'], 'image', 'string') as string);
-        }
-
         if (json['hinge']) {
           result.hinge = parseHinge(parseValue(json, 'hinge', 'object', undefined));
         }
@@ -282,9 +267,10 @@ export class EmulatedDevice {
         if (mode.insets.top < 0 || mode.insets.left < 0 || mode.insets.right < 0 || mode.insets.bottom < 0 ||
             mode.insets.top + mode.insets.bottom > orientation.height ||
             mode.insets.left + mode.insets.right > orientation.width) {
-          throw new Error('Emulated device mode \'' + mode.title + '\'has wrong mode insets');
+          throw new Error(
+              'Emulated device mode \'' + mode.title + '\'has wrong mode insets',
+          );
         }
-        mode.image = (parseValue(modes[i], 'image', 'string', null) as string);
         const safeAreaInsets = parseValue(modes[i], 'safe-area-insets', 'object', null);
         if (safeAreaInsets) {
           mode.safeAreaInsets = parseInsets(safeAreaInsets);
@@ -419,7 +405,6 @@ export class EmulatedDevice {
           right: this.modes[i].insets.right,
           bottom: this.modes[i].insets.bottom,
         },
-        image: this.modes[i].image || undefined,
       };
       const safeAreaInsets = this.modes[i].safeAreaInsets;
       if (safeAreaInsets) {
@@ -469,17 +454,7 @@ export class EmulatedDevice {
     const json = {} as any;
     json['width'] = orientation.width;
     json['height'] = orientation.height;
-    if (orientation.outlineInsets) {
-      json.outline = {
-        insets: {
-          left: orientation.outlineInsets.left,
-          top: orientation.outlineInsets.top,
-          right: orientation.outlineInsets.right,
-          bottom: orientation.outlineInsets.bottom,
-        },
-        image: orientation.outlineImage,
-      } as {image: string | null, insets: {left: number, right: number, top: number, bottom: number}};
-    }
+
     if (orientation.hinge) {
       json.hinge = {
         width: orientation.hinge.width,
@@ -515,21 +490,6 @@ export class EmulatedDevice {
     return json;
   }
 
-  modeImage(mode: Mode): string {
-    if (!mode.image) {
-      return '';
-    }
-    return computeRelativeImageURL(mode.image);
-  }
-
-  outlineImage(mode: Mode): string {
-    const orientation = this.orientationByName(mode.orientation);
-    if (!orientation.outlineImage) {
-      return '';
-    }
-    return computeRelativeImageURL(orientation.outlineImage);
-  }
-
   orientationByName(name: string): Orientation {
     switch (name) {
       case VerticalSpanned:
@@ -688,8 +648,16 @@ export class EmulatedDevicesList extends Common.ObjectWrapper.ObjectWrapper<Even
       if (device) {
         result.add(device);
         if (!device.modes.length) {
-          device.modes.push({title: '', orientation: Horizontal, insets: new Insets(0, 0, 0, 0), image: null});
-          device.modes.push({title: '', orientation: Vertical, insets: new Insets(0, 0, 0, 0), image: null});
+          device.modes.push({
+            title: '',
+            orientation: Horizontal,
+            insets: new Insets(0, 0, 0, 0),
+          });
+          device.modes.push({
+            title: '',
+            orientation: Vertical,
+            insets: new Insets(0, 0, 0, 0),
+          });
         }
       } else {
         success = false;
@@ -769,7 +737,6 @@ export interface Mode {
   title: string;
   orientation: string;
   insets: Insets;
-  image: string|null;
   safeAreaInsets?: Insets;
   cutout?: Cutout;
 }
@@ -791,14 +758,11 @@ export type Cutout = BaseCutout&({shape: CutoutShape.RECTANGLE}|{shape: CutoutSh
 export interface Orientation {
   width: number;
   height: number;
-  outlineInsets: Insets|null;
-  outlineImage: string|null;
   hinge: SDK.OverlayModel.Hinge|null;
 }
 export interface JSONMode {
   title: string;
   orientation: string;
-  image?: string;
   insets: {
     left: number,
     right: number,
@@ -2136,10 +2100,6 @@ const emulatedDevices = [
     'title': 'Nest Hub Max',
     'screen': {
       'horizontal': {
-        'outline': {
-          'image': '@url(optimized/google-nest-hub-max-horizontal.avif)',
-          'insets': {'left': 92, 'top': 96, 'right': 91, 'bottom': 248},
-        },
         'width': 1280,
         'height': 800,
       },
@@ -2249,19 +2209,11 @@ const emulatedDevices = [
     'title': 'Moto G4',
     'screen': {
       'horizontal': {
-        'outline': {
-          'image': '@url(optimized/MotoG4-landscape.avif)',
-          'insets': {'left': 91, 'top': 30, 'right': 74, 'bottom': 30},
-        },
         'width': 640,
         'height': 360,
       },
       'device-pixel-ratio': 3,
       'vertical': {
-        'outline': {
-          'image': '@url(optimized/MotoG4-portrait.avif)',
-          'insets': {'left': 30, 'top': 91, 'right': 30, 'bottom': 74},
-        },
         'width': 360,
         'height': 640,
       },

package/front_end/models/heap_snapshot/HeapSnapshotModel.ts

@@ -335,6 +335,15 @@ export interface NativeContextSizes {
   noAttributionSize: number;
 }
 
+export interface RetainedByContextSummary {
+  contextCount: number;
+  retainedByContextSize: number;
+  retainedByContextCount: number;
+  notRetainedByContextSize: number;
+  notRetainedByContextCount: number;
+  totalSize: number;
+}
+
 export const enum DOMLinkState {
   UNKNOWN = 0,
   ATTACHED = 1,
@@ -353,3 +362,21 @@ export interface ObjectInfo {
   edgeCount: number;
   retainerCount: number;
 }
+
+export interface HeapQueryOptions {
+  className?: string;
+  propertyName?: string;
+  nodeType?: string;
+  minRetainedSize?: number;
+  maxRetainedSize?: number;
+  minSelfSize?: number;
+  maxSelfSize?: number;
+  isDetached?: boolean;
+  sortBy?: 'retainedSize'|'selfSize'|'id';
+}
+
+export interface HeapEdgesQueryOptions {
+  sortBy?: 'retainedSize'|'selfSize'|'name';
+  minRetainedSize?: number;
+  excludePrimitives?: boolean;
+}

package/front_end/models/heap_snapshot/HeapSnapshotProxy.ts

@@ -280,6 +280,10 @@ export class HeapSnapshotProxy extends HeapSnapshotProxyObject {
     return this.callMethodPromise('getNativeContextSizes');
   }
 
+  getRetainedByContextSummary(): Promise<HeapSnapshotModel.RetainedByContextSummary> {
+    return this.callMethodPromise('getRetainedByContextSummary');
+  }
+
   aggregatesWithFilter(filter: HeapSnapshotModel.NodeFilter):
       Promise<Record<string, HeapSnapshotModel.AggregatedInfo>> {
     return this.callMethodPromise('aggregatesWithFilter', filter);
@@ -312,8 +316,8 @@ export class HeapSnapshotProxy extends HeapSnapshotProxyObject {
     return this.callMethodPromise('getObjectInfo', nodeIndex);
   }
 
-  createEdgesProvider(nodeIndex: number): HeapSnapshotProviderProxy {
-    return this.callFactoryMethod('createEdgesProvider', HeapSnapshotProviderProxy, nodeIndex);
+  createEdgesProvider(nodeIndex: number, options?: HeapSnapshotModel.HeapEdgesQueryOptions): HeapSnapshotProviderProxy {
+    return this.callFactoryMethod('createEdgesProvider', HeapSnapshotProviderProxy, nodeIndex, options);
   }
 
   createRetainingEdgesProvider(nodeIndex: number): HeapSnapshotProviderProxy {
@@ -336,6 +340,10 @@ export class HeapSnapshotProxy extends HeapSnapshotProxyObject {
     return this.callFactoryMethod('createNodesProviderForClass', HeapSnapshotProviderProxy, classKey, nodeFilter);
   }
 
+  queryObjects(queryOptions: HeapSnapshotModel.HeapQueryOptions): HeapSnapshotProviderProxy {
+    return this.callFactoryMethod('queryObjects', HeapSnapshotProviderProxy, queryOptions);
+  }
+
   allocationTracesTops(): Promise<HeapSnapshotModel.SerializedAllocationNode[]> {
     return this.callMethodPromise('allocationTracesTops');
   }

package/front_end/models/issues_manager/descriptions/connectionAllowlistEmbeddingRequirementNotSatisfied.md

@@ -0,0 +1,26 @@
+# A framed document did not accept its embedder's `Connection-Allowlist`.
+
+An embedder can require a framed document to enforce a `Connection-Allowlist` by
+setting the `connectionallowlist` attribute on the frame. The framed document
+must agree, in one of two ways:
+
+*   by responding with an `Allow-Connection-Allowlist-From` header naming the
+    embedder's origin (or `*` to accept any embedder), which installs the
+    embedder's allowlist on the framed document, or
+*   by responding with a `Connection-Allowlist` header of its own that is at
+    least as strict as the one required, which is then enforced instead.
+
+This response did neither, so it was not displayed.
+
+For example, a document framed by an embedder requiring
+`("https://cdn.example/")` may accept that requirement outright:
+
+```
+Allow-Connection-Allowlist-From: *
+```
+
+or satisfy it with an allowlist that is no more permissive:
+
+```
+Connection-Allowlist: ("https://cdn.example/")
+```

package/front_end/models/issues_manager/descriptions/connectionAllowlistIFrameAttributeLoosensEmbeddingRequirement.md

@@ -0,0 +1,19 @@
+# A frame's `connectionallowlist` attribute was discarded.
+
+An embedder can require a framed document to enforce a `Connection-Allowlist` by
+setting the `connectionallowlist` attribute on the frame. When a requirement is
+already in effect for the embedder itself, a nested frame's attribute may only
+make that requirement stricter, never looser.
+
+This frame's attribute allowed connections that the requirement it inherits from
+an ancestor does not, so the attribute was discarded and the inherited
+requirement applies unchanged.
+
+For example, the nested frame below cannot re-admit `https://example.com/`, so
+it inherits `("https://cdn.example/")` rather than the value it asked for:
+
+```
+<!-- Framed by an ancestor that requires ("https://cdn.example/"): -->
+<iframe connectionallowlist='("https://cdn.example/" "https://example.com/")'
+        src="..."></iframe>
+```

package/front_end/models/issues_manager/descriptions/connectionAllowlistInvalidAllowConnectionAllowlistFrom.md

@@ -0,0 +1,21 @@
+# The `Allow-Connection-Allowlist-From` header is invalid.
+
+A document that is framed by an embedder requiring a `Connection-Allowlist` can
+accept that requirement by responding with an `Allow-Connection-Allowlist-From`
+header. The header's value must be either `*`, or a single serialized origin
+naming the embedder whose requirement it is willing to accept.
+
+This response's header was neither, so it could not be used to accept the
+embedder's requirement.
+
+For example, both of the following are valid:
+
+```
+Allow-Connection-Allowlist-From: *
+Allow-Connection-Allowlist-From: https://example.com
+```
+
+Note that an origin's serialization has no trailing slash, and carries no path,
+query, or userinfo. Values like `https://example.com/` and
+`https://user@example.com/path` are therefore rejected rather than being
+silently reinterpreted as `https://example.com`.

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -2445,7 +2445,7 @@ export const NativeFunctions = [
   },
   {
     name: "importNode",
-    signatures: [["node","?options"],["node","?deep"]]
+    signatures: [["node","?options"]]
   },
   {
     name: "queryCommandEnabled",

package/front_end/models/persistence/AutomaticFileSystemManager.ts

@@ -113,12 +113,12 @@ export class AutomaticFileSystemManager extends Common.ObjectWrapper.ObjectWrapp
    */
   static removeInstance(): void {
     if (Root.DevToolsContext.globalInstance().has(AutomaticFileSystemManager)) {
-      Root.DevToolsContext.globalInstance().get(AutomaticFileSystemManager).#dispose();
+      Root.DevToolsContext.globalInstance().get(AutomaticFileSystemManager).dispose();
       Root.DevToolsContext.globalInstance().delete(AutomaticFileSystemManager);
     }
   }
 
-  #dispose(): void {
+  dispose(): void {
     this.#inspectorFrontendHost.events.removeEventListener(
         Host.InspectorFrontendHostAPI.Events.FileSystemRemoved, this.#fileSystemRemoved, this);
     this.#projectSettingsModel.removeEventListener(

package/front_end/models/persistence/IsolatedFileSystem.ts

@@ -13,14 +13,14 @@ import {Events as PlatformFileSystemEvents, PlatformFileSystem, PlatformFileSyst
 
 const UIStrings = {
   /**
-   * @description Text in Isolated File System of the Workspace settings in Settings
+   * @description Text in isolated file system of workspace settings in Settings.
    * @example {folder does not exist} PH1
    */
   fileSystemErrorS: 'File system error: {PH1}',
   /**
-   * @description Error message when reading a remote blob
+   * @description Error message when reading a remote blob.
    */
-  blobCouldNotBeLoaded: 'Blob could not be loaded.',
+  blobCouldNotBeLoaded: 'Blob couldn’t be loaded',
   /**
    * @description Error message when reading a file.
    * @example {c:\dir\file.js} PH1
@@ -28,18 +28,17 @@ const UIStrings = {
    */
   cantReadFileSS: 'Can’t read file: {PH1}: {PH2}',
   /**
-   * @description Text to show something is linked to another
+   * @description Text to show something is linked to another.
    * @example {example.url} PH1
    */
   linkedToS: 'Linked to {PH1}',
   /**
-   * @description Error message shown when devtools failed to create a file system directory.
+   * @description Error message shown when DevTools failed to create a file system directory.
    * @example {path/} PH1
    */
-  createDirFailedBecausePathIsFile:
-      'Overrides: Failed to create directory {PH1} because the path exists and is a file.',
+  createDirFailedBecausePathIsFile: 'Overrides: Failed to create directory {PH1} because the path exists and is a file',
   /**
-   * @description Error message shown when devtools failed to create a file system directory.
+   * @description Error message shown when DevTools failed to create a file system directory.
    * @example {path/} PH1
    */
   createDirFailed: 'Overrides: Failed to create directory {PH1}. Are the workspace or overrides configured correctly?',

package/front_end/models/persistence/IsolatedFileSystemManager.ts

@@ -18,10 +18,10 @@ import {
 
 const UIStrings = {
   /**
-   * @description Text in Isolated File System Manager of the Workspace settings in Settings
+   * @description Text in isolated file system manager of workspace settings in Settings.
    * @example {folder does not exist} PH1
    */
-  unableToAddFilesystemS: 'Unable to add filesystem: {PH1}',
+  unableToAddFilesystemS: 'Can’t add file system: {PH1}',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/persistence/IsolatedFileSystemManager.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -35,6 +35,7 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
   private readonly fileSystemsLoadedPromise: Promise<IsolatedFileSystem[]>;
   readonly #settings: Common.Settings.Settings;
   readonly #console: Common.Console.Console;
+  readonly #eventDescriptors: Common.EventTarget.EventDescriptor[];
   constructor(settings: Common.Settings.Settings, console: Common.Console.Console) {
     super();
     this.#settings = settings;
@@ -44,20 +45,22 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
     this.callbacks = new Map();
     this.progresses = new Map();
 
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.FileSystemRemoved, this.onFileSystemRemoved, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.FileSystemAdded, this.onFileSystemAdded, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.FileSystemFilesChangedAddedRemoved, this.onFileSystemFilesChanged, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.IndexingTotalWorkCalculated, this.onIndexingTotalWorkCalculated, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.IndexingWorked, this.onIndexingWorked, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.IndexingDone, this.onIndexingDone, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.SearchCompleted, this.onSearchCompleted, this);
+    this.#eventDescriptors = [
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.FileSystemRemoved, this.onFileSystemRemoved, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.FileSystemAdded, this.onFileSystemAdded, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.FileSystemFilesChangedAddedRemoved, this.onFileSystemFilesChanged, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.IndexingTotalWorkCalculated, this.onIndexingTotalWorkCalculated, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.IndexingWorked, this.onIndexingWorked, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.IndexingDone, this.onIndexingDone, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.SearchCompleted, this.onSearchCompleted, this),
+    ];
 
     // Initialize exclude pattern settings
     const defaultCommonExcludedFolders = [
@@ -101,20 +104,7 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
 
   // TODO(crbug.com/542394587): Should be `Symbol.dispsoe`
   dispose(): void {
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.FileSystemRemoved, this.onFileSystemRemoved, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.FileSystemAdded, this.onFileSystemAdded, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.FileSystemFilesChangedAddedRemoved, this.onFileSystemFilesChanged, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.IndexingTotalWorkCalculated, this.onIndexingTotalWorkCalculated, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.IndexingWorked, this.onIndexingWorked, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.IndexingDone, this.onIndexingDone, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
-        Host.InspectorFrontendHostAPI.Events.SearchCompleted, this.onSearchCompleted, this);
+    Common.EventTarget.removeEventListeners(this.#eventDescriptors);
   }
 
   static instance(opts: {
@@ -141,8 +131,9 @@ export class IsolatedFileSystemManager extends Common.ObjectWrapper.ObjectWrappe
 
   private requestFileSystems(): Promise<IsolatedFileSystem[]> {
     const {resolve, promise} = Promise.withResolvers<IsolatedFileSystem[]>();
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+    const descriptor = Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
         Host.InspectorFrontendHostAPI.Events.FileSystemsLoaded, onFileSystemsLoaded, this);
+    this.#eventDescriptors.push(descriptor);
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.requestFileSystems();
     return promise;
 

package/front_end/models/persistence/PlatformFileSystem.ts

@@ -11,7 +11,7 @@ const UIStrings = {
   /**
    * @description Assertion error message when failing to load a file.
    */
-  unableToReadFilesWithThis: '`PlatformFileSystem` cannot read files.',
+  unableToReadFilesWithThis: '`PlatformFileSystem` can’t read files',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/persistence/PlatformFileSystem.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/persistence/persistence-meta.ts

@@ -7,36 +7,36 @@ import * as i18n from '../../core/i18n/i18n.js';
 
 const UIStrings = {
   /**
-   * @description Title of a setting under the Persistence category in Settings
+   * @description Title of a setting under the Persistence category in Settings.
    */
   localOverrides: 'Local overrides',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
    */
   interception: 'interception',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
    */
   override: 'override',
   /**
-   * @description A tag of Group Network by frame setting that can be searched in the command menu
+   * @description A tag of group network by frame setting that can be searched in the command menu.
    */
   network: 'network',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
    */
   rewrite: 'rewrite',
   /**
-   * @description A tag of Enable Local Overrides setting that can be searched in the command menu.
-   *Noun for network request.
+   * @description A tag of enable local overrides setting that can be searched in the command menu.
+   * Noun for network request.
    */
   request: 'request',
   /**
-   * @description Title of an option under the Persistence category that can be invoked through the Command Menu
+   * @description Title of an option under the Persistence category that can be invoked through the command menu.
    */
   enableOverrideNetworkRequests: 'Enable override network requests',
   /**
-   * @description Title of an option under the Persistence category that can be invoked through the Command Menu
+   * @description Title of an option under the Persistence category that can be invoked through the command menu.
    */
   disableOverrideNetworkRequests: 'Disable override network requests',
 } as const;

package/front_end/models/trace/types/TraceEvents.ts

@@ -3277,6 +3277,42 @@ export const Categories = {
   Loading: 'loading',
 } as const;
 
+export const DefaultCategories = [
+  'blink.console',
+  'blink.user_timing',
+  'loading',
+  'devtools.timeline',
+  'disabled-by-default-devtools.target-rundown',
+  'disabled-by-default-devtools.timeline.frame',
+  'disabled-by-default-devtools.timeline.stack',
+  'disabled-by-default-devtools.timeline',
+  'disabled-by-default-devtools.v8-source-rundown-sources',
+  'disabled-by-default-devtools.v8-source-rundown',
+  'disabled-by-default-layout_shift.debug',
+  'disabled-by-default-v8.inspector',
+  'disabled-by-default-v8.cpu_profiler.hires',
+  'disabled-by-default-lighthouse',
+  'v8.execute',
+  'v8',
+  'cppgc',
+  'navigation,rail',
+] as const;
+
+export const OptionalCategories = {
+  JsSampling: ['disabled-by-default-v8.cpu_profiler'],
+  InvalidationTracking: ['disabled-by-default-devtools.timeline.invalidationTracking'],
+  AdvancedPaint: [
+    'disabled-by-default-devtools.timeline.layers',
+    'disabled-by-default-devtools.timeline.picture',
+    'disabled-by-default-blink.graphics_context_annotations',
+  ],
+  Screenshot: ['disabled-by-default-devtools.screenshot'],
+  CssSelectorStats: [
+    'disabled-by-default-blink.debug',
+    'disabled-by-default-devtools.timeline.invalidationTracking',
+  ],
+} as const;
+
 /**
  * The frames implementation in handlers/FramesHandler is considered "legacy"
  * in that it is based on the old TimelineModel implementation rather than

package/front_end/models/workspace/FileManager.ts

@@ -15,14 +15,21 @@ export interface SaveCallbackParam {
 export class FileManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
   readonly #saveCallbacks = new Map<
       Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString, (arg0: SaveCallbackParam|null) => void>();
+  readonly #eventDescriptors: Common.EventTarget.EventDescriptor[];
   constructor() {
     super();
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.SavedURL, this.savedURL, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.CanceledSaveURL, this.#canceledSavedURL, this);
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
-        Host.InspectorFrontendHostAPI.Events.AppendedToURL, this.appendedToURL, this);
+    this.#eventDescriptors = [
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.SavedURL, this.savedURL, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.CanceledSaveURL, this.#canceledSavedURL, this),
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
+          Host.InspectorFrontendHostAPI.Events.AppendedToURL, this.appendedToURL, this),
+    ];
+  }
+
+  dispose(): void {
+    Common.EventTarget.removeEventListeners(this.#eventDescriptors);
   }
 
   static instance(opts: {forceNew: boolean|null} = {forceNew: null}): FileManager {

package/front_end/panels/accessibility/ARIAAttributesView.ts

@@ -15,11 +15,11 @@ import {ariaMetadata} from './ARIAMetadata.js';
 
 const UIStrings = {
   /**
-   * @description Text in ARIAAttributes View of the Accessibility panel
+   * @description Text in the ARIA attributes view under the Accessibility tab in the Elements panel.
    */
-  ariaAttributes: 'ARIA Attributes',
+  ariaAttributes: 'ARIA attributes',
   /**
-   * @description Text in ARIAAttributes View of the Accessibility panel
+   * @description Text in the ARIA attributes view under the Accessibility tab in the Elements panel.
    */
   noAriaAttributes: 'No ARIA attributes',
 } as const;