chrome-devtools-frontend 1.0.1662965 → 1.0.1664496

package/front_end/models/issues_manager/LazyLoadImageIssue.ts

@@ -0,0 +1,76 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as i18n from '../../core/i18n/i18n.js';
+import type * as SDK from '../../core/sdk/sdk.js';
+import * as Protocol from '../../generated/protocol.js';
+
+import {type AffectedElement, Issue, IssueCategory, IssueKind} from './Issue.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+
+const UIStrings = {
+  /**
+   * @description Link title for the lazy-loaded image with zero size issue in the Issues panel.
+   */
+  lazyLoadImageZeroSize: 'Lazy-loaded images should have explicit dimensions',
+} as const;
+const str_ = i18n.i18n.registerUIStrings('models/issues_manager/LazyLoadImageIssue.ts', UIStrings);
+const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+
+export class LazyLoadImageIssue extends Issue<Protocol.Audits.LazyLoadImageIssueDetails> {
+  constructor(issueDetails: Protocol.Audits.LazyLoadImageIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
+    const umaCode = [Protocol.Audits.InspectorIssueCode.LazyLoadImageIssue, 'ZeroSize'].join('::');
+    super({code: Protocol.Audits.InspectorIssueCode.LazyLoadImageIssue, umaCode}, issueDetails, issuesModel);
+  }
+
+  primaryKey(): string {
+    return `${this.code()}-(${this.details().nodeId})-(${this.details().url})`;
+  }
+
+  getCategory(): IssueCategory {
+    return IssueCategory.OTHER;
+  }
+
+  getDescription(): MarkdownIssueDescription {
+    return {
+      file: 'lazyLoadImageZeroSize.md',
+      links: [
+        {
+          link: 'https://web.dev/articles/browser-level-image-lazy-loading/#dimension-attributes',
+          linkTitle: i18nString(UIStrings.lazyLoadImageZeroSize),
+        },
+      ],
+    };
+  }
+
+  elementCount(): number {
+    return this.details().nodeId ? 1 : 0;
+  }
+
+  override elements(): Iterable<AffectedElement> {
+    if (this.details().nodeId) {
+      const target = this.model()?.target();
+      return [{
+        backendNodeId: this.details().nodeId,
+        nodeName: 'img',
+        target: target || null,
+      }];
+    }
+    return [];
+  }
+
+  getKind(): IssueKind {
+    return IssueKind.IMPROVEMENT;
+  }
+
+  static fromInspectorIssue(issuesModel: SDK.IssuesModel.IssuesModel|null,
+                            inspectorIssue: Protocol.Audits.InspectorIssue): LazyLoadImageIssue[] {
+    const details = inspectorIssue.details.lazyLoadImageIssueDetails;
+    if (!details) {
+      console.warn('Lazy-loaded image issue without details received.');
+      return [];
+    }
+    return [new LazyLoadImageIssue(details, issuesModel)];
+  }
+}

package/front_end/models/issues_manager/descriptions/lazyLoadImageZeroSize.md

@@ -0,0 +1,7 @@
+# Lazy-loaded images should have explicit dimensions
+
+An image on this page specifies `loading="lazy"` without explicit width and height dimensions or aspect ratio styling.
+
+When lazy-loaded images lack dimensions, the browser allocates an initial 0x0 bounding box before network loading completes. As the user scrolls and the image loads, its sudden expansion triggers unexpected layout shifts (CLS) and can displace or clip surrounding content.
+
+To prevent layout shifts, always include explicit `width` and `height` attributes on lazy-loaded images, or define their aspect ratio using CSS.

package/front_end/models/issues_manager/issues_manager.ts

@@ -20,6 +20,7 @@ import * as Issue from './Issue.js';
 import * as IssueAggregator from './IssueAggregator.js';
 import * as IssueResolver from './IssueResolver.js';
 import * as IssuesManager from './IssuesManager.js';
+import * as LazyLoadImageIssue from './LazyLoadImageIssue.js';
 import * as MarkdownIssueDescription from './MarkdownIssueDescription.js';
 import * as MixedContentIssue from './MixedContentIssue.js';
 import * as PartitioningBlobURLIssue from './PartitioningBlobURLIssue.js';
