chrome-devtools-frontend 1.0.935784 → 1.0.936819

package/config/gni/all_devtools_files.gni

@@ -36,9 +36,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/bindings_test_runner/PersistenceTestRunner.js",
   "front_end/panels/browser_debugger/module.json",
   "front_end/third_party/codemirror/codemirror.css",
-  "front_end/ui/legacy/components/color_picker/module.json",
-  "front_end/ui/legacy/components/color_picker/spectrum.css",
-  "front_end/panels/console_counters/module.json",
   "front_end/legacy_test_runner/console_test_runner/console_test_runner.js",
   "front_end/panels/console/consoleContextSelector.css",
   "front_end/panels/console/consolePinPane.css",
@@ -46,8 +43,6 @@ all_devtools_files = [
   "front_end/panels/console/consoleSidebar.css",
   "front_end/panels/console/consoleView.css",
   "front_end/panels/console/module.json",
-  "front_end/ui/legacy/components/cookie_table/cookiesTable.css",
-  "front_end/ui/legacy/components/cookie_table/module.json",
   "front_end/legacy_test_runner/coverage_test_runner/coverage_test_runner.js",
   "front_end/panels/coverage/module.json",
   "front_end/legacy_test_runner/cpu_profiler_test_runner/cpu_profiler_test_runner.js",
@@ -67,21 +62,10 @@ all_devtools_files = [
   "front_end/panels/emulation/inspectedPagePlaceholder.css",
   "front_end/panels/emulation/mediaQueryInspector.css",
   "front_end/panels/emulation/module.json",
-  "front_end/panels/event_listeners/module.json",
   "front_end/legacy_test_runner/extensions_test_runner/extensions_test_runner.js",
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsNetworkTestRunner.js",
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsTestRunner.js",
   "front_end/legacy_test_runner/heap_profiler_test_runner/heap_profiler_test_runner.js",
-  "front_end/panels/help/module.json",
-  "front_end/ui/legacy/components/inline_editor/bezierEditor.css",
-  "front_end/ui/legacy/components/inline_editor/bezierSwatch.css",
-  "front_end/ui/legacy/components/inline_editor/colorSwatch.css",
-  "front_end/ui/legacy/components/inline_editor/cssShadowEditor.css",
-  "front_end/ui/legacy/components/inline_editor/cssShadowSwatch.css",
-  "front_end/ui/legacy/components/inline_editor/fontEditor.css",
-  "front_end/ui/legacy/components/inline_editor/module.json",
-  "front_end/ui/legacy/components/inline_editor/swatchPopover.css",
-  "front_end/panels/input/module.json",
   "front_end/entrypoints/inspector_main/module.json",
   "front_end/entrypoints/inspector_main/nodeIcon.css",
   "front_end/entrypoints/inspector_main/renderingOptions.css",
@@ -93,11 +77,9 @@ all_devtools_files = [
   "front_end/panels/layers/module.json",
   "front_end/entrypoints/main/module.json",
   "front_end/panels/media/module.json",
-  "front_end/panels/mobile_throttling/module.json",
   "front_end/entrypoints/ndb_app/ndb_app.json",
   "front_end/legacy_test_runner/network_test_runner/network_test_runner.js",
   "front_end/panels/network/module.json",
-  "front_end/entrypoints/node_main/module.json",
   "front_end/entrypoints/node_main/nodeConnectionsPanel.css",
   "front_end/ui/legacy/components/perf_ui/chartViewport.css",
   "front_end/ui/legacy/components/perf_ui/filmStripView.css",
@@ -106,7 +88,6 @@ all_devtools_files = [
   "front_end/ui/legacy/components/perf_ui/overviewGrid.css",
   "front_end/ui/legacy/components/perf_ui/timelineGrid.css",
   "front_end/ui/legacy/components/perf_ui/timelineOverviewInfo.css",
-  "front_end/panels/performance_monitor/module.json",
   "front_end/panels/protocol_monitor/module.json",
   "front_end/legacy_test_runner/performance_test_runner/performance_test_runner.js",
   "front_end/legacy_test_runner/performance_test_runner/TimelineDataTestRunner.js",
@@ -176,7 +157,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/sdk_test_runner/sdk_test_runner.js",
   "front_end/legacy_test_runner/security_test_runner/security_test_runner.js",
   "front_end/panels/security/module.json",
-  "front_end/panels/settings/module.json",
   "front_end/entrypoints/shell/shell.json",
   "front_end/ui/legacy/components/source_frame/fontView.css",
   "front_end/ui/legacy/components/source_frame/imageView.css",
@@ -239,8 +219,6 @@ all_devtools_files = [
   "front_end/ui/legacy/toolbar.css",
   "front_end/ui/legacy/treeoutline.css",
   "front_end/ui/legacy/viewContainers.css",
-  "front_end/panels/web_audio/module.json",
-  "front_end/panels/webauthn/module.json",
 ]
 
 lighthouse_locale_files = [

package/config/gni/devtools_grd_files.gni

@@ -370,13 +370,10 @@ grd_files_release_sources = [
   "front_end/panels/emulation/emulation-meta.js",
   "front_end/panels/emulation/emulation.js",
   "front_end/panels/event_listeners/event_listeners.js",
-  "front_end/panels/event_listeners/event_listeners_module.js",
   "front_end/panels/help/help-meta.js",
   "front_end/panels/help/help.js",
-  "front_end/panels/help/help_module.js",
   "front_end/panels/input/input-meta.js",
   "front_end/panels/input/input.js",
-  "front_end/panels/input/input_module.js",
   "front_end/panels/issues/components/components.js",
   "front_end/panels/issues/issues-meta.js",
   "front_end/panels/issues/issues.js",
@@ -409,7 +406,6 @@ grd_files_release_sources = [
   "front_end/panels/network/network_module.js",
   "front_end/panels/performance_monitor/performance_monitor-meta.js",
   "front_end/panels/performance_monitor/performance_monitor.js",
-  "front_end/panels/performance_monitor/performance_monitor_module.js",
   "front_end/panels/profiler/profiler-legacy.js",
   "front_end/panels/profiler/profiler-meta.js",
   "front_end/panels/profiler/profiler.js",
@@ -435,7 +431,6 @@ grd_files_release_sources = [
   "front_end/panels/settings/settings-legacy.js",
   "front_end/panels/settings/settings-meta.js",
   "front_end/panels/settings/settings.js",
-  "front_end/panels/settings/settings_module.js",
   "front_end/panels/snippets/snippets-legacy.js",
   "front_end/panels/snippets/snippets.js",
   "front_end/panels/sources/sources-legacy.js",
@@ -452,10 +447,8 @@ grd_files_release_sources = [
   "front_end/panels/web_audio/web_audio-legacy.js",
   "front_end/panels/web_audio/web_audio-meta.js",
   "front_end/panels/web_audio/web_audio.js",
-  "front_end/panels/web_audio/web_audio_module.js",
   "front_end/panels/webauthn/webauthn-meta.js",
   "front_end/panels/webauthn/webauthn.js",
-  "front_end/panels/webauthn/webauthn_module.js",
   "front_end/third_party/acorn-loose/acorn-loose.js",
   "front_end/third_party/acorn/acorn.js",
   "front_end/third_party/chromium/client-variations/client-variations.js",
@@ -506,15 +499,12 @@ grd_files_release_sources = [
   "front_end/ui/components/tree_outline/tree_outline.js",
   "front_end/ui/legacy/components/color_picker/color_picker-legacy.js",
   "front_end/ui/legacy/components/color_picker/color_picker.js",
-  "front_end/ui/legacy/components/color_picker/color_picker_module.js",
   "front_end/ui/legacy/components/cookie_table/cookie_table-legacy.js",
   "front_end/ui/legacy/components/cookie_table/cookie_table.js",
-  "front_end/ui/legacy/components/cookie_table/cookie_table_module.js",
   "front_end/ui/legacy/components/data_grid/data_grid-legacy.js",
   "front_end/ui/legacy/components/data_grid/data_grid.js",
   "front_end/ui/legacy/components/inline_editor/inline_editor-legacy.js",
   "front_end/ui/legacy/components/inline_editor/inline_editor.js",
-  "front_end/ui/legacy/components/inline_editor/inline_editor_module.js",
   "front_end/ui/legacy/components/object_ui/object_ui-legacy.js",
   "front_end/ui/legacy/components/object_ui/object_ui-meta.js",
   "front_end/ui/legacy/components/object_ui/object_ui.js",
@@ -1494,7 +1484,9 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/color_picker/ContrastInfo.js",
   "front_end/ui/legacy/components/color_picker/ContrastOverlay.js",
   "front_end/ui/legacy/components/color_picker/Spectrum.js",
+  "front_end/ui/legacy/components/color_picker/spectrum.css.js",
   "front_end/ui/legacy/components/cookie_table/CookiesTable.js",
+  "front_end/ui/legacy/components/cookie_table/cookiesTable.css.js",
   "front_end/ui/legacy/components/data_grid/DataGrid.js",
   "front_end/ui/legacy/components/data_grid/ShowMoreDataGridNode.js",
   "front_end/ui/legacy/components/data_grid/SortableDataGrid.js",
@@ -1518,12 +1510,18 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/inline_editor/InlineEditorUtils.js",
   "front_end/ui/legacy/components/inline_editor/SwatchPopoverHelper.js",
   "front_end/ui/legacy/components/inline_editor/Swatches.js",
+  "front_end/ui/legacy/components/inline_editor/bezierEditor.css.js",
+  "front_end/ui/legacy/components/inline_editor/bezierSwatch.css.js",
   "front_end/ui/legacy/components/inline_editor/colorSwatch.css.js",
   "front_end/ui/legacy/components/inline_editor/cssAngle.css.js",
   "front_end/ui/legacy/components/inline_editor/cssAngleEditor.css.js",
   "front_end/ui/legacy/components/inline_editor/cssAngleSwatch.css.js",
   "front_end/ui/legacy/components/inline_editor/cssLength.css.js",
+  "front_end/ui/legacy/components/inline_editor/cssShadowEditor.css.js",
+  "front_end/ui/legacy/components/inline_editor/cssShadowSwatch.css.js",
   "front_end/ui/legacy/components/inline_editor/cssVarSwatch.css.js",
+  "front_end/ui/legacy/components/inline_editor/fontEditor.css.js",
+  "front_end/ui/legacy/components/inline_editor/swatchPopover.css.js",
   "front_end/ui/legacy/components/object_ui/CustomPreviewComponent.js",
   "front_end/ui/legacy/components/object_ui/JavaScriptAutocomplete.js",
   "front_end/ui/legacy/components/object_ui/JavaScriptREPL.js",

package/front_end/.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
         'rulesdir/ban_literal_devtools_component_tag_names': 2,
         'rulesdir/ban_self_closing_custom_element_tagnames': 2,
         'rulesdir/ban_style_tags_in_lit_html': 2,
+        'rulesdir/ban_a_tags_in_lit_html': 2,
         'rulesdir/check_component_naming': 2,
         'rulesdir/check_was_shown_methods': 2,
         'rulesdir/static_custom_event_names': 2,

package/front_end/core/host/UserMetrics.ts

@@ -574,7 +574,8 @@ export const DevtoolsExperiments: {
   'reportingApiDebugging': 49,
   'syncSettings': 50,
   'groupAndHideIssuesByKind': 51,
-  '__lastValidEnumPosition': 51,
+  'cssTypeComponentLength': 52,
+  '__lastValidEnumPosition': 52,
 };
 
 export const IssueExpanded: {

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

@@ -2681,9 +2681,6 @@
   "panels/application/BackForwardCacheView.ts | circumstantialExplanation": {
     "message": "These reasons are not actionable i.e. caching was prevented by something outside of the direct control of the page."
   },
-  "panels/application/BackForwardCacheView.ts | lastMainFrameNavigation": {
-    "message": "Last Main Frame Navigation"
-  },
   "panels/application/BackForwardCacheView.ts | mainFrame": {
     "message": "Main Frame"
   },
@@ -2699,6 +2696,9 @@
   "panels/application/BackForwardCacheView.ts | restoredFromBFCache": {
     "message": "Restored from back-forward cache"
   },
+  "panels/application/BackForwardCacheView.ts | runTest": {
+    "message": "Run Test"
+  },
   "panels/application/BackForwardCacheView.ts | supportPending": {
     "message": "Pending Support"
   },

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

@@ -2681,9 +2681,6 @@
   "panels/application/BackForwardCacheView.ts | circumstantialExplanation": {
     "message": "T̂h́êśê ŕêáŝón̂ś âŕê ńôt́ âćt̂íôńâb́l̂é î.é. ĉáĉh́îńĝ ẃâś p̂ŕêv́êńt̂éd̂ b́ŷ śôḿêt́ĥín̂ǵ ôút̂śîd́ê óf̂ t́ĥé d̂ír̂éĉt́ ĉón̂t́r̂ól̂ óf̂ t́ĥé p̂áĝé."
   },
-  "panels/application/BackForwardCacheView.ts | lastMainFrameNavigation": {
-    "message": "L̂áŝt́ M̂áîń F̂ŕâḿê Ńâv́îǵât́îón̂"
-  },
   "panels/application/BackForwardCacheView.ts | mainFrame": {
     "message": "M̂áîń F̂ŕâḿê"
   },
@@ -2699,6 +2696,9 @@
   "panels/application/BackForwardCacheView.ts | restoredFromBFCache": {
     "message": "R̂éŝt́ôŕêd́ f̂ŕôḿ b̂áĉḱ-f̂ór̂ẃâŕd̂ ćâćĥé"
   },
+  "panels/application/BackForwardCacheView.ts | runTest": {
+    "message": "R̂ún̂ T́êśt̂"
+  },
   "panels/application/BackForwardCacheView.ts | supportPending": {
     "message": "P̂én̂d́îńĝ Śûṕp̂ór̂t́"
   },

package/front_end/core/sdk/ConsoleModel.ts

@@ -84,7 +84,6 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
   #violationsInternal: number;
   #pageLoadSequenceNumber: number;
   readonly #targetListeners: WeakMap<Target, Common.EventTarget.EventDescriptor[]>;
-  #consoleGroupMessageStack: ConsoleMessage[] = [];
 
   private constructor() {
     super();
@@ -276,7 +275,6 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
       message = call.args[0].description;
     }
     const callFrame = call.stackTrace && call.stackTrace.callFrames.length ? call.stackTrace.callFrames[0] : null;
-    const groupParent = this.#consoleGroupMessageStack[this.#consoleGroupMessageStack.length - 1];
     const details = {
       type: call.type,
       url: callFrame?.url,
@@ -287,20 +285,9 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
       timestamp: call.timestamp,
       executionContextId: call.executionContextId,
       context: call.context,
-      groupParent,
-      groupChildren: [],
     };
     const consoleMessage =
         new ConsoleMessage(runtimeModel, FrontendMessageSource.ConsoleAPI, level, (message as string), details);
-    if (call.type === Protocol.Runtime.ConsoleAPICalledEventType.StartGroup) {
-      this.#consoleGroupMessageStack.push(consoleMessage);
-    }
-    if (call.type === Protocol.Runtime.ConsoleAPICalledEventType.EndGroup) {
-      this.#consoleGroupMessageStack.pop();
-    }
-    if (groupParent && call.type !== Protocol.Runtime.ConsoleAPICalledEventType.EndGroup) {
-      groupParent.groupChildren?.push(consoleMessage);
-    }
     this.addMessage(consoleMessage);
   }
 
@@ -392,7 +379,6 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
 
   private clear(): void {
     this.#messagesInternal = [];
-    this.#consoleGroupMessageStack = [];
     this.#messageByExceptionId.clear();
     this.#errorsInternal = 0;
     this.#warningsInternal = 0;
@@ -518,8 +504,6 @@ export interface ConsoleMessageDetails {
   workerId?: string;
   context?: string;
   affectedResources?: AffectedResources;
-  groupParent?: ConsoleMessage;
-  groupChildren?: ConsoleMessage[];
   category?: Protocol.Log.LogEntryCategory;
 }
 
@@ -543,8 +527,6 @@ export class ConsoleMessage {
   #pageLoadSequenceNumber?: number = undefined;
   #exceptionId?: number = undefined;
   #affectedResources?: AffectedResources;
-  groupParent?: ConsoleMessage;
-  groupChildren?: Array<ConsoleMessage>;
   category?: Protocol.Log.LogEntryCategory;
 
   constructor(
@@ -565,8 +547,6 @@ export class ConsoleMessage {
     this.scriptId = details?.scriptId;
     this.workerId = details?.workerId;
     this.#affectedResources = details?.affectedResources;
-    this.groupParent = details?.groupParent;
-    this.groupChildren = details?.groupChildren;
     this.category = details?.category;
 
     if (!this.#executionContextId && this.#runtimeModelInternal) {

package/front_end/entrypoints/devtools_app/devtools_app.json

@@ -2,26 +2,20 @@
   "modules" : [
     { "name": "panels/emulation", "type": "autostart" },
     { "name": "entrypoints/inspector_main", "type": "autostart" },
-    { "name": "panels/mobile_throttling", "type": "autostart" },
 
     { "name": "panels/accessibility" },
     { "name": "panels/lighthouse" },
     { "name": "panels/browser_debugger" },
     { "name": "panels/css_overview" },
-    { "name": "ui/legacy/components/cookie_table" },
     { "name": "panels/elements" },
     { "name": "emulated_devices" },
     { "name": "panels/issues" },
-    { "name": "panels/help" },
     { "name": "panels/layers" },
     { "name": "panels/layer_viewer" },
     { "name": "panels/network" },
-    { "name": "panels/performance_monitor" },
     { "name": "panels/application" },
     { "name": "panels/security" },
     { "name": "panels/timeline" },
-    { "name": "panels/web_audio" },
-    { "name": "panels/webauthn"},
     { "name": "panels/media" }
   ],
   "extends": "shell"

package/front_end/entrypoints/inspector_main/module.json

@@ -1,7 +1,6 @@
 {
   "dependencies": [
-    "ui/legacy",
-    "panels/mobile_throttling"
+    "ui/legacy"
   ],
     "resources": [
     "nodeIcon.css",

package/front_end/entrypoints/main/MainImpl.ts

@@ -323,15 +323,22 @@ export class MainImpl {
     Root.Runtime.experiments.register(
         Root.Runtime.ExperimentName.SYNC_SETTINGS, 'Sync DevTools settings with Chrome Sync');
 
+    // Debugging of Reporting API
+    Root.Runtime.experiments.register('reportingApiDebugging', 'Enable Reporting API panel in the Application panel');
+
+    // CSS <length> authoring tool.
+    Root.Runtime.experiments.register(
+        'cssTypeComponentLength',
+        'Enable CSS <length> authoring tool in the Styles pane (https://goo.gle/length-feedback)', undefined,
+        'https://developer.chrome.com/blog/new-in-devtools-96/#length');
+
     Root.Runtime.experiments.enableExperimentsByDefault([
       'sourceOrderViewer',
       'hideIssuesFeature',
       'bfcacheDebugging',
+      'cssTypeComponentLength',
     ]);
 
-    // Debugging of Reporting API
-    Root.Runtime.experiments.register('reportingApiDebugging', 'Enable Reporting API panel in the Application panel');
-
     Root.Runtime.experiments.cleanUpStaleExperiments();
     const enabledExperiments = Root.Runtime.Runtime.queryParam('enabledExperiments');
     if (enabledExperiments) {

package/front_end/entrypoints/node_app/node_app.json

@@ -1,6 +1,5 @@
 {
   "modules" : [
-    { "name": "entrypoints/node_main", "type": "autostart" },
     { "name": "panels/js_profiler" }
   ],
   "extends": "shell"

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -31,8 +30,6 @@ let loadedNodeMainModule: (typeof NodeMain|undefined);
 
 async function loadNodeMainModule(): Promise<typeof NodeMain> {
   if (!loadedNodeMainModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('entrypoints/node_main');
     loadedNodeMainModule = await import('./node_main.js');
   }
   return loadedNodeMainModule;

package/front_end/entrypoints/shell/shell.json

@@ -1,19 +1,13 @@
 {
   "modules": [
-    { "name": "panels/console_counters", "type": "autostart" },
     { "name": "entrypoints/main", "type": "autostart" },
     { "name": "ui/legacy", "type": "autostart" },
 
-    { "name": "ui/legacy/components/color_picker" },
     { "name": "panels/console" },
     { "name": "panels/coverage" },
-    { "name": "panels/event_listeners" },
-    { "name": "ui/legacy/components/inline_editor" },
-    { "name": "panels/input"},
     { "name": "ui/legacy/components/perf_ui" },
     { "name": "panels/profiler" },
     { "name": "panels/protocol_monitor"},
-    { "name": "panels/settings" },
     { "name": "ui/legacy/components/source_frame" },
     { "name": "panels/sources" },
     { "name": "ui/legacy/components/text_editor" }

package/front_end/entrypoints/worker_app/worker_app.json

@@ -1,11 +1,7 @@
 {
   "modules" : [
-    { "name": "panels/mobile_throttling", "type": "autostart"  },
-
     { "name": "panels/browser_debugger" },
-    { "name": "ui/legacy/components/cookie_table" },
     { "name": "panels/elements" },
-    { "name": "panels/help" },
     { "name": "panels/issues" },
     { "name": "panels/layer_viewer" },
     { "name": "panels/network" },

package/front_end/panels/application/BackForwardCacheView.ts

@@ -4,6 +4,7 @@
 
 import type * as Platform from '../../core/platform/platform.js';
 import * as i18n from '../../core/i18n/i18n.js';
+import * as Buttons from '../../ui/components/buttons/buttons.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as LitHtml from '../../ui/lit-html/lit-html.js';
 import * as ReportView from '../../ui/components/report_view/report_view.js';
@@ -19,10 +20,6 @@ const UIStrings = {
    * @description Title text in Back-forward Cache view of the Application panel
    */
   mainFrame: 'Main Frame',
-  /**
-   * @description Section header text in Back-forward Cache view of the Application panel
-   */
-  lastMainFrameNavigation: 'Last Main Frame Navigation',
   /**
    * @description Title text in Back-forward Cache view of the Application panel
    */
@@ -83,6 +80,10 @@ const UIStrings = {
    * of chrome they will not prevent back-forward cache usage anymore.
    */
   supportPending: 'Pending Support',
+  /**
+   * @description Button name for showing whether BFCache is available in the pages.
+   */
+  runTest: 'Run Test',
   /**
    * @description Explanation for 'pending support' items which prevent the page from being eligible
    * for back-forward cache.
@@ -131,6 +132,48 @@ export class BackForwardCacheView extends UI.ThrottledWidget.ThrottledWidget {
     return this.getMainResourceTreeModel()?.mainFrame || null;
   }
 
+  private async goBackOneHistoryEntry(): Promise<void> {
+    SDK.TargetManager.TargetManager.instance().removeModelListener(
+        SDK.ResourceTreeModel.ResourceTreeModel, SDK.ResourceTreeModel.Events.FrameNavigated,
+        this.goBackOneHistoryEntry, this);
+    const mainTarget = SDK.TargetManager.TargetManager.instance().mainTarget();
+    if (!mainTarget) {
+      return;
+    }
+    const resourceTreeModel = mainTarget.model(SDK.ResourceTreeModel.ResourceTreeModel);
+    if (!resourceTreeModel) {
+      return;
+    }
+    const historyResults = await resourceTreeModel.navigationHistory();
+    if (!historyResults) {
+      return;
+    }
+    resourceTreeModel.navigateToHistoryEntry(historyResults.entries[historyResults.currentIndex - 1]);
+  }
+
+  private async navigateAwayAndBack(): Promise<void> {
+    // Checking BFCache Compatibility
+
+    const mainTarget = SDK.TargetManager.TargetManager.instance().mainTarget();
+    if (!mainTarget) {
+      return;
+    }
+    const resourceTreeModel = mainTarget.model(SDK.ResourceTreeModel.ResourceTreeModel);
+
+    if (resourceTreeModel) {
+      // This event is removed by inside of goBackOneHistoryEntry().
+      SDK.TargetManager.TargetManager.instance().addModelListener(
+          SDK.ResourceTreeModel.ResourceTreeModel, SDK.ResourceTreeModel.Events.FrameNavigated,
+          this.goBackOneHistoryEntry, this);
+
+      // We can know whether the current page can use BFCache
+      // as the browser navigates to another unrelated page and goes back to the current page.
+      // We chose "chrome://version" because it must be cross-site.
+      // Ideally, We want to have our own testing page like "chrome: //bfcache-test".
+      resourceTreeModel.navigate('chrome://version/');
+    }
+  }
+
   private renderMainFrameInformation(mainFrame: SDK.ResourceTreeModel.ResourceTreeFrame|null): LitHtml.TemplateResult {
     if (!mainFrame) {
       return LitHtml.html`<${ReportView.ReportView.ReportKey.litTagName}>${i18nString(UIStrings.mainFrame)}</${
@@ -140,8 +183,13 @@ export class BackForwardCacheView extends UI.ThrottledWidget.ThrottledWidget {
       </${ReportView.ReportView.ReportValue.litTagName}>`;
     }
     return LitHtml.html`
-      <${ReportView.ReportView.ReportSectionHeader.litTagName}>${i18nString(UIStrings.lastMainFrameNavigation)}</${
-        ReportView.ReportView.ReportSectionHeader.litTagName}>
+      <${ReportView.ReportView.ReportSectionHeader.litTagName}>
+      <${Buttons.Button.Button.litTagName}
+            .variant=${Buttons.Button.Variant.PRIMARY}
+            @click=${this.navigateAwayAndBack}>
+            ${i18nString(UIStrings.runTest)}
+      </${Buttons.Button.Button.litTagName}>
+      </${ReportView.ReportView.ReportSectionHeader.litTagName}>
       <${ReportView.ReportView.ReportKey.litTagName}>${i18nString(UIStrings.url)}</${
         ReportView.ReportView.ReportKey.litTagName}>
       <${ReportView.ReportView.ReportValue.litTagName}>${mainFrame.url}</${

package/front_end/panels/application/module.json

@@ -1,11 +1,8 @@
 {
   "dependencies": [
     "ui/legacy/components/source_frame",
-    "ui/legacy/components/cookie_table",
-    "ui/legacy/components/inline_editor",
     "ui/legacy",
     "ui/legacy/components/perf_ui",
-    "panels/mobile_throttling",
     "panels/network",
     "panels/sources"
   ]

package/front_end/panels/console/ConsoleFilter.ts

@@ -68,7 +68,7 @@ export class ConsoleFilter {
     }
 
     if (message.type === SDK.ConsoleModel.FrontendMessageType.Command ||
-        message.type === SDK.ConsoleModel.FrontendMessageType.Result) {
+        message.type === SDK.ConsoleModel.FrontendMessageType.Result || message.isGroupMessage()) {
       return true;
     }
     if (message.level && !this.levelsMask[message.level as string]) {

package/front_end/panels/console/ConsolePinPane.ts

@@ -263,6 +263,7 @@ export class ConsolePin {
         ]),
         CM.EditorView.domEventHandlers({blur: (_e, view) => this.onBlur(view)}),
         TE.Config.baseConfiguration(expression),
+        TE.Config.autocompletion,
       ],
     }));
     parent.appendChild(this.editor);

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -1057,25 +1057,8 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   }
 
   matchesFilterText(filter: string): boolean {
-    return ConsoleViewMessage.recursivelyTestParentConsoleMessage(this.message, filter) ||
-        ConsoleViewMessage.recursivelyTestChildrenConsoleMessage(this.message, filter);
-  }
-
-  static recursivelyTestParentConsoleMessage(consoleMessage: SDK.ConsoleModel.ConsoleMessage, filterString: string):
-      boolean {
-    const doesFilterMatchText = consoleMessage.messageText.toLowerCase().includes(filterString.toLowerCase());
-    const doesParentMatchText = consoleMessage.groupParent &&
-        ConsoleViewMessage.recursivelyTestParentConsoleMessage(consoleMessage.groupParent, filterString);
-    return Boolean(doesFilterMatchText || doesParentMatchText);
-  }
-
-  static recursivelyTestChildrenConsoleMessage(consoleMessage: SDK.ConsoleModel.ConsoleMessage, filterString: string):
-      boolean {
-    const doesFilterMatchChildren = consoleMessage.groupChildren?.some(childMessage => {
-      const filterMatch = childMessage.messageText.toLowerCase().includes(filterString.toLowerCase());
-      return filterMatch || ConsoleViewMessage.recursivelyTestChildrenConsoleMessage(childMessage, filterString);
-    });
-    return Boolean(doesFilterMatchChildren);
+    const text = this.contentElement().deepTextContent();
+    return text.toLowerCase().includes(filter.toLowerCase());
   }
 
   updateTimestamp(): void {

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

@@ -2,7 +2,6 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -12,8 +11,6 @@ let loadedConsoleCountersModule: (typeof ConsoleCounters|undefined);
 
 async function loadConsoleCountersModule(): Promise<typeof ConsoleCounters> {
   if (!loadedConsoleCountersModule) {
-    // Side-effect import reconsole_counters in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/console_counters');
     loadedConsoleCountersModule = await import('./console_counters.js');
   }
   return loadedConsoleCountersModule;

package/front_end/panels/coverage/CoverageListView.ts

@@ -138,8 +138,8 @@ export class CoverageListView extends UI.Widget.VBox {
     this.highlightRegExp = null;
 
     const columns: DataGrid.DataGrid.ColumnDescriptor[] = [
-      {id: 'url', title: i18nString(UIStrings.url), width: '250px', fixedWidth: false, sortable: true},
-      {id: 'type', title: i18nString(UIStrings.type), width: '45px', fixedWidth: true, sortable: true},
+      {id: 'url', title: i18nString(UIStrings.url), width: '250px', weight: 3, fixedWidth: false, sortable: true},
+      {id: 'type', title: i18nString(UIStrings.type), width: '45px', weight: 1, fixedWidth: true, sortable: true},
       {
         id: 'size',
         title: i18nString(UIStrings.totalBytes),
@@ -147,6 +147,7 @@ export class CoverageListView extends UI.Widget.VBox {
         fixedWidth: true,
         sortable: true,
         align: DataGrid.DataGrid.Align.Right,
+        weight: 1,
       },
       {
         id: 'unusedSize',
@@ -156,9 +157,17 @@ export class CoverageListView extends UI.Widget.VBox {
         sortable: true,
         align: DataGrid.DataGrid.Align.Right,
         sort: DataGrid.DataGrid.Order.Descending,
+        weight: 1,
       },
-      {id: 'bars', title: i18nString(UIStrings.usageVisualization), width: '250px', fixedWidth: false, sortable: true},
-    ] as DataGrid.DataGrid.ColumnDescriptor[];
+      {
+        id: 'bars',
+        title: i18nString(UIStrings.usageVisualization),
+        width: '250px',
+        fixedWidth: false,
+        sortable: true,
+        weight: 1,
+      },
+    ];
     this.dataGrid = new DataGrid.SortableDataGrid.SortableDataGrid<GridNode>({
       displayName: i18nString(UIStrings.codeCoverage),
       columns,

package/front_end/panels/css_overview/components/CSSOverviewStartView.ts

@@ -106,6 +106,7 @@ export class CSSOverviewStartView extends HTMLElement {
   private render(): void {
     // Disabled until https://crbug.com/1079231 is fixed.
     // clang-format off
+    // eslint-disable-next-line rulesdir/ban_a_tags_in_lit_html
     render(html`
       <div class="css-overview-start-view">
         <h1 class="summary-header">${i18nString(UIStrings.identifyCSSImprovements)}</h1>