chrome-devtools-frontend 1.0.1657110 → 1.0.1660788

package/front_end/panels/network/networkPanel.css

@@ -30,6 +30,7 @@
 :root {
   --network-overview-total: var(--sys-color-neutral-bright);
   --network-overview-blocking: var(--ref-palette-neutral0);
+  --network-waterfall-blocking: var(--sys-color-neutral-bright);
   --network-overview-connecting: var(--ref-palette-yellow60);
   --network-overview-service-worker: var(--sys-color-orange-bright);
   --network-overview-service-worker-respond-with: var(--sys-color-cyan-bright);

package/front_end/panels/network/networkTimingTable.css

@@ -94,7 +94,7 @@ table.network-timing-table > tr:not(.network-timing-table-header, .network-timin
 
 .network-timing-bar.blocking,
 .-theme-preserve {
-  background-color: var(--network-overview-blocking); /* stylelint-disable-line plugin/use_theme_colors */
+  background-color: var(--network-waterfall-blocking); /* stylelint-disable-line plugin/use_theme_colors */
 }
 
 .network-timing-bar.proxy,

package/front_end/panels/network/requestPayloadView.css

@@ -7,6 +7,16 @@
 .request-payload-view {
   user-select: text;
   overflow: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.raw-payload-section {
+  flex: 1 1 auto;
+  min-height: 200px;
+  display: flex;
+  flex-direction: column;
+  border-top: 1px solid var(--sys-color-divider);
 }
 
 .request-payload-tree {

package/front_end/panels/performance_monitor/PerformanceMonitor.ts

@@ -16,43 +16,43 @@ import performanceMonitorStyles from './performanceMonitor.css.js';
 
 const UIStrings = {
   /**
-   * @description Aria accessible name in Performance Monitor of the Performance monitor tab
+   * @description Aria accessible name in Performance monitor of the Performance monitor tab.
    */
   graphsDisplayingARealtimeViewOf: 'Graphs displaying a real-time view of performance metrics',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
   paused: 'Paused',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
   cpuUsage: 'CPU usage',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
   jsHeapSize: 'JS heap size',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
-  domNodes: 'DOM Nodes',
+  domNodes: 'DOM nodes',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
   jsEventListeners: 'JS event listeners',
   /**
-   * @description Text for documents, a type of resources
+   * @description Text for documents, a type of resource.
    */
   documents: 'Documents',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
-  documentFrames: 'Document Frames',
+  documentFrames: 'Document frames',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
   layoutsSec: 'Layouts / sec',
   /**
-   * @description Text in Performance Monitor of the Performance monitor tab
+   * @description Text in Performance monitor of the Performance monitor tab.
    */
   styleRecalcsSec: 'Style recalcs / sec',
 } as const;

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

@@ -9,31 +9,31 @@ import type * as PerformanceMonitor from './performance_monitor.js';
 
 const UIStrings = {
   /**
-   * @description Title of the 'Performance monitor' tool in the bottom drawer
+   * @description Title of the 'Performance monitor' tool in the bottom drawer.
    */
   performanceMonitor: 'Performance monitor',
   /**
-   * @description A tag of Performance Monitor that can be searched in the command menu
+   * @description A tag of Performance monitor that can be searched in the command menu.
    */
   performance: 'performance',
   /**
-   * @description A tag of Performance Monitor that can be searched in the command menu
+   * @description A tag of Performance monitor that can be searched in the command menu.
    */
   systemMonitor: 'system monitor',
   /**
-   * @description A tag of Performance Monitor that can be searched in the command menu
+   * @description A tag of Performance monitor that can be searched in the command menu.
    */
   monitor: 'monitor',
   /**
-   * @description A tag of Performance Monitor that can be searched in the command menu
+   * @description A tag of Performance monitor that can be searched in the command menu.
    */
   activity: 'activity',
   /**
-   * @description A tag of Performance Monitor that can be searched in the command menu
+   * @description A tag of Performance monitor that can be searched in the command menu.
    */
   metrics: 'metrics',
   /**
-   * @description Command for showing the 'Performance monitor' tool in the bottom drawer
+   * @description Command for showing the 'Performance monitor' tool in the bottom drawer.
    */
   showPerformanceMonitor: 'Show Performance monitor',
 } as const;

package/front_end/panels/profiler/HeapDetachedElementsView.ts

@@ -17,7 +17,7 @@ import {
   type ProfileHeader,
   ProfileType,
 } from './ProfileHeader.js';
-import {WritableProfileHeader} from './ProfileView.js';
+import {WritableProfileHeader} from './WritableProfileHeader.js';
 
 const UIStrings = {
   /**
@@ -90,7 +90,7 @@ export class DetachedElementsProfileView extends UI.View.SimpleView implements D
   }
 
   override async toolbarItems(): Promise<UI.Toolbar.ToolbarItem[]> {
-    return [...await super.toolbarItems(), this.selectedSizeText];
+    return [this.selectedSizeText];
   }
 }