chrome-devtools-frontend 1.0.1006768 → 1.0.1007846

package/config/gni/devtools_grd_files.gni

@@ -93,6 +93,8 @@ grd_files_release_sources = [
   "front_end/Images/ic_request_response.svg",
   "front_end/Images/ic_response.svg",
   "front_end/Images/ic_show_node_16x16.svg",
+  "front_end/Images/ic_sources_authored.svg",
+  "front_end/Images/ic_sources_deployed.svg",
   "front_end/Images/ic_suggest_color.svg",
   "front_end/Images/ic_undo_16x16_icon.svg",
   "front_end/Images/ic_warning_black_18dp.svg",
@@ -712,11 +714,14 @@ grd_files_debug_sources = [
   "front_end/models/emulation/DeviceModeModel.js",
   "front_end/models/emulation/EmulatedDevices.js",
   "front_end/models/extensions/ExtensionAPI.js",
+  "front_end/models/extensions/ExtensionEndpoint.js",
   "front_end/models/extensions/ExtensionPanel.js",
   "front_end/models/extensions/ExtensionServer.js",
   "front_end/models/extensions/ExtensionTraceProvider.js",
   "front_end/models/extensions/ExtensionView.js",
   "front_end/models/extensions/LanguageExtensionEndpoint.js",
+  "front_end/models/extensions/RecorderExtensionEndpoint.js",
+  "front_end/models/extensions/RecorderPluginManager.js",
   "front_end/models/formatter/FormatterWorkerPool.js",
   "front_end/models/formatter/ScriptFormatter.js",
   "front_end/models/formatter/SourceFormatter.js",

package/config/gni/devtools_image_files.gni

@@ -103,6 +103,8 @@ devtools_svg_sources = [
   "ic_request_response.svg",
   "ic_response.svg",
   "ic_show_node_16x16.svg",
+  "ic_sources_authored.svg",
+  "ic_sources_deployed.svg",
   "ic_suggest_color.svg",
   "ic_undo_16x16_icon.svg",
   "ic_warning_black_18dp.svg",

package/extension-api/ExtensionAPI.d.ts

@@ -94,6 +94,7 @@ export namespace Chrome {
       panels: Panels;
       inspectedWindow: InspectedWindow;
       languageServices: LanguageExtensions;
+      recorder: RecorderExtensions;
     }
 
     export interface ExperimentalDevToolsAPI {
@@ -170,6 +171,10 @@ export namespace Chrome {
       payload: unknown;
     }
 
+    export interface RecorderExtensionPlugin {
+      stringify(obj: Record<string, any>): Promise<string>;
+    }
+
     export interface LanguageExtensionPlugin {
       /**
        * A new raw module has been loaded. If the raw wasm module references an external debug info module, its URL will be
@@ -272,6 +277,11 @@ export namespace Chrome {
       unregisterLanguageExtensionPlugin(plugin: LanguageExtensionPlugin): Promise<void>;
     }
 
+    export interface RecorderExtensions {
+      registerRecorderExtensionPlugin(plugin: RecorderExtensionPlugin, pluginName: string): Promise<void>;
+      unregisterRecorderExtensionPlugin(plugin: RecorderExtensionPlugin): Promise<void>;
+    }
+
     export interface Chrome {
       devtools: DevToolsAPI;
       experimental: {devtools: ExperimentalDevToolsAPI};

package/front_end/Images/src/ic_sources_authored.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.939346 8L4.46968 4.46967C4.76257 4.17678 5.23744 4.17678 5.53034 4.46967C5.82323 4.76256 5.82323 5.23744 5.53034 5.53033L3.06067 8L5.53034 10.4697C5.82323 10.7626 5.82323 11.2374 5.53034 11.5303C5.23744 11.8232 4.76257 11.8232 4.46968 11.5303L0.939346 8Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.48821 2.44593C9.88831 2.55314 10.1257 2.96439 10.0185 3.36449L7.43035 13.0237C7.32314 13.4238 6.91189 13.6613 6.51179 13.5541C6.11169 13.4469 5.87425 13.0356 5.98146 12.6355L8.56965 2.97626C8.67686 2.57616 9.08811 2.33872 9.48821 2.44593Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0607 8L11.5303 4.46967C11.2374 4.17678 10.7626 4.17678 10.4697 4.46967C10.1768 4.76256 10.1768 5.23744 10.4697 5.53033L12.9393 8L10.4697 10.4697C10.1768 10.7626 10.1768 11.2374 10.4697 11.5303C10.7626 11.8232 11.2374 11.8232 11.5303 11.5303L15.0607 8Z" fill="black"/>
+</svg>

package/front_end/Images/src/ic_sources_deployed.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 5L8 7.5L14 5L8 2.5L2 5Z" fill="black"/>
+<path d="M14 6L8.5 8.5V14.5L14 12V6Z" fill="black"/>
+<path d="M2 6L7.5 8.5V14.5L2 12V6Z" fill="black"/>
+</svg>

package/front_end/core/i18n/locales/en-US.json

@@ -254,6 +254,9 @@
   "core/sdk/DebuggerModel.ts | block": {
     "message": "Block"
   },
+  "core/sdk/DebuggerModel.ts | catchBlock": {
+    "message": "Catch block"
+  },
   "core/sdk/DebuggerModel.ts | closure": {
     "message": "Closure"
   },
@@ -273,7 +276,7 @@
     "message": "Script"
   },
   "core/sdk/DebuggerModel.ts | withBlock": {
-    "message": "With Block"
+    "message": "With block"
   },
   "core/sdk/DOMDebuggerModel.ts | animation": {
     "message": "Animation"
@@ -2939,6 +2942,9 @@
   "panels/application/components/BackForwardCacheView.ts | mainFrame": {
     "message": "Main Frame"
   },
+  "panels/application/components/BackForwardCacheView.ts | neverUseUnload": {
+    "message": "Learn more: Never use unload handler"
+  },
   "panels/application/components/BackForwardCacheView.ts | normalNavigation": {
     "message": "Not served from back/forward cache: to trigger back/forward cache, use Chrome's back/forward buttons, or use the test button below to automatically navigate away and back."
   },
@@ -3797,6 +3803,9 @@
   "panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sS": {
     "message": "{PH1}: {PH2}"
   },
+  "panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sSS": {
+    "message": "{PH1}: {PH2}, {PH3}"
+  },
   "panels/browser_debugger/DOMBreakpointsSidebarPane.ts | subtreeModified": {
     "message": "Subtree modified"
   },
@@ -5945,6 +5954,9 @@
   "panels/lighthouse/LighthouseController.ts | desktop": {
     "message": "Desktop"
   },
+  "panels/lighthouse/LighthouseController.ts | devtoolsThrottling": {
+    "message": "DevTools throttling (advanced)"
+  },
   "panels/lighthouse/LighthouseController.ts | doesThisPageFollowBestPractices": {
     "message": "Does this page follow best practices for modern web development"
   },
@@ -6009,10 +6021,10 @@
     "message": "SEO"
   },
   "panels/lighthouse/LighthouseController.ts | simulateASlowerPageLoadBasedOn": {
-    "message": "Simulate a slower page load, based on data from an initial unthrottled load. If disabled, the page is actually slowed with applied throttling."
+    "message": "Simulated throttling simulates a slower page load based on data from an initial unthrottled load. DevTools throttling actually slows down the page."
   },
   "panels/lighthouse/LighthouseController.ts | simulatedThrottling": {
-    "message": "Simulated throttling"
+    "message": "Simulated throttling (default)"
   },
   "panels/lighthouse/LighthouseController.ts | snapshot": {
     "message": "Snapshot"
@@ -6026,6 +6038,9 @@
   "panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular": {
     "message": "There may be stored data affecting loading performance in this location: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores."
   },
+  "panels/lighthouse/LighthouseController.ts | throttlingMethod": {
+    "message": "Throttling method"
+  },
   "panels/lighthouse/LighthouseController.ts | timespan": {
     "message": "Timespan"
   },
@@ -6626,18 +6641,30 @@
   "panels/network/components/RequestHeadersView.ts | general": {
     "message": "General"
   },
+  "panels/network/components/RequestHeadersView.ts | raw": {
+    "message": "Raw"
+  },
   "panels/network/components/RequestHeadersView.ts | referrerPolicy": {
     "message": "Referrer Policy"
   },
   "panels/network/components/RequestHeadersView.ts | remoteAddress": {
     "message": "Remote Address"
   },
+  "panels/network/components/RequestHeadersView.ts | requestHeaders": {
+    "message": "Request Headers"
+  },
   "panels/network/components/RequestHeadersView.ts | requestMethod": {
     "message": "Request Method"
   },
   "panels/network/components/RequestHeadersView.ts | requestUrl": {
     "message": "Request URL"
   },
+  "panels/network/components/RequestHeadersView.ts | responseHeaders": {
+    "message": "Response Headers"
+  },
+  "panels/network/components/RequestHeadersView.ts | showMore": {
+    "message": "Show more"
+  },
   "panels/network/components/RequestHeadersView.ts | statusCode": {
     "message": "Status Code"
   },
@@ -9758,12 +9785,18 @@
   "panels/sources/NavigatorView.ts | areYouSureYouWantToRemoveThis": {
     "message": "Are you sure you want to remove this folder?"
   },
+  "panels/sources/NavigatorView.ts | authored": {
+    "message": "Authored"
+  },
   "panels/sources/NavigatorView.ts | delete": {
     "message": "Delete"
   },
   "panels/sources/NavigatorView.ts | deleteAllOverrides": {
     "message": "Delete all overrides"
   },
+  "panels/sources/NavigatorView.ts | deployed": {
+    "message": "Deployed"
+  },
   "panels/sources/NavigatorView.ts | excludeFolder": {
     "message": "Exclude folder"
   },
@@ -10193,6 +10226,9 @@
   "panels/sources/SourcesPanel.ts | dropWorkspaceFolderHere": {
     "message": "Drop workspace folder here"
   },
+  "panels/sources/SourcesPanel.ts | groupByAuthored": {
+    "message": "Group by Authored/Deployed (experimental)"
+  },
   "panels/sources/SourcesPanel.ts | groupByFolder": {
     "message": "Group by folder"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -254,6 +254,9 @@
   "core/sdk/DebuggerModel.ts | block": {
     "message": "B̂ĺôćk̂"
   },
+  "core/sdk/DebuggerModel.ts | catchBlock": {
+    "message": "Catch b̂ĺôćk̂"
+  },
   "core/sdk/DebuggerModel.ts | closure": {
     "message": "Ĉĺôśûŕê"
   },
@@ -273,7 +276,7 @@
     "message": "Ŝćr̂íp̂t́"
   },
   "core/sdk/DebuggerModel.ts | withBlock": {
-    "message": "With B̂ĺôćk̂"
+    "message": "With b̂ĺôćk̂"
   },
   "core/sdk/DOMDebuggerModel.ts | animation": {
     "message": "Âńîḿât́îón̂"
@@ -2939,6 +2942,9 @@
   "panels/application/components/BackForwardCacheView.ts | mainFrame": {
     "message": "M̂áîń F̂ŕâḿê"
   },
+  "panels/application/components/BackForwardCacheView.ts | neverUseUnload": {
+    "message": "L̂éâŕn̂ ḿôŕê: Ńêv́êŕ ûśê ún̂ĺôád̂ h́âńd̂ĺêŕ"
+  },
   "panels/application/components/BackForwardCacheView.ts | normalNavigation": {
     "message": "N̂ót̂ śêŕv̂éd̂ f́r̂óm̂ b́âćk̂/f́ôŕŵár̂d́ ĉáĉh́ê: t́ô t́r̂íĝǵêŕ b̂áĉḱ/f̂ór̂ẃâŕd̂ ćâćĥé, ûśê Ćĥŕôḿê'ś b̂áĉḱ/f̂ór̂ẃâŕd̂ b́ût́t̂ón̂ś, ôŕ ûśê t́ĥé t̂éŝt́ b̂út̂t́ôń b̂él̂óŵ t́ô áût́ôḿât́îćâĺl̂ý n̂áv̂íĝát̂é âẃâý âńd̂ b́âćk̂."
   },
@@ -3797,6 +3803,9 @@
   "panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sS": {
     "message": "{PH1}: {PH2}"
   },
+  "panels/browser_debugger/DOMBreakpointsSidebarPane.ts | sSS": {
+    "message": "{PH1}: {PH2}, {PH3}"
+  },
   "panels/browser_debugger/DOMBreakpointsSidebarPane.ts | subtreeModified": {
     "message": "Ŝúb̂t́r̂éê ḿôd́îf́îéd̂"
   },
@@ -5945,6 +5954,9 @@
   "panels/lighthouse/LighthouseController.ts | desktop": {
     "message": "D̂éŝḱt̂óp̂"
   },
+  "panels/lighthouse/LighthouseController.ts | devtoolsThrottling": {
+    "message": "D̂év̂T́ôól̂ś t̂h́r̂ót̂t́l̂ín̂ǵ (âd́v̂án̂ćêd́)"
+  },
   "panels/lighthouse/LighthouseController.ts | doesThisPageFollowBestPractices": {
     "message": "D̂óêś t̂h́îś p̂áĝé f̂ól̂ĺôẃ b̂éŝt́ p̂ŕâćt̂íĉéŝ f́ôŕ m̂ód̂ér̂ń ŵéb̂ d́êv́êĺôṕm̂én̂t́"
   },
@@ -6009,10 +6021,10 @@
     "message": "ŜÉÔ"
   },
   "panels/lighthouse/LighthouseController.ts | simulateASlowerPageLoadBasedOn": {
-    "message": "Ŝím̂úl̂át̂é â śl̂óŵér̂ ṕâǵê ĺôád̂, b́âśêd́ ôń d̂át̂á f̂ŕôḿ âń îńît́îál̂ ún̂t́ĥŕôt́t̂ĺêd́ l̂óâd́. Îf́ d̂íŝáb̂ĺêd́, t̂h́ê ṕâǵê íŝ áĉt́ûál̂ĺŷ śl̂óŵéd̂ ẃît́ĥ áp̂ṕl̂íêd́ t̂h́r̂ót̂t́l̂ín̂ǵ."
+    "message": "Ŝím̂úl̂át̂éd̂ t́ĥŕôt́t̂ĺîńĝ śîḿûĺât́êś â śl̂óŵér̂ ṕâǵê ĺôád̂ b́âśêd́ ôń d̂át̂á f̂ŕôḿ âń îńît́îál̂ ún̂t́ĥŕôt́t̂ĺêd́ l̂óâd́. D̂év̂T́ôól̂ś t̂h́r̂ót̂t́l̂ín̂ǵ âćt̂úâĺl̂ý ŝĺôẃŝ d́ôẃn̂ t́ĥé p̂áĝé."
   },
   "panels/lighthouse/LighthouseController.ts | simulatedThrottling": {
-    "message": "Ŝím̂úl̂át̂éd̂ t́ĥŕôt́t̂ĺîńĝ"
+    "message": "Ŝím̂úl̂át̂éd̂ t́ĥŕôt́t̂ĺîńĝ (d́êf́âúl̂t́)"
   },
   "panels/lighthouse/LighthouseController.ts | snapshot": {
     "message": "Ŝńâṕŝh́ôt́"
@@ -6026,6 +6038,9 @@
   "panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular": {
     "message": "T̂h́êŕê ḿâý b̂é ŝt́ôŕêd́ d̂át̂á âf́f̂éĉt́îńĝ ĺôád̂ín̂ǵ p̂ér̂f́ôŕm̂án̂ćê ín̂ t́ĥíŝ ĺôćât́îón̂: {PH1}. Áûd́ît́ t̂h́îś p̂áĝé îń âń îńĉóĝńît́ô ẃîńd̂óŵ t́ô ṕr̂év̂én̂t́ t̂h́ôśê ŕêśôúr̂ćêś f̂ŕôḿ âf́f̂éĉt́îńĝ ýôúr̂ śĉór̂éŝ."
   },
+  "panels/lighthouse/LighthouseController.ts | throttlingMethod": {
+    "message": "T̂h́r̂ót̂t́l̂ín̂ǵ m̂ét̂h́ôd́"
+  },
   "panels/lighthouse/LighthouseController.ts | timespan": {
     "message": "T̂ím̂éŝṕâń"
   },
@@ -6626,18 +6641,30 @@
   "panels/network/components/RequestHeadersView.ts | general": {
     "message": "Ĝén̂ér̂ál̂"
   },
+  "panels/network/components/RequestHeadersView.ts | raw": {
+    "message": "R̂áŵ"
+  },
   "panels/network/components/RequestHeadersView.ts | referrerPolicy": {
     "message": "R̂éf̂ér̂ŕêŕ P̂ól̂íĉý"
   },
   "panels/network/components/RequestHeadersView.ts | remoteAddress": {
     "message": "R̂ém̂ót̂é Âd́d̂ŕêśŝ"
   },
+  "panels/network/components/RequestHeadersView.ts | requestHeaders": {
+    "message": "R̂éq̂úêśt̂ H́êád̂ér̂ś"
+  },
   "panels/network/components/RequestHeadersView.ts | requestMethod": {
     "message": "R̂éq̂úêśt̂ Ḿêt́ĥód̂"
   },
   "panels/network/components/RequestHeadersView.ts | requestUrl": {
     "message": "R̂éq̂úêśt̂ ÚR̂Ĺ"
   },
+  "panels/network/components/RequestHeadersView.ts | responseHeaders": {
+    "message": "R̂éŝṕôńŝé Ĥéâd́êŕŝ"
+  },
+  "panels/network/components/RequestHeadersView.ts | showMore": {
+    "message": "Ŝh́ôẃ m̂ór̂é"
+  },
   "panels/network/components/RequestHeadersView.ts | statusCode": {
     "message": "Ŝt́ât́ûś Ĉód̂é"
   },
@@ -9758,12 +9785,18 @@
   "panels/sources/NavigatorView.ts | areYouSureYouWantToRemoveThis": {
     "message": "Âŕê ýôú ŝúr̂é ŷóû ẃâńt̂ t́ô ŕêḿôv́ê t́ĥíŝ f́ôĺd̂ér̂?"
   },
+  "panels/sources/NavigatorView.ts | authored": {
+    "message": "Âút̂h́ôŕêd́"
+  },
   "panels/sources/NavigatorView.ts | delete": {
     "message": "D̂él̂ét̂é"
   },
   "panels/sources/NavigatorView.ts | deleteAllOverrides": {
     "message": "D̂él̂ét̂é âĺl̂ óv̂ér̂ŕîd́êś"
   },
+  "panels/sources/NavigatorView.ts | deployed": {
+    "message": "D̂ép̂ĺôýêd́"
+  },
   "panels/sources/NavigatorView.ts | excludeFolder": {
     "message": "Êx́ĉĺûd́ê f́ôĺd̂ér̂"
   },
@@ -10193,6 +10226,9 @@
   "panels/sources/SourcesPanel.ts | dropWorkspaceFolderHere": {
     "message": "D̂ŕôṕ ŵór̂ḱŝṕâćê f́ôĺd̂ér̂ h́êŕê"
   },
+  "panels/sources/SourcesPanel.ts | groupByAuthored": {
+    "message": "Ĝŕôúp̂ b́ŷ Áût́ĥór̂éd̂/D́êṕl̂óŷéd̂ (éx̂ṕêŕîḿêńt̂ál̂)"
+  },
   "panels/sources/SourcesPanel.ts | groupByFolder": {
     "message": "Ĝŕôúp̂ b́ŷ f́ôĺd̂ér̂"
   },

package/front_end/core/sdk/CSSFontFace.ts

@@ -3,15 +3,19 @@
 // found in the LICENSE file.
 
 import type * as Protocol from '../../generated/protocol.js';
+import type * as Platform from '../platform/platform.js';
 
 export class CSSFontFace {
   readonly #fontFamily: string;
   readonly #fontVariationAxes: Protocol.CSS.FontVariationAxis[];
   readonly #fontVariationAxesByTag: Map<string, Protocol.CSS.FontVariationAxis>;
+  readonly #src: Platform.DevToolsPath.UrlString;
+
   constructor(payload: Protocol.CSS.FontFace) {
     this.#fontFamily = payload.fontFamily;
     this.#fontVariationAxes = payload.fontVariationAxes || [];
     this.#fontVariationAxesByTag = new Map();
+    this.#src = payload.src as Platform.DevToolsPath.UrlString;
     for (const axis of this.#fontVariationAxes) {
       this.#fontVariationAxesByTag.set(axis.tag, axis);
     }
@@ -21,6 +25,10 @@ export class CSSFontFace {
     return this.#fontFamily;
   }
 
+  getSrc(): Platform.DevToolsPath.UrlString {
+    return this.#src;
+  }
+
   getVariationAxisByTag(tag: string): Protocol.CSS.FontVariationAxis|undefined {
     return this.#fontVariationAxesByTag.get(tag);
   }

package/front_end/core/sdk/DebuggerModel.ts

@@ -70,9 +70,16 @@ const UIStrings = {
   script: 'Script',
   /**
   *@description Title of a section in the debugger showing JavaScript variables from the a 'with'
-  *block. Block here means section of code, 'with' refers to a JavaScript programming concept.
+  *block. Block here means section of code, 'with' refers to a JavaScript programming concept and
+  *is a fixed term.
   */
-  withBlock: '`With` Block',
+  withBlock: '`With` block',
+  /**
+  *@description Title of a section in the debugger showing JavaScript variables from the a 'catch'
+  *block. Block here means section of code, 'catch' refers to a JavaScript programming concept and
+  *is a fixed term.
+  */
+  catchBlock: '`Catch` block',
   /**
   *@description Title of a section in the debugger showing JavaScript variables from the global scope.
   */
@@ -1464,7 +1471,9 @@ export class Scope implements ScopeChainEntry {
       case Protocol.Debugger.ScopeType.Closure:
         return i18nString(UIStrings.closure);
       case Protocol.Debugger.ScopeType.Catch:
-        return i18n.i18n.lockedString('Catch');
+        return i18nString(UIStrings.catchBlock);
+      case Protocol.Debugger.ScopeType.Eval:
+        return i18n.i18n.lockedString('Eval');
       case Protocol.Debugger.ScopeType.Block:
         return i18nString(UIStrings.block);
       case Protocol.Debugger.ScopeType.Script:

package/front_end/core/sdk/NetworkManager.ts

@@ -255,6 +255,10 @@ export class NetworkManager extends SDKModel<EventTypes> {
     return this.dispatcher.requestForURL(url);
   }
 
+  requestforId(id: string): NetworkRequest|null {
+    return this.dispatcher.requestForId(id);
+  }
+
   private cacheDisabledSettingChanged({data: enabled}: Common.EventTarget.EventTargetEvent<boolean>): void {
     void this.#networkAgent.invoke_setCacheDisabled({cacheDisabled: enabled});
   }
@@ -520,8 +524,8 @@ export class NetworkDispatcher implements ProtocolProxyApi.NetworkDispatcher {
     }
   }
 
-  requestForId(url: string): NetworkRequest|null {
-    return this.#requestsById.get(url) || null;
+  requestForId(id: string): NetworkRequest|null {
+    return this.#requestsById.get(id) || null;
   }
 
   requestForURL(url: Platform.DevToolsPath.UrlString): NetworkRequest|null {

package/front_end/devtools_compatibility.js

@@ -1098,6 +1098,7 @@
       'messageLevelFilters',
       'messageURLFilters',
       'monitoringXHREnabled',
+      'navigatorGroupByAuthored',
       'navigatorGroupByFolder',
       'navigatorHidden',
       'networkColorCodeResourceTypes',

package/front_end/entrypoints/formatter_worker/FormatterActions.ts

@@ -9,6 +9,7 @@ export const enum FormatterActions {
   JAVASCRIPT_OUTLINE = 'javaScriptOutline',
   JAVASCRIPT_IDENTIFIERS = 'javaScriptIdentifiers',
   JAVASCRIPT_SUBSTITUTE = 'javaScriptSubstitute',
+  JAVASCRIPT_SCOPE_TREE = 'javaScriptScopeTree',
   EVALUATE_JAVASCRIPT_SUBSTRING = 'evaluatableJavaScriptSubstring',
   ARGUMENTS_LIST = 'argumentsList',
 }

package/front_end/entrypoints/formatter_worker/ScopeParser.ts

@@ -171,7 +171,12 @@ export class ScopeVariableAnalysis {
       case 'ArrowFunctionExpression': {
         this.#pushScope(node.start, node.end);
         node.params.forEach(this.#processNodeAsDefinition.bind(this, DefinitionKind.Var));
-        this.#processNode(node.body);
+        if (node.body.type === 'BlockStatement') {
+          // Include the body of the arrow function in the same scope as the arguments.
+          node.body.body.forEach(this.#processNode.bind(this));
+        } else {
+          this.#processNode(node.body);
+        }
         this.#popScope(true);
         break;
       }
@@ -199,7 +204,7 @@ export class ScopeVariableAnalysis {
       case 'CatchClause':
         this.#pushScope(node.start, node.end);
         this.#processNodeAsDefinition(DefinitionKind.Let, node.param);
-        node.body.body.forEach(this.#processNode.bind(this));
+        this.#processNode(node.body);
         this.#popScope(false);
         break;
       case 'ClassBody':
@@ -207,17 +212,13 @@ export class ScopeVariableAnalysis {
         break;
       case 'ClassDeclaration':
         this.#processNodeAsDefinition(DefinitionKind.Let, node.id);
-        this.#pushScope(node.start, node.end);
         this.#processNode(node.superClass ?? null);
         this.#processNode(node.body);
-        this.#popScope(false);
         break;
       case 'ClassExpression':
-        this.#pushScope(node.start, node.end);
         // Intentionally ignore the id.
         this.#processNode(node.superClass ?? null);
         this.#processNode(node.body);
-        this.#popScope(false);
         break;
       case 'ChainExpression':
         this.#processNode(node.expression);
@@ -253,16 +254,17 @@ export class ScopeVariableAnalysis {
         this.#addVariable('this', node.start, DefinitionKind.Fixed);
         this.#addVariable('arguments', node.start, DefinitionKind.Fixed);
         node.params.forEach(this.#processNodeAsDefinition.bind(this, DefinitionKind.Let));
-        this.#processNode(node.body);
+        // Process the body of the block statement directly to avoid creating new scope.
+        node.body.body.forEach(this.#processNode.bind(this));
         this.#popScope(true);
         break;
       case 'FunctionExpression':
-        // Id is intentionally ignored in function expressions.
-        this.#pushScope(node.start, node.end);
+        this.#pushScope(node.id?.end ?? node.start, node.end);
         this.#addVariable('this', node.start, DefinitionKind.Fixed);
         this.#addVariable('arguments', node.start, DefinitionKind.Fixed);
         node.params.forEach(this.#processNodeAsDefinition.bind(this, DefinitionKind.Let));
-        this.#processNode(node.body);
+        // Process the body of the block statement directly to avoid creating new scope.
+        node.body.body.forEach(this.#processNode.bind(this));
         this.#popScope(true);
         break;
       case 'Identifier':

package/front_end/entrypoints/formatter_worker/formatter_worker-entrypoint.ts

@@ -37,6 +37,10 @@ self.onmessage = function(event: MessageEvent): void {
       self.postMessage(FormatterWorker.Substitute.substituteExpression(params.content, mapping));
       break;
     }
+    case FormatterActions.JAVASCRIPT_SCOPE_TREE: {
+      self.postMessage(FormatterWorker.ScopeParser.parseScopes(params.content)?.export());
+      break;
+    }
     case FormatterActions.EVALUATE_JAVASCRIPT_SUBSTRING:
       self.postMessage(FormatterWorker.FormatterWorker.evaluatableJavaScriptSubstring(params.content));
       break;

package/front_end/entrypoints/lighthouse_worker/LighthouseWorkerService.ts

@@ -143,10 +143,7 @@ async function invokeLH(action: string, args: any): Promise<unknown> {
     const {page} = puppeteerConnection;
     const configContext = {
       logLevel: flags.logLevel,
-      settingsOverrides: {
-        channel: flags.channel,
-        locale: flags.locale,
-      },
+      settingsOverrides: flags,
     };
 
     if (action === 'snapshot') {

package/front_end/legacy_test_runner/lighthouse_test_runner/lighthouse_test_runner.js

@@ -100,6 +100,18 @@ LighthouseTestRunner._checkboxStateLabel = function(checkboxContainer) {
   return `[${checkedLabel}] ${label}`;
 };
 
+/**
+ * @param {?Element} combobox
+ * @return {string}
+ */
+LighthouseTestRunner._comboboxStateLabel = function(combobox) {
+  if (!combobox) {
+    return 'missing';
+  }
+
+  return `${combobox.ariaLabel}: ${combobox.value}`;
+};
+
 /**
  * @param {?Element} button
  * @return {string}
@@ -130,6 +142,10 @@ LighthouseTestRunner.dumpStartAuditState = function() {
     TestRunner.addResult(LighthouseTestRunner._checkboxStateLabel(element));
   });
 
+  for (const combobox of toolbarShadowRoot.querySelectorAll('select')) {
+    TestRunner.addResult(LighthouseTestRunner._comboboxStateLabel(combobox));
+  }
+
   const helpText = containerElement.querySelector('.lighthouse-help-text');
   if (!helpText.classList.contains('hidden')) {
     TestRunner.addResult(`Help text: ${helpText.textContent}`);