chrome-devtools-frontend 1.0.1652307 → 1.0.1656291

package/front_end/third_party/puppeteer/package/src/cdp/WebMCP.ts

@@ -17,75 +17,6 @@ import type {CdpFrame} from './Frame.js';
 import type {FrameManager} from './FrameManager.js';
 import {MAIN_WORLD} from './IsolatedWorlds.js';
 
-/**
- * Tool annotations
- *
- * @public
- */
-export interface WebMCPAnnotation {
-  /**
-   * A hint indicating that the tool does not modify any state.
-   */
-  readOnly?: boolean;
-  /**
-   * A hint indicating that the tool output may contain untrusted content, ex: UGC, 3rd
-   * party data.
-   */
-  untrustedContent?: boolean;
-  /**
-   * If the declarative tool was declared with the autosubmit attribute.
-   */
-  autosubmit?: boolean;
-}
-
-/**
- * Represents the status of a tool invocation.
- *
- * @public
- */
-export type WebMCPInvocationStatus = 'Completed' | 'Canceled' | 'Error';
-
-/**
- * @internal
- */
-export interface ProtocolWebMCPTool {
-  name: string;
-  description: string;
-  inputSchema?: object;
-  annotations?: WebMCPAnnotation;
-  frameId: string;
-  backendNodeId?: number;
-  stackTrace?: Protocol.Runtime.StackTrace;
-}
-
-interface ProtocolWebMCPToolsAddedEvent {
-  tools: ProtocolWebMCPTool[];
-}
-
-interface ProtocolWebMCPRemovedTool {
-  name: string;
-  frameId: string;
-}
-
-interface ProtocolWebMCPToolsRemovedEvent {
-  tools: ProtocolWebMCPRemovedTool[];
-}
-
-interface ProtocolWebMCPToolInvokedEvent {
-  toolName: string;
-  frameId: string;
-  invocationId: string;
-  input: string;
-}
-
-interface ProtocolWebMCPToolRespondedEvent {
-  invocationId: string;
-  status: WebMCPInvocationStatus;
-  output?: any;
-  errorText?: string;
-  exception?: Protocol.Runtime.RemoteObject;
-}
-
 /**
  * Represents a registered WebMCP tool available on the page.
  *
@@ -114,7 +45,7 @@ export class WebMCPTool extends EventEmitter<{
   /**
    * Optional annotations for the tool.
    */
-  annotations?: WebMCPAnnotation;
+  annotations?: Protocol.WebMCP.Annotation;
   /**
    * Frame the tool was defined for.
    */
