chrome-devtools-frontend 1.0.1596260 → 1.0.1597448

package/agents/prompts/ui-widgets.md

@@ -11,7 +11,7 @@ Adhere strictly to the Model-View-Presenter (MVP) architecture.
 ### Presenter (`Widget`) Rules
 
 * Location: Co-located in the same file as its View.
-* MUST extend a base `UI.Widget` class (e.g., `UI.Widget.Widget`). Note that `UI.Widget.Widget` is not an `HTMLElement` and must be appended via `.show()` or `<devtools-widget>`.
+* MUST extend a base `UI.Widget` class (e.g., `UI.Widget.Widget`). Note that `UI.Widget.Widget` is not an `HTMLElement` and must be appended via `.show()` or `UI.Widget.widget`
 * Constructor MUST assign the injected view function to a private `#view` field.
 * Constructor MUST call `super()`. If taking `element?: HTMLElement`, pass it to `super(element)`. `super(true)` is forbidden.
 * Styling MUST be handled within the View. `this.registerCSSFiles()` is forbidden.
@@ -50,10 +50,10 @@ const DEFAULT_VIEW = (input: ViewInput, output: ViewOutput, target: HTMLElement)
 // clang-format on
 ```
 
-### Composition (`<devtools-widget>`)
+### Composition
 
-* To render a child widget, the parent's View MUST use `<devtools-widget>`.
-* Configuration is passed via the `.widgetConfig` property using `UI.Widget.widgetConfig()`.
+* To render a child widget, the parent's View MUST use lit-html directive `UI.Widget.wiget`
+* Configuration is passed via the parameters.
 * Properties passed from a parent MUST be declared as public fields on the child presenter class.
 * The framework automatically updates these properties and calls `requestUpdate()` on the child when the parent re-renders.
 
@@ -66,7 +66,7 @@ When migrating imperative components (extending `UI.VBox`, `UI.Panel`, or `HTMLE
     *   Prefer extending `UI.Widget.Widget`.
     *   **Special Case:** If the component *must* extend `UI.Panel.Panel` or `UI.Dialog.Dialog` (to retain specific functionality), you cannot use `requestUpdate()`. Instead, call `this.performUpdate()` directly on state changes.
 3.  **State Migration:** Move DOM-stored state to private class fields.
-4.  **Update Usage:** Replace `new MyComponent()` instantiations with declarative `<devtools-widget .widgetConfig=...>` in parent templates.
+4.  **Update Usage:** Replace `new MyComponent()` instantiations with declarative `widget(MyComponent, {params})` in parent templates.
 5.  **Scoping Styles:** Ensure your CSS file uses the `@scope` block to prevent style leaks:
     ```css
     @scope to (devtools-widget > *) {
@@ -101,7 +101,7 @@ render(html`
 
 ### Legacy Interop & Refs
 *   **Raw Elements:** Use `Lit.Directives.ref` to obtain a reference to a raw `HTMLElement` if needed for imperative APIs (e.g., `splitWidget.installResizer(element)`).
-*   **Child Widgets:** Use `UI.Widget.widgetRef` to obtain the class instance of a child `<devtools-widget>` if you need to call methods on it directly (though declarative data flow is preferred).
+*   **Child Widgets:** Use `UI.Widget.widgetRef` to obtain the class instance of a child widget if you need to call methods on it directly (though declarative data flow is preferred).
 
 ### Dependencies
 The `DEFAULT_VIEW` is typically a module-level function. Ensure all dependencies (enums, constants, other components) are imported at the top of the file so they are available in the function scope.
@@ -236,8 +236,7 @@ const DEFAULT_VIEW = (input: ViewInput, output: undefined, target: HTMLElement):
       <button @click=${input.onTitleChange}>Change Child Title</button>
 
       <!-- Pass properties to the child widget. -->
