chrome-devtools-frontend 1.0.1626437 → 1.0.1626840

package/front_end/core/host/UserMetrics.ts

@@ -489,7 +489,14 @@ export enum Action {
   InsightTeaserModelDownloadCompleted = 198,
   AiCodeGenerationError = 199,
   AiCodeGenerationRequestTriggered = 200,
-  MAX_VALUE = 201,
+  AiCodeCompletionRequestTriggeredFromConsole = 201,
+  AiCodeCompletionRequestTriggeredFromSources = 202,
+  AiCodeCompletionRequestTriggeredFromStyles = 203,
+  AiCodeGenerationRequestTriggeredFromConsole = 204,
+  AiCodeGenerationRequestTriggeredFromSources = 205,
+  AiCodeCompletionFreCompletedFromConsole = 206,
+  AiCodeCompletionFreCompletedFromSources = 207,
+  MAX_VALUE = 208,
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 
@@ -519,7 +526,7 @@ export enum PanelCodes {
   'changes.changes' = 23,
   'performance.monitor' = 24,
   'release-note' = 25,
-  'live-heap-profile' = 26,
+
   'sources.quick' = 27,
   'network.blocked-urls' = 28,
   'settings-preferences' = 29,
@@ -669,8 +676,6 @@ export enum KeyboardShortcutAction {
   'inspector-main.focus-debuggee' = 47,
   'inspector-main.hard-reload' = 48,
   'inspector-main.reload' = 49,
-  'live-heap-profile.start-with-reload' = 50,
-  'live-heap-profile.toggle-recording' = 51,
   'main.debug-reload' = 52,
   'main.next-tab' = 53,
   'main.previous-tab' = 54,
@@ -758,7 +763,6 @@ export const enum IssueOpener {
 export enum DevtoolsExperiments {
   /* eslint-disable @typescript-eslint/naming-convention */
   'capture-node-creation-stacks' = 1,
-  'live-heap-profile' = 11,
   'protocol-monitor' = 13,
   'timeline-invalidation-tracking' = 26,
   'instrumentation-breakpoints' = 61,
@@ -1142,7 +1146,8 @@ export const enum LighthouseCategoryUsed {
   SEO = 3,
   PWA = 4,
   PUB_ADS = 5,
-  MAX_VALUE = 6,
+  AGENTIC_BROWSING = 6,
+  MAX_VALUE = 7,
 }
 
 export const enum SwatchType {

package/front_end/core/root/ExperimentNames.ts

@@ -5,7 +5,7 @@
 export enum ExperimentName {
   ALL = '*',
   CAPTURE_NODE_CREATION_STACKS = 'capture-node-creation-stacks',
-  LIVE_HEAP_PROFILE = 'live-heap-profile',
+
   PROTOCOL_MONITOR = 'protocol-monitor',
   TIMELINE_INVALIDATION_TRACKING = 'timeline-invalidation-tracking',
   INSTRUMENTATION_BREAKPOINTS = 'instrumentation-breakpoints',

package/front_end/core/sdk/HeapProfilerModel.ts

@@ -16,7 +16,6 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
   #enabled = false;
   readonly #heapProfilerAgent: ProtocolProxyApi.HeapProfilerApi;
   readonly #runtimeModel: RuntimeModel;
-  #samplingProfilerDepth = 0;
 
   constructor(target: Target) {
     super(target);
@@ -43,9 +42,6 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
   }
 
   async startSampling(samplingRateInBytes?: number): Promise<boolean> {
-    if (this.#samplingProfilerDepth++) {
-      return false;
-    }
     const defaultSamplingIntervalInBytes = 16384;
     const response = await this.#heapProfilerAgent.invoke_startSampling(
         {samplingInterval: samplingRateInBytes || defaultSamplingIntervalInBytes});
@@ -53,15 +49,9 @@ export class HeapProfilerModel extends SDKModel<EventTypes> {
   }
 
   async stopSampling(): Promise<Protocol.HeapProfiler.SamplingHeapProfile|null> {
-    if (!this.#samplingProfilerDepth) {
-      throw new Error('Sampling profiler is not running.');
-    }
-    if (--this.#samplingProfilerDepth) {
-      return await this.getSamplingProfile();
-    }
     const response = await this.#heapProfilerAgent.invoke_stopSampling();
     if (response.getError()) {
-      return null;
+      throw new Error('Sampling profiler is not running.');
     }
     return response.profile;
   }

package/front_end/entrypoints/greendev_floaty/FloatyEntrypoint.ts

@@ -534,7 +534,6 @@ async function init(): Promise<void> {
         Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS, 'Enable instrumentation breakpoints');
     safeRegisterExperiment(
         Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES, 'Use scope information from source maps');
-    safeRegisterExperiment(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE, 'Live heap profile');
     safeRegisterExperiment(Root.ExperimentNames.ExperimentName.PROTOCOL_MONITOR, 'Protocol Monitor');
 
     const hostUnsyncedStorage: Common.Settings.SettingsBackingStore = {

package/front_end/entrypoints/greendev_floaty/greendev_floaty.ts

@@ -250,7 +250,6 @@ async function init(): Promise<void> {
         Root.ExperimentNames.ExperimentName.INSTRUMENTATION_BREAKPOINTS, 'Enable instrumentation breakpoints');
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.USE_SOURCE_MAP_SCOPES, 'Use scope information from source maps');
-    Root.Runtime.experiments.register(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE, 'Live heap profile');
     Root.Runtime.experiments.register(Root.ExperimentNames.ExperimentName.PROTOCOL_MONITOR, 'Protocol Monitor');
 
     const WINDOW_LOCAL_STORAGE: Common.Settings.SettingsBackingStore = {

package/front_end/entrypoints/main/MainImpl.ts

@@ -350,7 +350,6 @@ export class MainImpl {
   #initializeExperiments(): void {
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.CAPTURE_NODE_CREATION_STACKS, 'Capture node creation stacks');
-    Root.Runtime.experiments.register(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE, 'Live heap profile');
 
     const enableProtocolMonitor = (Root.Runtime.hostConfig.devToolsProtocolMonitor?.enabled ?? false) ||
         Boolean(Root.Runtime.Runtime.queryParam('isChromeForTesting'));
@@ -404,13 +403,6 @@ export class MainImpl {
       Root.Runtime.experiments.setServerEnabledExperiments(enabledExperiments.split(';'));
     }
 
-    if (Host.InspectorFrontendHost.isUnderTest()) {
-      const testParam = Root.Runtime.Runtime.queryParam('test');
-      if (testParam?.includes('live-line-level-heap-profile.js')) {
-        Root.Runtime.experiments.enableForTest(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE);
-      }
-    }
-
     for (const experiment of Root.Runtime.experiments.allConfigurableExperiments()) {
       if (experiment.isEnabled()) {
         Host.userMetrics.experimentEnabledAtLaunch(experiment.name);
@@ -667,27 +659,10 @@ export class MainImpl {
   async #lateInitialization(): Promise<void> {
     MainImpl.time('Main._lateInitialization');
     PanelCommon.ExtensionServer.ExtensionServer.instance().initializeExtensions();
-    const promises: Array<Promise<void>> =
-        Common.Runnable.lateInitializationRunnables().map(async lateInitializationLoader => {
-          const runnable = await lateInitializationLoader();
-          return await runnable.run();
-        });
-    if (Root.Runtime.experiments.isEnabled(Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE)) {
-      const PerfUI = await import('../../ui/legacy/components/perf_ui/perf_ui.js');
-      const setting = 'memory-live-heap-profile';
-      if (Common.Settings.Settings.instance().moduleSetting(setting).get()) {
-        promises.push(PerfUI.LiveHeapProfile.LiveHeapProfile.instance().run());
-      } else {
-        const changeListener = async(event: Common.EventTarget.EventTargetEvent<unknown>): Promise<void> => {
-          if (!event.data) {
-            return;
-          }
-          Common.Settings.Settings.instance().moduleSetting(setting).removeChangeListener(changeListener);
-          void PerfUI.LiveHeapProfile.LiveHeapProfile.instance().run();
-        };
-        Common.Settings.Settings.instance().moduleSetting(setting).addChangeListener(changeListener);
-      }
-    }
+    void Promise.all(Common.Runnable.lateInitializationRunnables().map(async lateInitializationLoader => {
+      const runnable = await lateInitializationLoader();
+      return await runnable.run();
+    }));
 
     MainImpl.timeEnd('Main._lateInitialization');
   }

package/front_end/generated/InspectorBackendCommands.ts

@@ -266,7 +266,8 @@ inspectorBackend.registerCommand("CSS.setEffectivePropertyValueForNode", [{"name
 inspectorBackend.registerCommand("CSS.setPropertyRulePropertyName", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "propertyName", "type": "string", "optional": false, "description": "", "typeRef": null}], ["propertyName"], "Modifies the property rule property name.");
 inspectorBackend.registerCommand("CSS.setKeyframeKey", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "keyText", "type": "string", "optional": false, "description": "", "typeRef": null}], ["keyText"], "Modifies the keyframe rule key text.");
 inspectorBackend.registerCommand("CSS.setMediaText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["media"], "Modifies the rule selector.");
-inspectorBackend.registerCommand("CSS.setContainerQueryText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["containerQuery"], "Modifies the expression of a container query.");
+inspectorBackend.registerCommand("CSS.setContainerQueryText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["containerQuery"], "Modifies the expression of a container query. Deprecated. Use setContainerQueryConditionText instead.");
+inspectorBackend.registerCommand("CSS.setContainerQueryConditionText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["containerQuery"], "");
 inspectorBackend.registerCommand("CSS.setSupportsText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["supports"], "Modifies the expression of a supports at-rule.");
 inspectorBackend.registerCommand("CSS.setNavigationText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["navigation"], "Modifies the expression of a navigation at-rule.");
 inspectorBackend.registerCommand("CSS.setScopeText", [{"name": "styleSheetId", "type": "string", "optional": false, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "range", "type": "object", "optional": false, "description": "", "typeRef": "CSS.SourceRange"}, {"name": "text", "type": "string", "optional": false, "description": "", "typeRef": null}], ["scope"], "Modifies the expression of a scope at-rule.");
@@ -298,7 +299,7 @@ inspectorBackend.registerType("CSS.CSSProperty", [{"name": "name", "type": "stri
 inspectorBackend.registerType("CSS.CSSMedia", [{"name": "text", "type": "string", "optional": false, "description": "Media query text.", "typeRef": null}, {"name": "source", "type": "string", "optional": false, "description": "Source of the media query: \\\"mediaRule\\\" if specified by a @media rule, \\\"importRule\\\" if specified by an @import rule, \\\"linkedSheet\\\" if specified by a \\\"media\\\" attribute in a linked stylesheet's LINK tag, \\\"inlineSheet\\\" if specified by a \\\"media\\\" attribute in an inline stylesheet's STYLE tag.", "typeRef": null}, {"name": "sourceURL", "type": "string", "optional": true, "description": "URL of the document containing the media query description.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule (@media or @import) header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}, {"name": "mediaList", "type": "array", "optional": true, "description": "Array of media queries.", "typeRef": "CSS.MediaQuery"}]);
 inspectorBackend.registerType("CSS.MediaQuery", [{"name": "expressions", "type": "array", "optional": false, "description": "Array of media query expressions.", "typeRef": "CSS.MediaQueryExpression"}, {"name": "active", "type": "boolean", "optional": false, "description": "Whether the media query condition is satisfied.", "typeRef": null}]);
 inspectorBackend.registerType("CSS.MediaQueryExpression", [{"name": "value", "type": "number", "optional": false, "description": "Media query expression value.", "typeRef": null}, {"name": "unit", "type": "string", "optional": false, "description": "Media query expression units.", "typeRef": null}, {"name": "feature", "type": "string", "optional": false, "description": "Media query expression feature.", "typeRef": null}, {"name": "valueRange", "type": "object", "optional": true, "description": "The associated range of the value text in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "computedLength", "type": "number", "optional": true, "description": "Computed length of media query expression (if applicable).", "typeRef": null}]);
-inspectorBackend.registerType("CSS.CSSContainerQuery", [{"name": "text", "type": "string", "optional": false, "description": "Container query text.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}, {"name": "name", "type": "string", "optional": true, "description": "Optional name for the container.", "typeRef": null}, {"name": "physicalAxes", "type": "string", "optional": true, "description": "Optional physical axes queried for the container.", "typeRef": "DOM.PhysicalAxes"}, {"name": "logicalAxes", "type": "string", "optional": true, "description": "Optional logical axes queried for the container.", "typeRef": "DOM.LogicalAxes"}, {"name": "queriesScrollState", "type": "boolean", "optional": true, "description": "true if the query contains scroll-state() queries.", "typeRef": null}, {"name": "queriesAnchored", "type": "boolean", "optional": true, "description": "true if the query contains anchored() queries.", "typeRef": null}]);
+inspectorBackend.registerType("CSS.CSSContainerQuery", [{"name": "text", "type": "string", "optional": false, "description": "Container query text. Contains the query part without the container name for a single query. Deprecated in favor of conditionText which contains the full prelude after @container.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}, {"name": "name", "type": "string", "optional": true, "description": "Optional name for the container.", "typeRef": null}, {"name": "physicalAxes", "type": "string", "optional": true, "description": "Optional physical axes queried for the container.", "typeRef": "DOM.PhysicalAxes"}, {"name": "logicalAxes", "type": "string", "optional": true, "description": "Optional logical axes queried for the container.", "typeRef": "DOM.LogicalAxes"}, {"name": "queriesScrollState", "type": "boolean", "optional": true, "description": "true if the query contains scroll-state() queries.", "typeRef": null}, {"name": "queriesAnchored", "type": "boolean", "optional": true, "description": "true if the query contains anchored() queries.", "typeRef": null}, {"name": "conditionText", "type": "string", "optional": false, "description": "CSSContainerRule.conditionText", "typeRef": null}]);
 inspectorBackend.registerType("CSS.CSSSupports", [{"name": "text", "type": "string", "optional": false, "description": "Supports rule text.", "typeRef": null}, {"name": "active", "type": "boolean", "optional": false, "description": "Whether the supports condition is satisfied.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}]);
 inspectorBackend.registerType("CSS.CSSNavigation", [{"name": "text", "type": "string", "optional": false, "description": "Navigation rule text.", "typeRef": null}, {"name": "active", "type": "boolean", "optional": true, "description": "Whether the navigation condition is satisfied.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}]);
 inspectorBackend.registerType("CSS.CSSScope", [{"name": "text", "type": "string", "optional": false, "description": "Scope rule text.", "typeRef": null}, {"name": "range", "type": "object", "optional": true, "description": "The associated rule header range in the enclosing stylesheet (if available).", "typeRef": "CSS.SourceRange"}, {"name": "styleSheetId", "type": "string", "optional": true, "description": "Identifier of the stylesheet containing this object (if exists).", "typeRef": "DOM.StyleSheetId"}]);

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

@@ -1729,11 +1729,16 @@ export namespace ProtocolMapping {
     };
     /**
      * Modifies the expression of a container query.
+     * Deprecated. Use setContainerQueryConditionText instead.
      */
     'CSS.setContainerQueryText': {
       paramsType: [Protocol.CSS.SetContainerQueryTextRequest];
       returnType: Protocol.CSS.SetContainerQueryTextResponse;
     };
+    'CSS.setContainerQueryConditionText': {
+      paramsType: [Protocol.CSS.SetContainerQueryConditionTextRequest];
+      returnType: Protocol.CSS.SetContainerQueryConditionTextResponse;
+    };
     /**
      * Modifies the expression of a supports at-rule.
      */

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

@@ -880,9 +880,13 @@ declare namespace ProtocolProxyApi {
 
     /**
      * Modifies the expression of a container query.
+     * Deprecated. Use setContainerQueryConditionText instead.
+     * @deprecated
      */
     invoke_setContainerQueryText(params: Protocol.CSS.SetContainerQueryTextRequest): Promise<Protocol.CSS.SetContainerQueryTextResponse>;
 
+    invoke_setContainerQueryConditionText(params: Protocol.CSS.SetContainerQueryConditionTextRequest): Promise<Protocol.CSS.SetContainerQueryConditionTextResponse>;
+
     /**
      * Modifies the expression of a supports at-rule.
      */

package/front_end/generated/protocol.ts

@@ -3240,6 +3240,10 @@ export namespace CSS {
   export interface CSSContainerQuery {
     /**
      * Container query text.
+     * Contains the query part without the container name for a single query.
+     * Deprecated in favor of conditionText which contains the full prelude
+     * after @container.
+     * @deprecated
      */
     text: string;
     /**
@@ -3271,6 +3275,10 @@ export namespace CSS {
      * true if the query contains anchored() queries.
      */
     queriesAnchored?: boolean;
+    /**
+     * CSSContainerRule.conditionText
+     */
+    conditionText: string;
   }
 
   /**
@@ -4138,6 +4146,19 @@ export namespace CSS {
     containerQuery: CSSContainerQuery;
   }
 
+  export interface SetContainerQueryConditionTextRequest {
+    styleSheetId: DOM.StyleSheetId;
+    range: SourceRange;
+    text: string;
+  }
+
+  export interface SetContainerQueryConditionTextResponse extends ProtocolResponseWithError {
+    /**
+     * The resulting CSS container query rule after modification.
+     */
+    containerQuery: CSSContainerQuery;
+  }
+
   export interface SetSupportsTextRequest {
     styleSheetId: DOM.StyleSheetId;
     range: SourceRange;

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

@@ -8,6 +8,7 @@ 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 LHModel from '../../lighthouse/lighthouse.js';
+import type * as TextUtils from '../../text_utils/text_utils.js';
 import type * as Trace from '../../trace/trace.js';
 import {debugLog, isStructuredLogEnabled} from '../debug.js';
 
@@ -236,7 +237,7 @@ export interface DomTreeAiWidget {
       size: number,
       resourceType: Protocol.Network.ResourceType,
       mimeType: string,
-      imageUrl?: string,
+      imageContent?: TextUtils.ContentData.ContentData,
     },
   };
 }

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

@@ -985,9 +985,14 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
                 const nodeMap = await domModel.pushNodesByBackendIdsToFrontend(new Set([nodeId]));
                 const node = nodeMap?.get(nodeId);
                 if (node) {
-                  const snapshot = await node.takeSnapshot();
-                  let networkRequest;
                   const lcpSyntheticRequest = insight.lcpRequest;
+                  const [snapshot, imageContent] = await Promise.all([
+                    node.takeSnapshot(),
+                    lcpSyntheticRequest ? this.#getNetworkRequestImageData(lcpSyntheticRequest) :
+                                          Promise.resolve(undefined),
+                  ]);
+
+                  let networkRequest;
                   if (lcpSyntheticRequest) {
                     networkRequest = {
                       url: lcpSyntheticRequest.args.data.url,
@@ -995,7 +1000,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
                           lcpSyntheticRequest.args.data.encodedDataLength ?? 0,
                       resourceType: lcpSyntheticRequest.args.data.resourceType,
                       mimeType: lcpSyntheticRequest.args.data.mimeType ?? '',
-                      imageUrl: await this.#getNetworkRequestImageData(lcpSyntheticRequest),
+                      imageContent,
                     };
                   }
                   widgets.push({
@@ -1567,7 +1572,8 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
     return {result: {success: true}};
   }
 
-  async #getNetworkRequestImageData(lcpRequest: Trace.Types.Events.SyntheticNetworkRequest): Promise<string|undefined> {
+  async #getNetworkRequestImageData(lcpRequest: Trace.Types.Events.SyntheticNetworkRequest):
+      Promise<TextUtils.ContentData.ContentData|undefined> {
     const target = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
     const networkManager = target?.model(SDK.NetworkManager.NetworkManager);
     if (!target || !networkManager) {
@@ -1581,7 +1587,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
     if (sdkRequest?.contentType().isImage()) {
       const contentData = await sdkRequest.requestContentData();
       if (!TextUtils.ContentData.ContentData.isError(contentData)) {
-        return contentData.asDataUrl() ?? undefined;
+        return contentData;
       }
     }
     return undefined;

package/front_end/models/lighthouse/RunTypes.ts

@@ -5,7 +5,7 @@ import type * as Common from '../../core/common/common.js';
 import type * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
 
-export type CategoryId = 'performance'|'accessibility'|'best-practices'|'seo';
+export type CategoryId = 'performance'|'accessibility'|'best-practices'|'seo'|'agentic-browsing';
 export type RunMode = 'navigation'|'timespan'|'snapshot';
 
 export interface Preset {

package/front_end/models/workspace/UISourceCode.ts

@@ -719,7 +719,6 @@ export class UISourceCodeMetadata {
 
 export const enum DecoratorType {
   PERFORMANCE = 'performance',
-  MEMORY = 'memory',
   COVERAGE = 'coverage',
 }
 

package/front_end/panels/ai_assistance/components/ChatMessage.ts

@@ -1330,17 +1330,18 @@ function renderNetworkRequestPreview(networkRequest: NonNullable<DomTreeAiWidget
   const resourceType = Common.ResourceType.resourceTypes[networkRequest.resourceType];
   const {iconName, color} = PanelUtils.iconDataForResourceType(resourceType);
 
+  const imageUrl = networkRequest.imageContent?.asImagePreviewUrl() ?? networkRequest.url;
+
   return html`
     <div class="network-request-preview">
       <div class="network-request-header">
         <div class="network-request-icon">
           ${
-      resourceType.isImage() ? html`<img src=${networkRequest.imageUrl ?? networkRequest.url} alt=${filename} />` :
+      resourceType.isImage() ? html`<img src=${imageUrl} alt=${filename} />` :
                                html`<devtools-icon name=${iconName} style=${Lit.Directives.styleMap({
                                  color: color ?? ''
                                })}></devtools-icon>`}
-        </div>
-        <div class="network-request-details">
+        </div>        <div class="network-request-details">
           <div class="network-request-name" title=${networkRequest.url}>${filename}</div>
           <div class="network-request-size">${size}</div>
         </div>

package/front_end/panels/common/AiCodeCompletionTeaser.ts

@@ -9,6 +9,7 @@ import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
 import * as AIAssistance from '../../models/ai_assistance/ai_assistance.js';
+import * as AiCodeCompletion from '../../models/ai_code_completion/ai_code_completion.js';
 import * as AiCodeGeneration from '../../models/ai_code_generation/ai_code_generation.js';
 import * as Snackbars from '../../ui/components/snackbars/snackbars.js';
 import * as UI from '../../ui/legacy/legacy.js';
@@ -163,6 +164,7 @@ export const DEFAULT_VIEW: View = (input, _output, target) => {
 
 interface AiCodeCompletionTeaserConfig {
   onDetach: () => void;
+  panel?: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 }
 
 export class AiCodeCompletionTeaser extends UI.Widget.Widget {
@@ -172,6 +174,7 @@ export class AiCodeCompletionTeaser extends UI.Widget.Widget {
   #boundOnAidaAvailabilityChange: () => Promise<void>;
   #boundOnAiCodeCompletionSettingChanged: () => void;
   #onDetach: () => void;
+  #panel?: AiCodeCompletion.AiCodeCompletion.ContextFlavor;
 
   // Whether the user completed first run experience dialog or not.
   #aiCodeCompletionFreCompletedSetting =
@@ -186,6 +189,7 @@ export class AiCodeCompletionTeaser extends UI.Widget.Widget {
     super();
     this.markAsExternallyManaged();
     this.#onDetach = config.onDetach;
+    this.#panel = config.panel;
     this.#view = view ?? DEFAULT_VIEW;
     this.#boundOnAidaAvailabilityChange = this.#onAidaAvailabilityChange.bind(this);
     this.#boundOnAiCodeCompletionSettingChanged = this.#onAiCodeCompletionSettingChanged.bind(this);
@@ -283,6 +287,11 @@ export class AiCodeCompletionTeaser extends UI.Widget.Widget {
 
     if (result) {
       this.#aiCodeCompletionFreCompletedSetting.set(true);
+      if (this.#panel === AiCodeCompletion.AiCodeCompletion.ContextFlavor.CONSOLE) {
+        Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionFreCompletedFromConsole);
+      } else if (this.#panel === AiCodeCompletion.AiCodeCompletion.ContextFlavor.SOURCES) {
+        Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionFreCompletedFromSources);
+      }
       this.detach();
     } else {
       this.requestUpdate();

package/front_end/panels/elements/StylesAiCodeCompletionProvider.ts

@@ -166,7 +166,7 @@ export class StylesAiCodeCompletionProvider {
   }|null> {
     this.#aiCodeCompletionConfig?.onRequestTriggered();
     // Registering AiCodeCompletionRequestTriggered metric even if the request is served from cache
-    Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionRequestTriggered);
+    Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiCodeCompletionRequestTriggeredFromStyles);
 
     try {
       const completionResponse = await this.#aiCodeCompletion?.completeCode(

package/front_end/panels/lighthouse/LighthouseController.ts

@@ -84,6 +84,15 @@ const UIStrings = {
    * @description Tooltip text of checkbox to include running the Search Engine Optimization audits in Lighthouse
    */
   isThisPageOptimizedForSearch: 'Is this page optimized for search engine results ranking',
+  /**
+   * @description Text of checkbox to include running the Agentic Browsing audits in Lighthouse
+   */
+  agenticBrowsing: 'Agentic browsing',
+  /**
+   * @description Tooltip text of checkbox to include running the Agentic Browsing audits in Lighthouse
+   */
+  agenticBrowsingDescription:
+      'These checks ensure high-quality, browsable websites for AI agents and validate the correctness of WebMCP integrations. This category is still under development and subject to change.',
   /**
    * @description ARIA label for a radio button input to emulate mobile device behavior when running audits in Lighthouse.
    */
@@ -749,6 +758,15 @@ export function getPresets(): LighthouseModel.RunTypes.Preset[] {
         supportedModes: ['navigation', 'snapshot'],
         userMetric: Host.UserMetrics.LighthouseCategoryUsed.SEO,
       },
+      {
+        setting: Common.Settings.Settings.instance().createSetting(
+            'lighthouse.cat-agentic-browsing', false, Common.Settings.SettingStorageType.SYNCED),
+        configID: 'agentic-browsing',
+        title: i18nLazyString(UIStrings.agenticBrowsing),
+        description: i18nLazyString(UIStrings.agenticBrowsingDescription),
+        supportedModes: ['navigation', 'snapshot'],
+        userMetric: Host.UserMetrics.LighthouseCategoryUsed.AGENTIC_BROWSING,
+      },
     ];
   }
   return presets;

package/front_end/panels/profiler/profiler-meta.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
@@ -16,22 +15,6 @@ const UIStrings = {
    * @description Title for the profiler tab
    */
   memory: 'Memory',
-  /**
-   * @description Title of the 'Live Heap Profile' tool in the bottom drawer
-   */
-  liveHeapProfile: 'Live Heap Profile',
-  /**
-   * @description Title of an action under the Performance category that can be invoked through the Command Menu
-   */
-  startRecordingHeapAllocations: 'Start recording heap allocations',
-  /**
-   * @description Title of an action under the Performance category that can be invoked through the Command Menu
-   */
-  stopRecordingHeapAllocations: 'Stop recording heap allocations',
-  /**
-   * @description Title of an action in the live heap profile tool to start with reload
-   */
-  startRecordingHeapAllocationsAndReload: 'Start recording heap allocations and reload the page',
   /**
    * @description Text in the Shortcuts page to explain a keyboard shortcut (start/stop recording performance)
    */
@@ -40,10 +23,6 @@ const UIStrings = {
    * @description Command for showing the profiler tab
    */
   showMemory: 'Show Memory',
-  /**
-   * @description Command for showing the 'Live Heap Profile' tool in the bottom drawer
-   */
-  showLiveHeapProfile: 'Show Live Heap Profile',
   /**
    * @description Tooltip text that appears when hovering over the largeicon clear button in the Profiles Panel of a profiler tool
    */
@@ -90,56 +69,6 @@ UI.ViewManager.registerViewExtension({
   },
 });
 
-UI.ViewManager.registerViewExtension({
-  location: UI.ViewManager.ViewLocationValues.DRAWER_VIEW,
-  id: 'live-heap-profile',
-  commandPrompt: i18nLazyString(UIStrings.showLiveHeapProfile),
-  title: i18nLazyString(UIStrings.liveHeapProfile),
-  persistence: UI.ViewManager.ViewPersistence.CLOSEABLE,
-  order: 100,
-  async loadView() {
-    const Profiler = await loadProfilerModule();
-    return Profiler.LiveHeapProfileView.LiveHeapProfileView.instance();
-  },
-  experiment: Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE,
-});
-
-UI.ActionRegistration.registerActionExtension({
-  actionId: 'live-heap-profile.toggle-recording',
-  iconClass: UI.ActionRegistration.IconClass.START_RECORDING,
-  toggleable: true,
-  toggledIconClass: UI.ActionRegistration.IconClass.STOP_RECORDING,
-  toggleWithRedColor: true,
-  async loadActionDelegate() {
-    const Profiler = await loadProfilerModule();
-    return new Profiler.LiveHeapProfileView.ActionDelegate();
-  },
-  category: UI.ActionRegistration.ActionCategory.MEMORY,
-  experiment: Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE,
-  options: [
-    {
-      value: true,
-      title: i18nLazyString(UIStrings.startRecordingHeapAllocations),
-    },
-    {
-      value: false,
-      title: i18nLazyString(UIStrings.stopRecordingHeapAllocations),
-    },
-  ],
-});
-
-UI.ActionRegistration.registerActionExtension({
-  actionId: 'live-heap-profile.start-with-reload',
-  iconClass: UI.ActionRegistration.IconClass.REFRESH,
-  async loadActionDelegate() {
-    const Profiler = await loadProfilerModule();
-    return new Profiler.LiveHeapProfileView.ActionDelegate();
-  },
-  category: UI.ActionRegistration.ActionCategory.MEMORY,
-  experiment: Root.ExperimentNames.ExperimentName.LIVE_HEAP_PROFILE,
-  title: i18nLazyString(UIStrings.startRecordingHeapAllocationsAndReload),
-});
-
 UI.ActionRegistration.registerActionExtension({
   actionId: 'profiler.heap-toggle-recording',
   category: UI.ActionRegistration.ActionCategory.MEMORY,

package/front_end/panels/profiler/profiler.ts

@@ -10,7 +10,6 @@ import * as HeapSnapshotGridNodes from './HeapSnapshotGridNodes.js';
 import * as HeapSnapshotView from './HeapSnapshotView.js';
 import * as HeapTimelineOverview from './HeapTimelineOverview.js';
 import * as IsolateSelector from './IsolateSelector.js';
-import * as LiveHeapProfileView from './LiveHeapProfileView.js';
 import * as ProfileDataGrid from './ProfileDataGrid.js';
 import * as ProfileFlameChart from './ProfileFlameChartDataProvider.js';
 import * as ProfileHeader from './ProfileHeader.js';
@@ -30,7 +29,6 @@ export {
   HeapSnapshotView,
   HeapTimelineOverview,
   IsolateSelector,
-  LiveHeapProfileView,
   ProfileDataGrid,
   ProfileFlameChart,
   ProfileHeader,