chrome-devtools-frontend 1.0.998281 → 1.0.998787

package/front_end/core/host/UserMetrics.ts

@@ -549,7 +549,8 @@ export enum KeyboardShortcutAction {
   'layers.left' = 104,
   'layers.right' = 105,
   'help.report-translation-issue' = 106,
-  MaxValue = 107,
+  'rendering.toggle-prefers-color-scheme' = 107,
+  MaxValue = 108,
 }
 /* eslint-enable @typescript-eslint/naming-convention */
 

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

@@ -899,6 +899,9 @@
   "entrypoints/inspector_main/inspector_main-meta.ts | showRendering": {
     "message": "Show Rendering"
   },
+  "entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia": {
+    "message": "Toggle forces CSS prefers-color-scheme color"
+  },
   "entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency": {
     "message": "vision deficiency"
   },

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

@@ -899,6 +899,9 @@
   "entrypoints/inspector_main/inspector_main-meta.ts | showRendering": {
     "message": "Ŝh́ôẃ R̂én̂d́êŕîńĝ"
   },
+  "entrypoints/inspector_main/inspector_main-meta.ts | toggleCssPrefersColorSchemeMedia": {
+    "message": "T̂óĝǵl̂é f̂ór̂ćêś ĈŚŜ ṕr̂éf̂ér̂ś-ĉól̂ór̂-śĉh́êḿê ćôĺôŕ"
+  },
   "entrypoints/inspector_main/inspector_main-meta.ts | visionDeficiency": {
     "message": "v̂íŝíôń d̂éf̂íĉíêńĉý"
   },

package/front_end/core/sdk/DebuggerModel.ts

@@ -245,9 +245,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     if (!Common.Settings.Settings.instance().moduleSetting('breakpointsActive').get()) {
       this.breakpointsActiveChanged();
     }
-    if (_scheduledPauseOnAsyncCall) {
-      void this.pauseOnAsyncCall(_scheduledPauseOnAsyncCall);
-    }
     this.dispatchEventToListeners(Events.DebuggerWasEnabled, this);
     const [enableResult] = await Promise.all([enablePromise, instrumentationPromise]);
     this.registerDebugger(enableResult);
@@ -422,10 +419,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     void this.agent.invoke_pause();
   }
 