-      <devtools-widget .widgetConfig=${widgetConfig(MyExampleWidget, {title: input.title})}>
-      </devtools-widget>
+      ${widget(MyExampleWidget, {title: input.title})}
     </div>
   `, target);
 };

package/docs/ui_engineering.md

@@ -40,11 +40,11 @@ To test the `DEFAULT_VIEW` function itself, we should use screenshot and e2e tes
 
 We should no longer use imperative API to update DOM. Instead we rely on orchestrated rendering of lit-html templates. The view function described above should be a call to lit-html `render`. The view function should be called from `UI.Widget`’s `performUpdate` method, which by default is scheduled using `requestAnimationFrame`.
 
-To embed another presenter (`UI.Widget`) in the lit-html template, use `<devtools-widget .widgetConfig=${widgetConfig(<class>, {foo: 1, bar: 2})}`
+To embed another presenter (`UI.Widget`) in the lit-html template, use `widget(<class>, {foo: 1, bar: 2})`
 
 This will instantiate a `Widget` class with the web component as its `element` and, optionally, will set the properties provided in the second parameter. The widget won’t be re-instantiated on the subsequent template renders, but the properties would be updated. For this to work, the widget needs to accept `HTMLElement` as a sole constructor parameter and properties need to be public members or setters.
 
-For backwards compatibility, the first argument to `widgetConfig` can also be a factory function: `<devtools-widget .widgetConfig=${widgetConfig(element => new MyWidget(foo, bar, element))}>`. Similar to the class constructor version, `element` is the actual `<devtools-widget>` so the following two invocations of `widgetConfig` are equivalent: `widgetConfig(MyWidget)` and `widgetConfig(element => new MyWidget(element))`.
+For backwards compatibility, the first argument to `widgetConfig` can also be a factory function: `widget(element => new MyWidget(foo, bar, element))`. Similar to the class constructor version, `element` is the actual `<devtools-widget>` so the following two invocations of `widgetConfig` are equivalent: `widget(MyWidget)` and `widget(element => new MyWidget(element))`.
 
 ## Styling
 To prevent style conflicts in widgets without relying on shadow DOM, we use the CSS [`@scope`](https://developer.mozilla.org/en-US/docs/Web/CSS/@scope) at-rule for style encapsulation. This ensures that styles defined for a widget do not leak out and affect other components.
@@ -83,12 +83,12 @@ render(html`
   <div class="container">
     <h3 class="title">My Widget</h3>
     ...
-    <devtools-widget .widgetConfig=${widgetConfig(NestedWidget)}></devtools-widget>
+    ${widget(NestedWidget)}
   </div>
 `, this.element);
 ```
 
-In this example, the `.title` style will apply within the parent widget but will not leak into the nested `<devtools-widget>`. Because this convention relies on developer discipline, it is important to verify its correct application during code reviews.
+In this example, the `.title` style will apply within the parent widget but will not leak into the nested widget. Because this convention relies on developer discipline, it is important to verify its correct application during code reviews.
 
 ## Examples
 
@@ -97,8 +97,8 @@ In this example, the `.title` style will apply within the parent widget but will
   <devtools-split-view>
     <devtools-widget slot="main" .widgetConfig=${widgetConfig(ElementsTree)}></devtools-widget>
     <devtools-tab-pane slot="sidebar">
-      <devtools-widget .widgetConfig=${widgetConfig(StylesPane, {element: input.element})}></devtools-widget>
-      <devtools-widget .widgetConfig=${widgetConfig(ComputedPane, {element: input.element})}></devtools-widget>
+      ${widget(StylesPane, {element: input.element})}
+      ${widget(ComputedPane, {element: input.element})}
       ...
     </devtools-tab-pane>
   </devtools-split-view>
