chrome-devtools-frontend 1.0.1662965 → 1.0.1664496

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt

@@ -480,7 +480,7 @@ Available insights:
     example question: How do I decrease the initial loading time of my page?
     example question: Did anything slow down the request for this document?
   - insight name: ThirdParties
-    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page's content.
+    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.
     relevant trace bounds: {min: 1020034871372µs, max: 1020035171789µs}
     example question: Which third parties are having the largest impact on my page performance?
   - insight name: CharacterSet
@@ -542,7 +542,7 @@ Available insights:
     estimated metric savings: FCP 20 ms
     example question: How can I update my CSS to avoid layout shifts caused by incorrect `font-display` properties?
   - insight name: ThirdParties
-    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page's content.
+    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.
     relevant trace bounds: {min: 157423742399µs, max: 157427273902µs}
     example question: Which third parties are having the largest impact on my page performance?
   - insight name: Cache
@@ -552,7 +552,7 @@ Available insights:
     estimated wasted bytes: 847.4 kB
     example question: What caching strategies can I apply to improve my page performance?
   - insight name: LegacyJavaScript
-    description: Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile [Baseline](https://web.dev/articles/baseline-and-polyfills) features, unless you know you must support older browsers. [Learn why most sites can deploy ES6+ code without transpiling](https://developer.chrome.com/docs/performance/insights/legacy-javascript)
+    description: Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren’t necessary for modern browsers. Consider modifying your JavaScript build process to not transpile [Baseline](https://web.dev/articles/baseline-and-polyfills) features, unless you know you must support older browsers. [Learn why most sites can deploy ES6+ code without transpiling](https://developer.chrome.com/docs/performance/insights/legacy-javascript)
     relevant trace bounds: {min: 157423489126µs, max: 157426132225µs}
     estimated metric savings: FCP 0 ms, LCP 0 ms
     estimated wasted bytes: 126.9 kB
@@ -590,7 +590,7 @@ Available insights:
     example question: Which LCP subpart was most problematic?
     example question: What can I do to reduce the LCP time for this page load?
   - insight name: RenderBlocking
-    description: Requests are blocking the page's initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.
+    description: Requests are blocking the page’s initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.
     relevant trace bounds: {min: 171608170438µs, max: 171608877165µs}
     example question: Show me the most impactful render-blocking requests that I should focus on
     example question: How can I reduce the number of render-blocking requests?
@@ -618,7 +618,7 @@ Available insights:
     example question: Which LCP subpart was most problematic?
     example question: What can I do to reduce the LCP time for this page load?
   - insight name: RenderBlocking
-    description: Requests are blocking the page's initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.
+    description: Requests are blocking the page’s initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.
     relevant trace bounds: {min: 171614330544µs, max: 171615043224µs}
     example question: Show me the most impactful render-blocking requests that I should focus on
     example question: How can I reduce the number of render-blocking requests?
@@ -696,7 +696,7 @@ Available insights:
     estimated metric savings: INP 0 ms
     example question: How do I make sure my page is optimized for mobile viewing?
   - insight name: ThirdParties
-    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page's content.
+    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.
     relevant trace bounds: {min: 59728701403µs, max: 59729465969µs}
     example question: Which third parties are having the largest impact on my page performance?
   - insight name: CharacterSet
@@ -780,7 +780,7 @@ Available insights:
     estimated metric savings: INP 0 ms
     example question: How do I make sure my page is optimized for mobile viewing?
   - insight name: ThirdParties
-    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page's content.
+    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.
     relevant trace bounds: {min: 59728701403µs, max: 59729465969µs}
     example question: Which third parties are having the largest impact on my page performance?
   - insight name: CharacterSet
@@ -816,7 +816,7 @@ Available insights:
     example question: Why is a large INP score problematic?
     example question: What's the biggest contributor to my longest interaction?
   - insight name: ThirdParties
-    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page's content.
+    description: 3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.
     relevant trace bounds: {min: 337944792445µs, max: 337944809570µs}
     example question: Which third parties are having the largest impact on my page performance?
 === end content

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

@@ -39,12 +39,19 @@ export class PerformanceTraceFormatter {
       (url: Platform.DevToolsPath.UrlString, line: number,
        column: number) => Promise<SourceMapScopes.FunctionCodeResolver.FunctionCode|null>;
 
-  constructor(focus: AgentFocus, deviceScope: CrUXManager.DeviceScope|null = null) {
+  readonly #cruxManager: CrUXManager.CrUXManager;
+
+  constructor(
+      focus: AgentFocus,
+      deviceScope: CrUXManager.DeviceScope|null = null,
+      cruxManager: CrUXManager.CrUXManager = CrUXManager.CrUXManager.instance(),
+  ) {
     this.#focus = focus;
     this.#parsedTrace = focus.parsedTrace;
     this.#insightSet = focus.primaryInsightSet;
     this.#eventsSerializer = focus.eventsSerializer;
     this.#deviceScope = deviceScope;
+    this.#cruxManager = cruxManager;
   }
 
   serializeEvent(event: Trace.Types.Events.Event): string {
@@ -65,8 +72,8 @@ export class PerformanceTraceFormatter {
       return [];
     }
     try {
-      const cruxScope: CrUXManager.Scope = this.#deviceScope ? {pageScope: 'url', deviceScope: this.#deviceScope} :
-                                                               CrUXManager.CrUXManager.instance().getSelectedScope();
+      const cruxScope: CrUXManager.Scope =
+          this.#deviceScope ? {pageScope: 'url', deviceScope: this.#deviceScope} : this.#cruxManager.getSelectedScope();
       const parts: string[] = [];
       const fieldMetrics =
           Trace.Insights.Common.getFieldMetricsForInsightSet(insightSet, this.#parsedTrace.metadata, cruxScope);
@@ -229,6 +236,22 @@ export class PerformanceTraceFormatter {
       }
     }
 
+    const extensionTrackData = parsedTrace.data.ExtensionTraceData?.extensionTrackData;
+    if (extensionTrackData && extensionTrackData.length > 0) {
+      parts.push('\n# Custom tracks\n');
+      parts.push('The following is a list of custom tracks or track groups from the extensibility API.');
+      for (const trackData of extensionTrackData) {
+        if (trackData.isTrackGroup) {
+          parts.push(`\n## Group: ${trackData.name}\n`);
+          for (const trackName of Object.keys(trackData.entriesByTrack)) {
+            parts.push(`  - Track: ${trackName}`);
+          }
+        } else {
+          parts.push(`\n## Track: ${trackData.name}\n`);
+        }
+      }
+    }
+
     return parts.join('\n');
   }
 
@@ -507,6 +530,56 @@ export class PerformanceTraceFormatter {
     return results.join('\n\n');
   }
 
+  formatExtensionTrackSummary(bounds: Trace.Types.Timing.TraceWindowMicro): string {
+    const extensionTrackData = this.#parsedTrace.data.ExtensionTraceData?.extensionTrackData;
+    if (!extensionTrackData || extensionTrackData.length === 0) {
+      return 'No custom track activity found';
+    }
+
+    const results: string[] = [];
+
+    for (const trackData of extensionTrackData) {
+      const trackLines: string[] = [];
+      const header = trackData.isTrackGroup ? `# Track Group: ${trackData.name}` : `# Track: ${trackData.name}`;
+      trackLines.push(header);
+
+      let hasEntriesInBounds = false;
+      for (const trackName of Object.keys(trackData.entriesByTrack)) {
+        const entries = trackData.entriesByTrack[trackName];
+        const filteredEntries = entries.filter(entry => Trace.Helpers.Timing.eventIsInBounds(entry, bounds));
+        if (filteredEntries.length === 0) {
+          continue;
+        }
+        hasEntriesInBounds = true;
+        if (trackData.isTrackGroup) {
+          trackLines.push(`## Track: ${trackName}`);
+        }
+        for (const entry of filteredEntries) {
+          const entryKey = this.serializeEvent(entry);
+          const parts = [
+            `Name: ${entry.name}`,
+            `eventKey: ${entryKey}`,
+            `duration: ${micros(entry.dur ?? Trace.Types.Timing.Micro(0))}`,
+          ];
+          if (entry.devtoolsObj.properties) {
+            const props = entry.devtoolsObj.properties.map(prop => `${prop[0]}: ${JSON.stringify(prop[1])}`).join(', ');
+            parts.push(`properties: {${props}}`);
+          }
+          trackLines.push(`- ${parts.join(', ')}`);
+        }
+      }
+      if (hasEntriesInBounds) {
+        results.push(trackLines.join('\n'));
+      }
+    }
+
+    if (results.length === 0) {
+      return 'No custom track activity found in the given bounds';
+    }
+
+    return results.join('\n\n');
+  }
+
   async formatCallTree(tree: AICallTree, headerLevel = 1): Promise<string> {
     let result = `${tree.serialize(headerLevel)}\n\nIMPORTANT: Never show eventKey to the user.\n`;
 

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

@@ -41,6 +41,16 @@ export class ListNetworkRequestsTool implements
   readonly name = ToolName.LIST_NETWORK_REQUESTS;
   readonly description = 'Gives a list of network requests including URL, status code, and duration.';
 
+  readonly #networkLog?: Logs.NetworkLog.NetworkLog;
+
+  constructor(networkLog?: Logs.NetworkLog.NetworkLog) {
+    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: '',
@@ -81,7 +91,7 @@ export class ListNetworkRequestsTool implements
 
     let hasCrossOriginRequest = false;
     const requestsToShow: SDK.NetworkRequest.NetworkRequest[] = [];
-    for (const request of Logs.NetworkLog.NetworkLog.instance().requests()) {
+    for (const request of this.#getNetworkLog().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/badges/AiExplorerBadge.ts

@@ -4,7 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 
-import {Badge, BadgeAction} from './Badge.js';
+import {Badge, BadgeAction, type BadgeContext} from './Badge.js';
 
 const AI_EXPLORER_BADGE_URI = new URL('../../Images/ai-explorer-badge.svg', import.meta.url).toString();
 const AI_CONVERSATION_COUNT_SETTING_NAME = 'gdp.ai-conversation-count';
@@ -16,13 +16,18 @@ export class AiExplorerBadge extends Badge {
   override readonly title = 'AI Explorer';
   override readonly jslogContext = 'ai-explorer';
   override readonly imageUri = AI_EXPLORER_BADGE_URI;
-  #aiConversationCountSetting: Common.Settings.Setting<number> = Common.Settings.Settings.instance().createSetting(
-      AI_CONVERSATION_COUNT_SETTING_NAME, 0, Common.Settings.SettingStorageType.SYNCED);
+  readonly #aiConversationCountSetting: Common.Settings.Setting<number>;
 
   override readonly interestedActions = [
     BadgeAction.STARTED_AI_CONVERSATION,
   ] as const;
 
+  constructor(badgeContext: BadgeContext) {
+    super(badgeContext);
+    this.#aiConversationCountSetting = badgeContext.settings.createSetting(AI_CONVERSATION_COUNT_SETTING_NAME, 0,
+                                                                           Common.Settings.SettingStorageType.SYNCED);
+  }
+
   handleAction(_action: BadgeAction): void {
     const currentCount = this.#aiConversationCountSetting.get();
     if (currentCount >= AI_CONVERSATION_COUNT_LIMIT) {

package/front_end/models/badges/Badge.ts

@@ -26,6 +26,7 @@ export type BadgeActionEvents = Record<BadgeAction, void>;
 export interface BadgeContext {
   onTriggerBadge: (badge: Badge) => void;
   badgeActionEventTarget: Common.ObjectWrapper.ObjectWrapper<BadgeActionEvents>;
+  settings: Common.Settings.Settings;
 }
 
 export interface TriggerOptions {

package/front_end/models/badges/UserBadges.ts

@@ -45,6 +45,7 @@ export class UserBadges extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
 
   readonly #settings: Common.Settings.Settings;
   readonly #gdpClient: Host.GdpClient.GdpClient;
+  readonly #inspectorFrontendHost: Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI;
 
   static readonly BADGE_REGISTRY: BadgeClass[] = [
     StarterBadge,
@@ -57,11 +58,13 @@ export class UserBadges extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
   constructor(
       settings: Common.Settings.Settings,
       gdpClient: Host.GdpClient.GdpClient,
+      inspectorFrontendHost: Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI,
   ) {
     super();
 
     this.#settings = settings;
     this.#gdpClient = gdpClient;
+    this.#inspectorFrontendHost = inspectorFrontendHost;
 
     this.#receiveBadgesSetting = this.#settings.moduleSetting('receive-gdp-badges');
     if (!Host.GdpClient.isBadgesEnabled()) {
@@ -76,10 +79,12 @@ export class UserBadges extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
     this.#starterBadgeDismissed =
         this.#settings.createSetting('starter-badge-dismissed', false, Common.Settings.SettingStorageType.SYNCED);
 
-    this.#allBadges = UserBadges.BADGE_REGISTRY.map(badgeCtor => new badgeCtor({
-                                                      onTriggerBadge: this.#onTriggerBadge.bind(this),
-                                                      badgeActionEventTarget: this.#badgeActionEventTarget,
-                                                    }));
+    const badgeContext: BadgeContext = {
+      onTriggerBadge: this.#onTriggerBadge.bind(this),
+      badgeActionEventTarget: this.#badgeActionEventTarget,
+      settings: this.#settings,
+    };
+    this.#allBadges = UserBadges.BADGE_REGISTRY.map(badgeCtor => new badgeCtor(badgeContext));
   }
 
   static instance({forceNew}: {forceNew: boolean} = {forceNew: false}): UserBadges {
@@ -89,6 +94,7 @@ export class UserBadges extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
           new UserBadges(
               Common.Settings.Settings.instance(),
               Host.GdpClient.GdpClient.instance(),
+              Host.InspectorFrontendHost.InspectorFrontendHostInstance,
               ),
       );
     }
@@ -195,7 +201,7 @@ export class UserBadges extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
 
   async #reconcileBadges(): Promise<void> {
     const syncInfo = await new Promise<Host.InspectorFrontendHostAPI.SyncInformation>(
-        resolve => Host.InspectorFrontendHost.InspectorFrontendHostInstance.getSyncInformation(resolve));
+        resolve => this.#inspectorFrontendHost.getSyncInformation(resolve));
     // If the user is not signed in, do not activate any badges.
     if (!syncInfo.accountEmail) {
       this.#deactivateAllBadges();

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -5,9 +5,9 @@
 import * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 // eslint-disable-next-line @devtools/es-modules-import
 import * as StackTraceImpl from '../stack_trace/stack_trace_impl.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';

package/front_end/models/bindings/ContentProviderBasedProject.ts

@@ -5,7 +5,7 @@
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as TextUtils from '../text_utils/text_utils.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 const UIStrings = {

package/front_end/models/bindings/DebuggerLanguagePlugins.ts

@@ -8,10 +8,10 @@ import * as i18n from '../../core/i18n/i18n.js';
 import type * as Platform from '../../core/platform/platform.js';
 import {assertNotNullOrUndefined} from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as StackTrace from '../stack_trace/stack_trace.js';
 import type * as StackTraceImpl from '../stack_trace/stack_trace_impl.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';
@@ -43,7 +43,7 @@ const UIStrings = {
    * @example {C/C++ DevTools Support (DWARF)} PH1
    * @example {http://web.dev/file.wasm} PH2
    */
-  loadedDebugSymbolsForButDidnt: '[{PH1}] Loaded debug symbols for {PH2}, but didn\'t find any source files',
+  loadedDebugSymbolsForButDidnt: '[{PH1}] Loaded debug symbols for {PH2}, but didn’t find any source files',
   /**
    * @description Status message that is shown in the Console when debugging information is successfully loaded
    * @example {C/C++ DevTools Support (DWARF)} PH1

package/front_end/models/bindings/DebuggerWorkspaceBinding.ts

@@ -6,11 +6,11 @@ import type * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import type * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Protocol from '../../generated/protocol.js';
 import type * as StackTrace from '../stack_trace/stack_trace.js';
 // eslint-disable-next-line @devtools/es-modules-import
 import * as StackTraceImpl from '../stack_trace/stack_trace_impl.js';
-import type * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {CompilerScriptMapping} from './CompilerScriptMapping.js';

package/front_end/models/bindings/DefaultScriptMapping.ts

@@ -5,7 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
-import type * as TextUtils from '../text_utils/text_utils.js';
+import type * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';

package/front_end/models/bindings/FileUtils.ts

@@ -4,7 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
-import * as TextUtils from '../text_utils/text_utils.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 export interface ChunkedReader {

package/front_end/models/bindings/PresentationConsoleMessageHelper.ts

@@ -5,8 +5,8 @@
 import type * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Protocol from '../../generated/protocol.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {CSSWorkspaceBinding} from './CSSWorkspaceBinding.js';
@@ -63,15 +63,12 @@ export class PresentationSourceFrameMessageManager implements
 export class PresentationConsoleMessageManager {
   #sourceFrameMessageManager = new PresentationSourceFrameMessageManager();
 
-  constructor() {
-    SDK.TargetManager.TargetManager.instance().addModelListener(
-        SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded,
-        event => this.consoleMessageAdded(event.data));
-    SDK.ConsoleModel.ConsoleModel.allMessagesUnordered(SDK.TargetManager.TargetManager.instance())
-        .forEach(this.consoleMessageAdded, this);
-    SDK.TargetManager.TargetManager.instance().addModelListener(
-        SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.ConsoleCleared,
-        () => this.#sourceFrameMessageManager.clear());
+  constructor(targetManager: SDK.TargetManager.TargetManager) {
+    targetManager.addModelListener(SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.MessageAdded,
+                                   event => this.consoleMessageAdded(event.data));
+    SDK.ConsoleModel.ConsoleModel.allMessagesUnordered(targetManager).forEach(this.consoleMessageAdded, this);
+    targetManager.addModelListener(SDK.ConsoleModel.ConsoleModel, SDK.ConsoleModel.Events.ConsoleCleared,
+                                   () => this.#sourceFrameMessageManager.clear());
   }
 
   private consoleMessageAdded(consoleMessage: SDK.ConsoleModel.ConsoleMessage): void {

package/front_end/models/bindings/ResourceMapping.ts

@@ -5,8 +5,8 @@
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Formatter from '../formatter/formatter.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';

package/front_end/models/bindings/ResourceScriptMapping.ts

@@ -7,9 +7,9 @@ import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as Formatter from '../formatter/formatter.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';

package/front_end/models/bindings/SASSSourceMapping.ts

@@ -5,8 +5,8 @@
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';

package/front_end/models/bindings/StylesSourceMapping.ts

@@ -5,7 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
-import * as TextUtils from '../text_utils/text_utils.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {ContentProviderBasedProject} from './ContentProviderBasedProject.js';

package/front_end/models/breakpoints/BreakpointManager.ts

@@ -7,11 +7,11 @@ import type * as Platform from '../../core/platform/platform.js';
 import {assertNotNullOrUndefined} from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import type * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Protocol from '../../generated/protocol.js';
 import * as Bindings from '../bindings/bindings.js';
 import * as Formatter from '../formatter/formatter.js';
 import * as SourceMapScopes from '../source_map_scopes/source_map_scopes.js';
-import type * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 const INITIAL_RESTORE_BREAKPOINT_COUNT = 100;

package/front_end/models/crux-manager/CrUXManager.ts

@@ -12,7 +12,7 @@ const UIStrings = {
   /**
    * @description Warning message indicating that the user will see real user data for a URL which is different from the URL they are currently looking at.
    */
-  fieldOverrideWarning: 'Field metrics are configured for a different URL than the current page.',
+  fieldOverrideWarning: 'Field metrics are for a different URL than the current page.',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/crux-manager/CrUXManager.ts', UIStrings);

package/front_end/models/emulation/EmulatedDevices.ts

@@ -581,7 +581,7 @@ export class EmulatedDevicesList extends Common.ObjectWrapper.ObjectWrapper<Even
   #standard: Set<EmulatedDevice>;
   readonly #customSetting: Common.Settings.Setting<any[]>;
   readonly #custom: Set<EmulatedDevice>;
-  constructor(settings: Common.Settings.Settings = Common.Settings.Settings.instance()) {
+  constructor(settings: Common.Settings.Settings) {
     super();
 
     this.#standardSetting = settings.createSetting('standard-emulated-device-list', []);
@@ -598,7 +598,8 @@ export class EmulatedDevicesList extends Common.ObjectWrapper.ObjectWrapper<Even
 
   static instance(): EmulatedDevicesList {
     if (!Root.DevToolsContext.globalInstance().has(EmulatedDevicesList)) {
-      Root.DevToolsContext.globalInstance().set(EmulatedDevicesList, new EmulatedDevicesList());
+      Root.DevToolsContext.globalInstance().set(EmulatedDevicesList,
+                                                new EmulatedDevicesList(Common.Settings.Settings.instance()));
     }
     return Root.DevToolsContext.globalInstance().get(EmulatedDevicesList);
   }

package/front_end/models/har/Importer.ts

@@ -5,8 +5,8 @@
 import * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Protocol from '../../generated/protocol.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 
 import type {HARCookie, HAREntry, HARLog, HARPage, HARTimings} from './HARFormat.js';
 

package/front_end/models/har/Writer.ts

@@ -36,7 +36,7 @@ import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import type * as SDK from '../../core/sdk/sdk.js';
-import * as TextUtils from '../text_utils/text_utils.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 
 import {type BuildOptions, type EntryDTO, Log} from './Log.js';
 

package/front_end/models/issues_manager/IssueAggregator.ts

@@ -16,6 +16,7 @@ import {HeavyAdIssue} from './HeavyAdIssue.js';
 import {Issue, IssueCategory, IssueKind, unionIssueKind} from './Issue.js';
 import type {EventTypes as IssuesManagerEventsTypes, IssueAddedEvent} from './IssuesManager.js';
 import {Events as IssuesManagerEvents} from './IssuesManagerEvents.js';
+import {LazyLoadImageIssue} from './LazyLoadImageIssue.js';
 import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 import {MixedContentIssue} from './MixedContentIssue.js';
 import {PartitioningBlobURLIssue} from './PartitioningBlobURLIssue.js';
@@ -67,6 +68,7 @@ export class AggregatedIssue extends Issue {
   #mixedContentIssues = new Set<MixedContentIssue>();
   #partitioningBlobURLIssues = new Set<PartitioningBlobURLIssue>();
   #permissionElementIssues = new Set<PermissionElementIssue>();
+  #lazyLoadImageIssues = new Set<LazyLoadImageIssue>();
   #selectivePermissionsInterventionIssues = new Set<SelectivePermissionsInterventionIssue>();
   #sharedArrayBufferIssues = new Set<SharedArrayBufferIssue>();
   #quirksModeIssues = new Set<QuirksModeIssue>();
@@ -190,6 +192,10 @@ export class AggregatedIssue extends Issue {
     return this.#permissionElementIssues;
   }
 
+  getLazyLoadImageIssues(): Iterable<LazyLoadImageIssue> {
+    return this.#lazyLoadImageIssues;
+  }
+
   /**
    * Produces a primary key for a cookie. Use this instead of `JSON.stringify` in
    * case new fields are added to `AffectedCookie`.
@@ -279,6 +285,9 @@ export class AggregatedIssue extends Issue {
     if (issue instanceof PermissionElementIssue) {
       this.#permissionElementIssues.add(issue);
     }
+    if (issue instanceof LazyLoadImageIssue) {
+      this.#lazyLoadImageIssues.add(issue);
+    }
     if (issue instanceof SelectivePermissionsInterventionIssue) {
       this.#selectivePermissionsInterventionIssues.add(issue);
     }

package/front_end/models/issues_manager/IssuesManager.ts

@@ -23,6 +23,7 @@ import {GenericIssue} from './GenericIssue.js';
 import {HeavyAdIssue} from './HeavyAdIssue.js';
 import type {Issue, IssueKind} from './Issue.js';
 import {Events} from './IssuesManagerEvents.js';
+import {LazyLoadImageIssue} from './LazyLoadImageIssue.js';
 import {MixedContentIssue} from './MixedContentIssue.js';
 import {PartitioningBlobURLIssue} from './PartitioningBlobURLIssue.js';
 import {PermissionElementIssue} from './PermissionElementIssue.js';
@@ -154,6 +155,10 @@ const issueCodeHandlers =
             Protocol.Audits.InspectorIssueCode.SelectivePermissionsInterventionIssue,
             SelectivePermissionsInterventionIssue.fromInspectorIssue,
           ],
+          [
+            Protocol.Audits.InspectorIssueCode.LazyLoadImageIssue,
+            LazyLoadImageIssue.fromInspectorIssue,
+          ],
         ]);
 
 export function isIssueCodeSupported(code: Protocol.Audits.InspectorIssueCode): boolean {