-  private pauseOnAsyncCall(parentStackTraceId: Protocol.Runtime.StackTraceId): Promise<Object> {
-    return this.agent.invoke_pauseOnAsyncCall({parentStackTraceId: parentStackTraceId});
-  }
-
   async setBreakpointByURL(
       url: Platform.DevToolsPath.UrlString, lineNumber: number, columnNumber?: number,
       condition?: string): Promise<SetBreakpointResult> {
@@ -659,8 +652,7 @@ export class DebuggerModel extends SDKModel<EventTypes> {
   async pausedScript(
       callFrames: Protocol.Debugger.CallFrame[], reason: Protocol.Debugger.PausedEventReason, auxData: Object|undefined,
       breakpointIds: string[], asyncStackTrace?: Protocol.Runtime.StackTrace,
-      asyncStackTraceId?: Protocol.Runtime.StackTraceId,
-      asyncCallStackTraceId?: Protocol.Runtime.StackTraceId): Promise<void> {
+      asyncStackTraceId?: Protocol.Runtime.StackTraceId): Promise<void> {
     if (reason === Protocol.Debugger.PausedEventReason.Instrumentation) {
       const script = this.scriptForId(callFrames[0].location.scriptId);
       if (this.#synchronizeBreakpointsCallback && script) {
@@ -670,18 +662,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
       return;
     }
 
-    if (asyncCallStackTraceId) {
-      // Note: this is only to support old backends. Newer ones do not send asyncCallStackTraceId.
-      _scheduledPauseOnAsyncCall = asyncCallStackTraceId;
-      const promises = [];
-      for (const model of _debuggerIdToModel.values()) {
-        promises.push(model.pauseOnAsyncCall(asyncCallStackTraceId));
-      }
-      await Promise.all(promises);
-      this.resume();
-      return;
-    }
-
     const pausedDetails =
         new DebuggerPausedDetails(this, callFrames, reason, auxData, breakpointIds, asyncStackTrace, asyncStackTraceId);
 
@@ -706,8 +686,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
     } else {
       Common.EventTarget.fireEvent('DevTools.DebuggerPaused');
     }
-
-    _scheduledPauseOnAsyncCall = null;
   }
 
   resumedScript(): void {
@@ -989,10 +967,6 @@ export class DebuggerModel extends SDKModel<EventTypes> {
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const _debuggerIdToModel = new Map<string, DebuggerModel>();
 
-// TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export let _scheduledPauseOnAsyncCall: Protocol.Runtime.StackTraceId|null = null;
-
 /**
  * Keep these in sync with WebCore::V8Debugger
  */
@@ -1037,13 +1011,13 @@ class DebuggerDispatcher implements ProtocolProxyApi.DebuggerDispatcher {
     this.#debuggerModel = debuggerModel;
   }
 
-  paused({callFrames, reason, data, hitBreakpoints, asyncStackTrace, asyncStackTraceId, asyncCallStackTraceId}:
-             Protocol.Debugger.PausedEvent): void {
+  paused({callFrames, reason, data, hitBreakpoints, asyncStackTrace, asyncStackTraceId}: Protocol.Debugger.PausedEvent):
+      void {
     if (!this.#debuggerModel.debuggerEnabled()) {
       return;
     }
     void this.#debuggerModel.pausedScript(
-        callFrames, reason, data, hitBreakpoints || [], asyncStackTrace, asyncStackTraceId, asyncCallStackTraceId);
+        callFrames, reason, data, hitBreakpoints || [], asyncStackTrace, asyncStackTraceId);
   }
 
   resumed(): void {

package/front_end/entrypoints/inspector_main/RenderingOptions.ts

@@ -346,3 +346,34 @@ export class RenderingOptionsView extends UI.Widget.VBox {
     this.registerCSSFiles([renderingOptionsStyles]);
   }
 }
+
+let reloadActionDelegateInstance: ReloadActionDelegate;
+
+export class ReloadActionDelegate implements UI.ActionRegistration.ActionDelegate {
+  static instance(opts: {
+    forceNew: boolean|null,
+  } = {forceNew: null}): ReloadActionDelegate {
+    const {forceNew} = opts;
+    if (!reloadActionDelegateInstance || forceNew) {
+      reloadActionDelegateInstance = new ReloadActionDelegate();
+    }
+
+    return reloadActionDelegateInstance;
+  }
+
+  handleAction(context: UI.Context.Context, actionId: string): boolean {
+    const emulatedCSSMediaFeaturePrefersColorSchemeSetting =
+        Common.Settings.Settings.instance().moduleSetting('emulatedCSSMediaFeaturePrefersColorScheme');
+
+    switch (actionId) {
+      case 'rendering.toggle-prefers-color-scheme':
+        if (emulatedCSSMediaFeaturePrefersColorSchemeSetting.get() === 'light') {
+          emulatedCSSMediaFeaturePrefersColorSchemeSetting.set('dark');
+        } else {
+          emulatedCSSMediaFeaturePrefersColorSchemeSetting.set('light');
+        }
+        return true;
+    }
+    return false;
+  }
+}

package/front_end/entrypoints/inspector_main/inspector_main-meta.ts

@@ -99,6 +99,11 @@ const UIStrings = {
   * setting turns off this overlay.
   */
   disablePaused: 'Disable paused state overlay',
+  /**
+  * @description Title of an action that toggle
+  * "forces CSS prefers-color-scheme" color
+  */
+  toggleCssPrefersColorSchemeMedia: 'Toggle forces CSS prefers-color-scheme color',
 };
 const str_ = i18n.i18n.registerUIStrings('entrypoints/inspector_main/inspector_main-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
@@ -191,6 +196,16 @@ UI.ActionRegistration.registerActionExtension({
   ],
 });
 
+UI.ActionRegistration.registerActionExtension({
+  actionId: 'rendering.toggle-prefers-color-scheme',
+  category: UI.ActionRegistration.ActionCategory.RENDERING,
+  title: i18nLazyString(UIStrings.toggleCssPrefersColorSchemeMedia),
+  async loadActionDelegate() {
+    const InspectorMain = await loadInspectorMainModule();
+    return InspectorMain.RenderingOptions.ReloadActionDelegate.instance();
+  },
+});
+
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.NETWORK,
   title: i18nLazyString(UIStrings.forceAdBlocking),

package/front_end/entrypoints/lighthouse_worker/LighthouseWorkerService.ts

@@ -118,6 +118,12 @@ async function invokeLH(action: string, args: any): Promise<unknown> {
     flags.channel = 'devtools';
     flags.locale = locale;
 
+    // TODO: Remove this filter once pubads is mode restricted
+    // https://github.com/googleads/publisher-ads-lighthouse-plugin/pull/339
+    if (action === 'startTimespan' || action === 'snapshot') {
+      args.categoryIDs = args.categoryIDs.filter((c: string) => c !== 'lighthouse-plugin-publisher-ads');
+    }
+
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
     const config = self.createConfig(args.categoryIDs, flags.emulatedFormFactor);
     const url = args.url;

package/front_end/generated/InspectorBackendCommands.js

@@ -273,7 +273,6 @@ export function registerCommands(inspectorBackend) {
       'Audits.GenericIssueErrorType', {CrossOriginPortalPostMessageError: 'CrossOriginPortalPostMessageError'});
   inspectorBackend.registerEnum('Audits.DeprecationIssueType', {
     AuthorizationCoveredByWildcard: 'AuthorizationCoveredByWildcard',
-    BatteryStatusInsecureOrigin: 'BatteryStatusInsecureOrigin',
     CanRequestURLHTTPContainingNewline: 'CanRequestURLHTTPContainingNewline',
     ChromeLoadTimesConnectionInfo: 'ChromeLoadTimesConnectionInfo',
     ChromeLoadTimesFirstPaintAfterLoadTime: 'ChromeLoadTimesFirstPaintAfterLoadTime',

package/front_end/generated/protocol.ts

@@ -1020,7 +1020,6 @@ export namespace Audits {
 
   export const enum DeprecationIssueType {
     AuthorizationCoveredByWildcard = 'AuthorizationCoveredByWildcard',
-    BatteryStatusInsecureOrigin = 'BatteryStatusInsecureOrigin',
     CanRequestURLHTTPContainingNewline = 'CanRequestURLHTTPContainingNewline',
     ChromeLoadTimesConnectionInfo = 'ChromeLoadTimesConnectionInfo',
     ChromeLoadTimesFirstPaintAfterLoadTime = 'ChromeLoadTimesFirstPaintAfterLoadTime',

package/front_end/models/issues_manager/DeprecationIssue.ts

@@ -10,322 +10,328 @@ import {Issue, IssueCategory, IssueKind} from './Issue.js';
 import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 import {resolveLazyDescription} from './MarkdownIssueDescription.js';
 
-const UIStrings =
-    {
-      // Store strings used across messages in this block.
-      /**
+const
+    UIStrings =
+        {
+          // Store strings used across messages in this block.
+          /**
    * @description This links to the chrome feature status page when one exists.
    */
-      feature: 'Check the feature status page for more details.',
-      /**
+          feature: 'Check the feature status page for more details.',
+          /**
    * @description This links to the chromium dash schedule when a milestone is set.
    * @example {100} milestone
    */
-      milestone: 'This change will go into effect with milestone {milestone}.',
-      /**
+          milestone: 'This change will go into effect with milestone {milestone}.',
+          /**
    *@description Title of issue raised when a deprecated feature is used
    */
-      title: 'Deprecated Feature Used',
+          title: 'Deprecated Feature Used',
 
-      // Store alphabetized messages per DeprecationIssueType in this block.
-      /**
+          // Store alphabetized messages per DeprecationIssueType in this block.
+          /**
    *@description TODO(crbug.com/1318846): Description needed for translation
    */
-      authorizationCoveredByWildcard:
-          'Authorization will not be covered by the wildcard symbol (*) in CORS `Access-Control-Allow-Headers` handling.',
-      /**
-   *@description Warning displayed to developers when the Battery Status API is used from an insecure origin (one that isn't localhost or doesn't use HTTPS) to notify them that this use is deprecated and will soon be unsupported.
-   */
-      batteryStatusInsecureOrigin:
-          'Using the Battery Status API (e.g. `navigator.getBattery()`) in insecure origins like HTTP is deprecated and will be removed.',
-      /**
+          authorizationCoveredByWildcard:
+              'Authorization will not be covered by the wildcard symbol (*) in CORS `Access-Control-Allow-Headers` handling.',
+          /**
    *@description TODO(crbug.com/1320334): Description needed for translation
    */
-      canRequestURLHTTPContainingNewline:
-          'Resource requests whose URLs contained both removed whitespace `\\(n|r|t)` characters and less-than characters (`<`) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources.',
-      /**
+          canRequestURLHTTPContainingNewline:
+              'Resource requests whose URLs contained both removed whitespace `\\(n|r|t)` characters and less-than characters (`<`) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources.',
+          /**
    *@description TODO(crbug.com/1320335): Description needed for translation
    */
-      chromeLoadTimesConnectionInfo:
-          '`chrome.loadTimes()` is deprecated, instead use standardized API: Navigation Timing 2.',
-      /**
+          chromeLoadTimesConnectionInfo:
+              '`chrome.loadTimes()` is deprecated, instead use standardized API: Navigation Timing 2.',
+          /**
    *@description TODO(crbug.com/1320336): Description needed for translation
    */
-      chromeLoadTimesFirstPaintAfterLoadTime:
-          '`chrome.loadTimes()` is deprecated, instead use standardized API: Paint Timing.',
-      /**
+          chromeLoadTimesFirstPaintAfterLoadTime:
+              '`chrome.loadTimes()` is deprecated, instead use standardized API: Paint Timing.',
+          /**
    *@description TODO(crbug.com/1320337): Description needed for translation
    */
-      chromeLoadTimesWasAlternateProtocolAvailable:
-          '`chrome.loadTimes()` is deprecated, instead use standardized API: `nextHopProtocol` in Navigation Timing 2.',
-      /**
+          chromeLoadTimesWasAlternateProtocolAvailable:
+              '`chrome.loadTimes()` is deprecated, instead use standardized API: `nextHopProtocol` in Navigation Timing 2.',
+          /**
    *@description TODO(crbug.com/1318847): Description needed for translation
    */
-      cookieWithTruncatingChar: 'Cookies containing a `\\(0|r|n)` character will be rejected instead of truncated.',
-      /**
-   *@description TODO(crbug.com/1318849): Description needed for translation
-   */
-      crossOriginAccessBasedOnDocumentDomain:
-          'Relaxing the same-origin policy by setting `document.domain` is deprecated, and will be disabled by default. This deprecation warning is for a cross-origin access that was enabled by setting `document.domain`.',
-      /**
+          cookieWithTruncatingChar: 'Cookies containing a `\\(0|r|n)` character will be rejected instead of truncated.',
+          /**
+           *@description This warning occurs when a frame accesses another frame's
+           *    data after having set `document.domain` without having set the
+           *    `Origin-Agent-Cluster` http header. This is a companion warning to
+           *    `documentDomainSettingWithoutOriginAgentClusterHeader`, where that
+           *    warning occurs when `document.domain` is set, and this warning
+           *    occurs when an access has been made, based on that previous
+           *    `document.domain` setting.
+           */
+          crossOriginAccessBasedOnDocumentDomain:
+              'Relaxing the same-origin policy by setting `document.domain` is deprecated, and will be disabled by default. This deprecation warning is for a cross-origin access that was enabled by setting `document.domain`.',
+          /**
    *@description TODO(crbug.com/1318850): Description needed for translation
    */
-      crossOriginWindowAlert:
-          'Triggering `window.alert` from cross origin iframes has been deprecated and will be removed in the future.',
-      /**
+          crossOriginWindowAlert:
+              'Triggering `window.alert` from cross origin iframes has been deprecated and will be removed in the future.',
+          /**
    *@description TODO(crbug.com/1318851): Description needed for translation
    */
-      crossOriginWindowConfirm:
-          'Triggering `window.confirm` from cross origin iframes has been deprecated and will be removed in the future.',
-      /**
+          crossOriginWindowConfirm:
+              'Triggering `window.confirm` from cross origin iframes has been deprecated and will be removed in the future.',
+          /**
    *@description TODO(crbug.com/1320339): Description needed for translation
    */
-      cssSelectorInternalMediaControlsOverlayCastButton:
-          'The `disableRemotePlayback` attribute should be used in order to disable the default Cast integration instead of using `-internal-media-controls-overlay-cast-button` selector.',
-      /**
+          cssSelectorInternalMediaControlsOverlayCastButton:
+              'The `disableRemotePlayback` attribute should be used in order to disable the default Cast integration instead of using `-internal-media-controls-overlay-cast-button` selector.',
+          /**
    *@description TODO(crbug.com/1320340): Description needed for translation
    */
-      customCursorIntersectsViewport:
-          'Custom cursors with size greater than 32x32 DIP intersecting native UI is deprecated and will be removed.',
-      /**
+          customCursorIntersectsViewport:
+              'Custom cursors with size greater than 32x32 DIP intersecting native UI is deprecated and will be removed.',
+          /**
    *@description This message is shown when the example deprecated feature is used
    */
-      deprecationExample: 'This is an example of a translated deprecation issue message.',
-      /**
-   *@description TODO(crbug.com/1318852): Description needed for translation
-   */
-      documentDomainSettingWithoutOriginAgentClusterHeader:
-          'Relaxing the same-origin policy by setting `document.domain` is deprecated, and will be disabled by default. To continue using this feature, please opt-out of origin-keyed agent clusters by sending an `Origin-Agent-Cluster: ?0` header along with the HTTP response for the document and frames. See https://developer.chrome.com/blog/immutable-document-domain/ for more details.',
-      /**
+          deprecationExample: 'This is an example of a translated deprecation issue message.',
+          /**
+           *@description This warning occurs when a script modifies `document.domain`
+           *    without having set on `Origin-Agent-Cluster` http header. In other
+           *    words, when a script relies on the default behaviour of
+           *    `Origin-Agent-Cluster` when setting document.domain.
+           */
+          documentDomainSettingWithoutOriginAgentClusterHeader:
+              'Relaxing the same-origin policy by setting `document.domain` is deprecated, and will be disabled by default. To continue using this feature, please opt-out of origin-keyed agent clusters by sending an `Origin-Agent-Cluster: ?0` header along with the HTTP response for the document and frames. See https://developer.chrome.com/blog/immutable-document-domain/ for more details.',
+          /**
    *@description TODO(crbug.com/1320338): Description needed for translation
    */
-      eventPath: '`Event.path` is deprecated and will be removed. Please use `Event.composedPath()` instead.',
-      /**
+          eventPath: '`Event.path` is deprecated and will be removed. Please use `Event.composedPath()` instead.',
+          /**
    *@description Warning displayed to developers when the Geolocation API is used from an insecure origin (one that isn't localhost or doesn't use HTTPS) to notify them that this use is no longer supported.
    */
-      geolocationInsecureOrigin:
-          '`getCurrentPosition()` and `watchPosition()` no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
-      /**
+          geolocationInsecureOrigin:
+              '`getCurrentPosition()` and `watchPosition()` no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
+          /**
    *@description Warning displayed to developers when the Geolocation API is used from an insecure origin (one that isn't localhost or doesn't use HTTPS) to notify them that this use is deprecated.
    */
-      geolocationInsecureOriginDeprecatedNotRemoved:
-          '`getCurrentPosition()` and `watchPosition()` are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
-      /**
+          geolocationInsecureOriginDeprecatedNotRemoved:
+              '`getCurrentPosition()` and `watchPosition()` are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
+          /**
    *@description TODO(crbug.com/1318858): Description needed for translation
    */
-      getUserMediaInsecureOrigin:
-          '`getUserMedia()` no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
-      /**
+          getUserMediaInsecureOrigin:
+              '`getUserMedia()` no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
+          /**
    *@description TODO(crbug.com/1320342): Description needed for translation
    */
-      hostCandidateAttributeGetter:
-          '`RTCPeerConnectionIceErrorEvent.hostCandidate` is deprecated. Please use `RTCPeerConnectionIceErrorEvent.address` or `RTCPeerConnectionIceErrorEvent.port` instead.',
-      /**
+          hostCandidateAttributeGetter:
+              '`RTCPeerConnectionIceErrorEvent.hostCandidate` is deprecated. Please use `RTCPeerConnectionIceErrorEvent.address` or `RTCPeerConnectionIceErrorEvent.port` instead.',
+          /**
    *@description TODO(crbug.com/1320343): Description needed for translation
    */
-      insecurePrivateNetworkSubresourceRequest:
-          'The website requested a subresource from a network that it could only access because of its users\' privileged network position. These requests expose non-public devices and servers to the internet, increasing the risk of a cross-site request forgery (CSRF) attack, and/or information leakage. To mitigate these risks, Chrome deprecates requests to non-public subresources when initiated from non-secure contexts, and will start blocking them.',
-      /**
+          insecurePrivateNetworkSubresourceRequest:
+              'The website requested a subresource from a network that it could only access because of its users\' privileged network position. These requests expose non-public devices and servers to the internet, increasing the risk of a cross-site request forgery (CSRF) attack, and/or information leakage. To mitigate these risks, Chrome deprecates requests to non-public subresources when initiated from non-secure contexts, and will start blocking them.',
+          /**
    *@description TODO(crbug.com/1318860): Description needed for translation
    */
-      legacyConstraintGoogCpuOveruseDetection:
-          'CPU overuse detection is enabled-by-default and the ability to disable it using `googCpuOveruseDetection` will soon be removed. Please stop using this legacy constraint.',
-      /**
+          legacyConstraintGoogCpuOveruseDetection:
+              'CPU overuse detection is enabled-by-default and the ability to disable it using `googCpuOveruseDetection` will soon be removed. Please stop using this legacy constraint.',
+          /**
    *@description TODO(crbug.com/1318861): Description needed for translation
    */
-      legacyConstraintGoogIPv6:
-          'IPv6 is enabled-by-default and the ability to disable it using `googIPv6` will soon be removed. Please stop using this legacy constraint.',
-      /**
+          legacyConstraintGoogIPv6:
+              'IPv6 is enabled-by-default and the ability to disable it using `googIPv6` will soon be removed. Please stop using this legacy constraint.',
+          /**
    *@description TODO(crbug.com/1318863): Description needed for translation
    */
-      legacyConstraintGoogScreencastMinBitrate:
-          'Screencast min bitrate is now set to 100 kbps by default and `googScreencastMinBitrate` will soon be ignored in favor of this new default. Please stop using this legacy constraint.',
-      /**
+          legacyConstraintGoogScreencastMinBitrate:
+              'Screencast min bitrate is now set to 100 kbps by default and `googScreencastMinBitrate` will soon be ignored in favor of this new default. Please stop using this legacy constraint.',
+          /**
    *@description TODO(crbug.com/1318864): Description needed for translation
    */
-      legacyConstraintGoogSuspendBelowMinBitrate:
-          'Support for the `googSuspendBelowMinBitrate` constraint is about to be removed. Please stop using this legacy constraint.',
-      /**
+          legacyConstraintGoogSuspendBelowMinBitrate:
+              'Support for the `googSuspendBelowMinBitrate` constraint is about to be removed. Please stop using this legacy constraint.',
+          /**
    *@description TODO(crbug.com/1318865): Description needed for translation
    */
-      localCSSFileExtensionRejected:
-          'CSS cannot be loaded from `file:` URLs unless they end in a `.css` file extension.',
-      /**
+          localCSSFileExtensionRejected:
+              'CSS cannot be loaded from `file:` URLs unless they end in a `.css` file extension.',
+          /**
    *@description TODO(crbug.com/1320344): Description needed for translation
    */
-      mediaElementAudioSourceNode:
-          'Creating a `MediaElementAudioSourceNode` on an `OfflineAudioContext` is deprecated and will be removed.',
-      /**
+          mediaElementAudioSourceNode:
+              'Creating a `MediaElementAudioSourceNode` on an `OfflineAudioContext` is deprecated and will be removed.',
+          /**
    *@description TODO(crbug.com/1320345): Description needed for translation
    */
-      mediaSourceAbortRemove:
-          'Using `SourceBuffer.abort()` to abort `remove()`\'s asynchronous range removal is deprecated due to specification change. Support will be removed in the future. You should instead await `updateend`. `abort()` is intended to only abort an asynchronous media append or reset parser state.',
-      /**
+          mediaSourceAbortRemove:
+              'Using `SourceBuffer.abort()` to abort `remove()`\'s asynchronous range removal is deprecated due to specification change. Support will be removed in the future. You should instead await `updateend`. `abort()` is intended to only abort an asynchronous media append or reset parser state.',
+          /**
    *@description TODO(crbug.com/1320346): Description needed for translation
    */
-      mediaSourceDurationTruncatingBuffered:
-          'Setting `MediaSource.duration` below the highest presentation timestamp of any buffered coded frames is deprecated due to specification change. Support for implicit removal of truncated buffered media will be removed in the future. You should instead perform explicit `remove(newDuration, oldDuration)` on all `sourceBuffers`, where `newDuration < oldDuration`.',
-      /**
+          mediaSourceDurationTruncatingBuffered:
+              'Setting `MediaSource.duration` below the highest presentation timestamp of any buffered coded frames is deprecated due to specification change. Support for implicit removal of truncated buffered media will be removed in the future. You should instead perform explicit `remove(newDuration, oldDuration)` on all `sourceBuffers`, where `newDuration < oldDuration`.',
+          /**
    *@description TODO(crbug.com/1320347): Description needed for translation
    */
-      noSysexWebMIDIWithoutPermission:
-          'Web MIDI will ask a permission to use even if the sysex is not specified in the `MIDIOptions`.',
-      /**
+          noSysexWebMIDIWithoutPermission:
+              'Web MIDI will ask a permission to use even if the sysex is not specified in the `MIDIOptions`.',
+          /**
    *@description Warning displayed to developers when the Notification API is used from an insecure origin (one that isn't localhost or doesn't use HTTPS) to notify them that this use is no longer supported.
    */
-      notificationInsecureOrigin:
-          'The Notification API may no longer be used from insecure origins. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
-      /**
+          notificationInsecureOrigin:
+              'The Notification API may no longer be used from insecure origins. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.',
+          /**
    *@description Warning displayed to developers when permission to use notifications has been requested by a cross-origin iframe, to notify them that this use is no longer supported.
    */
-      notificationPermissionRequestedIframe: 'Permission for the Notification API may no longer be requested from a cross-origin iframe. You should consider requesting permission from a top-level frame or opening a new window instead.',
-      /**
+          notificationPermissionRequestedIframe:
+              'Permission for the Notification API may no longer be requested from a cross-origin iframe. You should consider requesting permission from a top-level frame or opening a new window instead.',
+          /**
    *@description TODO(crbug.com/1318867): Description needed for translation
    */
-      obsoleteWebRtcCipherSuite:
-          'Your partner is negotiating an obsolete (D)TLS version. Please check with your partner to have this fixed.',
-      /**
+          obsoleteWebRtcCipherSuite:
+              'Your partner is negotiating an obsolete (D)TLS version. Please check with your partner to have this fixed.',
+          /**
    *@description TODO(crbug.com/1320349): Description needed for translation
    */
-      paymentRequestBasicCard: 'The `basic-card` payment method is deprecated and will be removed.',
-      /**
+          paymentRequestBasicCard: 'The `basic-card` payment method is deprecated and will be removed.',
+          /**
    *@description TODO(crbug.com/1320350): Description needed for translation
    */
-      paymentRequestShowWithoutGesture:
-          'Calling `PaymentRequest.show()` without user activation is deprecated and will be removed.',
-      /**
+          paymentRequestShowWithoutGesture:
+              'Calling `PaymentRequest.show()` without user activation is deprecated and will be removed.',
+          /**
    *@description This issue indicates that a `<source>` element with a `<picture>` parent was using an `src` attribute, which is not valid and is ignored by the browser. The `srcset` attribute should be used instead.
    */
-      pictureSourceSrc:
-          '`<source src>` with a `<picture>` parent is invalid and therefore ignored. Please use `<source srcset>` instead.',
-      /**
-   *@description TODO(crbug.com/1318869): Description needed for translation
+          pictureSourceSrc:
+              '`<source src>` with a `<picture>` parent is invalid and therefore ignored. Please use `<source srcset>` instead.',
+          /**
+   *@description Warning displayed to developers when the vendor-prefixed method is used rather than the equivalent unprefixed method.
    */
-      prefixedCancelAnimationFrame:
-          '`webkitCancelAnimationFrame` is vendor-specific. Please use the standard `cancelAnimationFrame` instead.',
-      /**
-   *@description TODO(crbug.com/1318871): Description needed for translation
+          prefixedCancelAnimationFrame:
+              '`webkitCancelAnimationFrame` is vendor-specific. Please use the standard `cancelAnimationFrame` instead.',
+          /**
+   *@description Warning displayed to developers when the vendor-prefixed method is used rather than the equivalent unprefixed method.
    */
-      prefixedRequestAnimationFrame:
-          '`webkitRequestAnimationFrame` is vendor-specific. Please use the standard `requestAnimationFrame` instead.',
-      /**
+          prefixedRequestAnimationFrame:
+              '`webkitRequestAnimationFrame` is vendor-specific. Please use the standard `requestAnimationFrame` instead.',
+          /**
    *@description TODO(crbug.com/1320351): Description needed for translation
    */
-      prefixedStorageInfo:
-          '`window.webkitStorageInfo` is deprecated. Please use `navigator.webkitTemporaryStorage` or `navigator.webkitPersistentStorage` instead.',
-      /**
+          prefixedStorageInfo:
+              '`window.webkitStorageInfo` is deprecated. Please use `navigator.webkitTemporaryStorage` or `navigator.webkitPersistentStorage` instead.',
+          /**
    *@description TODO(crbug.com/1320352): Description needed for translation
    */
-      prefixedVideoDisplayingFullscreen:
-          '`HTMLVideoElement.webkitDisplayingFullscreen` is deprecated. Please use `Document.fullscreenElement` instead.',
-      /**
+          prefixedVideoDisplayingFullscreen:
+              '`HTMLVideoElement.webkitDisplayingFullscreen` is deprecated. Please use `Document.fullscreenElement` instead.',
+          /**
    *@description TODO(crbug.com/1320353): Description needed for translation
    */
-      prefixedVideoEnterFullScreen:
-          '`HTMLVideoElement.webkitEnterFullScreen()` is deprecated. Please use `Element.requestFullscreen()` instead.',
-      /**
+          prefixedVideoEnterFullScreen:
+              '`HTMLVideoElement.webkitEnterFullScreen()` is deprecated. Please use `Element.requestFullscreen()` instead.',
+          /**
    *@description TODO(crbug.com/1320353): Description needed for translation
    */
-      prefixedVideoEnterFullscreen:
-          '`HTMLVideoElement.webkitEnterFullscreen()` is deprecated. Please use `Element.requestFullscreen()` instead.',
-      /**
+          prefixedVideoEnterFullscreen:
+              '`HTMLVideoElement.webkitEnterFullscreen()` is deprecated. Please use `Element.requestFullscreen()` instead.',
+          /**
    *@description TODO(crbug.com/1320354): Description needed for translation
    */
-      prefixedVideoExitFullScreen:
-          '`HTMLVideoElement.webkitExitFullsSreen()` is deprecated. Please use `Document.exitFullscreen()` instead.',
-      /**
+          prefixedVideoExitFullScreen:
+              '`HTMLVideoElement.webkitExitFullsSreen()` is deprecated. Please use `Document.exitFullscreen()` instead.',
+          /**
    *@description TODO(crbug.com/1320354): Description needed for translation
    */
-      prefixedVideoExitFullscreen:
-          '`HTMLVideoElement.webkitExitFullscreen()` is deprecated. Please use `Document.exitFullscreen()` instead.',
-      /**
+          prefixedVideoExitFullscreen:
+              '`HTMLVideoElement.webkitExitFullscreen()` is deprecated. Please use `Document.exitFullscreen()` instead.',
+          /**
    *@description TODO(crbug.com/1320355): Description needed for translation
    */
-      prefixedVideoSupportsFullscreen:
-          '`HTMLVideoElement.webkitSupportsFullscreen` is deprecated. Please use `Document.fullscreenEnabled` instead.',
-      /**
+          prefixedVideoSupportsFullscreen:
+              '`HTMLVideoElement.webkitSupportsFullscreen` is deprecated. Please use `Document.fullscreenEnabled` instead.',
+          /**
    *@description TODO(crbug.com/1320356): Description needed for translation
    */
-      rangeExpand: '`Range.expand()` is deprecated. Please use `Selection.modify()` instead.',
-      /**
+          rangeExpand: '`Range.expand()` is deprecated. Please use `Selection.modify()` instead.',
+          /**
    *@description TODO(crbug.com/1320357): Description needed for translation
    */
-      requestedSubresourceWithEmbeddedCredentials:
-          'Subresource requests whose URLs contain embedded credentials (e.g. `https://user:pass@host/`) are blocked.',
-      /**
+          requestedSubresourceWithEmbeddedCredentials:
+              'Subresource requests whose URLs contain embedded credentials (e.g. `https://user:pass@host/`) are blocked.',
+          /**
    *@description TODO(crbug.com/1318872): Description needed for translation
    */
-      rtcConstraintEnableDtlsSrtpFalse:
-          'The constraint `DtlsSrtpKeyAgreement` is removed. You have specified a `false` value for this constraint, which is interpreted as an attempt to use the removed `SDES` key negotiation method. This functionality is removed; use a service that supports DTLS key negotiation instead.',
-      /**
+          rtcConstraintEnableDtlsSrtpFalse:
+              'The constraint `DtlsSrtpKeyAgreement` is removed. You have specified a `false` value for this constraint, which is interpreted as an attempt to use the removed `SDES` key negotiation method. This functionality is removed; use a service that supports DTLS key negotiation instead.',
+          /**
    *@description TODO(crbug.com/1318873): Description needed for translation
    */
-      rtcConstraintEnableDtlsSrtpTrue:
-          'The constraint `DtlsSrtpKeyAgreement` is removed. You have specified a `true` value for this constraint, which had no effect, but you can remove this constraint for tidiness.',
-      /**
+          rtcConstraintEnableDtlsSrtpTrue:
+              'The constraint `DtlsSrtpKeyAgreement` is removed. You have specified a `true` value for this constraint, which had no effect, but you can remove this constraint for tidiness.',
+          /**
    *@description TODO(crbug.com/1318874): Description needed for translation
    */
-      rtcPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics:
-          'Complex Plan B SDP detected! Chrome will switch the default `sdpSemantics` from `plan-b` to the standardized `unified-plan` format and this peer connection is relying on the default `sdpSemantics`. This SDP is not compatible with Unified Plan and will be rejected by clients expecting Unified Plan. For more information about how to prepare for the switch, see https://webrtc.org/web-apis/chrome/unified-plan/.',
-      /**
+          rtcPeerConnectionComplexPlanBSdpUsingDefaultSdpSemantics:
+              'Complex Plan B SDP detected! Chrome will switch the default `sdpSemantics` from `plan-b` to the standardized `unified-plan` format and this peer connection is relying on the default `sdpSemantics`. This SDP is not compatible with Unified Plan and will be rejected by clients expecting Unified Plan. For more information about how to prepare for the switch, see https://webrtc.org/web-apis/chrome/unified-plan/.',
+          /**
    *@description TODO(crbug.com/1318875): Description needed for translation
    */
-      rtcPeerConnectionLegacyCreateWithMediaConstraints:
-          'The `mediaConstraints` version of `RTCOfferOptions/RTCAnswerOptions` are deprecated and will soon be removed, please migrate to the promise-based `createOffer`/`createAnswer` instead.',
-      /**
+          rtcPeerConnectionLegacyCreateWithMediaConstraints:
+              'The `mediaConstraints` version of `RTCOfferOptions/RTCAnswerOptions` are deprecated and will soon be removed, please migrate to the promise-based `createOffer`/`createAnswer` instead.',
+          /**
    *@description TODO(crbug.com/1320358): Description needed for translation
    */
-      rtcPeerConnectionSdpSemanticsPlanB:
-          'Plan B SDP semantics, which is used when constructing an `RTCPeerConnection` with `{sdpSemantics:\'plan-b\'}`, is a legacy non-standard version of the Session Description Protocol that has been permanently deleted from the Web Platform. It is still available when building with IS_FUCHSIA, but we intend to delete it as soon as possible. Stop depending on it. See https://crbug.com/1302249 for status.',
-      /**
+          rtcPeerConnectionSdpSemanticsPlanB:
+              'Plan B SDP semantics, which is used when constructing an `RTCPeerConnection` with `{sdpSemantics:\'plan-b\'}`, is a legacy non-standard version of the Session Description Protocol that has been permanently deleted from the Web Platform. It is still available when building with IS_FUCHSIA, but we intend to delete it as soon as possible. Stop depending on it. See https://crbug.com/1302249 for status.',
+          /**
    *@description TODO(crbug.com/1320360): Description needed for translation
    */
-      rtcpMuxPolicyNegotiate: 'The `rtcpMuxPolicy` option is deprecated and will be removed.',
-      /**
+          rtcpMuxPolicyNegotiate: 'The `rtcpMuxPolicy` option is deprecated and will be removed.',
+          /**
    *@description TODO(crbug.com/1318876): Description needed for translation
    */
-      rtpDataChannel:
-          'RTP data channels are no longer supported. The `RtpDataChannels` constraint is currently ignored, and may cause an error at a later date.',
-      /**
+          rtpDataChannel:
+              'RTP data channels are no longer supported. The `RtpDataChannels` constraint is currently ignored, and may cause an error at a later date.',
+          /**
    *@description TODO(crbug.com/1320361): Description needed for translation
    */
-      selectionAddRangeIntersect:
-          'The behavior that `Selection.addRange()` merges existing Range and the specified Range was removed.',
-      /**
+          selectionAddRangeIntersect:
+              'The behavior that `Selection.addRange()` merges existing Range and the specified Range was removed.',
+          /**
    *@description TODO(crbug.com/1318878): Description needed for translation
    */
-      sharedArrayBufferConstructedWithoutIsolation:
-          '`SharedArrayBuffer` will require cross-origin isolation. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.',
-      /**
+          sharedArrayBufferConstructedWithoutIsolation:
+              '`SharedArrayBuffer` will require cross-origin isolation. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.',
+          /**
    *@description TODO(crbug.com/1320363): Description needed for translation
    */
-      textToSpeech_DisallowedByAutoplay:
-          '`speechSynthesis.speak()` without user activation is deprecated and will be removed.',
-      /**
+          textToSpeech_DisallowedByAutoplay:
+              '`speechSynthesis.speak()` without user activation is deprecated and will be removed.',
+          /**
    *@description TODO(crbug.com/1318879): Description needed for translation
    */
-      v8SharedArrayBufferConstructedInExtensionWithoutIsolation:
-          'Extensions should opt into cross-origin isolation to continue using `SharedArrayBuffer`. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/.',
-      /**
+          v8SharedArrayBufferConstructedInExtensionWithoutIsolation:
+              'Extensions should opt into cross-origin isolation to continue using `SharedArrayBuffer`. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/.',
+          /**
    *@description TODO(crbug.com/1318880): Description needed for translation
    */
-      webCodecsVideoFrameDefaultTimestamp:
-          'Constructing a `VideoFrame` without a timestamp is deprecated and support will be removed. Please provide a timestamp via `VideoFrameInit`.',
-      /**
+          webCodecsVideoFrameDefaultTimestamp:
+              'Constructing a `VideoFrame` without a timestamp is deprecated and support will be removed. Please provide a timestamp via `VideoFrameInit`.',
+          /**
    *@description TODO(crbug.com/1318881): Description needed for translation
    */
-      xhrJSONEncodingDetection: 'UTF-16 is not supported by response json in `XMLHttpRequest`',
-      /**
+          xhrJSONEncodingDetection: 'UTF-16 is not supported by response json in `XMLHttpRequest`',
+          /**
    *@description TODO(crbug.com/1318882): Description needed for translation
    */
-      xmlHttpRequestSynchronousInNonWorkerOutsideBeforeUnload:
-          'Synchronous `XMLHttpRequest` on the main thread is deprecated because of its detrimental effects to the end user\u2019s experience. For more help, check https://xhr.spec.whatwg.org/.',
-      /**
+          xmlHttpRequestSynchronousInNonWorkerOutsideBeforeUnload:
+              'Synchronous `XMLHttpRequest` on the main thread is deprecated because of its detrimental effects to the end user\u2019s experience. For more help, check https://xhr.spec.whatwg.org/.',
+          /**
    *@description TODO(crbug.com/1320365): Description needed for translation
    */
-      xrSupportsSession:
-          '`supportsSession()` is deprecated. Please use `isSessionSupported()` and check the resolved boolean value instead.',
-    };
+          xrSupportsSession:
+              '`supportsSession()` is deprecated. Please use `isSessionSupported()` and check the resolved boolean value instead.',
+        };
 const str_ = i18n.i18n.registerUIStrings('models/issues_manager/DeprecationIssue.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
 
@@ -359,11 +365,6 @@ export class DeprecationIssue extends Issue {
         messageFunction = i18nLazyString(UIStrings.authorizationCoveredByWildcard);
         milestone = 97;
         break;
-      case Protocol.Audits.DeprecationIssueType.BatteryStatusInsecureOrigin:
-        messageFunction = i18nLazyString(UIStrings.batteryStatusInsecureOrigin);
-        feature = 4878376799043584;
-        milestone = 103;
-        break;
       case Protocol.Audits.DeprecationIssueType.CanRequestURLHTTPContainingNewline:
         messageFunction = i18nLazyString(UIStrings.canRequestURLHTTPContainingNewline);
         feature = 5735596811091968;

package/front_end/panels/lighthouse/LighthouseController.ts

@@ -399,14 +399,16 @@ export const Presets: Preset[] = [
     title: i18nLazyString(UIStrings.performance),
     description: i18nLazyString(UIStrings.howLongDoesThisAppTakeToShow),
     plugin: false,
+    supportedModes: ['navigation', 'timespan', 'snapshot'],
   },
   {
     setting: Common.Settings.Settings.instance().createSetting(
-        'lighthouse.cat_pwa', true, Common.Settings.SettingStorageType.Synced),
-    configID: 'pwa',
-    title: i18nLazyString(UIStrings.progressiveWebApp),
-    description: i18nLazyString(UIStrings.doesThisPageMeetTheStandardOfA),
+        'lighthouse.cat_a11y', true, Common.Settings.SettingStorageType.Synced),
+    configID: 'accessibility',
+    title: i18nLazyString(UIStrings.accessibility),
+    description: i18nLazyString(UIStrings.isThisPageUsableByPeopleWith),
     plugin: false,
+    supportedModes: ['navigation', 'snapshot'],
   },
   {
     setting: Common.Settings.Settings.instance().createSetting(
@@ -415,14 +417,7 @@ export const Presets: Preset[] = [
     title: i18nLazyString(UIStrings.bestPractices),
     description: i18nLazyString(UIStrings.doesThisPageFollowBestPractices),
     plugin: false,
-  },
-  {
-    setting: Common.Settings.Settings.instance().createSetting(
-        'lighthouse.cat_a11y', true, Common.Settings.SettingStorageType.Synced),
-    configID: 'accessibility',
-    title: i18nLazyString(UIStrings.accessibility),
-    description: i18nLazyString(UIStrings.isThisPageUsableByPeopleWith),
-    plugin: false,
+    supportedModes: ['navigation', 'timespan', 'snapshot'],
   },
   {
     setting: Common.Settings.Settings.instance().createSetting(
@@ -431,6 +426,16 @@ export const Presets: Preset[] = [
     title: i18nLazyString(UIStrings.seo),
     description: i18nLazyString(UIStrings.isThisPageOptimizedForSearch),
     plugin: false,
+    supportedModes: ['navigation', 'snapshot'],
+  },
+  {
+    setting: Common.Settings.Settings.instance().createSetting(
+        'lighthouse.cat_pwa', true, Common.Settings.SettingStorageType.Synced),
+    configID: 'pwa',
+    title: i18nLazyString(UIStrings.progressiveWebApp),
+    description: i18nLazyString(UIStrings.doesThisPageMeetTheStandardOfA),
+    plugin: false,
+    supportedModes: ['navigation'],
   },
   {
     setting: Common.Settings.Settings.instance().createSetting(
@@ -439,6 +444,7 @@ export const Presets: Preset[] = [
     configID: 'lighthouse-plugin-publisher-ads',
     title: i18nLazyString(UIStrings.publisherAds),
     description: i18nLazyString(UIStrings.isThisPageOptimizedForAdSpeedAnd),
+    supportedModes: ['navigation'],
   },
 ];
 
@@ -567,6 +573,7 @@ export interface Preset {
   title: () => Common.UIString.LocalizedString;
   description: () => Common.UIString.LocalizedString;
   plugin: boolean;
+  supportedModes: string[];
 }
 export interface RuntimeSetting {
   setting: Common.Settings.Setting<string|boolean>;

package/front_end/panels/lighthouse/LighthousePanel.ts

@@ -174,7 +174,7 @@ export class LighthousePanel extends UI.Panel.Panel {
       return;
     }
 
-    this.startView.updateMode();
+    this.startView.refresh();
 
     this.unauditableExplanation = evt.data.helpText;
     this.startView.setUnauditableExplanation(evt.data.helpText);

package/front_end/panels/lighthouse/LighthouseStartView.ts

@@ -102,20 +102,26 @@ export class StartView extends UI.Widget.Widget {
     }
   }
 
-  protected populateFormControls(fragment: UI.Fragment.Fragment): void {
+  protected populateFormControls(fragment: UI.Fragment.Fragment, mode?: string): void {
     // Populate the device type
     const deviceTypeFormElements = fragment.$('device-type-form-elements');
     this.populateRuntimeSettingAsRadio('lighthouse.device_type', i18nString(UIStrings.device), deviceTypeFormElements);
 
     // Populate the categories
-    const categoryFormElements = fragment.$('categories-form-elements');
-    const pluginFormElements = fragment.$('plugins-form-elements');
+    const categoryFormElements = fragment.$('categories-form-elements') as HTMLElement;
+    categoryFormElements.textContent = '';
+    const pluginFormElements = fragment.$('plugins-form-elements') as HTMLElement;
+    pluginFormElements.textContent = '';
     for (const preset of Presets) {
       const formElements = preset.plugin ? pluginFormElements : categoryFormElements;
       preset.setting.setTitle(preset.title());
       const checkbox = new UI.Toolbar.ToolbarSettingCheckbox(preset.setting, preset.description());
       const row = formElements.createChild('div', 'vbox lighthouse-launcher-row');
       row.appendChild(checkbox.element);
+      if (mode && !preset.supportedModes.includes(mode)) {
+        checkbox.setEnabled(false);
+        checkbox.setIndeterminate(true);
+      }
     }
     UI.ARIAUtils.markAsGroup(categoryFormElements);
     UI.ARIAUtils.setAccessibleName(categoryFormElements, i18nString(UIStrings.categories));
@@ -181,7 +187,7 @@ export class StartView extends UI.Widget.Widget {
     this.contentElement.style.overflow = 'auto';
   }
 
-  updateMode(): void {
+  refresh(): void {
     // Do nothing in default case.
   }
 

package/front_end/panels/lighthouse/LighthouseStartViewFR.ts

@@ -46,6 +46,52 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 export class StartViewFR extends StartView {
   protected render(): void {
     super.render();
+    this.refresh();
+  }
+
+  private createStartButton(mode: string): HTMLButtonElement {
+    let buttonLabel: Platform.UIString.LocalizedString;
+    let callback: () => void;
+
+    if (mode === 'timespan') {
+      buttonLabel = i18nString(UIStrings.startTimespan);
+      callback = (): void => {
+        this.controller.dispatchEventToListeners(
+            Events.RequestLighthouseTimespanStart,
+            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
+        );
+      };
+    } else if (mode === 'snapshot') {
+      buttonLabel = i18nString(UIStrings.analyzeSnapshot);
+      callback = (): void => {
+        this.controller.dispatchEventToListeners(
+            Events.RequestLighthouseStart,
+            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
+        );
+      };
+    } else {
+      buttonLabel = i18nString(UIStrings.analyzeNavigation);
+      callback = (): void => {
+        this.controller.dispatchEventToListeners(
+            Events.RequestLighthouseStart,
+            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
+        );
+      };
+    }
+
+    return UI.UIUtils.createTextButton(
+        buttonLabel,
+        callback,
+        /* className */ '',
+        /* primary */ true,
+    );
+  }
+
+  refresh(): void {
+    const {mode} = this.controller.getFlags();
+
+    this.startButton = this.createStartButton(mode);
+
     const fragment = UI.Fragment.Fragment.build`
 <form class="lighthouse-start-view-fr">
   <header class="hbox">
@@ -82,7 +128,7 @@ export class StartViewFR extends StartView {
     this.warningText = fragment.$('warning-text');
 
     // The previous radios are removed later and don't exist on the new fragment yet.
-    this.populateFormControls(fragment);
+    this.populateFormControls(fragment, mode);
 
     // Populate the Lighthouse mode
     const modeFormElements = fragment.$('mode-form-elements');
@@ -90,7 +136,9 @@ export class StartViewFR extends StartView {
 
     this.contentElement.textContent = '';
     this.contentElement.append(fragment.element());
-    this.updateMode();
+
+    // Ensure the correct layout is used after refresh.
+    this.onResize();
   }
 
   onResize(): void {
@@ -107,50 +155,4 @@ export class StartViewFR extends StartView {
       optionsEl.classList.toggle('narrow', useNarrowLayout);
     }
   }
-
-  updateMode(): void {
-    const {mode} = this.controller.getFlags();
-
-    let buttonLabel: Platform.UIString.LocalizedString;
-    let callback: () => void;
-
-    if (mode === 'timespan') {
-      buttonLabel = i18nString(UIStrings.startTimespan);
-      callback = (): void => {
-        this.controller.dispatchEventToListeners(
-            Events.RequestLighthouseTimespanStart,
-            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
-        );
-      };
-    } else if (mode === 'snapshot') {
-      buttonLabel = i18nString(UIStrings.analyzeSnapshot);
-      callback = (): void => {
-        this.controller.dispatchEventToListeners(
-            Events.RequestLighthouseStart,
-            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
-        );
-      };
-    } else {
-      buttonLabel = i18nString(UIStrings.analyzeNavigation);
-      callback = (): void => {
-        this.controller.dispatchEventToListeners(
-            Events.RequestLighthouseStart,
-            /* keyboardInitiated */ this.startButton.matches(':focus-visible'),
-        );
-      };
-    }
-
-    this.startButton = UI.UIUtils.createTextButton(
-        buttonLabel,
-        callback,
-        /* className */ '',
-        /* primary */ true,
-    );
-
-    const startButtonContainerEl = this.contentElement.querySelector('.lighthouse-start-button-container');
-    if (startButtonContainerEl) {
-      startButtonContainerEl.textContent = '';
-      startButtonContainerEl.appendChild(this.startButton);
-    }
-  }
 }

package/front_end/panels/lighthouse/lighthouseStartView.css

@@ -170,16 +170,16 @@ input[type="radio"]:focus {
 
 .lighthouse-options {
   display: grid;
-  grid-template-columns: auto auto;
+  grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto;
 }
 
 .lighthouse-options.narrow {
-  grid-template-columns: auto;
+  grid-template-columns: 1fr;
   grid-template-rows: auto auto auto;
 }
 
 .lighthouse-options.wide {
-  grid-template-columns: auto auto auto;
+  grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: auto;
 }

package/front_end/panels/timeline/TimelineUIUtils.ts

@@ -1682,8 +1682,7 @@ export class TimelineUIUtils {
     }
   }
 
-  static async buildDetailsTextForTraceEvent(event: SDK.TracingModel.Event, target: SDK.Target.Target|null):
-      Promise<string|null> {
+  static async buildDetailsTextForTraceEvent(event: SDK.TracingModel.Event): Promise<string|null> {
     const recordType = TimelineModel.TimelineModel.RecordType;
     let detailsText;
     const eventData = event.args['data'];
@@ -1696,9 +1695,9 @@ export class TimelineUIUtils {
         break;
       }
       case recordType.FunctionCall:
-        if (eventData) {
-          detailsText =
-              await linkifyLocationAsText(eventData['scriptId'], eventData['lineNumber'], eventData['columnNumber']);
+        if (eventData && eventData['url'] && eventData['lineNumber'] !== undefined &&
+            eventData['columnNumber'] !== undefined) {
+          detailsText = eventData.url + ':' + (eventData.lineNumber + 1) + ':' + (eventData.columnNumber + 1);
         }
         break;
       case recordType.JSFrame:
@@ -1804,33 +1803,13 @@ export class TimelineUIUtils {
 
     return detailsText;
 
-    async function linkifyLocationAsText(
-        scriptId: Protocol.Runtime.ScriptId, lineNumber: number, columnNumber: number): Promise<string|null> {
-      const debuggerModel = target ? target.model(SDK.DebuggerModel.DebuggerModel) : null;
-      if (!target || target.isDisposed() || !scriptId || !debuggerModel) {
-        return null;
-      }
-      const rawLocation = debuggerModel.createRawLocationByScriptId(scriptId, lineNumber, columnNumber);
-      if (!rawLocation) {
-        return null;
-      }
-      const uiLocation =
-          await Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().rawLocationToUILocation(
-              rawLocation);
-      return uiLocation ? uiLocation.linkText(false /* skipTrim*/, true /* showColumnNumber*/) : null;
-    }
-
     async function linkifyTopCallFrameAsText(): Promise<string|null> {
       const frame = TimelineModel.TimelineModel.TimelineData.forEvent(event).topFrame();
       if (!frame) {
         return null;
       }
-      let text: string|(string | null) =
-          await linkifyLocationAsText(frame.scriptId, frame.lineNumber, frame.columnNumber);
-      if (!text) {
-        text = frame.url + ':' + (frame.lineNumber + 1) + ':' + (frame.columnNumber + 1);
-      }
-      return text;
+
+      return frame.url + ':' + (frame.lineNumber + 1) + ':' + (frame.columnNumber + 1);
     }
   }
 
@@ -1859,7 +1838,7 @@ export class TimelineUIUtils {
       case recordType.WebSocketSendHandshakeRequest:
       case recordType.WebSocketReceiveHandshakeResponse:
       case recordType.WebSocketDestroy: {
-        detailsText = await TimelineUIUtils.buildDetailsTextForTraceEvent(event, target);
+        detailsText = await TimelineUIUtils.buildDetailsTextForTraceEvent(event);
         break;
       }
 

package/front_end/ui/legacy/ActionRegistration.ts

@@ -212,6 +212,7 @@ export const ActionCategory = {
   SETTINGS: 'Settings',
   DEBUGGER: 'Debugger',
   SOURCES: 'Sources',
+  RENDERING: 'Rendering',
 };
 
 type ActionCategory = typeof ActionCategory[keyof typeof ActionCategory];

package/front_end/ui/legacy/Toolbar.ts

@@ -1084,6 +1084,10 @@ export class ToolbarCheckbox extends ToolbarItem<void> {
     super.applyEnabledState(enabled);
     this.inputElement.disabled = !enabled;
   }
+
+  setIndeterminate(indeterminate: boolean): void {
+    this.inputElement.indeterminate = indeterminate;
+  }
 }
 
 export class ToolbarSettingCheckbox extends ToolbarCheckbox {

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "vpython third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.998281"
+  "version": "1.0.998787"
 }