chrome-devtools-frontend 1.0.1573331 → 1.0.1575174

package/AUTHORS

@@ -64,6 +64,7 @@ Krishnal Ciccolella <ciccolella.krishnal@gmail.com>
 Liam DeBeasi <ldebeasi@gmail.com>
 Luke Swiderski <luke.swiderski@gmail.com>
 Luke Warlow <luke@warlow.dev>
+Lyra Rebane <rebane2001@gmail.com>
 Marijn Haverbeke <marijnh@gmail.com>
 Max 😎 Coplan <mchcopl@gmail.com>
 Michael Brüning <michael.bruning@qt.io>

package/docs/contributing/settings-experiments-features.md

@@ -12,6 +12,9 @@ Adding new DevTools experiments is deprecated, the preferred way for adding new
 features / exposing experimental features is via `base::Feature`s. These are
 controllable via Chromium command line parameters or optionally via `chrome://flags`.
 
+Note: We are currently in the process of migrating away from DevTools experiments,
+this documentation is partly outdated and will be updated ASAP.
+
 
 [TOC]
 
@@ -76,9 +79,9 @@ This step is optional. If you want the `base::Feature` to be controllable via th
 
 Please refer to this [example CL](https://crrev.com/c/5626314).
 
-## How to add experiments
+## DEPRECATED:How to add experiments
 
-Note: Adding new DevTools experiments is deprecated, please use a `base::Feature` instead.
+Note: We are currently in the process of migrating away from DevTools experiments, please use a `base::Feature` instead.
 
 If you want to launch a new feature in DevTools behind an experiment flag, you
 will need to do two things:

package/front_end/Images/src/account-tree.svg

@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#5f6368"><path d="M624-144v-108H444v-384H336v108H96v-288h240v108h288v-108h240v288H624v-108H516v312h108v-108h240v288H624ZM168-744v144-144Zm528 384v144-144Zm0-384v144-144Zm0 144h96v-144h-96v144Zm0 384h96v-144h-96v144ZM168-600h96v-144h-96v144Z"/></svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5629_175)">
+<path d="M13 17V14.75H9.25V6.75H7V9H2V3H7V5.25H13V3H18V9H13V6.75H10.75V13.25H13V11H18V17H13ZM3.5 4.5V7.5V4.5ZM14.5 12.5V15.5V12.5ZM14.5 4.5V7.5V4.5ZM14.5 7.5H16.5V4.5H14.5V7.5ZM14.5 15.5H16.5V12.5H14.5V15.5ZM3.5 7.5H5.5V4.5H3.5V7.5Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_5629_175">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/arrow-right-circle.svg

@@ -1,8 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_3853_165798" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
-<rect width="24" height="24" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_3853_165798)">
-<path d="M6.6255 12.99L13.838 12.99L12.247 14.581L13.6612 15.9952L17.6564 12L13.6612 8.00489L12.247 9.41911L13.8203 10.9924H6.64318L6.6255 12.99ZM4.92844 19.0711C3.95028 18.0929 3.21666 16.9881 2.72757 15.7565C2.23849 14.525 1.99395 13.2728 1.99395 12C1.99395 10.7273 2.23849 9.47509 2.72757 8.24354C3.21666 7.012 3.95028 5.90714 4.92844 4.92898C5.90661 3.95081 7.01146 3.21719 8.24301 2.72811C9.47455 2.23903 10.7267 1.99448 11.9995 1.99448C13.2723 1.99448 14.5245 2.23903 15.756 2.72811C16.9876 3.21719 18.0924 3.95081 19.0706 4.92898C20.0487 5.90714 20.7824 7.012 21.2714 8.24354C21.7605 9.47509 22.0051 10.7273 22.0051 12C22.0051 13.2728 21.7605 14.525 21.2714 15.7565C20.7824 16.9881 20.0487 18.0929 19.0706 19.0711C18.0924 20.0493 16.9876 20.7829 15.756 21.272C14.5245 21.7611 13.2723 22.0056 11.9995 22.0056C10.7267 22.0056 9.47455 21.7611 8.24301 21.272C7.01146 20.7829 5.90661 20.0493 4.92844 19.0711ZM6.34266 17.6569C7.92186 19.2361 9.80748 20.0257 11.9995 20.0257C14.1915 20.0257 16.0772 19.2361 17.6564 17.6569C19.2356 16.0777 20.0252 14.1921 20.0252 12C20.0252 9.80801 19.2356 7.9224 17.6564 6.34319C16.0772 4.76399 14.1915 3.97438 11.9995 3.97438C9.80748 3.97438 7.92186 4.76399 6.34266 6.34319C4.76345 7.9224 3.97385 9.80801 3.97385 12C3.97385 14.1921 4.76345 16.0777 6.34266 17.6569Z" fill="#1F1F1F"/>
-</g>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13L13 10L10 7L8.9375 8.0625L10.125 9.25H7V10.75H10.125L8.9375 11.9375L10 13ZM10 18C8.90278 18 7.86806 17.7917 6.89583 17.375C5.92361 16.9583 5.06944 16.3889 4.33333 15.6667C3.61111 14.9306 3.04167 14.0764 2.625 13.1042C2.20833 12.1319 2 11.0972 2 10C2 8.88889 2.20833 7.85417 2.625 6.89583C3.04167 5.92361 3.61111 5.07639 4.33333 4.35417C5.06944 3.61806 5.92361 3.04167 6.89583 2.625C7.86806 2.20833 8.90278 2 10 2C11.1111 2 12.1458 2.20833 13.1042 2.625C14.0764 3.04167 14.9236 3.61806 15.6458 4.35417C16.3819 5.07639 16.9583 5.92361 17.375 6.89583C17.7917 7.85417 18 8.88889 18 10C18 11.0972 17.7917 12.1319 17.375 13.1042C16.9583 14.0764 16.3819 14.9306 15.6458 15.6667C14.9236 16.3889 14.0764 16.9583 13.1042 17.375C12.1458 17.7917 11.1111 18 10 18ZM10 16.5C11.8056 16.5 13.3403 15.8681 14.6042 14.6042C15.8681 13.3403 16.5 11.8056 16.5 10C16.5 8.19445 15.8681 6.65972 14.6042 5.39583C13.3403 4.13194 11.8056 3.5 10 3.5C8.19444 3.5 6.65972 4.13194 5.39583 5.39583C4.13194 6.65972 3.5 8.19445 3.5 10C3.5 11.8056 4.13194 13.3403 5.39583 14.6042C6.65972 15.8681 8.19444 16.5 10 16.5Z" fill="black"/>
 </svg>

