chrome-devtools-frontend 1.0.1662965 → 1.0.1664496

package/front_end/ui/legacy/components/source_frame/JSONView.ts

@@ -4,9 +4,8 @@
 /* eslint-disable @devtools/no-imperative-dom-api */
 
 import * as i18n from '../../../../core/i18n/i18n.js';
-import * as Platform from '../../../../core/platform/platform.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
-import * as Highlighting from '../../../components/highlighting/highlighting.js';
+import {html, render} from '../../../lit/lit.js';
 import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
 import * as ObjectUI from '../object_ui/object_ui.js';
@@ -22,26 +21,48 @@ const UIStrings = {
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/source_frame/JSONView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
+export interface ViewInput {
+  objectTree: ObjectUI.ObjectPropertiesSection.ObjectTree;
+  parsedJSON: ParsedJSON;
+}
+
+export type ViewOutput = undefined;
+
+const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTMLElement): void => {
+  const obj = SDK.RemoteObject.RemoteObject.fromLocalObject(input.parsedJSON.data);
+  const titleText = input.parsedJSON.prefix + obj.description + input.parsedJSON.suffix;
+  const title = html`<span>${titleText}</span>`;
+  render(html`
+    <style>${jsonViewStyles}</style>
+    ${ObjectUI.ObjectPropertiesSection.renderObjectPropertiesSection(input.objectTree, title)}
+  `,
+         target, {
+
+           container: {
+             classes: ['json-view'],
+             attributes: {
+               jslog: VisualLogging.section('json-view'),
+             },
+           },
+         });
+};
+
+type View = typeof DEFAULT_VIEW;
+
 export class JSONView extends UI.Widget.VBox implements UI.SearchableView.Searchable {
-  private initialized: boolean;
-  private readonly parsedJSON: ParsedJSON;
-  private startCollapsed: boolean;
-  private searchableView!: UI.SearchableView.SearchableView|null;
-  private treeOutline!: ObjectUI.ObjectPropertiesSection.ObjectPropertiesSection;
-  private currentSearchFocusIndex: number;
-  private currentSearchTreeElements: ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement[];
-  private searchRegex: RegExp|null;
-  constructor(parsedJSON: ParsedJSON, startCollapsed?: boolean) {
-    super();
-    this.initialized = false;
-    this.registerRequiredCSS(jsonViewStyles);
-    this.parsedJSON = parsedJSON;
+  #parsedJSON: ParsedJSON;
+  private readonly startCollapsed: boolean;
+  private searchableView: UI.SearchableView.SearchableView|null = null;
+  private objectTree: ObjectUI.ObjectPropertiesSection.ObjectTree|null = null;
+  private readonly search: UI.TreeOutline.TreeSearch<ObjectUI.ObjectPropertiesSection.ObjectTreeNodeBase>;
+  private readonly view: View;
+
+  constructor(parsedJSON: ParsedJSON, startCollapsed?: boolean, element?: HTMLElement, view: View = DEFAULT_VIEW) {
+    super(element);
+    this.#parsedJSON = parsedJSON;
     this.startCollapsed = Boolean(startCollapsed);
-    this.element.classList.add('json-view');
-    this.element.setAttribute('jslog', `${VisualLogging.section('json-view')}`);
-    this.currentSearchFocusIndex = 0;
-    this.currentSearchTreeElements = [];
-    this.searchRegex = null;
+    this.search = new UI.TreeOutline.TreeSearch();
+    this.view = view;
   }
 
   static async createView(content: string): Promise<UI.SearchableView.SearchableView|null> {
@@ -69,6 +90,17 @@ export class JSONView extends UI.Widget.VBox implements UI.SearchableView.Search
     return searchableView;
   }
 
+  set parsedJSON(parsedJSON: ParsedJSON) {
+    if (this.objectTree) {
+      this.objectTree.removeEventListener(ObjectUI.ObjectPropertiesSection.ObjectTreeNodeBase.Events.CHILDREN_CHANGED,
+                                          this.#onChildrenChanged, this);
+    }
+    this.#parsedJSON = parsedJSON;
+    this.objectTree = null;
+    this.onSearchCanceled();
+    this.requestUpdate();
+  }
+
   setSearchableView(searchableView: UI.SearchableView.SearchableView): void {
     this.searchableView = searchableView;
   }
@@ -137,129 +169,89 @@ export class JSONView extends UI.Widget.VBox implements UI.SearchableView.Search
   override wasShown(): void {
     super.wasShown();
     this.initialize();
+    this.requestUpdate();
   }
 
   private initialize(): void {
-    if (this.initialized) {
+    if (this.objectTree) {
       return;
     }
-    this.initialized = true;
-
-    const obj = SDK.RemoteObject.RemoteObject.fromLocalObject(this.parsedJSON.data);
-    const title = this.parsedJSON.prefix + obj.description + this.parsedJSON.suffix;
-    this.treeOutline = new ObjectUI.ObjectPropertiesSection.ObjectPropertiesSection(
-        obj, title, undefined, true /* showOverflow */, false /* editable */);
-    this.treeOutline.enableContextMenu();
+    const obj = SDK.RemoteObject.RemoteObject.fromLocalObject(this.#parsedJSON.data);
+    this.objectTree = new ObjectUI.ObjectPropertiesSection.ObjectTree(obj, {
+      readOnly: true,
+      propertiesMode: ObjectUI.ObjectPropertiesSection.ObjectPropertiesMode.OWN_AND_INTERNAL_AND_INHERITED,
+      search: this.search,
+    });
     if (!this.startCollapsed) {
-      this.treeOutline.expand();
-    }
-    this.element.appendChild(this.treeOutline.element);
-    const firstChild = this.treeOutline.firstChild();
-    if (firstChild) {
-      firstChild.select(true /* omitFocus */, false /* selectedByUser */);
+      this.objectTree.expanded = true;
     }
+    this.objectTree.addEventListener(ObjectUI.ObjectPropertiesSection.ObjectTreeNodeBase.Events.CHILDREN_CHANGED,
+                                     this.#onChildrenChanged, this);
   }
 
-  private jumpToMatch(index: number): void {
-    if (!this.searchRegex) {
-      return;
-    }
-    const previousFocusElement = this.currentSearchTreeElements[this.currentSearchFocusIndex];
-    if (previousFocusElement) {
-      previousFocusElement.setSearchRegex(this.searchRegex);
-    }
-
-    const newFocusElement = this.currentSearchTreeElements[index];
-    if (newFocusElement) {
-      this.updateSearchIndex(index);
-      newFocusElement.setSearchRegex(this.searchRegex, Highlighting.highlightedCurrentSearchResultClassName);
-      newFocusElement.reveal();
-    } else {
-      this.updateSearchIndex(0);
-    }
+  #onChildrenChanged(): void {
+    this.requestUpdate();
   }
 
-  private updateSearchCount(count: number): void {
-    if (!this.searchableView) {
+  override performUpdate(): void {
+    this.initialize();
+    if (!this.objectTree) {
       return;
     }
-    this.searchableView.updateSearchMatchesCount(count);
+    this.view({objectTree: this.objectTree, parsedJSON: this.#parsedJSON}, undefined, this.contentElement);
   }
 
-  private updateSearchIndex(index: number): void {
-    this.currentSearchFocusIndex = index;
-    if (!this.searchableView) {
-      return;
+  private jumpToMatch(): void {
+    if (this.searchableView) {
+      this.search.updateSearchableView(this.searchableView);
+    }
+    const currentMatch = this.search.currentMatch();
+    if (currentMatch) {
+      let current = currentMatch.node.parent;
+      while (current) {
+        current.expanded = true;
+        current = current.parent;
+      }
     }
-    this.searchableView.updateCurrentMatchIndex(index);
   }
 
   onSearchCanceled(): void {
-    this.searchRegex = null;
-    this.currentSearchTreeElements = [];
-
-    let element: UI.TreeOutline.TreeElement|null;
-    for (element = this.treeOutline.rootElement(); element; element = element.traverseNextTreeElement(false)) {
-      if (!(element instanceof ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement)) {
-        continue;
-      }
-      element.revertHighlightChanges();
+    this.search.reset();
+    if (this.searchableView) {
+      this.search.updateSearchableView(this.searchableView);
     }
-    this.updateSearchCount(0);
-    this.updateSearchIndex(0);
   }
 
-  performSearch(searchConfig: UI.SearchableView.SearchConfig, _shouldJump: boolean, jumpBackwards?: boolean): void {
-    let newIndex: number = this.currentSearchFocusIndex;
-    const previousSearchFocusElement = this.currentSearchTreeElements[newIndex];
+  performSearch(searchConfig: UI.SearchableView.SearchConfig, shouldJump: boolean, jumpBackwards?: boolean): void {
+    this.initialize();
     this.onSearchCanceled();
-    this.searchRegex = searchConfig.toSearchRegex(true).regex;
+    const searchRegex = searchConfig.toSearchRegex(true).regex;
+    if (!this.objectTree) {
+      return;
+    }
 
-    let element: UI.TreeOutline.TreeElement|null;
-    for (element = this.treeOutline.rootElement(); element; element = element.traverseNextTreeElement(false)) {
-      if (!(element instanceof ObjectUI.ObjectPropertiesSection.ObjectPropertyTreeElement)) {
-        continue;
-      }
-      const hasMatch = element.setSearchRegex(this.searchRegex);
-      if (hasMatch) {
-        this.currentSearchTreeElements.push(element);
+    this.search.search(this.objectTree, jumpBackwards ?? false, (node, closeTag) => {
+      if (closeTag || !searchRegex) {
+        return [];
       }
-      if (previousSearchFocusElement === element) {
-        const currentIndex = this.currentSearchTreeElements.length - 1;
-        if (hasMatch || jumpBackwards) {
-          newIndex = currentIndex;
-        } else {
-          newIndex = currentIndex + 1;
-        }
-      }
-    }
-    this.updateSearchCount(this.currentSearchTreeElements.length);
+      return node.match(searchRegex);
+    });
 
-    if (!this.currentSearchTreeElements.length) {
-      this.updateSearchIndex(-1);
-      return;
+    if (shouldJump) {
+      this.jumpToMatch();
+    } else if (this.searchableView) {
+      this.search.updateSearchableView(this.searchableView);
     }
-    newIndex = Platform.NumberUtilities.mod(newIndex, this.currentSearchTreeElements.length);
-
-    this.jumpToMatch(newIndex);
   }
 
   jumpToNextSearchResult(): void {
-    if (!this.currentSearchTreeElements.length) {
-      return;
-    }
-    const newIndex =
-        Platform.NumberUtilities.mod(this.currentSearchFocusIndex + 1, this.currentSearchTreeElements.length);
-    this.jumpToMatch(newIndex);
+    this.search.next();
+    this.jumpToMatch();
   }
 
   jumpToPreviousSearchResult(): void {
-    if (!this.currentSearchTreeElements.length) {
-      return;
-    }
-    const newIndex =
-        Platform.NumberUtilities.mod(this.currentSearchFocusIndex - 1, this.currentSearchTreeElements.length);
-    this.jumpToMatch(newIndex);
+    this.search.prev();
+    this.jumpToMatch();
   }
 
   supportsCaseSensitiveSearch(): boolean {
@@ -301,11 +293,9 @@ export class SearchableJsonView extends UI.SearchableView.SearchableView {
   }
 
   set jsonObject(obj: Object|null|undefined) {
-    const jsonView = new JSONView(new ParsedJSON(obj, '', ''));
-    this.#jsonView.detach();
-    this.#jsonView = jsonView;
-    this.searchProvider = jsonView;
-    jsonView.show(this.element);
+    this.#jsonView.parsedJSON = new ParsedJSON(obj, '', '');
+    this.searchProvider = this.#jsonView;
+    this.#jsonView.show(this.element);
     this.requestUpdate();
   }
 }

package/front_end/ui/legacy/components/source_frame/PreviewFactory.ts

@@ -5,7 +5,7 @@
 
 import * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
+import * as TextUtils from '../../../../core/text_utils/text_utils.js';
 import * as UI from '../../legacy.js';
 
 import {FontView} from './FontView.js';

package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts

@@ -36,8 +36,8 @@ import '../../legacy.js';
 
 import * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
+import * as TextUtils from '../../../../core/text_utils/text_utils.js';
 import * as FormatterActions from '../../../../entrypoints/formatter_worker/FormatterActions.js';  // eslint-disable-line @devtools/es-modules-import
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import {render} from '../../../../ui/lit/lit.js';
 import * as UI from '../../legacy.js';
 

package/front_end/ui/legacy/components/source_frame/SourceFrame.ts

@@ -9,8 +9,8 @@ import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Platform from '../../../../core/platform/platform.js';
 import * as Root from '../../../../core/root/root.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
+import * as TextUtils from '../../../../core/text_utils/text_utils.js';
 import * as Formatter from '../../../../models/formatter/formatter.js';
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import * as PanelCommon from '../../../../panels/common/common.js';
 import * as CodeMirror from '../../../../third_party/codemirror.next/codemirror.next.js';
 import * as CodeHighlighter from '../../../components/code_highlighter/code_highlighter.js';
@@ -73,7 +73,7 @@ const UIStrings = {
    * @example {allow pasting} PH1
    */
   doNotPaste:
-      'Don\'t paste code you do not understand or have not reviewed yourself into DevTools. This could allow attackers to steal your identity or take control of your computer. Please type “{PH1}” below to allow pasting.',
+      'Don’t paste code you do not understand or have not reviewed yourself into DevTools. This could allow attackers to steal your identity or take control of your computer. Please type “{PH1}” below to allow pasting.',
   /**
    * @description Text a user needs to type in order to confirm that they are aware of the danger of pasting code into the DevTools console.
    */
@@ -88,7 +88,7 @@ const UIStrings = {
    * a text editor.
    */
   binaryContentError:
-      'Editor can\'t show binary data. Use the "Response" tab in the "Network" panel to inspect this resource.',
+      'Editor can’t show binary data. Use the "Response" tab in the "Network" panel to inspect this resource.',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/source_frame/SourceFrame.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/ui/legacy/components/source_frame/StreamingContentHexView.ts

@@ -4,7 +4,7 @@
 /* eslint-disable @devtools/no-imperative-dom-api */
 
 import type * as Common from '../../../../core/common/common.js';
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
+import * as TextUtils from '../../../../core/text_utils/text_utils.js';
 import * as LinearMemoryInspectorComponents from '../../../../panels/linear_memory_inspector/components/components.js';
 import * as UI from '../../legacy.js';
 

package/front_end/ui/legacy/components/source_frame/XMLView.ts

@@ -5,7 +5,7 @@
 import '../../../components/highlighting/highlighting.js';
 
 import * as i18n from '../../../../core/i18n/i18n.js';
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
+import * as TextUtils from '../../../../core/text_utils/text_utils.js';
 import * as Lit from '../../../lit/lit.js';
 import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
@@ -249,6 +249,10 @@ export class XMLTreeViewNode {
     return this.#children;
   }
 
+  treeNodeChildren(): Iterable<XMLTreeViewNode> {
+    return this.children();
+  }
+
   match(regex: RegExp, closeTag: boolean): RegExpStringIterator<RegExpExecArray> {
     return textView(this, closeTag).matchAll(regex);
   }

package/front_end/ui/legacy/components/source_frame/jsonView.css

@@ -8,3 +8,7 @@
   padding: 2px 6px;
   overflow: auto;
 }
+
+devtools-tree {
+  display: block;
+}

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -9,11 +9,11 @@ import * as Host from '../../../../core/host/host.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
 import * as Platform from '../../../../core/platform/platform.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
+import * as TextUtils from '../../../../core/text_utils/text_utils.js';
 import type * as Protocol from '../../../../generated/protocol.js';
 import * as Bindings from '../../../../models/bindings/bindings.js';
 import * as Breakpoints from '../../../../models/breakpoints/breakpoints.js';
 import type * as StackTrace from '../../../../models/stack_trace/stack_trace.js';
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import type * as Trace from '../../../../models/trace/trace.js';
 import * as Workspace from '../../../../models/workspace/workspace.js';
 import * as UIHelpers from '../../../helpers/helpers.js';

package/front_end/ui/legacy/inspectorCommon.css

@@ -141,9 +141,11 @@ iframe.widget {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.highlighted-search-result,:host::highlight(highlighted-search-result) {
+.highlighted-search-result,
+:host::highlight(highlighted-search-result) {
   border-radius: 1px;
   background-color: var(--sys-color-yellow-container);
+  color: var(--sys-color-on-yellow-container);
   outline: 1px solid var(--sys-color-yellow-container);
 }
 
@@ -320,7 +322,8 @@ input[type='range']:disabled::-webkit-slider-thumb {
   }
 }
 
-.highlighted-search-result.current-search-result,:host::highlight(current-search-result) {
+.highlighted-search-result.current-search-result,
+:host::highlight(current-search-result) {
   /* Note: this value is used in light & dark mode */
   --override-current-search-result-background-color: rgb(255 127 0 / 80%);
 
@@ -329,6 +332,7 @@ input[type='range']:disabled::-webkit-slider-thumb {
   padding: 1px;
   margin: -1px;
   background-color: var(--override-current-search-result-background-color);
+  color: var(--sys-color-on-surface);
 }
 
 .dimmed {

package/front_end/ui/settings/SettingUIRegistration.ts

@@ -0,0 +1,105 @@
+// 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';
+import type * as Platform from '../../core/platform/platform.js';
+
+export interface SettingUIDescriptor {
+  /**
+   * The category with which the setting is displayed in the UI.
+   */
+  category?: Common.SettingRegistration.SettingCategory;
+  /**
+   * Used to sort on screen the settings that belong to the same category.
+   */
+  order?: number;
+  /**
+   * The title with which the setting is shown on screen.
+   */
+  title?: () => Platform.UIString.LocalizedString;
+  /**
+   * Words used to find a setting in the Command Menu.
+   */
+  tags?: Array<() => Platform.UIString.LocalizedString>;
+  /**
+   * The possible values the setting can have, each with a description composed of a title and an optional text.
+   */
+  options?: Common.SettingRegistration.SettingExtensionOption[];
+  /**
+   * Whether DevTools must be reloaded for a change in the setting to take effect.
+   */
+  reloadRequired?: boolean;
+  /**
+   * If a setting is deprecated, define this notice to show an appropriate warning according to the `warning` property.
+   * If `disabled` is set, the setting will be disabled in the settings UI. In that case, `experiment` optionally can be
+   * set to link to an experiment (by experiment name). The information icon in the settings UI can then be clicked to
+   * jump to the experiment. If a setting is not disabled, the experiment entry will be ignored.
+   */
+  deprecationNotice?: {disabled: boolean, warning: () => Platform.UIString.LocalizedString, experiment?: string};
+  /**
+   * See {@link LearnMore} for more info.
+   */
+  learnMore?: Common.SettingRegistration.LearnMore;
+}
+
+export interface RegisteredSettingUI {
+  descriptor: Common.Settings.SettingDescriptor<unknown>;
+  uiDescriptor: SettingUIDescriptor;
+}
+
+const registeredSettings = new Map<string, RegisteredSettingUI>();
+
+export function register(
+    settingDescriptor: Common.Settings.SettingDescriptor<unknown>,
+    settingUIDescriptor: SettingUIDescriptor,
+    ): void {
+  const settingName = settingDescriptor.name;
+  if (registeredSettings.has(settingName)) {
+    throw new Error(`Duplicate setting name '${settingName}'`);
+  }
+  registeredSettings.set(settingName, {descriptor: settingDescriptor, uiDescriptor: settingUIDescriptor});
+}
+
+export function getRegisteredSettings(): readonly RegisteredSettingUI[] {
+  const combined = new Map<string, RegisteredSettingUI>();
+  for (const legacy of Common.SettingRegistration.getRegisteredSettings()) {
+    combined.set(legacy.settingName, {
+      descriptor: {
+        name: legacy.settingName,
+        type: legacy.settingType,
+        defaultValue: legacy.defaultValue,
+        storageType: legacy.storageType,
+      },
+      uiDescriptor: {
+        category: legacy.category,
+        order: legacy.order,
+        title: legacy.title,
+        tags: legacy.tags,
+        options: legacy.options,
+        reloadRequired: legacy.reloadRequired,
+        deprecationNotice: legacy.deprecationNotice,
+        learnMore: legacy.learnMore,
+      },
+    });
+  }
+
+  for (const [name, registeredUI] of registeredSettings) {
+    combined.set(name, registeredUI);
+  }
+
+  return Array.from(combined.values());
+}
+
+export function resolve(settingDescriptor: Common.Settings.SettingDescriptor<unknown>): SettingUIDescriptor {
+  const settingUI = registeredSettings.get(settingDescriptor.name) ??
+      getRegisteredSettings().find(registered => registered.descriptor.name === settingDescriptor.name);
+  if (!settingUI) {
+    throw new Error(`No UI descriptor registered for setting '${settingDescriptor.name}'`);
+  }
+  return settingUI.uiDescriptor;
+}
+
+export function resetSettings(): void {
+  registeredSettings.clear();
+}

package/front_end/ui/settings/settings.ts

@@ -0,0 +1,9 @@
+// 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 SettingUIRegistration from './SettingUIRegistration.js';
+
+export {
+  SettingUIRegistration,
+};

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -1468,6 +1468,8 @@ export const knownContextValues = new Set([
   'dynamic-synced-setting',
   'e-ink',
   'early-hints-headers',
+  'ease-in-out',
+  'ease-out',
   'edit',
   'edit-and-resend',
   'edit-attribute',
@@ -1679,6 +1681,7 @@ export const knownContextValues = new Set([
   'fangsong',
   'fantasy',
   'fast-4g',
+  'fast-out-linear-in',
   'feedback',
   'fetch',
   'fetch-and-xhr',
@@ -2322,6 +2325,7 @@ export const knownContextValues = new Set([
   'layout',
   'layout-count',
   'layout-shifts',
+  'lazy-load-image-details',
   'lcp-breakdown',
   'lcp-breakdown-widget',
   'lcp-discovery-widget',
@@ -2563,6 +2567,7 @@ export const knownContextValues = new Set([
   'line-height-value-type',
   'line-names',
   'line-numbers',
+  'linear',
   'linear-memory-inspector',
   'linear-memory-inspector.address',
   'linear-memory-inspector.byte-cell',
@@ -3477,6 +3482,7 @@ export const knownContextValues = new Set([
   'screen',
   'screen-rotation',
   'screencast-enabled',
+  'screenshot-capture-mode',
   'screenshots',
   'script',
   'script-blocked-by-csp',
@@ -3952,6 +3958,8 @@ export const knownContextValues = new Set([
   'sv',
   'sw',
   'sw-scope',
+  'switch-to-accessibility-tree',
+  'switch-to-dom-tree',
   'symbols',
   'sync-preferences',
   'sync-tag',
@@ -4088,6 +4096,7 @@ export const knownContextValues = new Set([
   'timeline-range-summary',
   'timeline-save-as-gz',
   'timeline-scope',
+  'timeline-screenshot-capture-mode',
   'timeline-settings-pane',
   'timeline-settings-toggle',
   'timeline-show-all-events',
@@ -4316,6 +4325,10 @@ export const knownContextValues = new Set([
   'touchmove',
   'touchstart',
   'tr',
+  'tracing.screenshot-size.100-11250',
+  'tracing.screenshot-size.1000-100',
+  'tracing.screenshot-size.250-1800',
+  'tracing.screenshot-size.500-450',
   'track-configuration-enter',
   'track-configuration-exit',
   'tracking-sites-details',

package/mcp/mcp.ts

@@ -21,6 +21,7 @@ export * as I18n from '../front_end/core/i18n/i18n.js';
 export type * as CDPConnection from '../front_end/core/protocol_client/CDPConnection.js';
 export {ConnectionTransport} from '../front_end/core/protocol_client/ConnectionTransport.js';
 export * as ProtocolClient from '../front_end/core/protocol_client/protocol_client.js';
+export {PuppeteerDevToolsConnection} from '../front_end/core/protocol_client/PuppeteerDevToolsConnection.js';
 export {DebuggerModel} from '../front_end/core/sdk/DebuggerModel.js';
 export * as NetworkManager from '../front_end/core/sdk/NetworkManager.js';
 export {RuntimeModel} from '../front_end/core/sdk/RuntimeModel.js';

package/package.json

@@ -92,5 +92,5 @@
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1662965"
+  "version": "1.0.1664496"
 }