chrome-devtools-frontend 1.0.1654411 → 1.0.1656291

package/front_end/panels/network/components/RequestHeadersView.css

@@ -128,7 +128,7 @@ div.raw-headers-row {
 }
 
 .inline-icon {
-  vertical-align: middle;
+  vertical-align: sub;
 }
 
 .header-grid-container {

package/front_end/panels/security/SecurityPanel.ts

@@ -12,7 +12,7 @@ import * as Protocol from '../../generated/protocol.js';
 import * as NetworkForward from '../../panels/network/forward/forward.js';
 import {createIcon, type Icon} from '../../ui/kit/kit.js';
 import * as UI from '../../ui/legacy/legacy.js';
-import {html, render} from '../../ui/lit/lit.js';
+import {html, render, type TemplateResult} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 
 import lockIconStyles from './lockIcon.css.js';
@@ -510,26 +510,31 @@ export function getSecurityStateIconForOverview(
   return createIcon(iconName, className);
 }
 
-export function createHighlightedUrl(url: Platform.DevToolsPath.UrlString, securityState: string): Element {
+function renderHighlightedUrl(url: Platform.DevToolsPath.UrlString, securityState: string): TemplateResult {
   const schemeSeparator = '://';
   const index = url.indexOf(schemeSeparator);
 
   // If the separator is not found, just display the text without highlighting.
   if (index === -1) {
-    const text = document.createElement('span');
-    text.textContent = url;
-    return text;
+    return html`<span>${url}</span>`;
   }
 
-  const highlightedUrl = document.createElement('span');
-  highlightedUrl.classList.add('highlighted-url');
   const scheme = url.substr(0, index);
   const content = url.substr(index + schemeSeparator.length);
-  highlightedUrl.createChild('span', 'url-scheme-' + securityState).textContent = scheme;
-  highlightedUrl.createChild('span', 'url-scheme-separator').textContent = schemeSeparator;
-  highlightedUrl.createChild('span').textContent = content;
 
-  return highlightedUrl;
+  return html`
+    <span class="highlighted-url">
+      <span class=${`url-scheme-${securityState}`}>${scheme}</span>
+      <span class="url-scheme-separator">${schemeSeparator}</span>
+      <span>${content}</span>
+    </span>`;
+}
+
+export function createHighlightedUrl(url: Platform.DevToolsPath.UrlString, securityState: string): Element {
+  const fragment = document.createDocumentFragment();
+  // eslint-disable-next-line @devtools/no-lit-render-outside-of-view
+  render(renderHighlightedUrl(url, securityState), fragment);
+  return fragment.firstElementChild as Element;
 }
 
 export interface ViewInput {
@@ -1315,11 +1320,14 @@ export class SecurityMainView extends UI.Widget.VBox {
 }
 
 export class SecurityOriginView extends UI.Widget.VBox {
-  private readonly originLockIcon: HTMLElement;
+  readonly #origin: Platform.DevToolsPath.UrlString;
+  readonly #originDisplay: HTMLElement;
+
   constructor(origin: Platform.DevToolsPath.UrlString, originState: OriginState) {
     super({jslog: `${VisualLogging.pane('security.origin-view')}`});
     this.registerRequiredCSS(originViewStyles, lockIconStyles);
     this.setMinimumSize(200, 100);
+    this.#origin = origin;
 
     this.element.classList.add('security-origin-view');
 
@@ -1328,13 +1336,8 @@ export class SecurityOriginView extends UI.Widget.VBox {
     titleDiv.textContent = i18nString(UIStrings.origin);
     UI.ARIAUtils.markAsHeading(titleDiv, 1);
 
-    const originDisplay = titleSection.createChild('div', 'origin-display');
-    this.originLockIcon = originDisplay.createChild('span');
-    const icon = getSecurityStateIconForDetailedView(
-        originState.securityState, `security-property security-property-${originState.securityState}`);
-    this.originLockIcon.appendChild(icon);
-
-    originDisplay.appendChild(createHighlightedUrl(origin, originState.securityState));
+    this.#originDisplay = titleSection.createChild('div', 'origin-display');
+    this.#renderOriginDisplay(originState.securityState);
 
     const originNetworkDiv = titleSection.createChild('div', 'view-network-button');
     const originNetworkButton = UI.UIUtils.createTextButton(i18nString(UIStrings.viewRequestsInNetworkPanel), event => {
@@ -1573,10 +1576,20 @@ export class SecurityOriginView extends UI.Widget.VBox {
   }
 
   setSecurityState(newSecurityState: Protocol.Security.SecurityState): void {
-    this.originLockIcon.removeChildren();
-    const icon = getSecurityStateIconForDetailedView(
-        newSecurityState, `security-property security-property-${newSecurityState}`);
-    this.originLockIcon.appendChild(icon);
+    this.#renderOriginDisplay(newSecurityState);
+  }
+
+  #renderOriginDisplay(securityState: Protocol.Security.SecurityState): void {
+    const icon =
+        getSecurityStateIconForDetailedView(securityState, `security-property security-property-${securityState}`);
+
+    // clang-format off
+    // eslint-disable-next-line @devtools/no-lit-render-outside-of-view
+    render(html`
+      ${icon}
+      ${renderHighlightedUrl(this.#origin, securityState)}
+    `, this.#originDisplay);
+    // clang-format on
   }
 }
 

package/front_end/panels/settings/SettingsScreen.ts

@@ -11,14 +11,13 @@ 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 Root from '../../core/root/root.js';
-import * as GreenDev from '../../models/greendev/greendev.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
 import * as UIHelpers from '../../ui/helpers/helpers.js';
 import {type Card, createIcon, Link} from '../../ui/kit/kit.js';
 import * as SettingsUI from '../../ui/legacy/components/settings_ui/settings_ui.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
 import * as UI from '../../ui/legacy/legacy.js';
-import {html, nothing, render, type TemplateResult} from '../../ui/lit/lit.js';
+import {html, render} from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
 import {PanelUtils} from '../utils/utils.js';
 
@@ -51,11 +50,6 @@ const UIStrings = {
    * @description Message shown in the experiments panel to warn users about any possible unstable features.
    */
   theseExperimentsCouldBeUnstable: 'Warning: These experiments could be unstable or unreliable.',
-  /**
-   * @description Message shown in the GreenDev prototypes panel to warn users about any possible unstable features.
-   */
-  greenDevUnstable:
-      'Warning: All these features are prototype and very unstable. They exist for user testing and are not designed to be relied on.',
   /**
    * @description Message to display if a setting change requires a reload of DevTools
    */
@@ -276,14 +270,14 @@ export class GenericSettingsTab extends UI.Widget.VBox implements SettingsTab {
     );
 
     for (const sectionCategory of explicitSectionOrder) {
-      const settingsForSection = preRegisteredSettings.filter(
-          setting => setting.category === sectionCategory && GenericSettingsTab.isSettingVisible(setting));
+      const settingsForSection = preRegisteredSettings.filter(setting => setting.category === sectionCategory &&
+                                                                  GenericSettingsTab.isSettingVisible(setting));
       this.createSectionElement(sectionCategory, settingsForSection);
     }
 
-    const restoreAndReloadButton = UI.UIUtils.createTextButton(
-        i18nString(UIStrings.restoreDefaultsAndReload), restoreAndReload,
-        {jslogContext: 'settings.restore-defaults-and-reload'});
+    const restoreAndReloadButton =
+        UI.UIUtils.createTextButton(i18nString(UIStrings.restoreDefaultsAndReload), restoreAndReload,
+                                    {jslogContext: 'settings.restore-defaults-and-reload'});
     this.containerElement.appendChild(restoreAndReloadButton);
 
     function restoreAndReload(): void {
@@ -335,8 +329,8 @@ export class GenericSettingsTab extends UI.Widget.VBox implements SettingsTab {
     this.createStandardSectionElement(sectionName, settings, element);
   }
 
-  private createSectionElement(
-      category: Common.Settings.SettingCategory, settings: Common.Settings.SettingRegistration[]): void {
+  private createSectionElement(category: Common.Settings.SettingCategory,
+                               settings: Common.Settings.SettingRegistration[]): void {
     // Always create the EXTENSIONS section and append the link handling control.
     if (category === Common.Settings.SettingCategory.EXTENSIONS) {
       this.createExtensionSection(settings);
@@ -350,9 +344,8 @@ export class GenericSettingsTab extends UI.Widget.VBox implements SettingsTab {
     }
   }
 
-  private createStandardSectionElement(
-      category: Common.Settings.SettingCategory, settings: Common.Settings.SettingRegistration[],
-      content?: Element): void {
+  private createStandardSectionElement(category: Common.Settings.SettingCategory,
+                                       settings: Common.Settings.SettingRegistration[], content?: Element): void {
     const uiSectionName = Common.Settings.getLocalizedSettingsCategory(category);
     const sectionElement = document.createElement('div');
     for (const settingRegistration of settings) {
@@ -399,15 +392,14 @@ export class ExperimentsSettingsTab extends UI.Widget.VBox implements SettingsTa
 
     const filterSection = this.containerElement.createChild('div');
     filterSection.classList.add('experiments-filter');
-    render(
-        html`
+    render(html`
         <devtools-toolbar>
           <devtools-toolbar-input autofocus type="filter" placeholder=${
-            i18nString(UIStrings.searchExperiments)} style="flex-grow:1" @change=${
-            this.#onFilterChanged.bind(this)}></devtools-toolbar-input>
+               i18nString(UIStrings.searchExperiments)} style="flex-grow:1" @change=${
+               this.#onFilterChanged.bind(this)}></devtools-toolbar-input>
         </devtools-toolbar>
     `,
-        filterSection);
+           filterSection);
     this.renderExperiments('');
   }
 
@@ -455,8 +447,8 @@ export class ExperimentsSettingsTab extends UI.Widget.VBox implements SettingsTa
     return subsection;
   }
 
-  private createExperimentCheckbox(experiment: Root.Runtime.Experiment|Root.Runtime.HostExperiment):
-      HTMLParagraphElement {
+  private createExperimentCheckbox(experiment: Root.Runtime.Experiment|
+                                   Root.Runtime.HostExperiment): HTMLParagraphElement {
     const checkbox =
         UI.UIUtils.CheckboxLabel.createWithStringLiteral(experiment.title, experiment.isEnabled(), experiment.name);
     checkbox.classList.add('experiment-label');
@@ -547,8 +539,8 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
 }
 export class Revealer implements
     Common.Revealer.Revealer<Root.Runtime.Experiment|Root.Runtime.HostExperiment|Common.Settings.Setting<unknown>> {
-  async reveal(object: Root.Runtime.Experiment|Root.Runtime.HostExperiment|Common.Settings.Setting<unknown>):
-      Promise<void> {
+  async reveal(object: Root.Runtime.Experiment|Root.Runtime.HostExperiment|
+               Common.Settings.Setting<unknown>): Promise<void> {
     const context = UI.Context.Context.instance();
     if (object instanceof Root.Runtime.Experiment || object instanceof Root.Runtime.HostExperiment) {
       Host.InspectorFrontendHost.InspectorFrontendHostInstance.bringToFront();
@@ -599,80 +591,3 @@ export interface ShowSettingsScreenOptions {
   name?: string;
   focusTabHeader?: boolean;
 }
-
-export class GreenDevSettingsTab extends UI.Widget.VBox implements SettingsTab {
-  #view: View;
-
-  constructor(view = GREENDEV_VIEW) {
-    super({jslog: `${VisualLogging.pane('greendev-prototypes')}`});
-    this.element.id = 'greendev-prototypes-tab-content';
-
-    this.#view = view;
-
-    this.requestUpdate();
-  }
-
-  highlightObject(_object: Object): void {
-  }
-
-  override performUpdate(): Promise<void>|void {
-    const settings = GreenDev.Prototypes.instance().settings();
-    this.#view({settings}, {}, this.element);
-  }
-}
-
-interface GreenDevViewInput {
-  settings: GreenDev.GreenDevSettings;
-}
-
-type View = (input: GreenDevViewInput, output: object, target: HTMLElement) => void;
-const GREENDEV_VIEW: View = (input, _output, target) => {
-  // clang-format off
-  render(html`
-         <div class="settings-card-container">
-           <devtools-card .heading=${'GreenDev prototypes'}>
-             <div class="experiments-warning-subsection">
-              <devtools-icon .name=${'warning'}></devtools-icon>
-              <span>${i18nString(UIStrings.greenDevUnstable)}</span>
-             </div>
-             <div class="settings-experiments-block">
-               ${renderPrototypeCheckboxes(input.settings, ['aiAnnotations', 'beyondStylingGemini', 'beyondStylingAntigravity', 'emulationCapabilities'])}
-             </div>
-           </devtools-card>
-         </div>
-       `, target);
-  // clang-format on
-};
-
-const GREENDEV_PROTOTYPE_NAMES: Record<keyof GreenDev.GreenDevSettings, string> = {
-  aiAnnotations: 'AI auto-annotations',
-  beyondStylingGemini: 'Beyond Styling (Gemini CLI)',
-  beyondStylingAntigravity: 'Beyond Styling (Antigravity CLI)',
-  emulationCapabilities: 'Emulation Capabilities',
-};
-
-function renderPrototypeCheckboxes(
-    settings: GreenDev.GreenDevSettings,
-    keys: Array<keyof GreenDev.GreenDevSettings>,
-    ): TemplateResult {
-  const {bindToSetting} = UI.UIUtils;
-
-  function showChangeWarning(): void {
-    UI.InspectorView.InspectorView.instance().displayReloadRequiredWarning(
-        i18nString(UIStrings.settingsChangedReloadDevTools));
-  }
-  // clang-format off
-  const checkboxes = Object.keys(settings).map(name => {
-    const settingName = name as keyof GreenDev.GreenDevSettings;
-    if(!keys.includes(settingName)) {
-      return nothing;
-    }
-    const setting = settings[settingName];
-    const title = GREENDEV_PROTOTYPE_NAMES[settingName];
-    return html`<p class="settings-experiment">
-      <devtools-checkbox @change=${showChangeWarning} title=${title} ${bindToSetting(setting)}>${title}</devtools-checkbox>
-    </p>`;
-  });
-  return html`${checkboxes}`;
-  // clang-format on
-}

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

@@ -24,14 +24,6 @@ const UIStrings = {
    * @description Text in Settings Screen of the Settings
    */
   experiments: 'Experiments',
-  /**
-   * @description Text in Settings Screen of the Settings
-   */
-  greenDevProtoTypes: 'GreenDev',
-  /**
-   * @description Command for showing the GreenDev tab in the Settings Screen
-   */
-  showGreenDev: 'Show GreenDev',
   /**
    * @description Title of Ignore list settings
    */
@@ -162,22 +154,6 @@ UI.ViewManager.registerViewExtension({
   iconName: 'clear-list',
 });
 
-UI.ViewManager.registerViewExtension({
-  location: UI.ViewManager.ViewLocationValues.SETTINGS_VIEW,
-  id: 'greendev-prototypes',
-  title: i18nLazyString(UIStrings.greenDevProtoTypes),
-  commandPrompt: i18nLazyString(UIStrings.showGreenDev),
-  order: 101,
-  async loadView() {
-    const Settings = await loadSettingsModule();
-    return new Settings.SettingsScreen.GreenDevSettingsTab();
-  },
-  iconName: 'experiment',
-  condition: config => {
-    return Boolean(config?.devToolsGreenDevUi?.enabled);
-  },
-});
-
 UI.ViewManager.registerViewExtension({
   location: UI.ViewManager.ViewLocationValues.SETTINGS_VIEW,
   id: 'keybinds',

package/front_end/panels/timeline/TimelineController.ts

@@ -11,6 +11,7 @@ import * as CrUXManager from '../../models/crux-manager/crux-manager.js';
 import * as LiveMetrics from '../../models/live-metrics/live-metrics.js';
 import * as Trace from '../../models/trace/trace.js';
 import * as PanelCommon from '../../panels/common/common.js';
+import * as MobileThrottling from '../../panels/mobile_throttling/mobile_throttling.js';
 import * as Tracing from '../../services/tracing/tracing.js';
 
 import * as RecordingMetadata from './RecordingMetadata.js';
@@ -355,9 +356,9 @@ export class TimelineController implements Tracing.TracingManager.TracingManager
     // temporarily disable throttling whilst the final trace event collection
     // takes place. Once it is done, we re-enable it (this is the existing
     // behaviour within DevTools; the throttling settling is sticky + global).
-    const throttlingManager = SDK.CPUThrottlingManager.CPUThrottlingManager.instance();
+    const throttlingManager = MobileThrottling.ThrottlingManager.throttlingManager();
     const optionDuringRecording = throttlingManager.cpuThrottlingOption();
-    throttlingManager.setCPUThrottlingOption(SDK.CPUThrottlingManager.NoThrottlingOption);
+    throttlingManager.setCPUThrottlingOption(PanelCommon.CPUThrottlingOption.NoThrottlingOption);
 
     this.client.loadingStarted();
 

package/front_end/panels/timeline/TimelinePanel.ts

@@ -316,6 +316,9 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let timelinePanelInstance: TimelinePanel|undefined;
 
+// Total time to wait for source maps to load before giving up so trace processing can proceed.
+const SOURCE_MAP_LOAD_TIMEOUT_MS = 5000;
+
 /**
  * Represents the states that the timeline panel can be in.
  * If you need to change the panel's view, use the {@link TimelinePanel.#changeView} method.
@@ -2649,12 +2652,19 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
     };
 
     metadata.sourceMaps = [];
+    await this.#handleSourceMapPromise(parsedTrace, handleScript);
+  }
 
+  async #handleSourceMapPromise(parsedTrace: Trace.TraceModel.ParsedTrace,
+                                handleScript: (script: Trace.Handlers.ModelHandlers.Scripts.Script) => Promise<void>):
+      Promise<void> {
     const promises = [];
     for (const script of parsedTrace?.data.Scripts.scripts.values() ?? []) {
       promises.push(handleScript(script));
     }
-    await Promise.all(promises);
+
+    const timeout = new Promise<void>(resolve => setTimeout(resolve, SOURCE_MAP_LOAD_TIMEOUT_MS));
+    await Promise.race([Promise.allSettled(promises), timeout]);
   }
 
   #createSourceMapResolver(isFreshRecording: boolean, metadata: Trace.Types.File.MetaData|null):
@@ -2688,7 +2698,8 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       return await debuggerModel.sourceMapManager().sourceMapForClientPromise(script);
     }
 
-    return async function resolveSourceMap(params: Trace.Types.Configuration.ResolveSourceMapParams) {
+    async function resolveSourceMap(params: Trace.Types.Configuration.ResolveSourceMapParams):
+        Promise<SDK.SourceMap.SourceMap|null> {
       const {scriptId, scriptUrl, sourceUrl, sourceMapUrl, frame, cachedRawSourceMap} = params;
 
       if (cachedRawSourceMap) {
@@ -2745,7 +2756,13 @@ export class TimelinePanel extends Common.ObjectWrapper.eventMixin<EventTypes, t
       const payload = await SDK.SourceMapManager.tryLoadSourceMap(
           TimelinePanel.instance().#resourceLoader, sourceMapUrl, initiator);
       return payload ? new SDK.SourceMap.SourceMap(sourceUrl, sourceMapUrl, payload) : null;
-    };
+    }
+
+    const timeout = new Promise<null>(resolve => setTimeout(() => resolve(null), SOURCE_MAP_LOAD_TIMEOUT_MS));
+    return function resolveSourceMapWithTimeout(params: Trace.Types.Configuration.ResolveSourceMapParams):
+        Promise<SDK.SourceMap.SourceMap|null> {
+          return Promise.race([resolveSourceMap(params), timeout]);
+        };
   }
 
   async #retainResourceContentsForEnhancedTrace(

package/front_end/panels/timeline/components/CPUThrottlingSelector.ts

@@ -12,6 +12,7 @@ import type * as Menus from '../../../ui/components/menus/menus.js';
 import * as UI from '../../../ui/legacy/legacy.js';
 import * as Lit from '../../../ui/lit/lit.js';
 import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
+import * as PanelsCommon from '../../common/common.js';
 import * as MobileThrottling from '../../mobile_throttling/mobile_throttling.js';
 
 import cpuThrottlingSelectorStyles from './cpuThrottlingSelector.css.js';
@@ -57,22 +58,22 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 interface CPUThrottlingGroup {
   name: string;
-  items: SDK.CPUThrottlingManager.CPUThrottlingOption[];
+  items: PanelsCommon.CPUThrottlingOption.CPUThrottlingOption[];
   showCustomAddOption?: boolean;
 }
 
 interface ViewInput {
-  recommendedOption: SDK.CPUThrottlingManager.CPUThrottlingOption|null;
-  currentOption: SDK.CPUThrottlingManager.CPUThrottlingOption;
+  recommendedOption: PanelsCommon.CPUThrottlingOption.CPUThrottlingOption|null;
+  currentOption: PanelsCommon.CPUThrottlingOption.CPUThrottlingOption;
   groups: CPUThrottlingGroup[];
-  throttling: SDK.CPUThrottlingManager.CalibratedCPUThrottling;
+  throttling: PanelsCommon.CPUThrottlingOption.CalibratedCPUThrottling;
   onMenuItemSelected: (event: Menus.SelectMenu.SelectMenuItemSelectedEvent) => void;
   onCalibrateClick: () => void;
 }
 
 export const DEFAULT_VIEW = (input: ViewInput, _output: undefined, target: HTMLElement): void => {
   let recommendedInfoEl;
-  if (input.recommendedOption && input.currentOption === SDK.CPUThrottlingManager.NoThrottlingOption) {
+  if (input.recommendedOption && input.currentOption === PanelsCommon.CPUThrottlingOption.NoThrottlingOption) {
     recommendedInfoEl = html`<devtools-icon
         title=${i18nString(UIStrings.recommendedThrottlingReason)}
         name=info></devtools-icon>`;
@@ -134,24 +135,24 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: undefined, target: HTMLE
 type View = typeof DEFAULT_VIEW;
 
 export class CPUThrottlingSelector extends UI.Widget.Widget {
-  #currentOption: SDK.CPUThrottlingManager.CPUThrottlingOption;
-  #recommendedOption: SDK.CPUThrottlingManager.CPUThrottlingOption|null = null;
+  #currentOption: PanelsCommon.CPUThrottlingOption.CPUThrottlingOption;
+  #recommendedOption: PanelsCommon.CPUThrottlingOption.CPUThrottlingOption|null = null;
   #groups: CPUThrottlingGroup[] = [];
-  #calibratedThrottlingSetting: Common.Settings.Setting<SDK.CPUThrottlingManager.CalibratedCPUThrottling>;
+  #calibratedThrottlingSetting: Common.Settings.Setting<PanelsCommon.CPUThrottlingOption.CalibratedCPUThrottling>;
   readonly #view: View;
   readonly #cpuThrottlingManager = SDK.CPUThrottlingManager.CPUThrottlingManager.instance();
 
   constructor(element?: HTMLElement, view: View = DEFAULT_VIEW) {
     super(element);
-    this.#currentOption = this.#cpuThrottlingManager.cpuThrottlingOption();
+    this.#currentOption = MobileThrottling.ThrottlingManager.throttlingManager().cpuThrottlingOption();
     this.#calibratedThrottlingSetting =
-        Common.Settings.Settings.instance().createSetting<SDK.CPUThrottlingManager.CalibratedCPUThrottling>(
+        Common.Settings.Settings.instance().createSetting<PanelsCommon.CPUThrottlingOption.CalibratedCPUThrottling>(
             'calibrated-cpu-throttling', {}, Common.Settings.SettingStorageType.GLOBAL);
     this.#resetGroups();
     this.#view = view;
   }
 
-  set recommendedOption(recommendedOption: SDK.CPUThrottlingManager.CPUThrottlingOption|null) {
+  set recommendedOption(recommendedOption: PanelsCommon.CPUThrottlingOption.CPUThrottlingOption|null) {
     this.#recommendedOption = recommendedOption;
     this.requestUpdate();
   }
@@ -172,7 +173,7 @@ export class CPUThrottlingSelector extends UI.Widget.Widget {
   }
 
   #onOptionChange(): void {
-    this.#currentOption = this.#cpuThrottlingManager.cpuThrottlingOption();
+    this.#currentOption = MobileThrottling.ThrottlingManager.throttlingManager().cpuThrottlingOption();
 
     this.requestUpdate();
   }
@@ -186,9 +187,9 @@ export class CPUThrottlingSelector extends UI.Widget.Widget {
     let option;
     if (typeof event.itemValue === 'string') {
       if (event.itemValue === 'low-tier-mobile') {
-        option = SDK.CPUThrottlingManager.CalibratedLowTierMobileThrottlingOption;
+        option = PanelsCommon.CPUThrottlingOption.CalibratedLowTierMobileThrottlingOption;
       } else if (event.itemValue === 'mid-tier-mobile') {
-        option = SDK.CPUThrottlingManager.CalibratedMidTierMobileThrottlingOption;
+        option = PanelsCommon.CPUThrottlingOption.CalibratedMidTierMobileThrottlingOption;
       }
     } else {
       const rate = Number(event.itemValue);

package/front_end/panels/timeline/timelineFlamechartPopover.css

@@ -35,6 +35,8 @@
 .timeline-flamechart-popover span.popoverinfo-url-origin {
   color: var(--sys-color-token-subtle);
   font-size: 11px;
+  white-space: normal;
+  word-break: break-all;
 }
 
 .timeline-flamechart-popover span.popoverinfo-url-origin {

package/front_end/panels/utils/utils.ts

@@ -118,21 +118,15 @@ export class PanelUtils {
 
     const isHeaderOverridden = request.hasOverriddenHeaders();
     const isContentOverridden = request.hasOverriddenContent;
+    let overrideTitle: Common.UIString.LocalizedString|undefined;
     if (isHeaderOverridden || isContentOverridden) {
-      let title: Common.UIString.LocalizedString;
       if (isHeaderOverridden && isContentOverridden) {
-        title = i18nString(UIStrings.requestContentHeadersOverridden);
+        overrideTitle = i18nString(UIStrings.requestContentHeadersOverridden);
       } else if (isContentOverridden) {
-        title = i18nString(UIStrings.requestContentOverridden);
+        overrideTitle = i18nString(UIStrings.requestContentOverridden);
       } else {
-        title = i18nString(UIStrings.requestHeadersOverridden);
+        overrideTitle = i18nString(UIStrings.requestHeadersOverridden);
       }
-
-      // clang-format off
-      return html`<div class="network-override-marker">
-          <devtools-icon class="icon" name="document" role=img title=${title}></devtools-icon>
-        </div>`;
-      // clang-format on
     }
 
     // Pick icon based on MIME type in the following cases:
@@ -153,9 +147,10 @@ export class PanelUtils {
       }
     }
 
+    let iconElement: TemplateResult;
     if (type === Common.ResourceType.resourceTypes.Image) {
       // clang-format off
-      return html`<div class="image icon">
+      iconElement = html`<div class="image icon">
         <img
           class="image-network-icon-preview"
           title=${iconTitleForRequest(request)}
@@ -168,29 +163,35 @@ export class PanelUtils {
         />
       </div>`;
       // clang-format on
-    }
-
     // Exclude Manifest here because it has mimeType:application/json but it has its own icon
-    if (type !== Common.ResourceType.resourceTypes.Manifest &&
-        Common.ResourceType.ResourceType.simplifyContentType(request.mimeType) === 'application/json') {
+    } else if (type !== Common.ResourceType.resourceTypes.Manifest &&
+               Common.ResourceType.ResourceType.simplifyContentType(request.mimeType) === 'application/json') {
       // clang-format off
-      return html`<devtools-icon
+      iconElement = html`<devtools-icon
           class="icon" name="file-json" title=${iconTitleForRequest(request)} role=img
           style="color:var(--icon-file-script)">
         </devtools-icon>`;
       // clang-format on
+    } else {
+      // Others
+      const {iconName, color} = PanelUtils.iconDataForResourceType(type);
+      // clang-format off
+      iconElement = html`<devtools-icon
+          class="icon" name=${iconName} title=${iconTitleForRequest(request)}
+          style=${styleMap({color})}>
+        </devtools-icon>`;
+      // clang-format on
     }
 
-    // Others
-    const {iconName, color} = PanelUtils.iconDataForResourceType(type);
-    // clang-format off
-    return html`<devtools-icon
-        class="icon" name=${iconName} title=${iconTitleForRequest(request)}
-        style=${styleMap({color})}>
-      </devtools-icon>`;
-    // clang-format on
+    if (overrideTitle) {
+      return html`<div class="network-override-marker">${iconElement}</div>`;
+    }
+    return iconElement;
 
     function iconTitleForRequest(request: SDK.NetworkRequest.NetworkRequest): string {
+      if (overrideTitle) {
+        return overrideTitle;
+      }
       const throttlingConditions =
           SDK.NetworkManager.MultitargetNetworkManager.instance().appliedRequestConditions(request);
       if (!throttlingConditions?.urlPattern) {

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: 059c884787b1bc15faa5afe5250f7d3a7e0ef64a
+Revision: 0ace4caef4948b4cbf54725b4133cb02bd286e24
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/puppeteer/README.chromium

@@ -1,10 +1,10 @@
 Name: Puppeteer Core
 Short Name: Puppeteer Core
 URL: https://github.com/puppeteer/puppeteer/tree/main/packages/puppeteer-core
-Version: 25.2.1
+Version: 25.3.0
 License: Apache-2.0
 License File: LICENSE
-Revision: 4a56c699e50f0cd5ff87dd10e43f7defaf3d95a0
+Revision: 58d9b023ed74c3a1f14ec5fd9315872602270c72
 Security Critical: no
 Shipped: yes
 Update Mechanism: Autoroll