chrome-devtools-frontend 1.0.1664496 → 1.0.1665921

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

@@ -28,7 +28,7 @@ export const enum ResponseType {
   ERROR = 'error',
   QUERYING = 'querying',
   USER_QUERY = 'user-query',
-  CONTEXT_CHANGE = 'context-change'
+  CONTEXT_CHANGE = 'context-change',
 }
 
 export const enum ErrorType {
@@ -38,6 +38,7 @@ export const enum ErrorType {
   BLOCK = 'block',
   CROSS_ORIGIN = 'cross-origin',
   QUOTA = 'quota',
+  PAYLOAD_TOO_LARGE = 'payload-too-large',
 }
 
 export const enum MultimodalInputType {
@@ -806,6 +807,9 @@ export abstract class AiAgent<T> {
         } else if (err instanceof Host.AidaClient.AidaQuotaError ||
                    (err instanceof Error && err.message.toLowerCase().includes('quota'))) {
           error = ErrorType.QUOTA;
+        } else if (err instanceof Host.AidaClient.AidaPayloadTooLargeError ||
+                   (err instanceof Error && /payload size exceeds the limit/i.test(err.message))) {
+          error = ErrorType.PAYLOAD_TOO_LARGE;
         }
         yield this.#createErrorResponse(error);
 
@@ -1096,7 +1100,11 @@ export abstract class AiAgent<T> {
         request: structuredClone(request),
         aidaResponse,
       });
-      localStorage.setItem('aiAssistanceStructuredLog', JSON.stringify(this.#structuredLog));
+      try {
+        localStorage.setItem('aiAssistanceStructuredLog', JSON.stringify(this.#structuredLog));
+      } catch (err) {
+        console.warn('Failed to write to local storage "aiAssistanceStructuredLog":', err);
+      }
     }
   }
 

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

@@ -402,9 +402,9 @@ export class ContextSelectionAgent extends AiAgent<never> {
         return {
           context: PerformanceTraceContext.fromParsedTrace(result),
           description: 'User recorded a performance trace',
-          widgets: [{name: 'PERFORMANCE_TRACE', data: {parsedTrace: result}}]
+          widgets: [{name: 'PERFORMANCE_TRACE', data: {parsedTrace: result}}],
         };
-      }
+      },
     });
 
     type LHSupportedRunMode = Extract<LHModel.RunTypes.RunMode, 'navigation'|'snapshot'>;
@@ -426,7 +426,7 @@ export class ContextSelectionAgent extends AiAgent<never> {
             description:
                 'The mode to run Lighthouse in. Your ONLY options are "navigation" or "snapshot". You should determine this based on the user\'s question. If the user is asking specifically about accessibility, you can run in "snapshot" mode which avoids reloading the page. If the user asks for a full Lighthouse report, you should run in "navigation" mode which is the default. These are the only options you can pass.',
             nullable: false,
-          }
+          },
         },
       },
       displayInfoFromArgs: args => {
@@ -454,7 +454,7 @@ export class ContextSelectionAgent extends AiAgent<never> {
           description: 'User has selected a Lighthouse report',
           widgets: [{name: 'LIGHTHOUSE_REPORT', data: {report: result}}],
         };
-      }
+      },
     });
 
     this.declareFunction<Record<string, never>>('inspectDom', {

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

@@ -12,7 +12,7 @@ import {debugLog} from '../debug.js';
 import {EvaluateAction, formatError, SideEffectError} from '../EvaluateAction.js';
 import {FREESTYLER_WORLD_NAME} from '../injected.js';
 
-import type {AgentOptions as BaseAgentOptions, FunctionCallHandlerResult, FunctionHandlerOptions,} from './AiAgent.js';
+import type {AgentOptions as BaseAgentOptions, FunctionCallHandlerResult, FunctionHandlerOptions} from './AiAgent.js';
 
 const lockedString = i18n.i18n.lockedString;
 

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

@@ -269,20 +269,20 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
 
   #notExternalExtraPreambleFact: Host.AidaClient.RequestFact = {
     text: extraPreambleWhenNotExternal,
-    metadata: {source: 'devtools', score: ScorePriority.CRITICAL}
+    metadata: {source: 'devtools', score: ScorePriority.CRITICAL},
   };
   #freshTraceExtraPreambleFact: Host.AidaClient.RequestFact = {
     text: freshTracePreamble,
-    metadata: {source: 'devtools', score: ScorePriority.CRITICAL}
+    metadata: {source: 'devtools', score: ScorePriority.CRITICAL},
   };
 
   #networkDataDescriptionFact: Host.AidaClient.RequestFact = {
     text: PerformanceTraceFormatter.networkDataFormatDescription,
