chrome-devtools-frontend 1.0.1380117 → 1.0.1402249

package/extensions/cxx_debugging/src/CreditsItem.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/check_component_naming, rulesdir/no_underscored_properties, rulesdir/ban_style_tags_in_lit_html, rulesdir/ban_a_tags_in_lit_html, rulesdir/lit_html_host_this */
+/* eslint-disable rulesdir/check-component-naming, rulesdir/no-underscored-properties, rulesdir/no-style-tags-in-lit-html, rulesdir/no-a-tags-in-lit-html, rulesdir/lit-html-host-this */
 import {html, render} from 'lit-html';
 
 export type CreditsItemData = {

package/extensions/cxx_debugging/src/ExtensionOptions.ts

@@ -2,15 +2,15 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/check_component_naming */
-/* eslint-disable rulesdir/inject_checkbox_styles */
-/* eslint-disable rulesdir/lit_html_host_this */
+/* eslint-disable rulesdir/check-component-naming */
+/* eslint-disable rulesdir/inject-checkbox-styles */
+/* eslint-disable rulesdir/lit-html-host-this */
 
 import './CreditsItem.js';
 import './ModuleConfigurationList.js';
 
 import {html, render} from 'lit-html';
-import {until} from 'lit-html/directives/until.js';  // eslint-disable-line rulesdir/es_modules_import
+import {until} from 'lit-html/directives/until.js';  // eslint-disable-line rulesdir/es-modules-import
 
 import {type CreditsItemData} from './CreditsItem.js';
 import {type Storage} from './DevToolsPluginHost.js';

package/extensions/cxx_debugging/src/ModuleConfigurationList.ts

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-/* eslint-disable rulesdir/check_component_naming, rulesdir/no_underscored_properties, rulesdir/ban_style_tags_in_lit_html, rulesdir/ban_a_tags_in_lit_html, rulesdir/lit_html_host_this,  @typescript-eslint/naming-convention,  @typescript-eslint/explicit-function-return-type,  @typescript-eslint/no-unused-vars */
+/* eslint-disable rulesdir/check-component-naming, rulesdir/no-underscored-properties, rulesdir/no-style-tags-in-lit-html, rulesdir/no-a-tags-in-lit-html, rulesdir/lit-html-host-this,  @typescript-eslint/naming-convention,  @typescript-eslint/explicit-function-return-type,  @typescript-eslint/no-unused-vars */
 
 import {html, nothing, render} from 'lit-html';
 

package/extensions/cxx_debugging/src/rollup.config.in.js

@@ -12,9 +12,7 @@ const files = ['$<JOIN:@EXTENSION_BUNDLE_ENTRYPOINTS@,', '>'];
 const sourcemap = '$<$<BOOL:@EXTENSION_BUNDLE_SOURCEMAP@>:inline>';
 
 const resolveOptions = {
-  customResolveOptions: {
-    moduleDirectory: '@PROJECT_SOURCE_DIR@/third_party',
-  },
+  modulePaths: ['@PROJECT_SOURCE_DIR@/third_party'],
   rootDir: '@PROJECT_SOURCE_DIR@',
   jail: '@PROJECT_SOURCE_DIR@',
   resolveOnly: ['lit-html'],

package/extensions/cxx_debugging/tests/Formatters_test.ts

@@ -3,7 +3,8 @@
 // found in the LICENSE file.
 
 import {CustomFormatters, type TypeInfo} from '../src/CustomFormatters.js';
-import * as Formatters from '../src/Formatters.js';  // eslint-disable-line rulesdir/es_modules_import
+import * as Formatters from '../src/Formatters.js';  // eslint-disable-line rulesdir/es-modules-import
+
 import {TestValue, TestWasmInterface} from './TestUtils.js';
 
 describe('Formatters', () => {

package/front_end/Images/rollup.config.mjs

@@ -1,7 +1,7 @@
 // Copyright 2021 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-// eslint-disable-next-line rulesdir/es_modules_import
+// eslint-disable-next-line rulesdir/es-modules-import
 import {importMetaAssets} from '@web/rollup-plugin-import-meta-assets';
 import {optimize} from 'svgo';
 

package/front_end/Images/src/compress.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_6915_7172" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+<rect width="20" height="20" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_6915_7172)">
+<path d="M3.33337 11.6666V9.99998H16.6667V11.6666H3.33337ZM3.33337 9.16665V7.49998H16.6667V9.16665H3.33337ZM9.16671 18.3333V15.6666L7.83337 17L6.66671 15.8333L10 12.5L13.3334 15.8333L12.1667 17L10.8334 15.7083V18.3333H9.16671ZM10 6.66665L6.66671 3.33331L7.83337 2.16665L9.16671 3.49998V0.833313H10.8334V3.49998L12.1667 2.16665L13.3334 3.33331L10 6.66665Z" fill="#1F1F1F"/>
+</g>
+</svg>

package/front_end/Images/src/cookie_off.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="M16.625 14.5L15.5208 13.3959C15.7958 12.9527 16.0174 12.4773 16.1854 11.9696C16.3535 11.4621 16.4583 10.9306 16.5 10.375C15.875 10.125 15.3542 9.73962 14.9375 9.21879C14.5208 8.69795 14.2569 8.1042 14.1458 7.43754C13.0903 7.28476 12.1944 6.84726 11.4583 6.12504C10.7222 5.40282 10.2847 4.52782 10.1458 3.50004C9.49306 3.45837 8.86458 3.52087 8.26042 3.68754C7.65625 3.8542 7.09028 4.1042 6.5625 4.43754L5.45833 3.33337C6.34722 2.69448 7.32986 2.26045 8.40625 2.03129C9.48264 1.80212 10.5694 1.84726 11.6667 2.1667C11.5556 2.77782 11.5903 3.34031 11.7708 3.8542C11.9514 4.36809 12.2361 4.79518 12.625 5.13545C13.0139 5.47573 13.4861 5.71184 14.0417 5.84379C14.5972 5.97573 15.1875 5.96532 15.8125 5.81254C15.4653 6.6042 15.5174 7.35768 15.9688 8.07295C16.4201 8.78823 17.0833 9.15955 17.9583 9.18691C18.0694 10.1723 18.0035 11.1167 17.7604 12.02C17.5174 12.9234 17.1389 13.75 16.625 14.5ZM6.75 12.5C6.40278 12.5 6.10764 12.3785 5.86458 12.1355C5.62153 11.8924 5.5 11.5973 5.5 11.25C5.5 10.9028 5.62153 10.6077 5.86458 10.3646C6.10764 10.1216 6.40278 10 6.75 10C7.09722 10 7.39236 10.1216 7.63542 10.3646C7.87847 10.6077 8 10.9028 8 11.25C8 11.5973 7.87847 11.8924 7.63542 12.1355C7.39236 12.3785 7.09722 12.5 6.75 12.5ZM15.875 18L14.5 16.625C13.8194 17.0695 13.1007 17.4098 12.3438 17.6459C11.5868 17.882 10.8056 18 10 18C8.8975 18 7.86146 17.7917 6.89188 17.375C5.92229 16.9584 5.07292 16.3855 4.34375 15.6563C3.61458 14.9271 3.04167 14.0777 2.625 13.1082C2.20833 12.1386 2 11.1025 2 10C2 9.19448 2.11806 8.41323 2.35417 7.65629C2.59028 6.89934 2.93056 6.18059 3.375 5.50004L2 4.12504L3.0625 3.06254L16.9375 16.9375L15.875 18ZM10.0023 16.5C10.6119 16.5 11.2014 16.4098 11.7708 16.2292C12.3403 16.0486 12.8889 15.8125 13.4167 15.5209L4.47917 6.58337C4.1875 7.11115 3.95139 7.65976 3.77083 8.2292C3.59028 8.79865 3.5 9.38816 3.5 9.99775C3.5 11.7994 4.13326 13.3336 5.39979 14.6002C6.66646 15.8668 8.20062 16.5 10.0023 16.5Z" fill="black"/>
+</svg>

package/front_end/Images/src/devtools-thumbnail.svg

@@ -0,0 +1,57 @@
+<svg width="117" height="72" viewBox="0 0 117 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4199_2136)">
+<rect width="117" height="72" fill="white"/>
+<g clip-path="url(#clip1_4199_2136)">
+<path d="M714.5 -129H-130V434.556H714.5V-129Z" fill="#1A73E8"/>
+<path d="M-130 -129L187.039 188.352" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M187.039 -129.352L-130 188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M49.4563 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M7.2312 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 50.6333H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 8.36667H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3437 59.3626C44.8201 59.3626 58.1768 45.9926 58.1768 29.5C58.1768 13.0074 44.8201 -0.362549 28.3437 -0.362549C11.8674 -0.362549 -1.48938 13.0074 -1.48938 29.5C-1.48938 45.9926 11.8674 59.3626 28.3437 59.3626Z" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M-130 29.5H433" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3438 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9919 71.0622C51.1178 71.0622 69.865 52.2965 69.865 29.1478C69.865 5.99907 51.1178 -12.7667 27.9919 -12.7667C4.86601 -12.7667 -13.8812 5.99907 -13.8812 29.1478C-13.8812 52.2965 4.86601 71.0622 27.9919 71.0622Z" stroke="white"/>
+<path d="M27.9918 50.4312C39.7348 50.4312 49.2543 40.9023 49.2543 29.1478C49.2543 17.3932 39.7348 7.86432 27.9918 7.86432C16.2489 7.86432 6.72937 17.3932 6.72937 29.1478C6.72937 40.9023 16.2489 50.4312 27.9918 50.4312Z" stroke="white"/>
+<path d="M27.9917 44.9896C36.7322 44.9896 43.8179 37.897 43.8179 29.1478C43.8179 20.3986 36.7322 13.306 27.9917 13.306C19.2511 13.306 12.1655 20.3986 12.1655 29.1478C12.1655 37.897 19.2511 44.9896 27.9917 44.9896Z" stroke="white"/>
+<path d="M46.4138 39.8083L28.3993 71.0412" stroke="white"/>
+<path d="M9.54724 39.8063L-8.46729 8.57346" stroke="white"/>
+<path d="M27.9923 7.86432L64.0214 7.86432" stroke="white"/>
+</g>
+<g filter="url(#filter0_dd_4199_2136)">
+<path d="M73.0588 30.8039C77.0588 33.1133 77.0588 38.8868 73.0588 41.1962L56.4706 50.7734C52.4706 53.0828 47.4706 50.196 47.4706 45.5772L47.4706 26.4228C47.4706 21.804 52.4706 18.9172 56.4706 21.2266L73.0588 30.8039Z" fill="#ECF3FE"/>
+</g>
+<g filter="url(#filter1_f_4199_2136)">
+<path d="M78 30.8038C82 33.1132 82 38.8868 78 41.1962L54 55.0526C50 57.362 45 54.4752 45 49.8564L45 22.1436C45 17.5248 50 14.638 54 16.9474L78 30.8038Z" fill="white" fill-opacity="0.3"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_4199_2136" x="39.4706" y="14.4138" width="44.5883" height="47.1723" 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="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_4199_2136"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<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_4199_2136"/>
+<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_4199_2136" result="effect2_dropShadow_4199_2136"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4199_2136" result="shape"/>
+</filter>
+<filter id="filter1_f_4199_2136" x="37" y="8.13464" width="52" height="55.7307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_4199_2136"/>
+</filter>
+<clipPath id="clip0_4199_2136">
+<rect width="117" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_4199_2136">
+<rect width="563" height="317" fill="white" transform="translate(-130 -129)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/devtools-tips.svg

@@ -0,0 +1,61 @@
+<svg width="117" height="72" viewBox="0 0 117 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4170_128)">
+<rect width="117" height="72" fill="white"/>
+<g clip-path="url(#clip1_4170_128)">
+<path d="M714.5 -129H-130V434.556H714.5V-129Z" fill="#1A73E8"/>
+<path d="M-130 -129L187.039 188.352" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M187.039 -129.352L-130 188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M49.4563 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M7.2312 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 50.6334H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 8.36676H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3437 59.3626C44.8201 59.3626 58.1768 45.9927 58.1768 29.5001C58.1768 13.0075 44.8201 -0.362457 28.3437 -0.362457C11.8674 -0.362457 -1.48938 13.0075 -1.48938 29.5001C-1.48938 45.9927 11.8674 59.3626 28.3437 59.3626Z" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M-130 29.5001H433" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3438 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9919 71.0623C51.1178 71.0623 69.865 52.2966 69.865 29.1479C69.865 5.99916 51.1178 -12.7666 27.9919 -12.7666C4.86601 -12.7666 -13.8812 5.99916 -13.8812 29.1479C-13.8812 52.2966 4.86601 71.0623 27.9919 71.0623Z" stroke="white"/>
+<path d="M27.9918 50.4313C39.7348 50.4313 49.2543 40.9024 49.2543 29.1479C49.2543 17.3933 39.7348 7.86441 27.9918 7.86441C16.2489 7.86441 6.72937 17.3933 6.72937 29.1479C6.72937 40.9024 16.2489 50.4313 27.9918 50.4313Z" stroke="white"/>
+<path d="M27.9917 44.9897C36.7322 44.9897 43.8179 37.8971 43.8179 29.1479C43.8179 20.3987 36.7322 13.3061 27.9917 13.3061C19.2511 13.3061 12.1655 20.3987 12.1655 29.1479C12.1655 37.8971 19.2511 44.9897 27.9917 44.9897Z" stroke="white"/>
+<path d="M46.4138 39.8084L28.3993 71.0413" stroke="white"/>
+<path d="M9.54724 39.8064L-8.46729 8.57355" stroke="white"/>
+<path d="M27.9923 7.86441L64.0214 7.86441" stroke="white"/>
+</g>
+<g filter="url(#filter0_dd_4170_128)">
+<path d="M73.0588 30.804C77.0588 33.1134 77.0588 38.8869 73.0588 41.1963L56.4706 50.7735C52.4706 53.0829 47.4706 50.1961 47.4706 45.5773L47.4706 26.4229C47.4706 21.8041 52.4706 18.9173 56.4706 21.2267L73.0588 30.804Z" fill="#ECF3FE"/>
+</g>
+<g filter="url(#filter1_f_4170_128)">
+<path d="M78 30.8039C82 33.1133 82 38.8868 78 41.1962L54 55.0527C50 57.3621 45 54.4753 45 49.8565L45 22.1437C45 17.5249 50 14.6381 54 16.9475L78 30.8039Z" fill="white" fill-opacity="0.3"/>
+</g>
+<g opacity="0.9">
+<rect x="80" y="12.0001" width="29" height="16" rx="4" fill="white"/>
+<path d="M84.352 18.2141H85.309V16.6301H86.75V18.2141H88.07V19.4461H86.75V21.9871C86.75 22.2364 86.805 22.4234 86.915 22.5481C87.025 22.6728 87.1937 22.7351 87.421 22.7351C87.5603 22.7351 87.6777 22.7168 87.773 22.6801C87.8757 22.6434 87.9857 22.5921 88.103 22.5261V23.9011C87.9563 23.9598 87.8023 24.0038 87.641 24.0331C87.487 24.0698 87.3147 24.0881 87.124 24.0881C86.5593 24.0881 86.1157 23.9231 85.793 23.5931C85.4703 23.2558 85.309 22.7938 85.309 22.2071V19.4461H84.352V18.2141ZM89.4331 24.0001V18.2141H90.8741V24.0001H89.4331ZM90.1591 17.2241C89.9025 17.2241 89.6825 17.1324 89.4991 16.9491C89.3158 16.7658 89.2241 16.5458 89.2241 16.2891C89.2241 16.0324 89.3158 15.8124 89.4991 15.6291C89.6825 15.4458 89.9025 15.3541 90.1591 15.3541C90.4158 15.3541 90.6358 15.4458 90.8191 15.6291C91.0025 15.8124 91.0941 16.0324 91.0941 16.2891C91.0941 16.5458 91.0025 16.7658 90.8191 16.9491C90.6358 17.1324 90.4158 17.2241 90.1591 17.2241ZM92.4837 26.3761V18.2141H93.8367V18.8851H93.9247C94.0273 18.7311 94.1593 18.5918 94.3207 18.4671C94.482 18.3351 94.6727 18.2324 94.8927 18.1591C95.12 18.0784 95.373 18.0381 95.6517 18.0381C96.143 18.0381 96.5793 18.1554 96.9607 18.3901C97.3493 18.6248 97.6573 18.9694 97.8847 19.4241C98.112 19.8788 98.2257 20.4398 98.2257 21.1071C98.2257 21.7671 98.112 22.3281 97.8847 22.7901C97.6573 23.2448 97.3493 23.5894 96.9607 23.8241C96.5793 24.0588 96.143 24.1761 95.6517 24.1761C95.2117 24.1761 94.845 24.0918 94.5517 23.9231C94.2657 23.7471 94.0567 23.5454 93.9247 23.3181H93.8367L93.9247 24.1761V26.3761H92.4837ZM95.3107 22.8341C95.5893 22.8341 95.8387 22.7718 96.0587 22.6471C96.286 22.5224 96.462 22.3318 96.5867 22.0751C96.7187 21.8184 96.7847 21.4958 96.7847 21.1071C96.7847 20.7184 96.7187 20.3958 96.5867 20.1391C96.462 19.8824 96.286 19.6918 96.0587 19.5671C95.8387 19.4424 95.5893 19.3801 95.3107 19.3801C95.032 19.3801 94.779 19.4424 94.5517 19.5671C94.3317 19.6918 94.1557 19.8824 94.0237 20.1391C93.899 20.3958 93.8367 20.7184 93.8367 21.1071C93.8367 21.4958 93.899 21.8184 94.0237 22.0751C94.1557 22.3318 94.3317 22.5224 94.5517 22.6471C94.779 22.7718 95.032 22.8341 95.3107 22.8341ZM101.579 24.1761C101.08 24.1761 100.651 24.0991 100.292 23.9451C99.9328 23.7838 99.6468 23.5638 99.4341 23.2851C99.2288 22.9991 99.0931 22.6764 99.0271 22.3171L100.402 22.0861C100.461 22.3501 100.593 22.5554 100.798 22.7021C101.003 22.8414 101.264 22.9111 101.579 22.9111C101.85 22.9111 102.085 22.8634 102.283 22.7681C102.488 22.6654 102.591 22.5078 102.591 22.2951C102.591 22.1631 102.547 22.0531 102.459 21.9651C102.371 21.8698 102.246 21.7891 102.085 21.7231C101.931 21.6571 101.74 21.6058 101.513 21.5691L100.853 21.4481C100.538 21.3894 100.255 21.2904 100.006 21.1511C99.7641 21.0044 99.5735 20.8174 99.4341 20.5901C99.2948 20.3628 99.2251 20.0951 99.2251 19.7871C99.2251 19.4424 99.3241 19.1381 99.5221 18.8741C99.7275 18.6101 99.9988 18.4048 100.336 18.2581C100.681 18.1114 101.066 18.0381 101.491 18.0381C101.946 18.0381 102.334 18.1004 102.657 18.2251C102.987 18.3424 103.251 18.5184 103.449 18.7531C103.647 18.9878 103.779 19.2774 103.845 19.6221L102.58 19.8201C102.499 19.5928 102.367 19.4314 102.184 19.3361C102.001 19.2408 101.781 19.1931 101.524 19.1931C101.253 19.1931 101.033 19.2481 100.864 19.3581C100.703 19.4681 100.622 19.5964 100.622 19.7431C100.622 19.8971 100.688 20.0254 100.82 20.1281C100.952 20.2308 101.165 20.3114 101.458 20.3701L102.261 20.5351C102.826 20.6524 103.262 20.8468 103.57 21.1181C103.878 21.3821 104.032 21.7671 104.032 22.2731C104.032 22.6544 103.922 22.9881 103.702 23.2741C103.482 23.5601 103.185 23.7838 102.811 23.9451C102.444 24.0991 102.034 24.1761 101.579 24.1761Z" fill="#1A73E8"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_4170_128" x="39.4706" y="14.4139" width="44.5883" height="47.1723" 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="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_4170_128"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<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_4170_128"/>
+<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_4170_128" result="effect2_dropShadow_4170_128"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4170_128" result="shape"/>
+</filter>
+<filter id="filter1_f_4170_128" x="37" y="8.13474" width="52" height="55.7307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_4170_128"/>
+</filter>
+<clipPath id="clip0_4170_128">
+<rect width="117" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_4170_128">
+<rect width="563" height="317" fill="white" transform="translate(-130 -129)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/domain.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="M2 17V3H10V6H18V17H2ZM3.5 15.5H5V14H3.5V15.5ZM3.5 12.3333H5V10.8333H3.5V12.3333ZM3.5 9.16667H5V7.66667H3.5V9.16667ZM3.5 6H5V4.5H3.5V6ZM7 15.5H8.5V14H7V15.5ZM7 12.3333H8.5V10.8333H7V12.3333ZM7 9.16667H8.5V7.66667H7V9.16667ZM7 6H8.5V4.5H7V6ZM10 15.5H16.5V7.5H10V9.16667H11.5V10.6667H10V12.3333H11.5V13.8333H10V15.5ZM13.5 10.6667V9.16667H15V10.6667H13.5ZM13.5 13.8333V12.3333H15V13.8333H13.5Z" fill="black"/>
+</svg>

package/front_end/Images/src/whatsnew.svg

@@ -0,0 +1,61 @@
+<svg width="117" height="72" viewBox="0 0 117 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3425_862)">
+<rect width="117" height="72" fill="white"/>
+<g clip-path="url(#clip1_3425_862)">
+<path d="M714.5 -129H-130V434.556H714.5V-129Z" fill="#1A73E8"/>
+<path d="M-130 -129L187.039 188.352" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M187.039 -129.352L-130 188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M49.4563 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M7.2312 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 50.6333H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M433 8.3667H-130" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3437 59.3626C44.8201 59.3626 58.1768 45.9926 58.1768 29.5C58.1768 13.0074 44.8201 -0.362549 28.3437 -0.362549C11.8674 -0.362549 -1.48938 13.0074 -1.48938 29.5C-1.48938 45.9926 11.8674 59.3626 28.3437 59.3626Z" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M-130 29.5H433" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path d="M28.3438 -129V188" stroke="white" stroke-opacity="0.3" stroke-width="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9919 71.0622C51.1178 71.0622 69.865 52.2965 69.865 29.1478C69.865 5.99907 51.1178 -12.7667 27.9919 -12.7667C4.86601 -12.7667 -13.8812 5.99907 -13.8812 29.1478C-13.8812 52.2965 4.86601 71.0622 27.9919 71.0622Z" stroke="white"/>
+<path d="M27.9918 50.4312C39.7348 50.4312 49.2543 40.9023 49.2543 29.1478C49.2543 17.3932 39.7348 7.86432 27.9918 7.86432C16.2489 7.86432 6.72937 17.3932 6.72937 29.1478C6.72937 40.9023 16.2489 50.4312 27.9918 50.4312Z" stroke="white"/>
+<path d="M27.9917 44.9895C36.7322 44.9895 43.8179 37.8969 43.8179 29.1478C43.8179 20.3986 36.7322 13.306 27.9917 13.306C19.2511 13.306 12.1655 20.3986 12.1655 29.1478C12.1655 37.8969 19.2511 44.9895 27.9917 44.9895Z" stroke="white"/>
+<path d="M46.4138 39.8083L28.3993 71.0412" stroke="white"/>
+<path d="M9.54724 39.8063L-8.46729 8.57346" stroke="white"/>
+<path d="M27.9923 7.86432L64.0214 7.86432" stroke="white"/>
+</g>
+<g filter="url(#filter0_dd_3425_862)">
+<path d="M73.0588 30.8038C77.0588 33.1132 77.0588 38.8867 73.0588 41.1961L56.4706 50.7734C52.4706 53.0828 47.4706 50.196 47.4706 45.5772L47.4706 26.4228C47.4706 21.804 52.4706 18.9172 56.4706 21.2266L73.0588 30.8038Z" fill="#ECF3FE"/>
+</g>
+<g filter="url(#filter1_f_3425_862)">
+<path d="M78 30.8038C82 33.1132 82 38.8868 78 41.1962L54 55.0526C50 57.362 45 54.4752 45 49.8564L45 22.1436C45 17.5248 50 14.638 54 16.9474L78 30.8038Z" fill="white" fill-opacity="0.3"/>
+</g>
+<g opacity="0.9">
+<rect x="79" y="12" width="30" height="16" rx="4" fill="white"/>
+<path d="M83.803 24V18.214H85.156V18.918H85.244C85.4127 18.6467 85.6473 18.434 85.948 18.28C86.2487 18.1187 86.586 18.038 86.96 18.038C87.6273 18.038 88.1333 18.2397 88.478 18.643C88.8227 19.039 88.995 19.5963 88.995 20.315V24H87.554V20.513C87.554 20.1463 87.4623 19.8677 87.279 19.677C87.103 19.479 86.8537 19.38 86.531 19.38C86.267 19.38 86.036 19.4497 85.838 19.589C85.6473 19.721 85.5007 19.9007 85.398 20.128C85.2953 20.3553 85.244 20.6157 85.244 20.909V24H83.803ZM93.0571 24.176C92.4778 24.176 91.9754 24.0513 91.5501 23.802C91.1248 23.5527 90.7948 23.197 90.5601 22.735C90.3254 22.273 90.2081 21.7303 90.2081 21.107C90.2081 20.4763 90.3291 19.9337 90.5711 19.479C90.8204 19.017 91.1614 18.6613 91.5941 18.412C92.0268 18.1627 92.5181 18.038 93.0681 18.038C93.6768 18.038 94.1791 18.1517 94.5751 18.379C94.9784 18.599 95.2791 18.918 95.4771 19.336C95.6751 19.7467 95.7741 20.238 95.7741 20.81C95.7741 20.92 95.7704 21.03 95.7631 21.14C95.7631 21.25 95.7558 21.349 95.7411 21.437H91.5941C91.6234 21.6937 91.6858 21.9173 91.7811 22.108C91.9131 22.372 92.0928 22.57 92.3201 22.702C92.5548 22.834 92.8188 22.9 93.1121 22.9C93.4494 22.9 93.7208 22.8193 93.9261 22.658C94.1388 22.4893 94.2928 22.2877 94.3881 22.053L95.6421 22.394C95.4661 22.922 95.1654 23.351 94.7401 23.681C94.3221 24.011 93.7611 24.176 93.0571 24.176ZM91.6601 20.414H94.3991C94.3844 20.2307 94.3441 20.0657 94.2781 19.919C94.2194 19.765 94.1314 19.6367 94.0141 19.534C93.9041 19.424 93.7684 19.3433 93.6071 19.292C93.4531 19.2333 93.2771 19.204 93.0791 19.204C92.7931 19.204 92.5364 19.2773 92.3091 19.424C92.0818 19.5707 91.9058 19.787 91.7811 20.073C91.7298 20.1757 91.6894 20.2893 91.6601 20.414ZM97.953 24L96.281 18.214H97.887L98.756 21.899H98.833L99.845 18.214H101.297L102.32 21.899H102.397L103.266 18.214H104.85L103.167 24H101.616L100.582 20.26H100.505L99.493 24H97.953Z" fill="#1A73E8"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_3425_862" x="39.4706" y="14.4138" width="44.5883" height="47.1724" 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="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_3425_862"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<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_3425_862"/>
+<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_3425_862" result="effect2_dropShadow_3425_862"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_3425_862" result="shape"/>
+</filter>
+<filter id="filter1_f_3425_862" x="37" y="8.13464" width="52" height="55.7307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_3425_862"/>
+</filter>
+<clipPath id="clip0_3425_862">
+<rect width="117" height="72" fill="white"/>
+</clipPath>
+<clipPath id="clip1_3425_862">
+<rect width="563" height="317" fill="white" transform="translate(-130 -129)"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Tests.js

@@ -158,39 +158,33 @@
   };
 
   TestSuite.prototype.setupLegacyFilesForTest = async function() {
-    try {
-      // 'Tests.js' is executed on 'about:blank' so we can't use `import` directly without
-      // specifying the full devtools://devtools/bundled URL.
-      ([
-        Common,
-        HostModule,
-        Root,
-        SDK,
-        Sources,
-        Timeline,
-        UI,
-        Workspace,
-      ] =
-           await Promise.all([
-             self.runtime.loadLegacyModule('core/common/common.js'),
-             self.runtime.loadLegacyModule('core/host/host.js'),
-             self.runtime.loadLegacyModule('core/root/root.js'),
-             self.runtime.loadLegacyModule('core/sdk/sdk.js'),
-             self.runtime.loadLegacyModule('panels/sources/sources.js'),
-             self.runtime.loadLegacyModule('panels/timeline/timeline.js'),
-             self.runtime.loadLegacyModule('ui/legacy/legacy.js'),
-             self.runtime.loadLegacyModule('models/workspace/workspace.js'),
-           ]));
-
-      // We have to map 'Host.InspectorFrontendHost' as the C++ uses it directly.
-      self.Host = {};
-      self.Host.InspectorFrontendHost = HostModule.InspectorFrontendHost.InspectorFrontendHostInstance;
-      self.Host.InspectorFrontendHostAPI = HostModule.InspectorFrontendHostAPI;
-
-      this.reportOk_();
-    } catch (e) {
-      this.reportFailure_(e);
-    }
+    // 'Tests.js' is executed on 'about:blank' so we can't use `import` directly without
+    // specifying the full devtools://devtools/bundled URL.
+    ([
+      Common,
+      HostModule,
+      Root,
+      SDK,
+      Sources,
+      Timeline,
+      UI,
+      Workspace,
+    ] =
+         await Promise.all([
+           self.runtime.loadLegacyModule('core/common/common.js'),
+           self.runtime.loadLegacyModule('core/host/host.js'),
+           self.runtime.loadLegacyModule('core/root/root.js'),
+           self.runtime.loadLegacyModule('core/sdk/sdk.js'),
+           self.runtime.loadLegacyModule('panels/sources/sources.js'),
+           self.runtime.loadLegacyModule('panels/timeline/timeline.js'),
+           self.runtime.loadLegacyModule('ui/legacy/legacy.js'),
+           self.runtime.loadLegacyModule('models/workspace/workspace.js'),
+         ]));
+
+    // We have to map 'Host.InspectorFrontendHost' as the C++ uses it directly.
+    self.Host = {};
+    self.Host.InspectorFrontendHost = HostModule.InspectorFrontendHost.InspectorFrontendHostInstance;
+    self.Host.InspectorFrontendHostAPI = HostModule.InspectorFrontendHostAPI;
   };
 
   /**

package/front_end/core/common/CharacterIdMap.test.ts

@@ -41,6 +41,6 @@ describe('CharacterIdMap class', () => {
 
   it('returns null when trying to convert  a character that does not exist in the Map', () => {
     const characterIdMap = new CharacterIdMap();
-    assert.strictEqual(characterIdMap.fromChar('!'), null, 'character was not converted correctly');
+    assert.isNull(characterIdMap.fromChar('!'), 'character was not converted correctly');
   });
 });

package/front_end/core/common/Color.ts

@@ -2154,12 +2154,12 @@ export class Legacy implements Color {
 
   /**
    * Returns a new color using the NTSC formula for making a RGB color grayscale.
-   * Note: this is ill-defined for colors with alpha, and alpha is not modified.
+   * Note: We override with an alpha of 50% to enhance the dimming effect.
    */
   grayscale(): Legacy {
-    const [r, g, b, a] = this.#rgbaInternal;
+    const [r, g, b] = this.#rgbaInternal;
     const gray = r * 0.299 + g * 0.587 + b * 0.114;
-    return new Legacy([gray, gray, gray, a], Format.RGBA);
+    return new Legacy([gray, gray, gray, 0.5], Format.RGBA);
   }
 
   setAlpha(alpha: number): Legacy {

package/front_end/core/common/ColorUtils.test.ts

@@ -95,9 +95,9 @@ describe('ColorUtils', () => {
   });
 
   it('is able to find APCA threshold by font size and weight', () => {
-    assert.deepEqual(Common.ColorUtils.getAPCAThreshold('11px', '100'), null);
+    assert.isNull(Common.ColorUtils.getAPCAThreshold('11px', '100'));
     assert.deepEqual(Common.ColorUtils.getAPCAThreshold('121px', '100'), 60);
-    assert.deepEqual(Common.ColorUtils.getAPCAThreshold('16px', '100'), null);
+    assert.isNull(Common.ColorUtils.getAPCAThreshold('16px', '100'));
     assert.deepEqual(Common.ColorUtils.getAPCAThreshold('16px', '400'), 90);
     assert.deepEqual(Common.ColorUtils.getAPCAThreshold('16px', '900'), 50);
   });

package/front_end/core/common/Console.test.ts

@@ -15,7 +15,7 @@ describe('Console', () => {
       assert.lengthOf(messages, 1);
       assert.strictEqual(messages[0].text, 'Foo');
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.INFO);
-      assert.strictEqual(messages[0].show, true);
+      assert.isTrue(messages[0].show);
     });
 
     it('stores messages', () => {
@@ -25,7 +25,7 @@ describe('Console', () => {
       console.addMessage('Bar', Common.Console.MessageLevel.ERROR, true);
       console.addMessage('Donkey', Common.Console.MessageLevel.INFO, true);
       const messages = console.messages();
-      assert.strictEqual(messages.length, 4);
+      assert.lengthOf(messages, 4);
     });
 
     it('dispatches events to listeners', done => {
@@ -47,7 +47,7 @@ describe('Console', () => {
       console.log('Lorem Ipsum');
       const messages = console.messages();
       assert.lengthOf(messages, 1);
-      assert.strictEqual(messages[0].show, false);  // Infos don't popup the Console panel by default
+      assert.isFalse(messages[0].show);  // Infos don't popup the Console panel by default
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.INFO);
     });
   });
@@ -58,7 +58,7 @@ describe('Console', () => {
       console.warn('Lorem Ipsum');
       const messages = console.messages();
       assert.lengthOf(messages, 1);
-      assert.strictEqual(messages[0].show, false);  // Warnings don't popup the Console panel by default
+      assert.isFalse(messages[0].show);  // Warnings don't popup the Console panel by default
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.WARNING);
     });
   });
@@ -69,7 +69,7 @@ describe('Console', () => {
       console.error('Lorem Ipsum');
       const messages = console.messages();
       assert.lengthOf(messages, 1);
-      assert.strictEqual(messages[0].show, true);  // Errors popup the Console panel by default
+      assert.isTrue(messages[0].show);  // Errors popup the Console panel by default
       assert.strictEqual(messages[0].level, Common.Console.MessageLevel.ERROR);
     });
 
@@ -79,8 +79,8 @@ describe('Console', () => {
       console.error('Baz', true);
       const messages = console.messages();
       assert.lengthOf(messages, 2);
-      assert.strictEqual(messages[0].show, false);
-      assert.strictEqual(messages[1].show, true);
+      assert.isFalse(messages[0].show);
+      assert.isTrue(messages[1].show);
     });
   });
 });