package/front_end/Images/src/center-focus-weak.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#5f6368"><path d="M480-336q-60 0-102-42t-42-102q0-60 42-102t102-42q60 0 102 42t42 102q0 60-42 102t-102 42Zm.21-72Q510-408 531-429.21t21-51Q552-510 530.79-531t-51-21Q450-552 429-530.79t-21 51Q408-450 429.21-429t51 21Zm-.21-72ZM216-144q-29.7 0-50.85-21.15Q144-186.3 144-216v-168h72v168h168v72H216Zm360 0v-72h168v-168h72v168q0 29.7-21.15 50.85Q773.7-144 744-144H576ZM144-576v-168q0-29.7 21.15-50.85Q186.3-816 216-816h168v72H216v168h-72Zm600 0v-168H576v-72h168q29.7 0 50.85 21.15Q816-773.7 816-744v168h-72Z"/></svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13C9.16667 13 8.45833 12.7083 7.875 12.125C7.29167 11.5417 7 10.8333 7 10C7 9.16667 7.29167 8.45833 7.875 7.875C8.45833 7.29167 9.16667 7 10 7C10.8333 7 11.5417 7.29167 12.125 7.875C12.7083 8.45833 13 9.16667 13 10C13 10.8333 12.7083 11.5417 12.125 12.125C11.5417 12.7083 10.8333 13 10 13ZM10 11.5C10.4167 11.5 10.7708 11.3542 11.0625 11.0625C11.3542 10.7708 11.5 10.4167 11.5 10C11.5 9.58333 11.3542 9.22917 11.0625 8.9375C10.7708 8.64583 10.4167 8.5 10 8.5C9.58333 8.5 9.22917 8.64583 8.9375 8.9375C8.64583 9.22917 8.5 9.58333 8.5 10C8.5 10.4167 8.64583 10.7708 8.9375 11.0625C9.22917 11.3542 9.58333 11.5 10 11.5ZM4.5 17C4.08333 17 3.72917 16.8542 3.4375 16.5625C3.14583 16.2708 3 15.9167 3 15.5V12H4.5V15.5H8V17H4.5ZM12 17V15.5H15.5V12H17V15.5C17 15.9167 16.8542 16.2708 16.5625 16.5625C16.2708 16.8542 15.9167 17 15.5 17H12ZM3 8V4.5C3 4.08333 3.14583 3.72917 3.4375 3.4375C3.72917 3.14583 4.08333 3 4.5 3H8V4.5H4.5V8H3ZM15.5 8V4.5H12V3H15.5C15.9167 3 16.2708 3.14583 16.5625 3.4375C16.8542 3.72917 17 4.08333 17 4.5V8H15.5Z" fill="black"/>
+</svg>

package/front_end/Images/src/dog-paw.svg