-    metadata: {source: 'devtools', score: ScorePriority.CRITICAL}
+    metadata: {source: 'devtools', score: ScorePriority.CRITICAL},
   };
   #callFrameDataDescriptionFact: Host.AidaClient.RequestFact = {
     text: PerformanceTraceFormatter.callFrameDataFormatDescription,
-    metadata: {source: 'devtools', score: ScorePriority.CRITICAL}
+    metadata: {source: 'devtools', score: ScorePriority.CRITICAL},
   };
   #traceFacts: Host.AidaClient.RequestFact[] = [];
 
@@ -790,14 +790,14 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'The name of the insight. Only use the insight names given in the "Available insights" list.',
             nullable: false,
-          }
+          },
         },
-        required: ['insightSetId', 'insightName']
+        required: ['insightSetId', 'insightName'],
       },
       displayInfoFromArgs: params => {
         return {
           title: lockedString(`Investigating insight ${params.insightName}`),
-          action: `getInsightDetails('${params.insightSetId}', '${params.insightName}')`
+          action: `getInsightDetails('${params.insightSetId}', '${params.insightName}')`,
         };
       },
       handler: async params => {
@@ -896,9 +896,9 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'The key for the event.',
             nullable: false,
-          }
+          },
         },
-        required: ['eventKey']
+        required: ['eventKey'],
       },
       displayInfoFromArgs: params => {
         return {title: lockedString('Looking at trace event'), action: `getEventByKey('${params.eventKey}')`};
@@ -957,13 +957,13 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             nullable: false,
           },
         },
-        required: ['label']
+        required: ['label'],
       },
       displayInfoFromArgs: args => {
         const labelName = getLabelName(args.label, focus);
         return {
           title: lockedString(`${UIStringsNotTranslated.mainThreadActivity}: ${labelName}`),
-          action: `getMainThreadTrackSummaryByLabel('${args.label}')`
+          action: `getMainThreadTrackSummaryByLabel('${args.label}')`,
         };
       },
       handler: async args => {
@@ -979,8 +979,8 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
       },
     });
 
-    this.declareFunction<
-        {min?: Trace.Types.Timing.Micro, max?: Trace.Types.Timing.Micro}, {summary: string}>('getNetworkTrackSummary', {
+    this.declareFunction<{min?: Trace.Types.Timing.Micro, max?: Trace.Types.Timing.Micro},
+                         {summary: string}>('getNetworkTrackSummary', {
       description: 'Returns a summary of the network for the given bounds.',
       parameters: {
         type: Host.AidaClient.ParametersTypes.OBJECT,
@@ -1000,14 +1000,14 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             nullable: true,
           },
         },
-        required: []
+        required: [],
       },
       displayInfoFromArgs: args => {
         const min = args.min ?? parsedTrace.data.Meta.traceBounds.min;
         const max = args.max ?? parsedTrace.data.Meta.traceBounds.max;
         return {
           title: lockedString(UIStringsNotTranslated.networkActivitySummary),
-          action: `getNetworkTrackSummary({min: ${min}, max: ${max}})`
+          action: `getNetworkTrackSummary({min: ${min}, max: ${max}})`,
         };
       },
       handler: async args => {
@@ -1059,7 +1059,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             nullable: false,
           },
         },
-        required: ['eventKey']
+        required: ['eventKey'],
       },
       displayInfoFromArgs: args => {
         return {title: lockedString('Looking at call tree'), action: `getDetailedCallTree('${args.eventKey}')`};
@@ -1137,12 +1137,12 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             nullable: false,
           },
         },