package/front_end/core/common/Lazy.test.ts

@@ -4,27 +4,25 @@
 
 import * as Common from './common.js';
 
-const lazy = Common.Lazy.lazy;
-
 describe('lazy', () => {
+  const {lazy} = Common.Lazy;
+
   it('evaluates callback once', () => {
-    const initializeArrayOnce = lazy(() => []);
-    const arrayOne = initializeArrayOnce();
-    const arrayTwo = initializeArrayOnce();
+    const once = lazy(() => []);
+    const arrayOne = once();
+    const arrayTwo = once();
 
     assert.strictEqual(arrayOne, arrayTwo);
-    assert.notStrictEqual([], arrayOne);
   });
+
   it('handles callback exceptions', () => {
-    let callCount = 0;
-    const exceptionCallback = lazy(() => {
-      callCount++;
-      throw Error();
-    });
-    assert.throws(exceptionCallback, Error);
+    const fake = sinon.fake.throws('foo');
+    const once = lazy(fake);
+
+    assert.throws(once, Error);
     // Subsequent calls of the function should throw an exception without
     // re-evaluation
-    assert.throws(exceptionCallback, Error);
-    assert.strictEqual(callCount, 1);
+    assert.throws(once, Error);
+    assert.strictEqual(fake.callCount, 1);
   });
 });