@@ -1,3 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-<path d="M5.83313 12.0654C6.25535 12.0654 6.62202 12.0154 6.93313 11.9154C7.24424 11.8154 7.5998 11.7654 7.9998 11.7654C8.3998 11.7654 8.75535 11.8154 9.06646 11.9154C9.37757 12.0154 9.74424 12.0654 10.1665 12.0654C10.5887 12.0654 10.9442 11.9209 11.2331 11.632C11.522 11.3431 11.6665 10.9876 11.6665 10.5654C11.6665 10.1765 11.5359 9.83481 11.2748 9.54036C11.0137 9.24592 10.7331 8.96536 10.4331 8.6987C10.2331 8.50981 10.047 8.29036 9.8748 8.04036C9.70257 7.79036 9.52202 7.55425 9.33313 7.33203C9.16646 7.14314 8.96924 6.98481 8.74146 6.85703C8.51369 6.72925 8.26646 6.66536 7.9998 6.66536C7.73313 6.66536 7.48591 6.72925 7.25813 6.85703C7.03035 6.98481 6.83313 7.14314 6.66646 7.33203C6.47757 7.54314 6.29702 7.77648 6.1248 8.03203C5.95257 8.28759 5.76646 8.50981 5.56646 8.6987C5.26646 8.96536 4.98591 9.24592 4.7248 9.54036C4.46369 9.83481 4.33313 10.1765 4.33313 10.5654C4.33313 10.9876 4.47757 11.3431 4.76646 11.632C5.05535 11.9209 5.41091 12.0654 5.83313 12.0654ZM4.53313 8.23203C4.86646 8.23203 5.1498 8.11536 5.38313 7.88203C5.61646 7.6487 5.73313 7.36536 5.73313 7.03203C5.73313 6.6987 5.61646 6.41536 5.38313 6.18203C5.1498 5.9487 4.86646 5.83203 4.53313 5.83203C4.1998 5.83203 3.91646 5.9487 3.68313 6.18203C3.4498 6.41536 3.33313 6.6987 3.33313 7.03203C3.33313 7.36536 3.4498 7.6487 3.68313 7.88203C3.91646 8.11536 4.1998 8.23203 4.53313 8.23203ZM11.4665 8.23203C11.7998 8.23203 12.0831 8.11536 12.3165 7.88203C12.5498 7.6487 12.6665 7.36536 12.6665 7.03203C12.6665 6.6987 12.5498 6.41536 12.3165 6.18203C12.0831 5.9487 11.7998 5.83203 11.4665 5.83203C11.1331 5.83203 10.8498 5.9487 10.6165 6.18203C10.3831 6.41536 10.2665 6.6987 10.2665 7.03203C10.2665 7.36536 10.3831 7.6487 10.6165 7.88203C10.8498 8.11536 11.1331 8.23203 11.4665 8.23203ZM6.53313 6.1987C6.86646 6.1987 7.1498 6.08203 7.38313 5.8487C7.61646 5.61536 7.73313 5.33203 7.73313 4.9987C7.73313 4.66536 7.61646 4.38203 7.38313 4.1487C7.1498 3.91536 6.86646 3.7987 6.53313 3.7987C6.1998 3.7987 5.91646 3.91536 5.68313 4.1487C5.4498 4.38203 5.33313 4.66536 5.33313 4.9987C5.33313 5.33203 5.4498 5.61536 5.68313 5.8487C5.91646 6.08203 6.1998 6.1987 6.53313 6.1987ZM9.46646 6.1987C9.7998 6.1987 10.0831 6.08203 10.3165 5.8487C10.5498 5.61536 10.6665 5.33203 10.6665 4.9987C10.6665 4.66536 10.5498 4.38203 10.3165 4.1487C10.0831 3.91536 9.7998 3.7987 9.46646 3.7987C9.13313 3.7987 8.8498 3.91536 8.61646 4.1487C8.38313 4.38203 8.26646 4.66536 8.26646 4.9987C8.26646 5.33203 8.38313 5.61536 8.61646 5.8487C8.8498 6.08203 9.13313 6.1987 9.46646 6.1987ZM7.9998 14.6654C7.07757 14.6654 6.21091 14.4904 5.3998 14.1404C4.58869 13.7904 3.88313 13.3154 3.28313 12.7154C2.68313 12.1154 2.20813 11.4098 1.85813 10.5987C1.50813 9.78759 1.33313 8.92092 1.33313 7.9987C1.33313 7.07648 1.50813 6.20981 1.85813 5.3987C2.20813 4.58759 2.68313 3.88203 3.28313 3.28203C3.88313 2.68203 4.58869 2.20703 5.3998 1.85703C6.21091 1.50703 7.07757 1.33203 7.9998 1.33203C8.92202 1.33203 9.78868 1.50703 10.5998 1.85703C11.4109 2.20703 12.1165 2.68203 12.7165 3.28203C13.3165 3.88203 13.7915 4.58759 14.1415 5.3987C14.4915 6.20981 14.6665 7.07648 14.6665 7.9987C14.6665 8.92092 14.4915 9.78759 14.1415 10.5987C13.7915 11.4098 13.3165 12.1154 12.7165 12.7154C12.1165 13.3154 11.4109 13.7904 10.5998 14.1404C9.78868 14.4904 8.92202 14.6654 7.9998 14.6654Z" fill="#474747"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5628_51)">
+<path d="M7.04167 14.9792C7.31945 14.9792 7.71528 14.9375 8.22917 14.8542C8.75694 14.7569 9.33333 14.7083 9.95833 14.7083C10.5833 14.7083 11.1597 14.7569 11.6875 14.8542C12.2292 14.9514 12.6458 15 12.9375 15C13.3403 15 13.6944 14.8194 14 14.4583C14.3194 14.0972 14.4792 13.6944 14.4792 13.25C14.4792 12.7639 14.3194 12.3403 14 11.9792C13.6806 11.6181 13.3403 11.25 12.9792 10.875C12.7569 10.6389 12.5486 10.3889 12.3542 10.125C12.1597 9.86111 11.9306 9.59028 11.6667 9.3125C11.3611 8.97917 11.0972 8.76389 10.875 8.66667C10.6667 8.55555 10.3611 8.5 9.95833 8.5C9.68056 8.5 9.40278 8.57639 9.125 8.72917C8.84722 8.86805 8.60417 9.0625 8.39583 9.3125C8.14583 9.59028 7.91667 9.86805 7.70833 10.1458C7.5 10.4097 7.26389 10.6806 7 10.9583C6.66667 11.3056 6.32639 11.6667 5.97917 12.0417C5.64583 12.4028 5.47917 12.8264 5.47917 13.3125C5.47917 13.7431 5.63889 14.1319 5.95833 14.4792C6.27778 14.8125 6.63889 14.9792 7.04167 14.9792ZM5.5 10.25C5.91667 10.25 6.27083 10.1042 6.5625 9.8125C6.85417 9.52083 7 9.16667 7 8.75C7 8.33333 6.85417 7.97917 6.5625 7.6875C6.27083 7.39583 5.91667 7.25 5.5 7.25C5.08333 7.25 4.72917 7.39583 4.4375 7.6875C4.14583 7.97917 4 8.33333 4 8.75C4 9.16667 4.14583 9.52083 4.4375 9.8125C4.72917 10.1042 5.08333 10.25 5.5 10.25ZM14.5 10.25C14.9167 10.25 15.2708 10.1042 15.5625 9.8125C15.8542 9.52083 16 9.16667 16 8.75C16 8.33333 15.8542 7.97917 15.5625 7.6875C15.2708 7.39583 14.9167 7.25 14.5 7.25C14.0833 7.25 13.7292 7.39583 13.4375 7.6875C13.1458 7.97917 13 8.33333 13 8.75C13 9.16667 13.1458 9.52083 13.4375 9.8125C13.7292 10.1042 14.0833 10.25 14.5 10.25ZM8 7.75C8.41667 7.75 8.77083 7.60417 9.0625 7.3125C9.35417 7.02083 9.5 6.66667 9.5 6.25C9.5 5.83333 9.35417 5.47917 9.0625 5.1875C8.77083 4.89583 8.41667 4.75 8 4.75C7.58333 4.75 7.22917 4.89583 6.9375 5.1875C6.64583 5.47917 6.5 5.83333 6.5 6.25C6.5 6.66667 6.64583 7.02083 6.9375 7.3125C7.22917 7.60417 7.58333 7.75 8 7.75ZM11.5 7.75C11.9167 7.75 12.2708 7.60417 12.5625 7.3125C12.8542 7.02083 13 6.66667 13 6.25C13 5.83333 12.8542 5.47917 12.5625 5.1875C12.2708 4.89583 11.9167 4.75 11.5 4.75C11.0833 4.75 10.7292 4.89583 10.4375 5.1875C10.1458 5.47917 10 5.83333 10 6.25C10 6.66667 10.1458 7.02083 10.4375 7.3125C10.7292 7.60417 11.0833 7.75 11.5 7.75ZM10 18C8.90278 18 7.86806 17.7917 6.89583 17.375C5.92361 16.9583 5.06944 16.3889 4.33333 15.6667C3.61111 14.9306 3.04167 14.0764 2.625 13.1042C2.20833 12.1319 2 11.0972 2 10C2 8.88889 2.20833 7.85417 2.625 6.89583C3.04167 5.92361 3.61111 5.07639 4.33333 4.35417C5.06944 3.61805 5.92361 3.04167 6.89583 2.625C7.86806 2.20833 8.90278 2 10 2C11.1111 2 12.1458 2.20833 13.1042 2.625C14.0764 3.04167 14.9236 3.61805 15.6458 4.35417C16.3819 5.07639 16.9583 5.92361 17.375 6.89583C17.7917 7.85417 18 8.88889 18 10C18 11.0972 17.7917 12.1319 17.375 13.1042C16.9583 14.0764 16.3819 14.9306 15.6458 15.6667C14.9236 16.3889 14.0764 16.9583 13.1042 17.375C12.1458 17.7917 11.1111 18 10 18Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_5628_51">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/front_end/Images/src/group.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm720 0v-120q0-44-24.5-84.5T666-434q51 6 96 20.5t84 35.5q36 20 55 44.5t19 53.5v120H760ZM360-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm400-160q0 66-47 113t-113 47q-11 0-28-2.5t-28-5.5q27-32 41.5-71t14.5-81q0-42-14.5-81T544-792q14-5 28-6.5t28-1.5q66 0 113 47t47 113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0 320Zm0-400Z"/></svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 16V14.0833C2 13.7222 2.08333 13.3958 2.25 13.1042C2.43056 12.7986 2.67361 12.5556 2.97917 12.375C3.72917 11.9306 4.52083 11.5903 5.35417 11.3542C6.20139 11.1181 7.08333 11 8 11C8.91667 11 9.79167 11.1181 10.625 11.3542C11.4722 11.5903 12.2708 11.9306 13.0208 12.375C13.3264 12.5556 13.5625 12.7986 13.7292 13.1042C13.9097 13.3958 14 13.7222 14 14.0833V16H2ZM15.5 16V14.0833C15.5 13.5 15.3611 12.9583 15.0833 12.4583C14.8194 11.9583 14.4583 11.5486 14 11.2292C14.5417 11.3403 15.0625 11.4931 15.5625 11.6875C16.0764 11.8681 16.5625 12.0972 17.0208 12.375C17.3264 12.5556 17.5625 12.7986 17.7292 13.1042C17.9097 13.3958 18 13.7222 18 14.0833V16H15.5ZM8 10C7.16667 10 6.45833 9.70833 5.875 9.125C5.29167 8.54167 5 7.83333 5 7C5 6.16667 5.29167 5.45833 5.875 4.875C6.45833 4.29167 7.16667 4 8 4C8.83333 4 9.54167 4.29167 10.125 4.875C10.7083 5.45833 11 6.16667 11 7C11 7.83333 10.7083 8.54167 10.125 9.125C9.54167 9.70833 8.83333 10 8 10ZM15 7C15 7.83333 14.7083 8.54167 14.125 9.125C13.5417 9.70833 12.8333 10 12 10C11.8889 10 11.7847 10 11.6875 10C11.5903 9.98611 11.4861 9.96528 11.375 9.9375C11.7222 9.53472 11.9931 9.09028 12.1875 8.60417C12.3958 8.10417 12.5 7.56944 12.5 7C12.5 6.43056 12.3958 5.90278 12.1875 5.41667C11.9931 4.91667 11.7222 4.46528 11.375 4.0625C11.4861 4.03472 11.5903 4.02083 11.6875 4.02083C11.7847 4.00694 11.8889 4 12 4C12.8333 4 13.5417 4.29167 14.125 4.875C14.7083 5.45833 15 6.16667 15 7ZM3.5 14.5H12.5V14.0833C12.5 14 12.4792 13.9236 12.4375 13.8542C12.3958 13.7708 12.3403 13.7083 12.2708 13.6667C11.6181 13.2917 10.9306 13.0069 10.2083 12.8125C9.48611 12.6042 8.75 12.5 8 12.5C7.25 12.5 6.51389 12.5972 5.79167 12.7917C5.06944 12.9861 4.38194 13.2778 3.72917 13.6667C3.65972 13.7083 3.60417 13.7639 3.5625 13.8333C3.52083 13.9028 3.5 13.9861 3.5 14.0833V14.5ZM8 8.5C8.41667 8.5 8.77083 8.35417 9.0625 8.0625C9.35417 7.77083 9.5 7.41667 9.5 7C9.5 6.58333 9.35417 6.22917 9.0625 5.9375C8.77083 5.64583 8.41667 5.5 8 5.5C7.58333 5.5 7.22917 5.64583 6.9375 5.9375C6.64583 6.22917 6.5 6.58333 6.5 7C6.5 7.41667 6.64583 7.77083 6.9375 8.0625C7.22917 8.35417 7.58333 8.5 8 8.5Z" fill="black"/>
+</svg>