-        required: ['scriptUrl', 'line', 'column']
+        required: ['scriptUrl', 'line', 'column'],
       },
       displayInfoFromArgs: args => {
         return {
           title: lockedString('Looking up function code'),
-          action: `getFunctionCode('${args.scriptUrl}', ${args.line}, ${args.column})`
+          action: `getFunctionCode('${args.scriptUrl}', ${args.line}, ${args.column})`,
         };
       },
       handler: async args => {
@@ -1211,7 +1211,7 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             nullable: false,
           },
         },
-        required: ['url']
+        required: ['url'],
       },
       displayInfoFromArgs: args => {
         return {title: lockedString('Looking at resource content'), action: `getResourceContent('${args.url}')`};
@@ -1285,9 +1285,9 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'The key for the event.',
             nullable: false,
-          }
+          },
         },
-        required: ['eventKey']
+        required: ['eventKey'],
       },
       displayInfoFromArgs: params => {
         return {title: lockedString('Selecting event'), action: `selectEventByKey('${params.eventKey}')`};

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

@@ -253,7 +253,7 @@ export class StorageAgent extends AiAgent<StorageItem> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'Optional. Specific storageKey to to list keys for.',
             nullable: true,
-          }
+          },
         },
         required: ['type', 'origin'],
       },
@@ -330,7 +330,7 @@ export class StorageAgent extends AiAgent<StorageItem> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'Optional. Specific storageKey partition to get values for.',
             nullable: true,
-          }
+          },
         },
         required: ['type', 'keys', 'origin'],
       },
@@ -415,7 +415,7 @@ export class StorageAgent extends AiAgent<StorageItem> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'Origin to list cookies for.',
             nullable: false,
-          }
+          },
         },
         required: ['origin'],
       },
@@ -467,7 +467,7 @@ export class StorageAgent extends AiAgent<StorageItem> {
             type: Host.AidaClient.ParametersTypes.STRING,
             description: 'The specific origin the cookies belong to.',
             nullable: false,
-          }
+          },
         },
         required: ['cookieNames', 'origin'],
       },

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

