chrome-devtools-frontend 1.0.1595925 → 1.0.1596535

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.

package/front_end/generated/protocol.ts

@@ -20584,6 +20584,77 @@ export namespace WebAuthn {
   }
 }
 
+export namespace WebMCP {
+
+  /**
+   * Tool annotations
+   */
+  export interface Annotation {
+    /**
+     * A hint indicating that the tool does not modify any state.
+     */
+    readOnly?: boolean;
+    /**
+     * If the declarative tool was declared with the autosubmit attribute.
+     */
+    autosubmit?: boolean;
+  }
+
+  /**
+   * Definition of a tool that can be invoked.
+   */
+  export interface Tool {
+    /**
+     * Tool name.
+     */
+    name: string;
+    /**
+     * Tool description.
+     */
+    description: string;
+    /**
+     * Schema for the tool's input parameters.
+     */
+    inputSchema?: any;
+    /**
+     * Optional annotations for the tool.
+     */
+    annotations?: Annotation;
+    /**
+     * Frame identifier associated with the tool registration.
+     */
+    frameId: Page.FrameId;
+    /**
+     * Optional node ID for declarative tools.
+     */
+    backendNodeId?: DOM.BackendNodeId;
+    /**
+     * The stack trace at the time of the registration.
+     */
+    stackTrace?: Runtime.StackTrace;
+  }
+
+  /**
+   * Event fired when new tools are added.
+   */
+  export interface ToolsAddedEvent {
+    /**
+     * Array of tools that were added.
+     */
+    tools: Tool[];
+  }
+
+  /**
+   * Event fired when tools are removed.
+   */
+  export interface ToolsRemovedEvent {
+    /**
+     * Array of tools that were removed.
+     */
+    tools: Tool[];
+  }
+}
+
 /**
  * Debugger domain exposes JavaScript debugging capabilities. It allows setting and removing
  * breakpoints, stepping through execution, exploring stack traces, etc.

package/front_end/models/ai_assistance/AiConversation.ts

@@ -4,10 +4,10 @@
 
 import * as Host from '../../core/host/host.js';
 import * as Root from '../../core/root/root.js';
-import * as SDK from '../../core/sdk/sdk.js';
-import * as Trace from '../../models/trace/trace.js';
+import type * as SDK from '../../core/sdk/sdk.js';
+import type * as Trace from '../../models/trace/trace.js';
 import * as Greendev from '../greendev/greendev.js';
-import * as NetworkTimeCalculator from '../network_time_calculator/network_time_calculator.js';
+import type * as NetworkTimeCalculator from '../network_time_calculator/network_time_calculator.js';
 
 import {
   type AiAgent,
@@ -26,10 +26,6 @@ import {PerformanceAgent, PerformanceTraceContext} from './agents/PerformanceAge
 import {NodeContext, StylingAgent} from './agents/StylingAgent.js';
 import {AiHistoryStorage, ConversationType, type SerializedConversation} from './AiHistoryStorage.js';
 import type {ChangeManager} from './ChangeManager.js';
-import {NetworkRequestFormatter} from './data_formatters/NetworkRequestFormatter.js';
-import {PerformanceInsightFormatter} from './data_formatters/PerformanceInsightFormatter.js';
-import {micros} from './data_formatters/UnitFormatters.js';
-import {AgentFocus} from './performance/AIContext.js';
 
 export const NOT_FOUND_IMAGE_DATA = '';
 const MAX_TITLE_LENGTH = 80;
@@ -274,6 +270,9 @@ export class AiConversation {
                      if (item.type === ResponseType.SIDE_EFFECT) {
                        return {...item, confirm: undefined};
                      }
+                     if (item.type === ResponseType.CONTEXT && item.widgets) {
+                       return {...item, widgets: undefined};
+                     }
                      return item;
                    })
                    .filter(history => !!history),
@@ -342,88 +341,11 @@ export class AiConversation {
     }
   }
 
-  #factsCache = new Map<ExtraContext, Host.AidaClient.RequestFact>();
-
-  async #createFactsForExtraContext(contexts: ExtraContext[]): Promise<void> {
-    for (const context of contexts) {
-      const cached = this.#factsCache.get(context);
-      if (cached) {
-        this.#agent.addFact(cached);
-        continue;
-      }
-
-      if (context instanceof SDK.DOMModel.DOMNode) {
-        const desc = await StylingAgent.describeElement(context);
-
-        const fact = {
-          text: `Relevant HTML element:\n${desc}`,
-          metadata: {
-            source: 'devtools-floaty',
-            score: 1,
-          }
-        };
-        this.#factsCache.set(context, fact);
-        this.#agent.addFact(fact);
-      } else if (context instanceof SDK.NetworkRequest.NetworkRequest) {
-        const calculator = new NetworkTimeCalculator.NetworkTransferTimeCalculator();
-        calculator.updateBoundaries(context);
-        const formatter = new NetworkRequestFormatter(context, calculator);
-        const desc = await formatter.formatNetworkRequest();
-
-        const fact = {
-          text: `Relevant network request:\n${desc}`,
-          metadata: {
-            source: 'devtools-floaty',
-            score: 1,
-          }
-        };
-        this.#factsCache.set(context, fact);
-        this.#agent.addFact(fact);
-      } else if ('insight' in context) {
-        const focus = AgentFocus.fromInsight(context.trace, context.insight);
-        const formatter = new PerformanceInsightFormatter(
-            focus,
-            context.insight,
-        );
-
-        const text = `Relevant Performance Insight:\n${formatter.formatInsight()}`;
-        const fact = {
-          text,
-          metadata: {
-            source: 'devtools-floaty',
-            score: 1,
-          }
-        };
-        this.#factsCache.set(context, fact);
-        this.#agent.addFact(fact);
-      } else {
-        // Must be a trace event
-        const time = Trace.Types.Timing.Micro(
-            context.event.ts - context.traceStartTime,
-        );
-
-        const desc = `Trace event: ${context.event.name}
-Time: ${micros(time)}`;
-
-        const fact = {
-          text: `Relevant trace event:\n${desc}`,
-          metadata: {
-            source: 'devtools-floaty',
-            score: 1,
-          }
-        };
-        this.#factsCache.set(context, fact);
-        this.#agent.addFact(fact);
-      }
-    }
-  }
-
   async *
       run(
           initialQuery: string,
           options: {
             signal?: AbortSignal,
-            extraContext?: ExtraContext[],
             multimodalInput?: MultimodalInput,
           } = {},
           ): AsyncGenerator<ResponseData, void, void> {
@@ -442,9 +364,6 @@ Time: ${micros(time)}`;
     void this.addHistoryItem(userQuery);
     yield userQuery;
 
-    if (options.extraContext) {
-      await this.#createFactsForExtraContext(options.extraContext);
-    }
     this.#setOriginIfEmpty(this.selectedContext?.getOrigin());
 
     if (this.isBlockedByOrigin) {
@@ -463,7 +382,6 @@ Time: ${micros(time)}`;
           initialQuery: string,
           options: {
             signal?: AbortSignal,
-            extraContext?: ExtraContext[],
             multimodalInput?: MultimodalInput,
           } = {},
           ): AsyncGenerator<ResponseData, void, void> {
@@ -528,13 +446,6 @@ function isAiAssistanceServerSideLoggingEnabled(): boolean {
   return !Root.Runtime.hostConfig.aidaAvailability?.disallowLogging;
 }
 
-// TODO: this is the same as the type in UI.Floaty but we cannot use UI
-// here. This is fine for prototyping but if we take this further we can
-// rearchitect.
-type ExtraContext = SDK.DOMModel.DOMNode|SDK.NetworkRequest.NetworkRequest|
-                    {event: Trace.Types.Events.Event, traceStartTime: Trace.Types.Timing.Micro}|
-                    {insight: Trace.Insights.Types.InsightModel, trace: Trace.TraceModel.ParsedTrace};
-
 function isAiAssistanceContextSelectionAgentEnabled(): boolean {
   return Boolean(Root.Runtime.hostConfig.devToolsAiAssistanceContextSelectionAgent?.enabled);
 }

package/front_end/models/ai_assistance/ConversationHandler.ts

@@ -129,7 +129,7 @@ export class ConversationHandler extends Common.ObjectWrapper.ObjectWrapper<Even
   }): ConversationHandler {
     if (opts?.forceNew || conversationHandlerInstance === undefined) {
       const aidaClient = opts?.aidaClient ?? new Host.AidaClient.AidaClient();
-      conversationHandlerInstance = new ConversationHandler(aidaClient, opts?.aidaAvailability ?? undefined);
+      conversationHandlerInstance = new ConversationHandler(aidaClient, opts?.aidaAvailability);
     }
     return conversationHandlerInstance;
   }

package/front_end/models/ai_assistance/agents/AiAgent.ts

@@ -7,6 +7,7 @@ import * as Root from '../../../core/root/root.js';
 import type * as SDK from '../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../generated/protocol.js';
 import * as Greendev from '../../greendev/greendev.js';
+import type * as Trace from '../../trace/trace.js';
 import {debugLog, isStructuredLogEnabled} from '../debug.js';
 
 export const enum ResponseType {
@@ -69,6 +70,7 @@ export interface ContextResponse {
   type: ResponseType.CONTEXT;
   title: string;
   details: [ContextDetail, ...ContextDetail[]];
+  widgets?: AiWidget[];
 }
 
 export interface TitleResponse {
@@ -228,8 +230,16 @@ export interface ComputedStyleAiWidget {
     properties: string[],
   };
 }
+export interface CoreVitalsAiWidget {
+  name: 'CORE_VITALS';
+  data: {
+    insightSetKey: string,
+    parsedTrace: Trace.TraceModel.ParsedTrace,
+  };
+}
+
 // This type will grow as we add more widgets.
-export type AiWidget = ComputedStyleAiWidget;
+export type AiWidget = ComputedStyleAiWidget|CoreVitalsAiWidget;
 
 export type FunctionCallHandlerResult<Result> = {
   requiresApproval: true,

package/front_end/models/ai_assistance/agents/PerformanceAgent.ts

@@ -22,6 +22,7 @@ import {AgentFocus} from '../performance/AIContext.js';
 
 import {
   AiAgent,
+  type AiWidget,
   type ContextResponse,
   ConversationContext,
   type ConversationSuggestions,
@@ -381,6 +382,18 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
       return;
     }
 
+    const widgets: AiWidget[] = [];
+    const primaryInsightSet = context.getItem().primaryInsightSet;
+    if (primaryInsightSet) {
+      widgets.push({
+        name: 'CORE_VITALS',
+        data: {
+          parsedTrace: context.getItem().parsedTrace,
+          insightSetKey: primaryInsightSet.id,
+        },
+      });
+    }
+
     yield {
       type: ResponseType.CONTEXT,
       title: lockedString(UIStringsNotTranslated.analyzingTrace),
@@ -390,6 +403,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
           text: this.#formatter?.formatTraceSummary() ?? '',
         },
       ],
+      widgets,
     };
 
     this.#hasShownAnalyzeTraceContext = true;

package/front_end/models/ai_code_completion/AiCodeCompletion.ts

@@ -169,7 +169,7 @@ export class AiCodeCompletion {
     // As a temporary fix for b/441221870 we are prepending a newline for each prefix.
     prefix = '\n' + prefix;
 
-    let additionalContextFiles = additionalFiles ?? undefined;
+    let additionalContextFiles = additionalFiles;
     if (!additionalContextFiles) {
       additionalContextFiles = this.#panel === ContextFlavor.CONSOLE ? [{
         path: 'devtools-console-context.js',

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -761,6 +761,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     if (isNarrow === this.#walkthrough.isInlined) {
       return;
     }
+    // If the UI changed, we reset the visibility of the AI Walkthrough.
+    this.#clearWalkthrough();
     this.#walkthrough.isInlined = isNarrow;
     this.requestUpdate();
   }
@@ -1712,6 +1714,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           case AiAssistanceModel.AiAgent.ResponseType.CONTEXT: {
             step.title = data.title;
             step.contextDetails = data.details;
+            step.widgets = data.widgets;
             step.isLoading = false;
             commitStep();
             break;