@@ -131,7 +62,7 @@ export class WebMCPTool extends EventEmitter<{
   /**
    * @internal
    */
-  constructor(webmcp: WebMCP, tool: ProtocolWebMCPTool, frame: Frame) {
+  constructor(webmcp: WebMCP, tool: Protocol.WebMCP.Tool, frame: Frame) {
     super();
     this.#webmcp = webmcp;
     this.name = tool.name;
@@ -254,7 +185,7 @@ export interface WebMCPToolCallResult {
   /**
    * Status of the invocation.
    */
-  status: WebMCPInvocationStatus;
+  status: Protocol.WebMCP.InvocationStatus;
   /**
    * Output or error delivered as delivered to the agent. Missing if `status` is anything
    * other than Completed.
@@ -305,7 +236,7 @@ export class WebMCP extends EventEmitter<{
   #tools = new Map<string, Map<string, WebMCPTool>>();
   #pendingCalls = new Map<string, WebMCPToolCall>();
 
-  #onToolsAdded = (event: ProtocolWebMCPToolsAddedEvent) => {
+  #onToolsAdded = (event: Protocol.WebMCP.ToolsAddedEvent) => {
     const tools: WebMCPTool[] = [];
     for (const tool of event.tools) {
       const frame = this.#frameManager.frame(tool.frameId);
@@ -327,7 +258,7 @@ export class WebMCP extends EventEmitter<{
     this.emit('toolsadded', {tools});
   };
 
-  #onToolsRemoved = (event: ProtocolWebMCPToolsRemovedEvent) => {
+  #onToolsRemoved = (event: Protocol.WebMCP.ToolsRemovedEvent) => {
     const tools: WebMCPTool[] = [];
     event.tools.forEach(tool => {
       const removedTool = this.#tools.get(tool.frameId)?.get(tool.name);
@@ -339,7 +270,7 @@ export class WebMCP extends EventEmitter<{
     this.emit('toolsremoved', {tools});
   };
 
-  #onToolInvoked = (event: ProtocolWebMCPToolInvokedEvent) => {
+  #onToolInvoked = (event: Protocol.WebMCP.ToolInvokedEvent) => {
     const tool = this.#tools.get(event.frameId)?.get(event.toolName);
     if (!tool) {
       return;
@@ -350,7 +281,7 @@ export class WebMCP extends EventEmitter<{
     this.emit('toolinvoked', call);
   };
 
-  #onToolResponded = (event: ProtocolWebMCPToolRespondedEvent) => {
+  #onToolResponded = (event: Protocol.WebMCP.ToolRespondedEvent) => {
     const call = this.#pendingCalls.get(event.invocationId);
     if (call) {
       this.#pendingCalls.delete(event.invocationId);

package/front_end/third_party/puppeteer/package/src/common/ConnectOptions.ts

@@ -42,10 +42,7 @@ export interface SupportedWebDriverCapabilities {
  * @public
  */
 export type ChromeReleaseChannel =
-  | 'chrome'
-  | 'chrome-beta'
-  | 'chrome-canary'
-  | 'chrome-dev';
+  'chrome' | 'chrome-beta' | 'chrome-canary' | 'chrome-dev';
 
 /**
  * Generic browser options that can be passed when launching any browser or when

package/front_end/third_party/puppeteer/package/src/node/BrowserLauncher.ts

@@ -95,6 +95,7 @@ export abstract class BrowserLauncher {
     const {
       dumpio = false,
       enableExtensions = false,
+      extensionsEnabledInIncognito = [],
       env = process.env,
       handleSIGINT = true,
       handleSIGTERM = true,
@@ -279,7 +280,9 @@ export abstract class BrowserLauncher {
     if (Array.isArray(enableExtensions)) {
       await Promise.all([
         enableExtensions.map(path => {
-          return browser.installExtension(path);
+          return browser.installExtension(path, {
+            enabledInIncognito: extensionsEnabledInIncognito.includes(path),
+          });
         }),
       ]);
     }

package/front_end/third_party/puppeteer/package/src/node/LaunchOptions.ts

@@ -65,6 +65,11 @@ export interface LaunchOptions extends ConnectOptions {
    * load the provided paths as unpacked extensions.
    */
   enableExtensions?: boolean | string[];
+  /**
+   * List of extensions that will be enable in Incognito and off-the-record
+   * profiles.
+   */
+  extensionsEnabledInIncognito?: string[];
   /**
    * Close the browser process on `Ctrl+C`.
    * @defaultValue `true`

package/front_end/third_party/puppeteer/package/src/revisions.ts

@@ -10,5 +10,5 @@
 export const PUPPETEER_REVISIONS = Object.freeze({
   chrome: '150.0.7871.24',
   'chrome-headless-shell': '150.0.7871.24',
-  firefox: 'stable_152.0.2',
+  firefox: 'stable_152.0.4',
 });

package/front_end/third_party/puppeteer/package/src/util/httpUtils.ts

@@ -10,16 +10,16 @@
  *
  * @internal
  */
-export function normalizeHeaderValue(header: string): string {
-  if (!header.includes('\n')) {
-    return header;
+export function normalizeHeaderValue(name: string, value: string): string {
+  if (!value.includes('\n')) {
+    return value;
   }
 
-  return header
+  return value
     .split('\n')
     .map(v => {
       return v.trim();
     })
     .filter(Boolean)
-    .join(', ');
+    .join(name === 'set-cookie' ? '\n ' : ', ');
 }

package/front_end/third_party/puppeteer/package/src/util/version.ts

@@ -6,5 +6,5 @@
 
 // If moved update release-please config
 // x-release-please-start-version
-export const packageVersion = '25.2.1';
+export const packageVersion = '25.3.0';
 // x-release-please-end

package/front_end/third_party/puppeteer/third_party/parsel/README.chromium

@@ -1,7 +1,7 @@
 Name: parsel
 Short Name: parsel
 URL: https://github.com/LeaVerou/parsel
-Version: 1.2.2
+Version: 1.2.3
 License: MIT
 License File: LICENSE
 Security Critical: no

package/front_end/ui/components/dialogs/Dialog.ts

@@ -118,6 +118,9 @@ type DialogAnchor = HTMLElement|DOMRect|DOMPoint;
 export const MODAL = 'MODAL';
 
 export type DialogOrigin = DialogAnchor|null|(() => DialogAnchor)|typeof MODAL;
+/**
+ * @deprecated in favor of UI.Dialog.Dialog.
+ */
 export class Dialog extends HTMLElement {
   readonly #shadow = this.attachShadow({mode: 'open'});
   readonly #forceDialogCloseInDevToolsBound = this.#forceDialogCloseInDevToolsMutation.bind(this);

package/front_end/ui/components/markdown_view/MarkdownLinksMap.ts

@@ -2,8 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Greendev from '../../../models/greendev/greendev.js';
-
 /**
  * To use links in markdown, add key here with the link and
  * use the added key in markdown.
@@ -108,11 +106,6 @@ export const getMarkdownLink = (key: string): string => {
   }
   const link = markdownLinks.get(key);
   if (!link) {
-    if (Greendev.Prototypes.instance().isEnabled('beyondStylingAntigravity') ||
-        Greendev.Prototypes.instance().isEnabled('beyondStylingGemini')) {
-      return key;
-    }
-
     throw new Error(`Markdown link with key '${key}' is not available, please check MarkdownLinksMap.ts`);
   }
   return link;

package/front_end/ui/helpers/OpenInNewTab.ts

@@ -43,13 +43,16 @@ import * as SDK from '../../core/sdk/sdk.js';
  * Opens the given `url` in a new Chrome tab.
  *
  * If the `url` is a Google owned documentation page (currently that includes
- * `web.dev`, `developers.google.com`, and `developer.chrome.com`), the `url`
- * will also be checked for UTM parameters:
+ * `web.dev`, `developers.google.com`, and `developer.chrome.com`) or an MDN
+ * documentation page (`developer.mozilla.org`), the `url` will also be checked
+ * for UTM parameters:
  *
- * - If no `utm_source` search parameter is present, this method will add a new
- *   search parameter `utm_source=devtools` to `url`.
- * - If no `utm_campaign` search parameter is present, and DevTools is running
- *   within a branded build, this method will add `utm_campaign=<channel>` to
+ * - For MDN links (`developer.mozilla.org`), if neither `utm_source` nor `utm_medium` is present,
+ *   this method will add `utm_source=chrome-devtools` and `utm_medium=referral`.
+ * - For Google documentation links, if no `utm_source` search parameter is present, this method
+ *   will add a new search parameter `utm_source=devtools` to `url`.
+ * - If no `utm_campaign` search parameter is present on Google documentation links, and DevTools
+ *   is running within a branded build, this method will add `utm_campaign=<channel>` to
  *   the search parameters, with `<channel>` being the release channel of
  *   Chrome ("stable", "beta", "dev", or "canary").
  *
@@ -77,7 +80,12 @@ export function openInNewTab(url: URL|string, allowPrivileged?: boolean): void {
       }
     });
   } else {
-    if (['developer.chrome.com', 'developers.google.com', 'web.dev'].includes(url.hostname)) {
+    if (url.hostname === 'developer.mozilla.org') {
+      if (!url.searchParams.has('utm_source') && !url.searchParams.has('utm_medium')) {
+        url.searchParams.append('utm_source', 'chrome-devtools');
+        url.searchParams.append('utm_medium', 'referral');
+      }
+    } else if (['developer.chrome.com', 'developers.google.com', 'web.dev'].includes(url.hostname)) {
       if (!url.searchParams.has('utm_source')) {
         url.searchParams.append('utm_source', 'devtools');
       }

package/front_end/ui/legacy/InspectorDrawerView.ts

@@ -244,6 +244,7 @@ export class InspectorDrawerView {
     const wasDrawerVisible = this.isVisibleForEvents();
     this.tabbedPane.setAutoSelectFirstItemOnShow(!hasTargetDrawer);
     this.#splitWidget.showBoth();
+    this.#updatePresentation(this.isMinimized());
     this.#dispatchPaneVisibilityChangedIfNeeded(wasDrawerVisible);
   }
 
@@ -251,8 +252,8 @@ export class InspectorDrawerView {
     const wasDrawerVisible = this.isVisibleForEvents();
     const wasMinimized = this.isMinimized();
     this.#splitWidget.hideSidebar(!wasMinimized);
+    this.#updatePresentation(false);
     if (wasMinimized) {
-      this.#updatePresentation(false);
       this.#splitWidget.setSidebarMinimized(false);
       this.#splitWidget.setResizable(true);
     }
@@ -341,11 +342,12 @@ export class InspectorDrawerView {
   }
 
   #updatePresentation(minimized: boolean): void {
+    const requireVerticalMinimumWidth =
+        this.#splitWidget.isVertical() && this.#splitWidget.sidebarIsShowing() && !minimized;
+    this.#setInspectorMinimumSize(requireVerticalMinimumWidth ? this.#minimumSizes.inspectorWidthWhenVertical :
+                                                                this.#minimumSizes.inspectorWidthWhenHorizontal,
+                                  this.#minimumSizes.inspectorHeight);
     const drawerIsVertical = this.#splitWidget.isVertical();
-    this.#setInspectorMinimumSize(
-        drawerIsVertical ? this.#minimumSizes.inspectorWidthWhenVertical :
-                           this.#minimumSizes.inspectorWidthWhenHorizontal,
-        this.#minimumSizes.inspectorHeight);
     this.updatePresentation({
       isVertical: drawerIsVertical,
       isMinimized: minimized,

package/front_end/ui/legacy/ListWidget.ts

@@ -64,6 +64,7 @@ export class ListWidget<T> extends VBox {
   private editElement: HTMLElement|null;
   private emptyPlaceholder: Element|null;
   private isTable: boolean;
+  private headerElement: Element|null = null;
   constructor(delegate: Delegate<T>, delegatesFocus = true, isTable = false) {
     super({useShadowDom: true, delegatesFocus});
     this.registerRequiredCSS(listWidgetStyles);
@@ -100,10 +101,21 @@ export class ListWidget<T> extends VBox {
     this.elements = [];
     this.lastSeparator = false;
     this.list.removeChildren();
+    if (this.headerElement) {
+      this.list.appendChild(this.headerElement);
+    }
     this.updatePlaceholder();
     this.stopEditing();
   }
 
+  setHeader(header: Element): void {
+    if (this.headerElement) {
+      this.headerElement.remove();
+    }
+    this.headerElement = header;
+    this.list.insertBefore(header, this.list.firstChild);
+  }
+
   updateItem(index: number, newItem: T, editable: boolean, focusable = true, controlLabels: {
     edit?: string,
     delete?: string,

package/front_end/ui/legacy/SplitWidget.ts

@@ -54,6 +54,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
   #showMode: ShowMode = ShowMode.BOTH;
   #savedShowMode: ShowMode;
   #autoAdjustOrientation = false;
+  readonly #zoomManager = ZoomManager.instance();
 
   constructor(
       isVertical: boolean,
@@ -401,7 +402,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
   }
 
   setSidebarSize(size: number): void {
-    const sizeDIP = ZoomManager.instance().cssToDIP(size);
+    const sizeDIP = this.#zoomManager.cssToDIP(size);
     this.#savedSidebarSizeDIP = sizeDIP;
     this.#saveSetting();
     this.#setSidebarSizeDIP(sizeDIP, false, true);
@@ -409,12 +410,12 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
 
   sidebarSize(): number {
     const sizeDIP = Math.max(0, this.#sidebarSizeDIP);
-    return ZoomManager.instance().dipToCSS(sizeDIP);
+    return this.#zoomManager.dipToCSS(sizeDIP);
   }
 
   totalSize(): number {
     const sizeDIP = Math.max(0, this.#totalSizeDIP());
-    return ZoomManager.instance().dipToCSS(sizeDIP);
+    return this.#zoomManager.dipToCSS(sizeDIP);
   }
 
   /**
@@ -426,7 +427,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
       this.#totalSizeCSS = this.#isVertical ? width : height;
       this.#totalSizeOtherDimensionCSS = this.#isVertical ? height : width;
     }
-    return ZoomManager.instance().cssToDIP(this.#totalSizeCSS);
+    return this.#zoomManager.cssToDIP(this.#totalSizeCSS);
   }
 
   #updateShowMode(showMode: ShowMode): void {
@@ -457,7 +458,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
     this.#removeAllLayoutProperties();
 
     // this.#totalSizeDIP is available below since we successfully applied constraints.
-    const sizeCSS = ZoomManager.instance().dipToCSS(sizeDIP);
+    const sizeCSS = this.#zoomManager.dipToCSS(sizeDIP);
     const sidebarSizeValue = sizeCSS + 'px';
     const mainSizeValue = (this.#totalSizeCSS - sizeCSS) + 'px';
     // With `box-sizing: border-box` on the sidebar (set in splitWidget.css),
@@ -519,8 +520,8 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
       animatedMarginPropertyName = this.#secondIsSidebar ? 'margin-bottom' : 'margin-top';
     }
 
-    const marginFrom = reverse ? '0' : '-' + ZoomManager.instance().dipToCSS(this.#sidebarSizeDIP) + 'px';
-    const marginTo = reverse ? '-' + ZoomManager.instance().dipToCSS(this.#sidebarSizeDIP) + 'px' : '0';
+    const marginFrom = reverse ? '0' : '-' + this.#zoomManager.dipToCSS(this.#sidebarSizeDIP) + 'px';
+    const marginTo = reverse ? '-' + this.#zoomManager.dipToCSS(this.#sidebarSizeDIP) + 'px' : '0';
 
     // This order of things is important.
     // 1. Resize main element early and force layout.
@@ -587,7 +588,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
 
   #applyConstraints(sidebarSize: number, userAction?: boolean): number {
     const totalSize = this.#totalSizeDIP();
-    const zoomFactor = this.#constraintsInDip ? 1 : ZoomManager.instance().zoomFactor();
+    const zoomFactor = this.#constraintsInDip ? 1 : this.#zoomManager.zoomFactor();
 
     let constraints: Geometry.Constraints =
         this.#sidebarWidget ? this.#sidebarWidget.constraints() : new Geometry.Constraints();
@@ -653,12 +654,12 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
   override wasShown(): void {
     super.wasShown();
     this.#forceUpdateLayout();
-    ZoomManager.instance().addEventListener(ZoomManagerEvents.ZOOM_CHANGED, this.onZoomChanged, this);
+    this.#zoomManager.addEventListener(ZoomManagerEvents.ZOOM_CHANGED, this.onZoomChanged, this);
   }
 
   override willHide(): void {
     super.willHide();
-    ZoomManager.instance().removeEventListener(ZoomManagerEvents.ZOOM_CHANGED, this.onZoomChanged, this);
+    this.#zoomManager.removeEventListener(ZoomManagerEvents.ZOOM_CHANGED, this.onZoomChanged, this);
   }
 
   override onResize(): void {
@@ -711,7 +712,7 @@ export class SplitWidget extends Common.ObjectWrapper.eventMixin<EventTypes, typ
 
   #onResizeUpdate(event: Common.EventTarget.EventTargetEvent<ResizeUpdatePositionEvent>): void {
     const offset = event.data.currentPosition - event.data.startPosition;
-    const offsetDIP = ZoomManager.instance().cssToDIP(offset);
+    const offsetDIP = this.#zoomManager.cssToDIP(offset);
     const newSizeDIP =
         this.#secondIsSidebar ? this.#resizeStartSizeDIP - offsetDIP : this.#resizeStartSizeDIP + offsetDIP;
     const constrainedSizeDIP = this.#applyConstraints(newSizeDIP, true);

package/front_end/ui/legacy/TabbedPane.ts

@@ -7,7 +7,6 @@
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as Annotations from '../../models/annotations/annotations.js';
 import * as Geometry from '../../models/geometry/geometry.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import {type LitTemplate, render} from '../../ui/lit/lit.js';
@@ -53,10 +52,7 @@ const UIStrings = {
    * @description Indicates that a tab contains a preview feature (i.e., a beta / experimental feature).
    */
   previewFeature: 'Preview feature',
-  /**
-   * @description Indicates that a tab contains annotation(s).
-   */
-  panelContainsAnnotation: 'This panel has one or more annotations',
+
   /**
    * @description Text to move a tab forwar.
    */
@@ -181,14 +177,6 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
     ZoomManager.instance().addEventListener(ZoomManagerEvents.ZOOM_CHANGED, this.zoomChanged, this);
     this.makeTabSlider();
 
-    if (Annotations.AnnotationRepository.annotationsEnabled()) {
-      Annotations.AnnotationRepository.instance().addEventListener(
-          Annotations.Events.ANNOTATION_ADDED, this.#onUpdateAnnotations, this);
-      Annotations.AnnotationRepository.instance().addEventListener(
-          Annotations.Events.ANNOTATION_DELETED, this.#onUpdateAnnotations, this);
-      Annotations.AnnotationRepository.instance().addEventListener(
-          Annotations.Events.ALL_ANNOTATIONS_DELETED, this.#onUpdateAnnotations, this);
-    }
   }
 
   setAccessibleName(name: string): void {
@@ -679,36 +667,6 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
     this.performUpdate();
   }
 
-  updateTabAnnotationIcons(): void {
-    if (!Annotations.AnnotationRepository.annotationsEnabled()) {
-      return;
-    }
-
-    const annotations = Annotations.AnnotationRepository.instance();
-    if (!annotations) {
-      return;
-    }
-
-    for (const tab of this.tabs) {
-      let primaryType = -1;
-      let secondaryType = -1;
-      switch (tab.id) {
-        case 'elements':
-          primaryType = Annotations.AnnotationType.ELEMENT_NODE;
-          secondaryType = Annotations.AnnotationType.STYLE_RULE;
-          break;
-        case 'network':
-          primaryType = Annotations.AnnotationType.NETWORK_REQUEST;
-          secondaryType = Annotations.AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS;
-          break;
-      }
-
-      const showTabAnnotationIcon = annotations.getAnnotationDataByType(primaryType).length > 0 ||
-          annotations.getAnnotationDataByType(secondaryType).length > 0;
-      this.setTabAnnotationIcon(tab.id, showTabAnnotationIcon);
-    }
-  }
-
   override performUpdate(): void {
     if (!this.isShowing()) {
       return;
@@ -737,7 +695,6 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
     this.updateWidths();
     this.updateTabsDropDown();
     this.updateTabSlider();
-    this.updateTabAnnotationIcons();
   }
 
   private adjustToolbarWidth(): void {
@@ -1207,17 +1164,6 @@ export class TabbedPane extends Common.ObjectWrapper.eventMixin<EventTypes, type
     this.automaticReorder = automatic;
   }
 
-  setTabAnnotationIcon(id: string, iconVisible: boolean): void {
-    const tab = this.tabsById.get(id);
-    if (tab) {
-      tab.tabAnnotationIcon = iconVisible;
-    }
-  }
-
-  #onUpdateAnnotations(): void {
-    this.updateTabAnnotationIcons();
-  }
-
   private keyDown(event: KeyboardEvent): void {
     if (!this.currentTab) {
       return;
@@ -1288,7 +1234,6 @@ export interface EventTypes {
 export class TabbedPaneTab {
   closeable: boolean;
   previewFeature = false;
-  #tabAnnotationIcon = false;
   private readonly tabbedPane: TabbedPane;
   #id: string;
   #title: string;
@@ -1349,42 +1294,6 @@ export class TabbedPaneTab {
     this.#jslogContext = jslogContext;
   }
 
-  get tabAnnotationIcon(): boolean {
-    return this.#tabAnnotationIcon;
-  }
-
-  set tabAnnotationIcon(iconVisible: boolean) {
-    if (this.#tabAnnotationIcon === iconVisible) {
-      return;
-    }
-    this.#tabAnnotationIcon = iconVisible;
-    if (!this.#tabElement) {
-      return;
-    }
-    const iconElement = this.#tabElement.querySelector('.spark');
-    if (iconVisible) {
-      if (!iconElement) {
-        const spark = this.createTabAnnotationIcon();
-        this.#tabElement.appendChild(spark);
-
-        const parentRect = this.#tabElement.parentElement?.getBoundingClientRect();
-        if (!parentRect) {
-          return;
-        }
-        const containerRect = this.tabElement.getBoundingClientRect();
-        const iconWidth = spark.getBoundingClientRect().width;
-        // Position the icon so that its right edge is at the container's right edge.
-        const x = containerRect.x - parentRect.x + containerRect.width - iconWidth;
-        (spark as HTMLElement).style.left = `${x}px`;
-      }
-    } else {
-      iconElement?.remove();
-    }
-    this.#tabElement.classList.toggle('ai', iconVisible);
-    delete this.measuredWidth;
-    this.tabbedPane.requestUpdate();
-  }
-
   isCloseable(): boolean {
     return this.closeable;
   }
@@ -1529,12 +1438,6 @@ export class TabbedPaneTab {
       tabElement.classList.add('preview');
     }
 
-    if (this.tabAnnotationIcon) {
-      const tabAnnotationIcon = this.createTabAnnotationIcon();
-      tabElement.appendChild(tabAnnotationIcon);
-      tabElement.classList.add('ai');
-    }
-
     if (this.closeable) {
       const closeIcon = this.createCloseIconButton();
       tabElement.appendChild(closeIcon);
@@ -1561,16 +1464,6 @@ export class TabbedPaneTab {
     return tabElement as HTMLElement;
   }
 
-  private createTabAnnotationIcon(): Icon {
-    const tabAnnotationIcon = new Icon();
-    tabAnnotationIcon.name = 'spark';
-    tabAnnotationIcon.classList.add('small');
-    tabAnnotationIcon.classList.add('spark');
-    tabAnnotationIcon.setAttribute('title', i18nString(UIStrings.panelContainsAnnotation));
-    tabAnnotationIcon.setAttribute('aria-label', i18nString(UIStrings.panelContainsAnnotation));
-    return tabAnnotationIcon;
-  }
-
   private createCloseIconButton(): Buttons.Button.Button {
     const closeButton = new Buttons.Button.Button();
     closeButton.data = {

package/front_end/ui/legacy/components/data_grid/DataGrid.ts

@@ -162,6 +162,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
   private resizeMethod: ResizeMethod;
   private headerContextMenuCallback: ((arg0: UI.ContextMenu.SubMenu) => void)|null;
   private rowContextMenuCallback: ((arg0: UI.ContextMenu.ContextMenu, arg1: DataGridNode<T>) => void)|null;
+  private tableContextMenuCallback: ((arg0: UI.ContextMenu.ContextMenu) => void)|null;
   elementToDataGridNode: WeakMap<Node, DataGridNode<T>>;
   disclosureColumnId?: string;
   private sortColumnCell?: Element;
@@ -246,6 +247,7 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
 
     this.headerContextMenuCallback = null;
     this.rowContextMenuCallback = null;
+    this.tableContextMenuCallback = null;
 
     this.elementToDataGridNode = new WeakMap();
   }
@@ -1407,6 +1409,10 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
     }
   }
 
+  setTableContextMenuCallback(callback: ((arg0: UI.ContextMenu.ContextMenu) => void)|null): void {
+    this.tableContextMenuCallback = callback;
+  }
+
   setHeaderContextMenuCallback(callback: ((arg0: UI.ContextMenu.SubMenu) => void)|null): void {
     this.headerContextMenuCallback = callback;
   }
@@ -1420,6 +1426,9 @@ export class DataGridImpl<T> extends Common.ObjectWrapper.ObjectWrapper<EventTyp
       return;
     }
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
+    if (this.tableContextMenuCallback) {
+      this.tableContextMenuCallback(contextMenu);
+    }
     const target = (event.target as Node);
 
     const sortableVisibleColumns = this.visibleColumnsArray.filter(column => {