@@ -17,7 +17,7 @@ import {
   type ConversationContext,
   MultimodalInputType,
   type RequestOptions,
-  ResponseType
+  ResponseType,
 } from './AiAgent.js';
 import {
   type CreateExtensionScopeFunction,

package/front_end/models/ai_assistance/ai_assistance.ts

@@ -1,14 +1,11 @@
 // Copyright 2023 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-
-import * as AgentProject from './AgentProject.js';
 import * as AccessibilityAgent from './agents/AccessibilityAgent.js';
 import * as AiAgent from './agents/AiAgent.js';
 import * as ContextSelectionAgent from './agents/ContextSelectionAgent.js';
 import * as FileAgent from './agents/FileAgent.js';
 import * as NetworkAgent from './agents/NetworkAgent.js';
-import * as PatchAgent from './agents/PatchAgent.js';
 import * as PerformanceAgent from './agents/PerformanceAgent.js';
 import * as StorageAgent from './agents/StorageAgent.js';
 import * as StylingAgent from './agents/StylingAgent.js';
@@ -53,7 +50,6 @@ import * as ToolRegistry from './tools/ToolRegistry.js';
 export {
   AccessibilityAgent,
   AccessibilityContext,
-  AgentProject,
   AiAgent,
   AiAgent2,
   AICallTree,
@@ -84,7 +80,6 @@ export {
   ListNetworkRequests,
   NetworkAgent,
   NetworkRequestFormatter,
-  PatchAgent,
   PerformanceAgent,
   PerformanceAnnotations,
   PerformanceInsightFormatter,

package/front_end/models/ai_assistance/data_formatters/FileFormatter.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as Bindings from '../../bindings/bindings.js';
+import * as Logs from '../../logs/logs.js';
 import * as NetworkTimeCalculator from '../../network_time_calculator/network_time_calculator.js';
 import type * as Workspace from '../../workspace/workspace.js';
 
@@ -51,12 +52,18 @@ export class FileFormatter {
 
   #file: Workspace.UISourceCode.UISourceCode;
   #debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding;
-  constructor(file: Workspace.UISourceCode.UISourceCode,
-              debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding =
-                  Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()) {
+  #networkLog: Logs.NetworkLog.NetworkLog;
+  constructor(
+      file: Workspace.UISourceCode.UISourceCode,
+      debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding =
+          Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance(),
+      networkLog: Logs.NetworkLog.NetworkLog = Logs.NetworkLog.NetworkLog.instance(),
+  ) {
     this.#file = file;
     this.#debuggerWorkspaceBinding = debuggerWorkspaceBinding;
+    this.#networkLog = networkLog;
   }
+
   formatFile(): string {
     const sourceMapDetails = FileFormatter.formatSourceMapDetails(this.#file, this.#debuggerWorkspaceBinding);
     const lines = [
@@ -69,7 +76,7 @@ export class FileFormatter {
       const calculator = new NetworkTimeCalculator.NetworkTransferTimeCalculator();
       calculator.updateBoundaries(resource.request);
       lines.push(`Request initiator chain:
-${new NetworkRequestFormatter(resource.request, calculator).formatRequestInitiatorChain()}`);
+${new NetworkRequestFormatter(resource.request, calculator, this.#networkLog).formatRequestInitiatorChain()}`);
     }
     lines.push(`File content:
 ${this.#formatFileContent()}`);

package/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.ts

@@ -131,10 +131,16 @@ export class NetworkRequestFormatter {
     return lines.length > 0 ? `${lines.join('\n')}\n` : '';
   }
 
+  readonly #networkLog: Logs.NetworkLog.NetworkLog;
+
   constructor(
-      request: SDK.NetworkRequest.NetworkRequest, calculator: NetworkTimeCalculator.NetworkTransferTimeCalculator) {
+      request: SDK.NetworkRequest.NetworkRequest,
+      calculator: NetworkTimeCalculator.NetworkTransferTimeCalculator,
+      networkLog: Logs.NetworkLog.NetworkLog = Logs.NetworkLog.NetworkLog.instance(),
+  ) {
     this.#request = request;
     this.#calculator = calculator;
+    this.#networkLog = networkLog;
   }
 
   formatRequestHeaders(): string {
@@ -199,7 +205,7 @@ Request initiator chain:\n${this.formatRequestInitiatorChain()}`;
     const allowedOrigin = Common.ParsedURL.ParsedURL.extractOrigin(this.#request.url());
     let initiatorChain = '';
     let lineStart = '- URL: ';
-    const graph = Logs.NetworkLog.NetworkLog.instance().initiatorGraphForRequest(this.#request);
+    const graph = this.#networkLog.initiatorGraphForRequest(this.#request);
 
     for (const initiator of Array.from(graph.initiators).reverse()) {
       initiatorChain = initiatorChain + lineStart +

package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts

@@ -149,16 +149,16 @@ export class PerformanceInsightFormatter {
       case 'DuplicatedJavaScript':
         return [
           {title: 'How do I deduplicate the identified scripts in my bundle?'},
-          {title: 'Which duplicated JavaScript modules are the most problematic?'}
+          {title: 'Which duplicated JavaScript modules are the most problematic?'},
         ];
       case 'FontDisplay':
         return [
-          {title: 'How can I update my CSS to avoid layout shifts caused by incorrect `font-display` properties?'}
+          {title: 'How can I update my CSS to avoid layout shifts caused by incorrect `font-display` properties?'},
         ];
       case 'ForcedReflow':
         return [
           {title: 'How can I avoid forced reflows and layout thrashing?'},
-          {title: 'What is forced reflow and why is it problematic?'}
+          {title: 'What is forced reflow and why is it problematic?'},
         ];
       case 'ImageDelivery':
         return [
@@ -167,25 +167,28 @@ export class PerformanceInsightFormatter {
         ];
       case 'INPBreakdown':
         return [
-          {title: 'Suggest fixes for my longest interaction'}, {title: 'Why is a large INP score problematic?'},
-          {title: 'What\'s the biggest contributor to my longest interaction?'}
+          {title: 'Suggest fixes for my longest interaction'},
+          {title: 'Why is a large INP score problematic?'},
+          {title: 'What\'s the biggest contributor to my longest interaction?'},
         ];
       case 'LCPDiscovery':
         return [
-          {title: 'Suggest fixes to reduce my LCP'}, {title: 'What can I do to reduce my LCP discovery time?'},
-          {title: 'Why is LCP discovery time important?'}
+          {title: 'Suggest fixes to reduce my LCP'},
+          {title: 'What can I do to reduce my LCP discovery time?'},
+          {title: 'Why is LCP discovery time important?'},
         ];
       case 'LCPBreakdown':
         return [
-          {title: 'Help me optimize my LCP score'}, {title: 'Which LCP subpart was most problematic?'},
-          {title: 'What can I do to reduce the LCP time for this page load?'}
+          {title: 'Help me optimize my LCP score'},
+          {title: 'Which LCP subpart was most problematic?'},
+          {title: 'What can I do to reduce the LCP time for this page load?'},
         ];
       case 'NetworkDependencyTree':
         return [{title: 'How do I optimize my network dependency tree?'}];
       case 'RenderBlocking':
         return [
           {title: 'Show me the most impactful render-blocking requests that I should focus on'},
-          {title: 'How can I reduce the number of render-blocking requests?'}
+          {title: 'How can I reduce the number of render-blocking requests?'},
         ];
       case 'SlowCSSSelector':
         return [{title: 'How can I optimize my CSS to increase the performance of CSS selectors?'}];
@@ -355,7 +358,7 @@ ${shiftsFormatted.join('\n')}`;
 
 ${this.#traceFormatter.formatNetworkRequests([documentRequest], {
       verbose: true,
-      customTitle: 'Document network request'
+      customTitle: 'Document network request',
     })}
 
 The result of the checks for this insight are:

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts

@@ -670,7 +670,7 @@ export class PerformanceTraceFormatter {
       mimeType,
       responseHeaders,
       syntheticData,
-      protocol
+      protocol,
     } = request.args.data;
     const parsedTrace = this.#parsedTrace;
 
@@ -949,7 +949,7 @@ The order of headers corresponds to an internal fixed list. If a header is not p
       startLine: contextStartLine,
       startColumn: contextStartColumn,
       endLine: contextEndLine,
-      endColumn: contextEndColumn
+      endColumn: contextEndColumn,
     } = code.rangeWithContext;
     const name = code.functionBounds.name || '(anonymous)';
     const url = code.functionBounds.uiSourceCode.url();

package/front_end/models/ai_assistance/performance/AICallTree.ts

@@ -33,6 +33,7 @@ export class AICallTree {
       public selectedNode: Trace.Extras.TraceTree.Node|null,
       public rootNode: Trace.Extras.TraceTree.TopDownRootNode,
       public parsedTrace: Trace.TraceModel.ParsedTrace,
+      public workspace: Workspace.Workspace.WorkspaceImpl = Workspace.Workspace.WorkspaceImpl.instance(),
   ) {
   }
 
@@ -336,8 +337,7 @@ export class AICallTree {
     const selfTimeStr = roundToTenths(node.selfTime);
 
     // 6. URL Index
-    const location = SourceMapsResolver.SourceMapsResolver.codeLocationForEntry(
-        parsedTrace, event, Workspace.Workspace.WorkspaceImpl.instance());
+    const location = SourceMapsResolver.SourceMapsResolver.codeLocationForEntry(parsedTrace, event, this.workspace);
     const url = location?.url;
     let urlIndexStr = '';
     if (url) {

package/front_end/models/ai_assistance/tools/ExecuteJavaScript.ts

@@ -4,7 +4,7 @@
 
 import * as Host from '../../../core/host/host.js';
 import * as Root from '../../../core/root/root.js';
-import type {FunctionCallHandlerResult, FunctionHandlerOptions,} from '../agents/AiAgent.js';
+import type {FunctionCallHandlerResult, FunctionHandlerOptions} from '../agents/AiAgent.js';
 import {JavascriptExecutor} from '../agents/ExecuteJavascript.js';
 
 import {

package/front_end/models/ai_assistance/tools/GetNetworkRequestDetails.ts

@@ -38,6 +38,12 @@ export class GetNetworkRequestDetailsTool implements
   readonly description =
       'Retrieves the full headers, timing, status, and body details of a specific network request by ID.';
 
+  readonly #networkLog?: Logs.NetworkLog.NetworkLog;
+
+  constructor(networkLog?: Logs.NetworkLog.NetworkLog) {
+    this.#networkLog = networkLog;
+  }
+
   readonly parameters: Host.AidaClient.FunctionObjectParam<keyof GetNetworkRequestDetailsArgs> = {
     type: Host.AidaClient.ParametersTypes.OBJECT,
     description: 'Arguments for retrieving detailed information about a specific network request.',
@@ -81,7 +87,8 @@ export class GetNetworkRequestDetailsTool implements
       };
     }
 
-    const request = Logs.NetworkLog.NetworkLog.instance().requests().find(req => {
+    const networkLog = this.#networkLog ?? Logs.NetworkLog.NetworkLog.instance();
+    const request = networkLog.requests().find(req => {
       if (req.requestId() !== args.id) {
         return false;
       }
@@ -102,7 +109,7 @@ export class GetNetworkRequestDetailsTool implements
     }
 
     const calculator = new NetworkTimeCalculator.NetworkTransferTimeCalculator();
-    const formatter = new NetworkRequestFormatter(request, calculator);
+    const formatter = new NetworkRequestFormatter(request, calculator, networkLog);
     const formattedDetails = await formatter.formatNetworkRequest();
 
     return {

package/front_end/models/ai_assistance/tools/GetStyles.ts

@@ -58,11 +58,11 @@ export class GetStylesTool implements
         nullable: false,
         items: {
           type: Host.AidaClient.ParametersTypes.STRING,
-          description: 'A CSS style property name to retrieve. For example, \'background-color\'.'
-        }
+          description: 'A CSS style property name to retrieve. For example, \'background-color\'.',
+        },
       },
     },
-    required: ['explanation', 'elements', 'styleProperties']
+    required: ['explanation', 'elements', 'styleProperties'],
   };
 
   displayInfoFromArgs(params: GetStylesArgs): {
@@ -123,7 +123,7 @@ export class GetStylesTool implements
           backendNodeId: node.backendNodeId(),
           matchedCascade: matchedStyles,
           properties: params.styleProperties,
-        }
+        },
       });
       for (const prop of params.styleProperties) {
         result[uid].computed[prop] = styles.get(prop);

package/front_end/models/ai_assistance/tools/ListNetworkRequests.ts

@@ -47,10 +47,6 @@ export class ListNetworkRequestsTool implements
     this.#networkLog = networkLog;
   }
 
-  #getNetworkLog(): Logs.NetworkLog.NetworkLog {
-    return this.#networkLog ?? Logs.NetworkLog.NetworkLog.instance();
-  }
-
   readonly parameters: Host.AidaClient.FunctionObjectParam<never> = {
     type: Host.AidaClient.ParametersTypes.OBJECT,
     description: '',
@@ -89,9 +85,10 @@ export class ListNetworkRequestsTool implements
       };
     }
 
+    const networkLog = this.#networkLog ?? Logs.NetworkLog.NetworkLog.instance();
     let hasCrossOriginRequest = false;
     const requestsToShow: SDK.NetworkRequest.NetworkRequest[] = [];
-    for (const request of this.#getNetworkLog().requests()) {
+    for (const request of networkLog.requests()) {
       // To prevent cross-origin prompt injection attacks, HAR-imported requests
       // are assigned a virtual origin (e.g., `imported-har://${domain}`) rather than
       // sharing the origin of live pages.

package/front_end/models/ai_code_completion/AiCodeCompletion.ts

@@ -284,7 +284,7 @@ export class AiCodeCompletion {
               seconds,
               nanos,
             },
-          }
+          },
         },
       },
     });
@@ -300,7 +300,7 @@ export class AiCodeCompletion {
         user_acceptance: {
           sample: {
             sample_id: sampleId,
-          }
+          },
         },
       },
     });

