chrome-devtools-frontend 1.0.941208 → 1.0.943182

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

@@ -12,6 +12,15 @@
  */
 export namespace ProtocolMapping {
   export interface Events {
+    /**
+     * The loadComplete event mirrors the load complete event sent by the browser to assistive
+     * technology when the web page has finished loading.
+     */
+    'Accessibility.loadComplete': [Protocol.Accessibility.LoadCompleteEvent];
+    /**
+     * The nodesUpdated event is sent every time a previously requested node has changed the in tree.
+     */
+    'Accessibility.nodesUpdated': [Protocol.Accessibility.NodesUpdatedEvent];
     /**
      * Event for when an animation has been cancelled.
      */
@@ -438,7 +447,7 @@ export namespace ProtocolMapping {
      */
     'Security.visibleSecurityStateChanged': [Protocol.Security.VisibleSecurityStateChangedEvent];
     /**
-     * The security state of the page changed.
+     * The security state of the page changed. No longer being sent.
      */
     'Security.securityStateChanged': [Protocol.Security.SecurityStateChangedEvent];
     'ServiceWorker.workerErrorReported': [Protocol.ServiceWorker.WorkerErrorReportedEvent];
@@ -701,6 +710,22 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.Accessibility.GetFullAXTreeRequest?];
       returnType: Protocol.Accessibility.GetFullAXTreeResponse;
     };
+    /**
+     * Fetches the root node.
+     * Requires `enable()` to have been called previously.
+     */
+    'Accessibility.getRootAXNode': {
+      paramsType: [Protocol.Accessibility.GetRootAXNodeRequest?];
+      returnType: Protocol.Accessibility.GetRootAXNodeResponse;
+    };
+    /**
+     * Fetches a node and all ancestors up to and including the root.
+     * Requires `enable()` to have been called previously.
+     */
+    'Accessibility.getAXNodeAndAncestors': {
+      paramsType: [Protocol.Accessibility.GetAXNodeAndAncestorsRequest?];
+      returnType: Protocol.Accessibility.GetAXNodeAndAncestorsResponse;
+    };
     /**
      * Fetches a particular accessibility node by AXNodeId.
      * Requires `enable()` to have been called previously.
@@ -2327,6 +2352,11 @@ export namespace ProtocolMapping {
      * Clears seeded compilation cache.
      */
     'Page.clearCompilationCache': {paramsType: []; returnType: void;};
+    /**
+     * Sets the Secure Payment Confirmation transaction mode.
+     * https://w3c.github.io/secure-payment-confirmation/#sctn-automation-set-spc-transaction-mode
+     */
+    'Page.setSPCTransactionMode': {paramsType: [Protocol.Page.SetSPCTransactionModeRequest]; returnType: void;};
     /**
      * Generates a report for testing.
      */

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

@@ -225,6 +225,20 @@ declare namespace ProtocolProxyApi {
     invoke_getFullAXTree(params: Protocol.Accessibility.GetFullAXTreeRequest):
         Promise<Protocol.Accessibility.GetFullAXTreeResponse>;
 
+    /**
+     * Fetches the root node.
+     * Requires `enable()` to have been called previously.
+     */
+    invoke_getRootAXNode(params: Protocol.Accessibility.GetRootAXNodeRequest):
+        Promise<Protocol.Accessibility.GetRootAXNodeResponse>;
+
+    /**
+     * Fetches a node and all ancestors up to and including the root.
+     * Requires `enable()` to have been called previously.
+     */
+    invoke_getAXNodeAndAncestors(params: Protocol.Accessibility.GetAXNodeAndAncestorsRequest):
+        Promise<Protocol.Accessibility.GetAXNodeAndAncestorsResponse>;
+
     /**
      * Fetches a particular accessibility node by AXNodeId.
      * Requires `enable()` to have been called previously.
@@ -242,7 +256,18 @@ declare namespace ProtocolProxyApi {
     invoke_queryAXTree(params: Protocol.Accessibility.QueryAXTreeRequest):
         Promise<Protocol.Accessibility.QueryAXTreeResponse>;
   }
-  export interface AccessibilityDispatcher {}
+  export interface AccessibilityDispatcher {
+    /**
+     * The loadComplete event mirrors the load complete event sent by the browser to assistive
+     * technology when the web page has finished loading.
+     */
+    loadComplete(params: Protocol.Accessibility.LoadCompleteEvent): void;
+
+    /**
+     * The nodesUpdated event is sent every time a previously requested node has changed the in tree.
+     */
+    nodesUpdated(params: Protocol.Accessibility.NodesUpdatedEvent): void;
+  }
 
   export interface AnimationApi {
     /**
@@ -2637,6 +2662,13 @@ declare namespace ProtocolProxyApi {
      */
     invoke_clearCompilationCache(): Promise<Protocol.ProtocolResponseWithError>;
 
+    /**
+     * Sets the Secure Payment Confirmation transaction mode.
+     * https://w3c.github.io/secure-payment-confirmation/#sctn-automation-set-spc-transaction-mode
+     */
+    invoke_setSPCTransactionMode(params: Protocol.Page.SetSPCTransactionModeRequest):
+        Promise<Protocol.ProtocolResponseWithError>;
+
     /**
      * Generates a report for testing.
      */
@@ -2879,7 +2911,7 @@ declare namespace ProtocolProxyApi {
     visibleSecurityStateChanged(params: Protocol.Security.VisibleSecurityStateChangedEvent): void;
 
     /**
-     * The security state of the page changed.
+     * The security state of the page changed. No longer being sent.
      */
     securityStateChanged(params: Protocol.Security.SecurityStateChangedEvent): void;
   }

package/front_end/generated/protocol.d.ts

@@ -252,6 +252,10 @@ declare namespace Protocol {
        * All other properties
        */
       properties?: AXProperty[];
+      /**
+       * ID for this node's parent.
+       */
+      parentId?: AXNodeId;
       /**
        * IDs for each of this node's child nodes.
        */
@@ -260,6 +264,10 @@ declare namespace Protocol {
        * The backend ID for the associated DOM node, if any.
        */
       backendDOMNodeId?: DOM.BackendNodeId;
+      /**
+       * The frame ID for the frame associated with this nodes document.
+       */
+      frameId?: Page.FrameId;
     }
 
     export interface GetPartialAXTreeRequest {
@@ -310,6 +318,37 @@ declare namespace Protocol {
       nodes: AXNode[];
     }
 
+    export interface GetRootAXNodeRequest {
+      /**
+       * The frame in whose document the node resides.
+       * If omitted, the root frame is used.
+       */
+      frameId?: Page.FrameId;
+    }
+
+    export interface GetRootAXNodeResponse extends ProtocolResponseWithError {
+      node: AXNode;
+    }
+
+    export interface GetAXNodeAndAncestorsRequest {
+      /**
+       * Identifier of the node to get.
+       */
+      nodeId?: DOM.NodeId;
+      /**
+       * Identifier of the backend node to get.
+       */
+      backendNodeId?: DOM.BackendNodeId;
+      /**
+       * JavaScript object id of the node wrapper to get.
+       */
+      objectId?: Runtime.RemoteObjectId;
+    }
+
+    export interface GetAXNodeAndAncestorsResponse extends ProtocolResponseWithError {
+      nodes: AXNode[];
+    }
+
     export interface GetChildAXNodesRequest {
       id: AXNodeId;
       /**
@@ -353,6 +392,27 @@ declare namespace Protocol {
        */
       nodes: AXNode[];
     }
+
+    /**
+     * The loadComplete event mirrors the load complete event sent by the browser to assistive
+     * technology when the web page has finished loading.
+     */
+    export interface LoadCompleteEvent {
+      /**
+       * New document root node.
+       */
+      root: AXNode;
+    }
+
+    /**
+     * The nodesUpdated event is sent every time a previously requested node has changed the in tree.
+     */
+    export interface NodesUpdatedEvent {
+      /**
+       * Updated node data.
+       */
+      nodes: AXNode[];
+    }
   }
 
   export namespace Animation {
@@ -4878,6 +4938,7 @@ declare namespace Protocol {
      */
     export interface UserAgentMetadata {
       brands?: UserAgentBrandVersion[];
+      fullVersionList?: UserAgentBrandVersion[];
       fullVersion?: string;
       platform: string;
       platformVersion: string;
@@ -6987,9 +7048,10 @@ declare namespace Protocol {
        */
       logId: string;
       /**
-       * Issuance date.
+       * Issuance date. Unlike TimeSinceEpoch, this contains the number of
+       * milliseconds since January 1, 1970, UTC, not the number of seconds.
        */
-      timestamp: TimeSinceEpoch;
+      timestamp: number;
       /**
        * Hash algorithm.
        */
@@ -9844,6 +9906,7 @@ declare namespace Protocol {
       ChUaModel = 'ch-ua-model',
       ChUaMobile = 'ch-ua-mobile',
       ChUaFullVersion = 'ch-ua-full-version',
+      ChUaFullVersionList = 'ch-ua-full-version-list',
       ChUaPlatformVersion = 'ch-ua-platform-version',
       ChUaReduced = 'ch-ua-reduced',
       ChViewportHeight = 'ch-viewport-height',
@@ -9867,6 +9930,7 @@ declare namespace Protocol {
       Hid = 'hid',
       IdleDetection = 'idle-detection',
       InterestCohort = 'interest-cohort',
+      JoinAdInterestGroup = 'join-ad-interest-group',
       KeyboardMap = 'keyboard-map',
       Magnetometer = 'magnetometer',
       Microphone = 'microphone',
@@ -9875,6 +9939,7 @@ declare namespace Protocol {
       Payment = 'payment',
       PictureInPicture = 'picture-in-picture',
       PublickeyCredentialsGet = 'publickey-credentials-get',
+      RunAdAuction = 'run-ad-auction',
       ScreenWakeLock = 'screen-wake-lock',
       Serial = 'serial',
       SharedAutofill = 'shared-autofill',
@@ -11261,6 +11326,16 @@ declare namespace Protocol {
       data: binary;
     }
 
+    export const enum SetSPCTransactionModeRequestMode {
+      None = 'none',
+      Autoaccept = 'autoaccept',
+      Autoreject = 'autoreject',
+    }
+
+    export interface SetSPCTransactionModeRequest {
+      mode: SetSPCTransactionModeRequestMode;
+    }
+
     export interface GenerateTestReportRequest {
       /**
        * Message to be displayed in the report.
@@ -12084,7 +12159,7 @@ declare namespace Protocol {
     }
 
     /**
-     * The security state of the page changed.
+     * The security state of the page changed. No longer being sent.
      */
     export interface SecurityStateChangedEvent {
       /**
@@ -12096,8 +12171,8 @@ declare namespace Protocol {
        */
       schemeIsCryptographic: boolean;
       /**
-       * List of explanations for the security state. If the overall security state is `insecure` or
-       * `warning`, at least one corresponding explanation should be included.
+       * Previously a list of explanations for the security state. Now always
+       * empty.
        */
       explanations: SecurityStateExplanation[];
       /**
@@ -12105,7 +12180,7 @@ declare namespace Protocol {
        */
       insecureContentStatus: InsecureContentStatus;
       /**
-       * Overrides user-visible description of the state.
+       * Overrides user-visible description of the state. Always omitted.
        */
       summary?: string;
     }

package/front_end/legacy_test_runner/bindings_test_runner/IsolatedFilesystemTestRunner.js

@@ -1,6 +1,7 @@
 // Copyright 2017 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';
 
 /**
  * @fileoverview using private properties isn't a Closure violation in tests.
@@ -52,8 +53,7 @@ BindingsTestRunner.TestFileSystem.prototype = {
 
     function created(event) {
       const fileSystem = event.data;
-
-      if (fileSystem.path() !== fileSystemPath) {
+      if (fileSystem.path() !== Common.ParsedURL.ParsedURL.rawPathToUrlString(fileSystemPath)) {
         return;
       }
 

package/front_end/legacy_test_runner/console_test_runner/console_test_runner.js

@@ -131,7 +131,11 @@ ConsoleTestRunner.dumpConsoleTableMessage = function(viewMessage, forceInvalidat
   if (forceInvalidate) {
     Console.ConsoleView.instance().viewport.invalidate();
   }
-  const table = viewMessage.element();
+  const formattedTable = viewMessage.element().querySelector('.console-message-formatted-table');
+  if (!formattedTable) {
+    return false;
+  }
+  const table = formattedTable.querySelector('span').shadowRoot;
   const headers = table.querySelectorAll('th > div:first-child');
   if (!headers.length) {
     return false;

package/front_end/legacy_test_runner/legacy_test_runner.ts

@@ -2,6 +2,16 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import '../core/common/common-legacy.js';
+import '../models/text_utils/text_utils-legacy.js';
+import '../core/host/host-legacy.js';
+import '../core/protocol_client/protocol_client-legacy.js';
+import '../ui/legacy/legacy-legacy.js';
+import '../models/workspace/workspace-legacy.js';
+import '../models/bindings/bindings-legacy.js';
+import '../ui/legacy/components/utils/utils-legacy.js';
+import '../models/persistence/persistence-legacy.js';
+import '../models/extensions/extensions-legacy.js';
 import '../entrypoints/devtools_app/devtools_app.js';
 import '../panels/accessibility/accessibility-legacy.js';
 import '../panels/animation/animation-legacy.js';
@@ -12,7 +22,6 @@ import '../ui/legacy/components/data_grid/data_grid-legacy.js';
 import '../third_party/diff/diff-legacy.js';
 import '../models/extensions/extensions-legacy.js';
 import '../models/formatter/formatter-legacy.js';
-import '../core/host/host-legacy.js';
 import '../ui/legacy/components/inline_editor/inline_editor-legacy.js';
 import '../core/root/root-legacy.js';
 import '../core/sdk/sdk-legacy.js';

package/front_end/legacy_test_runner/test_runner/TestRunner.js

@@ -398,7 +398,9 @@ export function textContentWithLineBreaks(node) {
  * @return {string}
  */
 export function textContentWithLineBreaksTrimmed(node) {
-  return textContentWithLineBreaks(node).replace(/[ ]+/g, ' ');
+  // We want to allow single empty lines (2 white space characters), but
+  // compress occurences of 3 or more whitespaces.
+  return textContentWithLineBreaks(node).replace(/\s{3,}/g, ' ');
 }
 
 /**

package/front_end/models/formatter/SourceFormatter.ts

@@ -142,16 +142,6 @@ export class SourceFormatter {
         await this.scriptMapping.setSourceMappingEnabled(formatData, true);
         await this.styleMapping.setSourceMappingEnabled(formatData, true);
         cacheEntry.formatData = formatData;
-
-        for (const decoration of uiSourceCode.allDecorations()) {
-          const range = decoration.range();
-          const startLocation = formattedMapping.originalToFormatted(range.startLine, range.startColumn);
-          const endLocation = formattedMapping.originalToFormatted(range.endLine, range.endColumn);
-          formattedUISourceCode.addDecoration(
-              new TextUtils.TextRange.TextRange(startLocation[0], startLocation[1], endLocation[0], endLocation[1]),
-              (decoration.type() as string), decoration.data());
-        }
-
         resolve(formatData);
       } catch (e) {
         reject(e);

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

@@ -8,7 +8,6 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Workspace from '../workspace/workspace.js';
 
-// eslint-disable-next-line rulesdir/es_modules_import
 import type * as Persistence from './persistence.js';
 
 const UIStrings = {

package/front_end/models/workspace/UISourceCode.ts

@@ -60,7 +60,7 @@ export class UISourceCode extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
   private nameInternal: string;
   private contentTypeInternal: Common.ResourceType.ResourceType;
   private requestContentPromise: Promise<TextUtils.ContentProvider.DeferredContent>|null;
-  private decorations: Platform.MapUtilities.Multimap<string, LineMarker>|null;
+  private decorations: Map<string, any> = new Map();
   private hasCommitsInternal: boolean;
   private messagesInternal: Set<Message>|null;
   private contentLoadedInternal: boolean;
@@ -94,7 +94,6 @@ export class UISourceCode extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
 
     this.contentTypeInternal = contentType;
     this.requestContentPromise = null;
-    this.decorations = null;
     this.hasCommitsInternal = false;
     this.messagesInternal = null;
     this.contentLoadedInternal = false;
@@ -455,45 +454,15 @@ export class UISourceCode extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     this.messagesInternal = null;
   }
 
-  addLineDecoration(lineNumber: number, type: string, data: any): void {
-    this.addDecoration(TextUtils.TextRange.TextRange.createFromLocation(lineNumber, 0), type, data);
-  }
-
-  addDecoration(range: TextUtils.TextRange.TextRange, type: string, data: any): void {
-    const marker = new LineMarker(range, type, data);
-    if (!this.decorations) {
-      this.decorations = new Platform.MapUtilities.Multimap();
-    }
-    this.decorations.set(type, marker);
-    this.dispatchEventToListeners(Events.LineDecorationAdded, marker);
-  }
-
-  removeDecorationsForType(type: string): void {
-    if (!this.decorations) {
-      return;
-    }
-    const markers = this.decorations.get(type);
-    this.decorations.deleteAll(type);
-    markers.forEach(marker => {
-      this.dispatchEventToListeners(Events.LineDecorationRemoved, marker);
-    });
-  }
-
-  allDecorations(): LineMarker[] {
-    return this.decorations ? this.decorations.valuesArray() : [];
-  }
-
-  removeAllDecorations(): void {
-    if (!this.decorations) {
-      return;
+  setDecorationData(type: string, data: any): void {
+    if (data !== this.decorations.get(type)) {
+      this.decorations.set(type, data);
+      this.dispatchEventToListeners(Events.DecorationChanged, type);
     }
-    const decorationList = this.decorations.valuesArray();
-    this.decorations.clear();
-    decorationList.forEach(marker => this.dispatchEventToListeners(Events.LineDecorationRemoved, marker));
   }
 
-  decorationsForType(type: string): Set<LineMarker>|null {
-    return this.decorations ? this.decorations.get(type) : null;
+  getDecorationData(type: string): any {
+    return this.decorations.get(type);
   }
 
   disableEdit(): void {
@@ -513,8 +482,7 @@ export enum Events {
   TitleChanged = 'TitleChanged',
   MessageAdded = 'MessageAdded',
   MessageRemoved = 'MessageRemoved',
-  LineDecorationAdded = 'LineDecorationAdded',
-  LineDecorationRemoved = 'LineDecorationRemoved',
+  DecorationChanged = 'DecorationChanged',
 }
 
 export interface WorkingCopyCommitedEvent {
@@ -529,8 +497,7 @@ export type EventTypes = {
   [Events.TitleChanged]: UISourceCode,
   [Events.MessageAdded]: Message,
   [Events.MessageRemoved]: Message,
-  [Events.LineDecorationAdded]: LineMarker,
-  [Events.LineDecorationRemoved]: LineMarker,
+  [Events.DecorationChanged]: string,
 };
 
 export class UILocation {

package/front_end/panels/accessibility/accessibility-meta.ts

@@ -5,7 +5,6 @@
 import * as i18n from '../../core/i18n/i18n.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-// eslint-disable-next-line rulesdir/es_modules_import
 import type * as Accessibility from './accessibility.js';
 
 let loadedAccessibilityModule: (typeof Accessibility|undefined);

package/front_end/panels/animation/AnimationTimeline.ts

@@ -438,9 +438,6 @@ export class AnimationTimeline extends UI.Widget.VBox implements SDK.TargetManag
   }
 
   private togglePause(pause: boolean): void {
-    if (this.#scrubberPlayer) {
-      this.#scrubberPlayer.playbackRate = this.effectivePlaybackRate();
-    }
     if (this.#selectedGroup) {
       this.#selectedGroup.togglePause(pause);
       const preview = this.#previewMap.get(this.#selectedGroup);
@@ -448,6 +445,9 @@ export class AnimationTimeline extends UI.Widget.VBox implements SDK.TargetManag
         preview.element.classList.toggle('paused', pause);
       }
     }
+    if (this.#scrubberPlayer) {
+      this.#scrubberPlayer.playbackRate = this.effectivePlaybackRate();
+    }
     this.updateControlButton();
   }
 

package/front_end/panels/animation/animation-meta.ts

@@ -5,7 +5,6 @@
 import * as i18n from '../../core/i18n/i18n.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-// eslint-disable-next-line rulesdir/es_modules_import
 import type * as Animation from './animation.js';
 
 let loadedAnimationModule: (typeof Animation|undefined);

package/front_end/panels/application/ApplicationPanelSidebar.ts

@@ -1970,13 +1970,13 @@ export class FrameResourceTreeElement extends ApplicationPanelTreeElement {
     contextMenu.show();
   }
 
-  async revealResource(line?: number, column?: number): Promise<void> {
+  async revealResource(lineNumber?: number, columnNumber?: number): Promise<void> {
     this.revealAndSelect(true);
     const view = await this.panel.scheduleShowView(this.preparePreview());
-    if (!(view instanceof SourceFrame.ResourceSourceFrame.ResourceSourceFrame) || typeof line !== 'number') {
+    if (!(view instanceof SourceFrame.ResourceSourceFrame.ResourceSourceFrame) || typeof lineNumber !== 'number') {
       return;
     }
-    view.revealPosition(line, column, true);
+    view.revealPosition({lineNumber, columnNumber}, true);
   }
 }
 

package/front_end/panels/application/BackForwardCacheStrings.ts

@@ -16,9 +16,10 @@ const UIStrings = {
       'Back/forward cache is disabled by flags. Visit chrome://flags/#back-forward-cache to enable it locally on this device.',
   /**
       * @description Description text for not restored reason RelatedActiveContentsExist.
+      * Note: "window.open()" is the name of a JavaScript method and should not be translated.
       */
   relatedActiveContentsExist:
-      'The page was opened using `window.open()` and another tab has a reference to it, or the page opened a window.',
+      'The page was opened using \'`window.open()`\' and another tab has a reference to it, or the page opened a window.',
   /**
       * @description Description text for not restored reason HTTPStatusNotOK.
       */
@@ -83,6 +84,7 @@ const UIStrings = {
   sessionRestored: 'Chrome restarted and cleared the back/forward cache entries.',
   /**
       * @description Description text for not restored reason ServiceWorkerPostMessage.
+      * Note: "MessageEvent" should not be translated.
       */
   serviceWorkerPostMessage: 'A service worker attempted to send the page in back/forward cache a `MessageEvent`.',
   /**

package/front_end/panels/application/application-meta.ts

@@ -3,11 +3,9 @@
 // found in the LICENSE file.
 
 import * as Common from '../../core/common/common.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-// eslint-disable-next-line rulesdir/es_modules_import
 import type * as Resources from './application.js';
 
 import * as i18n from '../../core/i18n/i18n.js';
@@ -47,8 +45,6 @@ let loadedResourcesModule: (typeof Resources|undefined);
 
 async function loadResourcesModule(): Promise<typeof Resources> {
   if (!loadedResourcesModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/application');
     loadedResourcesModule = await import('./application.js');
   }
   return loadedResourcesModule;

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

@@ -36,7 +36,7 @@ export class EndpointsGrid extends HTMLElement {
     // clang-format off
     render(html`
       <div class="reporting-container">
-        <div class="reporting-header">Endpoints</div>
+        <div class="reporting-header">${i18n.i18n.lockedString('Endpoints')}</div>
         <div class="reporting-placeholder">
           <div>${i18nString(UIStrings.noEndpointsToDisplay)}</div>
         </div>

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

@@ -136,7 +136,7 @@ export class ReportsGrid extends HTMLElement {
     // clang-format off
     render(html`
       <div class="reporting-container">
-        <div class="reporting-header">Reports</div>
+        <div class="reporting-header">${i18n.i18n.lockedString('Reports')}</div>
         ${this.reports.length > 0 ? html`
           <${DataGrid.DataGridController.DataGridController.litTagName} .data=${
               reportsGridData as DataGrid.DataGridController.DataGridControllerData}>

package/front_end/panels/application/components/stackTraceRow.css

@@ -26,3 +26,11 @@
 .ignore-list-link {
   opacity: 60%;
 }
+
+.link,
+.devtools-link {
+  color: var(--color-link);
+  text-decoration: underline;
+  cursor: pointer;
+  padding: 2px 0; /* adjust focus ring size */
+}

package/front_end/panels/browser_debugger/browser_debugger-meta.ts

@@ -4,10 +4,9 @@
 
 import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
+import type * as Sources from '../sources/sources.js';
 
-// eslint-disable-next-line rulesdir/es_modules_import
 import type * as BrowserDebugger from './browser_debugger.js';
-import type * as Sources from '../sources/sources.js';
 
 import * as i18n from '../../core/i18n/i18n.js';
 const UIStrings = {

package/front_end/panels/changes/changes-meta.ts

@@ -7,7 +7,6 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as WorkspaceDiff from '../../models/workspace_diff/workspace_diff.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-// eslint-disable-next-line rulesdir/es_modules_import
 import type * as Changes from './changes.js';
 
 let loadedChangesModule: (typeof Changes|undefined);