package/front_end/Images/src/home.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 15.5H7.5V10.5H12.5V15.5H14.5V8.25L10 4.875L5.5 8.25V15.5ZM4 17V7.5L10 3L16 7.5V17H11V12H9V17H4Z" fill="black"/>
+</svg>

package/front_end/Images/src/spark-info.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-<path d="M7.4001 11.2V7.2H8.6001V11.2H7.4001ZM8.00361 6.4C7.8346 6.4 7.69176 6.34284 7.5751 6.22852C7.45843 6.11418 7.4001 5.97252 7.4001 5.80352C7.4001 5.63451 7.45726 5.49167 7.57158 5.375C7.68591 5.25833 7.82758 5.2 7.99658 5.2C8.16559 5.2 8.30843 5.25716 8.4251 5.37148C8.54176 5.48582 8.6001 5.62748 8.6001 5.79648C8.6001 5.9655 8.54294 6.10833 8.42861 6.225C8.31428 6.34167 8.17261 6.4 8.00361 6.4ZM13.1168 7.1L14.1168 6.1C14.2168 6.41111 14.289 6.72344 14.3334 7.03698C14.3779 7.35053 14.4001 7.67153 14.4001 8C14.4001 8.88196 14.2334 9.71078 13.9001 10.4865C13.5668 11.2622 13.1084 11.9417 12.5251 12.525C11.9418 13.1083 11.2627 13.5667 10.488 13.9C9.71331 14.2333 8.88553 14.4 8.0047 14.4C7.12385 14.4 6.29454 14.2333 5.51676 13.9C4.73899 13.5667 4.05843 13.1083 3.4751 12.525C2.89176 11.9417 2.43343 11.2613 2.1001 10.484C1.76676 9.70671 1.6001 8.87616 1.6001 7.99237C1.6001 7.10857 1.76676 6.28056 2.1001 5.50833C2.43343 4.73611 2.89176 4.05833 3.4751 3.475C4.05843 2.89167 4.73794 2.43333 5.51363 2.1C6.28932 1.76667 7.11814 1.6 8.0001 1.6C8.32856 1.6 8.64957 1.62222 8.96311 1.66667C9.27666 1.71111 9.58899 1.78333 9.9001 1.88333L8.9001 2.88333C8.74454 2.86111 8.59516 2.84167 8.45195 2.825C8.30874 2.80833 8.15812 2.8 8.0001 2.8C6.55565 2.8 5.32788 3.30556 4.31676 4.31667C3.30565 5.32778 2.8001 6.55556 2.8001 8C2.8001 9.44444 3.30565 10.6722 4.31676 11.6833C5.32788 12.6944 6.55565 13.2 8.0001 13.2C9.44454 13.2 10.6723 12.6944 11.6834 11.6833C12.6945 10.6722 13.2001 9.44444 13.2001 8C13.2001 7.84198 13.1918 7.69136 13.1751 7.54815C13.1584 7.40494 13.139 7.25556 13.1168 7.1ZM11.6001 8C11.6001 6.99637 11.251 6.14546 10.5528 5.44727C9.85464 4.74909 9.00373 4.4 8.0001 4.4C9.00373 4.4 9.85464 4.05091 10.5528 3.35273C11.251 2.65454 11.6001 1.80363 11.6001 0.8C11.6001 1.80363 11.9492 2.65454 12.6474 3.35273C13.3456 4.05091 14.1965 4.4 15.2001 4.4C14.1965 4.4 13.3456 4.74909 12.6474 5.44727C11.9492 6.14546 11.6001 6.99637 11.6001 8Z" fill="#0B57D0"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5 8C15.4861 8 15.4306 7.95833 15.3333 7.875C15.1389 7.08333 14.75 6.40278 14.1667 5.83333C13.5972 5.25 12.9167 4.86111 12.125 4.66667C12.0972 4.65278 12.0556 4.59722 12 4.5C12 4.47222 12.0417 4.41667 12.125 4.33333C12.9167 4.13889 13.5972 3.75694 14.1667 3.1875C14.75 2.60417 15.1389 1.91667 15.3333 1.125C15.3472 1.09722 15.4028 1.05556 15.5 1C15.5278 1 15.5833 1.04167 15.6667 1.125C15.875 1.91667 16.2639 2.59722 16.8333 3.16667C17.4028 3.73611 18.0833 4.125 18.875 4.33333C18.9028 4.33333 18.9444 4.38889 19 4.5C19 4.51389 18.9583 4.56944 18.875 4.66667C18.0833 4.86111 17.3958 5.25 16.8125 5.83333C16.2431 6.40278 15.8611 7.08333 15.6667 7.875C15.6667 7.90278 15.6111 7.94444 15.5 8ZM15.5 8C15.4861 8 15.4306 7.95833 15.3333 7.875C15.1389 7.08333 14.75 6.40278 14.1667 5.83333C13.5972 5.25 12.9167 4.86111 12.125 4.66667C12.0972 4.65278 12.0556 4.59722 12 4.5C12 4.47222 12.0417 4.41667 12.125 4.33333C12.9167 4.13889 13.5972 3.75694 14.1667 3.1875C14.75 2.60417 15.1389 1.91667 15.3333 1.125C15.3472 1.09722 15.4028 1.05556 15.5 1C15.5278 1 15.5833 1.04167 15.6667 1.125C15.875 1.91667 16.2639 2.59722 16.8333 3.16667C17.4028 3.73611 18.0833 4.125 18.875 4.33333C18.9028 4.33333 18.9444 4.38889 19 4.5C19 4.51389 18.9583 4.56944 18.875 4.66667C18.0833 4.86111 17.3958 5.25 16.8125 5.83333C16.2431 6.40278 15.8611 7.08333 15.6667 7.875C15.6667 7.90278 15.6111 7.94444 15.5 8ZM10 3.5C8.19444 3.5 6.65972 4.13194 5.39583 5.39583C4.13194 6.65972 3.5 8.19445 3.5 10C3.5 11.8056 4.125 13.3403 5.375 14.6042C6.63889 15.8681 8.18056 16.5 10 16.5C11.8056 16.5 13.3403 15.8681 14.6042 14.6042C15.8681 13.3403 16.5 11.8056 16.5 10C16.7361 10 16.9792 10 17.2292 10C17.4792 10 17.7361 10 18 10C18 11.0972 17.7917 12.1319 17.375 13.1042C16.9583 14.0764 16.3819 14.9306 15.6458 15.6667C14.9236 16.3889 14.0764 16.9583 13.1042 17.375C12.1458 17.7917 11.1111 18 10 18C8.90278 18 7.86806 17.7917 6.89583 17.375C5.92361 16.9583 5.06944 16.3889 4.33333 15.6667C3.61111 14.9306 3.04167 14.0764 2.625 13.1042C2.20833 12.1319 2 11.0972 2 10C2 8.88889 2.20833 7.85417 2.625 6.89583C3.04167 5.92361 3.61111 5.07639 4.33333 4.35417C5.06944 3.61806 5.92361 3.04167 6.89583 2.625C7.86806 2.20833 8.90278 2 10 2C10 2.26389 10 2.52083 10 2.77083C10 3.02083 10 3.26389 10 3.5ZM9.25 14H10.75V9H9.25V14ZM10 8C10.2083 8 10.3819 7.93056 10.5208 7.79167C10.6736 7.63889 10.75 7.45833 10.75 7.25C10.75 7.04167 10.6736 6.86806 10.5208 6.72917C10.3819 6.57639 10.2083 6.5 10 6.5C9.79167 6.5 9.61111 6.57639 9.45833 6.72917C9.31945 6.86806 9.25 7.04167 9.25 7.25C9.25 7.45833 9.31945 7.63889 9.45833 7.79167C9.61111 7.93056 9.79167 8 10 8Z" fill="black"/>
+</svg>