package/front_end/models/ai_code_generation/AiCodeGeneration.ts

@@ -134,7 +134,7 @@ export class AiCodeGeneration {
               seconds,
               nanos,
             },
-          }
+          },
         },
       },
     });
@@ -150,7 +150,7 @@ export class AiCodeGeneration {
         user_acceptance: {
           sample: {
             sample_id: sampleId,
-          }
+          },
         },
       },
     });

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

@@ -0,0 +1,27 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from '../../core/common/common.js';
+import * as i18n from '../../core/i18n/i18n.js';
+
+const UIStrings = {
+  /**
+   * @description Label for a checkbox in the settings UI. Allows developers to opt-in/opt-out
+   * of receiving Google Developer Program (GDP) badges based on their activity in Chrome DevTools.
+   */
+  earnBadges: 'Earn badges',
+} as const;
+
+const str_ = i18n.i18n.registerUIStrings('models/badges/badges-meta.ts', UIStrings);
+const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
+
+Common.Settings.registerSettingExtension({
+  category: Common.Settings.SettingCategory.ACCOUNT,
+  settingName: 'receive-gdp-badges',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  storageType: Common.Settings.SettingStorageType.SYNCED,
+  title: i18nLazyString(UIStrings.earnBadges),
+  defaultValue: false,
+  reloadRequired: true,
+});

