chrome-devtools-frontend 1.0.981537 → 1.0.995491

package/front_end/core/sdk/PageLoad.ts

@@ -2,11 +2,13 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import type * as Platform from '../platform/platform.js';
+
 import type {NetworkRequest} from './NetworkRequest.js';
 
 export class PageLoad {
   id: number;
-  url: string;
+  url: Platform.DevToolsPath.UrlString;
   startTime: number;
   loadTime!: number;
   contentLoadTime!: number;

package/front_end/core/sdk/PageResourceLoader.ts

@@ -5,6 +5,7 @@
 import * as Common from '../common/common.js';
 import * as Host from '../host/host.js';
 import * as i18n from '../i18n/i18n.js';
+import type * as Platform from '../platform/platform.js';
 import type * as Protocol from '../../generated/protocol.js';
 
 import {FrameManager} from './FrameManager.js';
@@ -32,18 +33,18 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export type PageResourceLoadInitiator = {
   target: null,
   frameId: Protocol.Page.FrameId,
-  initiatorUrl: string|null,
+  initiatorUrl: Platform.DevToolsPath.UrlString|null,
 }|{
   target: Target,
   frameId: Protocol.Page.FrameId | null,
-  initiatorUrl: string | null,
+  initiatorUrl: Platform.DevToolsPath.UrlString | null,
 };
 
 export interface PageResource {
   success: boolean|null;
   errorMessage?: string;
   initiator: PageResourceLoadInitiator;
-  url: string;
+  url: Platform.DevToolsPath.UrlString;
   size: number|null;
 }
 
@@ -168,7 +169,7 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
     return Promise.race([promise, timeoutPromise]);
   }
 