package/front_end/Images/src/spark.svg

@@ -1,10 +1,3 @@
-<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1320_25512)">
-<path d="M7 12.6319C6.94299 12.6319 6.89549 12.6129 6.85749 12.5749C6.81948 12.5369 6.79098 12.4894 6.77198 12.4324C6.61997 11.8338 6.38245 11.259 6.05942 10.708C5.74589 10.1474 5.37536 9.64862 4.94782 9.21158C4.51078 8.77454 4.01199 8.39926 3.45144 8.08573C2.90039 7.7722 2.32559 7.53943 1.72704 7.38742C1.67003 7.36842 1.62253 7.33992 1.58452 7.30191C1.54652 7.26391 1.52752 7.2164 1.52752 7.1594C1.52752 7.10239 1.54652 7.05489 1.58452 7.01689C1.62253 6.97888 1.67003 6.95038 1.72704 6.93138C2.32559 6.77937 2.90039 6.5466 3.45144 6.23307C4.00249 5.91954 4.50128 5.54426 4.94782 5.10722C5.38486 4.67968 5.76014 4.18564 6.07367 3.62509C6.3872 3.06454 6.61997 2.48499 6.77198 1.88644C6.79098 1.82943 6.81948 1.78193 6.85749 1.74392C6.89549 1.70592 6.94299 1.68692 7 1.68692C7.057 1.68692 7.10451 1.70592 7.14251 1.74392C7.18052 1.78193 7.20902 1.82943 7.22802 1.88644C7.38003 2.48499 7.6128 3.06454 7.92633 3.62509C8.23986 4.17614 8.61514 4.67018 9.05218 5.10722C9.48922 5.54426 9.98326 5.91954 10.5343 6.23307C11.0949 6.5466 11.6744 6.77937 12.273 6.93138C12.33 6.95038 12.3775 6.97888 12.4155 7.01689C12.4535 7.05489 12.4725 7.10239 12.4725 7.1594C12.4725 7.2164 12.4535 7.26391 12.4155 7.30191C12.3775 7.33992 12.33 7.36842 12.273 7.38742C11.6744 7.53943 11.0949 7.7722 10.5343 8.08573C9.97376 8.39926 9.47972 8.77454 9.05218 9.21158C8.61514 9.65812 8.23986 10.1569 7.92633 10.708C7.6128 11.259 7.38003 11.8338 7.22802 12.4324C7.20902 12.4894 7.18052 12.5369 7.14251 12.5749C7.10451 12.6129 7.057 12.6319 7 12.6319Z" fill="#0B57D0"/>
-</g>
-<defs>
-<clipPath id="clip0_1320_25512">
-<rect width="14" height="15.1442" fill="white"/>
-</clipPath>
-</defs>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 18C9.91667 18 9.84722 17.9722 9.79167 17.9167C9.73611 17.8611 9.69444 17.7917 9.66667 17.7083C9.44444 16.8333 9.09722 15.9931 8.625 15.1875C8.16667 14.3681 7.625 13.6389 7 13C6.36111 12.3611 5.63194 11.8125 4.8125 11.3542C4.00694 10.8958 3.16667 10.5556 2.29167 10.3333C2.20833 10.3056 2.13889 10.2639 2.08333 10.2083C2.02778 10.1528 2 10.0833 2 10C2 9.91667 2.02778 9.84722 2.08333 9.79167C2.13889 9.73611 2.20833 9.69445 2.29167 9.66667C3.16667 9.44444 4.00694 9.10417 4.8125 8.64583C5.61806 8.1875 6.34722 7.63889 7 7C7.63889 6.375 8.1875 5.65278 8.64583 4.83333C9.10417 4.01389 9.44444 3.16667 9.66667 2.29167C9.69444 2.20833 9.73611 2.13889 9.79167 2.08333C9.84722 2.02778 9.91667 2 10 2C10.0833 2 10.1528 2.02778 10.2083 2.08333C10.2639 2.13889 10.3056 2.20833 10.3333 2.29167C10.5556 3.16667 10.8958 4.01389 11.3542 4.83333C11.8125 5.63889 12.3611 6.36111 13 7C13.6389 7.63889 14.3611 8.1875 15.1667 8.64583C15.9861 9.10417 16.8333 9.44444 17.7083 9.66667C17.7917 9.69445 17.8611 9.73611 17.9167 9.79167C17.9722 9.84722 18 9.91667 18 10C18 10.0833 17.9722 10.1528 17.9167 10.2083C17.8611 10.2639 17.7917 10.3056 17.7083 10.3333C16.8333 10.5556 15.9861 10.8958 15.1667 11.3542C14.3472 11.8125 13.625 12.3611 13 13C12.3611 13.6528 11.8125 14.3819 11.3542 15.1875C10.8958 15.9931 10.5556 16.8333 10.3333 17.7083C10.3056 17.7917 10.2639 17.8611 10.2083 17.9167C10.1528 17.9722 10.0833 18 10 18Z" fill="black"/>
 </svg>