package/front_end/core/common/MapWithDefault.test.ts

@@ -0,0 +1,61 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Common from './common.js';
+
+const MapWithDefault = Common.MapWithDefault.MapWithDefault;
+
+function convertToObject(map: Common.MapWithDefault.MapWithDefault<string, Map<string, string>>): Object {
+  const ret: {[key: string]: {[key: string]: string}} = {};
+  for (const [key1, map1] of map.entries()) {
+    const ret1: {[key: string]: string} = {};
+    for (const [key2, value] of map1.entries()) {
+      ret1[key2] = value;
+    }
+    ret[key1] = ret1;
+  }
+  return ret;
+}
+
+describe('MapWithDefault', () => {
+  it('sets a default entry for `getOrInsert()`', () => {
+    const map = new MapWithDefault<string, Map<string, string>>();
+
+    assert.deepEqual(convertToObject(map), {});
+
+    map.getOrInsert('0', new Map());
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+    });
+
+    map.getOrInsert('1', new Map()).set('fr', 'uno');
+    map.getOrInsert('1', new Map()).set('de', 'eins');
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+      1: {fr: 'uno', de: 'eins'},
+    });
+  });
+
+  it('creates a default entry for `getOrInsertComputed()`', () => {
+    const map = new MapWithDefault<string, Map<string, string>>();
+
+    assert.deepEqual(convertToObject(map), {});
+
+    map.getOrInsertComputed('0', () => new Map());
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+    });
+
+    map.getOrInsertComputed('1', () => new Map()).set('fr', 'uno');
+    map.getOrInsertComputed('1', () => new Map()).set('de', 'eins');
+
+    assert.deepEqual(convertToObject(map), {
+      0: {},
+      1: {fr: 'uno', de: 'eins'},
+    });
+  });
+});

package/front_end/core/common/MapWithDefault.ts

@@ -0,0 +1,24 @@
+// Copyright 2024 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+// Polyfill of https://github.com/tc39/proposal-upsert with a subclass.
+//
+// TODO: Once the proposal is merged, just replace `MapWithDefault` with `Map` and remove it.
+export class MapWithDefault<K, V> extends Map<K, V> {
+  getOrInsert(key: K, defaultValue: V): V {
+    if (!this.has(key)) {
+      this.set(key, defaultValue);
+    }
+
+    return this.get(key) as V;
+  }
+
+  getOrInsertComputed(key: K, callbackFunction: (key: K) => V): V {
+    if (!this.has(key)) {
+      this.set(key, callbackFunction(key));
+    }
+
+    return this.get(key) as V;
+  }
+}