chrome-devtools-frontend 1.0.1040337 → 1.0.1040857

package/config/gni/devtools_grd_files.gni

@@ -870,7 +870,6 @@ grd_files_debug_sources = [
   "front_end/panels/application/components/frameDetailsReportView.css.js",
   "front_end/panels/application/components/interestGroupAccessGrid.css.js",
   "front_end/panels/application/components/originTrialTokenRows.css.js",
-  "front_end/panels/application/components/originTrialTreeView.css.js",
   "front_end/panels/application/components/permissionsPolicySection.css.js",
   "front_end/panels/application/components/protocolHandlersView.css.js",
   "front_end/panels/application/components/reportingApiGrid.css.js",

package/front_end/core/i18n/locales/en-US.json

@@ -896,6 +896,15 @@
   "entrypoints/inspector_main/inspector_main-meta.ts | rendering": {
     "message": "Rendering"
   },
+  "entrypoints/inspector_main/inspector_main-meta.ts | searchAsYouTypeCommand": {
+    "message": "Enable search as you type"
+  },
+  "entrypoints/inspector_main/inspector_main-meta.ts | searchAsYouTypeSetting": {
+    "message": "Search as you type"
+  },
+  "entrypoints/inspector_main/inspector_main-meta.ts | searchOnEnterCommand": {
+    "message": "Disable search as you type (press Enter to search)"
+  },
   "entrypoints/inspector_main/inspector_main-meta.ts | showAds": {
     "message": "Show ads on this site, if allowed"
   },
@@ -1449,7 +1458,7 @@
     "message": "Your partner is negotiating an obsolete (D)TLS version. Please check with your partner to have this fixed."
   },
   "models/issues_manager/DeprecationIssue.ts | openWebDatabaseInsecureContext": {
-    "message": "WebSQL in non-secure contexts is deprecated and will be removed in M107. Please use Web Storage or Indexed Database."
+    "message": "WebSQL in non-secure contexts is deprecated and will be removed soon. Please use Web Storage or Indexed Database."
   },
   "models/issues_manager/DeprecationIssue.ts | persistentQuotaType": {
     "message": "StorageType.persistent is deprecated. Please use standardized navigator.storage instead."
@@ -9791,9 +9800,6 @@
   "panels/sources/BreakpointEditDialog.ts | pauseOnlyWhenTheConditionIsTrue": {
     "message": "Pause only when the condition is true"
   },
-  "panels/sources/BreakpointsSidebarPane.ts | noBreakpoints": {
-    "message": "No breakpoints"
-  },
   "panels/sources/CallStackSidebarPane.ts | addAllContentScriptsToIgnoreList": {
     "message": "Add all content scripts to ignore list"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -896,6 +896,15 @@
   "entrypoints/inspector_main/inspector_main-meta.ts | rendering": {
     "message": "R̂én̂d́êŕîńĝ"
   },
+  "entrypoints/inspector_main/inspector_main-meta.ts | searchAsYouTypeCommand": {
+    "message": "Êńâb́l̂é ŝéâŕĉh́ âś ŷóû t́ŷṕê"
+  },
+  "entrypoints/inspector_main/inspector_main-meta.ts | searchAsYouTypeSetting": {
+    "message": "Ŝéâŕĉh́ âś ŷóû t́ŷṕê"
+  },
+  "entrypoints/inspector_main/inspector_main-meta.ts | searchOnEnterCommand": {
+    "message": "D̂íŝáb̂ĺê śêár̂ćĥ áŝ ýôú t̂ýp̂é (p̂ŕêśŝ Én̂t́êŕ t̂ó ŝéâŕĉh́)"
+  },
   "entrypoints/inspector_main/inspector_main-meta.ts | showAds": {
     "message": "Ŝh́ôẃ âd́ŝ ón̂ t́ĥíŝ śît́ê, íf̂ ál̂ĺôẃêd́"
   },
@@ -1449,7 +1458,7 @@
     "message": "Ŷóûŕ p̂ár̂t́n̂ér̂ íŝ ńêǵôt́îát̂ín̂ǵ âń ôb́ŝól̂ét̂é (D̂)T́L̂Ś v̂ér̂śîón̂. Ṕl̂éâśê ćĥéĉḱ ŵít̂h́ ŷóûŕ p̂ár̂t́n̂ér̂ t́ô h́âv́ê t́ĥíŝ f́îx́êd́."
   },
   "models/issues_manager/DeprecationIssue.ts | openWebDatabaseInsecureContext": {
-    "message": "Ŵéb̂ŚQ̂Ĺ îń n̂ón̂-śêćûŕê ćôńt̂éx̂t́ŝ íŝ d́êṕr̂éĉát̂éd̂ án̂d́ ŵíl̂ĺ b̂é r̂ém̂óv̂éd̂ ín̂ Ḿ107. P̂ĺêáŝé ûśê Ẃêb́ Ŝt́ôŕâǵê ór̂ Ín̂d́êx́êd́ D̂át̂áb̂áŝé."
+    "message": "Ŵéb̂ŚQ̂Ĺ îń n̂ón̂-śêćûŕê ćôńt̂éx̂t́ŝ íŝ d́êṕr̂éĉát̂éd̂ án̂d́ ŵíl̂ĺ b̂é r̂ém̂óv̂éd̂ śôón̂. Ṕl̂éâśê úŝé Ŵéb̂ Śt̂ór̂áĝé ôŕ Îńd̂éx̂éd̂ D́ât́âb́âśê."
   },
   "models/issues_manager/DeprecationIssue.ts | persistentQuotaType": {
     "message": "StorageType.persistent îś d̂ép̂ŕêćât́êd́. P̂ĺêáŝé ûśê śt̂án̂d́âŕd̂íẑéd̂ navigator.storage ín̂śt̂éâd́."
@@ -9791,9 +9800,6 @@
   "panels/sources/BreakpointEditDialog.ts | pauseOnlyWhenTheConditionIsTrue": {
     "message": "P̂áûśê ón̂ĺŷ ẃĥén̂ t́ĥé ĉón̂d́ît́îón̂ íŝ t́r̂úê"
   },
-  "panels/sources/BreakpointsSidebarPane.ts | noBreakpoints": {
-    "message": "N̂ó b̂ŕêák̂ṕôín̂t́ŝ"
-  },
   "panels/sources/CallStackSidebarPane.ts | addAllContentScriptsToIgnoreList": {
     "message": "Âd́d̂ ál̂ĺ ĉón̂t́êńt̂ śĉŕîṕt̂ś t̂ó îǵn̂ór̂é l̂íŝt́"
   },

package/front_end/core/sdk/ScreenCaptureModel.ts

@@ -10,6 +10,11 @@ import {OverlayModel} from './OverlayModel.js';
 import {Capability, type Target} from './Target.js';
 import {SDKModel} from './SDKModel.js';
 
+export const enum ScreenshotMode {
+  FROM_VIEWPORT = 'fromViewport',
+  FROM_CLIP = 'fromClip',
+  FULLPAGE = 'fullpage',
+}
 export class ScreenCaptureModel extends SDKModel<void> implements ProtocolProxyApi.PageDispatcher {
   readonly #agent: ProtocolProxyApi.PageApi;
   #onScreencastFrame: ((arg0: Protocol.binary, arg1: Protocol.Page.ScreencastFrameMetadata) => void)|null;
@@ -39,11 +44,35 @@ export class ScreenCaptureModel extends SDKModel<void> implements ProtocolProxyA
   }
 
   async captureScreenshot(
-      format: Protocol.Page.CaptureScreenshotRequestFormat, quality: number,
+      format: Protocol.Page.CaptureScreenshotRequestFormat, quality: number, mode: ScreenshotMode,
       clip?: Protocol.Page.Viewport): Promise<string|null> {
+    const properties: Protocol.Page.CaptureScreenshotRequest = {
+      format: format,
+      quality: quality,
+      fromSurface: true,
+    };
+    switch (mode) {
+      case 'fromClip':
+        properties.captureBeyondViewport = true;
+        properties.clip = clip;
+        break;
+      case 'fullpage':
+        properties.captureBeyondViewport = true;
+        // TODO(crbug/1357584): Delete this after the upstream CDP change lands.
+        properties.clip = clip;
+        // TODO(crbug/1357584): Uncoment this after the upstream CDP change lands.
+        // properties.clip = undefined;
+        break;
+      case 'fromViewport':
+        properties.captureBeyondViewport = false;
+        properties.clip = undefined;
+        break;
+      default:
+        throw new Error('Unexpected or unspecified screnshotMode');
+    }
+
     await OverlayModel.muteHighlight();
-    const result = await this.#agent.invoke_captureScreenshot(
-        {format, quality, clip, fromSurface: true, captureBeyondViewport: true});
+    const result = await this.#agent.invoke_captureScreenshot(properties);
     await OverlayModel.unmuteHighlight();
     return result.data;
   }

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

@@ -93,6 +93,21 @@ const UIStrings = {
   */
   doNotAutoOpen: 'Do not auto-open DevTools for popups',
   /**
+  * @description A command available in the command menu to perform searches, for example in the
+  * elements panel, as user types, rather than only when they press Enter.
+   */
+  searchAsYouTypeSetting: 'Search as you type',
+  /**
+  * @description A command available in the command menu to perform searches, for example in the
+  * elements panel, as user types, rather than only when they press Enter.
+   */
+  searchAsYouTypeCommand: 'Enable search as you type',
+  /**
+  * @description A command available in the command menu to perform searches, for example in the
+  * elements panel, only when the user presses Enter.
+  */
+  searchOnEnterCommand: 'Disable search as you type (press Enter to search)',
+  /**
   * @description Title of a setting under the Appearance category in Settings. When the webpage is
   * paused by devtools, an overlay is shown on top of the page to indicate that it is paused. The
   * overlay is a pause/unpause button and some text, which appears on top of the paused page. This
@@ -245,6 +260,26 @@ Common.Settings.registerSettingExtension({
   ],
 });
 
+Common.Settings.registerSettingExtension({
+  category: Common.Settings.SettingCategory.GLOBAL,
+  storageType: Common.Settings.SettingStorageType.Local,
+  title: i18nLazyString(UIStrings.searchAsYouTypeSetting),
+  settingName: 'searchAsYouType',
+  settingType: Common.Settings.SettingType.BOOLEAN,
+  order: 3,
+  defaultValue: true,
+  options: [
+    {
+      value: true,
+      title: i18nLazyString(UIStrings.searchAsYouTypeCommand),
+    },
+    {
+      value: false,
+      title: i18nLazyString(UIStrings.searchOnEnterCommand),
+    },
+  ],
+});
+
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.APPEARANCE,
   storageType: Common.Settings.SettingStorageType.Synced,

package/front_end/models/emulation/DeviceModeModel.ts

@@ -722,13 +722,23 @@ export class DeviceModeModel extends Common.ObjectWrapper.ObjectWrapper<EventTyp
       return null;
     }
 
+    let screenshotMode;
+    if (clip) {
+      screenshotMode = SDK.ScreenCaptureModel.ScreenshotMode.FROM_CLIP;
+    } else if (fullSize) {
+      screenshotMode = SDK.ScreenCaptureModel.ScreenshotMode.FULLPAGE;
+    } else {
+      screenshotMode = SDK.ScreenCaptureModel.ScreenshotMode.FROM_VIEWPORT;
+    }
+
     const overlayModel = this.#emulationModel ? this.#emulationModel.overlayModel() : null;
     if (overlayModel) {
       overlayModel.setShowViewportSizeOnResize(false);
     }
 
+    // TODO(crbug/1357584): Delete this after the upstream CDP change lands.
     // Define the right clipping area for fullsize screenshots.
-    if (fullSize) {
+    if (!clip) {
       const metrics = await screenCaptureModel.fetchLayoutMetrics();
       if (!metrics) {
         return null;
@@ -738,8 +748,10 @@ export class DeviceModeModel extends Common.ObjectWrapper.ObjectWrapper<EventTyp
       const contentHeight = Math.min((1 << 14), metrics.contentHeight);
       clip = {x: 0, y: 0, width: Math.floor(metrics.contentWidth), height: Math.floor(contentHeight), scale: 1};
     }
-    const screenshot =
-        await screenCaptureModel.captureScreenshot(Protocol.Page.CaptureScreenshotRequestFormat.Png, 100, clip);
+    // TODO(crbug/1357584): Delete till here.
+
+    const screenshot = await screenCaptureModel.captureScreenshot(
+        Protocol.Page.CaptureScreenshotRequestFormat.Png, 100, screenshotMode, clip);
 
     const deviceMetrics: Protocol.Page.SetDeviceMetricsOverrideRequest = {
       width: 0,

package/front_end/models/issues_manager/DeprecationIssue.ts

@@ -185,7 +185,7 @@ const UIStrings = {
    * @description Warning displayed to developers when `window.openDatabase` is used in non-secure contexts to notify that the API is deprecated and will be removed.
    */
   openWebDatabaseInsecureContext:
-      'WebSQL in non-secure contexts is deprecated and will be removed in M107. Please use Web Storage or Indexed Database.',
+      'WebSQL in non-secure contexts is deprecated and will be removed soon. Please use Web Storage or Indexed Database.',
   /**
    * @description Warning displayed to developers when persistent storage type is used to notify that storage type is deprecated.
    */

package/front_end/models/workspace/UISourceCode.ts

@@ -528,21 +528,27 @@ export class UILocation {
     this.columnNumber = columnNumber;
   }
 
-  linkText(skipTrim?: boolean, showColumnNumber?: boolean): string {
-    let linkText = this.uiSourceCode.displayName(skipTrim);
+  linkText(skipTrim: boolean = false, showColumnNumber: boolean = false): string {
+    const displayName = this.uiSourceCode.displayName(skipTrim);
+    const lineAndColumnText = this.lineAndColumnText(showColumnNumber);
+    return lineAndColumnText ? displayName + ':' + lineAndColumnText : displayName;
+  }
+
+  lineAndColumnText(showColumnNumber: boolean = false): string|undefined {
+    let lineAndColumnText;
     if (this.uiSourceCode.mimeType() === 'application/wasm') {
       // For WebAssembly locations, we follow the conventions described in
       // github.com/WebAssembly/design/blob/master/Web.md#developer-facing-display-conventions
       if (typeof this.columnNumber === 'number') {
-        linkText += `:0x${this.columnNumber.toString(16)}`;
+        lineAndColumnText = `0x${this.columnNumber.toString(16)}`;
       }
     } else {
-      linkText += ':' + (this.lineNumber + 1);
+      lineAndColumnText = `${this.lineNumber + 1}`;
       if (showColumnNumber && typeof this.columnNumber === 'number') {
-        linkText += ':' + (this.columnNumber + 1);
+        lineAndColumnText += ':' + (this.columnNumber + 1);
       }
     }
-    return linkText;
+    return lineAndColumnText;
   }
 
   id(): string {

package/front_end/panels/application/components/OriginTrialTreeView.ts

@@ -11,7 +11,6 @@ import * as LitHtml from '../../../ui/lit-html/lit-html.js';
 
 import badgeStyles from './badge.css.js';
 import originTrialTokenRowsStyles from './originTrialTokenRows.css.js';
-import originTrialTreeViewStyles from './originTrialTreeView.css.js';
 
 const UIStrings = {
   /**
@@ -323,10 +322,6 @@ export class OriginTrialTreeView extends HTMLElement {
     this.#render(data.trials);
   }
 
-  connectedCallback(): void {
-    this.#shadow.adoptedStyleSheets = [originTrialTreeViewStyles];
-  }
-
   #render(trials: Protocol.Page.OriginTrial[]): void {
     if (!trials.length) {
       return;

package/front_end/panels/sources/BreakpointsSidebarPane.ts

@@ -2,23 +2,20 @@
 // 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 * as Platform from '../../core/platform/platform.js';
+import * as SDK from '../../core/sdk/sdk.js';
+import * as Bindings from '../../models/bindings/bindings.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
+import * as Workspace from '../../models/workspace/workspace.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
-const UIStrings = {
-  /**
-  *@description Text to indicate that there are no breakpoints
-  */
-  noBreakpoints: 'No breakpoints',
-};
-
-const str_ = i18n.i18n.registerUIStrings('panels/sources/BreakpointsSidebarPane.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+import * as SourcesComponents from './components/components.js';
 
 let breakpointsSidebarPaneInstance: BreakpointsSidebarPane;
+let breakpointsViewControllerInstance: BreakpointsSidebarController;
 
 export class BreakpointsSidebarPane extends UI.ThrottledWidget.ThrottledWidget {
-  readonly #noBreakpointsView: HTMLElement;
+  readonly #breakpointsView: SourcesComponents.BreakpointsView.BreakpointsView;
 
   static instance(): BreakpointsSidebarPane {
     if (!breakpointsSidebarPaneInstance) {
@@ -30,8 +27,190 @@ export class BreakpointsSidebarPane extends UI.ThrottledWidget.ThrottledWidget {
   constructor() {
     super(true);
 
-    this.#noBreakpointsView = this.contentElement.createChild('div', 'gray-info-message');
-    this.#noBreakpointsView.textContent = i18nString(UIStrings.noBreakpoints);
-    this.#noBreakpointsView.tabIndex = -1;
+    this.#breakpointsView = new SourcesComponents.BreakpointsView.BreakpointsView();
+    this.contentElement.appendChild(this.#breakpointsView);
+    this.update();
+  }
+
+  async doUpdate(): Promise<void> {
+    await BreakpointsSidebarController.instance().update();
+  }
+
+  set data(data: SourcesComponents.BreakpointsView.BreakpointsViewData) {
+    this.#breakpointsView.data = data;
+  }
+}
+export class BreakpointsSidebarController implements UI.ContextFlavorListener.ContextFlavorListener {
+  readonly #breakpointManager: Bindings.BreakpointManager.BreakpointManager;
+
+  constructor() {
+    this.#breakpointManager = Bindings.BreakpointManager.BreakpointManager.instance();
+    this.#breakpointManager.addEventListener(Bindings.BreakpointManager.Events.BreakpointAdded, this.update, this);
+    this.#breakpointManager.addEventListener(Bindings.BreakpointManager.Events.BreakpointRemoved, this.update, this);
+  }
+
+  static instance(opts: {forceNew: boolean|null} = {forceNew: null}): BreakpointsSidebarController {
+    if (!breakpointsViewControllerInstance || opts.forceNew) {
+      breakpointsViewControllerInstance = new BreakpointsSidebarController();
+    }
+    return breakpointsViewControllerInstance;
+  }
+
+  flavorChanged(_object: Object|null): void {
+    void this.update();
+  }
+
+  async update(): Promise<void> {
+    const data = await this.getUpdatedBreakpointViewData();
+    BreakpointsSidebarPane.instance().data = data;
+  }
+
+  async getUpdatedBreakpointViewData(): Promise<SourcesComponents.BreakpointsView.BreakpointsViewData> {
+    const breakpointLocations = this.#getBreakpointLocations();
+    if (!breakpointLocations.length) {
+      return {groups: []};
+    }
+
+    const locationsGroupedById = this.#groupBreakpointLocationsById(breakpointLocations);
+    const locationIdsByLineId = this.#getLocationIdsByLineId(breakpointLocations);
+
+    const content = await this.#getContent(locationsGroupedById);
+    const selectedUILocation = await this.#getHitUILocation();
+
+    const urlToGroup = new Map<Platform.DevToolsPath.UrlString, SourcesComponents.BreakpointsView.BreakpointGroup>();
+
+    for (let idx = 0; idx < locationsGroupedById.length; idx++) {
+      const locations = locationsGroupedById[idx];
+      const fstLocation = locations[0];
+      const sourceURL = fstLocation.uiLocation.uiSourceCode.url();
+      const uiLocation = fstLocation.uiLocation;
+
+      const isHit = selectedUILocation !== null &&
+          locations.some(location => location.uiLocation.id() === selectedUILocation.id());
+
+      const numBreakpointsOnLine = locationIdsByLineId.get(uiLocation.lineId()).size;
+      const showColumn = numBreakpointsOnLine > 1;
+      const locationText = uiLocation.lineAndColumnText(showColumn);
+
+      const text = (content[idx] as TextUtils.Text.Text);
+      const codeSnippet = text.lineAt(uiLocation.lineNumber);
+
+      const status: SourcesComponents.BreakpointsView.BreakpointStatus = this.#getBreakpointState(locations);
+      const item = {location: locationText, codeSnippet, isHit, status} as
+          SourcesComponents.BreakpointsView.BreakpointItem;
+
+      let group = urlToGroup.get(sourceURL);
+      if (group) {
+        group.breakpointItems.push(item);
+      } else {
+        group =
+            {url: sourceURL, name: uiLocation.uiSourceCode.displayName(), expanded: true, breakpointItems: [item]} as
+            SourcesComponents.BreakpointsView.BreakpointGroup;
+        urlToGroup.set(sourceURL, group);
+      }
+    }
+    return {groups: Array.from(urlToGroup.values())};
+  }
+
+  async #getHitUILocation(): Promise<Workspace.UISourceCode.UILocation|null> {
+    const details = UI.Context.Context.instance().flavor(SDK.DebuggerModel.DebuggerPausedDetails);
+    if (details && details.callFrames.length) {
+      return await Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().rawLocationToUILocation(
+          details.callFrames[0].location());
+    }
+    return null;
+  }
+
+  #getBreakpointLocations(): Bindings.BreakpointManager.BreakpointLocation[] {
+    const locations = this.#breakpointManager.allBreakpointLocations().filter(
+        breakpointLocation =>
+            breakpointLocation.uiLocation.uiSourceCode.project().type() !== Workspace.Workspace.projectTypes.Debugger);
+
+    locations.sort((item1, item2) => item1.uiLocation.compareTo(item2.uiLocation));
+
+    const result = [];
+    let lastBreakpoint: Bindings.BreakpointManager.Breakpoint|null = null;
+    let lastLocation: Workspace.UISourceCode.UILocation|null = null;
+    for (const location of locations) {
+      if (location.breakpoint !== lastBreakpoint || (lastLocation && location.uiLocation.compareTo(lastLocation))) {
+        result.push(location);
+        lastBreakpoint = location.breakpoint;
+        lastLocation = location.uiLocation;
+      }
+    }
+    return result;
+  }
+
+  #groupBreakpointLocationsById(breakpointLocations: Bindings.BreakpointManager.BreakpointLocation[]):
+      Bindings.BreakpointManager.BreakpointLocation[][] {
+    const map = new Platform.MapUtilities.Multimap<string, Bindings.BreakpointManager.BreakpointLocation>();
+    for (const breakpointLocation of breakpointLocations) {
+      const uiLocation = breakpointLocation.uiLocation;
+      map.set(uiLocation.id(), breakpointLocation);
+    }
+    const arr: Bindings.BreakpointManager.BreakpointLocation[][] = [];
+    for (const id of map.keysArray()) {
+      const locations = Array.from(map.get(id));
+      if (locations.length) {
+        arr.push(locations);
+      }
+    }
+    return arr;
+  }
+
+  #getLocationIdsByLineId(breakpointLocations: Bindings.BreakpointManager.BreakpointLocation[]):
+      Platform.MapUtilities.Multimap<string, string> {
+    const result = new Platform.MapUtilities.Multimap<string, string>();
+
+    for (const breakpointLocation of breakpointLocations) {
+      const uiLocation = breakpointLocation.uiLocation;
+      result.set(uiLocation.lineId(), uiLocation.id());
+    }
+
+    return result;
+  }
+
+  #getBreakpointState(locations: Bindings.BreakpointManager.BreakpointLocation[]):
+      SourcesComponents.BreakpointsView.BreakpointStatus {
+    const hasEnabled = locations.some(location => location.breakpoint.enabled());
+    const hasDisabled = locations.some(location => !location.breakpoint.enabled());
+    let status: SourcesComponents.BreakpointsView.BreakpointStatus;
+    if (hasEnabled) {
+      status = hasDisabled ? SourcesComponents.BreakpointsView.BreakpointStatus.INDETERMINATE :
+                             SourcesComponents.BreakpointsView.BreakpointStatus.ENABLED;
+    } else {
+      status = SourcesComponents.BreakpointsView.BreakpointStatus.DISABLED;
+    }
+    return status;
+  }
+
+  #getContent(locations: Bindings.BreakpointManager.BreakpointLocation[][]): Promise<TextUtils.Text.Text[]> {
+    // Use a cache to share the Text objects between all breakpoints. This way
+    // we share the cached line ending information that Text calculates. This
+    // was very slow to calculate with a lot of breakpoints in the same very
+    // large source file.
+    const contentToTextMap = new Map<string, TextUtils.Text.Text>();
+
+    return Promise.all(locations.map(async ([{uiLocation: {uiSourceCode}}]) => {
+      if (uiSourceCode.mimeType() === 'application/wasm') {
+        // We could mirror the logic from `SourceFrame._ensureContentLoaded()` here
+        // (and if so, ideally share that code somewhere), but that's quite heavy
+        // logic just to display a single Wasm instruction. Also not really clear
+        // how much value this would add. So let's keep it simple for now and don't
+        // display anything additional for Wasm breakpoints, and if there's demand
+        // to display some text preview, we could look into selectively disassemb-
+        // ling the part of the text that we need here.
+        // Relevant crbug: https://crbug.com/1090256
+        return new TextUtils.Text.Text('');
+      }
+      const {content} = await uiSourceCode.requestContent();
+      const contentText = content || '';
+      if (contentToTextMap.has(contentText)) {
+        return contentToTextMap.get(contentText) as TextUtils.Text.Text;
+      }
+      const text = new TextUtils.Text.Text(contentText);
+      contentToTextMap.set(contentText, text);
+      return text;
+    }));
   }
 }

package/front_end/panels/sources/components/breakpointsView.css

@@ -39,7 +39,7 @@ details > summary {
   height: 18px;
   list-style: none;
   display: flex;
-  padding: 4px 4px 4px 6px;
+  padding: 0 4px 0 6px;
   align-items: center;
 }
 

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

@@ -1730,7 +1730,7 @@ UI.Context.registerListener({
   },
   async loadListener() {
     const Sources = await loadSourcesModule();
-    return Sources.JavaScriptBreakpointsSidebarPane.JavaScriptBreakpointsSidebarPane.instance();
+    return Sources.BreakpointsSidebarPane.BreakpointsSidebarController.instance();
   },
 });
 

package/front_end/ui/legacy/SearchableView.ts

@@ -561,6 +561,10 @@ export class SearchableView extends VBox {
   }
 
   private onInput(_event: Event): void {
+    if (!Common.Settings.Settings.instance().moduleSetting('searchAsYouType').get()) {
+      return;
+    }
+
     if (this.valueChangedTimeoutId) {
       clearTimeout(this.valueChangedTimeoutId);
     }

package/package.json

@@ -56,5 +56,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "vpython third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.1040337"
+  "version": "1.0.1040857"
 }

package/front_end/panels/application/components/originTrialTreeView.css

@@ -1,9 +0,0 @@
-/*
- * Copyright (c) 2021 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.
- */
-
-:host {
-  --legacy-item-selection-bg-color: transparent;
-}