package/front_end/models/bindings/CSSWorkspaceBinding.ts

@@ -13,18 +13,19 @@ import {
   type LiveLocationPool,
   LiveLocationWithPool,
 } from './LiveLocation.js';
-import type {ResourceMapping} from './ResourceMapping.js';
+import type {CSSLocationUpdater, ResourceMapping} from './ResourceMapping.js';
 import {SASSSourceMapping} from './SASSSourceMapping.js';
 import {StylesSourceMapping} from './StylesSourceMapping.js';
 
-export class CSSWorkspaceBinding implements SDK.TargetManager.SDKModelObserver<SDK.CSSModel.CSSModel> {
+export class CSSWorkspaceBinding implements SDK.TargetManager.SDKModelObserver<SDK.CSSModel.CSSModel>,
+                                            CSSLocationUpdater {
   readonly #resourceMapping: ResourceMapping;
   readonly #modelToInfo: Map<SDK.CSSModel.CSSModel, ModelInfo>;
   readonly #liveLocationPromises: Set<Promise<unknown>>;
 
   constructor(resourceMapping: ResourceMapping, targetManager: SDK.TargetManager.TargetManager) {
     this.#resourceMapping = resourceMapping;
-    this.#resourceMapping.cssWorkspaceBinding = this;
+    this.#resourceMapping.cssLocationUpdater = this;
     this.#modelToInfo = new Map();
     targetManager.observeModels(SDK.CSSModel.CSSModel, this);
 

package/front_end/models/bindings/ContentProviderBasedProject.ts

@@ -10,7 +10,7 @@ import * as Workspace from '../workspace/workspace.js';
 
 const UIStrings = {
   /**
-   * @description Error message that is displayed in the Sources panel when can't be loaded.
+   * @description Error message displayed in the Sources panel when a file can't be loaded.
    */
   unknownErrorLoadingFile: 'Unknown error loading file',
 } as const;