-  static makeKey(url: string, initiator: PageResourceLoadInitiator): string {
+  static makeKey(url: Platform.DevToolsPath.UrlString, initiator: PageResourceLoadInitiator): string {
     if (initiator.frameId) {
       return `${url}-${initiator.frameId}`;
     }
@@ -178,7 +179,7 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
     throw new Error('Invalid initiator');
   }
 
-  async loadResource(url: string, initiator: PageResourceLoadInitiator): Promise<{
+  async loadResource(url: Platform.DevToolsPath.UrlString, initiator: PageResourceLoadInitiator): Promise<{
     content: string,
   }> {
     const key = PageResourceLoader.makeKey(url, initiator);
@@ -210,7 +211,7 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
     }
   }
 
-  private async dispatchLoad(url: string, initiator: PageResourceLoadInitiator): Promise<{
+  private async dispatchLoad(url: Platform.DevToolsPath.UrlString, initiator: PageResourceLoadInitiator): Promise<{
     success: boolean,
     content: string,
     errorDescription: Host.ResourceLoader.LoadErrorDescription,
@@ -285,7 +286,8 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
     return Host.UserMetrics.DeveloperResourceScheme.SchemeOther;
   }
 
-  private async loadFromTarget(target: Target, frameId: Protocol.Page.FrameId|null, url: string): Promise<{
+  private async loadFromTarget(
+      target: Target, frameId: Protocol.Page.FrameId|null, url: Platform.DevToolsPath.UrlString): Promise<{
     success: boolean,
     content: string,
     errorDescription: {

package/front_end/core/sdk/ProfileTreeModel.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import type * as Protocol from '../../generated/protocol.js';
+import type * as Platform from '../platform/platform.js';
 
 import type {Target} from './Target.js';
 
@@ -35,8 +36,8 @@ export class ProfileNode {
     return String(this.callFrame.scriptId) as Protocol.Runtime.ScriptId;
   }
 
-  get url(): string {
-    return this.callFrame.url;
+  get url(): Platform.DevToolsPath.UrlString {
+    return this.callFrame.url as Platform.DevToolsPath.UrlString;
   }
 
   get lineNumber(): number {

package/front_end/core/sdk/RemoteObject.ts

@@ -62,8 +62,8 @@ export class RemoteObject {
     return remoteObject.type;
   }
 
-  static isNullOrUndefined(remoteObject: RemoteObject|null|undefined): boolean {
-    if (remoteObject === null || remoteObject === undefined) {
+  static isNullOrUndefined(remoteObject?: RemoteObject): boolean {
+    if (remoteObject === undefined) {
       return true;
     }
     switch (remoteObject.type) {
@@ -715,7 +715,7 @@ export class ScopeRef {
 
 export class RemoteObjectProperty {
   name: string;
-  value: RemoteObject|null|undefined;
+  value?: RemoteObject;
   enumerable: boolean;
   writable: boolean;
   isOwn: boolean;
@@ -733,9 +733,7 @@ export class RemoteObjectProperty {
       wasThrown?: boolean, symbol?: RemoteObject|null, synthetic?: boolean,
       syntheticSetter?: ((arg0: string) => Promise<RemoteObject|null>), isPrivate?: boolean) {
     this.name = name;
-    if (value !== null) {
-      this.value = value;
-    }
+    this.value = value !== null ? value : undefined;
     this.enumerable = typeof enumerable !== 'undefined' ? enumerable : true;
     const isNonSyntheticOrSyntheticWritable = !synthetic || Boolean(syntheticSetter);
     this.writable = typeof writable !== 'undefined' ? writable : isNonSyntheticOrSyntheticWritable;
@@ -765,6 +763,20 @@ export class RemoteObjectProperty {
   isAccessorProperty(): boolean {
     return Boolean(this.getter || this.setter);
   }
+
+  match({includeNullOrUndefinedValues, regex}: {includeNullOrUndefinedValues: boolean, regex: RegExp|null}): boolean {
+    if (regex !== null) {
+      if (!regex.test(this.name) && !regex.test(this.value?.description ?? '')) {
+        return false;
+      }
+    }
+    if (!includeNullOrUndefinedValues) {
+      if (!this.isAccessorProperty() && RemoteObject.isNullOrUndefined(this.value)) {
+        return false;
+      }
+    }
+    return true;
+  }
 }
 
 // Below is a wrapper around a local object that implements the RemoteObject interface,

package/front_end/core/sdk/ResourceTreeModel.ts

@@ -34,7 +34,7 @@
 
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
-import type * as Platform from '../platform/platform.js';
+import * as Platform from '../platform/platform.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import * as Protocol from '../../generated/protocol.js';
 
@@ -108,7 +108,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     return result;
   }
 
-  static resourceForURL(url: string): Resource|null {
+  static resourceForURL(url: Platform.DevToolsPath.UrlString): Resource|null {
     for (const resourceTreeModel of TargetManager.instance().models(ResourceTreeModel)) {
       const mainFrame = resourceTreeModel.mainFrame;
       const result = mainFrame ? mainFrame.resourceForURL(url) : null;
@@ -322,7 +322,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
     return [...this.framesInternal.values()];
   }
 
-  resourceForURL(url: string): Resource|null {
+  resourceForURL(url: Platform.DevToolsPath.UrlString): Resource|null {
     // Workers call into this with no #frames available.
     return this.mainFrame ? this.mainFrame.resourceForURL(url) : null;
   }
@@ -399,7 +399,7 @@ export class ResourceTreeModel extends SDKModel<EventTypes> {
 
   // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  navigate(url: string): Promise<any> {
+  navigate(url: Platform.DevToolsPath.UrlString): Promise<any> {
     return this.agent.invoke_navigate({url});
   }
 
@@ -607,7 +607,7 @@ export class ResourceTreeFrame {
   #urlInternal: Platform.DevToolsPath.UrlString;
   #domainAndRegistryInternal: string;
   #securityOriginInternal: string|null;
-  #unreachableUrlInternal: string;
+  #unreachableUrlInternal: Platform.DevToolsPath.UrlString;
   #adFrameStatusInternal?: Protocol.Page.AdFrameStatus;
   #secureContextType: Protocol.Page.SecureContextType|null;
   #crossOriginIsolatedContextType: Protocol.Page.CrossOriginIsolatedContextType|null;
@@ -615,7 +615,7 @@ export class ResourceTreeFrame {
   #creationStackTrace: Protocol.Runtime.StackTrace|null;
   #creationStackTraceTarget: Target|null;
   #childFramesInternal: Set<ResourceTreeFrame>;
-  resourcesMap: Map<string, Resource>;
+  resourcesMap: Map<Platform.DevToolsPath.UrlString, Resource>;
   backForwardCacheDetails: {
     restoredFromCache: boolean|undefined,
     explanations: Protocol.Page.BackForwardCacheNotRestoredExplanation[],
@@ -636,10 +636,12 @@ export class ResourceTreeFrame {
 
     this.#loaderIdInternal = (payload && payload.loaderId) || '';
     this.#nameInternal = payload && payload.name;
-    this.#urlInternal = ((payload && payload.url) || '') as Platform.DevToolsPath.UrlString;
+    this.#urlInternal =
+        payload && payload.url as Platform.DevToolsPath.UrlString || Platform.DevToolsPath.EmptyUrlString;
     this.#domainAndRegistryInternal = (payload && payload.domainAndRegistry) || '';
     this.#securityOriginInternal = payload && payload.securityOrigin;
-    this.#unreachableUrlInternal = (payload && payload.unreachableUrl) || '';
+    this.#unreachableUrlInternal =
+        (payload && payload.unreachableUrl as Platform.DevToolsPath.UrlString) || Platform.DevToolsPath.EmptyUrlString;
     this.#adFrameStatusInternal = payload?.adFrameStatus;
     this.#secureContextType = payload && payload.secureContextType;
     this.#crossOriginIsolatedContextType = payload && payload.crossOriginIsolatedContextType;
@@ -691,7 +693,8 @@ export class ResourceTreeFrame {
     this.#urlInternal = framePayload.url as Platform.DevToolsPath.UrlString;
     this.#domainAndRegistryInternal = framePayload.domainAndRegistry;
     this.#securityOriginInternal = framePayload.securityOrigin;
-    this.#unreachableUrlInternal = framePayload.unreachableUrl || '';
+    this.#unreachableUrlInternal =
+        framePayload.unreachableUrl as Platform.DevToolsPath.UrlString || Platform.DevToolsPath.EmptyUrlString;
     this.#adFrameStatusInternal = framePayload?.adFrameStatus;
     this.#secureContextType = framePayload.secureContextType;
     this.#crossOriginIsolatedContextType = framePayload.crossOriginIsolatedContextType;
@@ -734,7 +737,7 @@ export class ResourceTreeFrame {
     return this.#securityOriginInternal;
   }
 
-  unreachableUrl(): string {
+  unreachableUrl(): Platform.DevToolsPath.UrlString {
     return this.#unreachableUrlInternal;
   }
 
@@ -855,7 +858,7 @@ export class ResourceTreeFrame {
     return Array.from(this.resourcesMap.values());
   }
 
-  resourceForURL(url: string): Resource|null {
+  resourceForURL(url: Platform.DevToolsPath.UrlString): Resource|null {
     const resource = this.resourcesMap.get(url);
     if (resource) {
       return resource;
@@ -1082,6 +1085,9 @@ export class PageDispatcher implements ProtocolProxyApi.PageDispatcher {
 
   downloadProgress(): void {
   }
+
+  prerenderAttemptCompleted({}: Protocol.Page.PrerenderAttemptCompletedEvent): void {
+  }
 }
 
 SDKModel.register(ResourceTreeModel, {capabilities: Capability.DOM, autostart: true, early: true});

package/front_end/core/sdk/ScreenCaptureModel.ts

@@ -152,6 +152,9 @@ export class ScreenCaptureModel extends SDKModel<void> implements ProtocolProxyA
 
   downloadProgress(): void {
   }
+
+  prerenderAttemptCompleted(_params: Protocol.Page.PrerenderAttemptCompletedEvent): void {
+  }
 }
 
 SDKModel.register(ScreenCaptureModel, {capabilities: Capability.ScreenCapture, autostart: false});

package/front_end/core/sdk/Script.ts

@@ -75,7 +75,7 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
   readonly #codeOffsetInternal: number|null;
   readonly #language: string|null;
   #contentPromise: Promise<TextUtils.ContentProvider.DeferredContent>|null;
-  readonly #embedderNameInternal: string|null;
+  readonly #embedderNameInternal: Platform.DevToolsPath.UrlString|null;
   readonly isModule: boolean|null;
   constructor(
       debuggerModel: DebuggerModel, scriptId: Protocol.Runtime.ScriptId, sourceURL: Platform.DevToolsPath.UrlString,
@@ -83,7 +83,8 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
       hash: string, isContentScript: boolean, isLiveEdit: boolean,
       sourceMapURL: Platform.DevToolsPath.UrlString|undefined, hasSourceURL: boolean, length: number,
       isModule: boolean|null, originStackTrace: Protocol.Runtime.StackTrace|null, codeOffset: number|null,
-      scriptLanguage: string|null, debugSymbols: Protocol.Debugger.DebugSymbols|null, embedderName: string|null) {
+      scriptLanguage: string|null, debugSymbols: Protocol.Debugger.DebugSymbols|null,
+      embedderName: Platform.DevToolsPath.UrlString|null) {
     this.debuggerModel = debuggerModel;
     this.scriptId = scriptId;
     this.sourceURL = sourceURL;
@@ -109,7 +110,7 @@ export class Script implements TextUtils.ContentProvider.ContentProvider, FrameA
     this.#embedderNameInternal = embedderName;
   }
 
-  embedderName(): string|null {
+  embedderName(): Platform.DevToolsPath.UrlString|null {
     return this.#embedderNameInternal;
   }
 

package/front_end/core/sdk/ServiceWorkerCacheModel.ts

@@ -4,6 +4,7 @@
 
 import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
+import type * as Platform from '../platform/platform.js';
 import type * as ProtocolProxyApi from '../../generated/protocol-proxy-api.js';
 import type * as Protocol from '../../generated/protocol.js';
 
@@ -305,7 +306,7 @@ export class Cache {
     return this.securityOrigin + this.cacheName;
   }
 
-  async requestCachedResponse(url: string, requestHeaders: NameValue[]):
+  async requestCachedResponse(url: Platform.DevToolsPath.UrlString, requestHeaders: NameValue[]):
       Promise<Protocol.CacheStorage.CachedResponse|null> {
     const response = await this.#model.cacheAgent.invoke_requestCachedResponse(
         {cacheId: this.cacheId, requestURL: url, requestHeaders});

package/front_end/core/sdk/SourceMap.ts

@@ -90,7 +90,7 @@ export class SourceMapV3 {
 export class Section {
   map!: SourceMapV3;
   offset!: Offset;
-  url!: string|undefined;
+  url!: Platform.DevToolsPath.UrlString|undefined;
   constructor() {
   }
 }
@@ -369,10 +369,7 @@ export class TextSourceMap implements SourceMap {
 
   private parseSources(sourceMap: SourceMapV3): void {
     const sourcesList = [];
-    let sourceRoot = sourceMap.sourceRoot || Platform.DevToolsPath.EmptyUrlString;
-    if (sourceRoot && !sourceRoot.endsWith('/')) {
-      sourceRoot = Common.ParsedURL.ParsedURL.concatenate(sourceRoot, '/');
-    }
+    const sourceRoot = sourceMap.sourceRoot || Platform.DevToolsPath.EmptyUrlString;
     for (let i = 0; i < sourceMap.sources.length; ++i) {
       let href = sourceMap.sources[i];
       // The source map v3 proposal says to prepend the sourceRoot to the source URL
@@ -381,13 +378,20 @@ export class TextSourceMap implements SourceMap {
       // be meaningful or useful if the source URL is already absolute though. In this
       // case, use the source URL as is without prepending the sourceRoot.
       if (Common.ParsedURL.ParsedURL.isRelativeURL(href)) {
-        href = Common.ParsedURL.ParsedURL.concatenate(sourceRoot, href);
+        if (sourceRoot && !sourceRoot.endsWith('/') && href && !href.startsWith('/')) {
+          href = Common.ParsedURL.ParsedURL.concatenate(sourceRoot, '/', href);
+        } else {
+          href = Common.ParsedURL.ParsedURL.concatenate(sourceRoot, href);
+        }
       }
       let url = Common.ParsedURL.ParsedURL.completeURL(this.#baseURL, href) || href;
       const source = sourceMap.sourcesContent && sourceMap.sourcesContent[i];
       if (url === this.#compiledURLInternal && source) {
         url = Common.ParsedURL.ParsedURL.concatenate(url, '? [sm]');
       }
+      if (this.#sourceInfos.has(url)) {
+        continue;
+      }
       this.#sourceInfos.set(url, new TextSourceMap.SourceInfo(source || null, null));
       sourcesList.push(url);
     }

package/front_end/core/sdk/SourceMapManager.ts

@@ -25,8 +25,8 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class SourceMapManager<T extends FrameAssociated> extends Common.ObjectWrapper.ObjectWrapper<EventTypes<T>> {
   readonly #target: Target;
   #isEnabled: boolean;
-  readonly #relativeSourceURL: Map<T, string>;
-  readonly #relativeSourceMapURL: Map<T, string>;
+  readonly #relativeSourceURL: Map<T, Platform.DevToolsPath.UrlString>;
+  readonly #relativeSourceMapURL: Map<T, Platform.DevToolsPath.UrlString>;
   #resolvedSourceMapId: Map<T, string>;
   readonly #sourceMapById: Map<string, SourceMap>;
   #sourceMapIdToLoadingClients: Platform.MapUtilities.Multimap<string, T>;
@@ -97,6 +97,44 @@ export class SourceMapManager<T extends FrameAssociated> extends Common.ObjectWr
     return this.#sourceMapById.get(sourceMapId) || null;
   }
 
+  // This method actively awaits the source map, if still loading.
+  sourceMapForClientPromise(client: T): Promise<SourceMap|null> {
+    const sourceMapId = this.#resolvedSourceMapId.get(client);
+    if (!sourceMapId) {
+      // The source map has detached or none exists for this client.
+      return Promise.resolve(null);
+    }
+
+    const sourceMap = this.sourceMapForClient(client);
+    if (sourceMap) {
+      return Promise.resolve(sourceMap);
+    }
+
+    if (!this.#sourceMapIdToLoadingClients.has(sourceMapId)) {
+      // The source map failed to attach.
+      return Promise.resolve(null);
+    }
+
+    return new Promise(resolve => {
+      const sourceMapAddedDescriptor = this.addEventListener(Events.SourceMapAttached, event => {
+        if (event.data.client !== client) {
+          return;
+        }
+        this.removeEventListener(Events.SourceMapAttached, sourceMapAddedDescriptor.listener);
+        this.removeEventListener(Events.SourceMapFailedToAttach, sourceMapFailedDescriptor.listener);
+        resolve(event.data.sourceMap);
+      });
+      const sourceMapFailedDescriptor = this.addEventListener(Events.SourceMapFailedToAttach, event => {
+        if (event.data.client !== client) {
+          return;
+        }
+        this.removeEventListener(Events.SourceMapAttached, sourceMapAddedDescriptor.listener);
+        this.removeEventListener(Events.SourceMapFailedToAttach, sourceMapFailedDescriptor.listener);
+        resolve(null);
+      });
+    });
+  }
+
   clientsForSourceMap(sourceMap: SourceMap): T[] {
     const sourceMapId = this.getSourceMapId(sourceMap.compiledURL(), sourceMap.url());
     if (this.#sourceMapIdToClients.has(sourceMapId)) {
@@ -105,11 +143,13 @@ export class SourceMapManager<T extends FrameAssociated> extends Common.ObjectWr
     return [...this.#sourceMapIdToLoadingClients.get(sourceMapId)];
   }
 
-  private getSourceMapId(sourceURL: string, sourceMapURL: string): string {
+  private getSourceMapId(sourceURL: Platform.DevToolsPath.UrlString, sourceMapURL: Platform.DevToolsPath.UrlString):
+      string {
     return `${sourceURL}:${sourceMapURL}`;
   }
 
-  private resolveRelativeURLs(sourceURL: string, sourceMapURL: string): {
+  private resolveRelativeURLs(
+      sourceURL: Platform.DevToolsPath.UrlString, sourceMapURL: Platform.DevToolsPath.UrlString): {
     sourceURL: Platform.DevToolsPath.UrlString,
     sourceMapURL: Platform.DevToolsPath.UrlString,
     sourceMapId: string,
@@ -131,7 +171,9 @@ export class SourceMapManager<T extends FrameAssociated> extends Common.ObjectWr
     };
   }
 
-  attachSourceMap(client: T, relativeSourceURL: string|undefined, relativeSourceMapURL: string|undefined): void {
+  attachSourceMap(
+      client: T, relativeSourceURL: Platform.DevToolsPath.UrlString|undefined,
+      relativeSourceMapURL: Platform.DevToolsPath.UrlString|undefined): void {
     // TODO(chromium:1011811): Strengthen the type to obsolte the undefined check once core/sdk/ is fully typescriptified.
     if (relativeSourceURL === undefined || !relativeSourceMapURL) {
       return;

package/front_end/core/sdk/Target.ts

@@ -175,7 +175,8 @@ export class Target extends ProtocolClient.InspectorBackend.TargetBase {
     const parsedURL = Common.ParsedURL.ParsedURL.fromString(inspectedURL);
     this.#inspectedURLName = parsedURL ? parsedURL.lastPathComponentWithFragment() : '#' + this.#idInternal;
     if (!this.parentTarget()) {
-      Host.InspectorFrontendHost.InspectorFrontendHostInstance.inspectedURLChanged(inspectedURL || '');
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.inspectedURLChanged(
+          inspectedURL || Platform.DevToolsPath.EmptyUrlString);
     }
     this.#targetManagerInternal.onInspectedURLChange(this);
     if (!this.#nameInternal) {

package/front_end/core/sdk/TracingModel.ts

@@ -311,15 +311,6 @@ export class TracingModel {
     return process && process.threadByName(threadName);
   }
 
-  extractEventsFromThreadByName(processName: string, threadName: string, eventName: string): Event[] {
-    const thread = this.getThreadByName(processName, threadName);
-    if (!thread) {
-      return [];
-    }
-
-    return thread.removeEventsByName(eventName);
-  }
-
   private processPendingAsyncEvents(): void {
     this.#asyncEvents.sort(Event.compareStartTime);
     for (let i = 0; i < this.#asyncEvents.length; ++i) {

package/front_end/devtools_compatibility.js

@@ -419,6 +419,7 @@
     RecordingReplayStarted: 'DevTools.RecordingReplayStarted',
     RecordingToggled: 'DevTools.RecordingToggled',
     SyncSetting: 'DevTools.SyncSetting',
+    StyleTextCopied: 'DevTools.StyleTextCopied',
   };
 
   /**

package/front_end/entrypoints/formatter_worker/CSSRuleParser.ts

@@ -96,7 +96,7 @@ export function parseCSS(text: string, chunkCallback: ChunkCallback): void {
         }
         break;
       case CSSParserStates.Style:
-        if (tokenType.has('meta') || tokenType.has('property')) {
+        if (tokenType.has('meta') || tokenType.has('property') || tokenType.has('variable-2')) {
           property = {
             name: tokenValue,
             value: '',

package/front_end/entrypoints/lighthouse_worker/LighthouseWorkerService.ts

@@ -135,21 +135,28 @@ async function invokeLH(action: string, args: any): Promise<unknown> {
     puppeteerConnection =
         await Puppeteer.PuppeteerConnection.getPuppeteerConnection(cdpConnection, mainFrameId, mainTargetId);
     const {page} = puppeteerConnection;
+    const configContext = {
+      logLevel: flags.logLevel,
+      settingsOverrides: {
+        channel: flags.channel,
+        locale: flags.locale,
+      },
+    };
 
     if (action === 'snapshot') {
       // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-      return await self.runLighthouseSnapshot({config, page});
+      return await self.runLighthouseSnapshot({config, page, configContext});
     }
 
     if (action === 'startTimespan') {
       // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-      const timespan = await self.startLighthouseTimespan({config, page});
+      const timespan = await self.startLighthouseTimespan({config, page, configContext});
       endTimespan = timespan.endTimespan;
       return;
     }
 
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-    return await self.runLighthouseNavigation(url, {config, page});
+    return await self.runLighthouseNavigation(url, {config, page, configContext});
   } catch (err) {
     return ({
       fatal: true,

package/front_end/entrypoints/main/MainImpl.ts

@@ -111,9 +111,14 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export class MainImpl {
   #lateInitDonePromise!: Promise<void>;
+  #readyForTestPromise: Promise<void>;
+  #resolveReadyForTestPromise!: () => void;
 
   constructor() {
     MainImpl.instanceForTest = this;
+    this.#readyForTestPromise = new Promise(resolve => {
+      this.#resolveReadyForTestPromise = resolve;
+    });
     void this.#loaded();
   }
 
@@ -317,6 +322,7 @@ export class MainImpl {
     Root.Runtime.experiments.register(
         'evaluateExpressionsWithSourceMaps', 'Console: Resolve variable names in expressions using source maps',
         undefined);
+    Root.Runtime.experiments.register('instrumentationBreakpoints', 'Enable instrumentation breakpoints', true);
 
     // Dual-screen
     Root.Runtime.experiments.register(
@@ -388,6 +394,10 @@ export class MainImpl {
     Root.Runtime.experiments.register(
         Root.Runtime.ExperimentName.CSS_LAYERS, 'Tooling for CSS layers in the Styles pane');
 
+    // Enable color picking outside the browser window (using Eyedropper API)
+    Root.Runtime.experiments.register(
+        Root.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER, 'Enable color picking outside the browser window');
+
     Root.Runtime.experiments.enableExperimentsByDefault([
       'sourceOrderViewer',
       'hideIssuesFeature',
@@ -396,6 +406,7 @@ export class MainImpl {
       'reportingApiDebugging',
       Root.Runtime.ExperimentName.SYNC_SETTINGS,
       Root.Runtime.ExperimentName.CSS_LAYERS,
+      Root.Runtime.ExperimentName.EYEDROPPER_COLOR_PICKER,
     ]);
 
     Root.Runtime.experiments.cleanUpStaleExperiments();
@@ -545,6 +556,8 @@ export class MainImpl {
     self.Persistence.networkPersistenceManager =
         Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance(
             {forceNew: true, workspace: Workspace.Workspace.WorkspaceImpl.instance()});
+    // @ts-ignore layout test global
+    self.Host.Platform = Host.Platform;
 
     new ExecutionContextSelector(SDK.TargetManager.TargetManager.instance(), UI.Context.Context.instance());
     // @ts-ignore layout test global
@@ -618,6 +631,7 @@ export class MainImpl {
     }
     // Used for browser tests.
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.readyForTest();
+    this.#resolveReadyForTestPromise();
     // Asynchronously run the extensions.
     window.setTimeout(this.#lateInitialization.bind(this), 100);
     MainImpl.timeEnd('Main._initializeTarget');
@@ -654,6 +668,10 @@ export class MainImpl {
     return this.#lateInitDonePromise;
   }
 
+  readyForTest(): Promise<void> {
+    return this.#readyForTestPromise;
+  }
+
   #registerMessageSinkListener(): void {
     Common.Console.Console.instance().addEventListener(Common.Console.Events.MessageAdded, messageAdded);
 
@@ -697,7 +715,7 @@ export class MainImpl {
     // @ts-ignore Used in ElementsTreeOutline
     eventCopy['original'] = event;
     const document = event.target && (event.target as HTMLElement).ownerDocument;
-    const target = document ? document.deepActiveElement() : null;
+    const target = document ? Platform.DOMUtilities.deepActiveElement(document) : null;
     if (target) {
       target.dispatchEvent(eventCopy);
     }
@@ -783,7 +801,9 @@ export class SearchActionDelegate implements UI.ActionRegistration.ActionDelegat
   }
 
   handleAction(context: UI.Context.Context, actionId: string): boolean {
-    let searchableView = UI.SearchableView.SearchableView.fromElement(document.deepActiveElement());
+    let searchableView = UI.SearchableView.SearchableView.fromElement(
+        Platform.DOMUtilities.deepActiveElement(document),
+    );
     if (!searchableView) {
       const currentPanel = (UI.InspectorView.InspectorView.instance().currentPanelDeprecated() as UI.Panel.Panel);
       if (currentPanel && currentPanel.searchableView) {