@@ -109,8 +109,7 @@ In this example, the `.title` style will apply within the parent widget but will
 type View = (input: ViewInput, output: ViewOutput, target: HTMLElement) => void;
 const DEFAULT_VIEW = (input, output, target) => {
   render(html`
-    <devtools-widget .widgetConfig=${widgetConfig(MetricsPane, {element: input.element})}>
-    </devtools-widget>
+    ${widget(MetricsPane, {element: input.element})}
     <devtools-toolbar>
       <devtools-filter-input @change=${input.onFilter}></devtools-filter-input>
       <devtools-checkbox @change=${input.onShowAll}>Show All</devtools-checkbox>
@@ -1236,7 +1235,7 @@ export const DEFAULT_VIEW = (input, _output, target) => {
 
 ## Migrating `EmptyWidget`
 
-Replace the imperative `EmptyWidget` with a declarative `<devtools-widget>` and configure it with `widgetConfig` to render an `EmptyWidget`.
+Replace the imperative `EmptyWidget` with a declarative `widget` and configure it to render an `EmptyWidget`.
 
 **Before:**
 ```typescript
@@ -1258,9 +1257,9 @@ class SomeWidget extends UI.Widget.Widget {
 export const DEFAULT_VIEW = (input, _output, target) => {
   render(html`
     <div>
-      <devtools-widget .widgetConfig=${widgetConfig(UI.EmptyWidget.EmptyWidget,{
+      ${widget(UI.EmptyWidget.EmptyWidget,{
           header: i18nString(UIStrings.nothingToSeeHere), text: this.explanation,
-          link: 'http://www.google.com',})}></devtools-widget>
+          link: 'http://www.google.com',})}
     </div>`,
     target, {host: input});
 };

package/front_end/core/common/Console.ts

@@ -2,24 +2,24 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as Root from '../root/root.js';
+
 import {ObjectWrapper} from './Object.js';
 import {reveal} from './Revealer.js';
 
-let consoleInstance: Console|undefined;
-
 export class Console extends ObjectWrapper<EventTypes> {
   readonly #messages: Message[] = [];
 
   static instance(opts?: {forceNew: boolean}): Console {
-    if (!consoleInstance || opts?.forceNew) {
-      consoleInstance = new Console();
+    if (!Root.DevToolsContext.globalInstance().has(Console) || opts?.forceNew) {
+      Root.DevToolsContext.globalInstance().set(Console, new Console());
     }
 
-    return consoleInstance;
+    return Root.DevToolsContext.globalInstance().get(Console);
   }
 
   static removeInstance(): void {
-    consoleInstance = undefined;
+    Root.DevToolsContext.globalInstance().delete(Console);
   }
 
   /**

package/front_end/core/common/Settings.ts

@@ -22,8 +22,6 @@ import {
   SettingType,
 } from './SettingRegistration.js';
 
-let settingsInstance: Settings|undefined;
-
 export interface SettingsCreationOptions {
   syncedStorage: SettingsStorage;
   globalStorage: SettingsStorage;
@@ -85,7 +83,7 @@ export class Settings {
   }
 
   static hasInstance(): boolean {
-    return typeof settingsInstance !== 'undefined';
+    return Root.DevToolsContext.globalInstance().has(Settings);
   }
 
   static instance(opts: {
@@ -107,20 +105,26 @@ export class Settings {
       logSettingAccess,
       runSettingsMigration
     } = opts;
-    if (!settingsInstance || forceNew) {
+    if (!Root.DevToolsContext.globalInstance().has(Settings) || forceNew) {
       if (!syncedStorage || !globalStorage || !localStorage || !settingRegistrations) {
         throw new Error(`Unable to create settings: global and local storage must be provided: ${new Error().stack}`);
       }
 
-      settingsInstance = new Settings(
-          {syncedStorage, globalStorage, localStorage, settingRegistrations, logSettingAccess, runSettingsMigration});
+      Root.DevToolsContext.globalInstance().set(Settings, new Settings({
+                                                  syncedStorage,
+                                                  globalStorage,
+                                                  localStorage,
+                                                  settingRegistrations,
+                                                  logSettingAccess,
+                                                  runSettingsMigration
+                                                }));
     }
 
-    return settingsInstance;
+    return Root.DevToolsContext.globalInstance().get(Settings);
   }
 
   static removeInstance(): void {
-    settingsInstance = undefined;
+    Root.DevToolsContext.globalInstance().delete(Settings);
   }
 
   private registerModuleSetting(setting: Setting<unknown>): void {

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -556,5 +556,6 @@ export const enum EnumeratedHistogram {
   LighthouseCategoryUsed = 'DevTools.LighthouseCategoryUsed',
   SwatchActivated = 'DevTools.SwatchActivated',
   BuiltInAiAvailability = 'DevTools.BuiltInAiAvailability',
+  ExtensionEvalTarget = 'DevTools.ExtensionEvalTarget',
   // LINT.ThenChange(/front_end/devtools_compatibility.js:EnumeratedHistogram)
 }

package/front_end/core/host/UserMetrics.ts

@@ -322,6 +322,11 @@ export class UserMetrics {
     InspectorFrontendHostInstance.recordPerformanceHistogram(
         'DevTools.Insights.ShortTeaserGenerationTime', timeInMilliseconds);
   }
+
+  extensionEvalTarget(target: ExtensionEvalTarget): void {
+    InspectorFrontendHostInstance.recordEnumeratedHistogram(
+        EnumeratedHistogram.ExtensionEvalTarget, target, ExtensionEvalTarget.MAX_VALUE);
+  }
 }
 
 /**
@@ -1264,3 +1269,10 @@ export const enum BuiltInAiAvailability {
   DISABLED_NO_GPU = 9,
   MAX_VALUE = 10,
 }
+
+export const enum ExtensionEvalTarget {
+  WEB_PAGE = 0,
+  SAME_EXTENSION = 1,
+  OTHER_EXTENSION = 2,
+  MAX_VALUE = 3,
+}

package/front_end/core/root/DevToolsContext.ts

@@ -11,7 +11,14 @@ export type ConstructorT<T> = new (...args: any[]) => T;
  * via constructor, and not just pass a {@link DevToolsContext} around. That would hide
  * dependencies and we want to be explicit.
  */
-export class DevToolsContext {
+export interface DevToolsContext {
+  get<T>(ctor: ConstructorT<T>): T;
+}
+
+/**
+ * The actual implementation. Should only be accessed by test-setup code or the bootstrapper.
+ */
+export class WritableDevToolsContext implements DevToolsContext {
   readonly #instances = new Map<ConstructorT<unknown>, unknown>();
 
   get<T>(ctor: ConstructorT<T>): T {
@@ -28,8 +35,7 @@ export class DevToolsContext {
   }
 
   /**
-   * @deprecated Should only be used by existing `instance` accessors and the bootstrapper.
-   * Exists on the public interface only for migration purposes for now.
+   * Should only be used by existing `instance` accessors and the bootstrapper.
    */
   set<T>(ctor: ConstructorT<T>, instance: T): void {
     // TODO(crbug.com/458180550): We need to throw here if an instance was already set!
@@ -42,16 +48,16 @@ export class DevToolsContext {
   }
 }
 
-let gInstance: DevToolsContext|null = null;
+let gInstance: WritableDevToolsContext|null = null;
 
 /**
  * @deprecated Exists to migrate instance() methods.
  */
-export function globalInstance(): DevToolsContext {
+export function globalInstance(): WritableDevToolsContext {
   if (!gInstance) {
     // TODO(crbug.com/458180550): This should really throw to prevent side-effects and globals
     //                            from leaking all over the place.
-    gInstance = new DevToolsContext();
+    gInstance = new WritableDevToolsContext();
   }
   return gInstance;
 }
@@ -59,6 +65,6 @@ export function globalInstance(): DevToolsContext {
 /**
  * @deprecated Should only be called by test setup and MainImpl
  */
-export function setGlobalInstance(context: DevToolsContext|null): void {
+export function setGlobalInstance(context: WritableDevToolsContext|null): void {
   gInstance = context;
 }

package/front_end/core/root/Runtime.ts

@@ -476,6 +476,10 @@ export interface HostConfigAiAssistanceFileAgent {
   userTier: string;
 }
 
+export interface HostConfigAiAssistanceAccessibilityAgent {
+  enabled: boolean;
+}
+
 export interface HostConfigAiCodeCompletion {
   modelId: string;
   temperature: number;
@@ -632,6 +636,7 @@ export type HostConfig = Platform.TypeScriptUtilities.RecursivePartial<{
   devToolsAiAssistanceNetworkAgent: HostConfigAiAssistanceNetworkAgent,
   devToolsAiAssistanceFileAgent: HostConfigAiAssistanceFileAgent,
   devToolsAiAssistancePerformanceAgent: HostConfigAiAssistancePerformanceAgent,
+  devToolsAiAssistanceAccessibilityAgent: HostConfigAiAssistanceAccessibilityAgent,
   devToolsAiAssistanceV2: HostConfigAiAssistanceV2,
   devToolsAiCodeCompletion: HostConfigAiCodeCompletion,
   devToolsAiCodeGeneration: HostConfigAiCodeGeneration,

package/front_end/core/sdk/FrameManager.ts

@@ -4,14 +4,13 @@
 
 import type * as Protocol from '../../generated/protocol.js';
 import * as Common from '../common/common.js';
+import * as Root from '../root/root.js';
 
 import type {Resource} from './Resource.js';
 import {Events as ResourceTreeModelEvents, type ResourceTreeFrame, ResourceTreeModel} from './ResourceTreeModel.js';
 import type {Target} from './Target.js';
 import {type SDKModelObserver, TargetManager} from './TargetManager.js';
 
-let frameManagerInstance: FrameManager|null = null;
-
 /**
  * The FrameManager is a central storage for all #frames. It collects #frames from all
  * ResourceTreeModel-instances (one per target), so that #frames can be found by id
@@ -37,22 +36,22 @@ export class FrameManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
   }>();
   #awaitedFrames = new Map<string, Array<{resolve: (frame: ResourceTreeFrame) => void, notInTarget?: Target}>>();
 
-  constructor() {
+  constructor(targetManager: TargetManager) {
     super();
-    TargetManager.instance().observeModels(ResourceTreeModel, this);
+    targetManager.observeModels(ResourceTreeModel, this);
   }
 
   static instance({forceNew}: {
     forceNew: boolean,
   } = {forceNew: false}): FrameManager {
-    if (!frameManagerInstance || forceNew) {
-      frameManagerInstance = new FrameManager();
+    if (!Root.DevToolsContext.globalInstance().has(FrameManager) || forceNew) {
+      Root.DevToolsContext.globalInstance().set(FrameManager, new FrameManager(TargetManager.instance()));
     }
-    return frameManagerInstance;
+    return Root.DevToolsContext.globalInstance().get(FrameManager);
   }
 
   static removeInstance(): void {
-    frameManagerInstance = null;
+    Root.DevToolsContext.globalInstance().delete(FrameManager);
   }
 
   modelAdded(resourceTreeModel: ResourceTreeModel): void {

package/front_end/core/sdk/PageResourceLoader.ts

@@ -334,6 +334,27 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
         initiator.target;
     Host.userMetrics.developerResourceScheme(this.getDeveloperResourceScheme(parsedURL));
     if (eligibleForLoadFromTarget) {
+      let mustEnforceCSP = false;
+      const isHttp = parsedURL.scheme === 'http' || parsedURL.scheme === 'https';
+      if (isHttp && initiator.target) {
+        const networkManager = initiator.target.model(NetworkManager);
+        if (networkManager) {
+          let status = await networkManager.getSecurityIsolationStatus(initiator.frameId);
+          if (!status && initiator.frameId) {
+            status = await networkManager.getSecurityIsolationStatus(null);
+          }
+          if (status?.csp) {
+            for (const csp of status.csp) {
+              const directives = csp.effectiveDirectives;
+              if (directives.includes('connect-src') || directives.includes('default-src')) {
+                mustEnforceCSP = true;
+                break;
+              }
+            }
+          }
+        }
+      }
+
       try {
         Host.userMetrics.developerResourceLoaded(Host.UserMetrics.DeveloperResourceLoaded.LOAD_THROUGH_PAGE_VIA_TARGET);
         const result = await this.loadFromTarget(initiator.target, initiator.frameId, url, isBinary);
@@ -341,7 +362,7 @@ export class PageResourceLoader extends Common.ObjectWrapper.ObjectWrapper<Event
       } catch (e) {
         if (e instanceof Error) {
           Host.userMetrics.developerResourceLoaded(Host.UserMetrics.DeveloperResourceLoaded.LOAD_THROUGH_PAGE_FAILURE);
-          if (e.message.includes('CSP violation')) {
+          if (mustEnforceCSP || e.message.includes('CSP violation')) {
             return {
               success: false,
               content: '',

package/front_end/devtools_compatibility.js

@@ -444,7 +444,8 @@
     TimelineNavigationSettingState: 'DevTools.TimelineNavigationSettingState',
     SyncSetting: 'DevTools.SyncSetting',
     SwatchActivated: 'DevTools.SwatchActivated',
-    BuiltInAiAvailability: 'DevTools.BuiltInAiAvailability'
+    BuiltInAiAvailability: 'DevTools.BuiltInAiAvailability',
+    ExtensionEvalTarget: 'DevTools.ExtensionEvalTarget'
     // LINT.ThenChange(/front_end/core/host/InspectorFrontendHostAPI.ts:EnumeratedHistogram)
   };
 

package/front_end/entrypoints/greendev_floaty/FloatyEntrypoint.ts

@@ -431,7 +431,7 @@ async function init(): Promise<void> {
         settingRegistrations: Common.SettingRegistration.getRegisteredSettings(),
       }
     });
-    Root.DevToolsContext.setGlobalInstance(universe.context);
+    Root.DevToolsContext.setGlobalInstance(universe.context as Root.DevToolsContext.WritableDevToolsContext);
 
     await i18n.i18n.fetchAndRegisterLocaleData('en-US');
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.connectionReady();

package/front_end/entrypoints/main/MainImpl.ts

@@ -201,7 +201,7 @@ export class MainImpl {
       },
     };
     this.#universe = new Foundation.Universe.Universe(creationOptions);
-    Root.DevToolsContext.setGlobalInstance(this.#universe.context);
+    Root.DevToolsContext.setGlobalInstance(this.#universe.context as Root.DevToolsContext.WritableDevToolsContext);
 
     await this.requestAndRegisterLocaleData();
 
@@ -488,7 +488,6 @@ export class MainImpl {
 
     // These instances need to be created early so they don't miss any events about requests/issues/etc.
     Logs.NetworkLog.NetworkLog.instance();
-    SDK.FrameManager.FrameManager.instance();
     Logs.LogManager.LogManager.instance();
     IssuesManager.IssuesManager.IssuesManager.instance({
       forceNew: true,

package/front_end/foundation/Universe.ts

@@ -14,38 +14,49 @@ export interface CreationOptions {
 }
 
 export class Universe {
-  readonly context = new Root.DevToolsContext.DevToolsContext();
+  readonly context: Root.DevToolsContext.DevToolsContext;
 
   constructor(options: CreationOptions) {
-    // TODO(crbug.com/458180550): Store instance on a "DevToolsContext" instead.
-    //                            For now the global is fine as we don't anticipate the MCP server to change settings.
+    const context = new Root.DevToolsContext.WritableDevToolsContext();
+    this.context = context;
+
+    // TODO(crbug.com/458180550): Store instance only on this.context instead.
+    //                            For now the global is required as not everything in foundation cleanly
+    //                            reads from the scoped `Settings` instance.
     const settings = Common.Settings.Settings.instance({
       forceNew: true,
       ...options.settingsCreationOptions,
     });
+    context.set(Common.Settings.Settings, settings);
+
+    const console = new Common.Console.Console();
+    context.set(Common.Console.Console, console);
+
+    const targetManager = new SDK.TargetManager.TargetManager(context, options.overrideAutoStartModels);
+    context.set(SDK.TargetManager.TargetManager, targetManager);
 
-    const targetManager = new SDK.TargetManager.TargetManager(this.context, options.overrideAutoStartModels);
-    this.context.set(SDK.TargetManager.TargetManager, targetManager);
+    const frameManager = new SDK.FrameManager.FrameManager(targetManager);
+    context.set(SDK.FrameManager.FrameManager, frameManager);
 
     const multitargetNetworkManager = new SDK.NetworkManager.MultitargetNetworkManager(targetManager);
-    this.context.set(SDK.NetworkManager.MultitargetNetworkManager, multitargetNetworkManager);
+    context.set(SDK.NetworkManager.MultitargetNetworkManager, multitargetNetworkManager);
 
     const pageResourceLoader =
         new SDK.PageResourceLoader.PageResourceLoader(targetManager, settings, multitargetNetworkManager, null);
-    this.context.set(SDK.PageResourceLoader.PageResourceLoader, pageResourceLoader);
+    context.set(SDK.PageResourceLoader.PageResourceLoader, pageResourceLoader);
 
     const workspace = new Workspace.Workspace.WorkspaceImpl();
-    this.context.set(Workspace.Workspace.WorkspaceImpl, workspace);
+    context.set(Workspace.Workspace.WorkspaceImpl, workspace);
 
     const ignoreListManager = new Workspace.IgnoreListManager.IgnoreListManager(settings, targetManager);
-    this.context.set(Workspace.IgnoreListManager.IgnoreListManager, ignoreListManager);
+    context.set(Workspace.IgnoreListManager.IgnoreListManager, ignoreListManager);
 
     const resourceMapping = new Bindings.ResourceMapping.ResourceMapping(targetManager, workspace);
     const cssWorkspaceBinding = new Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding(resourceMapping, targetManager);
-    this.context.set(Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding, cssWorkspaceBinding);
+    context.set(Bindings.CSSWorkspaceBinding.CSSWorkspaceBinding, cssWorkspaceBinding);
 
     const debuggerWorkspaceBinding = new Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding(
         resourceMapping, targetManager, ignoreListManager, workspace);
-    this.context.set(Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding, debuggerWorkspaceBinding);
+    context.set(Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding, debuggerWorkspaceBinding);
   }
 }

package/front_end/generated/InspectorBackendCommands.ts

@@ -1517,6 +1517,13 @@ inspectorBackend.registerCommand("WebAuthn.setCredentialProperties", [{"name": "
 inspectorBackend.registerType("WebAuthn.VirtualAuthenticatorOptions", [{"name": "protocol", "type": "string", "optional": false, "description": "", "typeRef": "WebAuthn.AuthenticatorProtocol"}, {"name": "ctap2Version", "type": "string", "optional": true, "description": "Defaults to ctap2_0. Ignored if |protocol| == u2f.", "typeRef": "WebAuthn.Ctap2Version"}, {"name": "transport", "type": "string", "optional": false, "description": "", "typeRef": "WebAuthn.AuthenticatorTransport"}, {"name": "hasResidentKey", "type": "boolean", "optional": true, "description": "Defaults to false.", "typeRef": null}, {"name": "hasUserVerification", "type": "boolean", "optional": true, "description": "Defaults to false.", "typeRef": null}, {"name": "hasLargeBlob", "type": "boolean", "optional": true, "description": "If set to true, the authenticator will support the largeBlob extension. https://w3c.github.io/webauthn#largeBlob Defaults to false.", "typeRef": null}, {"name": "hasCredBlob", "type": "boolean", "optional": true, "description": "If set to true, the authenticator will support the credBlob extension. https://fidoalliance.org/specs/fido-v2.1-rd-20201208/fido-client-to-authenticator-protocol-v2.1-rd-20201208.html#sctn-credBlob-extension Defaults to false.", "typeRef": null}, {"name": "hasMinPinLength", "type": "boolean", "optional": true, "description": "If set to true, the authenticator will support the minPinLength extension. https://fidoalliance.org/specs/fido-v2.1-ps-20210615/fido-client-to-authenticator-protocol-v2.1-ps-20210615.html#sctn-minpinlength-extension Defaults to false.", "typeRef": null}, {"name": "hasPrf", "type": "boolean", "optional": true, "description": "If set to true, the authenticator will support the prf extension. https://w3c.github.io/webauthn/#prf-extension Defaults to false.", "typeRef": null}, {"name": "automaticPresenceSimulation", "type": "boolean", "optional": true, "description": "If set to true, tests of user presence will succeed immediately. Otherwise, they will not be resolved. Defaults to true.", "typeRef": null}, {"name": "isUserVerified", "type": "boolean", "optional": true, "description": "Sets whether User Verification succeeds or fails for an authenticator. Defaults to false.", "typeRef": null}, {"name": "defaultBackupEligibility", "type": "boolean", "optional": true, "description": "Credentials created by this authenticator will have the backup eligibility (BE) flag set to this value. Defaults to false. https://w3c.github.io/webauthn/#sctn-credential-backup", "typeRef": null}, {"name": "defaultBackupState", "type": "boolean", "optional": true, "description": "Credentials created by this authenticator will have the backup state (BS) flag set to this value. Defaults to false. https://w3c.github.io/webauthn/#sctn-credential-backup", "typeRef": null}]);
 inspectorBackend.registerType("WebAuthn.Credential", [{"name": "credentialId", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "isResidentCredential", "type": "boolean", "optional": false, "description": "", "typeRef": null}, {"name": "rpId", "type": "string", "optional": true, "description": "Relying Party ID the credential is scoped to. Must be set when adding a credential.", "typeRef": null}, {"name": "privateKey", "type": "string", "optional": false, "description": "The ECDSA P-256 private key in PKCS#8 format.", "typeRef": null}, {"name": "userHandle", "type": "string", "optional": true, "description": "An opaque byte sequence with a maximum size of 64 bytes mapping the credential to a specific user.", "typeRef": null}, {"name": "signCount", "type": "number", "optional": false, "description": "Signature counter. This is incremented by one for each successful assertion. See https://w3c.github.io/webauthn/#signature-counter", "typeRef": null}, {"name": "largeBlob", "type": "string", "optional": true, "description": "The large blob associated with the credential. See https://w3c.github.io/webauthn/#sctn-large-blob-extension", "typeRef": null}, {"name": "backupEligibility", "type": "boolean", "optional": true, "description": "Assertions returned by this credential will have the backup eligibility (BE) flag set to this value. Defaults to the authenticator's defaultBackupEligibility value.", "typeRef": null}, {"name": "backupState", "type": "boolean", "optional": true, "description": "Assertions returned by this credential will have the backup state (BS) flag set to this value. Defaults to the authenticator's defaultBackupState value.", "typeRef": null}, {"name": "userName", "type": "string", "optional": true, "description": "The credential's user.name property. Equivalent to empty if not set. https://w3c.github.io/webauthn/#dom-publickeycredentialentity-name", "typeRef": null}, {"name": "userDisplayName", "type": "string", "optional": true, "description": "The credential's user.displayName property. Equivalent to empty if not set. https://w3c.github.io/webauthn/#dom-publickeycredentialuserentity-displayname", "typeRef": null}]);
 
+// WebMCP.
+inspectorBackend.registerEvent("WebMCP.toolsAdded", ["tools"]);
+inspectorBackend.registerEvent("WebMCP.toolsRemoved", ["tools"]);
+inspectorBackend.registerCommand("WebMCP.enable", [], [], "Enables the WebMCP domain, allowing events to be sent. Enabling the domain will trigger a toolsAdded event for all currently registered tools.");
+inspectorBackend.registerType("WebMCP.Annotation", [{"name": "readOnly", "type": "boolean", "optional": true, "description": "A hint indicating that the tool does not modify any state.", "typeRef": null}, {"name": "autosubmit", "type": "boolean", "optional": true, "description": "If the declarative tool was declared with the autosubmit attribute.", "typeRef": null}]);
+inspectorBackend.registerType("WebMCP.Tool", [{"name": "name", "type": "string", "optional": false, "description": "Tool name.", "typeRef": null}, {"name": "description", "type": "string", "optional": false, "description": "Tool description.", "typeRef": null}, {"name": "inputSchema", "type": "object", "optional": true, "description": "Schema for the tool's input parameters.", "typeRef": null}, {"name": "annotations", "type": "object", "optional": true, "description": "Optional annotations for the tool.", "typeRef": "WebMCP.Annotation"}, {"name": "frameId", "type": "string", "optional": false, "description": "Frame identifier associated with the tool registration.", "typeRef": "Page.FrameId"}, {"name": "backendNodeId", "type": "number", "optional": true, "description": "Optional node ID for declarative tools.", "typeRef": "DOM.BackendNodeId"}, {"name": "stackTrace", "type": "object", "optional": true, "description": "The stack trace at the time of the registration.", "typeRef": "Runtime.StackTrace"}]);
+
 // Debugger.
 inspectorBackend.registerEnum("Debugger.ScopeType", {Global: "global", Local: "local", With: "with", Closure: "closure", Catch: "catch", Block: "block", Script: "script", Eval: "eval", Module: "module", WasmExpressionStack: "wasm-expression-stack"});
 inspectorBackend.registerEnum("Debugger.BreakLocationType", {DebuggerStatement: "debuggerStatement", Call: "call", Return: "return"});

package/front_end/generated/protocol-mapping.d.ts

@@ -930,6 +930,14 @@ export namespace ProtocolMapping {
      * Triggered when a credential is used in a webauthn assertion.
      */
     'WebAuthn.credentialAsserted': [Protocol.WebAuthn.CredentialAssertedEvent];
+    /**
+     * Event fired when new tools are added.
+     */
+    'WebMCP.toolsAdded': [Protocol.WebMCP.ToolsAddedEvent];
+    /**
+     * Event fired when tools are removed.
+     */
+    'WebMCP.toolsRemoved': [Protocol.WebMCP.ToolsRemovedEvent];
     /**
      * Fired when breakpoint is resolved to an actual script and location.
      * Deprecated in favor of `resolvedBreakpoints` in the `scriptParsed` event.
@@ -5372,6 +5380,14 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.WebAuthn.SetCredentialPropertiesRequest];
       returnType: void;
     };
+    /**
+     * Enables the WebMCP domain, allowing events to be sent. Enabling the domain will trigger a toolsAdded event for
+     * all currently registered tools.
+     */
+    'WebMCP.enable': {
+      paramsType: [];
+      returnType: void;
+    };
     /**
      * Continues execution until specific location is reached.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -114,6 +114,8 @@ declare namespace ProtocolProxyApi {
 
     WebAuthn: WebAuthnApi;
 
+    WebMCP: WebMCPApi;
+
     Debugger: DebuggerApi;
 
     HeapProfiler: HeapProfilerApi;
@@ -223,6 +225,8 @@ declare namespace ProtocolProxyApi {
 
     WebAuthn: WebAuthnDispatcher;
 
+    WebMCP: WebMCPDispatcher;
+
     Debugger: DebuggerDispatcher;
 
     HeapProfiler: HeapProfilerDispatcher;
@@ -4849,6 +4853,27 @@ declare namespace ProtocolProxyApi {
 
   }
 
+  export interface WebMCPApi {
+    /**
+     * Enables the WebMCP domain, allowing events to be sent. Enabling the domain will trigger a toolsAdded event for
+     * all currently registered tools.
+     */
+    invoke_enable(): Promise<Protocol.ProtocolResponseWithError>;
+
+  }
+  export interface WebMCPDispatcher {
+    /**
+     * Event fired when new tools are added.
+     */
+    toolsAdded(params: Protocol.WebMCP.ToolsAddedEvent): void;
+
+    /**
+     * Event fired when tools are removed.
+     */
+    toolsRemoved(params: Protocol.WebMCP.ToolsRemovedEvent): void;
+
+  }
+
   export interface DebuggerApi {
     /**
      * Continues execution until specific location is reached.