chrome-devtools-frontend 1.0.1662289 → 1.0.1664496

package/front_end/models/network_time_calculator/NetworkTimeCalculator.ts

@@ -40,14 +40,14 @@ import type {Calculator} from './Calculator.js';
 
 const UIStrings = {
   /**
-   * @description Latency download total format in Network Time Calculator of the Network panel
+   * @description Latency download total format in Network Time Calculator of the Network panel.
    * @example {20ms} PH1
    * @example {20ms} PH2
    * @example {40ms} PH3
    */
   sLatencySDownloadSTotal: '{PH1} latency, {PH2} download ({PH3} total)',
   /**
-   * @description Latency format in Network Time Calculator of the Network panel
+   * @description Latency format in Network Time Calculator of the Network panel.
    * @example {20ms} PH1
    */
   sLatency: '{PH1} latency',
@@ -57,12 +57,12 @@ const UIStrings = {
    */
   sDownload: '{PH1} download',
   /**
-   * @description From service worker format in Network Time Calculator of the Network panel
+   * @description From service worker format in Network Time Calculator of the Network panel.
    * @example {20ms latency} PH1
    */
   sFromServiceworker: '{PH1} (from `ServiceWorker`)',
   /**
-   * @description From cache format in Network Time Calculator of the Network panel
+   * @description From cache format in Network Time Calculator of the Network panel.
    * @example {20ms latency} PH1
    */
   sFromCache: '{PH1} (from cache)',

package/front_end/models/persistence/Automapping.ts

@@ -6,8 +6,8 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.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 Bindings from '../bindings/bindings.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {type FileSystem, FileSystemWorkspaceBinding} from './FileSystemWorkspaceBinding.js';

package/front_end/models/persistence/AutomaticFileSystemWorkspaceBinding.ts

@@ -6,8 +6,8 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
-import type {ContentDataOrError} from '../text_utils/ContentData.js';
-import type {SearchMatch} from '../text_utils/ContentProvider.js';
+import type {ContentDataOrError} from '../../core/text_utils/ContentData.js';
+import type {SearchMatch} from '../../core/text_utils/ContentProvider.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {

package/front_end/models/persistence/FileSystemWorkspaceBinding.ts

@@ -5,7 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.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';
 
 import type {IsolatedFileSystem} from './IsolatedFileSystem.js';

package/front_end/models/persistence/IsolatedFileSystem.ts

@@ -6,7 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.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 {Events, type IsolatedFileSystemManager} from './IsolatedFileSystemManager.js';
 import {Events as PlatformFileSystemEvents, PlatformFileSystem, PlatformFileSystemType} from './PlatformFileSystem.js';
@@ -26,7 +26,7 @@ const UIStrings = {
    * @example {c:\dir\file.js} PH1
    * @example {Underlying error} PH2
    */
-  cantReadFileSS: 'Can\'t read file: {PH1}: {PH2}',
+  cantReadFileSS: 'Can’t read file: {PH1}: {PH2}',
   /**
    * @description Text to show something is linked to another
    * @example {example.url} PH1

package/front_end/models/persistence/NetworkPersistenceManager.ts

@@ -7,9 +7,9 @@ import * as Host from '../../core/host/host.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 Breakpoints from '../breakpoints/breakpoints.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {type FileSystem, FileSystemWorkspaceBinding} from './FileSystemWorkspaceBinding.js';

package/front_end/models/persistence/PersistenceImpl.ts

@@ -7,9 +7,9 @@ import * as Host from '../../core/host/host.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 Bindings from '../bindings/bindings.js';
 import * as BreakpointManager from '../breakpoints/breakpoints.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 import {Automapping, type AutomappingStatus} from './Automapping.js';

package/front_end/models/persistence/PlatformFileSystem.ts

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

package/front_end/models/source_map_scopes/FunctionCodeResolver.ts

@@ -5,9 +5,9 @@
 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 Bindings from '../bindings/bindings.js';
 import * as Formatter from '../formatter/formatter.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 /** Represents the source code for a given function, including additional context of surrounding lines. */
@@ -216,14 +216,15 @@ function createFunctionCode(
  */
 export async function getFunctionCodeFromLocation(
     target: SDK.Target.Target, url: Platform.DevToolsPath.UrlString, line: number, column: number,
-    options?: CreateFunctionCodeOptions): Promise<FunctionCode|null> {
+    options?: CreateFunctionCodeOptions,
+    debuggerWorkspaceBinding =
+        Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()): Promise<FunctionCode|null> {
   const debuggerModel = target.model(SDK.DebuggerModel.DebuggerModel);
   if (!debuggerModel) {
     throw new Error('missing debugger model');
   }
 
   let uiSourceCode: Workspace.UISourceCode.UISourceCode|null = null;
-  const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
   const projects = debuggerWorkspaceBinding.workspace.projectsForType(Workspace.Workspace.projectTypes.Network);
   for (const project of projects) {
     if (Bindings.NetworkProject.NetworkProject.getTargetForProject(project) !== target) {
@@ -245,7 +246,7 @@ export async function getFunctionCodeFromLocation(
     return null;
   }
 
-  return await getFunctionCodeFromRawLocation(rawLocation, options);
+  return await getFunctionCodeFromRawLocation(rawLocation, options, debuggerWorkspaceBinding);
 }
 
 async function format(uiSourceCode: Workspace.UISourceCode.UISourceCode, content: string,
@@ -264,8 +265,9 @@ async function format(uiSourceCode: Workspace.UISourceCode.UISourceCode, content
  * Returns a {@link FunctionCode} for the given raw location.
  */
 export async function getFunctionCodeFromRawLocation(
-    rawLocation: SDK.DebuggerModel.Location, options?: CreateFunctionCodeOptions): Promise<FunctionCode|null> {
-  const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
+    rawLocation: SDK.DebuggerModel.Location, options?: CreateFunctionCodeOptions,
+    debuggerWorkspaceBinding =
+        Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()): Promise<FunctionCode|null> {
   const functionBounds = await debuggerWorkspaceBinding.functionBoundsAtRawLocation(rawLocation);
   if (!functionBounds) {
     return null;

package/front_end/models/source_map_scopes/NamesResolver.ts

@@ -2,12 +2,11 @@
 // 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 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 Bindings from '../bindings/bindings.js';
 import * as Formatter from '../formatter/formatter.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 
 interface CachedScopeMap {
   sourceMap: SDK.SourceMap.SourceMap|undefined;
@@ -190,7 +189,11 @@ const enum Punctuation {
 
 const resolveDebuggerScope = async(scope: SDK.DebuggerModel.ScopeChainEntry):
     Promise<{variableMapping: Map<string, string>, thisMapping: string | null}> => {
-      if (!Common.Settings.Settings.instance().moduleSetting('js-source-maps-enabled').get()) {
+      if (!scope.callFrame()
+               .debuggerModel.target()
+               .targetManager()
+               .settings.moduleSetting('js-source-maps-enabled')
+               .get()) {
         return {variableMapping: new Map(), thisMapping: null};
       }
       const script = scope.callFrame().script;
@@ -278,16 +281,17 @@ const resolveScope = async(script: SDK.Script.Script, scopeChain: Formatter.Form
 
       async function resolveSourceName(
           script: SDK.Script.Script, sourceMap: SDK.SourceMap.SourceMap, name: string,
-          position: {lineNumber: number, columnNumber: number}): Promise<string|null> {
+          position: {lineNumber: number, columnNumber: number},
+          debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding =
+              Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()): Promise<string|null> {
         const ranges = sourceMap.findEntryRanges(position.lineNumber, position.columnNumber);
         if (!ranges) {
           return null;
         }
         // Extract the underlying text from the compiled code's range and make sure that
         // it starts with the identifier |name|.
-        const uiSourceCode =
-            Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().uiSourceCodeForSourceMapSourceURL(
-                script.debuggerModel, ranges.sourceURL, script.isContentScript());
+        const uiSourceCode = debuggerWorkspaceBinding.uiSourceCodeForSourceMapSourceURL(
+            script.debuggerModel, ranges.sourceURL, script.isContentScript());
         if (!uiSourceCode) {
           return null;
         }
@@ -363,24 +367,27 @@ const resolveScope = async(script: SDK.Script.Script, scopeChain: Formatter.Form
     };
 
 export const resolveScopeChain =
-    async function(callFrame: SDK.DebuggerModel.CallFrame): Promise<SDK.DebuggerModel.ScopeChainEntry[]> {
-  const {pluginManager} = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
-  const scopeChain: SDK.DebuggerModel.ScopeChainEntry[]|null|undefined =
-      await pluginManager.resolveScopeChain(callFrame);
-  if (scopeChain) {
-    return scopeChain;
-  }
+    async function(callFrame: SDK.DebuggerModel.CallFrame,
+                   debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding =
+                       Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()):
+        Promise<SDK.DebuggerModel.ScopeChainEntry[]> {
+          const {pluginManager} = debuggerWorkspaceBinding;
+          const scopeChain: SDK.DebuggerModel.ScopeChainEntry[]|null|undefined =
+              await pluginManager.resolveScopeChain(callFrame);
+          if (scopeChain) {
+            return scopeChain;
+          }
 
-  // TODO(crbug.com/465968290): Re-enable creating the scope chain from the source map once:
-  //    1) We have a flag indicating whether the source map contained variable/binding information.
-  //    2) We have a chrome feature flag.
+          // TODO(crbug.com/465968290): Re-enable creating the scope chain from the source map once:
+          //    1) We have a flag indicating whether the source map contained variable/binding information.
+          //    2) We have a chrome feature flag.
 
-  if (callFrame.script.isWasm()) {
-    return callFrame.scopeChain();
-  }
-  const thisObject = await resolveThisObject(callFrame);
-  return callFrame.scopeChain().map(scope => new ScopeWithSourceMappedVariables(scope, thisObject));
-};
+          if (callFrame.script.isWasm()) {
+            return callFrame.scopeChain();
+          }
+          const thisObject = await resolveThisObject(callFrame);
+          return callFrame.scopeChain().map(scope => new ScopeWithSourceMappedVariables(scope, thisObject));
+        };
 
 /**
  * @returns A mapping from original name -> compiled name. If the orignal name is unavailable (e.g. because the compiled name was
@@ -388,7 +395,7 @@ export const resolveScopeChain =
  */
 export const allVariablesInCallFrame =
     async(callFrame: SDK.DebuggerModel.CallFrame): Promise<Map<string, string|null>> => {
-  if (!Common.Settings.Settings.instance().moduleSetting('js-source-maps-enabled').get()) {
+  if (!callFrame.debuggerModel.target().targetManager().settings.moduleSetting('js-source-maps-enabled').get()) {
     return new Map<string, string|null>();
   }
   const cachedMap = cachedMapByCallFrame.get(callFrame);
@@ -424,13 +431,13 @@ export const allVariablesInCallFrame =
 export const allVariablesAtPosition =
     async(location: SDK.DebuggerModel.Location): Promise<Map<string, string|null>> => {
   const reverseMapping = new Map<string, string|null>();
-  if (!Common.Settings.Settings.instance().moduleSetting('js-source-maps-enabled').get()) {
-    return reverseMapping;
-  }
   const script = location.script();
   if (!script) {
     return reverseMapping;
   }
+  if (!script.debuggerModel.target().targetManager().settings.moduleSetting('js-source-maps-enabled').get()) {
+    return reverseMapping;
+  }
 
   const scopeTreeAndText = await computeScopeTree(script);
   if (!scopeTreeAndText) {
@@ -727,8 +734,9 @@ export async function resolveDebuggerFrameFunctionName(frame: SDK.DebuggerModel.
 }
 
 export async function resolveProfileFrameFunctionName(
-    {scriptId, lineNumber, columnNumber}: Partial<Protocol.Runtime.CallFrame>,
-    target: SDK.Target.Target|null): Promise<string|null> {
+    {scriptId, lineNumber, columnNumber}: Partial<Protocol.Runtime.CallFrame>, target: SDK.Target.Target|null,
+    debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding =
+        Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()): Promise<string|null> {
   if (!target || lineNumber === undefined || columnNumber === undefined || scriptId === undefined) {
     return null;
   }
@@ -738,8 +746,6 @@ export async function resolveProfileFrameFunctionName(
   if (!debuggerModel || !script) {
     return null;
   }
-
-  const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
   const location = new SDK.DebuggerModel.Location(debuggerModel, scriptId, lineNumber, columnNumber);
   const functionInfoFromPlugin = await debuggerWorkspaceBinding.pluginManager.getFunctionInfo(script, location);
   if (functionInfoFromPlugin && 'frames' in functionInfoFromPlugin) {

package/front_end/models/stack_trace/StackTrace.ts

@@ -4,6 +4,7 @@
 
 import type * as Common from '../../core/common/common.js';
 import type * as SDK from '../../core/sdk/sdk.js';
+import type * as Protocol from '../../generated/protocol.js';
 import type * as Workspace from '../workspace/workspace.js';
 
 export type StackTrace = BaseStackTrace<Fragment>;
@@ -131,3 +132,19 @@ export class DebuggableFrameFlavor {
     return DebuggableFrameFlavor.#last;
   }
 }
+
+/**
+ * Returns whether the given stack trace originated from a direct console
+ * invocation. A console-originated stack trace has exactly one frame with
+ * no url and no function name.
+ *
+ * TODO(crbug.com/40726969): Accept a translated `StackTrace` instead of a raw `Protocol.Runtime.StackTrace`.
+ */
+export function isConsoleOriginated(stackTrace: Protocol.Runtime.StackTrace): boolean {
+  const callFrames = stackTrace.callFrames;
+  if (callFrames.length !== 1) {
+    return false;
+  }
+  const frame = callFrames[0];
+  return frame.url === '' && frame.functionName === '';
+}

package/front_end/models/text_utils/text_utils.ts

@@ -1,27 +1,5 @@
-// Copyright 2019 The Chromium Authors
+// Copyright 2019 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as CodeMirrorUtils from './CodeMirrorUtils.js';
-import * as ContentData from './ContentData.js';
-import * as ContentProvider from './ContentProvider.js';
-import * as StaticContentProvider from './StaticContentProvider.js';
-import * as StreamingContentData from './StreamingContentData.js';
-import * as Text from './Text.js';
-import * as TextCursor from './TextCursor.js';
-import * as TextRange from './TextRange.js';
-import * as TextUtils from './TextUtils.js';
-import * as WasmDisassembly from './WasmDisassembly.js';
-
-export {
-  CodeMirrorUtils,
-  ContentData,
-  ContentProvider,
-  StaticContentProvider,
-  StreamingContentData,
-  Text,
-  TextCursor,
-  TextRange,
-  TextUtils,
-  WasmDisassembly,
-};
+export * from '../../core/text_utils/text_utils.js';

package/front_end/models/trace/insights/ImageDelivery.ts

@@ -29,12 +29,12 @@ export const UIStrings = {
   /**
    * @description Message displayed in a chip explaining that an image file size is large for the # of pixels it has and recommends possible adjustments to improve the image size.
    */
-  useCompression: 'Increasing the image compression factor could improve this image\'s download size.',
+  useCompression: 'Increasing the image compression factor could improve this image’s download size.',
   /**
    * @description Message displayed in a chip explaining that an image file size is large for the # of pixels it has and recommends possible adjustments to improve the image size.
    */
   useModernFormat:
-      'Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image\'s download size.',
+      'Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image’s download size.',
   /**
    * @description Message displayed in a chip advising the user to use video formats instead of GIFs because videos generally have smaller file sizes.
    */

package/front_end/models/trace/insights/LegacyJavaScript.ts

@@ -28,7 +28,7 @@ export const UIStrings = {
    * @description Description of an insight that identifies polyfills for modern JavaScript features, and recommends their removal.
    */
   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)',
+      '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)',
   /** Label for a column in a data table; entries will be the individual JavaScript scripts. */
   columnScript: 'Script',
   /** Label for a column in a data table; entries will be the number of wasted bytes (aka the estimated savings in terms of bytes). */

package/front_end/models/trace/insights/RenderBlocking.ts

@@ -28,7 +28,7 @@ export const UIStrings = {
   /**
    * @description Text to describe that there are requests blocking rendering, which may affect LCP.
    */
-  description: 'Requests are blocking the page\'s initial render, which may delay LCP. ' +
+  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.',
   /**

package/front_end/models/trace/insights/ThirdParties.ts

@@ -24,7 +24,7 @@ export const UIStrings = {
    * This is displayed after a user expands the section to see more. No character length limits.
    */
   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.',
+      '[Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.',
   /** Label for a table column that displays the name of a third-party provider. */
   columnThirdParty: '3rd party',
   /** Label for a column in a data table; entries will be the download size of a web resource in kilobytes. */

package/front_end/models/workspace/FileManager.ts

@@ -6,7 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
-import type * as TextUtils from '../text_utils/text_utils.js';
+import type * as TextUtils from '../../core/text_utils/text_utils.js';
 
 export interface SaveCallbackParam {
   fileSystemPath?: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString;

package/front_end/models/workspace/UISourceCode.ts

@@ -7,7 +7,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 * as TextUtils from '../text_utils/text_utils.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 
 import {IgnoreListManager} from './IgnoreListManager.js';
 import {Events as WorkspaceImplEvents, type Project} from './WorkspaceImpl.js';

package/front_end/models/workspace/WorkspaceImpl.ts

@@ -5,7 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
-import type * as TextUtils from '../text_utils/text_utils.js';
+import type * as TextUtils from '../../core/text_utils/text_utils.js';
 
 import type {SearchConfig} from './SearchConfig.js';
 import {UISourceCode, type UISourceCodeMetadata} from './UISourceCode.js';

package/front_end/models/workspace_diff/WorkspaceDiff.ts

@@ -5,10 +5,10 @@
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as Root from '../../core/root/root.js';
+import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Diff from '../../third_party/diff/diff.js';
 import * as FormatterModule from '../formatter/formatter.js';
 import * as Persistence from '../persistence/persistence.js';
-import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
 interface DiffResponse {

package/front_end/panels/accessibility/AccessibilityNodeView.ts

@@ -54,7 +54,7 @@ const UIStrings = {
   /**
    * @description Reason element in Accessibility Node View of the Accessibility panel
    */
-  ancestorChildrenAreAll: 'Ancestor\'s children are all presentational:\xA0',
+  ancestorChildrenAreAll: 'Ancestor’s children are all presentational:\xA0',
   /**
    * @description Reason element in Accessibility Node View of the Accessibility panel
    * @example {aria-hidden} PH1

package/front_end/panels/accessibility/AccessibilityStrings.ts

@@ -20,7 +20,7 @@ const UIStrings = {
    * @description Tooltip text that appears when hovering over the 'Invalid user entry' attribute name under the Computed Properties section in the Accessibility pane of the Elements pane
    */
   ifTrueThisElementsUserentered:
-      'If true, this element\'s user-entered value does not conform to validation requirement.',
+      'If true, this element’s user-entered value does not conform to validation requirement.',
   /**
    * @description Accessibility attribute name that appears under the Computed Properties section in the Accessibility pane of the Elements pane
    */
@@ -153,7 +153,7 @@ const UIStrings = {
   /**
    * @description Tooltip text that appears when hovering over the 'Orientation' attribute name under the Computed Properties section in the Accessibility pane of the Elements pane
    */
-  whetherThisLinearElements: 'Whether this linear element\'s orientation is horizontal or vertical.',
+  whetherThisLinearElements: 'Whether this linear element’s orientation is horizontal or vertical.',
   /**
    * @description Accessibility attribute name that appears under the Computed Properties section in the Accessibility pane of the Elements pane
    */

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -110,7 +110,7 @@ const UIStrings = {
    */
   noPastConversations: 'No past conversations',
   /**
-   * @description Placeholder text for an inactive text field. When active, it’s used for the user’s input to AI assistance.
+   * @description Placeholder text for an inactive text field. When active, it's used for the user's input to AI assistance.
    */
   followTheSteps: 'Follow the steps above to ask a question',
   /**

package/front_end/panels/ai_assistance/ExportConversation.ts

@@ -2,8 +2,8 @@
 // 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 * as TextUtils from '../../core/text_utils/text_utils.js';
 import type * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Workspace from '../../models/workspace/workspace.js';
 
 export async function saveToDisk(conversation: AiAssistanceModel.AiConversation.AiConversation): Promise<void> {

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

@@ -56,7 +56,7 @@ const UIStrings = {
    */
   wrongLocale: 'To use this feature, set your language preference to English in DevTools settings.',
   /**
-   * @description Message shown to the user if the user’s region is not
+   * @description Message shown to the user if the user's region is not
    * supported.
    */
   geoRestricted: 'This feature is unavailable in your region.',

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

@@ -11,6 +11,7 @@ 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 type * as Protocol from '../../../generated/protocol.js';
 import type {
   AiWidget, BottomUpTreeAiWidget, ComputedStyleAiWidget, CoreVitalsAiWidget, DomTreeAiWidget, LighthouseReportAiWidget,
@@ -20,7 +21,6 @@ import type {
 import * as AiAssistanceModel from '../../../models/ai_assistance/ai_assistance.js';
 import * as ComputedStyle from '../../../models/computed_style/computed_style.js';
 import * as Formatter from '../../../models/formatter/formatter.js';
-import * as TextUtils from '../../../models/text_utils/text_utils.js';
 import * as Trace from '../../../models/trace/trace.js';
 import * as Workspace from '../../../models/workspace/workspace.js';
 import * as PanelsCommon from '../../../panels/common/common.js';

package/front_end/panels/application/AppManifestView.ts

@@ -387,13 +387,13 @@ const UIStrings = {
    * @example {Image} PH1
    * @example {https://example.com/image.png} PH2
    */
-  sSWidthDoesNotComplyWithRatioRequirement: '{PH1} {PH2} width can\'t be more than 2.3 times as long as the height',
+  sSWidthDoesNotComplyWithRatioRequirement: '{PH1} {PH2} width can’t be more than 2.3 times as long as the height',
   /**
    * @description Warning message for image resources from the manifest
    * @example {Image} PH1
    * @example {https://example.com/image.png} PH2
    */
-  sSHeightDoesNotComplyWithRatioRequirement: '{PH1} {PH2} height can\'t be more than 2.3 times as long as the width',
+  sSHeightDoesNotComplyWithRatioRequirement: '{PH1} {PH2} height can’t be more than 2.3 times as long as the width',
   /**
    * @description Manifest installability error in the Application panel
    * @example {https://example.com/image.png} url
@@ -435,11 +435,11 @@ const UIStrings = {
    * @example {https://developer.mozilla.org/en-US/docs/Web/Manifest/display_override} PH1
    */
   wcoNotFound:
-      'Define {PH1} in the manifest to use the Window Controls Overlay API and customize your app\'s title bar.',
+      'Define {PH1} in the manifest to use the Window Controls Overlay API and customize your app’s title bar.',
   /**
    * @description Link text for more information on customizing Window Controls Overlay title bar in the Application panel
    */
-  customizePwaTitleBar: 'Customize the window controls overlay of your PWA\'s title bar',
+  customizePwaTitleBar: 'Customize the window controls overlay of your PWA’s title bar',
   /**
    * @description Text wrapping link to documentation on how to customize WCO title bar
    * @example {https://learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay} PH1

package/front_end/panels/application/ApplicationPanelSidebar.ts

@@ -296,7 +296,7 @@ const UIStrings = {
   /**
    * @description Description text in the Application Panel describing a frame's resources
    */
-  resourceDescription: 'On this page you can view the frame\'s resources.'
+  resourceDescription: 'On this page you can view the frame’s resources.'
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/application/ApplicationPanelSidebar.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -655,7 +655,6 @@ export class ApplicationPanelSidebar extends UI.Widget.VBox implements SDK.Targe
       this.addCookieDocument(frame);
     }
 
-    this.cacheStorageListTreeElement.initialize();
     const backgroundServiceModel = this.target?.model(BackgroundServiceModel) || null;
     this.backgroundFetchTreeElement.initialize(backgroundServiceModel);
     this.backgroundSyncTreeElement.initialize(backgroundServiceModel);

package/front_end/panels/application/CrashReportContextView.ts

@@ -7,8 +7,8 @@ import '../../ui/legacy/legacy.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import type * as TextUtils from '../../core/text_utils/text_utils.js';
 import type * as Protocol from '../../generated/protocol.js';
-import type * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import {html, render} from '../../ui/lit/lit.js';

package/front_end/panels/application/DOMStorageItemsView.ts

@@ -33,8 +33,8 @@ import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.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 AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
-import * as TextUtils from '../../models/text_utils/text_utils.js';
 import * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';