chrome-devtools-frontend 1.0.940714 → 1.0.942529

package/config/gni/all_devtools_files.gni

@@ -43,11 +43,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/elements_test_runner/SetOuterHTMLTestRunner.js",
   "front_end/legacy_test_runner/elements_test_runner/StylesUpdateLinksTestRunner.js",
   "front_end/emulated_devices/module.json",
-  "front_end/panels/emulation/deviceModeToolbar.css",
-  "front_end/panels/emulation/deviceModeView.css",
-  "front_end/panels/emulation/inspectedPagePlaceholder.css",
-  "front_end/panels/emulation/mediaQueryInspector.css",
-  "front_end/panels/emulation/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",
@@ -56,25 +51,14 @@ all_devtools_files = [
   "front_end/entrypoints/inspector/inspector.json",
   "front_end/panels/js_profiler/module.json",
   "front_end/legacy_test_runner/layers_test_runner/layers_test_runner.js",
-  "front_end/panels/layer_viewer/module.json",
   "front_end/panels/layers/module.json",
-  "front_end/panels/media/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/nodeConnectionsPanel.css",
-  "front_end/ui/legacy/components/perf_ui/chartViewport.css",
-  "front_end/ui/legacy/components/perf_ui/filmStripView.css",
-  "front_end/ui/legacy/components/perf_ui/flameChart.css",
-  "front_end/ui/legacy/components/perf_ui/module.json",
-  "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/legacy_test_runner/performance_test_runner/performance_test_runner.js",
   "front_end/legacy_test_runner/performance_test_runner/TimelineDataTestRunner.js",
   "front_end/legacy_test_runner/performance_test_runner/TimelineTestRunner.js",
   "front_end/panels/profiler/module.json",
-  "front_end/panels/issues/module.json",
   "front_end/models/issues_manager/descriptions/arAttributionEventSourceTriggerDataTooLarge.md",
   "front_end/models/issues_manager/descriptions/arAttributionSourceUntrustworthyFrameOrigin.md",
   "front_end/models/issues_manager/descriptions/arAttributionSourceUntrustworthyOrigin.md",
@@ -132,11 +116,9 @@ all_devtools_files = [
   "front_end/models/issues_manager/descriptions/TwaDigitalAssetLinksFailed.md",
   "front_end/models/issues_manager/descriptions/TwaHttpError.md",
   "front_end/models/issues_manager/descriptions/TwaPageUnavailableOffline.md",
-  "front_end/panels/application/module.json",
   "front_end/panels/screencast/module.json",
   "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/entrypoints/shell/shell.json",
   "front_end/ui/legacy/components/source_frame/fontView.css",
   "front_end/ui/legacy/components/source_frame/imageView.css",
@@ -156,48 +138,9 @@ all_devtools_files = [
   "front_end/ui/legacy/components/text_editor/autocompleteTooltip.css",
   "front_end/ui/legacy/components/text_editor/cmdevtools.css",
   "front_end/ui/legacy/components/text_editor/module.json",
-  "front_end/third_party/lighthouse/report-assets/report.css",
   "front_end/third_party/lighthouse/report-assets/report.js",
   "front_end/third_party/lighthouse/report-assets/standalone-template.html",
   "front_end/panels/timeline/module.json",
-  "front_end/ui/legacy/checkboxTextLabel.css",
-  "front_end/ui/legacy/closeButton.css",
-  "front_end/ui/legacy/confirmDialog.css",
-  "front_end/ui/legacy/dialog.css",
-  "front_end/ui/legacy/dropTarget.css",
-  "front_end/ui/legacy/emptyWidget.css",
-  "front_end/ui/legacy/filter.css",
-  "front_end/ui/legacy/glassPane.css",
-  "front_end/ui/legacy/infobar.css",
-  "front_end/ui/legacy/inlineButton.css",
-  "front_end/ui/legacy/inspectorCommon.css",
-  "front_end/ui/legacy/themeColors.css",
-  "front_end/ui/legacy/inspectorSyntaxHighlight.css",
-  "front_end/ui/legacy/inspectorSyntaxHighlightDark.css",
-  "front_end/ui/legacy/inspectorViewTabbedPane.css",
-  "front_end/ui/legacy/listWidget.css",
-  "front_end/ui/legacy/module.json",
-  "front_end/ui/legacy/popover.css",
-  "front_end/ui/legacy/progressIndicator.css",
-  "front_end/ui/legacy/radioButton.css",
-  "front_end/ui/legacy/remoteDebuggingTerminatedScreen.css",
-  "front_end/ui/legacy/reportView.css",
-  "front_end/ui/legacy/rootView.css",
-  "front_end/ui/legacy/searchableView.css",
-  "front_end/ui/legacy/slider.css",
-  "front_end/ui/legacy/smallBubble.css",
-  "front_end/ui/legacy/softContextMenu.css",
-  "front_end/ui/legacy/softDropDown.css",
-  "front_end/ui/legacy/softDropDownButton.css",
-  "front_end/ui/legacy/splitWidget.css",
-  "front_end/ui/legacy/suggestBox.css",
-  "front_end/ui/legacy/tabbedPane.css",
-  "front_end/ui/legacy/targetCrashedScreen.css",
-  "front_end/ui/legacy/textButton.css",
-  "front_end/ui/legacy/textPrompt.css",
-  "front_end/ui/legacy/toolbar.css",
-  "front_end/ui/legacy/treeoutline.css",
-  "front_end/ui/legacy/viewContainers.css",
 ]
 
 lighthouse_locale_files = [

package/config/gni/devtools_grd_files.gni

@@ -52,7 +52,7 @@ grd_files_release_sources = [
   "front_end/Images/elements_panel_icon.svg",
   "front_end/Images/errorWave.svg",
   "front_end/Images/error_icon.svg",
-  "front_end/Images/feedback_thin_16x16_icon.svg",
+  "front_end/Images/feedback_button_icon.svg",
   "front_end/Images/flex-direction-icon.svg",
   "front_end/Images/flex-nowrap-icon.svg",
   "front_end/Images/flex-wrap-icon.svg",
@@ -120,8 +120,6 @@ grd_files_release_sources = [
   "front_end/Images/profileGroupIcon.png",
   "front_end/Images/profileIcon.png",
   "front_end/Images/profileSmallIcon.png",
-  "front_end/Images/radioDot-dark-theme.png",
-  "front_end/Images/radioDot.png",
   "front_end/Images/refresh_12x12_icon.svg",
   "front_end/Images/resizeDiagonal.svg",
   "front_end/Images/resizeHorizontal.svg",
@@ -134,6 +132,7 @@ grd_files_release_sources = [
   "front_end/Images/smallIcons.svg",
   "front_end/Images/sources_panel_icon.svg",
   "front_end/Images/speech.png",
+  "front_end/Images/survey_feedback_icon.svg",
   "front_end/Images/switcherIcon.svg",
   "front_end/Images/three_dots_menu_icon.svg",
   "front_end/Images/toolbarResizerVertical.png",
@@ -335,7 +334,6 @@ grd_files_release_sources = [
   "front_end/panels/application/application-legacy.js",
   "front_end/panels/application/application-meta.js",
   "front_end/panels/application/application.js",
-  "front_end/panels/application/application_module.js",
   "front_end/panels/application/components/components.js",
   "front_end/panels/browser_debugger/browser_debugger-legacy.js",
   "front_end/panels/browser_debugger/browser_debugger-meta.js",
@@ -372,14 +370,12 @@ grd_files_release_sources = [
   "front_end/panels/issues/components/components.js",
   "front_end/panels/issues/issues-meta.js",
   "front_end/panels/issues/issues.js",
-  "front_end/panels/issues/issues_module.js",
   "front_end/panels/js_profiler/js_profiler-meta.js",
   "front_end/panels/js_profiler/js_profiler.js",
   "front_end/panels/js_profiler/js_profiler_module.js",
   "front_end/panels/layer_viewer/layer_viewer-legacy.js",
   "front_end/panels/layer_viewer/layer_viewer-meta.js",
   "front_end/panels/layer_viewer/layer_viewer.js",
-  "front_end/panels/layer_viewer/layer_viewer_module.js",
   "front_end/panels/layers/layers-meta.js",
   "front_end/panels/layers/layers.js",
   "front_end/panels/layers/layers_module.js",
@@ -389,7 +385,6 @@ grd_files_release_sources = [
   "front_end/panels/lighthouse/lighthouse_module.js",
   "front_end/panels/media/media-meta.js",
   "front_end/panels/media/media.js",
-  "front_end/panels/media/media_module.js",
   "front_end/panels/mobile_throttling/mobile_throttling-legacy.js",
   "front_end/panels/mobile_throttling/mobile_throttling-meta.js",
   "front_end/panels/mobile_throttling/mobile_throttling.js",
@@ -398,7 +393,6 @@ grd_files_release_sources = [
   "front_end/panels/network/network-legacy.js",
   "front_end/panels/network/network-meta.js",
   "front_end/panels/network/network.js",
-  "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/profiler/profiler-legacy.js",
@@ -414,7 +408,6 @@ grd_files_release_sources = [
   "front_end/panels/security/security-legacy.js",
   "front_end/panels/security/security-meta.js",
   "front_end/panels/security/security.js",
-  "front_end/panels/security/security_module.js",
   "front_end/panels/sensors/sensors-meta.js",
   "front_end/panels/sensors/sensors.js",
   "front_end/panels/settings/components/components.js",
@@ -447,10 +440,7 @@ grd_files_release_sources = [
   "front_end/third_party/chromium/client-variations/client-variations.js",
   "front_end/third_party/codemirror.next/chunk/codemirror.js",
   "front_end/third_party/codemirror.next/chunk/cpp.js",
-  "front_end/third_party/codemirror.next/chunk/css.js",
-  "front_end/third_party/codemirror.next/chunk/html.js",
   "front_end/third_party/codemirror.next/chunk/java.js",
-  "front_end/third_party/codemirror.next/chunk/javascript.js",
   "front_end/third_party/codemirror.next/chunk/json.js",
   "front_end/third_party/codemirror.next/chunk/legacy.js",
   "front_end/third_party/codemirror.next/chunk/markdown.js",
@@ -482,6 +472,7 @@ grd_files_release_sources = [
   "front_end/ui/components/linear_memory_inspector/linear_memory_inspector.js",
   "front_end/ui/components/linkifier/linkifier.js",
   "front_end/ui/components/markdown_view/markdown_view.js",
+  "front_end/ui/components/panel_feedback/panel_feedback.js",
   "front_end/ui/components/render_coordinator/render_coordinator.js",
   "front_end/ui/components/report_view/report_view.js",
   "front_end/ui/components/request_link_icon/request_link_icon.js",
@@ -504,7 +495,6 @@ grd_files_release_sources = [
   "front_end/ui/legacy/components/perf_ui/perf_ui-legacy.js",
   "front_end/ui/legacy/components/perf_ui/perf_ui-meta.js",
   "front_end/ui/legacy/components/perf_ui/perf_ui.js",
-  "front_end/ui/legacy/components/perf_ui/perf_ui_module.js",
   "front_end/ui/legacy/components/quick_open/quick_open-legacy.js",
   "front_end/ui/legacy/components/quick_open/quick_open-meta.js",
   "front_end/ui/legacy/components/quick_open/quick_open.js",
@@ -974,6 +964,10 @@ grd_files_debug_sources = [
   "front_end/panels/emulation/InspectedPagePlaceholder.js",
   "front_end/panels/emulation/MediaQueryInspector.js",
   "front_end/panels/emulation/components/DeviceSizeInputElement.js",
+  "front_end/panels/emulation/deviceModeToolbar.css.legacy.js",
+  "front_end/panels/emulation/deviceModeView.css.legacy.js",
+  "front_end/panels/emulation/inspectedPagePlaceholder.css.legacy.js",
+  "front_end/panels/emulation/mediaQueryInspector.css.legacy.js",
   "front_end/panels/event_listeners/EventListenersUtils.js",
   "front_end/panels/event_listeners/EventListenersView.js",
   "front_end/panels/event_listeners/eventListenersView.css.js",
@@ -1195,6 +1189,7 @@ grd_files_debug_sources = [
   "front_end/panels/sources/OpenFileQuickOpen.js",
   "front_end/panels/sources/OutlineQuickOpen.js",
   "front_end/panels/sources/Plugin.js",
+  "front_end/panels/sources/ProfilePlugin.js",
   "front_end/panels/sources/ScopeChainSidebarPane.js",
   "front_end/panels/sources/ScriptFormatterEditorAction.js",
   "front_end/panels/sources/ScriptOriginPlugin.js",
@@ -1306,7 +1301,6 @@ grd_files_debug_sources = [
   "front_end/third_party/i18n/localized-string-set.js",
   "front_end/third_party/intl-messageformat/package/intl-messageformat.esm.js",
   "front_end/third_party/lighthouse/report-assets/report-generator.js",
-  "front_end/third_party/lighthouse/report-assets/report.css.js",
   "front_end/third_party/lighthouse/report-assets/report.js",
   "front_end/third_party/lighthouse/report/bundle.js",
   "front_end/third_party/lit-html/directive.js",
@@ -1395,6 +1389,9 @@ grd_files_debug_sources = [
   "front_end/ui/components/markdown_view/markdownImage.css.js",
   "front_end/ui/components/markdown_view/markdownLink.css.js",
   "front_end/ui/components/markdown_view/markdownView.css.js",
+  "front_end/ui/components/panel_feedback/FeedbackButton.js",
+  "front_end/ui/components/panel_feedback/PanelFeedback.js",
+  "front_end/ui/components/panel_feedback/panelFeedback.css.js",
   "front_end/ui/components/render_coordinator/RenderCoordinator.js",
   "front_end/ui/components/report_view/ReportView.js",
   "front_end/ui/components/report_view/report.css.js",
@@ -1412,6 +1409,7 @@ grd_files_debug_sources = [
   "front_end/ui/components/text_editor/config.js",
   "front_end/ui/components/text_editor/cursor_tooltip.js",
   "front_end/ui/components/text_editor/javascript.js",
+  "front_end/ui/components/text_editor/position.js",
   "front_end/ui/components/text_editor/theme.js",
   "front_end/ui/components/text_prompt/TextPrompt.js",
   "front_end/ui/components/text_prompt/textPrompt.css.js",
@@ -1474,6 +1472,8 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/XLink.js",
   "front_end/ui/legacy/XWidget.js",
   "front_end/ui/legacy/ZoomManager.js",
+  "front_end/ui/legacy/checkboxTextLabel.css.legacy.js",
+  "front_end/ui/legacy/closeButton.css.legacy.js",
   "front_end/ui/legacy/components/color_picker/ContrastDetails.js",
   "front_end/ui/legacy/components/color_picker/ContrastInfo.js",
   "front_end/ui/legacy/components/color_picker/ContrastOverlay.js",
@@ -1537,7 +1537,13 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/perf_ui/PieChart.js",
   "front_end/ui/legacy/components/perf_ui/TimelineGrid.js",
   "front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.js",
+  "front_end/ui/legacy/components/perf_ui/chartViewport.css.legacy.js",
+  "front_end/ui/legacy/components/perf_ui/filmStripView.css.legacy.js",
+  "front_end/ui/legacy/components/perf_ui/flameChart.css.legacy.js",
+  "front_end/ui/legacy/components/perf_ui/overviewGrid.css.legacy.js",
   "front_end/ui/legacy/components/perf_ui/pieChart.css.js",
+  "front_end/ui/legacy/components/perf_ui/timelineGrid.css.legacy.js",
+  "front_end/ui/legacy/components/perf_ui/timelineOverviewInfo.css.js",
   "front_end/ui/legacy/components/quick_open/CommandMenu.js",
   "front_end/ui/legacy/components/quick_open/FilteredListWidget.js",
   "front_end/ui/legacy/components/quick_open/HelpQuickOpen.js",
@@ -1552,7 +1558,6 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/source_frame/PreviewFactory.js",
   "front_end/ui/legacy/components/source_frame/ResourceSourceFrame.js",
   "front_end/ui/legacy/components/source_frame/SourceFrame.js",
-  "front_end/ui/legacy/components/source_frame/SourcesTextEditor.js",
   "front_end/ui/legacy/components/source_frame/XMLView.js",
   "front_end/ui/legacy/components/text_editor/CodeMirrorTextEditor.js",
   "front_end/ui/legacy/components/text_editor/TextEditorAutocompleteController.js",
@@ -1564,15 +1569,50 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/utils/TargetDetachedDialog.js",
   "front_end/ui/legacy/components/utils/imagePreview.css.js",
   "front_end/ui/legacy/components/utils/jsUtils.css.js",
+  "front_end/ui/legacy/confirmDialog.css.legacy.js",
+  "front_end/ui/legacy/dialog.css.legacy.js",
+  "front_end/ui/legacy/dropTarget.css.legacy.js",
   "front_end/ui/legacy/emptyWidget.css.js",
+  "front_end/ui/legacy/emptyWidget.css.legacy.js",
+  "front_end/ui/legacy/filter.css.legacy.js",
+  "front_end/ui/legacy/glassPane.css.legacy.js",
+  "front_end/ui/legacy/infobar.css.legacy.js",
+  "front_end/ui/legacy/inlineButton.css.legacy.js",
   "front_end/ui/legacy/inspectorCommon.css.js",
+  "front_end/ui/legacy/inspectorCommon.css.legacy.js",
+  "front_end/ui/legacy/inspectorSyntaxHighlight.css.legacy.js",
+  "front_end/ui/legacy/inspectorSyntaxHighlightDark.css.legacy.js",
+  "front_end/ui/legacy/inspectorViewTabbedPane.css.legacy.js",
+  "front_end/ui/legacy/listWidget.css.legacy.js",
+  "front_end/ui/legacy/popover.css.legacy.js",
+  "front_end/ui/legacy/progressIndicator.css.legacy.js",
+  "front_end/ui/legacy/radioButton.css.legacy.js",
+  "front_end/ui/legacy/remoteDebuggingTerminatedScreen.css.legacy.js",
+  "front_end/ui/legacy/reportView.css.legacy.js",
+  "front_end/ui/legacy/rootView.css.legacy.js",
+  "front_end/ui/legacy/searchableView.css.legacy.js",
+  "front_end/ui/legacy/slider.css.legacy.js",
+  "front_end/ui/legacy/smallBubble.css.legacy.js",
+  "front_end/ui/legacy/softContextMenu.css.legacy.js",
+  "front_end/ui/legacy/softDropDown.css.legacy.js",
+  "front_end/ui/legacy/softDropDownButton.css.legacy.js",
+  "front_end/ui/legacy/splitWidget.css.legacy.js",
+  "front_end/ui/legacy/suggestBox.css.legacy.js",
+  "front_end/ui/legacy/tabbedPane.css.legacy.js",
+  "front_end/ui/legacy/targetCrashedScreen.css.legacy.js",
+  "front_end/ui/legacy/textButton.css.legacy.js",
+  "front_end/ui/legacy/textPrompt.css.legacy.js",
+  "front_end/ui/legacy/themeColors.css.legacy.js",
   "front_end/ui/legacy/theme_support/theme_support_impl.js",
+  "front_end/ui/legacy/toolbar.css.legacy.js",
+  "front_end/ui/legacy/treeoutline.css.legacy.js",
   "front_end/ui/legacy/utils/append-style.js",
   "front_end/ui/legacy/utils/create-shadow-root-with-core-styles.js",
   "front_end/ui/legacy/utils/focus-changed.js",
   "front_end/ui/legacy/utils/inject-core-styles.js",
   "front_end/ui/legacy/utils/measured-scrollbar-width.js",
   "front_end/ui/legacy/utils/register-custom-element.js",
+  "front_end/ui/legacy/viewContainers.css.legacy.js",
   "front_end/ui/lit-html/static.js",
 ]
 

package/config/gni/devtools_image_files.gni

@@ -21,8 +21,6 @@ devtools_image_files = [
   "profileGroupIcon.png",
   "profileIcon.png",
   "profileSmallIcon.png",
-  "radioDot-dark-theme.png",
-  "radioDot.png",
   "resourcesTimeGraphIcon.avif",
   "searchNext.png",
   "searchPrev.png",
@@ -64,7 +62,7 @@ devtools_svg_sources = [
   "elements_panel_icon.svg",
   "errorWave.svg",
   "error_icon.svg",
-  "feedback_thin_16x16_icon.svg",
+  "feedback_button_icon.svg",
   "flex-direction-icon.svg",
   "flex-nowrap-icon.svg",
   "flex-wrap-icon.svg",
@@ -133,6 +131,7 @@ devtools_svg_sources = [
   "settings_14x14_icon.svg",
   "smallIcons.svg",
   "sources_panel_icon.svg",
+  "survey_feedback_icon.svg",
   "switcherIcon.svg",
   "three_dots_menu_icon.svg",
   "trash_bin_icon.svg",

package/front_end/.eslintrc.js

@@ -32,6 +32,7 @@ module.exports = {
         'rulesdir/ban_style_tags_in_lit_html': 2,
         'rulesdir/ban_a_tags_in_lit_html': 2,
         'rulesdir/check_component_naming': 2,
+        'rulesdir/check_css_import': 2,
         'rulesdir/check_was_shown_methods': 2,
         'rulesdir/static_custom_event_names': 2,
         'rulesdir/lit_html_host_this': 2,
@@ -109,7 +110,17 @@ module.exports = {
             'format': ['camelCase'],
             'leadingUnderscore': 'allow',
           }
-        ]
+        ],
+        'no-restricted-syntax': [
+          'warn', {
+            // Matches the common pattern of `.registerRequiredCSS('path\to\module-styles.css');`.
+            'selector':
+                'CallExpression[callee.property.name="registerRequiredCSS"][arguments.length=1]:has(Literal[value=/css$/])',
+            'message': 'Styles should be imported using `import styles from \'[file name].css(.legacy).js\';` and' +
+                // Intentional double periods.. since trailing period is stripped from output.
+                ' registered using `.registerCSSFiles([styles]);` or `.registerRequiredCSS(legacyStyles);` syntax..',
+          }
+        ],
       }
     },
     {

package/front_end/Images/src/feedback_button_icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3335 5.83325H6.66683C5.9335 5.83325 5.34016 6.43325 5.34016 7.16659L5.3335 19.1666L8.00016 16.4999H17.3335C18.0668 16.4999 18.6668 15.8999 18.6668 15.1666V7.16659C18.6668 6.43325 18.0668 5.83325 17.3335 5.83325ZM17.3335 15.1666H7.44683L7.0535 15.5599L6.66683 15.9466V7.16659H17.3335V15.1666ZM11.3335 12.4999H12.6668V13.8333H11.3335V12.4999ZM11.3335 8.49992H12.6668V11.1666H11.3335V8.49992Z" fill="black"/>
+</svg>

package/front_end/Images/src/{feedback_thin_16x16_icon.svg → survey_feedback_icon.svg}

@@ -1 +1 @@
-<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11.5h9a1 1 0 001-1v-8a1 1 0 00-1-1H3a1 1 0 00-1 1v12l3-3zm-2 .586L4.586 10.5H14v-8H3v9.586z" fill="#000"/><path fill="#000" d="M8 4h1v3H8zM8 8h1v1H8z"/></svg>
+<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11.5h9a1 1 0 001-1v-8a1 1 0 00-1-1H3a1 1 0 00-1 1v12l3-3zm-2 .586L4.586 10.5H14v-8H3v9.586z" fill="#000"/><path fill="#000" d="M8 4h1v3H8zM8 8h1v1H8z"/></svg>

package/front_end/Tests.js

@@ -141,6 +141,21 @@
     this.domAutomationController_.send('[FAILED] ' + error);
   };
 
+  TestSuite.prototype.setupLegacyFilesForTest = async function() {
+    try {
+      await Promise.all([
+        self.runtime.loadLegacyModule('core/common/common-legacy.js'),
+        self.runtime.loadLegacyModule('core/sdk/sdk-legacy.js'),
+        self.runtime.loadLegacyModule('core/host/host-legacy.js'),
+        self.runtime.loadLegacyModule('ui/legacy/legacy-legacy.js'),
+        self.runtime.loadLegacyModule('models/workspace/workspace-legacy.js'),
+      ]);
+      this.reportOk_();
+    } catch (e) {
+      this.reportFailure_(e);
+    }
+  };
+
   /**
    * Run specified test on a fresh instance of the test suite.
    * @param {Array<string>} args method name followed by its parameters.

package/front_end/core/common/Color.ts

@@ -662,6 +662,11 @@ export class Color {
   setFormat(format: Format): void {
     this.#formatInternal = format;
   }
+
+  equal(other: Color): boolean {
+    return this.#rgbaInternal.every((v, i) => v === other.#rgbaInternal[i]) &&
+        this.#formatInternal === other.#formatInternal;
+  }
 }
 
 export const Regex: RegExp =

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

@@ -632,6 +632,9 @@
   "core/sdk/sdk-meta.ts | doNotShowGridTrackSizes": {
     "message": "Do not show grid track sizes"
   },
+  "core/sdk/sdk-meta.ts | doNotShowRulersOnHover": {
+    "message": "Do not show rulers on hover"
+  },
   "core/sdk/sdk-meta.ts | emulateAchromatopsia": {
     "message": "Emulate achromatopsia"
   },
@@ -785,8 +788,8 @@
   "core/sdk/sdk-meta.ts | showPaintFlashingRectangles": {
     "message": "Show paint flashing rectangles"
   },
-  "core/sdk/sdk-meta.ts | showRulers": {
-    "message": "Show rulers"
+  "core/sdk/sdk-meta.ts | showRulersOnHover": {
+    "message": "Show rulers on hover"
   },
   "core/sdk/sdk-meta.ts | showScrollPerformanceBottlenecks": {
     "message": "Show scroll performance bottlenecks"
@@ -4115,21 +4118,12 @@
   "panels/coverage/CoverageView.ts | urlFilter": {
     "message": "URL filter"
   },
-  "panels/css_overview/components/CSSOverviewStartView.ts | activelyWorkingAndLookingForS": {
-    "message": "Our team is actively working on this feature and we are looking for your {PH1}!"
-  },
   "panels/css_overview/components/CSSOverviewStartView.ts | captureOverview": {
     "message": "Capture overview"
   },
   "panels/css_overview/components/CSSOverviewStartView.ts | capturePageCSSOverview": {
     "message": "Capture an overview of your page’s CSS"
   },
-  "panels/css_overview/components/CSSOverviewStartView.ts | feedbackInline": {
-    "message": "feedback"
-  },
-  "panels/css_overview/components/CSSOverviewStartView.ts | feedbackStandalone": {
-    "message": "Feedback"
-  },
   "panels/css_overview/components/CSSOverviewStartView.ts | identifyCSSImprovements": {
     "message": "Identify potential CSS improvements"
   },
@@ -4139,15 +4133,9 @@
   "panels/css_overview/components/CSSOverviewStartView.ts | locateAffectedElements": {
     "message": "Locate the affected elements in the Elements panel"
   },
-  "panels/css_overview/components/CSSOverviewStartView.ts | previewFeature": {
-    "message": "Preview feature"
-  },
   "panels/css_overview/components/CSSOverviewStartView.ts | quickStartWithCSSOverview": {
     "message": "Quick start: get started with the new CSS Overview panel"
   },
-  "panels/css_overview/components/CSSOverviewStartView.ts | videoAndDocumentation": {
-    "message": "Video and documentation"
-  },
   "panels/css_overview/css_overview-meta.ts | cssOverview": {
     "message": "CSS Overview"
   },
@@ -4995,7 +4983,7 @@
     "message": "Hide media queries"
   },
   "panels/emulation/emulation-meta.ts | hideRulers": {
-    "message": "Hide rulers"
+    "message": "Hide rulers in the Device Mode toolbar"
   },
   "panels/emulation/emulation-meta.ts | showDeviceFrame": {
     "message": "Show device frame"
@@ -5004,7 +4992,7 @@
     "message": "Show media queries"
   },
   "panels/emulation/emulation-meta.ts | showRulers": {
-    "message": "Show rulers"
+    "message": "Show rulers in the Device Mode toolbar"
   },
   "panels/emulation/emulation-meta.ts | toggleDeviceToolbar": {
     "message": "Toggle device toolbar"
@@ -9437,6 +9425,15 @@
   "panels/sources/OutlineQuickOpen.ts | openAJavascriptOrCssFileToSee": {
     "message": "Open a JavaScript or CSS file to see symbols"
   },
+  "panels/sources/ProfilePlugin.ts | kb": {
+    "message": "kB"
+  },
+  "panels/sources/ProfilePlugin.ts | mb": {
+    "message": "MB"
+  },
+  "panels/sources/ProfilePlugin.ts | ms": {
+    "message": "ms"
+  },
   "panels/sources/ScopeChainSidebarPane.ts | closure": {
     "message": "Closure"
   },
@@ -11453,6 +11450,21 @@
   "ui/components/linear_memory_inspector/ValueInterpreterSettings.ts | otherGroup": {
     "message": "Other"
   },
+  "ui/components/panel_feedback/FeedbackButton.ts | feedback": {
+    "message": "Feedback"
+  },
+  "ui/components/panel_feedback/PanelFeedback.ts | previewFeature": {
+    "message": "Preview feature"
+  },
+  "ui/components/panel_feedback/PanelFeedback.ts | previewText": {
+    "message": "Our team is actively working on this feature and we would love to know what you think."
+  },
+  "ui/components/panel_feedback/PanelFeedback.ts | previewTextFeedbackLink": {
+    "message": "Send us your feedback."
+  },
+  "ui/components/panel_feedback/PanelFeedback.ts | videoAndDocumentation": {
+    "message": "Video and documentation"
+  },
   "ui/components/request_link_icon/RequestLinkIcon.ts | clickToShowRequestInTheNetwork": {
     "message": "Click to open the network panel and show request for URL: {url}"
   },
@@ -11834,15 +11846,6 @@
   "ui/legacy/components/perf_ui/FlameChart.ts | sSelected": {
     "message": "{PH1} selected"
   },
-  "ui/legacy/components/perf_ui/LineLevelProfile.ts | kb": {
-    "message": "kB"
-  },
-  "ui/legacy/components/perf_ui/LineLevelProfile.ts | mb": {
-    "message": "MB"
-  },
-  "ui/legacy/components/perf_ui/LineLevelProfile.ts | ms": {
-    "message": "ms"
-  },
   "ui/legacy/components/perf_ui/NetworkPriorities.ts | high": {
     "message": "High"
   },