chrome-devtools-frontend 1.0.1657110 → 1.0.1657855

package/front_end/entrypoints/formatter_worker/CSSFormatter.ts

@@ -2,8 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Platform from '../../core/platform/platform.js';
-
 import type {FormattedContentBuilder} from './FormattedContentBuilder.js';
 import {createTokenizer} from './FormatterWorker.js';
 
@@ -19,6 +17,7 @@ export class CSSFormatter {
   #fromOffset!: number;
   #lineEndings!: number[];
   #lastLine = -1;
+  #currentLineIndex = 0;
   #state: {
     eatWhitespace?: boolean,
     seenProperty?: boolean,
@@ -35,6 +34,7 @@ export class CSSFormatter {
     this.#toOffset = toOffset;
     this.#state = {};
     this.#lastLine = -1;
+    this.#currentLineIndex = 0;
     const tokenize = createTokenizer('text/css');
     const oldEnforce = this.#builder.setEnforceSpaceBetweenWords(false);
     tokenize(text.substring(this.#fromOffset, this.#toOffset), this.#tokenCallback.bind(this));
@@ -42,9 +42,18 @@ export class CSSFormatter {
   }
 
   #tokenCallback(token: string, type: string|null, startPosition: number): void {
+    // startPosition is relative to the start of the CSS block.
+    // Convert it to an absolute document offset to match this.#lineEndings.
     startPosition += this.#fromOffset;
-    const startLine = Platform.ArrayUtilities.lowerBound(
-        this.#lineEndings, startPosition, Platform.ArrayUtilities.DEFAULT_COMPARATOR);
+
+    // Find the line index containing startPosition.
+    // Since CodeMirror processes tokens sequentially in increasing order of their offset,
+    // we can perform an amortized O(1) linear scan forward by tracking the current index.
+    while (this.#currentLineIndex < this.#lineEndings.length &&
+           this.#lineEndings[this.#currentLineIndex] < startPosition) {
+      this.#currentLineIndex++;
+    }
+    const startLine = this.#currentLineIndex;
     if (startLine !== this.#lastLine) {
       this.#state.eatWhitespace = true;
     }

package/front_end/entrypoints/formatter_worker/FormatterWorker.ts

@@ -25,9 +25,23 @@ export interface Chunk {
 
 export type ChunkCallback = (arg0: Chunk) => void;
 
-export function createTokenizer(mimeType: string): (
-    arg0: string, arg1: (arg0: string, arg1: string|null, arg2: number, arg3: number) => (Object | undefined | void)) =>
-    void {
+export type TokenizerCallback = (value: string, style: string|null, start: number, end: number) =>
+    Object|undefined|void;
+
+/**
+ * A tokenizer function returned by {@link createTokenizer}.
+ *
+ * @param line The string content to tokenize.
+ * @param callback A callback function invoked for each token parsed.
+ * @param startOffset An optional offset pointing to where tokenization should start within
+ * the line, avoiding the need to allocate substrings when tokenizing a block inside a larger file.
+ */
+export type Tokenizer = (line: string, callback: TokenizerCallback, startOffset?: number) => void;
+
+/**
+ * Creates a tokenizer for the specified MIME type.
+ */
+export function createTokenizer(mimeType: string): Tokenizer {
   const mode = CodeMirror.getMode({indentUnit: 2}, mimeType);
   const state = CodeMirror.startState(mode);
 
@@ -40,8 +54,13 @@ export function createTokenizer(mimeType: string): (
   }
 
   return (line: string,
-          callback: (arg0: string, arg1: string|null, arg2: number, arg3: number) => void|Object|undefined) => {
+          callback: (arg0: string, arg1: string|null, arg2: number, arg3: number) => void|Object|undefined,
+          startOffset = 0) => {
     const stream = new CodeMirror.StringStream(line);
+    if (startOffset) {
+      stream.pos = startOffset;
+      stream.start = startOffset;
+    }
     while (!stream.eol()) {
       const style = mode.token(stream, state);
       const value = stream.current();

package/front_end/entrypoints/formatter_worker/HTMLFormatter.ts

@@ -252,7 +252,7 @@ export class HTMLModel {
 
   #build(text: string): void {
     const tokenizer = createTokenizer('text/html');
-    let baseOffset = 0, lastOffset = 0;
+    let lastOffset = 0;
     let pendingToken: Token|null = null;
 
     const pushToken = (token: Token): Object|undefined => {
@@ -274,8 +274,6 @@ export class HTMLModel {
         tokenStart: number,
         tokenEnd: number,
         ): Object|undefined => {
-      tokenStart += baseOffset;
-      tokenEnd += baseOffset;
       lastOffset = tokenEnd;
 
       const tokenType = type ? new Set<string>(type.split(' ')) : new Set<string>();
@@ -321,8 +319,7 @@ export class HTMLModel {
     };
 
     while (true) {
-      baseOffset = lastOffset;
-      tokenizer(text.substring(lastOffset), processToken);
+      tokenizer(text, processToken, lastOffset);
       if (pendingToken) {
         pushToken(pendingToken);
         pendingToken = null;
@@ -341,7 +338,11 @@ export class HTMLModel {
           lastOffset = text.length;
           break;
         }
-        if (text.substring(lastOffset + 2).toLowerCase().startsWith(element.name)) {
+        // Check if the tag at lastOffset matches the current element name (e.g. </script>).
+        // Slice only the length of the tag name to avoid allocating a large substring
+        // of the remainder of the document.
+        const sliced = text.slice(lastOffset + 2, lastOffset + 2 + element.name.length);
+        if (sliced.toLowerCase() === element.name) {
           break;
         }
         lastOffset += 2;

package/front_end/entrypoints/main/MainImpl.ts

@@ -47,7 +47,6 @@ import * as Badges from '../../models/badges/badges.js';
 import * as Bindings from '../../models/bindings/bindings.js';
 import * as CrUXManager from '../../models/crux-manager/crux-manager.js';
 import * as IssuesManager from '../../models/issues_manager/issues_manager.js';
-import * as LiveMetrics from '../../models/live-metrics/live-metrics.js';
 import * as Persistence from '../../models/persistence/persistence.js';
 import * as Workspace from '../../models/workspace/workspace.js';
 import * as PanelCommon from '../../panels/common/common.js';
@@ -158,9 +157,11 @@ export class MainImpl {
   #readyForTestPromise = Promise.withResolvers<void>();
   #veStartPromise!: Promise<void>;
   #universe!: Foundation.Universe.Universe;
+  #supportsEmulation = false;
 
-  constructor() {
+  constructor(opts?: {supportsEmulation: boolean}) {
     MainImpl.instanceForTest = this;
+    this.#supportsEmulation = opts?.supportsEmulation ?? false;
     void this.#loaded();
   }
 
@@ -209,6 +210,7 @@ export class MainImpl {
       },
       hostConfig: Root.Runtime.hostConfig,
       inspectorFrontendHost: Host.InspectorFrontendHost.InspectorFrontendHostInstance,
+      supportsEmulation: this.#supportsEmulation,
     };
     this.#universe = new Foundation.Universe.Universe(creationOptions);
     Root.DevToolsContext.setGlobalInstance(this.#universe.context as Root.DevToolsContext.WritableDevToolsContext);
@@ -469,15 +471,12 @@ export class MainImpl {
     isolatedFileSystemManager.addPlatformFileSystem(
         'snippet://' as Platform.DevToolsPath.UrlString, new Snippets.ScriptSnippetFileSystem.SnippetFileSystem());
 
-    const persistenceImpl = Persistence.Persistence.PersistenceImpl.instance();
-    const linkDecorator = new PanelCommon.PersistenceUtils.LinkDecorator(persistenceImpl);
+    const linkDecorator = new PanelCommon.PersistenceUtils.LinkDecorator(this.#universe.persistence);
     Components.Linkifier.Linkifier.setLinkDecorator(linkDecorator);
-    Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance(
-        {forceNew: true, workspace: Workspace.Workspace.WorkspaceImpl.instance()});
 
     new ExecutionContextSelector(targetManager, UI.Context.Context.instance());
 
-    void LiveMetrics.LiveMetrics.instance().enable();
+    void this.#universe.liveMetrics.enable();
     CrUXManager.CrUXManager.instance();
 
     const builtInAi = AiAssistanceModel.BuiltInAi.BuiltInAi.instance();
@@ -761,8 +760,6 @@ export class SearchActionDelegate implements UI.ActionRegistration.ActionDelegat
     return false;
   }
 }
-let mainMenuItemInstance: MainMenuItem;
-
 export class MainMenuItem implements UI.Toolbar.Provider {
   readonly #item: UI.Toolbar.ToolbarMenuButton;
   constructor() {
@@ -773,17 +770,6 @@ export class MainMenuItem implements UI.Toolbar.Provider {
     this.#item.setTitle(i18nString(UIStrings.customizeAndControlDevtools));
   }
 
-  static instance(opts: {
-    forceNew: boolean|null,
-  } = {forceNew: null}): MainMenuItem {
-    const {forceNew} = opts;
-    if (!mainMenuItemInstance || forceNew) {
-      mainMenuItemInstance = new MainMenuItem();
-    }
-
-    return mainMenuItemInstance;
-  }
-
   item(): UI.Toolbar.ToolbarItem|null {
     return this.#item;
   }
@@ -945,25 +931,12 @@ export class MainMenuItem implements UI.Toolbar.Provider {
   }
 }
 
-let settingsButtonProviderInstance: SettingsButtonProvider;
-
 export class SettingsButtonProvider implements UI.Toolbar.Provider {
   readonly #settingsButton: UI.Toolbar.ToolbarButton;
-  private constructor() {
+  constructor() {
     this.#settingsButton = UI.Toolbar.Toolbar.createActionButton('settings.show');
   }
 
-  static instance(opts: {
-    forceNew: boolean|null,
-  } = {forceNew: null}): SettingsButtonProvider {
-    const {forceNew} = opts;
-    if (!settingsButtonProviderInstance || forceNew) {
-      settingsButtonProviderInstance = new SettingsButtonProvider();
-    }
-
-    return settingsButtonProviderInstance;
-  }
-
   item(): UI.Toolbar.ToolbarItem|null {
     return this.#settingsButton;
   }

package/front_end/entrypoints/main/main-meta.ts

@@ -911,29 +911,29 @@ UI.Toolbar.registerToolbarItem({
     const isPolicyRestricted = config?.aidaAvailability?.blockedByEnterprisePolicy === true;
     return Boolean(isFlagEnabled && !isGeoRestricted && !isPolicyRestricted);
   },
-  async loadItem() {
+  loadItem: Common.Lazy.lazy(async () => {
     const Main = await loadMainModule();
     return new Main.GlobalAiButton.GlobalAiButtonToolbarProvider();
-  },
+  }) as () => Promise<UI.Toolbar.Provider>,
   order: 98,
   location: UI.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,
 });
 
 UI.Toolbar.registerToolbarItem({
-  async loadItem() {
+  loadItem: Common.Lazy.lazy(async () => {
     const Main = await loadMainModule();
-    return Main.MainImpl.SettingsButtonProvider.instance();
-  },
+    return new Main.MainImpl.SettingsButtonProvider();
+  }) as () => Promise<UI.Toolbar.Provider>,
   order: 99,
   location: UI.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,
 });
 
 UI.Toolbar.registerToolbarItem({
   condition: () => !Root.Runtime.Runtime.isTraceApp(),
-  async loadItem() {
+  loadItem: Common.Lazy.lazy(async () => {
     const Main = await loadMainModule();
-    return Main.MainImpl.MainMenuItem.instance();
-  },
+    return new Main.MainImpl.MainMenuItem();
+  }) as () => Promise<UI.Toolbar.Provider>,
   order: 100,
   location: UI.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,
 });

package/front_end/entrypoints/node_app/app/NodeConnectionsPanel.ts

@@ -15,25 +15,25 @@ import nodeConnectionsPanelStyles from './nodeConnectionsPanel.css.js';
 
 const UIStrings = {
   /**
-   * @description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text in Node connections panel of the Sources panel when debugging a Node.js app.
    */
   nodejsDebuggingGuide: 'Node.js debugging guide',
   /**
-   * @description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text in Node connections panel of the Sources panel when debugging a Node.js app.
    * @example {Node.js debugging guide} PH1
    */
   specifyNetworkEndpointAnd:
       'Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more.',
   /**
-   * @description Placeholder text content in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Placeholder text content in Node connections panel of the Sources panel when debugging a Node.js app.
    */
   noConnectionsSpecified: 'No connections specified',
   /**
-   * @description Text of add network target button in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text of add network target button in Node connections panel of the Sources panel when debugging a Node.js app.
    */
   addConnection: 'Add connection',
   /**
-   * @description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text in Node connections panel of the Sources panel when debugging a Node.js app.
    */
   networkAddressEgLocalhost: 'Network address (e.g. localhost:9229)',
 } as const;

package/front_end/entrypoints/node_app/app/NodeMain.ts

@@ -14,16 +14,16 @@ import * as Components from '../../../ui/legacy/components/utils/utils.js';
 
 const UIStrings = {
   /**
-   * @description Text that refers to the main target
+   * @description Text that refers to the main target.
    */
   main: 'Main',
   /**
-   * @description Text in Node Main of the Sources panel when debugging a Node.js app
+   * @description Text in Node main of the Sources panel when debugging a Node.js app.
    * @example {example.com} PH1
    */
   nodejsS: 'Node.js: {PH1}',
   /**
-   * @description Text in DevTools window title when debugging a Node.js app
+   * @description Text in DevTools window title when debugging a Node.js app.
    * @example {example.com} PH1
    */
   NodejsTitleS: 'DevTools - Node.js: {PH1}',

package/front_end/entrypoints/node_app/node_app.ts

@@ -21,31 +21,31 @@ const {NodeMainImpl} = App.NodeMain;
 
 const UIStrings = {
   /**
-   * @description Text that refers to the network connection
+   * @description Text that refers to the network connection.
    */
   connection: 'Connection',
   /**
-   * @description A tag of Node.js Connection Panel that can be searched in the command menu
+   * @description A tag of Node.js connection panel that can be searched in the command menu.
    */
   node: 'node',
   /**
-   * @description Command for showing the Connection tool
+   * @description Command for showing the Connection tool.
    */
   showConnection: 'Show Connection',
   /**
-   * @description Title of the 'Node' tool in the Network Navigator View, which is part of the Sources tool
+   * @description Title of the 'Node' tool in the Network navigator view, which is part of the Sources tool.
    */
   networkTitle: 'Node',
   /**
-   * @description Command for showing the 'Node' tool in the Network Navigator View, which is part of the Sources tool
+   * @description Command for showing the 'Node' tool in the Network navigator view, which is part of the Sources tool.
    */
   showNode: 'Show Node',
   /**
-   * @description Text in Application Panel Sidebar of the Application panel
+   * @description Text in Application panel sidebar of the Application panel.
    */
   application: 'Application',
   /**
-   * @description Command for showing the 'Application' tool
+   * @description Command for showing the Application tool.
    */
   showApplication: 'Show Application',
 } as const;

package/front_end/foundation/Universe.ts

@@ -12,16 +12,19 @@ import * as Breakpoints from '../models/breakpoints/breakpoints.js';
 import * as CrUXManager from '../models/crux-manager/crux-manager.js';
 import * as Emulation from '../models/emulation/emulation.js';
 import * as JavaScriptMetadata from '../models/javascript_metadata/javascript_metadata.js';
+import * as LiveMetrics from '../models/live-metrics/live-metrics.js';
 import * as Logs from '../models/logs/logs.js';
 import * as Persistence from '../models/persistence/persistence.js';
 import * as ProjectSettings from '../models/project_settings/project_settings.js';
 import * as Workspace from '../models/workspace/workspace.js';
+import * as WorkspaceDiff from '../models/workspace_diff/workspace_diff.js';
 
 export interface CreationOptions {
   settingsCreationOptions: Omit<Common.Settings.SettingsCreationOptions, 'console'>;
   overrideAutoStartModels?: Set<SDK.SDKModel.SDKModelConstructor>;
   hostConfig: Root.Runtime.HostConfig;
   inspectorFrontendHost: Host.InspectorFrontendHostAPI.InspectorFrontendHostAPI;
+  supportsEmulation: boolean;
 }
 
 export class Universe {
@@ -30,6 +33,7 @@ export class Universe {
   //                            directly on the `Universe`.
   readonly context: Root.DevToolsContext.DevToolsContext;
   readonly autofillManager: AutofillManager.AutofillManager.AutofillManager;
+  readonly supportsEmulation: boolean;
 
   constructor(options: CreationOptions) {
     const context = new Root.DevToolsContext.WritableDevToolsContext();
@@ -61,9 +65,13 @@ export class Universe {
     const multitargetNetworkManager = new SDK.NetworkManager.MultitargetNetworkManager(targetManager);
     context.set(SDK.NetworkManager.MultitargetNetworkManager, multitargetNetworkManager);
 
-    const deviceModeModel =
-        new Emulation.DeviceModeModel.DeviceModeModel(targetManager, settings, multitargetNetworkManager);
-    context.set(Emulation.DeviceModeModel.DeviceModeModel, deviceModeModel);
+    this.supportsEmulation = options.supportsEmulation;
+    let deviceModeModel = null;
+    if (options.supportsEmulation) {
+      deviceModeModel =
+          new Emulation.DeviceModeModel.DeviceModeModel(targetManager, settings, multitargetNetworkManager);
+      context.set(Emulation.DeviceModeModel.DeviceModeModel, deviceModeModel);
+    }
 
     const pageResourceLoader =
         new SDK.PageResourceLoader.PageResourceLoader(targetManager, settings, multitargetNetworkManager, null);
@@ -140,6 +148,13 @@ export class Universe {
     );
     context.set(Persistence.NetworkPersistenceManager.NetworkPersistenceManager, networkPersistenceManager);
 
+    const workspaceDiff = new WorkspaceDiff.WorkspaceDiff.WorkspaceDiffImpl(
+        workspace,
+        persistence,
+        networkPersistenceManager,
+    );
+    context.set(WorkspaceDiff.WorkspaceDiff.WorkspaceDiffImpl, workspaceDiff);
+
     const networkLog = new Logs.NetworkLog.NetworkLog(targetManager, settings);
     context.set(Logs.NetworkLog.NetworkLog, networkLog);
 
@@ -149,6 +164,9 @@ export class Universe {
     const javaScriptMetadata = new JavaScriptMetadata.JavaScriptMetadata.JavaScriptMetadataImpl();
     context.set(JavaScriptMetadata.JavaScriptMetadata.JavaScriptMetadataImpl, javaScriptMetadata);
 
+    const liveMetrics = new LiveMetrics.LiveMetrics(targetManager, deviceModeModel);
+    context.set(LiveMetrics.LiveMetrics, liveMetrics);
+
     this.autofillManager = new AutofillManager.AutofillManager.AutofillManager(targetManager, frameManager);
   }
 
@@ -172,8 +190,9 @@ export class Universe {
     return this.context.get(CrUXManager.CrUXManager);
   }
 
-  get deviceModeModel(): Emulation.DeviceModeModel.DeviceModeModel {
-    return this.context.get(Emulation.DeviceModeModel.DeviceModeModel);
+  // The DeviceModeModel may not be present, as emulation is only present for the `devtools_app` entrypoint, but not for the others.
+  get deviceModeModel(): Emulation.DeviceModeModel.DeviceModeModel|null {
+    return this.supportsEmulation ? this.context.get(Emulation.DeviceModeModel.DeviceModeModel) : null;
   }
 
   get domDebuggerManager(): SDK.DOMDebuggerModel.DOMDebuggerManager {
@@ -200,6 +219,10 @@ export class Universe {
     return this.context.get(Persistence.NetworkPersistenceManager.NetworkPersistenceManager);
   }
 
+  get liveMetrics(): LiveMetrics.LiveMetrics {
+    return this.context.get(LiveMetrics.LiveMetrics);
+  }
+
   get pageResourceLoader(): SDK.PageResourceLoader.PageResourceLoader {
     return this.context.get(SDK.PageResourceLoader.PageResourceLoader);
   }
@@ -223,4 +246,8 @@ export class Universe {
   get workspace(): Workspace.Workspace.WorkspaceImpl {
     return this.context.get(Workspace.Workspace.WorkspaceImpl);
   }
+
+  get workspaceDiff(): WorkspaceDiff.WorkspaceDiff.WorkspaceDiffImpl {
+    return this.context.get(WorkspaceDiff.WorkspaceDiff.WorkspaceDiffImpl);
+  }
 }

package/front_end/generated/InspectorBackendCommands.ts

@@ -511,7 +511,7 @@ inspectorBackend.registerCommand("DeviceOrientation.setDeviceOrientationOverride
 
 // DigitalCredentials.
 inspectorBackend.registerEnum("DigitalCredentials.VirtualWalletAction", {Respond: "respond", Decline: "decline", Wait: "wait", Clear: "clear"});
-inspectorBackend.registerCommand("DigitalCredentials.setVirtualWalletBehavior", [{"name": "action", "type": "string", "optional": false, "description": "The action of the virtual wallet.", "typeRef": "DigitalCredentials.VirtualWalletAction"}, {"name": "protocol", "type": "string", "optional": true, "description": "The protocol identifier (e.g. \\\"openid4vp\\\"). Required when |action| is \\\"respond\\\", forbidden otherwise.", "typeRef": null}, {"name": "response", "type": "object", "optional": true, "description": "The response data object returned by the wallet. Required when |action| is \\\"respond\\\", forbidden otherwise.", "typeRef": null}], [], "Sets the behavior of the virtual wallet for digital credential requests issued from this frame.");
+inspectorBackend.registerCommand("DigitalCredentials.setVirtualWalletBehavior", [{"name": "action", "type": "string", "optional": false, "description": "The action of the virtual wallet.", "typeRef": "DigitalCredentials.VirtualWalletAction"}, {"name": "protocol", "type": "string", "optional": true, "description": "The protocol identifier (e.g. \\\"openid4vp\\\"). Required when |action| is \\\"respond\\\", forbidden otherwise.", "typeRef": null}, {"name": "response", "type": "object", "optional": true, "description": "The response data object returned by the wallet. Required when |action| is \\\"respond\\\", forbidden otherwise.", "typeRef": null}, {"name": "frameId", "type": "string", "optional": true, "description": "The frame to scope the virtual wallet behavior to.", "typeRef": "Page.FrameId"}], [], "Sets the behavior of the virtual wallet for digital credential requests issued from this frame.");
 
 // Emulation.
 inspectorBackend.registerEnum("Emulation.ScreenOrientationType", {PortraitPrimary: "portraitPrimary", PortraitSecondary: "portraitSecondary", LandscapePrimary: "landscapePrimary", LandscapeSecondary: "landscapeSecondary"});

package/front_end/generated/protocol.ts

@@ -7040,6 +7040,10 @@ export namespace DigitalCredentials {
      * Required when |action| is "respond", forbidden otherwise.
      */
     response?: any;
+    /**
+     * The frame to scope the virtual wallet behavior to.
+     */
+    frameId?: Page.FrameId;
   }
 }
 

package/front_end/models/ai_assistance/AiUtils.ts

@@ -12,21 +12,21 @@ import {debugLog} from './debug.js';
 
 const UIStrings = {
   /**
-   * @description Message shown to the user if the age check is not successful.
+   * @description Message shown to the user if the age check isn’t successful.
    */
-  ageRestricted: 'This feature is only available to users who are 18 years of age or older.',
+  ageRestricted: 'This feature is only available to users 18 years or older.',
   /**
-   * @description The error message when the user is not logged in into Chrome.
+   * @description The error message when the user isn’t logged in to Chrome.
    */
-  notLoggedIn: 'This feature is only available when you sign into Chrome with your Google account.',
+  notLoggedIn: 'This feature is only available when you sign in to Chrome with your Google account.',
   /**
    * @description Message shown when the user is offline.
    */
   offline: 'This feature is only available with an active internet connection.',
   /**
-   * @description Text informing the user that AI assistance is not available in Incognito mode or Guest mode.
+   * @description Text informing the user that AI assistance isn’t available in Incognito mode or Guest mode.
    */
-  notAvailableInIncognitoMode: 'AI assistance is not available in Incognito mode or Guest mode.',
+  notAvailableInIncognitoMode: 'AI assistance isn’t available in Incognito mode or Guest mode.',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/ai_assistance/AiUtils.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);

package/front_end/models/bindings/CSSWorkspaceBinding.ts

@@ -152,6 +152,7 @@ export interface SourceMapping {
 
 export class ModelInfo {
   readonly #eventListeners: Common.EventTarget.EventDescriptor[];
+  readonly #cssWorkspaceBinding: CSSWorkspaceBinding;
   readonly #resourceMapping: ResourceMapping;
   #stylesSourceMapping: StylesSourceMapping;
   #sassSourceMapping: SASSSourceMapping;
@@ -159,6 +160,7 @@ export class ModelInfo {
   readonly #unboundLocations: Platform.MapUtilities.Multimap<Platform.DevToolsPath.UrlString, LiveLocation>;
   constructor(
       cssModel: SDK.CSSModel.CSSModel, resourceMapping: ResourceMapping, cssWorkspaceBinding: CSSWorkspaceBinding) {
+    this.#cssWorkspaceBinding = cssWorkspaceBinding;
     this.#eventListeners = [
       cssModel.addEventListener(
           SDK.CSSModel.Events.StyleSheetAdded,
@@ -191,7 +193,7 @@ export class ModelInfo {
   async createLiveLocation(
       rawLocation: SDK.CSSModel.CSSLocation, updateDelegate: (arg0: LiveLocationInterface) => Promise<void>,
       locationPool: LiveLocationPool): Promise<LiveLocation> {
-    const location = new LiveLocation(rawLocation, this, updateDelegate, locationPool);
+    const location = new LiveLocation(rawLocation, this, this.#cssWorkspaceBinding, updateDelegate, locationPool);
     const header = rawLocation.header();
     if (header) {
       location.setHeader(header);
@@ -286,15 +288,16 @@ export class LiveLocation extends LiveLocationWithPool {
   readonly #lineNumber: number;
   readonly #columnNumber: number;
   readonly #info: ModelInfo;
+  readonly #cssWorkspaceBinding: CSSWorkspaceBinding;
   #header: SDK.CSSStyleSheetHeader.CSSStyleSheetHeader|null;
-  constructor(
-      rawLocation: SDK.CSSModel.CSSLocation, info: ModelInfo,
-      updateDelegate: (arg0: LiveLocationInterface) => Promise<void>, locationPool: LiveLocationPool) {
+  constructor(rawLocation: SDK.CSSModel.CSSLocation, info: ModelInfo, cssWorkspaceBinding: CSSWorkspaceBinding,
+              updateDelegate: (arg0: LiveLocationInterface) => Promise<void>, locationPool: LiveLocationPool) {
     super(updateDelegate, locationPool);
     this.url = rawLocation.url;
     this.#lineNumber = rawLocation.lineNumber;
     this.#columnNumber = rawLocation.columnNumber;
     this.#info = info;
+    this.#cssWorkspaceBinding = cssWorkspaceBinding;
     this.#header = null;
   }
 
@@ -311,7 +314,7 @@ export class LiveLocation extends LiveLocationWithPool {
       return null;
     }
     const rawLocation = new SDK.CSSModel.CSSLocation(this.#header, this.#lineNumber, this.#columnNumber);
-    return CSSWorkspaceBinding.instance().rawLocationToUILocation(rawLocation);
+    return this.#cssWorkspaceBinding.rawLocationToUILocation(rawLocation);
   }
 
   override dispose(): void {