@@ -54,6 +55,7 @@ export {
   IssueAggregator,
   IssueResolver,
   IssuesManager,
+  LazyLoadImageIssue,
   MarkdownIssueDescription,
   MixedContentIssue,
   PartitioningBlobURLIssue,

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -226,7 +226,7 @@ export const NativeFunctions = [
   {
     name: "create",
     signatures: [["?options"]],
-    receivers: ["CredentialsContainer","Classifier","SemanticEmbedder"]
+    receivers: ["CredentialsContainer","SemanticEmbedder"]
   },
   {
     name: "defineProperty",
@@ -8257,15 +8257,6 @@ export const NativeFunctions = [
     name: "WorkletAnimation",
     signatures: [["animatorName","effects","?timeline","?options"]]
   },
-  {
-    name: "availability",
-    signatures: [["?options"]],
-    receivers: ["SemanticEmbedder"]
-  },
-  {
-    name: "classify",
-    signatures: [["input","?options"]]
-  },
   {
     name: "LanguageModelToolCall",
     signatures: [["init"]]
@@ -8278,6 +8269,10 @@ export const NativeFunctions = [
     name: "LanguageModelToolError",
     signatures: [["init"]]
   },
+  {
+    name: "availability",
+    signatures: [["?options"]]
+  },
   {
     name: "embed",
     signatures: [["input","?options"]]
@@ -8642,6 +8637,10 @@ export const NativeFunctions = [
     name: "Touch",
     signatures: [["initDict"]]
   },
+  {
+    name: "InstallResultEvent",
+    signatures: [["type","?eventInitDict"]]
+  },
   {
     name: "TrackEvent",
     signatures: [["type","?eventInitDict"]]

package/front_end/models/live-metrics/LiveMetrics.ts

@@ -17,12 +17,11 @@ const UIStrings = {
   /**
    * @description Warning text indicating that the Largest Contentful Paint (LCP) performance metric was affected by the user changing the simulated device.
    */
-  lcpEmulationWarning:
-      'Simulating a new device after the page loads can affect LCP. Reload the page after simulating a new device for accurate LCP data.',
+  lcpEmulationWarning: 'Simulating a device after the page loads can affect LCP. Reload the page for accurate LCP.',
   /**
    * @description Warning text indicating that the Largest Contentful Paint (LCP) performance metric was affected by the page loading in the background.
    */
-  lcpVisibilityWarning: 'LCP value may be inflated because the page started loading in the background.',
+  lcpVisibilityWarning: 'LCP may be inflated because the page started loading in the background.',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/live-metrics/LiveMetrics.ts', UIStrings);

package/front_end/models/logs/NetworkLog.ts

@@ -35,8 +35,8 @@ export class NetworkLog extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
   readonly #settings: Common.Settings.Settings;
 
   constructor(
-      targetManager: SDK.TargetManager.TargetManager = SDK.TargetManager.TargetManager.instance(),
-      settings: Common.Settings.Settings = Common.Settings.Settings.instance(),
+      targetManager: SDK.TargetManager.TargetManager,
+      settings: Common.Settings.Settings,
   ) {
     super();
     this.#targetManager = targetManager;
@@ -55,7 +55,8 @@ export class NetworkLog extends Common.ObjectWrapper.ObjectWrapper<EventTypes> i
 
   static instance(): NetworkLog {
     if (!Root.DevToolsContext.globalInstance().has(NetworkLog)) {
-      Root.DevToolsContext.globalInstance().set(NetworkLog, new NetworkLog());
+      Root.DevToolsContext.globalInstance().set(
+          NetworkLog, new NetworkLog(SDK.TargetManager.TargetManager.instance(), Common.Settings.Settings.instance()));
     }
 
     return Root.DevToolsContext.globalInstance().get(NetworkLog);

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

@@ -9,7 +9,7 @@ const UIStrings = {
   /**
    * @description Text to preserve the log after refreshing
    */
-  preserveLog: 'Preserve log',
+  preserveLog: 'Keep log',
   /**
    * @description A term that can be used to search in the command menu, and will find the search
    * result 'Preserve log on page reload / navigation'. This is an additional search term to help
@@ -31,11 +31,11 @@ const UIStrings = {
   /**
    * @description Title of a setting under the Network category that can be invoked through the Command Menu
    */
-  preserveLogOnPageReload: 'Preserve log on page reload / navigation',
+  preserveLogOnPageReload: 'Keep log on page reload / navigation',
   /**
    * @description Title of a setting under the Network category that can be invoked through the Command Menu
    */
-  doNotPreserveLogOnPageReload: 'Do not preserve log on page reload / navigation',
+  doNotPreserveLogOnPageReload: 'Don’t keep log on page reload / navigation',
   /**
    * @description Title of an action in the network tool to toggle recording
    */

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. */

package/front_end/models/source_map_scopes/NamesResolver.ts

@@ -3,10 +3,10 @@
 // found in the LICENSE file.
 
 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;

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';