chrome-devtools-frontend 1.0.1682249 → 1.0.1683520

package/front_end/entrypoints/inspector_main/InspectorMain.ts

@@ -248,7 +248,8 @@ export class BackendSettingsSync implements SDK.TargetManager.Observer {
   readonly #emulatePageFocusSetting: Common.Settings.Setting<boolean>;
 
   constructor() {
-    this.#autoAttachSetting = Common.Settings.Settings.instance().moduleSetting('auto-attach-to-created-pages');
+    this.#autoAttachSetting = Common.Settings.Settings.instance().resolve(
+        SettingsUI.InspectorMainSettings.autoAttachToCreatedPagesSettingDescriptor);
     this.#autoAttachSetting.addChangeListener(this.#updateAutoAttach, this);
     this.#updateAutoAttach();
 

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

@@ -462,14 +462,10 @@ SettingsUI.SettingUIRegistration.register(SettingsUI.InspectorMainSettings.adBlo
   ],
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.InspectorMainSettings.autoAttachToCreatedPagesSettingDescriptor, {
   category: Common.Settings.SettingCategory.GLOBAL,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
   title: i18nLazyString(UIStrings.autoOpenDevTools),
-  settingName: 'auto-attach-to-created-pages',
-  settingType: Common.Settings.SettingType.BOOLEAN,
   order: 2,
-  defaultValue: false,
   options: [
     {
       value: true,

package/front_end/entrypoints/main/MainImpl.ts

@@ -56,6 +56,7 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
 import {html, render} from '../../ui/lit/lit.js';
+import * as SettingsUI from '../../ui/settings/settings.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
 import {ExecutionContextSelector} from './ExecutionContextSelector.js';
@@ -268,7 +269,8 @@ export class MainImpl {
   }
 
   async requestAndRegisterLocaleData(): Promise<void> {
-    const settingLanguage = Common.Settings.Settings.instance().moduleSetting<string>('language').get();
+    const settingLanguage =
+        Common.Settings.Settings.instance().resolve(SettingsUI.MainSettings.languageSettingDescriptor).get();
     const devToolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance({
       create: true,
       data: {
@@ -427,8 +429,7 @@ export class MainImpl {
         Persistence.IsolatedFileSystemManager.Events.FileSystemError,
         event => Snackbar.Snackbar.Snackbar.show({message: event.data}));
 
-    const defaultThemeSetting = 'systemPreferred';
-    const themeSetting = Common.Settings.Settings.instance().createSetting('ui-theme', defaultThemeSetting);
+    const themeSetting = Common.Settings.Settings.instance().resolve(SettingsUI.MainSettings.uiThemeSettingDescriptor);
     UI.UIUtils.initializeUIUtils(document);
 
     // Initialize theme support and apply it.

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

@@ -658,13 +658,9 @@ UI.ActionRegistration.registerActionExtension({
   ],
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.uiThemeSettingDescriptor, {
   category: Common.Settings.SettingCategory.APPEARANCE,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
   title: i18nLazyString(UIStrings.theme),
-  settingName: 'ui-theme',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'systemPreferred',
   reloadRequired: false,
   options: [
     {
@@ -689,13 +685,9 @@ Common.Settings.registerSettingExtension({
   ],
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.chromeThemeColorsSettingDescriptor, {
   category: Common.Settings.SettingCategory.APPEARANCE,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
   title: i18nLazyString(UIStrings.matchChromeColorScheme),
-  settingName: 'chrome-theme-colors',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: true,
   options: [
     {
       value: true,
@@ -713,13 +705,9 @@ Common.Settings.registerSettingExtension({
   },
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.sidebarPositionSettingDescriptor, {
   category: Common.Settings.SettingCategory.APPEARANCE,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
   title: i18nLazyString(UIStrings.panelLayout),
-  settingName: 'sidebar-position',
-  settingType: Common.Settings.SettingType.ENUM,
-  defaultValue: 'auto',
   options: [
     {
       title: i18nLazyString(UIStrings.useHorizontalPanelLayout),
@@ -739,13 +727,9 @@ Common.Settings.registerSettingExtension({
   ],
 });
 
-Common.Settings.registerSettingExtension({
+SettingsUI.SettingUIRegistration.register(SettingsUI.MainSettings.languageSettingDescriptor, {
   category: Common.Settings.SettingCategory.APPEARANCE,
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'language',
-  settingType: Common.Settings.SettingType.ENUM,
   title: i18nLazyString(UIStrings.language),
-  defaultValue: 'en-US',
   options: [
     {
       value: 'browserLanguage',

package/front_end/generated/InspectorBackendCommands.ts

@@ -1137,7 +1137,7 @@ inspectorBackend.registerCommand("Page.setLifecycleEventsEnabled", [{"name": "en
 inspectorBackend.registerEnum("Page.SetTouchEmulationEnabledRequestConfiguration", {Mobile: "mobile", Desktop: "desktop"});
 inspectorBackend.registerCommand("Page.setTouchEmulationEnabled", [{"name": "enabled", "type": "boolean", "optional": false, "description": "Whether the touch event emulation should be enabled.", "typeRef": null}, {"name": "configuration", "type": "string", "optional": true, "description": "Touch/gesture events configuration. Default: current platform.", "typeRef": "Page.SetTouchEmulationEnabledRequestConfiguration"}], [], "Toggles mouse event-based touch event emulation.");
 inspectorBackend.registerEnum("Page.StartScreencastRequestFormat", {Jpeg: "jpeg", Png: "png"});
-inspectorBackend.registerCommand("Page.startScreencast", [{"name": "format", "type": "string", "optional": true, "description": "Image compression format.", "typeRef": "Page.StartScreencastRequestFormat"}, {"name": "quality", "type": "number", "optional": true, "description": "Compression quality from range [0..100].", "typeRef": null}, {"name": "maxWidth", "type": "number", "optional": true, "description": "Maximum screenshot width.", "typeRef": null}, {"name": "maxHeight", "type": "number", "optional": true, "description": "Maximum screenshot height.", "typeRef": null}, {"name": "everyNthFrame", "type": "number", "optional": true, "description": "Send every n-th frame.", "typeRef": null}], [], "Starts sending each frame using the `screencastFrame` event.");
+inspectorBackend.registerCommand("Page.startScreencast", [{"name": "format", "type": "string", "optional": true, "description": "Image compression format.", "typeRef": "Page.StartScreencastRequestFormat"}, {"name": "quality", "type": "number", "optional": true, "description": "Compression quality from range [0..100].", "typeRef": null}, {"name": "maxWidth", "type": "number", "optional": true, "description": "Maximum screenshot width.", "typeRef": null}, {"name": "maxHeight", "type": "number", "optional": true, "description": "Maximum screenshot height.", "typeRef": null}, {"name": "everyNthFrame", "type": "number", "optional": true, "description": "Send every n-th frame. Must be a positive integer.", "typeRef": null}, {"name": "maxFramesInFlight", "type": "number", "optional": true, "description": "Maximum number of frames sent until screencastFrameAck is required. Defaults to 3. Must be a positive integer.", "typeRef": null}, {"name": "sendLastFrame", "type": "boolean", "optional": true, "description": "By default, after screencastFrameAck arrives, the next produced frame is sent. Passing this flag enables storing the last produced frame in memory, which is immediately sent upon screencastFrameAck. This way, overall performance is traded for a better latency.", "typeRef": null}], [], "Starts sending each frame using the `screencastFrame` event.");
 inspectorBackend.registerCommand("Page.startScreenRecording", [{"name": "audio", "type": "boolean", "optional": true, "description": "", "typeRef": null}, {"name": "maxWidth", "type": "number", "optional": true, "description": "Maximum frame width in pixels.", "typeRef": null}, {"name": "maxHeight", "type": "number", "optional": true, "description": "Maximum frame height in pixels.", "typeRef": null}, {"name": "frameRate", "type": "number", "optional": true, "description": "Maximum frame rate in frames per second.", "typeRef": null}], ["stream"], "Starts screencast video recording.");
 inspectorBackend.registerCommand("Page.stopScreenRecording", [], ["stream"], "Stops screencast video recording.");
 inspectorBackend.registerCommand("Page.stopLoading", [], [], "Force the page stop all navigations and pending resource fetches.");

package/front_end/generated/protocol.ts

@@ -16299,9 +16299,21 @@ export namespace Page {
      */
     maxHeight?: integer;
     /**
-     * Send every n-th frame.
+     * Send every n-th frame. Must be a positive integer.
      */
     everyNthFrame?: integer;
+    /**
+     * Maximum number of frames sent until screencastFrameAck is required.
+     * Defaults to 3. Must be a positive integer.
+     */
+    maxFramesInFlight?: integer;
+    /**
+     * By default, after screencastFrameAck arrives, the next produced frame is sent.
+     * Passing this flag enables storing the last produced frame in memory, which is
+     * immediately sent upon screencastFrameAck. This way, overall performance is
+     * traded for a better latency.
+     */
+    sendLastFrame?: boolean;
   }
 
   export interface StartScreenRecordingRequest {

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -6718,6 +6718,10 @@ export const NativeFunctions = [
     name: "copyElementImageToTexture",
     signatures: [["source","destination"]]
   },
+  {
+    name: "drawElementImageToTexture",
+    signatures: [["source","destination"]]
+  },
   {
     name: "multiDrawIndirect",
     signatures: [["indirectBuffer","indirectOffset","maxDrawCount","?drawCountBuffer","?drawCountBufferOffset"]]

package/front_end/models/trace/Processor.ts

@@ -606,6 +606,7 @@ export class TraceProcessor extends EventTarget {
         'missing metric scores for main frame',
         'missing metric: FCP',
         'missing metric: LCP',
+        'NO_LCP',
         'No network requests found in trace',
         'Trace is too old',
       ];

package/front_end/panels/elements/ElementsPanel.ts

@@ -44,6 +44,7 @@ import * as ComputedStyle from '../../models/computed_style/computed_style.js';
 import * as PanelCommon from '../../panels/common/common.js';
 import type * as Adorners from '../../ui/components/adorners/adorners.js';
 import * as UI from '../../ui/legacy/legacy.js';
+import * as SettingsUI from '../../ui/settings/settings.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
 import {AccessibilityTreeView} from './AccessibilityTreeView.js';
@@ -294,7 +295,8 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
 
     this.metricsWidget = new MetricsSidebarPane(this.#computedStyleModel);
 
-    this.#settings.moduleSetting('sidebar-position').addChangeListener(this.updateSidebarPosition.bind(this));
+    this.#settings.resolve(SettingsUI.MainSettings.sidebarPositionSettingDescriptor)
+        .addChangeListener(this.updateSidebarPosition.bind(this));
     this.updateSidebarPosition();
 
     this.cssStyleTrackerByCSSModel = new Map();
@@ -1180,7 +1182,7 @@ export class ElementsPanel extends UI.Panel.Panel implements UI.SearchableView.S
       return;
     }  // We can't reparent extension iframes.
 
-    const position = this.#settings.moduleSetting('sidebar-position').get();
+    const position = this.#settings.resolve(SettingsUI.MainSettings.sidebarPositionSettingDescriptor).get();
     let splitMode = SplitMode.HORIZONTAL;
     if (position === 'right' || (position === 'auto' && this.splitWidget.element.offsetWidth > 680)) {
       splitMode = SplitMode.VERTICAL;

package/front_end/panels/network/RequestPayloadView.ts

@@ -203,7 +203,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
     });
     objectTree.expanded = true;
     return html`
-      <li role=treeitem class="source-code object-properties-section-root-element object-properties-section" open>
+      <li role=treeitem class="source-code object-properties-section-root-element object-properties-section" toggle-on-click open>
         ${object.description}
         ${object.hasChildren ? ObjectUI.ObjectPropertiesSection.renderObjectTree(objectTree) : nothing}
       </li>
@@ -241,13 +241,14 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
 
   // clang-format off
   render(html`<style>${requestPayloadViewStyles}</style>
-   <devtools-tree dense class=request-payload-tree .template=${html`
+   <devtools-tree dense show-selection-on-keyboard-focus class=request-payload-tree .template=${html`
      <style>${objectValueStyles}</style>
      <style>${objectPropertiesSectionStyles}</style>
      <style>${requestPayloadTreeStyles}</style>
      <ul role=tree>
       <li
           role=treeitem
+          toggle-on-click
           ?hidden=${!input.queryParameters}
           jslog=${VisualLogging.section().context('query-string')}
           @contextmenu=${onContextMenu(
@@ -280,6 +281,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
       </li>
       <li
           role=treeitem
+          toggle-on-click
           ?hidden=${!input.formData || !input.formParameters}
           jslog=${VisualLogging.section().context('form-data')}
           @contextmenu=${onContextMenu(
@@ -311,6 +313,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
       </li>
       <li
           role=treeitem
+          toggle-on-click
           ?hidden=${!input.formData || Boolean(input.formParameters) || Boolean(input.binaryPayloadContentData)}
           jslog=${VisualLogging.section().context('request-payload')}
           @contextmenu=${onContextMenu(

package/front_end/panels/sources/SourcesPanel.ts

@@ -48,6 +48,7 @@ import * as ObjectUI from '../../ui/legacy/components/object_ui/object_ui.js';
 import * as SettingsUI from '../../ui/legacy/components/settings_ui/settings_ui.js';
 import type * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 import * as UI from '../../ui/legacy/legacy.js';
+import * as Settings from '../../ui/settings/settings.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import * as Snippets from '../snippets/snippets.js';
 
@@ -281,7 +282,7 @@ export class SourcesPanel extends UI.Panel.Panel implements
     this.callstackPane = CallStackSidebarPane.instance();
 
     Common.Settings.Settings.instance()
-        .moduleSetting('sidebar-position')
+        .resolve(Settings.MainSettings.sidebarPositionSettingDescriptor)
         .addChangeListener(this.updateSidebarPosition.bind(this));
     this.updateSidebarPosition();
 
@@ -414,7 +415,8 @@ export class SourcesPanel extends UI.Panel.Panel implements
   }
 
   override onResize(): void {
-    if (Common.Settings.Settings.instance().moduleSetting('sidebar-position').get() === 'auto') {
+    if (Common.Settings.Settings.instance().resolve(Settings.MainSettings.sidebarPositionSettingDescriptor).get() ===
+        'auto') {
       this.element.window().requestAnimationFrame(this.updateSidebarPosition.bind(this));
     }  // Do not force layout.
   }
@@ -1111,7 +1113,8 @@ export class SourcesPanel extends UI.Panel.Panel implements
 
   private updateSidebarPosition(): void {
     let vertically;
-    const position = Common.Settings.Settings.instance().moduleSetting('sidebar-position').get();
+    const position =
+        Common.Settings.Settings.instance().resolve(Settings.MainSettings.sidebarPositionSettingDescriptor).get();
     if (position === 'right') {
       vertically = false;
     } else if (position === 'bottom') {

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: e35c9c6a769bb2bfc92bbbd8270b7ef6b330b939
+Revision: c7fa750520673537bb8f56d44c3c07bb2d580372
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/ui/components/text_editor/config.ts

@@ -10,6 +10,7 @@ import * as TextUtils from '../../../core/text_utils/text_utils.js';
 import * as CM from '../../../third_party/codemirror.next/codemirror.next.js';
 import {Icon} from '../../kit/kit.js';
 import * as UI from '../../legacy/legacy.js';
+import * as SettingsUI from '../../settings/settings.js';
 import * as VisualLogging from '../../visual_logging/visual_logging.js';
 import * as CodeHighlighter from '../code_highlighter/code_highlighter.js';
 
@@ -327,7 +328,7 @@ const baseKeymap = CM.keymap.of([
 ]);
 
 function themeIsDark(): boolean {
-  const setting = Common.Settings.Settings.instance().moduleSetting('ui-theme').get();
+  const setting = Common.Settings.Settings.instance().resolve(SettingsUI.MainSettings.uiThemeSettingDescriptor).get();
   return setting === 'systemPreferred' ? window.matchMedia('(prefers-color-scheme: dark)').matches : setting === 'dark';
 }
 

package/front_end/ui/legacy/theme_support/ThemeSupport.ts

@@ -37,6 +37,7 @@
 import * as Common from '../../../core/common/common.js';
 import * as Host from '../../../core/host/host.js';
 import * as Root from '../../../core/root/root.js';
+import * as SettingsUI from '../../settings/settings.js';
 
 let themeSupportInstance: ThemeSupport;
 
@@ -159,7 +160,8 @@ export class ThemeSupport extends EventTarget {
     this.#themeName = useSystemPreferred ? systemPreferredTheme : this.setting.get();
     document.documentElement.classList.toggle('theme-with-dark-background', this.#themeName === 'dark');
 
-    const useChromeTheme = Common.Settings.Settings.instance().moduleSetting('chrome-theme-colors').get();
+    const useChromeTheme =
+        Common.Settings.Settings.instance().resolve(SettingsUI.MainSettings.chromeThemeColorsSettingDescriptor).get();
     const isIncognito = Root.Runtime.hostConfig.isOffTheRecord === true;
     // Baseline is the name of Chrome's default color theme and there are two of these: default and grayscale.
     // The collective name for the rest of the color themes is dynamic.
@@ -191,7 +193,8 @@ export class ThemeSupport extends EventTarget {
   }
 
   #fetchColorsAndApplyHostTheme(document: Document): void {
-    const useChromeTheme = Common.Settings.Settings.instance().moduleSetting('chrome-theme-colors').get();
+    const useChromeTheme =
+        Common.Settings.Settings.instance().resolve(SettingsUI.MainSettings.chromeThemeColorsSettingDescriptor).get();
     if (Host.InspectorFrontendHost.InspectorFrontendHostInstance.isHostedMode() || !useChromeTheme) {
       this.#applyThemeToDocument(document);
       return;

package/front_end/ui/settings/InspectorMainSettings.ts

@@ -10,3 +10,10 @@ export const adBlockingEnabledSettingDescriptor: Common.Settings.SettingDescript
   defaultValue: false,
   storageType: Common.Settings.SettingStorageType.SESSION,
 };
+
+export const autoAttachToCreatedPagesSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'auto-attach-to-created-pages',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};

package/front_end/ui/settings/MainSettings.ts

@@ -0,0 +1,33 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from '../../core/common/common.js';
+
+export const uiThemeSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'ui-theme',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'systemPreferred',
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const chromeThemeColorsSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'chrome-theme-colors',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: true,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const sidebarPositionSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'sidebar-position',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'auto',
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};
+
+export const languageSettingDescriptor: Common.Settings.SettingDescriptor<string> = {
+  name: 'language',
+  type: Common.Settings.SettingType.ENUM,
+  defaultValue: 'en-US',
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+};

package/front_end/ui/settings/settings.ts

@@ -3,9 +3,11 @@
 // found in the LICENSE file.
 
 import * as InspectorMainSettings from './InspectorMainSettings.js';
+import * as MainSettings from './MainSettings.js';
 import * as SettingUIRegistration from './SettingUIRegistration.js';
 
 export {
   InspectorMainSettings,
+  MainSettings,
   SettingUIRegistration,
 };

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -727,6 +727,7 @@ export const knownContextValues = new Set([
   'breakpoints-active',
   'browser-debugger.refresh-global-event-listeners',
   'browser-language',
+  'browserLanguage',
   'bs',
   'buffered-rendering',
   'button',
@@ -1629,6 +1630,8 @@ export const knownContextValues = new Set([
   'emulation.toggle-device-mode',
   'emulation.toolbar-controls-enabled',
   'emulation.touch',
+  'en-GB',
+  'en-US',
   'en-gb',
   'en-us',
   'en-xl',
@@ -1834,6 +1837,7 @@ export const knownContextValues = new Set([
   'form-factors',
   'fourth',
   'fr',
+  'fr-CA',
   'fr-ca',
   'frame',
   'frame-creation-stack-trace',
@@ -3305,6 +3309,7 @@ export const knownContextValues = new Set([
   'pseudo-property',
   'pseudotype',
   'pt',
+  'pt-PT',
   'pt-pt',
   'push-message',
   'push-messaging',
@@ -3977,6 +3982,7 @@ export const knownContextValues = new Set([
   'spread',
   'sq',
   'sr',
+  'sr-Latn',
   'sr-latn',
   'src',
   'srgb',
@@ -4653,6 +4659,8 @@ export const knownContextValues = new Set([
   'y-offset',
   'z-index',
   'zh',
+  'zh-HK',
+  'zh-TW',
   'zh-hk',
   'zh-tw',
   'zoo',

package/package.json

@@ -92,5 +92,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1682249"
+  "version": "1.0.1683520"
 }