chrome-devtools-frontend 1.0.1681498 → 1.0.1682249

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

@@ -13,39 +13,38 @@ import imagePreviewStyles from './imagePreview.css.js';
 
 const UIStrings = {
   /**
-   * @description Alt text description of an image's source
+   * @description Fallback text used in image preview alt text when the image source is unknown.
    */
-  unknownSource: 'unknown source',
+  unknownSource: 'Unknown source',
   /**
-   * @description Text to indicate the source of an image
+   * @description Alt text for an image preview displaying its source.
    * @example {example.com} PH1
    */
   imageFromS: 'Image from {PH1}',
   /**
-   * @description Title of the row that shows the file size of an image.
+   * @description Label for the file size row in an image preview.
    */
-  fileSize: 'File size:',
+  fileSize: 'File size',
   /**
-   * @description Title of the row that shows the intrinsic size of an image in pixels.
+   * @description Label for the intrinsic dimensions row in an image preview.
    */
-  intrinsicSize: 'Intrinsic size:',
+  intrinsicSize: 'Intrinsic size',
   /**
-   * @description Title of the row that shows the rendered size of an image in pixels.
+   * @description Label for the rendered dimensions row in an image preview.
    */
-  renderedSize: 'Rendered size:',
+  renderedSize: 'Rendered size',
   /**
-   * @description Title of the row that shows the current URL of an image.
-   * https://html.spec.whatwg.org/multipage/embedded-content.html#dom-img-currentsrc.
+   * @description Label for the source URL row in an image preview.
    */
-  currentSource: 'Current source:',
+  currentSource: 'Current source',
   /**
-   * @description The rendered aspect ratio of an image.
+   * @description Label for the rendered aspect ratio row in an image preview.
    */
-  renderedAspectRatio: 'Rendered aspect ratio:',
+  renderedAspectRatio: 'Rendered aspect ratio',
   /**
-   * @description The intrinsic aspect ratio of an image.
+   * @description Label for the intrinsic aspect ratio row in an image preview.
    */
-  intrinsicAspectRatio: 'Intrinsic aspect ratio:',
+  intrinsicAspectRatio: 'Intrinsic aspect ratio',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/utils/ImagePreview.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

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

@@ -49,19 +49,19 @@ const {classMap} = Directives;
 
 const UIStrings = {
   /**
-   * @description Text to stop preventing the debugger from stepping into library code
+   * @description Context menu item on a stack trace link to remove the script from the ignore list.
    */
   removeFromIgnore: 'Remove from ignore list',
   /**
-   * @description Text for scripts that should not be stepped into when debugging
+   * @description Context menu item on a stack trace link to add the script to the ignore list.
    */
   addToIgnore: 'Add script to ignore list',
   /**
-   * @description A link to show more frames when they are available.
+   * @description Link text in a stack trace preview to show ignore-listed frames.
    */
   showMoreFrames: 'Show ignore-listed frames',
   /**
-   * @description A link to rehide frames that are by default hidden.
+   * @description Link text in a stack trace preview to hide ignore-listed frames.
    */
   showLess: 'Show less',
 } as const;

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

@@ -25,33 +25,31 @@ const {ref, ifDefined, classMap} = Directives;
 
 const UIStrings = {
   /**
-   * @description Text in Linkifier
+   * @description Fallback text displayed for a link when the URL or text is unknown.
    */
   unknown: '(unknown)',
   /**
-   * @description Text short for automatic
+   * @description Option in the link handling dropdown to automatically select the handler.
    */
-  auto: 'auto',
+  auto: 'Auto',
   /**
-   * @description Text in Linkifier
+   * @description Context menu item to reveal an item in a specific destination panel or tool.
    * @example {Sources panel} PH1
    */
   revealInS: 'Reveal in {PH1}',
   /**
-   * @description Text for revealing an item in its destination
+   * @description Context menu item to reveal an item in its destination.
    */
   reveal: 'Reveal',
   /**
-   * @description A context menu item in the Linkifier
+   * @description Context menu item to open a link or resource using a registered extension.
    * @example {Extension} PH1
    */
   openUsingS: 'Open using {PH1}',
   /**
-   * @description The name of a setting which controls how links are handled in the UI. 'Handling'
-   * refers to the ability of extensions to DevTools to be able to intercept link clicks so that they
-   * can react to them.
+   * @description Label for the setting that controls how links are handled in the UI.
    */
-  linkHandling: 'Link handling:',
+  linkHandling: 'Link handling',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/utils/Linkifier.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/ui/settings/InspectorMainSettings.ts

@@ -0,0 +1,12 @@
+// 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 adBlockingEnabledSettingDescriptor: Common.Settings.SettingDescriptor<boolean> = {
+  name: 'network.ad-blocking-enabled',
+  type: Common.Settings.SettingType.BOOLEAN,
+  defaultValue: false,
+  storageType: Common.Settings.SettingStorageType.SESSION,
+};

package/front_end/ui/settings/settings.ts

@@ -2,8 +2,10 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as InspectorMainSettings from './InspectorMainSettings.js';
 import * as SettingUIRegistration from './SettingUIRegistration.js';
 
 export {
+  InspectorMainSettings,
   SettingUIRegistration,
 };

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -474,6 +474,7 @@ export const knownContextValues = new Set([
   'animation-fill-mode',
   'animation-iteration-count',
   'animation-name',
+  'animation-node-row',
   'animation-play-state',
   'animation-range',
   'animation-range-end',
@@ -514,6 +515,7 @@ export const knownContextValues = new Set([
   'apply-to-page-tree',
   'ar',
   'architecture',
+  'aria-attribute',
   'aria-attributes',
   'aria-live-recording',
   'arial',
@@ -533,9 +535,12 @@ export const knownContextValues = new Set([
   'audio-context',
   'audio-context-closed',
   'audio-context-created',
+  'audio-context-details',
   'audio-context-resumed',
+  'audio-context-summary',
   'audio-context-suspended',
   'authenticator',
+  'authenticator-field',
   'authored',
   'authored-deployed-grouping',
   'authored-deployed-grouping-documentation',
@@ -854,10 +859,12 @@ export const knownContextValues = new Set([
   'color-format',
   'color-interpolation',
   'color-interpolation-filters',
+  'color-item',
   'color-rendering',
   'color-scheme',
   'color/* color: red */',
   'colorPicker',
+  'colors',
   'colorz',
   'column-count',
   'column-fill',
@@ -999,6 +1006,7 @@ export const knownContextValues = new Set([
   'continue-to-here',
   'continuous',
   'contrast',
+  'contrast-issue',
   'contrast-issues',
   'contrast-issues-documentation',
   'contrast-ratio',
@@ -1162,6 +1170,7 @@ export const knownContextValues = new Set([
   'create-recording',
   'create-recording-view',
   'creator-ad-script-ancestry',
+  'credential',
   'credential-id',
   'credentialId',
   'critical',
@@ -1184,6 +1193,7 @@ export const knownContextValues = new Set([
   'css-overview.colors',
   'css-overview.contrast',
   'css-overview.font-info',
+  'css-overview.group-item',
   'css-overview.media-queries',
   'css-overview.quick-start',
   'css-overview.summary',
@@ -1401,6 +1411,7 @@ export const knownContextValues = new Set([
   'devtools',
   'devtools-override',
   'dialog-close',
+  'diff-view',
   'direct-socket-chunks',
   'direct-socket-messages',
   'direction',
@@ -1782,6 +1793,7 @@ export const knownContextValues = new Set([
   'font-editor-documentation',
   'font-family',
   'font-feature-settings',
+  'font-info',
   'font-kerning',
   'font-language-override',
   'font-optical-sizing',
@@ -2635,6 +2647,7 @@ export const knownContextValues = new Set([
   'linear-memory-inspector.toggle-value-settings',
   'linear-memory-inspector.value-type-mode',
   'linear-memory-inspector.viewer',
+  'linear-memory-row',
   'link',
   'link-in-explanation',
   'linux',
@@ -2756,7 +2769,9 @@ export const knownContextValues = new Set([
   'max-width',
   'measure-performance',
   'media',
+  'media-attributes',
   'media-flame-chart-group-expansion',
+  'media-queries',
   'media-queries-enable',
   'media-query',
   'medias',
@@ -3126,6 +3141,8 @@ export const knownContextValues = new Set([
   'payment-handler',
   'perf-panel-annotations',
   'perfmon-active-indicators2',
+  'perfmon-canvas',
+  'perfmon-chart',
   'performance-default',
   'performance-full-default',
   'performance-insights',
@@ -3267,6 +3284,7 @@ export const knownContextValues = new Set([
   'prop2',
   'properties',
   'property',
+  'property-row',
   'protanopia',
   'protocol',
   'protocol-handlers',
@@ -4033,6 +4051,8 @@ export const knownContextValues = new Set([
   'subtree-modified',
   'suffix',
   'suggestion',
+  'summary',
+  'summary-item',
   'supports',
   'surface-duo',
   'surface-pro-10',
@@ -4477,6 +4497,7 @@ export const knownContextValues = new Set([
   'unload',
   'unregister',
   'unset',
+  'unused-declarations',
   'unused-size',
   'update',
   'update-settings',

package/mcp/mcp.ts

@@ -2,12 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-// Instantiating a DevTools universe requires settings from these meta files.
-// Until settings registration is handled differently, the easiest solution is to
-// just import relevant meta files (as long as they don't contain any UI related code)
-import '../front_end/models/workspace/workspace-meta.js';
-import '../front_end/models/logs/logs-meta.js';
-
 /**
  * IMPORTANT! Make sure that any class that is exported here has related unit
  * tests added to foundation_unittests. See front_end/core/i18n/BUILD.gn as an

package/package.json

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

package/front_end/models/logs/logs-meta.ts

@@ -1,24 +0,0 @@
-// Copyright 2020 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 * as i18n from '../../core/i18n/i18n.js';
-
-const UIStrings = {
-  /**
-   * @description Title of an action in the network tool to toggle recording.
-   */
-  recordNetworkLog: 'Record network log',
-} as const;
-const str_ = i18n.i18n.registerUIStrings('models/logs/logs-meta.ts', UIStrings);
-const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.NETWORK,
-  title: i18nLazyString(UIStrings.recordNetworkLog),
-  settingName: 'network-log.record-log',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: true,
-  storageType: Common.Settings.SettingStorageType.SESSION,
-});

package/front_end/models/workspace/workspace-meta.ts

@@ -1,40 +0,0 @@
-// Copyright 2025 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';
-
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'skip-stack-frames-pattern',
-  settingType: Common.Settings.SettingType.REGEX,
-  defaultValue: '/node_modules/|^node:',
-});
-
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'skip-content-scripts',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: true,
-});
-
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'automatically-ignore-list-known-third-party-scripts',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: true,
-});
-
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'skip-anonymous-scripts',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: false,
-});
-
-Common.Settings.registerSettingExtension({
-  storageType: Common.Settings.SettingStorageType.SYNCED,
-  settingName: 'enable-ignore-listing',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  defaultValue: true,
-});

package/front_end/panels/security/OriginTreeElement.ts

@@ -1,60 +0,0 @@
-// Copyright 2024 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import type * as Platform from '../../core/platform/platform.js';
-import * as Protocol from '../../generated/protocol.js';
-
-import {SecurityPanelSidebarTreeElement} from './SecurityPanelSidebarTreeElement.js';
-
-export class ShowOriginEvent extends Event {
-  static readonly eventName = 'showorigin';
-  origin: Platform.DevToolsPath.UrlString|null;
-
-  constructor(origin: Platform.DevToolsPath.UrlString|null) {
-    super(ShowOriginEvent.eventName, {bubbles: true, composed: true});
-    this.origin = origin;
-  }
-}
-
-export class OriginTreeElement extends SecurityPanelSidebarTreeElement {
-  #securityState: Protocol.Security.SecurityState|null;
-  readonly #renderTreeElement: (element: SecurityPanelSidebarTreeElement) => void;
-  readonly #origin: Platform.DevToolsPath.UrlString|null = null;
-
-  constructor(
-      className: string, renderTreeElement: (element: SecurityPanelSidebarTreeElement) => void,
-      origin: Platform.DevToolsPath.UrlString|null = null) {
-    super();
-
-    this.#renderTreeElement = renderTreeElement;
-    this.#origin = origin;
-
-    this.listItemElement.classList.add(className);
-    this.#securityState = null;
-    this.setSecurityState(Protocol.Security.SecurityState.Unknown);
-  }
-
-  setSecurityState(newSecurityState: Protocol.Security.SecurityState): void {
-    this.#securityState = newSecurityState;
-    this.#renderTreeElement(this);
-  }
-
-  securityState(): Protocol.Security.SecurityState|null {
-    return this.#securityState;
-  }
-
-  origin(): Platform.DevToolsPath.UrlString|null {
-    return this.#origin;
-  }
-
-  override showElement(): void {
-    this.listItemElement.dispatchEvent(new ShowOriginEvent(this.#origin));
-  }
-}
-
-declare global {
-  interface HTMLElementEventMap {
-    showorigin: ShowOriginEvent;
-  }
-}

package/front_end/panels/security/SecurityPanelSidebarTreeElement.ts

@@ -1,30 +0,0 @@
-// Copyright 2024 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 UI from '../../ui/legacy/legacy.js';
-
-export class SecurityPanelSidebarTreeElement extends UI.TreeOutline.TreeElement {
-  constructor(title = '', expandable = false, jslogContext?: string|number) {
-    super(title, expandable, jslogContext);
-    UI.ARIAUtils.setLabel(this.listItemElement, title);
-  }
-
-  get elemId(): string {
-    // default landing spot for the security panel
-    return 'overview';
-  }
-
-  showElement(): void {
-    throw new Error('Unimplemented Method');
-  }
-
-  override onselect(selectedByUser?: boolean): boolean {
-    if (selectedByUser) {
-      const id = this.elemId;
-      this.listItemElement.dispatchEvent(
-          new CustomEvent('update-sidebar-selection', {bubbles: true, composed: true, detail: {id}}));
-      this.showElement();
-    }
-    return false;
-  }
-}