chrome-devtools-frontend 1.0.1635876 → 1.0.1638082

package/front_end/panels/network/NetworkLogView.ts

@@ -2534,7 +2534,10 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
         // value tells curl to not set the header at all. To post an empty
         // header, you have to terminate it with a semicolon.
         command.push('-H ' + escapeString(name + ';'));
-      } else if (name.toLowerCase() === 'cookie') {
+      } else if (name.toLowerCase() === 'cookie' && value.includes('=')) {
+        // If value contains no '=', curl treats it as a filename to read
+        // cookies from, which would be a security risk. Fall back to -H in
+        // that case.
         command.push('-b ' + escapeString(value));
       } else {
         command.push('-H ' + escapeString(name + ': ' + value));

package/front_end/panels/network/RequestHeadersView.ts

@@ -106,8 +106,8 @@ interface ViewInput {
   toReveal?: {section: NetworkForward.UIRequestLocation.UIHeaderSection, header?: string};
 }
 type View = (input: ViewInput, output: object, target: HTMLElement) => void;
-export const DEFAULT_VIEW: View = (input, output, target) => {
-  const requestHeadersText = input.request.requestHeadersText();
+
+export function renderGeneralRows(input: ViewInput): Lit.LitTemplate {
   const statusClasses = ['status'];
   if (input.request.statusCode < 300 || input.request.statusCode === 304) {
     statusClasses.push('green-circle');
@@ -137,28 +137,42 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
   }
 
   const statusText = [input.request.statusCode, input.request.getInferredStatusText(), comment].join(' ');
+
+  // clang-format off
+  return html`<div jslog=${VisualLogging.section('general')}>
+    ${renderGeneralRow(input, i18nString(UIStrings.requestUrl), input.request.url(), 'request-url')}
+    ${input.request.statusCode ? renderGeneralRow(input, i18nString(UIStrings.requestMethod), input.request.requestMethod, 'request-method') :
+      Lit.nothing}
+    ${input.request.statusCode ? renderGeneralRow(input, i18nString(UIStrings.statusCode), statusText, 'status-code', statusClasses) :
+      Lit.nothing}
+    ${input.request.remoteAddress()? renderGeneralRow(input, i18nString(UIStrings.remoteAddress), input.request.remoteAddress(), 'remote-address') :
+      Lit.nothing}
+    ${input.request.referrerPolicy()? renderGeneralRow(input, i18nString(UIStrings.referrerPolicy), String(input.request.referrerPolicy()), 'referrer-policy') :
+      Lit.nothing}
+  </div>`;
+  // clang-format on
+}
+
+export function renderGeneralSection(input: ViewInput, forceOpen: boolean): Lit.LitTemplate {
+  // Rendered in a walkthrough widget where we only want rows without the ability to collapse the section.
+  return renderCategory({
+    name: 'general',
+    title: i18nString(UIStrings.general),
+    forceOpen,
+    loggingContext: 'general',
+    contents: renderGeneralRows(input),
+  });
+}
+
+export const DEFAULT_VIEW: View = (input, _output, target) => {
+  const requestHeadersText = input.request.requestHeadersText();
+
   // clang-format off
   render(
       html`
         <style>${NetworkComponents.RequestHeaderSection.requestHeadersViewStyles}</style>
         <style>${Input.checkboxStyles}</style>
-        ${renderCategory({
-          name: 'general',
-          title: i18nString(UIStrings.general),
-          forceOpen: input.toReveal?.section === NetworkForward.UIRequestLocation.UIHeaderSection.GENERAL,
-          loggingContext: 'general',
-          contents: html`<div jslog=${VisualLogging.section('general')}>
-            ${renderGeneralRow(input, i18nString(UIStrings.requestUrl), input.request.url(), 'request-url')}
-            ${input.request.statusCode? renderGeneralRow(input, i18nString(UIStrings.requestMethod),
-                input.request.requestMethod, 'request-method') : Lit.nothing}
-            ${input.request.statusCode? renderGeneralRow(input, i18nString(UIStrings.statusCode),
-                statusText, 'status-code', statusClasses) : Lit.nothing}
-            ${input.request.remoteAddress()? renderGeneralRow(input, i18nString(UIStrings.remoteAddress),
-                input.request.remoteAddress(), 'remote-address') : Lit.nothing}
-            ${input.request.referrerPolicy()? renderGeneralRow(input, i18nString(UIStrings.referrerPolicy),
-              String(input.request.referrerPolicy()), 'referrer-policy') : Lit.nothing}
-            </div>`
-        })}
+        ${renderGeneralSection(input, input.toReveal?.section === NetworkForward.UIRequestLocation.UIHeaderSection.GENERAL)}
         ${!input.request?.earlyHintsHeaders || input.request.earlyHintsHeaders.length === 0
           ? Lit.nothing
           : renderCategory({
@@ -221,6 +235,22 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
       target, {container: {attributes: {jslog: `${VisualLogging.pane('headers').track({resize: true})}`}}});
 };
 
+/**
+ * View used by the AI Assistance walkthrough's NetworkRequestGeneralHeaders widget
+ * to display only the General section of the network headers.
+ */
+export const GENERAL_HEADERS_ONLY_VIEW: View = (input, _output, target) => {
+  // clang-format off
+  render(
+      html`
+        <style>${NetworkComponents.RequestHeaderSection.requestHeadersViewStyles}</style>
+        <style>${Input.checkboxStyles}</style>
+        ${renderGeneralRows(input)}
+      `,
+      target, {container: {attributes: {jslog: `${VisualLogging.pane('headers').track({resize: true})}`}}});
+  // clang-format on
+};
+
 export class RequestHeadersView extends UI.Widget.Widget {
   #request?: SDK.NetworkRequest.NetworkRequest;
   #showResponseHeadersText = false;
@@ -243,6 +273,12 @@ export class RequestHeadersView extends UI.Widget.Widget {
     this.#view = view;
   }
 
+  static createGeneralHeadersView(request: SDK.NetworkRequest.NetworkRequest): RequestHeadersView {
+    const view = new RequestHeadersView(undefined, GENERAL_HEADERS_ONLY_VIEW);
+    view.request = request;
+    return view;
+  }
+
   #addEventListeners(): void {
     this.#request?.addEventListener(SDK.NetworkRequest.Events.REMOTE_ADDRESS_CHANGED, this.#refreshHeadersView, this);
     this.#request?.addEventListener(SDK.NetworkRequest.Events.FINISHED_LOADING, this.#refreshHeadersView, this);

package/front_end/panels/recorder/components/ReplaySection.ts

@@ -72,6 +72,11 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 const REPLAY_EXTENSION_PREFIX = 'extension';
 
+function isPlayRecordingSpeed(string: string): string is PlayRecordingSpeed {
+  return string === PlayRecordingSpeed.NORMAL || string === PlayRecordingSpeed.SLOW ||
+      string === PlayRecordingSpeed.VERY_SLOW || string === PlayRecordingSpeed.EXTREMELY_SLOW;
+}
+
 interface Item {
   value: string;
   buttonIconName: string;
@@ -274,9 +279,9 @@ export class ReplaySection extends UI.Widget.Widget {
     if (this.#replayExtensions.length) {
       groups.push({
         name: i18nString(UIStrings.extensionGroup),
-        items: this.#replayExtensions.map((extension, idx) => {
+        items: this.#replayExtensions.map(extension => {
           return {
-            value: (REPLAY_EXTENSION_PREFIX + idx),
+            value: REPLAY_EXTENSION_PREFIX + extension.getOrigin(),
             buttonIconName: 'play',
             buttonLabel: () => extension.getName() as Platform.UIString.LocalizedString,
             label: () => extension.getName() as Platform.UIString.LocalizedString,
@@ -301,28 +306,35 @@ export class ReplaySection extends UI.Widget.Widget {
 
   #onStartReplay(): void {
     const value = this.#settings?.replayExtension || this.#settings?.speed || '';
-    if (value?.startsWith(REPLAY_EXTENSION_PREFIX)) {
-      const extensionIdx = Number(
-          value.substring(REPLAY_EXTENSION_PREFIX.length),
-      );
-      const extension = this.#replayExtensions[extensionIdx];
-      if (this.#settings) {
-        this.#settings.replayExtension = REPLAY_EXTENSION_PREFIX + extensionIdx;
-      }
-      if (this.onStartReplay) {
-        this.onStartReplay(PlayRecordingSpeed.NORMAL, extension);
+    if (value.startsWith(REPLAY_EXTENSION_PREFIX)) {
+      const origin = value.substring(REPLAY_EXTENSION_PREFIX.length);
+      const extension = this.#replayExtensions.find(ext => ext.getOrigin() === origin);
+      if (extension) {
+        if (this.#settings) {
+          this.#settings.replayExtension = REPLAY_EXTENSION_PREFIX + extension.getOrigin();
+        }
+        if (this.onStartReplay) {
+          this.onStartReplay(PlayRecordingSpeed.NORMAL, extension);
+        }
+        this.performUpdate();
+        return;
       }
-    } else if (this.onStartReplay) {
+    }
+    if (this.onStartReplay) {
       this.onStartReplay(this.#settings ? this.#settings.speed : PlayRecordingSpeed.NORMAL);
     }
     this.performUpdate();
   }
 
   #onItemSelected(item: string): void {
-    const speed = item as PlayRecordingSpeed;
-    if (this.#settings && speed) {
-      this.#settings.speed = speed;
+    if (!this.#settings) {
+      return;
+    }
+    if (isPlayRecordingSpeed(item)) {
+      this.#settings.speed = item;
       this.#settings.replayExtension = '';
+    } else {
+      this.#settings.replayExtension = item;
     }
     this.performUpdate();
   }

package/front_end/panels/recorder/converters/LighthouseConverter.snapshot.txt

@@ -0,0 +1,47 @@
+Title: LighthouseConverter should stringify a flow
+Content:
+import fs from 'fs';
+import { Locator, launch } from 'puppeteer'; // v25.0.0 or later
+
+const browser = await launch();
+const page = await browser.newPage();
+const timeout = 5000;
+page.setDefaultTimeout(timeout);
+
+const lhApi = await import('lighthouse'); // v10.0.0 or later
+const flags = {
+  screenEmulation: {
+    disabled: true
+  }
+}
+const config = lhApi.desktopConfig;
+const lhFlow = await lhApi.startFlow(page, {name: 'test', config, flags});
+await lhFlow.startNavigation();
+{
+  const targetPage = page;
+  await targetPage.goto('https://example.com');
+}
+await lhFlow.endNavigation();
+await lhFlow.startTimespan();
+{
+  const targetPage = page;
+  await Locator.race([
+    targetPage.locator('.cls')
+  ])
+    .setTimeout(timeout)
+    .scroll({ scrollTop: undefined, scrollLeft: undefined});
+}
+await lhFlow.endTimespan();
+const lhFlowReport = await lhFlow.generateReport();
+fs.writeFileSync(import.meta.dirname + '/flow.report.html', lhFlowReport)
+
+await browser.close();
+=== end content
+
+Title: LighthouseConverter should stringify a step
+Content:
+{
+  const targetPage = page;
+  await targetPage.evaluate((x, y) => { window.scroll(x, y); }, undefined, undefined)
+}
+=== end content

package/front_end/panels/recorder/converters/PuppeteerConverter.snapshot.txt

@@ -0,0 +1,49 @@
+Title: PuppeteerConverter should stringify a flow
+Content:
+import { Locator, launch } from 'puppeteer'; // v25.0.0 or later
+
+const browser = await launch();
+const page = await browser.newPage();
+const timeout = 5000;
+page.setDefaultTimeout(timeout);
+
+{
+  const targetPage = page;
+  await Locator.race([
+    targetPage.locator('.cls')
+  ])
+    .setTimeout(timeout)
+    .scroll({ scrollTop: undefined, scrollLeft: undefined});
+}
+
+await browser.close();
+=== end content
+
+Title: PuppeteerConverter should stringify a step
+Content:
+{
+  const targetPage = page;
+  await targetPage.evaluate((x, y) => { window.scroll(x, y); }, undefined, undefined)
+}
+=== end content
+
+Title: PuppeteerConverter should stringify a flow for Firefox
+Content:
+import { Locator, launch } from 'puppeteer'; // v25.0.0 or later
+
+const browser = await launch({browser: 'firefox'});
+const page = await browser.newPage();
+const timeout = 5000;
+page.setDefaultTimeout(timeout);
+
+{
+  const targetPage = page;
+  await Locator.race([
+    targetPage.locator('.cls')
+  ])
+    .setTimeout(timeout)
+    .scroll({ scrollTop: undefined, scrollLeft: undefined});
+}
+
+await browser.close();
+=== end content

package/front_end/panels/recorder/converters/PuppeteerReplayConverter.snapshot.txt

@@ -0,0 +1,33 @@
+Title: PuppeteerReplayConverter should stringify a flow
+Content:
+import url from 'url';
+import { createRunner } from '@puppeteer/replay';
+
+export async function run(extension) {
+  const runner = await createRunner(extension);
+
+  await runner.runBeforeAllSteps();
+
+  await runner.runStep({
+    type: 'scroll',
+    selectors: [
+      [
+        '.cls'
+      ]
+    ]
+  });
+
+  await runner.runAfterAllSteps();
+}
+
+if (process && import.meta.url === url.pathToFileURL(process.argv[1]).href) {
+  run()
+}
+=== end content
+
+Title: PuppeteerReplayConverter should stringify a step
+Content:
+await runner.runStep({
+  type: 'scroll'
+});
+=== end content

package/front_end/panels/settings/SettingsScreen.ts

@@ -636,7 +636,7 @@ const GREENDEV_VIEW: View = (input, _output, target) => {
               <span>${i18nString(UIStrings.greenDevUnstable)}</span>
              </div>
              <div class="settings-experiments-block">
-               ${renderPrototypeCheckboxes(input.settings, ['aiAnnotations', 'beyondStylingGemini', 'beyondStylingAntigravity', 'breakpointDebuggerAgent', 'emulationCapabilities'])}
+               ${renderPrototypeCheckboxes(input.settings, ['aiAnnotations', 'beyondStylingGemini', 'beyondStylingAntigravity', 'emulationCapabilities'])}
              </div>
            </devtools-card>
          </div>
@@ -648,7 +648,6 @@ const GREENDEV_PROTOTYPE_NAMES: Record<keyof GreenDev.GreenDevSettings, string>
   aiAnnotations: 'AI auto-annotations',
   beyondStylingGemini: 'Beyond Styling (Gemini CLI)',
   beyondStylingAntigravity: 'Beyond Styling (Antigravity CLI)',
-  breakpointDebuggerAgent: 'Breakpoint Debugger Agent',
   emulationCapabilities: 'Emulation Capabilities',
 };
 

package/front_end/panels/sources/BreakpointsView.ts

@@ -300,7 +300,7 @@ export class BreakpointsSidebarController implements UI.ContextFlavorListener.Co
     }
 
     const locationsGroupedById = this.#groupBreakpointLocationsById(breakpointLocations);
-    const locationIdsByLineId = this.#getLocationIdsByLineId(breakpointLocations);
+    const locationIdsByLineId = this.#getLocationIdsByLineId(locationsGroupedById);
 
     const [content, selectedUILocation] = await Promise.all([
       this.#getContent(locationsGroupedById),
@@ -312,9 +312,9 @@ export class BreakpointsSidebarController implements UI.ContextFlavorListener.Co
     for (let idx = 0; idx < locationsGroupedById.length; idx++) {
       const locations = locationsGroupedById[idx];
       const fstLocation = locations[0];
-      const sourceURL = fstLocation.uiLocation.uiSourceCode.url();
-      const scriptId = fstLocation.uiLocation.uiSourceCode.canonicalScriptId();
-      const uiLocation = fstLocation.uiLocation;
+      const uiLocation = fstLocation.breakpoint.getClosestResolvedLocation() || fstLocation.uiLocation;
+      const sourceURL = uiLocation.uiSourceCode.url();
+      const scriptId = uiLocation.uiSourceCode.canonicalScriptId();
 
       const isHit = selectedUILocation !== null &&
           locations.some(location => location.uiLocation.id() === selectedUILocation.id());
@@ -334,8 +334,8 @@ export class BreakpointsSidebarController implements UI.ContextFlavorListener.Co
       }
       const expanded = !this.#collapsedFiles.has(sourceURL);
 
-      const status: BreakpointStatus = this.#getBreakpointState(locations);
-      const {type, hoverText} = this.#getBreakpointTypeAndDetails(locations);
+      const status: BreakpointStatus = this.#getBreakpointState(fstLocation.breakpoint);
+      const {type, hoverText} = this.#getBreakpointTypeAndDetails(fstLocation.breakpoint);
       const item = {
         id: fstLocation.breakpoint.breakpointStorageId(),
         location: locationText,
@@ -403,15 +403,13 @@ export class BreakpointsSidebarController implements UI.ContextFlavorListener.Co
     this.#collapsedFilesSettings.set(Array.from(this.#collapsedFiles.values()));
   }
 
-  #getBreakpointTypeAndDetails(locations: Breakpoints.BreakpointManager.BreakpointLocation[]):
+  #getBreakpointTypeAndDetails(breakpoint: Breakpoints.BreakpointManager.Breakpoint):
       {type: SDK.DebuggerModel.BreakpointType, hoverText?: string} {
-    const breakpointWithCondition = locations.find(location => Boolean(location.breakpoint.condition()));
-    const breakpoint = breakpointWithCondition?.breakpoint;
-    if (!breakpoint?.condition()) {
+    const condition = breakpoint.condition();
+    if (!condition) {
       return {type: SDK.DebuggerModel.BreakpointType.REGULAR_BREAKPOINT};
     }
 
-    const condition = breakpoint.condition();
     if (breakpoint.isLogpoint()) {
       return {type: SDK.DebuggerModel.BreakpointType.LOGPOINT, hoverText: condition};
     }
@@ -456,49 +454,32 @@ export class BreakpointsSidebarController implements UI.ContextFlavorListener.Co
 
   #groupBreakpointLocationsById(breakpointLocations: Breakpoints.BreakpointManager.BreakpointLocation[]):
       Breakpoints.BreakpointManager.BreakpointLocation[][] {
-    const map = new Platform.MapUtilities.Multimap<string, Breakpoints.BreakpointManager.BreakpointLocation>();
-    for (const breakpointLocation of breakpointLocations) {
-      const uiLocation = breakpointLocation.uiLocation;
-      map.set(uiLocation.id(), breakpointLocation);
-    }
-    const arr: Breakpoints.BreakpointManager.BreakpointLocation[][] = [];
-    for (const id of map.keysArray()) {
-      const locations = Array.from(map.get(id));
-      if (locations.length) {
-        arr.push(locations);
-      }
-    }
-    return arr;
+    const map = Map.groupBy(breakpointLocations, loc => loc.breakpoint.breakpointStorageId());
+    return Array.from(map.values());
   }
 
-  #getLocationIdsByLineId(breakpointLocations: Breakpoints.BreakpointManager.BreakpointLocation[]):
+  #getLocationIdsByLineId(locationsGroupedById: Breakpoints.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());
+    for (const locations of locationsGroupedById) {
+      const breakpoint = locations[0].breakpoint;
+      const uiLocation = breakpoint.getClosestResolvedLocation() || locations[0].uiLocation;
+      result.set(uiLocation.lineId(), breakpoint.breakpointStorageId());
     }
-
     return result;
   }
 
-  #getBreakpointState(locations: Breakpoints.BreakpointManager.BreakpointLocation[]): BreakpointStatus {
-    const hasEnabled = locations.some(location => location.breakpoint.enabled());
-    const hasDisabled = locations.some(location => !location.breakpoint.enabled());
-    let status: BreakpointStatus;
-    if (hasEnabled) {
-      status = hasDisabled ? BreakpointStatus.INDETERMINATE : BreakpointStatus.ENABLED;
-    } else {
-      status = BreakpointStatus.DISABLED;
-    }
-    return status;
+  #getBreakpointState(breakpoint: Breakpoints.BreakpointManager.Breakpoint): BreakpointStatus {
+    return breakpoint.enabled() ? BreakpointStatus.ENABLED : BreakpointStatus.DISABLED;
   }
 
-  #getContent(locations: Breakpoints.BreakpointManager.BreakpointLocation[][]):
+  #getContent(locationsGroupedById: Breakpoints.BreakpointManager.BreakpointLocation[][]):
       Promise<TextUtils.ContentData.ContentData[]> {
-    return Promise.all(locations.map(async ([{uiLocation: {uiSourceCode}}]) => {
-      const contentData = await uiSourceCode.requestContentData({cachedWasmOnly: true});
+    return Promise.all(locationsGroupedById.map(async locations => {
+      const fstLocation = locations[0];
+      const uiLocation = fstLocation.breakpoint.getClosestResolvedLocation() || fstLocation.uiLocation;
+      const contentData = await uiLocation.uiSourceCode.requestContentData({cachedWasmOnly: true});
       return TextUtils.ContentData.ContentData.contentDataOrEmpty(contentData);
     }));
   }

package/front_end/panels/sources/DebuggerPlugin.ts

@@ -1179,14 +1179,21 @@ export class DebuggerPlugin extends Plugin {
     }
     const {editor} = this;
     const breakpointLocations = this.breakpointManager.breakpointLocationsForUISourceCode(this.uiSourceCode);
-    return breakpointLocations.map(({uiLocation, breakpoint}) => {
+
+    // Group by breakpoint to de-duplicate
+    const uniqueBreakpoints = Map.groupBy(breakpointLocations, loc => loc.breakpoint);
+
+    const result = [];
+    for (const [breakpoint, locations] of uniqueBreakpoints) {
+      const closestUILoc = breakpoint.getClosestResolvedLocation() || locations[0].uiLocation;
       const editorLocation =
-          this.transformer.uiLocationToEditorLocation(uiLocation.lineNumber, uiLocation.columnNumber);
-      return {
+          this.transformer.uiLocationToEditorLocation(closestUILoc.lineNumber, closestUILoc.columnNumber);
+      result.push({
         position: editor.toOffset(editorLocation),
         breakpoint,
-      };
-    });
+      });
+    }
+    return result;
   }
 
   private lineBreakpoints(line: CodeMirror.Line): readonly Breakpoints.BreakpointManager.Breakpoint[] {

package/front_end/panels/sources/PersistenceActions.ts

@@ -115,14 +115,28 @@ export class ContextMenuProvider implements
     const networkPersistenceManager = Persistence.NetworkPersistenceManager.NetworkPersistenceManager.instance();
 
     const binding = uiSourceCode && Persistence.Persistence.PersistenceImpl.instance().binding(uiSourceCode);
-    const fileURL = binding ? binding.fileSystem.contentURL() : contentProvider.contentURL();
+    // If contentProvider is already a FileSystem UISourceCode, there's a small chance that uiSourceCodeForURL
+    // might return a Network UISourceCode instead (e.g. if they share the same URL but aren't currently bound
+    // and the Network project represents the URL first in the lookup list).
+    // In this case, the binding will be null. To ensure "Open in containing folder" is still appended when
+    // right-clicking the FileSystem file in the Workspace tree, we fall back to contentProvider.
+    const fileSystemUISourceCode = binding ?
+        binding.fileSystem :
+        (contentProvider instanceof Workspace.UISourceCode.UISourceCode &&
+                 contentProvider.project().type() === Workspace.Workspace.projectTypes.FileSystem ?
+             contentProvider :
+             uiSourceCode);
 
-    if (Common.ParsedURL.schemeIs(fileURL, 'file:')) {
-      const path = Common.ParsedURL.ParsedURL.urlToRawPathString(fileURL, Host.Platform.isWin());
-      contextMenu.revealSection().appendItem(
-          i18nString(UIStrings.openInContainingFolder),
-          () => Host.InspectorFrontendHost.InspectorFrontendHostInstance.showItemInFolder(path),
-          {jslogContext: 'open-in-containing-folder'});
+    if (fileSystemUISourceCode &&
+        fileSystemUISourceCode.project().type() === Workspace.Workspace.projectTypes.FileSystem) {
+      const fileURL = fileSystemUISourceCode.contentURL();
+      if (Common.ParsedURL.schemeIs(fileURL, 'file:')) {
+        const path = Common.ParsedURL.ParsedURL.urlToRawPathString(fileURL, Host.Platform.isWin());
+        contextMenu.revealSection().appendItem(
+            i18nString(UIStrings.openInContainingFolder),
+            () => Host.InspectorFrontendHost.InspectorFrontendHostInstance.showItemInFolder(path),
+            {jslogContext: 'open-in-containing-folder'});
+      }
     }
 
     if (contentProvider instanceof Workspace.UISourceCode.UISourceCode &&

package/front_end/panels/timeline/TimelineDetailsView.ts

@@ -93,6 +93,38 @@ export class TimelineDetailsPane extends
   #onTraceBoundsChangeBound = this.#onTraceBoundsChange.bind(this);
   #entityMapper: Trace.EntityMapper.EntityMapper|null = null;
 
+  static makeEventWidget(
+      event: Trace.Types.Events.Event,
+      parsedTrace: Trace.TraceModel.ParsedTrace,
+      ): TimelineDetailsPane {
+    // Provide a mock delegate to satisfy the constructor requirements.
+    // These delegate interactions are not relevant for an AI assistant widget.
+    const mockDelegate = {
+      select: () => {},
+      zoomEvent: () => {},
+      element: document.createElement('div'),
+      set3PCheckboxDisabled: () => {},
+      selectEntryAtTime: () => {},
+      highlightEvent: () => {},
+    };
+    const pane = new TimelineDetailsPane(mockDelegate);
+    pane.hideHeader();
+    const entityMapper = new Trace.EntityMapper.EntityMapper(parsedTrace);
+    void pane
+        .setModel({
+          parsedTrace,
+          selectedEvents: [event],
+          eventToRelatedInsightsMap: null,
+          entityMapper,
+        })
+        .then(() => {
+          void pane.setSelection({
+            event,
+          });
+        });
+    return pane;
+  }
+
   constructor(delegate: TimelineModeViewDelegate) {
     super();
     this.registerRequiredCSS(detailsViewStyles);
@@ -343,6 +375,10 @@ export class TimelineDetailsPane extends
     return this.tabbedPane.headerElement();
   }
 
+  hideHeader(): void {
+    this.tabbedPane.headerElement().classList.add('hidden');
+  }
+
   setPreferredTab(tabId: string): void {
     this.preferredTabId = tabId;
   }

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: 268971579b74f0369f828111e6c8f5bafbacd5ee
+Revision: c76b4a416b8d83c855cffa79e49ac6b5709b42ec
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/lighthouse/lighthouse-dt-bundle.js

@@ -462,8 +462,8 @@ f=x});do var h=this._binding.writeSync(a,e,o,r,this._buffer,this._offset,t);whil
 r=[];for(let[t,o]of a)i.set(t,e.getSummary(o)),r.push(...o);return i.set(e.summary,e.getSummary(r)),i}static estimateValueByOrigin(a,i){let r=e.estimateIfConnectionWasReused(a),t=e.groupByOrigin(a),o=new Map;for(let[n,d]of t.entries()){let l=[];for(let c of d){let f=c.timing;if(!f)continue;let h=i({request:c,timing:f,connectionReused:r.get(c.requestId)});typeof h<"u"&&(l=l.concat(h))}l.length&&o.set(n,l)}return o}static estimateRTTViaConnectionTiming(a){let{timing:i,connectionReused:r,request:t}=a;if(r)return;let{connectStart:o,sslStart:n,sslEnd:d,connectEnd:l}=i;if(l>=0&&o>=0&&t.protocol.startsWith("h3"))return l-o;if(n>=0&&d>=0&&n!==o)return[l-n,n-o];if(o>=0&&l>=0)return l-o}static estimateRTTViaDownloadTiming(a){let{timing:i,connectionReused:r,request:t}=a;if(r||t.transferSize<=XD||!Number.isFinite(i.receiveHeadersEnd)||i.receiveHeadersEnd<0)return;let n=t.networkEndTime-t.networkRequestTime-i.receiveHeadersEnd,d=Math.log2(t.transferSize/XD);if(!(d>5))return n/d}static estimateRTTViaSendStartTiming(a){
 let{timing:i,connectionReused:r,request:t}=a;if(r||!Number.isFinite(i.sendStart)||i.sendStart<0)return;let o=1;return t.protocol.startsWith("h3")||(o+=1),t.parsedURL.scheme==="https"&&(o+=1),i.sendStart/o}static estimateRTTViaHeadersEndTiming(a){let{timing:i,connectionReused:r,request:t}=a;if(!Number.isFinite(i.receiveHeadersEnd)||i.receiveHeadersEnd<0||!t.resourceType)return;let o=Fee[t.resourceType]||Nee,n=i.receiveHeadersEnd*o,d=1;return r||(d+=1,t.protocol.startsWith("h3")||(d+=1),t.parsedURL.scheme==="https"&&(d+=1)),Math.max((i.receiveHeadersEnd-n)/d,3)}static estimateResponseTimeByOrigin(a,i){return e.estimateValueByOrigin(a,({request:r,timing:t})=>{if(r.serverResponseTime!==void 0)return r.serverResponseTime;if(!Number.isFinite(t.receiveHeadersEnd)||t.receiveHeadersEnd<0||!Number.isFinite(t.sendEnd)||t.sendEnd<0)return;let o=t.receiveHeadersEnd-t.sendEnd,n=r.parsedURL.securityOrigin,d=i.get(n)||i.get(e.summary)||0;return Math.max(o-d,0)})}static canTrustConnectionInformation(a){
 let i=new Map;for(let r of a){let t=i.get(r.connectionId)||!r.connectionReused;i.set(r.connectionId,t)}return i.size<=1?!1:Array.from(i.values()).every(r=>r)}static estimateIfConnectionWasReused(a,i){let{forceCoarseEstimates:r=!1}=i||{};if(!r&&e.canTrustConnectionInformation(a))return new Map(a.map(n=>[n.requestId,!!n.connectionReused]));let t=new Map,o=e.groupByOrigin(a);for(let n of o.values()){let d=n.map(c=>c.networkEndTime).reduce((c,f)=>Math.min(c,f),1/0);for(let c of n)t.set(c.requestId,c.networkRequestTime>=d||c.protocol==="h2");let l=n.reduce((c,f)=>c.networkRequestTime>f.networkRequestTime?f:c);t.set(l.requestId,!1)}return t}static estimateRTTByOrigin(a,i){let{forceCoarseEstimates:r=!1,coarseEstimateMultiplier:t=.3,useDownloadEstimates:o=!0,useSendStartEstimates:n=!0,useHeadersEndEstimates:d=!0}=i||{},l=e.estimateIfConnectionWasReused(a),c=e.groupByOrigin(a),f=new Map;for(let[h,m]of c.entries()){let g=function(x,y=1){for(let E of m){let C=E.timing;if(!C||!E.transferSize)continue;
-let k=x({request:E,timing:C,connectionReused:l.get(E.requestId)});k!==void 0&&(Array.isArray(k)?u.push(...k.map(T=>T*y)):u.push(k*y))}};s(g,"collectEstimates");let u=[];r||g(this.estimateRTTViaConnectionTiming),u.length||(o&&g(this.estimateRTTViaDownloadTiming,t),n&&g(this.estimateRTTViaSendStartTiming,t),d&&g(this.estimateRTTViaHeadersEndTiming,t)),u.length&&f.set(h,u)}if(!f.size)throw new J("No timing information available");return e.summarize(f)}static estimateServerResponseTimeByOrigin(a,i){let r=i?.rttByOrigin;if(!r){r=new Map;let o=e.estimateRTTByOrigin(a,i);for(let[n,d]of o.entries())r.set(n,d.min)}let t=e.estimateResponseTimeByOrigin(a,r);return e.summarize(t)}static estimateThroughput(a){let i=0,r=a.reduce((d,l)=>(l.parsedURL?.scheme==="data"||l.failed||!l.finished||l.statusCode>300||!l.transferSize||(i+=l.transferSize,d.push({time:l.responseHeadersEndTime/1e3,isStart:!0}),d.push({time:l.networkEndTime/1e3,isStart:!1})),d),[]).sort((d,l)=>d.time-l.time);if(!r.length)return null;
-let t=0,o=0,n=0;return r.forEach(d=>{d.isStart?(t===0&&(o=d.time),t++):(t--,t===0&&(n+=d.time-o))}),i*8/n}static computeRTTAndServerResponseTime(a){let i=new Map;for(let[d,l]of e.estimateRTTByOrigin(a).entries())i.set(d,l.min);let r=Math.min(...Array.from(i.values())),t=e.estimateServerResponseTimeByOrigin(a,{rttByOrigin:i}),o=new Map,n=new Map;for(let[d,l]of t.entries()){let c=i.get(d)||r;o.set(d,c-r),n.set(d,l.median)}return{rtt:r,additionalRttByOrigin:o,serverResponseTimeByOrigin:n}}static analyze(a){let i=e.estimateThroughput(a);return i===null?null:{throughput:i,...e.computeRTTAndServerResponseTime(a)}}static findResourceForUrl(a,i){return a.find(r=>i.startsWith(r.url)&&Vm.equalWithExcludedFragments(r.url,i))}static findLastDocumentForUrl(a,i){let r=a.filter(t=>t.resourceType==="Document"&&!t.failed&&i.startsWith(t.url)&&Vm.equalWithExcludedFragments(t.url,i));return r[r.length-1]}static resolveRedirects(a){for(;a.redirectDestination;)a=a.redirectDestination;return a}}});var ca={};S(ca,{LanternError:()=>J,NetworkAnalyzer:()=>Bt});var dr=_(()=>{p();Q2();KD()});var aa,qm=_(()=>{p();dr();aa=class e{static{s(this,"BaseNode")}static types={NETWORK:"network",CPU:"cpu"};_id;_isMainDocument;dependents;dependencies;constructor(a){this._id=a,this._isMainDocument=!1,this.dependents=[],this.dependencies=[]}get id(){return this._id}get type(){throw new J("Unimplemented")}get startTime(){throw new J("Unimplemented")}get endTime(){throw new J("Unimplemented")}setIsMainDocument(a){this._isMainDocument=a}isMainDocument(){return this._isMainDocument}getDependents(){return this.dependents.slice()}getNumberOfDependents(){return this.dependents.length}getDependencies(){return this.dependencies.slice()}getNumberOfDependencies(){return this.dependencies.length}getRootNode(){let a=this;for(;a.dependencies.length;)a=a.dependencies[0];return a}addDependent(a){a.addDependency(this)}addDependency(a){if(a===this)throw new J("Cannot add dependency on itself");this.dependencies.includes(a)||(a.dependents.push(this),this.dependencies.push(a))}removeDependent(a){a.removeDependency(
+let k=x({request:E,timing:C,connectionReused:l.get(E.requestId)});k!==void 0&&(Array.isArray(k)?u.push(...k.map(T=>T*y)):u.push(k*y))}};s(g,"collectEstimates");let u=[];r||g(this.estimateRTTViaConnectionTiming),u.length||(o&&g(this.estimateRTTViaDownloadTiming,t),n&&g(this.estimateRTTViaSendStartTiming,t),d&&g(this.estimateRTTViaHeadersEndTiming,t)),u.length&&f.set(h,u)};return e.summarize(f)}static estimateServerResponseTimeByOrigin(a,i){let r=i?.rttByOrigin;if(!r){r=new Map;let o=e.estimateRTTByOrigin(a,i);for(let[n,d]of o.entries())r.set(n,d.min)}let t=e.estimateResponseTimeByOrigin(a,r);return e.summarize(t)}static estimateThroughput(a){let i=0,r=a.reduce((d,l)=>(l.parsedURL?.scheme==="data"||l.failed||!l.finished||l.statusCode>300||!l.transferSize||(i+=l.transferSize,d.push({time:l.responseHeadersEndTime/1e3,isStart:!0}),d.push({time:l.networkEndTime/1e3,isStart:!1})),d),[]).sort((d,l)=>d.time-l.time);if(!r.length)return null;
+let t=0,o=0,n=0;return r.forEach(d=>{d.isStart?(t===0&&(o=d.time),t++):(t--,t===0&&(n+=d.time-o))}),i*8/n}static computeRTTAndServerResponseTime(a){let i=new Map;for(let[d,l]of e.estimateRTTByOrigin(a).entries())i.set(d,l.min);let r=i.size?Math.min(...Array.from(i.values())):0,t=e.estimateServerResponseTimeByOrigin(a,{rttByOrigin:i}),o=new Map,n=new Map;for(let[d,l]of t.entries()){let c=i.get(d)||r;o.set(d,c-r),n.set(d,l.median)}return{rtt:r,additionalRttByOrigin:o,serverResponseTimeByOrigin:n}}static analyze(a){let i=e.estimateThroughput(a);return i===null?null:{throughput:i,...e.computeRTTAndServerResponseTime(a)}}static findResourceForUrl(a,i){return a.find(r=>i.startsWith(r.url)&&Vm.equalWithExcludedFragments(r.url,i))}static findLastDocumentForUrl(a,i){let r=a.filter(t=>t.resourceType==="Document"&&!t.failed&&i.startsWith(t.url)&&Vm.equalWithExcludedFragments(t.url,i));return r[r.length-1]}static resolveRedirects(a){for(;a.redirectDestination;)a=a.redirectDestination;return a}}});var ca={};S(ca,{LanternError:()=>J,NetworkAnalyzer:()=>Bt});var dr=_(()=>{p();Q2();KD()});var aa,qm=_(()=>{p();dr();aa=class e{static{s(this,"BaseNode")}static types={NETWORK:"network",CPU:"cpu"};_id;_isMainDocument;dependents;dependencies;constructor(a){this._id=a,this._isMainDocument=!1,this.dependents=[],this.dependencies=[]}get id(){return this._id}get type(){throw new J("Unimplemented")}get startTime(){throw new J("Unimplemented")}get endTime(){throw new J("Unimplemented")}setIsMainDocument(a){this._isMainDocument=a}isMainDocument(){return this._isMainDocument}getDependents(){return this.dependents.slice()}getNumberOfDependents(){return this.dependents.length}getDependencies(){return this.dependencies.slice()}getNumberOfDependencies(){return this.dependencies.length}getRootNode(){let a=this;for(;a.dependencies.length;)a=a.dependencies[0];return a}addDependent(a){a.addDependency(this)}addDependency(a){if(a===this)throw new J("Cannot add dependency on itself");this.dependencies.includes(a)||(a.dependents.push(this),this.dependencies.push(a))}removeDependent(a){a.removeDependency(
 this)}removeDependency(a){if(!this.dependencies.includes(a))return;let i=a.dependents.indexOf(this);a.dependents.splice(i,1),this.dependencies.splice(this.dependencies.indexOf(a),1)}removeAllDependencies(){for(let a of this.dependencies.slice())this.removeDependency(a)}isDependentOn(a){let i=!1;return this.traverse(r=>{i||(i=r===a)},r=>i?[]:r.getDependencies()),i}cloneWithoutRelationships(){let a=new e(this.id);return a.setIsMainDocument(this._isMainDocument),a}cloneWithRelationships(a){let i=this.getRootNode(),r=new Map;i.traverse(o=>{if(!r.has(o.id)){if(a===void 0){r.set(o.id,o.cloneWithoutRelationships());return}a(o)&&o.traverse(n=>r.set(n.id,n.cloneWithoutRelationships()),n=>n.dependencies.filter(d=>!r.has(d.id)))}}),i.traverse(o=>{let n=r.get(o.id);if(n)for(let d of o.dependencies){let l=r.get(d.id);if(!l)throw new J("Dependency somehow not cloned");n.addDependency(l)}});let t=r.get(this.id);if(!t)throw new J("Cloned graph missing node");return t}traverse(a,i){for(let{node:r,traversalPath:t}of this.
 traverseGenerator(i))a(r,t)}*traverseGenerator(a){a||(a=s(t=>t.getDependents(),"getNextNodes"));let i=[[this]],r=new Set([this.id]);for(;i.length;){let t=i.shift(),o=t[0];yield{node:o,traversalPath:t};for(let n of a(o))r.has(n.id)||(r.add(n.id),i.push([n,...t]))}}static findCycle(a,i="both"){if(i==="both")return e.findCycle(a,"dependents")||e.findCycle(a,"dependencies");let r=new Set,t=[],o=[a],n=new Map([[a,0]]);for(;o.length;){let d=o.pop();if(t.includes(d))return t;if(r.has(d))continue;for(;t.length>n.get(d);)t.pop();r.add(d),t.push(d);let l=i==="dependents"?d.dependents:d.dependencies;for(let c of l)o.includes(c)||(o.push(c),n.set(c,t.length))}return null}canDependOn(a){return a.startTime<=this.startTime}}});var xc,eb=_(()=>{p();qm();xc=class e extends aa{static{s(this,"CPUNode")}_event;_childEvents;correctedEndTs;constructor(a,i=[],r){let t=`${a.tid}.${a.ts}`;super(t),this._event=a,this._childEvents=i,this.correctedEndTs=r}get type(){return aa.types.CPU}get startTime(){return this._event.ts}get endTime(){return this.correctedEndTs?this.correctedEndTs:this._event.ts+this._event.dur}get duration(){return this.endTime-this.startTime}get event(){return this._event}get childEvents(){return this._childEvents}didPerformLayout(){return this._childEvents.some(a=>a.name==="Layout")}getEvaluateScriptURLs(){let a=new Set;for(let i of this._childEvents)i.name==="EvaluateScript"&&i.args.data?.url&&a.add(i.args.data.url);return a}cloneWithoutRelationships(){return new e(this._event,this._childEvents,this.correctedEndTs)}}});function YD(e){let a=e.includes(":")?e.slice(0,e.indexOf(":")):e;return jee.includes(a)}var jee,zs,ab=_(()=>{p();qm();jee=["blob","data","intent","file","filesystem","chrome-extension"];s(YD,"isNonNetworkProtocol");zs=class e extends aa{static{s(this,"NetworkNode")}_request;constructor(a){super(a.requestId),this._request=a}get type(){return aa.types.NETWORK}get startTime(){return this._request.rendererStartTime*1e3}get endTime(){return this._request.networkEndTime*1e3}get rawRequest(){return this._request.rawRequest}get request(){return this._request}get initiatorType(){return this._request.initiator.type}get fromDiskCache(){return!!this._request.fromDiskCache}get isNonNetworkProtocol(){return YD(this.request.protocol)||YD(this.request.parsedURL.scheme)}get isConnectionless(){return this.fromDiskCache||this.isNonNetworkProtocol}hasRenderBlockingPriority(){let a=this._request.priority,i=this._request.resourceType==="Script",r=this._request.resourceType==="Document";return a==="VeryHigh"||
 a==="High"&&i||a==="High"&&r}cloneWithoutRelationships(){let a=new e(this._request);return a.setIsMainDocument(this._isMainDocument),a}}});var Gee,Bee,Hee,Uee,Wee,Vee,ib,$D=_(()=>{p();dr();eb();ab();Gee="RunTask",Bee="ThreadControllerImpl::RunTask",Hee="ThreadControllerImpl::DoWork",Uee="TaskQueueManager::ProcessTaskFromWorkQueue",Wee=10,Vee=/^video/,ib=class e{static{s(this,"PageDependencyGraph")}static getNetworkInitiators(a){if(!a.initiator)return[];if(a.initiator.url)return[a.initiator.url];if(a.initiator.type==="script"){let i=new Set,r=a.initiator.stack;for(;r;){let t=r.callFrames||[];for(let o of t)o.url&&i.add(o.url);r=r.parent}return Array.from(i)}return[]}static getNetworkNodeOutput(a){let i=[],r=new Map,t=new Map,o=new Map;return a.forEach(n=>{if(Vee.test(n.mimeType)||n.fromWorker)return;for(;r.has(n.requestId);)n.requestId+=":duplicate";let d=new zs(n);i.push(d);let l=t.get(n.url)||[];if(l.push(d),r.set(n.requestId,d),t.set(n.url,l),n.frameId&&n.resourceType==="Document"&&n.documentURL===n.url){let c=o.has(n.frameId)?null:d;o.set(n.frameId,c)}}),{nodes:i,idToNodeMap:r,urlToNodeMap:t,frameIdToNodeMap:o}}static isScheduleableTask(a){

package/front_end/third_party/puppeteer-replay/README.chromium

@@ -1,10 +1,10 @@
 Name: @puppeteer/replay
 Short Name: @puppeteer/replay
 URL: https://github.com/puppeteer/replay
-Version: 3.1.3
+Version: 4.0.2
 License: Apache-2.0
 License File: package/LICENSE
-Revision: 8be2fd240bbe6da6fbf031164b24f5057350f175
+Revision: 23ab6bc760bc6982d0dcbf3f832a2a7d54571f72
 Update Mechanism: Manual
 Security Critical: no
 Shipped: yes