chrome-devtools-frontend 1.0.1362775 → 1.0.1367881

package/.eslintrc.js

@@ -139,6 +139,7 @@ module.exports = {
     // DevTools specific rules
     'rulesdir/es_modules_import': 'error',
     'rulesdir/check_license_header': 'error',
+    'rulesdir/html_tagged_template': 'error',
     /**
      * Ensures that JS Doc comments are properly aligned - all the starting
      * `*` are in the right place.

package/.stylelintrc.json

@@ -26,6 +26,7 @@
     "selector-no-vendor-prefix": null,
     "property-no-vendor-prefix": null,
     "value-no-vendor-prefix": null,
-    "media-feature-name-no-vendor-prefix": null
+    "media-feature-name-no-vendor-prefix": null,
+    "no-descending-specificity": null
   }
 }

package/config/gni/devtools_grd_files.gni

@@ -58,6 +58,7 @@ grd_files_release_sources = [
   "front_end/Images/brush.svg",
   "front_end/Images/bug.svg",
   "front_end/Images/bundle.svg",
+  "front_end/Images/button-magic.svg",
   "front_end/Images/calendar-today.svg",
   "front_end/Images/check-circle.svg",
   "front_end/Images/check-double.svg",
@@ -197,6 +198,7 @@ grd_files_release_sources = [
   "front_end/Images/pause-circle.svg",
   "front_end/Images/pause.svg",
   "front_end/Images/pen-spark.svg",
+  "front_end/Images/performance-panel-delete-annotation.svg",
   "front_end/Images/performance-panel-diagram.svg",
   "front_end/Images/performance-panel-entry-label.svg",
   "front_end/Images/performance-panel-time-range.svg",
@@ -235,7 +237,6 @@ grd_files_release_sources = [
   "front_end/Images/smart-assistant.svg",
   "front_end/Images/snippet.svg",
   "front_end/Images/spark-info.svg",
-  "front_end/Images/spark.svg",
   "front_end/Images/star.svg",
   "front_end/Images/step-into.svg",
   "front_end/Images/step-out.svg",
@@ -677,6 +678,7 @@ grd_files_release_sources = [
   "front_end/ui/components/dialogs/dialogs.js",
   "front_end/ui/components/diff_view/diff_view.js",
   "front_end/ui/components/expandable_list/expandable_list.js",
+  "front_end/ui/components/floating_button/floating_button.js",
   "front_end/ui/components/helpers/helpers.js",
   "front_end/ui/components/highlighting/highlighting.js",
   "front_end/ui/components/icon_button/icon_button.js",
@@ -1131,6 +1133,7 @@ grd_files_debug_sources = [
   "front_end/panels/application/CookieItemsView.js",
   "front_end/panels/application/DOMStorageItemsView.js",
   "front_end/panels/application/DOMStorageModel.js",
+  "front_end/panels/application/ExtensionStorageItemsView.js",
   "front_end/panels/application/ExtensionStorageModel.js",
   "front_end/panels/application/IndexedDBModel.js",
   "front_end/panels/application/IndexedDBViews.js",
@@ -1380,7 +1383,9 @@ grd_files_debug_sources = [
   "front_end/panels/explain/components/consoleInsightSourcesList.css.js",
   "front_end/panels/freestyler/AiAgent.js",
   "front_end/panels/freestyler/ChangeManager.js",
+  "front_end/panels/freestyler/DrJonesFileAgent.js",
   "front_end/panels/freestyler/DrJonesNetworkAgent.js",
+  "front_end/panels/freestyler/DrJonesPerformanceAgent.js",
   "front_end/panels/freestyler/ExtensionScope.js",
   "front_end/panels/freestyler/FreestylerAgent.js",
   "front_end/panels/freestyler/FreestylerEvaluateAction.js",
@@ -1497,6 +1502,7 @@ grd_files_debug_sources = [
   "front_end/panels/network/NetworkSearchScope.js",
   "front_end/panels/network/NetworkTimeCalculator.js",
   "front_end/panels/network/NetworkWaterfallColumn.js",
+  "front_end/panels/network/RequestBinaryResponseView.js",
   "front_end/panels/network/RequestCookiesView.js",
   "front_end/panels/network/RequestHTMLView.js",
   "front_end/panels/network/RequestInitiatorView.js",
@@ -1790,6 +1796,7 @@ grd_files_debug_sources = [
   "front_end/panels/timeline/components/NetworkRequestDetails.js",
   "front_end/panels/timeline/components/NetworkRequestTooltip.js",
   "front_end/panels/timeline/components/NetworkThrottlingSelector.js",
+  "front_end/panels/timeline/components/RelatedInsightChips.js",
   "front_end/panels/timeline/components/Sidebar.js",
   "front_end/panels/timeline/components/SidebarAnnotationsTab.js",
   "front_end/panels/timeline/components/SidebarInsightsTab.js",
@@ -1800,6 +1807,7 @@ grd_files_debug_sources = [
   "front_end/panels/timeline/components/fieldSettingsDialog.css.js",
   "front_end/panels/timeline/components/insights/CLSCulprits.js",
   "front_end/panels/timeline/components/insights/DocumentLatency.js",
+  "front_end/panels/timeline/components/insights/EventRef.js",
   "front_end/panels/timeline/components/insights/FontDisplay.js",
   "front_end/panels/timeline/components/insights/Helpers.js",
   "front_end/panels/timeline/components/insights/InteractionToNextPaint.js",
@@ -1812,7 +1820,6 @@ grd_files_debug_sources = [
   "front_end/panels/timeline/components/insights/Table.js",
   "front_end/panels/timeline/components/insights/ThirdParties.js",
   "front_end/panels/timeline/components/insights/Viewport.js",
-  "front_end/panels/timeline/components/insights/lcpDiscovery.css.js",
   "front_end/panels/timeline/components/insights/sidebarInsight.css.js",
   "front_end/panels/timeline/components/insights/table.css.js",
   "front_end/panels/timeline/components/insights/types.js",
@@ -1824,6 +1831,7 @@ grd_files_debug_sources = [
   "front_end/panels/timeline/components/networkRequestDetails.css.js",
   "front_end/panels/timeline/components/networkRequestTooltip.css.js",
   "front_end/panels/timeline/components/networkThrottlingSelector.css.js",
+  "front_end/panels/timeline/components/relatedInsightChips.css.js",
   "front_end/panels/timeline/components/sidebarAnnotationsTab.css.js",
   "front_end/panels/timeline/components/sidebarInsightsTab.css.js",
   "front_end/panels/timeline/components/sidebarSingleInsightSet.css.js",
@@ -1845,7 +1853,9 @@ grd_files_debug_sources = [
   "front_end/panels/timeline/timelinePaintProfiler.css.js",
   "front_end/panels/timeline/timelinePanel.css.js",
   "front_end/panels/timeline/timelineStatusDialog.css.js",
+  "front_end/panels/timeline/utils/Helpers.js",
   "front_end/panels/timeline/utils/IgnoreList.js",
+  "front_end/panels/timeline/utils/ImageCache.js",
   "front_end/panels/timeline/utils/NetworkRequest.js",
   "front_end/panels/timeline/utils/SourceMapsResolver.js",
   "front_end/panels/web_audio/AudioContextContentBuilder.js",
@@ -2140,6 +2150,8 @@ grd_files_debug_sources = [
   "front_end/ui/components/diff_view/diffView.css.js",
   "front_end/ui/components/expandable_list/ExpandableList.js",
   "front_end/ui/components/expandable_list/expandableList.css.js",
+  "front_end/ui/components/floating_button/FloatingButton.js",
+  "front_end/ui/components/floating_button/floatingButton.css.js",
   "front_end/ui/components/helpers/component-server-setup.js",
   "front_end/ui/components/helpers/directives.js",
   "front_end/ui/components/helpers/get-root-node.js",

package/config/gni/devtools_image_files.gni

@@ -65,6 +65,7 @@ devtools_svg_sources = [
   "brush.svg",
   "bug.svg",
   "bundle.svg",
+  "button-magic.svg",
   "calendar-today.svg",
   "check-circle.svg",
   "check-double.svg",
@@ -197,6 +198,7 @@ devtools_svg_sources = [
   "pause-circle.svg",
   "pause.svg",
   "pen-spark.svg",
+  "performance-panel-delete-annotation.svg",
   "performance-panel-diagram.svg",
   "performance-panel-entry-label.svg",
   "performance-panel-time-range.svg",
@@ -234,7 +236,6 @@ devtools_svg_sources = [
   "smart-assistant.svg",
   "snippet.svg",
   "spark-info.svg",
-  "spark.svg",
   "star.svg",
   "step-into.svg",
   "step-out.svg",

package/docs/contributing/issues.md

@@ -171,6 +171,21 @@ the triage status, Chromium DevTools might show up with a high percentage of
 untriaged issues due to this fact.
 ***
 
+### T-Shirt Sizes
+
+We use the T-Shirt sizes approach to estimate effort for the `Chromium>Platform>DevTools`
+component tree, based on the following guidelines:
+
+| Size | Description                              | Examples                                                                                                                                                      |
+| :--- | :--------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| XXS  | Trivial CSS or logic change              | [Styles bar loses focus in Chrome OS DevTools](http://crbug.com/338348417), [Add 20x CPU throttling preset](https://crbug.com/324978881) |
+| XS   | One CL change                            | [Remove 'Consistent source map variable experiment'](http://crbug.com/40944633), [Autofill tab breaks with phone numbers starting with '+'](https://b.corp.google.com/issues/335409093) |
+| S    | series of CLs or a large CL              | [Local overrides for New Tab Page misses one "/" in folder name](http://crbug.com/328210785), [Memory tool should highlight common problems and opportunities](http://crbug.com/337094903), [Improve the developer experience of using compression dictionaries](http://crbug.com/333756098) |
+| M    | quarter-long single-person project       | [Exceptions in promise constructor should be treated as promise rejection](http://crbug.com/40283985) |
+| L    | multi-quarter or -person project         | [Replace regex-matching in the StylesSidebarPane](http://crbug.com/40945390) |
+| XL   | multi-quarter and -person project        | [MPArch migration](http://crbug.com/40238399), [GM3 adoption](http://crbug.com/40273199) |
+| XXL  | multi-year project with a dedicated team | [Performance Insights](http://crbug.com/40810111) |
+
 ## SLOs
 
 In order to deliver a better product experience for developers using Chromium

package/extensions/cxx_debugging/src/ExtensionOptions.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.
 
-/* eslint-disable rulesdir/ban_literal_devtools_component_tag_names */
 /* eslint-disable rulesdir/check_component_naming */
 /* eslint-disable rulesdir/inject_checkbox_styles */
 /* eslint-disable rulesdir/lit_html_data_as_type */

package/extensions/cxx_debugging/third_party/llvm/README.chromium

@@ -1,7 +1,7 @@
 Name: LLVM Compiler Infrastructure
 Short Name: llvm-project
 URL: https://github.com/llvm/llvm-project
-Version: 0
+Version: N/A
 Date: 2022-11-30
 Revision: 3c51ea3619e488db19cd26840ed46d58cfc7062f
 License: Apache 2.0 with LLVM Exceptions

package/front_end/.eslintrc.js

@@ -39,11 +39,9 @@ module.exports = {
         'rulesdir/no_bound_component_methods': 'error',
         'rulesdir/lit_html_data_as_type': 'error',
         'rulesdir/lit_no_style_interpolation': 'error',
-        'rulesdir/ban_literal_devtools_component_tag_names': 'error',
         'rulesdir/ban_self_closing_custom_element_tagnames': 'error',
         'rulesdir/ban_style_tags_in_lit_html': 'error',
         'rulesdir/ban_a_tags_in_lit_html': 'error',
-        'rulesdir/check_component_naming': 'error',
         'rulesdir/check_css_import': 'error',
         'rulesdir/enforce-optional-properties-last': 'error',
         'rulesdir/check_enumerated_histograms': 'error',
@@ -71,7 +69,6 @@ module.exports = {
     {
       files: ['*.test.ts', '**/testing/*.ts'],
       rules: {
-        'rulesdir/check_component_naming': 'off',
         '@typescript-eslint/explicit-function-return-type': 'off',
       },
     },
@@ -85,8 +82,6 @@ module.exports = {
     {
       files: ['panels/recorder/**/*.ts', 'panels/protocol_monitor/**/*.ts', 'ui/components/suggestion_input/*.ts'],
       rules: {
-        'rulesdir/check_component_naming': 'off',
-        'rulesdir/ban_literal_devtools_component_tag_names': 'off',
         // TODO(crbug/1402569): Reenable once https://github.com/microsoft/TypeScript/issues/48885 is closed.
         'rulesdir/use_private_class_members': 'off',
       }

package/front_end/Images/src/button-magic.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 18L11 16L13 14L15 16L13 18ZM7 16L2 11L7 6L12 11L7 16ZM14.5 10C14.5 8.74542 14.0636 7.68181 13.1908 6.80917C12.3182 5.93639 11.2546 5.5 10 5.5C11.2546 5.5 12.3182 5.06361 13.1908 4.19083C14.0636 3.31819 14.5 2.25458 14.5 1C14.5 2.25458 14.9364 3.31819 15.8092 4.19083C16.6818 5.06361 17.7454 5.5 19 5.5C17.7454 5.5 16.6818 5.93639 15.8092 6.80917C14.9364 7.68181 14.5 8.74542 14.5 10Z" fill="black"/>
+</svg>

package/front_end/Images/src/performance-panel-delete-annotation.svg

@@ -0,0 +1,32 @@
+<svg width="192" height="106" viewBox="0 0 192 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6116_325248)">
+<path d="M0 0H192V106H0V0Z" fill="white"/>
+<rect x="-48" y="36" width="240" height="68" fill="#F3F6FC"/>
+<path d="M-36 58C-36 52.4772 -31.5228 48 -26 48H30C35.5229 48 40 52.4772 40 58C40 63.5228 35.5229 68 30 68H-26C-31.5228 68 -36 63.5228 -36 58Z" fill="#D190FF"/>
+<path d="M-26.6348 62V56.6621H-27.6836V55.6543H-26.6348V54.9688C-26.6348 53.7031 -25.9902 53.082 -24.666 53.082C-24.3789 53.082 -24.1328 53.1055 -23.916 53.1406V54.0898C-24.0332 54.0723 -24.2031 54.0605 -24.4023 54.0605C-25.1055 54.0605 -25.3926 54.3828 -25.3926 55.0273V55.6543H-23.9688V56.6621H-25.375V62H-26.6348ZM-20.0898 62.123C-21.959 62.123 -23.1016 60.875 -23.1016 58.8184C-23.1016 56.7676 -21.9531 55.5137 -20.0898 55.5137C-18.2324 55.5137 -17.084 56.7617 -17.084 58.8184C-17.084 60.875 -18.2266 62.123 -20.0898 62.123ZM-20.0898 61.0508C-19 61.0508 -18.3789 60.2305 -18.3789 58.8184C-18.3789 57.4004 -19 56.5801 -20.0898 56.5801C-21.1855 56.5801 -21.8008 57.4004 -21.8008 58.8184C-21.8008 60.2363 -21.1855 61.0508 -20.0898 61.0508ZM-15.5664 62V55.6367H-14.3535V56.6445H-14.2598C-13.9492 55.9414 -13.3164 55.5137 -12.3555 55.5137C-10.9316 55.5137 -10.1465 56.3633 -10.1465 57.8809V62H-11.4062V58.1797C-11.4062 57.125 -11.8516 56.6094 -12.7832 56.6094C-13.7148 56.6094 -14.3066 57.2422 -14.3066 58.2676V62H-15.5664ZM-7.92578 54.0312H-6.66602V55.6543H-5.2832V56.6621H-6.66602V60.0195C-6.66602 60.7051 -6.39062 61.0039 -5.76367 61.0039C-5.57031 61.0039 -5.45898 60.9922 -5.2832 60.9746V61.9766C-5.48828 62.0117 -5.72266 62.041 -5.96875 62.041C-7.36914 62.041 -7.92578 61.5488 -7.92578 60.3242V56.6621H-8.93945V55.6543H-7.92578V54.0312ZM-2.82227 62.0879C-3.31445 62.0879 -3.68359 61.7188 -3.68359 61.2441C-3.68359 60.7695 -3.31445 60.4004 -2.82227 60.4004C-2.32422 60.4004 -1.96094 60.7695 -1.96094 61.2441C-1.96094 61.7188 -2.32422 62.0879 -2.82227 62.0879ZM7.4375 55.6367L5.68555 62H4.37891L3.06055 57.2539H2.96094L1.64844 62H0.353516L-1.4043 55.6367H-0.126953L1.01562 60.5469H1.10938L2.42188 55.6367H3.62891L4.94141 60.5469H5.04102L6.17773 55.6367H7.4375ZM11.1875 62.123C9.31836 62.123 8.17578 60.875 8.17578 58.8184C8.17578 56.7676 9.32422 55.5137 11.1875 55.5137C13.0449 55.5137 14.1934 56.7617 14.1934 58.8184C14.1934 60.875 13.0508 62.123 11.1875 62.123ZM11.1875 61.0508C12.2773 61.0508 12.8984 60.2305 12.8984 58.8184C12.8984 57.4004 12.2773 56.5801 11.1875 56.5801C10.0918 56.5801 9.47656 57.4004 9.47656 58.8184C9.47656 60.2363 10.0918 61.0508 11.1875 61.0508ZM16.1621 62V56.6621H15.1133V55.6543H16.1621V54.9688C16.1621 53.7031 16.8066 53.082 18.1309 53.082C18.418 53.082 18.6641 53.1055 18.8809 53.1406V54.0898C18.7637 54.0723 18.5938 54.0605 18.3945 54.0605C17.6914 54.0605 17.4043 54.3828 17.4043 55.0273V55.6543H18.8281V56.6621H17.4219V62H16.1621ZM20.7324 62V56.6621H19.6836V55.6543H20.7324V54.9688C20.7324 53.7031 21.377 53.082 22.7012 53.082C22.9883 53.082 23.2344 53.1055 23.4512 53.1406V54.0898C23.334 54.0723 23.1641 54.0605 22.9648 54.0605C22.2617 54.0605 21.9746 54.3828 21.9746 55.0273V55.6543H23.3984V56.6621H21.9922V62H20.7324ZM24.7578 55.9941C24.7578 54.4414 25.959 53.3398 27.6641 53.3398C29.252 53.3398 30.3945 54.3535 30.3945 55.7422C30.3945 56.7207 29.9668 57.418 28.4844 58.9062L26.6211 60.7812V60.8809H30.5234V62H24.8281V61.1094L27.7227 58.0977C28.7949 56.9785 29.0762 56.5566 29.0762 55.8711C29.0762 55.0508 28.5195 54.4238 27.582 54.4238C26.627 54.4238 26 55.0566 26 55.9941H24.7578Z" fill="#1F1F1F"/>
+<path d="M-33.8672 84.6543V88H-34.9219V79.5449H-31.6934C-30.0645 79.5449 -28.998 80.541 -28.998 82.0645C-28.998 83.2422 -29.6367 84.1562 -30.6973 84.4902L-28.7402 88H-29.9766L-31.7871 84.6543H-33.8672ZM-33.8672 80.4824V83.7168H-31.7871C-30.7031 83.7168 -30.0879 83.1367 -30.0879 82.0996C-30.0879 81.0859 -30.7441 80.4824 -31.834 80.4824H-33.8672ZM-23.2031 86.3652H-22.1953C-22.4883 87.4434 -23.4727 88.1113 -24.8555 88.1113C-26.6074 88.1113 -27.7031 86.8457 -27.7031 84.8477C-27.7031 82.8613 -26.5898 81.5723 -24.8555 81.5723C-23.1504 81.5723 -22.1133 82.7852 -22.1133 84.748V85.1348H-26.6543V85.1816C-26.6016 86.4297 -25.9043 87.2207 -24.832 87.2207C-24.0176 87.2207 -23.4668 86.9219 -23.2031 86.3652ZM-24.8672 82.4629C-25.875 82.4629 -26.5781 83.2012 -26.6543 84.3203H-23.1738C-23.1973 83.2012 -23.8652 82.4629 -24.8672 82.4629ZM-20.5312 88V81.6836H-19.5703V82.6797H-19.4766C-19.1602 81.9824 -18.5449 81.5723 -17.5781 81.5723C-16.1602 81.5723 -15.3691 82.4102 -15.3691 83.9102V88H-16.377V84.1562C-16.377 83.0195 -16.8574 82.4805 -17.8652 82.4805C-18.873 82.4805 -19.5234 83.1543 -19.5234 84.2617V88H-20.5312ZM-11.1855 88.1113C-12.8027 88.1113 -13.8398 86.8281 -13.8398 84.8418C-13.8398 82.8613 -12.791 81.5723 -11.1855 81.5723C-10.3066 81.5723 -9.5625 81.9883 -9.20508 82.6797H-9.11719V79.1758H-8.10938V88H-9.07031V86.9922H-9.16406C-9.5625 87.6953 -10.3125 88.1113 -11.1855 88.1113ZM-10.9512 82.4805C-12.0996 82.4805 -12.7969 83.3711 -12.7969 84.8418C-12.7969 86.3184 -12.1055 87.2031 -10.9512 87.2031C-9.80273 87.2031 -9.09375 86.3008 -9.09375 84.8418C-9.09375 83.3945 -9.80859 82.4805 -10.9512 82.4805ZM-1.96875 86.3652H-0.960938C-1.25391 87.4434 -2.23828 88.1113 -3.62109 88.1113C-5.37305 88.1113 -6.46875 86.8457 -6.46875 84.8477C-6.46875 82.8613 -5.35547 81.5723 -3.62109 81.5723C-1.91602 81.5723 -0.878906 82.7852 -0.878906 84.748V85.1348H-5.41992V85.1816C-5.36719 86.4297 -4.66992 87.2207 -3.59766 87.2207C-2.7832 87.2207 -2.23242 86.9219 -1.96875 86.3652ZM-3.63281 82.4629C-4.64062 82.4629 -5.34375 83.2012 -5.41992 84.3203H-1.93945C-1.96289 83.2012 -2.63086 82.4629 -3.63281 82.4629ZM0.703125 88V81.6836H1.66406V82.6211H1.75781C1.94531 82.0059 2.67188 81.5723 3.50977 81.5723C3.67383 81.5723 3.88477 81.584 4.01367 81.6016V82.6094C3.93164 82.5859 3.56836 82.5508 3.36914 82.5508C2.4082 82.5508 1.71094 83.1953 1.71094 84.0859V88H0.703125ZM11.8008 88.1113C10.9219 88.1113 10.1719 87.6953 9.77344 86.9922H9.67969V88H8.71875V79.1758H9.72656V82.6797H9.82031C10.166 82 10.9336 81.5723 11.8008 81.5723C13.4062 81.5723 14.4492 82.8555 14.4492 84.8418C14.4492 86.8164 13.4004 88.1113 11.8008 88.1113ZM11.5664 82.4805C10.418 82.4805 9.70312 83.3828 9.70312 84.8418C9.70312 86.3008 10.418 87.2031 11.5664 87.2031C12.7207 87.2031 13.4062 86.3184 13.4062 84.8418C13.4062 83.3652 12.7207 82.4805 11.5664 82.4805ZM16.0898 88V79.1758H17.0977V88H16.0898ZM21.6504 88.1113C19.8516 88.1113 18.7383 86.8691 18.7383 84.8418C18.7383 82.8086 19.8516 81.5723 21.6504 81.5723C23.4492 81.5723 24.5625 82.8086 24.5625 84.8418C24.5625 86.8691 23.4492 88.1113 21.6504 88.1113ZM21.6504 87.2031C22.8457 87.2031 23.5195 86.3359 23.5195 84.8418C23.5195 83.3418 22.8457 82.4805 21.6504 82.4805C20.4551 82.4805 19.7812 83.3418 19.7812 84.8418C19.7812 86.3359 20.4551 87.2031 21.6504 87.2031ZM31.3711 83.6172H30.3516C30.1875 82.9902 29.6309 82.4805 28.7227 82.4805C27.5859 82.4805 26.8711 83.3887 26.8711 84.8184C26.8711 86.2773 27.5977 87.2031 28.7227 87.2031C29.5723 87.2031 30.1641 86.8105 30.3516 86.0957H31.3711C31.1895 87.2559 30.2461 88.1113 28.7285 88.1113C26.959 88.1113 25.8281 86.8281 25.8281 84.8184C25.8281 82.8496 26.9531 81.5723 28.7227 81.5723C30.2578 81.5723 31.1953 82.4922 31.3711 83.6172ZM34.0195 84.4434L36.7617 81.6836H37.998L35.2793 84.3906L38.1797 88H36.8965L34.5293 85.041L33.9258 85.6035V88H32.918V79.1758H33.9258V84.4434H34.0195ZM39.9023 80.4648C39.5156 80.4648 39.1992 80.1484 39.1992 79.7617C39.1992 79.375 39.5156 79.0586 39.9023 79.0586C40.2891 79.0586 40.6055 79.375 40.6055 79.7617C40.6055 80.1484 40.2891 80.4648 39.9023 80.4648ZM39.3984 88V81.6836H40.4062V88H39.3984ZM42.3281 88V81.6836H43.2891V82.6797H43.3828C43.6992 81.9824 44.3145 81.5723 45.2812 81.5723C46.6992 81.5723 47.4902 82.4102 47.4902 83.9102V88H46.4824V84.1562C46.4824 83.0195 46.002 82.4805 44.9941 82.4805C43.9863 82.4805 43.3359 83.1543 43.3359 84.2617V88H42.3281ZM51.9375 90.4258C50.4141 90.4258 49.4414 89.7402 49.2891 88.6973H50.3555C50.4668 89.2129 51.0293 89.5469 51.9375 89.5469C53.0684 89.5469 53.7422 88.9902 53.7422 88.0586V86.8164H53.6484C53.25 87.5137 52.5352 87.9062 51.668 87.9062C50.0332 87.9062 49.0195 86.6406 49.0195 84.748C49.0195 82.8555 50.0449 81.5723 51.668 81.5723C52.5527 81.5723 53.332 82.0059 53.6953 82.6855H53.7891V81.6836H54.75V88.1113C54.75 89.5234 53.6602 90.4258 51.9375 90.4258ZM51.8906 87.0156C53.0625 87.0156 53.7656 86.125 53.7656 84.748C53.7656 83.3711 53.0566 82.4805 51.8906 82.4805C50.7188 82.4805 50.0625 83.3711 50.0625 84.748C50.0625 86.125 50.7188 87.0156 51.8906 87.0156Z" fill="#1F1F1F"/>
+<mask id="path-7-inside-1_6116_325248" fill="white">
+<path d="M-48 0H192V28H-48V0Z"/>
+</mask>
+<path d="M-48 0H192V28H-48V0Z" fill="#EFF3FA"/>
+<path d="M192 27H-48V29H192V27Z" fill="#D3E3FD" mask="url(#path-7-inside-1_6116_325248)"/>
+<path d="M34.5879 17.5L33.8145 15.2148H30.5918L29.8125 17.5H28.4648L31.5176 9.04492H32.9297L35.9824 17.5H34.5879ZM32.1562 10.5391L30.9258 14.1602H33.4805L32.2559 10.5391H32.1562ZM37.3125 17.5V11.1367H38.5254V12.1445H38.6191C38.9297 11.4414 39.5625 11.0137 40.5234 11.0137C41.9473 11.0137 42.7324 11.8633 42.7324 13.3809V17.5H41.4727V13.6797C41.4727 12.625 41.0273 12.1094 40.0957 12.1094C39.1641 12.1094 38.5723 12.7422 38.5723 13.7676V17.5H37.3125ZM44.5078 17.5V11.1367H45.7207V12.1445H45.8145C46.125 11.4414 46.7578 11.0137 47.7188 11.0137C49.1426 11.0137 49.9277 11.8633 49.9277 13.3809V17.5H48.668V13.6797C48.668 12.625 48.2227 12.1094 47.291 12.1094C46.3594 12.1094 45.7676 12.7422 45.7676 13.7676V17.5H44.5078ZM54.3984 17.623C52.5293 17.623 51.3867 16.375 51.3867 14.3184C51.3867 12.2676 52.5352 11.0137 54.3984 11.0137C56.2559 11.0137 57.4043 12.2617 57.4043 14.3184C57.4043 16.375 56.2617 17.623 54.3984 17.623ZM54.3984 16.5508C55.4883 16.5508 56.1094 15.7305 56.1094 14.3184C56.1094 12.9004 55.4883 12.0801 54.3984 12.0801C53.3027 12.0801 52.6875 12.9004 52.6875 14.3184C52.6875 15.7363 53.3027 16.5508 54.3984 16.5508ZM59.3672 9.53125H60.627V11.1543H62.0098V12.1621H60.627V15.5195C60.627 16.2051 60.9023 16.5039 61.5293 16.5039C61.7227 16.5039 61.834 16.4922 62.0098 16.4746V17.4766C61.8047 17.5117 61.5703 17.541 61.3242 17.541C59.9238 17.541 59.3672 17.0488 59.3672 15.8242V12.1621H58.3535V11.1543H59.3672V9.53125ZM65.2559 17.6055C64.0254 17.6055 63.1289 16.8672 63.1289 15.707C63.1289 14.5645 63.9844 13.9023 65.502 13.8086L67.2305 13.7031V13.1465C67.2305 12.4492 66.7852 12.0566 65.9238 12.0566C65.2207 12.0566 64.7344 12.3203 64.5938 12.7832H63.375C63.5039 11.7109 64.5352 11.0137 65.9824 11.0137C67.582 11.0137 68.4844 11.8105 68.4844 13.1465V17.5H67.2715V16.5977H67.1719C66.791 17.2422 66.0938 17.6055 65.2559 17.6055ZM65.5781 16.5918C66.5273 16.5918 67.2305 15.9707 67.2305 15.1504V14.5996L65.6719 14.7051C64.793 14.7637 64.3945 15.0742 64.3945 15.6543C64.3945 16.2461 64.8926 16.5918 65.5781 16.5918ZM70.7227 9.53125H71.9824V11.1543H73.3652V12.1621H71.9824V15.5195C71.9824 16.2051 72.2578 16.5039 72.8848 16.5039C73.0781 16.5039 73.1895 16.4922 73.3652 16.4746V17.4766C73.1602 17.5117 72.9258 17.541 72.6797 17.541C71.2793 17.541 70.7227 17.0488 70.7227 15.8242V12.1621H69.709V11.1543H70.7227V9.53125ZM75.498 10C75.0586 10 74.7012 9.64258 74.7012 9.20898C74.7012 8.76953 75.0586 8.41211 75.498 8.41211C75.9375 8.41211 76.2949 8.76953 76.2949 9.20898C76.2949 9.64258 75.9375 10 75.498 10ZM74.8711 17.5V11.1367H76.125V17.5H74.8711ZM80.6719 17.623C78.8027 17.623 77.6602 16.375 77.6602 14.3184C77.6602 12.2676 78.8086 11.0137 80.6719 11.0137C82.5293 11.0137 83.6777 12.2617 83.6777 14.3184C83.6777 16.375 82.5352 17.623 80.6719 17.623ZM80.6719 16.5508C81.7617 16.5508 82.3828 15.7305 82.3828 14.3184C82.3828 12.9004 81.7617 12.0801 80.6719 12.0801C79.5762 12.0801 78.9609 12.9004 78.9609 14.3184C78.9609 15.7363 79.5762 16.5508 80.6719 16.5508ZM85.1953 17.5V11.1367H86.4082V12.1445H86.502C86.8125 11.4414 87.4453 11.0137 88.4062 11.0137C89.8301 11.0137 90.6152 11.8633 90.6152 13.3809V17.5H89.3555V13.6797C89.3555 12.625 88.9102 12.1094 87.9785 12.1094C87.0469 12.1094 86.4551 12.7422 86.4551 13.7676V17.5H85.1953ZM92.2441 12.918C92.2441 11.8105 93.2812 11.0137 94.7227 11.0137C96.1582 11.0137 97.0957 11.6816 97.2188 12.7832H96.0117C95.8945 12.3086 95.4375 11.998 94.7227 11.998C94.0195 11.998 93.4863 12.3438 93.4863 12.8594C93.4863 13.252 93.8086 13.498 94.5 13.6621L95.5605 13.9082C96.7734 14.1895 97.3418 14.7109 97.3418 15.6367C97.3418 16.8203 96.2227 17.623 94.6992 17.623C93.1816 17.623 92.1914 16.9375 92.0801 15.8301H93.3398C93.498 16.3281 93.9668 16.6387 94.7285 16.6387C95.5137 16.6387 96.0703 16.2754 96.0703 15.7539C96.0703 15.3555 95.7715 15.0977 95.1328 14.9453L94.0195 14.6816C92.8066 14.4004 92.2441 13.8613 92.2441 12.918Z" fill="#0B57D0"/>
+<path d="M102.5 13.5C102.5 9.63401 105.634 6.5 109.5 6.5C113.366 6.5 116.5 9.63401 116.5 13.5C116.5 17.366 113.366 20.5 109.5 20.5C105.634 20.5 102.5 17.366 102.5 13.5Z" fill="white"/>
+<path d="M102.5 13.5C102.5 9.63401 105.634 6.5 109.5 6.5C113.366 6.5 116.5 9.63401 116.5 13.5C116.5 17.366 113.366 20.5 109.5 20.5C105.634 20.5 102.5 17.366 102.5 13.5Z" stroke="#D3E3FD"/>
+<path d="M108.517 13.4927V12.5474H109.452C110.29 12.5474 110.87 12.021 110.87 11.2744C110.87 10.5923 110.354 10.0498 109.484 10.0498C108.603 10.0498 108.039 10.5063 107.969 11.3174H106.831C106.911 10.0015 107.921 9.06152 109.554 9.06152C111.154 9.06152 112.062 10.0229 112.057 11.124C112.051 12.0586 111.466 12.6763 110.655 12.9019V12.9932C111.686 13.1489 112.352 13.8364 112.352 14.8999C112.352 16.2212 111.133 17.188 109.516 17.188C107.878 17.188 106.75 16.291 106.686 14.9268H107.84C107.91 15.6895 108.56 16.1782 109.5 16.1782C110.451 16.1782 111.117 15.6411 111.117 14.8354C111.117 14.0083 110.494 13.4927 109.484 13.4927H108.517Z" fill="#0B57D0"/>
+<rect x="18" y="26" width="109" height="2" fill="#1B6EF3"/>
+<g clip-path="url(#clip1_6116_325248)">
+<path d="M164 79C163.45 79 162.975 78.8083 162.575 78.425C162.192 78.025 162 77.55 162 77V64H161V62H166V61H172V62H177V64H176V77C176 77.55 175.8 78.025 175.4 78.425C175.017 78.8083 174.55 79 174 79H164ZM174 64H164V77H174V64ZM166 75H168V66H166V75ZM170 75H172V66H170V75ZM164 64V77V64Z" fill="#444746"/>
+</g>
+<rect x="149.096" y="50.459" width="39" height="39" rx="19.5" stroke="#0B57D0"/>
+<circle opacity="0.2" cx="168.596" cy="69.959" r="20" fill="#0B57D0"/>
+</g>
+<defs>
+<clipPath id="clip0_6116_325248">
+<path d="M0 0H192V106H0V0Z" fill="white"/>
+</clipPath>
+<clipPath id="clip1_6116_325248">
+<rect width="20" height="20" fill="white" transform="translate(159 60)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/performance-panel-diagram.svg

@@ -1,29 +1,34 @@
 <svg width="186" height="50" viewBox="0 0 186 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" width="81" height="16" fill="#FFE07C"/>
-<rect x="82.5" width="42" height="16" fill="#FFE07C"/>
-<rect x="42.5" y="17" width="10" height="16" fill="#D9BAFD"/>
-<rect x="53.5" y="17" width="84" height="16" fill="#D9BAFD"/>
-<rect x="138.5" y="17" width="39" height="16" fill="#D9BAFD"/>
-<rect x="56.5" y="34" width="74" height="16" fill="#80DA88"/>
-<rect x="131.5" y="34" width="54" height="16" fill="#80DA88"/>
+<rect x="0.5" width="81" height="16" fill="#FACC15"/>
+<rect x="82.5" width="42" height="16" fill="#FACC15"/>
+<rect x="42.5" y="17" width="10" height="16" fill="#D190FF"/>
+<rect x="53.5" y="17" width="84" height="16" fill="#D190FF"/>
+<rect x="138.5" y="17" width="39" height="16" fill="#D190FF"/>
+<rect x="56.5" y="34" width="74" height="16" fill="#37BE5F"/>
+<rect x="131.5" y="34" width="54" height="16" fill="#37BE5F"/>
 <rect x="1.5" y="1" width="79" height="14" stroke="#1F1F1F" stroke-width="2"/>
 <rect x="132.5" y="35" width="52" height="14" stroke="#1F1F1F" stroke-width="2"/>
-<g filter="url(#filter0_d_4690_314721)">
+<g filter="url(#filter0_dd_4690_314721)">
 <path d="M78.7261 6.95605L128.208 39.0898" stroke="#1F1F1F" stroke-width="2" stroke-linecap="round"/>
 <circle cx="80.4031" cy="8.04544" r="2" transform="rotate(33 80.4031 8.04544)" fill="white" stroke="#1F1F1F" stroke-width="2"/>
 <circle cx="132.401" cy="41.813" r="2" transform="rotate(33 132.401 41.813)" fill="white" stroke="#1F1F1F" stroke-width="2"/>
 <path d="M129.239 40.749C129.949 40.7371 130.42 40.0107 130.143 39.3578L127.213 32.4675C126.899 31.7305 125.89 31.6425 125.454 32.3142L120.897 39.3304C120.461 40.002 120.952 40.8883 121.753 40.8749L129.239 40.749Z" fill="#1F1F1F"/>
 </g>
 <defs>
-<filter id="filter0_d_4690_314721" x="73.0747" y="-0.458984" width="63.3262" height="48.2744" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_dd_4690_314721" x="70.0747" y="-2.45898" width="69.3262" height="54.2744" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="0.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0"/>
+<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_4690_314721"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4690_314721"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4690_314721" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_4690_314721" result="effect2_dropShadow_4690_314721"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4690_314721" result="shape"/>
 </filter>
 </defs>
 </svg>

package/front_end/Images/src/performance-panel-entry-label.svg

@@ -5,8 +5,8 @@
 <rect x="163.5" y="38" width="2" height="8" fill="#E1E3E1"/>
 <g clip-path="url(#clip1_4690_314478)">
 <rect width="68" height="16" transform="translate(45.5 34)" fill="white"/>
-<rect opacity="0.4" x="45.5" y="34" width="68" height="16" fill="#80DA88"/>
-<rect x="51.5" y="34" width="62" height="16" fill="#80DA88"/>
+<rect opacity="0.4" x="45.5" y="34" width="68" height="16" fill="#37BE5F"/>
+<rect x="51.5" y="34" width="62" height="16" fill="#37BE5F"/>
 </g>
 </g>
 <rect x="22.5" y="59" width="167" height="2" fill="#E1E3E1"/>
@@ -14,24 +14,24 @@
 <rect x="189.5" y="56" width="2" height="8" fill="#E1E3E1"/>
 <g clip-path="url(#clip2_4690_314478)">
 <rect width="83" height="16" transform="translate(71.5 52)" fill="white"/>
-<rect opacity="0.4" x="71.5" y="52" width="83" height="16" fill="#FFE07C"/>
-<rect x="77.5" y="52" width="77" height="16" fill="#FFE07C"/>
+<rect opacity="0.4" x="71.5" y="52" width="83" height="16" fill="#FACC15"/>
+<rect x="77.5" y="52" width="77" height="16" fill="#FACC15"/>
 </g>
 <rect x="82.5" y="77" width="104" height="2" fill="#E1E3E1"/>
 <rect x="80.5" y="74" width="2" height="8" fill="#E1E3E1"/>
 <rect x="186.5" y="74" width="2" height="8" fill="#E1E3E1"/>
 <g clip-path="url(#clip3_4690_314478)">
 <rect width="44" height="16" transform="translate(102.5 70)" fill="white"/>
-<rect opacity="0.4" x="102.5" y="70" width="44" height="16" fill="#80DA88"/>
-<rect x="113.5" y="70" width="33" height="16" fill="#80DA88"/>
+<rect opacity="0.4" x="102.5" y="70" width="44" height="16" fill="#37BE5F"/>
+<rect x="113.5" y="70" width="33" height="16" fill="#37BE5F"/>
 </g>
 <rect x="2.5" y="23" width="150" height="2" fill="#E1E3E1"/>
 <rect x="0.5" y="20" width="2" height="8" fill="#E1E3E1"/>
 <rect x="152.5" y="20" width="2" height="8" fill="#E1E3E1"/>
 <g clip-path="url(#clip4_4690_314478)">
 <rect width="142" height="16" transform="translate(10.5 16)" fill="white"/>
-<rect opacity="0.4" x="10.5" y="16" width="142" height="16" fill="#D9BAFD"/>
-<rect x="14.5" y="16" width="138" height="16" fill="#D9BAFD"/>
+<rect opacity="0.4" x="10.5" y="16" width="142" height="16" fill="#D190FF"/>
+<rect x="14.5" y="16" width="138" height="16" fill="#D190FF"/>
 </g>
 <rect x="34.5" y="35" width="130" height="14" stroke="#1F1F1F" stroke-width="2"/>
 <g filter="url(#filter0_dd_4690_314478)">
@@ -39,16 +39,9 @@
 <path d="M79.042 18.667V20H72.8896V10.1357H74.4209V18.667H79.042ZM82.8701 20.123C81.4346 20.123 80.3887 19.2617 80.3887 17.9082C80.3887 16.5752 81.3867 15.8027 83.1572 15.6934L85.1738 15.5703V14.9209C85.1738 14.1074 84.6543 13.6494 83.6494 13.6494C82.8291 13.6494 82.2617 13.957 82.0977 14.4971H80.6758C80.8262 13.2461 82.0293 12.4326 83.7178 12.4326C85.584 12.4326 86.6367 13.3623 86.6367 14.9209V20H85.2217V18.9473H85.1055C84.6611 19.6992 83.8477 20.123 82.8701 20.123ZM83.2461 18.9404C84.3535 18.9404 85.1738 18.2158 85.1738 17.2588V16.6162L83.3555 16.7393C82.3301 16.8076 81.8652 17.1699 81.8652 17.8467C81.8652 18.5371 82.4463 18.9404 83.2461 18.9404ZM92.6729 20.123C91.6338 20.123 90.7656 19.6445 90.3213 18.8242H90.2119V20H88.7969V9.66406H90.2666V13.752H90.3828C90.7793 12.9453 91.6543 12.4463 92.6729 12.4463C94.5596 12.4463 95.749 13.9297 95.749 16.2881C95.749 18.626 94.5527 20.123 92.6729 20.123ZM92.249 13.7041C91.0186 13.7041 90.2461 14.6953 90.2393 16.2881C90.2461 17.8809 91.0117 18.8652 92.249 18.8652C93.4932 18.8652 94.2383 17.8945 94.2383 16.2881C94.2383 14.6816 93.4932 13.7041 92.249 13.7041ZM102.4 18.0107H103.815C103.494 19.3232 102.291 20.1436 100.589 20.1436C98.4561 20.1436 97.1504 18.6738 97.1504 16.3018C97.1504 13.9434 98.4834 12.4326 100.582 12.4326C102.653 12.4326 103.904 13.8477 103.904 16.1719V16.6777H98.6475V16.7461C98.6953 18.0928 99.4541 18.9404 100.63 18.9404C101.519 18.9404 102.127 18.6123 102.4 18.0107ZM100.575 13.6289C99.4883 13.6289 98.7295 14.4219 98.6475 15.6182H102.407C102.373 14.415 101.662 13.6289 100.575 13.6289ZM105.736 20V9.66406H107.206V20H105.736Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M100.95 35.1415L96.0001 30.1917L92.5 26.606L89.6361 26.6562L99.5356 36.5557L100.95 35.1415Z" fill="#1F1F1F"/>
 <circle cx="3" cy="3" r="3" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 103.778 35.1416)" fill="#1F1F1F"/>
-<rect x="47.5" y="8.70996" width="12" height="12" rx="6" fill="white"/>
-<mask id="mask0_4690_314478" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="45" y="6" width="17" height="17">
-<rect x="45.5" y="6.70996" width="16" height="16" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_4690_314478)">
-<path d="M49.4002 18.1096C49.9668 17.6763 50.6002 17.3346 51.3002 17.0846C52.0002 16.8346 52.7335 16.7096 53.5002 16.7096C54.2668 16.7096 55.0002 16.8346 55.7002 17.0846C56.4002 17.3346 57.0335 17.6763 57.6002 18.1096C57.9891 17.6541 58.2918 17.1374 58.5085 16.5596C58.7252 15.9819 58.8335 15.3652 58.8335 14.7096C58.8335 13.2319 58.3141 11.9735 57.2752 10.9346C56.2363 9.89575 54.9779 9.3763 53.5002 9.3763C52.0224 9.3763 50.7641 9.89575 49.7252 10.9346C48.6863 11.9735 48.1668 13.2319 48.1668 14.7096C48.1668 15.3652 48.2752 15.9819 48.4918 16.5596C48.7085 17.1374 49.0113 17.6541 49.4002 18.1096ZM53.5002 15.3763C52.8446 15.3763 52.2918 15.1513 51.8418 14.7013C51.3918 14.2513 51.1668 13.6985 51.1668 13.043C51.1668 12.3874 51.3918 11.8346 51.8418 11.3846C52.2918 10.9346 52.8446 10.7096 53.5002 10.7096C54.1557 10.7096 54.7085 10.9346 55.1585 11.3846C55.6085 11.8346 55.8335 12.3874 55.8335 13.043C55.8335 13.6985 55.6085 14.2513 55.1585 14.7013C54.7085 15.1513 54.1557 15.3763 53.5002 15.3763ZM53.5002 21.3763C52.5779 21.3763 51.7113 21.2013 50.9002 20.8513C50.0891 20.5013 49.3835 20.0263 48.7835 19.4263C48.1835 18.8263 47.7085 18.1207 47.3585 17.3096C47.0085 16.4985 46.8335 15.6319 46.8335 14.7096C46.8335 13.7874 47.0085 12.9207 47.3585 12.1096C47.7085 11.2985 48.1835 10.593 48.7835 9.99297C49.3835 9.39297 50.0891 8.91797 50.9002 8.56797C51.7113 8.21797 52.5779 8.04297 53.5002 8.04297C54.4224 8.04297 55.2891 8.21797 56.1002 8.56797C56.9113 8.91797 57.6168 9.39297 58.2168 9.99297C58.8168 10.593 59.2918 11.2985 59.6418 12.1096C59.9918 12.9207 60.1668 13.7874 60.1668 14.7096C60.1668 15.6319 59.9918 16.4985 59.6418 17.3096C59.2918 18.1207 58.8168 18.8263 58.2168 19.4263C57.6168 20.0263 56.9113 20.5013 56.1002 20.8513C55.2891 21.2013 54.4224 21.3763 53.5002 21.3763ZM53.5002 20.043C54.0891 20.043 54.6446 19.9569 55.1668 19.7846C55.6891 19.6124 56.1668 19.3652 56.6002 19.043C56.1668 18.7207 55.6891 18.4735 55.1668 18.3013C54.6446 18.1291 54.0891 18.043 53.5002 18.043C52.9113 18.043 52.3557 18.1291 51.8335 18.3013C51.3113 18.4735 50.8335 18.7207 50.4002 19.043C50.8335 19.3652 51.3113 19.6124 51.8335 19.7846C52.3557 19.9569 52.9113 20.043 53.5002 20.043ZM53.5002 14.043C53.7891 14.043 54.0279 13.9485 54.2168 13.7596C54.4057 13.5707 54.5002 13.3319 54.5002 13.043C54.5002 12.7541 54.4057 12.5152 54.2168 12.3263C54.0279 12.1374 53.7891 12.043 53.5002 12.043C53.2113 12.043 52.9724 12.1374 52.7835 12.3263C52.5946 12.5152 52.5002 12.7541 52.5002 13.043C52.5002 13.3319 52.5946 13.5707 52.7835 13.7596C52.9724 13.9485 53.2113 14.043 53.5002 14.043Z" fill="#1F1F1F"/>
-</g>
 </g>
 <defs>
-<filter id="filter0_dd_4690_314478" x="41.5" y="0" width="96" height="47.2129" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_dd_4690_314478" x="61.5" y="0" width="76" height="47.2129" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_4690_314478"/>

package/front_end/Images/src/performance-panel-time-range.svg

@@ -4,14 +4,8 @@
 </mask>
 <path d="M0 0H160V66H0V0Z" fill="url(#paint0_linear_4690_314791)" fill-opacity="0.15"/>
 <path d="M160 66V70H161V66H160ZM0 66H-1V70H0V66ZM159 0V66H161V0H159ZM160 62H0V70H160V62ZM1 66V0H-1V66H1Z" fill="#FF4896" mask="url(#path-1-inside-1_4690_314791)"/>
-<path d="M69.042 33.667V35H62.8896V25.1357H64.4209V33.667H69.042ZM72.8701 35.123C71.4346 35.123 70.3887 34.2617 70.3887 32.9082C70.3887 31.5752 71.3867 30.8027 73.1572 30.6934L75.1738 30.5703V29.9209C75.1738 29.1074 74.6543 28.6494 73.6494 28.6494C72.8291 28.6494 72.2617 28.957 72.0977 29.4971H70.6758C70.8262 28.2461 72.0293 27.4326 73.7178 27.4326C75.584 27.4326 76.6367 28.3623 76.6367 29.9209V35H75.2217V33.9473H75.1055C74.6611 34.6992 73.8477 35.123 72.8701 35.123ZM73.2461 33.9404C74.3535 33.9404 75.1738 33.2158 75.1738 32.2588V31.6162L73.3555 31.7393C72.3301 31.8076 71.8652 32.1699 71.8652 32.8467C71.8652 33.5371 72.4463 33.9404 73.2461 33.9404ZM82.6729 35.123C81.6338 35.123 80.7656 34.6445 80.3213 33.8242H80.2119V35H78.7969V24.6641H80.2666V28.752H80.3828C80.7793 27.9453 81.6543 27.4463 82.6729 27.4463C84.5596 27.4463 85.749 28.9297 85.749 31.2881C85.749 33.626 84.5527 35.123 82.6729 35.123ZM82.249 28.7041C81.0186 28.7041 80.2461 29.6953 80.2393 31.2881C80.2461 32.8809 81.0117 33.8652 82.249 33.8652C83.4932 33.8652 84.2383 32.8945 84.2383 31.2881C84.2383 29.6816 83.4932 28.7041 82.249 28.7041ZM92.4004 33.0107H93.8154C93.4941 34.3232 92.291 35.1436 90.5889 35.1436C88.4561 35.1436 87.1504 33.6738 87.1504 31.3018C87.1504 28.9434 88.4834 27.4326 90.582 27.4326C92.6533 27.4326 93.9043 28.8477 93.9043 31.1719V31.6777H88.6475V31.7461C88.6953 33.0928 89.4541 33.9404 90.6299 33.9404C91.5186 33.9404 92.127 33.6123 92.4004 33.0107ZM90.5752 28.6289C89.4883 28.6289 88.7295 29.4219 88.6475 30.6182H92.4072C92.373 29.415 91.6621 28.6289 90.5752 28.6289ZM95.7363 35V24.6641H97.2061V35H95.7363Z" fill="#FF4896"/>
-<path d="M70.8047 54V52.3184H66.6797V51.2051C67.793 49.2949 69.0352 47.2969 70.2012 45.5449H72.0703V51.2051H73.2363V52.3184H72.0703V54H70.8047ZM67.9395 51.1465V51.2285H70.8223V46.6523H70.7461C69.8379 48.0176 68.8066 49.6641 67.9395 51.1465ZM75.4746 54.0879C74.9824 54.0879 74.6133 53.7188 74.6133 53.2441C74.6133 52.7695 74.9824 52.4004 75.4746 52.4004C75.9727 52.4004 76.3359 52.7695 76.3359 53.2441C76.3359 53.7188 75.9727 54.0879 75.4746 54.0879ZM78.0117 47.9941C78.0117 46.4414 79.2129 45.3398 80.918 45.3398C82.5059 45.3398 83.6484 46.3535 83.6484 47.7422C83.6484 48.7207 83.2207 49.418 81.7383 50.9062L79.875 52.7812V52.8809H83.7773V54H78.082V53.1094L80.9766 50.0977C82.0488 48.9785 82.3301 48.5566 82.3301 47.8711C82.3301 47.0508 81.7734 46.4238 80.8359 46.4238C79.8809 46.4238 79.2539 47.0566 79.2539 47.9941H78.0117ZM88.4531 54.2051C86.7715 54.2051 85.5879 53.1797 85.5059 51.709H86.7598C86.8535 52.5527 87.5391 53.1094 88.459 53.1094C89.4844 53.1094 90.1758 52.3711 90.1758 51.2695C90.1758 50.2031 89.4902 49.4883 88.4941 49.4883C87.7441 49.4883 87.1523 49.8398 86.8418 50.4258H85.6406L86.1152 45.5449H91.0195V46.6582H87.1348L86.8887 49.2539H86.9883C87.375 48.7324 88.002 48.457 88.8574 48.457C90.2871 48.457 91.459 49.5586 91.459 51.2461C91.459 53.0039 90.2461 54.2051 88.4531 54.2051ZM96.252 49.418C96.252 48.3105 97.2891 47.5137 98.7305 47.5137C100.166 47.5137 101.104 48.1816 101.227 49.2832H100.02C99.9023 48.8086 99.4453 48.498 98.7305 48.498C98.0273 48.498 97.4941 48.8438 97.4941 49.3594C97.4941 49.752 97.8164 49.998 98.5078 50.1621L99.5684 50.4082C100.781 50.6895 101.35 51.2109 101.35 52.1367C101.35 53.3203 100.23 54.123 98.707 54.123C97.1895 54.123 96.1992 53.4375 96.0879 52.3301H97.3477C97.5059 52.8281 97.9746 53.1387 98.7363 53.1387C99.5215 53.1387 100.078 52.7754 100.078 52.2539C100.078 51.8555 99.7793 51.5977 99.1406 51.4453L98.0273 51.1816C96.8145 50.9004 96.252 50.3613 96.252 49.418Z" fill="#FF4896"/>
-<mask id="mask0_4690_314791" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="42" width="16" height="16">
-<rect x="6" y="42" width="16" height="16" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_4690_314791)">
-<path d="M9.90016 53.3997C10.4668 52.9663 11.1002 52.6247 11.8002 52.3747C12.5002 52.1247 13.2335 51.9997 14.0002 51.9997C14.7668 51.9997 15.5002 52.1247 16.2002 52.3747C16.9002 52.6247 17.5335 52.9663 18.1002 53.3997C18.4891 52.9441 18.7918 52.4275 19.0085 51.8497C19.2252 51.2719 19.3335 50.6552 19.3335 49.9997C19.3335 48.5219 18.8141 47.2636 17.7752 46.2247C16.7363 45.1858 15.4779 44.6663 14.0002 44.6663C12.5224 44.6663 11.2641 45.1858 10.2252 46.2247C9.18627 47.2636 8.66683 48.5219 8.66683 49.9997C8.66683 50.6552 8.77516 51.2719 8.99183 51.8497C9.2085 52.4275 9.51127 52.9441 9.90016 53.3997ZM14.0002 50.6663C13.3446 50.6663 12.7918 50.4413 12.3418 49.9913C11.8918 49.5413 11.6668 48.9886 11.6668 48.333C11.6668 47.6775 11.8918 47.1247 12.3418 46.6747C12.7918 46.2247 13.3446 45.9997 14.0002 45.9997C14.6557 45.9997 15.2085 46.2247 15.6585 46.6747C16.1085 47.1247 16.3335 47.6775 16.3335 48.333C16.3335 48.9886 16.1085 49.5413 15.6585 49.9913C15.2085 50.4413 14.6557 50.6663 14.0002 50.6663ZM14.0002 56.6663C13.0779 56.6663 12.2113 56.4913 11.4002 56.1413C10.5891 55.7913 9.8835 55.3163 9.2835 54.7163C8.6835 54.1163 8.2085 53.4108 7.8585 52.5997C7.5085 51.7886 7.3335 50.9219 7.3335 49.9997C7.3335 49.0775 7.5085 48.2108 7.8585 47.3997C8.2085 46.5886 8.6835 45.883 9.2835 45.283C9.8835 44.683 10.5891 44.208 11.4002 43.858C12.2113 43.508 13.0779 43.333 14.0002 43.333C14.9224 43.333 15.7891 43.508 16.6002 43.858C17.4113 44.208 18.1168 44.683 18.7168 45.283C19.3168 45.883 19.7918 46.5886 20.1418 47.3997C20.4918 48.2108 20.6668 49.0775 20.6668 49.9997C20.6668 50.9219 20.4918 51.7886 20.1418 52.5997C19.7918 53.4108 19.3168 54.1163 18.7168 54.7163C18.1168 55.3163 17.4113 55.7913 16.6002 56.1413C15.7891 56.4913 14.9224 56.6663 14.0002 56.6663Z" fill="#FF4896"/>
-</g>
+<path d="M69.042 33.667V35H62.8896V25.1357H64.4209V33.667H69.042ZM72.8701 35.123C71.4346 35.123 70.3887 34.2617 70.3887 32.9082C70.3887 31.5752 71.3867 30.8027 73.1572 30.6934L75.1738 30.5703V29.9209C75.1738 29.1074 74.6543 28.6494 73.6494 28.6494C72.8291 28.6494 72.2617 28.957 72.0977 29.4971H70.6758C70.8262 28.2461 72.0293 27.4326 73.7178 27.4326C75.584 27.4326 76.6367 28.3623 76.6367 29.9209V35H75.2217V33.9473H75.1055C74.6611 34.6992 73.8477 35.123 72.8701 35.123ZM73.2461 33.9404C74.3535 33.9404 75.1738 33.2158 75.1738 32.2588V31.6162L73.3555 31.7393C72.3301 31.8076 71.8652 32.1699 71.8652 32.8467C71.8652 33.5371 72.4463 33.9404 73.2461 33.9404ZM82.6729 35.123C81.6338 35.123 80.7656 34.6445 80.3213 33.8242H80.2119V35H78.7969V24.6641H80.2666V28.752H80.3828C80.7793 27.9453 81.6543 27.4463 82.6729 27.4463C84.5596 27.4463 85.749 28.9297 85.749 31.2881C85.749 33.626 84.5527 35.123 82.6729 35.123ZM82.249 28.7041C81.0186 28.7041 80.2461 29.6953 80.2393 31.2881C80.2461 32.8809 81.0117 33.8652 82.249 33.8652C83.4932 33.8652 84.2383 32.8945 84.2383 31.2881C84.2383 29.6816 83.4932 28.7041 82.249 28.7041ZM92.4004 33.0107H93.8154C93.4941 34.3232 92.291 35.1436 90.5889 35.1436C88.4561 35.1436 87.1504 33.6738 87.1504 31.3018C87.1504 28.9434 88.4834 27.4326 90.582 27.4326C92.6533 27.4326 93.9043 28.8477 93.9043 31.1719V31.6777H88.6475V31.7461C88.6953 33.0928 89.4541 33.9404 90.6299 33.9404C91.5186 33.9404 92.127 33.6123 92.4004 33.0107ZM90.5752 28.6289C89.4883 28.6289 88.7295 29.4219 88.6475 30.6182H92.4072C92.373 29.415 91.6621 28.6289 90.5752 28.6289ZM95.7363 35V24.6641H97.2061V35H95.7363Z" fill="#B90063"/>
+<path d="M70.8047 54V52.3184H66.6797V51.2051C67.793 49.2949 69.0352 47.2969 70.2012 45.5449H72.0703V51.2051H73.2363V52.3184H72.0703V54H70.8047ZM67.9395 51.1465V51.2285H70.8223V46.6523H70.7461C69.8379 48.0176 68.8066 49.6641 67.9395 51.1465ZM75.4746 54.0879C74.9824 54.0879 74.6133 53.7188 74.6133 53.2441C74.6133 52.7695 74.9824 52.4004 75.4746 52.4004C75.9727 52.4004 76.3359 52.7695 76.3359 53.2441C76.3359 53.7188 75.9727 54.0879 75.4746 54.0879ZM78.0117 47.9941C78.0117 46.4414 79.2129 45.3398 80.918 45.3398C82.5059 45.3398 83.6484 46.3535 83.6484 47.7422C83.6484 48.7207 83.2207 49.418 81.7383 50.9062L79.875 52.7812V52.8809H83.7773V54H78.082V53.1094L80.9766 50.0977C82.0488 48.9785 82.3301 48.5566 82.3301 47.8711C82.3301 47.0508 81.7734 46.4238 80.8359 46.4238C79.8809 46.4238 79.2539 47.0566 79.2539 47.9941H78.0117ZM88.4531 54.2051C86.7715 54.2051 85.5879 53.1797 85.5059 51.709H86.7598C86.8535 52.5527 87.5391 53.1094 88.459 53.1094C89.4844 53.1094 90.1758 52.3711 90.1758 51.2695C90.1758 50.2031 89.4902 49.4883 88.4941 49.4883C87.7441 49.4883 87.1523 49.8398 86.8418 50.4258H85.6406L86.1152 45.5449H91.0195V46.6582H87.1348L86.8887 49.2539H86.9883C87.375 48.7324 88.002 48.457 88.8574 48.457C90.2871 48.457 91.459 49.5586 91.459 51.2461C91.459 53.0039 90.2461 54.2051 88.4531 54.2051ZM96.252 49.418C96.252 48.3105 97.2891 47.5137 98.7305 47.5137C100.166 47.5137 101.104 48.1816 101.227 49.2832H100.02C99.9023 48.8086 99.4453 48.498 98.7305 48.498C98.0273 48.498 97.4941 48.8438 97.4941 49.3594C97.4941 49.752 97.8164 49.998 98.5078 50.1621L99.5684 50.4082C100.781 50.6895 101.35 51.2109 101.35 52.1367C101.35 53.3203 100.23 54.123 98.707 54.123C97.1895 54.123 96.1992 53.4375 96.0879 52.3301H97.3477C97.5059 52.8281 97.9746 53.1387 98.7363 53.1387C99.5215 53.1387 100.078 52.7754 100.078 52.2539C100.078 51.8555 99.7793 51.5977 99.1406 51.4453L98.0273 51.1816C96.8145 50.9004 96.252 50.3613 96.252 49.418Z" fill="#B90063"/>
 <defs>
 <linearGradient id="paint0_linear_4690_314791" x1="80" y1="0" x2="80" y2="66" gradientUnits="userSpaceOnUse">
 <stop stop-color="#FF7DD2" stop-opacity="0"/>

package/front_end/core/common/AppProvider.ts

@@ -4,7 +4,7 @@
 
 import * as Root from '../root/root.js';
 
-import {type App} from './App.js';
+import type {App} from './App.js';
 
 export interface AppProvider {
   createApp(): App;

package/front_end/core/common/Object.ts

@@ -29,13 +29,8 @@
 
 import type * as Platform from '../platform/platform.js';
 
-import {
-  type EventDescriptor,
-  type EventListener,
-  type EventPayloadToRestParameters,
-  type EventTarget,
-  type EventTargetEvent,
-} from './EventTarget.js';
+import type {
+  EventDescriptor, EventListener, EventPayloadToRestParameters, EventTarget, EventTargetEvent} from './EventTarget.js';
 
 export interface ListenerCallbackTuple<Events, T extends keyof Events> {
   thisObject?: Object;

package/front_end/core/common/SettingRegistration.ts

@@ -6,7 +6,7 @@ import * as i18n from '../i18n/i18n.js';
 import type * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
-import {type SettingStorageType} from './Settings.js';
+import type {SettingStorageType} from './Settings.js';
 
 const UIStrings = {
   /**

package/front_end/core/common/Settings.ts

@@ -32,7 +32,7 @@ import * as Platform from '../platform/platform.js';
 import * as Root from '../root/root.js';
 
 import {Console} from './Console.js';
-import {type EventDescriptor, type EventTargetEvent, type GenericEvents} from './EventTarget.js';
+import type {EventDescriptor, EventTargetEvent, GenericEvents} from './EventTarget.js';
 import {ObjectWrapper} from './Object.js';
 import {
   getLocalizedSettingsCategory,

package/front_end/core/host/AidaClient.ts

@@ -5,7 +5,7 @@
 import * as Common from '../common/common.js';
 
 import {InspectorFrontendHostInstance} from './InspectorFrontendHost.js';
-import {type AidaClientResult, type SyncInformation} from './InspectorFrontendHostAPI.js';
+import type {AidaClientResult, SyncInformation} from './InspectorFrontendHostAPI.js';
 import {bindOutputStream} from './ResourceLoader.js';
 
 export enum Entity {
@@ -40,6 +40,12 @@ export enum ClientFeature {
   CHROME_CONSOLE_INSIGHTS = 1,
   // Chrome freestyler.
   CHROME_FREESTYLER = 2,
+  // Chrome DrJones Network Agent.
+  CHROME_DRJONES_NETWORK_AGENT = 7,
+  // Chrome DrJones Performance Agent.
+  CHROME_DRJONES_PERFORMANCE_AGENT = 8,
+  // Chrome DrJones File Agent.
+  CHROME_DRJONES_FILE_AGENT = 9,
 }
 
 export enum UserTier {

package/front_end/core/host/InspectorFrontendHost.ts

@@ -417,7 +417,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
         temperature: -1,
         enabled: false,
       },
-      devToolsFreestylerDogfood: {
+      devToolsFreestyler: {
         modelId: '',
         temperature: -1,
         enabled: false,

package/front_end/core/host/ResourceLoader.ts

@@ -8,7 +8,7 @@ import * as Common from '../common/common.js';
 import * as i18n from '../i18n/i18n.js';
 
 import {InspectorFrontendHostInstance} from './InspectorFrontendHost.js';
-import {type LoadNetworkResourceResult} from './InspectorFrontendHostAPI.js';
+import type {LoadNetworkResourceResult} from './InspectorFrontendHostAPI.js';
 
 const UIStrings = {
   /**

package/front_end/core/host/UserMetrics.ts

@@ -376,6 +376,15 @@ export class UserMetrics {
     InspectorFrontendHostInstance.recordEnumeratedHistogram(
         EnumeratedHistogram.ResourceTypeFilterItemSelected, resourceType, ResourceType.MAX_VALUE);
   }
+
+  freestylerQueryLength(numberOfCharacters: number): void {
+    InspectorFrontendHostInstance.recordCountHistogram(
+        'DevTools.Freestyler.QueryLength', numberOfCharacters, 0, 100_000, 100);
+  }
+
+  freestylerEvalResponseSize(bytes: number): void {
+    InspectorFrontendHostInstance.recordCountHistogram('DevTools.Freestyler.EvalResponseSize', bytes, 0, 100_000, 100);
+  }
 }
 
 /**
@@ -560,7 +569,8 @@ export enum Action {
   InsightsReminderTeaserSettingsLinkClicked = 166,
   InsightsReminderTeaserAbortedInSettings = 167,
   GeneratingInsightWithoutDisclaimer = 168,
-  MAX_VALUE = 169,
+  FreestylerOpenedFromElementsPanelFloatingButton = 169,
+  MAX_VALUE = 170,
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 
@@ -1008,10 +1018,12 @@ export enum DevtoolsExperiments {
   'timeline-observations' = 96,
   'timeline-server-timings' = 98,
   'extension-storage-viewer' = 100,
+  'floating-entry-points-for-ai-assistance' = 101,
+  'timeline-experimental-insights' = 102,
   /* eslint-enable @typescript-eslint/naming-convention */
 
   // Increment this when new experiments are added.
-  MAX_VALUE = 101,
+  MAX_VALUE = 103,
 }
 
 export const enum ColorPickerOpenedFrom {

package/front_end/core/i18n/time-utilities.ts

@@ -9,16 +9,22 @@ import {getLocalizedString, registerUIStrings} from './i18nImpl.js';
 const UIStrings = {
   /**
    *@description μs is the short form of micro-seconds and the placeholder is a number
+   * The shortest form or abbreviation of micro-seconds should be used, as there is
+   * limited room in this UI.
    *@example {2} PH1
    */
   fmms: '{PH1} μs',
   /**
    *@description ms is the short form of milli-seconds and the placeholder is a decimal number
+   * The shortest form or abbreviation of milli-seconds should be used, as there is
+   * limited room in this UI.
    *@example {2.14} PH1
    */
   fms: '{PH1} ms',
   /**
    *@description s is short for seconds and the placeholder is a decimal number
+   * The shortest form or abbreviation of seconds should be used, as there is
+   * limited room in this UI.
    *@example {2.14} PH1
    */
   fs: '{PH1} s',
@@ -39,7 +45,7 @@ const UIStrings = {
   fdays: '{PH1} days',
 
   /**
-   *@description describes a number of milliseconds
+   *@description describes a number of milliseconds (the unit should not abbreviated)
    *@example {2.14} PH1
    */
   fmsExpanded: '{PH1} milliseconds',

package/front_end/core/platform/ArrayUtilities.ts

@@ -202,6 +202,7 @@ const enum NearestSearchStart {
  * arr[i] > 5 you would be returned 2 because array[2] = 6.
  *
  * Please note: this presupposes that the array is already ordered.
+ * This function uses a variation of Binary Search.
  */
 function nearestIndex<T>(
     arr: readonly T[], predicate: (arrayItem: T) => boolean, searchStart: NearestSearchStart): number|null {