package/front_end/core/common/Settings.ts

@@ -343,7 +343,7 @@ export class SettingsStorage {
 export class Deprecation {
   readonly disabled: boolean;
   readonly warning: Platform.UIString.LocalizedString;
-  readonly experiment?: Root.Runtime.Experiment;
+  readonly experiment?: Root.Runtime.Experiment|Root.Runtime.HostExperiment;
 
   constructor({deprecationNotice}: SettingRegistration) {
     if (!deprecationNotice) {

package/front_end/core/host/InspectorFrontendHostAPI.ts

@@ -389,6 +389,8 @@ export interface InspectorFrontendHostAPI {
 
   recordPerformanceHistogram(histogramName: string, duration: number): void;
 
+  recordPerformanceHistogramMedium(histogramName: string, duration: number): void;
+
   recordUserMetricsAction(umaName: string): void;
 
   recordNewBadgeUsage(featureName: string): void;
@@ -449,6 +451,8 @@ export interface InspectorFrontendHostAPI {
   recordKeyDown(event: KeyDownEvent): void;
   recordSettingAccess(event: SettingAccessEvent): void;
   recordFunctionCall(event: FunctionCallEvent): void;
+
+  setChromeFlag(flagName: string, value: boolean): void;
 }
 
 export interface AcceleratorDescriptor {
@@ -512,7 +516,7 @@ export interface SyncInformation {
 }
 
 /**
- * Enum for recordPerformanceHistogram
+ * Enum for recordEnumeratedHistogram
  * Warning: There is another definition of this enum in the DevTools code
  * base, keep them in sync:
  * front_end/devtools_compatibility.js

package/front_end/core/host/InspectorFrontendHostStub.ts

@@ -255,6 +255,13 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
     this.recordedPerformanceHistograms.push({histogramName, duration});
   }
 
+  recordPerformanceHistogramMedium(histogramName: string, duration: number): void {
+    if (this.recordedPerformanceHistograms.length >= MAX_RECORDED_HISTOGRAMS_SIZE) {
+      this.recordedPerformanceHistograms.shift();
+    }
+    this.recordedPerformanceHistograms.push({histogramName, duration});
+  }
+
   recordUserMetricsAction(_umaName: string): void {
   }
 
@@ -555,4 +562,7 @@ export class InspectorFrontendHostStub implements InspectorFrontendHostAPI {
   }
   recordFunctionCall(_event: FunctionCallEvent): void {
   }
+
+  setChromeFlag(_flagName: string, _value: boolean): void {
+  }
 }

package/front_end/core/host/UserMetrics.ts

@@ -283,11 +283,26 @@ export class UserMetrics {
         'DevTools.Insights.TeaserGenerationTime', timeInMilliseconds);
   }
 
+  consoleInsightTeaserGeneratedMedium(timeInMilliseconds: number): void {
+    InspectorFrontendHostInstance.recordPerformanceHistogramMedium(
+        'DevTools.Insights.TeaserGenerationTimeMedium', timeInMilliseconds);
+  }
+
   consoleInsightTeaserFirstChunkGenerated(timeInMilliseconds: number): void {
     InspectorFrontendHostInstance.recordPerformanceHistogram(
         'DevTools.Insights.TeaserFirstChunkGenerationTime', timeInMilliseconds);
   }
 
+  consoleInsightTeaserFirstChunkGeneratedMedium(timeInMilliseconds: number): void {
+    InspectorFrontendHostInstance.recordPerformanceHistogramMedium(
+        'DevTools.Insights.TeaserFirstChunkGenerationTimeMedium', timeInMilliseconds);
+  }
+
+  consoleInsightTeaserChunkToEndMedium(timeInMilliseconds: number): void {
+    InspectorFrontendHostInstance.recordPerformanceHistogramMedium(
+        'DevTools.Insights.TeaserChunkToEndMedium', timeInMilliseconds);
+  }
+
   consoleInsightTeaserAbortedAfterFirstCharacter(timeInMilliseconds: number): void {
     InspectorFrontendHostInstance.recordPerformanceHistogram(
         'DevTools.Insights.TeaserAfterFirstCharacterAbortionTime', timeInMilliseconds);

package/front_end/core/root/Runtime.ts

@@ -159,24 +159,35 @@ export interface Option {
 
 export class ExperimentsSupport {
   #experiments: Experiment[] = [];
+  #hostExperiments = new Map<ExperimentName, HostExperiment>();
   readonly #experimentNames = new Set<ExperimentName>();
-  readonly #enabledTransiently = new Set<ExperimentName>();
+  readonly #enabledForTests = new Set<ExperimentName>();
   readonly #enabledByDefault = new Set<ExperimentName>();
   readonly #serverEnabled = new Set<ExperimentName>();
   readonly #storage = new ExperimentStorage();
 
-  allConfigurableExperiments(): Experiment[] {
-    const result = [];
-    for (const experiment of this.#experiments) {
-      if (!this.#enabledTransiently.has(experiment.name)) {
-        result.push(experiment);
-      }
+  allConfigurableExperiments(): Array<Experiment|HostExperiment> {
+    return [...this.#experiments, ...this.#hostExperiments.values()];
+  }
+
+  registerHostExperiment(params: {
+    name: ExperimentName,
+    title: string,
+    aboutFlag: string,
+    isEnabled: boolean,
+    docLink?: Platform.DevToolsPath.UrlString,
+    readonly feedbackLink?: Platform.DevToolsPath.UrlString,
+  }): HostExperiment {
+    if (this.#isHostExperiment(params.name) || this.#isExperiment(params.name)) {
+      throw new Error(`Duplicate registration of experiment '${params.name}'`);
     }
-    return result;
+    const hostExperiment = new HostExperiment({...params, experiments: this});
+    this.#hostExperiments.set(params.name, hostExperiment);
+    return hostExperiment;
   }
 
   register(experimentName: ExperimentName, experimentTitle: string, docLink?: string, feedbackLink?: string): void {
-    if (this.#experimentNames.has(experimentName)) {
+    if (this.#isHostExperiment(experimentName) || this.#isExperiment(experimentName)) {
       throw new Error(`Duplicate registration of experiment '${experimentName}'`);
     }
     this.#experimentNames.add(experimentName);
@@ -187,63 +198,87 @@ export class ExperimentsSupport {
   }
 
   isEnabled(experimentName: ExperimentName): boolean {
-    this.checkExperiment(experimentName);
-    // Check for explicitly disabled #experiments first - the code could call setEnable(false) on the experiment enabled
-    // by default and we should respect that.
-    if (this.#storage.get(experimentName) === false) {
-      return false;
+    if (this.#isHostExperiment(experimentName)) {
+      return this.#enabledForTests.has(experimentName) ||
+          (this.#hostExperiments.get(experimentName)?.isEnabled() ?? false);
     }
-    if (this.#enabledTransiently.has(experimentName) || this.#enabledByDefault.has(experimentName)) {
-      return true;
-    }
-    if (this.#serverEnabled.has(experimentName)) {
-      return true;
+    if (this.#isExperiment(experimentName)) {
+      // Check for explicitly disabled #experiments first - the code could call setEnable(false)
+      // on the experiment enabled by default and we should respect that.
+      if (this.#storage.get(experimentName) === false) {
+        return false;
+      }
+      if (this.#enabledForTests.has(experimentName) || this.#enabledByDefault.has(experimentName)) {
+        return true;
+      }
+      if (this.#serverEnabled.has(experimentName)) {
+        return true;
+      }
+      return Boolean(this.#storage.get(experimentName));
     }
-
-    return Boolean(this.#storage.get(experimentName));
+    throw new Error(`Unknown experiment '${experimentName}'`);
   }
 
-  setEnabled(experimentName: ExperimentName, enabled: boolean): void {
-    this.checkExperiment(experimentName);
-    this.#storage.set(experimentName, enabled);
+  getValueFromStorage(experimentName: ExperimentName): boolean|undefined {
+    return this.#storage.get(experimentName);
   }
 
-  enableExperimentsTransiently(experimentNames: ExperimentName[]): void {
-    for (const experimentName of experimentNames) {
-      this.checkExperiment(experimentName);
-      this.#enabledTransiently.add(experimentName);
+  setEnabled(experimentName: ExperimentName, enabled: boolean): void {
+    if (this.#isHostExperiment(experimentName)) {
+      this.#hostExperiments.get(experimentName)?.setEnabled(enabled);
+      return;
+    }
+    if (this.#isExperiment(experimentName)) {
+      this.#storage.set(experimentName, enabled);
+      return;
     }
+    throw new Error(`Unknown experiment '${experimentName}'`);
   }
 
+  // Only applicable to legacy experiments.
   enableExperimentsByDefault(experimentNames: ExperimentName[]): void {
     for (const experimentName of experimentNames) {
-      this.checkExperiment(experimentName);
+      if (!this.#isExperiment(experimentName)) {
+        throw new Error(`Unknown (legacy) experiment '${experimentName}'`);
+      }
       this.#enabledByDefault.add(experimentName);
     }
   }
 
+  // Only applicable to legacy experiments.
   setServerEnabledExperiments(experiments: string[]): void {
     for (const experiment of experiments) {
       const experimentName = experiment as ExperimentName;
-      this.checkExperiment(experimentName);
+      if (!this.#isExperiment(experimentName)) {
+        throw new Error(`Unknown (legacy) experiment '${experimentName}'`);
+      }
       this.#serverEnabled.add(experimentName);
     }
   }
 
   enableForTest(experimentName: ExperimentName): void {
-    this.checkExperiment(experimentName);
-    this.#enabledTransiently.add(experimentName);
+    if (!this.#isHostExperiment(experimentName) && !this.#isExperiment(experimentName)) {
+      throw new Error(`Unknown experiment '${experimentName}'`);
+    }
+    this.#enabledForTests.add(experimentName);
   }
 
   disableForTest(experimentName: ExperimentName): void {
-    this.checkExperiment(experimentName);
-    this.#enabledTransiently.delete(experimentName);
+    if (!this.#isHostExperiment(experimentName) && !this.#isExperiment(experimentName)) {
+      throw new Error(`Unknown experiment '${experimentName}'`);
+    }
+    this.#enabledForTests.delete(experimentName);
+  }
+
+  isEnabledForTest(experimentName: ExperimentName): boolean {
+    return this.#enabledForTests.has(experimentName);
   }
 
   clearForTest(): void {
     this.#experiments = [];
+    this.#hostExperiments.clear();
     this.#experimentNames.clear();
-    this.#enabledTransiently.clear();
+    this.#enabledForTests.clear();
     this.#enabledByDefault.clear();
     this.#serverEnabled.clear();
   }
@@ -252,10 +287,12 @@ export class ExperimentsSupport {
     this.#storage.cleanUpStaleExperiments(this.#experimentNames);
   }
 
-  private checkExperiment(experimentName: ExperimentName): void {
-    if (!this.#experimentNames.has(experimentName)) {
-      throw new Error(`Unknown experiment '${experimentName}'`);
-    }
+  #isHostExperiment(experimentName: ExperimentName): boolean {
+    return this.#hostExperiments.has(experimentName);
+  }
+
+  #isExperiment(experimentName: ExperimentName): boolean {
+    return this.#experimentNames.has(experimentName);
   }
 }
 
@@ -332,6 +369,44 @@ export class Experiment {
   }
 }
 
+export class HostExperiment {
+  name: ExperimentName;
+  title: string;
+  readonly #experiments: ExperimentsSupport;
+  // This is the name of the corresponding Chromium flag (in chrome/browser/about_flags.cc).
+  // It is NOT the the name of the corresponding Chromium `base::Feature`.
+  aboutFlag: string;
+  #isEnabled: boolean;
+  docLink?: Platform.DevToolsPath.UrlString;
+  readonly feedbackLink?: Platform.DevToolsPath.UrlString;
+
+  constructor(params: {
+    name: ExperimentName,
+    title: string,
+    experiments: ExperimentsSupport,
+    aboutFlag: string,
+    isEnabled: boolean,
+    docLink?: Platform.DevToolsPath.UrlString,
+    feedbackLink?: Platform.DevToolsPath.UrlString,
+  }) {
+    this.name = params.name;
+    this.title = params.title;
+    this.#experiments = params.experiments;
+    this.aboutFlag = params.aboutFlag;
+    this.#isEnabled = params.isEnabled;
+    this.docLink = params.docLink;
+    this.feedbackLink = params.feedbackLink;
+  }
+
+  isEnabled(): boolean {
+    return this.#experiments.isEnabledForTest(this.name) || this.#isEnabled;
+  }
+
+  setEnabled(enabled: boolean): void {
+    this.#isEnabled = enabled;
+  }
+}
+
 /** This must be constructed after the query parameters have been parsed. **/
 export const experiments = new ExperimentsSupport();
 
@@ -524,6 +599,10 @@ interface ConsoleInsightsTeasers {
   allowWithoutGpu: boolean;
 }
 
+interface DevToolsProtocolMonitor {
+  enabled: boolean;
+}
+
 /**
  * The host configuration that we expect from the DevTools back-end.
  *
@@ -575,6 +654,7 @@ export type HostConfig = Platform.TypeScriptUtilities.RecursivePartial<{
   devToolsAiAssistanceContextSelectionAgent: HostConfigAiAssistanceContextSelectionAgent,
   devToolsConsoleInsightsTeasers: ConsoleInsightsTeasers,
   devToolsGeminiRebranding: HostConfigGeminiRebranding,
+  devToolsProtocolMonitor: DevToolsProtocolMonitor,
 }>;
 
 /**

package/front_end/core/sdk/AnimationModel.ts

@@ -443,12 +443,6 @@ export class AnimationModel extends SDKModel<EventTypes> {
     void this.agent.invoke_setPlaybackRate({playbackRate});
   }
 
-  async releaseAllAnimations(): Promise<void> {
-    const animationIds = [...this.animationGroups.values()].flatMap(
-        animationGroup => animationGroup.animations().map(animation => animation.id()));
-    await this.agent.invoke_releaseAnimations({animations: animationIds});
-  }
-
   releaseAnimations(animations: string[]): void {
     void this.agent.invoke_releaseAnimations({animations});
   }

package/front_end/devtools_compatibility.js

@@ -409,7 +409,7 @@
   // InspectorFrontendHostImpl --------------------------------------------------
 
   /**
-   * Enum for recordPerformanceHistogram
+   * Enum for recordEnumeratedHistogram
    * Warning: There is another definition of this enum in the DevTools code
    * base, keep them in sync:
    * front_end/core/host/InspectorFrontendHostAPI.ts
@@ -754,6 +754,14 @@
       DevToolsAPI.sendMessageToEmbedder('recordPerformanceHistogram', [histogramName, duration], null);
     }
 
+    /**
+     * @param histogramName
+     * @param duration
+     */
+    recordPerformanceHistogramMedium(histogramName, duration) {
+      DevToolsAPI.sendMessageToEmbedder('recordPerformanceHistogramMedium', [histogramName, duration], null);
+    }
+
     /**
      * @param featureName
      */
@@ -1021,6 +1029,13 @@
       DevToolsAPI.sendMessageToEmbedder('recordFunctionCall', [functionCallEvent], null);
     }
 
+    /**
+     * @param featureName
+     */
+    setChromeFlag(featureName, value) {
+      DevToolsAPI.sendMessageToEmbedder('setChromeFlag', [featureName, value], null);
+    }
+
     // Backward-compatible methods below this line --------------------------------------------
     /**
      * Support for legacy front-ends (<M65).

package/front_end/entrypoints/main/GlobalAiButton.ts

@@ -5,6 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Root from '../../core/root/root.js';
+import * as AIAssistance from '../../models/ai_assistance/ai_assistance.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Lit from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
@@ -22,6 +23,14 @@ const UIStrings = {
    * @description Button's tooltip text.
    */
   openAiAssistance: 'Open AI assistance panel',
+  /**
+   * @description Button's string in promotion state.
+   */
+  gemini: 'Gemini',
+  /**
+   * @description Button's tooltip text.
+   */
+  openGemini: 'Open Gemini panel',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('entrypoints/main/GlobalAiButton.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -55,13 +64,19 @@ export const DEFAULT_VIEW = (input: ViewInput, output: undefined, target: HTMLEl
     'global-ai-button': true,
     expanded: inPromotionState,
   });
+
+  const strings = AIAssistance.AiUtils.isGeminiBranding() ?
+      {title: i18nString(UIStrings.openGemini), label: i18nString(UIStrings.gemini)} :
+      {title: i18nString(UIStrings.openAiAssistance), label: i18nString(UIStrings.aiAssistance)};
+  const icon = AIAssistance.AiUtils.getIconName();
+
   // clang-format off
   render(html`
     <style>${globalAiButtonStyles}</style>
     <div class="global-ai-button-container">
-      <button class=${classes} @click=${input.onClick} title=${i18nString(UIStrings.openAiAssistance)} jslog=${VisualLogging.action().track({click: true}).context('global-ai-button')}>
-        <devtools-icon name="smart-assistant"></devtools-icon>
-        <span class="button-text">${` ${i18nString(UIStrings.aiAssistance)}`}</span>
+      <button class=${classes} @click=${input.onClick} title=${strings.title} jslog=${VisualLogging.action().track({click: true}).context('global-ai-button')}>
+        <devtools-icon name=${icon}></devtools-icon>
+        <span class="button-text">${` ${strings.label}`}</span>
       </button>
     </div>
   `, target);

package/front_end/entrypoints/main/MainImpl.ts

@@ -328,6 +328,19 @@ export class MainImpl {
     return {syncedStorage, globalStorage, localStorage};
   }
 
+  // eslint-disable-next-line no-unused-private-class-members
+  #migrateValueFromLegacyToHostExperiment(
+      legacyExperimentName: Root.ExperimentNames.ExperimentName, hostExperiment: Root.Runtime.HostExperiment): void {
+    const value = Root.Runtime.experiments.getValueFromStorage(legacyExperimentName);
+    if (value !== undefined && hostExperiment.aboutFlag) {
+      // Set the host experiment to the same value as the legacy experiment.
+      hostExperiment.setEnabled(value);
+      // Set the chrome flag to the same value as the legacy experiment.
+      Host.InspectorFrontendHost.InspectorFrontendHostInstance.setChromeFlag(hostExperiment.aboutFlag, value);
+      // The legacy experiment will be cleaned up by `cleanUpStaleExperiments`.
+    }
+  }
+
   #initializeExperiments(): void {
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.CAPTURE_NODE_CREATION_STACKS, 'Capture node creation stacks');
@@ -413,7 +426,6 @@ export class MainImpl {
     if (enabledExperiments) {
       Root.Runtime.experiments.setServerEnabledExperiments(enabledExperiments.split(';'));
     }
-    Root.Runtime.experiments.enableExperimentsTransiently([]);
 
     if (Host.InspectorFrontendHost.isUnderTest()) {
       const testParam = Root.Runtime.Runtime.queryParam('test');