chrome-devtools-frontend 1.0.975699 → 1.0.976703

package/AUTHORS

@@ -29,6 +29,7 @@ Feng Lu <lufengd3@gmail.com>
 Gabriel Luong <gabriel.luong@gmail.com>
 Gautham Banasandra <gautham.bangalore@gmail.com>
 Jake Mulhern <mulherje@gmail.com>
+Jan Keitel <jan.keitel@gmail.com>
 Jeffrey Chen <jeffreyca16@gmail.com>
 Jesper van den Ende <jespertheend@gmail.com>
 Juba Borgohain <chromiumjuba@gmail.com>

package/config/gni/devtools_grd_files.gni

@@ -114,12 +114,14 @@ grd_files_release_sources = [
   "front_end/Images/lighthouse_logo.svg",
   "front_end/Images/link_icon.svg",
   "front_end/Images/mediumIcons.svg",
+  "front_end/Images/minus_icon.svg",
   "front_end/Images/navigationControls.png",
   "front_end/Images/navigationControls_2x.png",
   "front_end/Images/network_conditions_icon.svg",
   "front_end/Images/network_panel_icon.svg",
   "front_end/Images/nodeIcon.avif",
   "front_end/Images/node_search_icon.svg",
+  "front_end/Images/plus_icon.svg",
   "front_end/Images/popoverArrows.png",
   "front_end/Images/preview_feature_video_thumbnail.svg",
   "front_end/Images/profileGroupIcon.png",
@@ -438,6 +440,7 @@ grd_files_release_sources = [
   "front_end/panels/settings/settings.js",
   "front_end/panels/snippets/snippets-legacy.js",
   "front_end/panels/snippets/snippets.js",
+  "front_end/panels/sources/components/components.js",
   "front_end/panels/sources/sources-legacy.js",
   "front_end/panels/sources/sources-meta.js",
   "front_end/panels/sources/sources.js",
@@ -480,6 +483,7 @@ grd_files_release_sources = [
   "front_end/third_party/wasmparser/wasmparser.js",
   "front_end/ui/components/adorners/adorners.js",
   "front_end/ui/components/buttons/buttons.js",
+  "front_end/ui/components/chrome_link/chrome_link.js",
   "front_end/ui/components/code_highlighter/code_highlighter.js",
   "front_end/ui/components/data_grid/data_grid.js",
   "front_end/ui/components/diff_view/diff_view.js",
@@ -1235,6 +1239,8 @@ grd_files_debug_sources = [
   "front_end/panels/sources/WatchExpressionsSidebarPane.js",
   "front_end/panels/sources/breakpointEditDialog.css.js",
   "front_end/panels/sources/callStackSidebarPane.css.js",
+  "front_end/panels/sources/components/HeadersView.css.js",
+  "front_end/panels/sources/components/HeadersView.js",
   "front_end/panels/sources/debuggerPausedMessage.css.js",
   "front_end/panels/sources/dialog.css.js",
   "front_end/panels/sources/javaScriptBreakpointsSidebarPane.css.js",
@@ -1400,6 +1406,8 @@ grd_files_debug_sources = [
   "front_end/ui/components/adorners/adorner.css.js",
   "front_end/ui/components/buttons/Button.js",
   "front_end/ui/components/buttons/button.css.js",
+  "front_end/ui/components/chrome_link/ChromeLink.js",
+  "front_end/ui/components/chrome_link/chromeLink.css.js",
   "front_end/ui/components/code_highlighter/CodeHighlighter.js",
   "front_end/ui/components/code_highlighter/codeHighlighter.css.js",
   "front_end/ui/components/data_grid/DataGrid.js",

package/config/gni/devtools_image_files.gni

@@ -124,9 +124,11 @@ devtools_svg_sources = [
   "lighthouse_logo.svg",
   "link_icon.svg",
   "mediumIcons.svg",
+  "minus_icon.svg",
   "network_conditions_icon.svg",
   "network_panel_icon.svg",
   "node_search_icon.svg",
+  "plus_icon.svg",
   "preview_feature_video_thumbnail.svg",
   "refresh_12x12_icon.svg",
   "resizeDiagonal.svg",

package/front_end/Images/src/minus_icon.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 5.5H2V6.5H10V5.5Z" fill="#202124"/>
+</svg>

package/front_end/Images/src/plus_icon.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 2H5.5V5.5H2V6.5H5.5V10H6.5V6.5H10V5.5H6.5V2Z" fill="#202124"/>
+</svg>

package/front_end/core/host/UserMetrics.ts

@@ -599,7 +599,7 @@ export enum DevtoolsExperiments {
 export enum IssueExpanded {
   CrossOriginEmbedderPolicy = 0,
   MixedContent = 1,
-  SameSiteCookie = 2,
+  Cookie = 2,
   HeavyAd = 3,
   ContentSecurityPolicy = 4,
   Other = 5,
@@ -646,28 +646,28 @@ export enum IssueCreated {
   'CrossOriginEmbedderPolicyIssue::CorpNotSameOrigin' = 11,
   'CrossOriginEmbedderPolicyIssue::CorpNotSameOriginAfterDefaultedToSameOriginByCoep' = 12,
   'CrossOriginEmbedderPolicyIssue::CorpNotSameSite' = 13,
-  'SameSiteCookieIssue::ExcludeSameSiteNoneInsecure::ReadCookie' = 14,
-  'SameSiteCookieIssue::ExcludeSameSiteNoneInsecure::SetCookie' = 15,
-  'SameSiteCookieIssue::WarnSameSiteNoneInsecure::ReadCookie' = 16,
-  'SameSiteCookieIssue::WarnSameSiteNoneInsecure::SetCookie' = 17,
-  'SameSiteCookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Secure' = 18,
-  'SameSiteCookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Insecure' = 19,
-  'SameSiteCookieIssue::WarnCrossDowngrade::ReadCookie::Secure' = 20,
-  'SameSiteCookieIssue::WarnCrossDowngrade::ReadCookie::Insecure' = 21,
-  'SameSiteCookieIssue::WarnCrossDowngrade::SetCookie::Secure' = 22,
-  'SameSiteCookieIssue::WarnCrossDowngrade::SetCookie::Insecure' = 23,
-  'SameSiteCookieIssue::ExcludeNavigationContextDowngrade::Secure' = 24,
-  'SameSiteCookieIssue::ExcludeNavigationContextDowngrade::Insecure' = 25,
-  'SameSiteCookieIssue::ExcludeContextDowngrade::ReadCookie::Secure' = 26,
-  'SameSiteCookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure' = 27,
-  'SameSiteCookieIssue::ExcludeContextDowngrade::SetCookie::Secure' = 28,
-  'SameSiteCookieIssue::ExcludeContextDowngrade::SetCookie::Insecure' = 29,
-  'SameSiteCookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::ReadCookie' = 30,
-  'SameSiteCookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::SetCookie' = 31,
-  'SameSiteCookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::ReadCookie' = 32,
-  'SameSiteCookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::SetCookie' = 33,
-  'SameSiteCookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::ReadCookie' = 34,
-  'SameSiteCookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::SetCookie' = 35,
+  'CookieIssue::ExcludeSameSiteNoneInsecure::ReadCookie' = 14,
+  'CookieIssue::ExcludeSameSiteNoneInsecure::SetCookie' = 15,
+  'CookieIssue::WarnSameSiteNoneInsecure::ReadCookie' = 16,
+  'CookieIssue::WarnSameSiteNoneInsecure::SetCookie' = 17,
+  'CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Secure' = 18,
+  'CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Insecure' = 19,
+  'CookieIssue::WarnCrossDowngrade::ReadCookie::Secure' = 20,
+  'CookieIssue::WarnCrossDowngrade::ReadCookie::Insecure' = 21,
+  'CookieIssue::WarnCrossDowngrade::SetCookie::Secure' = 22,
+  'CookieIssue::WarnCrossDowngrade::SetCookie::Insecure' = 23,
+  'CookieIssue::ExcludeNavigationContextDowngrade::Secure' = 24,
+  'CookieIssue::ExcludeNavigationContextDowngrade::Insecure' = 25,
+  'CookieIssue::ExcludeContextDowngrade::ReadCookie::Secure' = 26,
+  'CookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure' = 27,
+  'CookieIssue::ExcludeContextDowngrade::SetCookie::Secure' = 28,
+  'CookieIssue::ExcludeContextDowngrade::SetCookie::Insecure' = 29,
+  'CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::ReadCookie' = 30,
+  'CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::SetCookie' = 31,
+  'CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::ReadCookie' = 32,
+  'CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::SetCookie' = 33,
+  'CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::ReadCookie' = 34,
+  'CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::SetCookie' = 35,
   'SharedArrayBufferIssue::TransferIssue' = 36,
   'SharedArrayBufferIssue::CreationIssue' = 37,
   'TrustedWebActivityIssue::kHttpError' = 38,

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

@@ -9242,6 +9242,12 @@
   "panels/sources/CallStackSidebarPane.ts | showMore": {
     "message": "Show more"
   },
+  "panels/sources/components/HeadersView.ts | errorWhenParsing": {
+    "message": "Error when parsing ''{PH1}''."
+  },
+  "panels/sources/components/HeadersView.ts | parsingErrorExplainer": {
+    "message": "This is most likely due to a syntax error in ''{PH1}''. Try opening this file in an external editor to fix the error or delete the file and re-create the override."
+  },
   "panels/sources/CoveragePlugin.ts | clickToShowCoveragePanel": {
     "message": "Click to show Coverage Panel"
   },

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

@@ -9242,6 +9242,12 @@
   "panels/sources/CallStackSidebarPane.ts | showMore": {
     "message": "Ŝh́ôẃ m̂ór̂é"
   },
+  "panels/sources/components/HeadersView.ts | errorWhenParsing": {
+    "message": "Êŕr̂ór̂ ẃĥén̂ ṕâŕŝín̂ǵ ''{PH1}''."
+  },
+  "panels/sources/components/HeadersView.ts | parsingErrorExplainer": {
+    "message": "T̂h́îś îś m̂óŝt́ l̂ík̂él̂ý d̂úê t́ô á ŝýn̂t́âx́ êŕr̂ór̂ ín̂ ''{PH1}''. T́r̂ý ôṕêńîńĝ t́ĥíŝ f́îĺê ín̂ án̂ éx̂t́êŕn̂ál̂ éd̂ít̂ór̂ t́ô f́îx́ t̂h́ê ér̂ŕôŕ ôŕ d̂él̂ét̂é t̂h́ê f́îĺê án̂d́ r̂é-ĉŕêát̂é t̂h́ê óv̂ér̂ŕîd́ê."
+  },
   "panels/sources/CoveragePlugin.ts | clickToShowCoveragePanel": {
     "message": "Ĉĺîćk̂ t́ô śĥóŵ Ćôv́êŕâǵê Ṕâńêĺ"
   },

package/front_end/core/sdk/CSSContainerQuery.ts

@@ -50,7 +50,7 @@ export class CSSContainerQueryContainer {
   }
 
   async getContainerSizeDetails(): Promise<ContainerQueriedSizeDetails|undefined> {
-    const styles = await this.containerNode.domModel().cssModel().computedStylePromise(this.containerNode.id);
+    const styles = await this.containerNode.domModel().cssModel().getComputedStyle(this.containerNode.id);
     if (!styles) {
       return;
     }

package/front_end/core/sdk/CSSModel.ts

@@ -150,6 +150,10 @@ export class CSSModel extends SDKModel<EventTypes> {
     return this.#sourceMapManager;
   }
 
+  static readableLayerName(text: string): string {
+    return text || '<anonymous>';
+  }
+
   static trimSourceURL(text: string): string {
     let sourceURLIndex = text.lastIndexOf('/*# sourceURL=');
     if (sourceURLIndex === -1) {
@@ -261,12 +265,12 @@ export class CSSModel extends SDKModel<EventTypes> {
     await this.agent.invoke_stopRuleUsageTracking();
   }
 
-  async mediaQueriesPromise(): Promise<CSSMedia[]> {
+  async getMediaQueries(): Promise<CSSMedia[]> {
     const {medias} = await this.agent.invoke_getMediaQueries();
     return medias ? CSSMedia.parseMediaArrayPayload(this, medias) : [];
   }
 
-  async rootLayerPromise(nodeId: Protocol.DOM.NodeId): Promise<Protocol.CSS.CSSLayerData> {
+  async getRootLayer(nodeId: Protocol.DOM.NodeId): Promise<Protocol.CSS.CSSLayerData> {
     const {rootLayer} = await this.agent.invoke_getLayersForNode({nodeId});
     return rootLayer;
   }
@@ -284,7 +288,7 @@ export class CSSModel extends SDKModel<EventTypes> {
     this.dispatchEventToListeners(Events.ModelWasEnabled);
   }
 
-  async matchedStylesPromise(nodeId: Protocol.DOM.NodeId): Promise<CSSMatchedStyles|null> {
+  async getMatchedStyles(nodeId: Protocol.DOM.NodeId): Promise<CSSMatchedStyles|null> {
     const response = await this.agent.invoke_getMatchedStylesForNode({nodeId});
 
     if (response.getError()) {
@@ -302,16 +306,16 @@ export class CSSModel extends SDKModel<EventTypes> {
         response.cssKeyframesRules || []);
   }
 
-  async classNamesPromise(styleSheetId: Protocol.CSS.StyleSheetId): Promise<string[]> {
+  async getClassNames(styleSheetId: Protocol.CSS.StyleSheetId): Promise<string[]> {
     const {classNames} = await this.agent.invoke_collectClassNames({styleSheetId});
     return classNames || [];
   }
 
-  computedStylePromise(nodeId: Protocol.DOM.NodeId): Promise<Map<string, string>|null> {
+  getComputedStyle(nodeId: Protocol.DOM.NodeId): Promise<Map<string, string>|null> {
     return this.#styleLoader.computedStylePromise(nodeId);
   }
 
-  async backgroundColorsPromise(nodeId: Protocol.DOM.NodeId): Promise<ContrastInfo|null> {
+  async getBackgroundColors(nodeId: Protocol.DOM.NodeId): Promise<ContrastInfo|null> {
     const response = await this.agent.invoke_getBackgroundColors({nodeId});
     if (response.getError()) {
       return null;
@@ -324,7 +328,7 @@ export class CSSModel extends SDKModel<EventTypes> {
     };
   }
 
-  async platformFontsPromise(nodeId: Protocol.DOM.NodeId): Promise<Protocol.CSS.PlatformFontUsage[]|null> {
+  async getPlatformFonts(nodeId: Protocol.DOM.NodeId): Promise<Protocol.CSS.PlatformFontUsage[]|null> {
     const {fonts} = await this.agent.invoke_getPlatformFontsForNode({nodeId});
     return fonts;
   }
@@ -345,7 +349,7 @@ export class CSSModel extends SDKModel<EventTypes> {
     return values;
   }
 
-  async inlineStylesPromise(nodeId: Protocol.DOM.NodeId): Promise<InlineStyleResult|null> {
+  async getInlineStyles(nodeId: Protocol.DOM.NodeId): Promise<InlineStyleResult|null> {
     const response = await this.agent.invoke_getInlineStylesForNode({nodeId});
 
     if (response.getError() || !response.inlineStyle) {
@@ -698,7 +702,7 @@ export class CSSModel extends SDKModel<EventTypes> {
     this.#cachedMatchedCascadeNode = node;
     if (!this.#cachedMatchedCascadePromise) {
       if (node.id) {
-        this.#cachedMatchedCascadePromise = this.matchedStylesPromise(node.id);
+        this.#cachedMatchedCascadePromise = this.getMatchedStyles(node.id);
       } else {
         return Promise.resolve(null);
       }

package/front_end/generated/InspectorBackendCommands.js

@@ -182,7 +182,7 @@ export function registerCommands(inspectorBackend) {
       []);
 
   // Audits.
-  inspectorBackend.registerEnum('Audits.SameSiteCookieExclusionReason', {
+  inspectorBackend.registerEnum('Audits.CookieExclusionReason', {
     ExcludeSameSiteUnspecifiedTreatedAsLax: 'ExcludeSameSiteUnspecifiedTreatedAsLax',
     ExcludeSameSiteNoneInsecure: 'ExcludeSameSiteNoneInsecure',
     ExcludeSameSiteLax: 'ExcludeSameSiteLax',
@@ -190,7 +190,7 @@ export function registerCommands(inspectorBackend) {
     ExcludeInvalidSameParty: 'ExcludeInvalidSameParty',
     ExcludeSamePartyCrossPartyContext: 'ExcludeSamePartyCrossPartyContext'
   });
-  inspectorBackend.registerEnum('Audits.SameSiteCookieWarningReason', {
+  inspectorBackend.registerEnum('Audits.CookieWarningReason', {
     WarnSameSiteUnspecifiedCrossSiteContext: 'WarnSameSiteUnspecifiedCrossSiteContext',
     WarnSameSiteNoneInsecure: 'WarnSameSiteNoneInsecure',
     WarnSameSiteUnspecifiedLaxAllowUnsafe: 'WarnSameSiteUnspecifiedLaxAllowUnsafe',
@@ -198,9 +198,10 @@ export function registerCommands(inspectorBackend) {
     WarnSameSiteStrictCrossDowngradeStrict: 'WarnSameSiteStrictCrossDowngradeStrict',
     WarnSameSiteStrictCrossDowngradeLax: 'WarnSameSiteStrictCrossDowngradeLax',
     WarnSameSiteLaxCrossDowngradeStrict: 'WarnSameSiteLaxCrossDowngradeStrict',
-    WarnSameSiteLaxCrossDowngradeLax: 'WarnSameSiteLaxCrossDowngradeLax'
+    WarnSameSiteLaxCrossDowngradeLax: 'WarnSameSiteLaxCrossDowngradeLax',
+    WarnAttributeValueExceedsMaxSize: 'WarnAttributeValueExceedsMaxSize'
   });
-  inspectorBackend.registerEnum('Audits.SameSiteCookieOperation', {SetCookie: 'SetCookie', ReadCookie: 'ReadCookie'});
+  inspectorBackend.registerEnum('Audits.CookieOperation', {SetCookie: 'SetCookie', ReadCookie: 'ReadCookie'});
   inspectorBackend.registerEnum('Audits.MixedContentResolutionStatus', {
     MixedContentBlocked: 'MixedContentBlocked',
     MixedContentAutomaticallyUpgraded: 'MixedContentAutomaticallyUpgraded',
@@ -301,7 +302,7 @@ export function registerCommands(inspectorBackend) {
     Canceled: 'Canceled'
   });
   inspectorBackend.registerEnum('Audits.InspectorIssueCode', {
-    SameSiteCookieIssue: 'SameSiteCookieIssue',
+    CookieIssue: 'CookieIssue',
     MixedContentIssue: 'MixedContentIssue',
     BlockedByResponseIssue: 'BlockedByResponseIssue',
     HeavyAdIssue: 'HeavyAdIssue',
@@ -1877,7 +1878,7 @@ export function registerCommands(inspectorBackend) {
   // Overlay.
   inspectorBackend.registerEnum('Overlay.LineStylePattern', {Dashed: 'dashed', Dotted: 'dotted'});
   inspectorBackend.registerEnum('Overlay.ContrastAlgorithm', {Aa: 'aa', Aaa: 'aaa', Apca: 'apca'});
-  inspectorBackend.registerEnum('Overlay.ColorFormat', {Rgb: 'rgb', Hsl: 'hsl', Hex: 'hex'});
+  inspectorBackend.registerEnum('Overlay.ColorFormat', {Rgb: 'rgb', Hsl: 'hsl', Hwb: 'hwb', Hex: 'hex'});
   inspectorBackend.registerEnum('Overlay.InspectMode', {
     SearchForNode: 'searchForNode',
     SearchForUAShadowDOM: 'searchForUAShadowDOM',

package/front_end/generated/protocol.ts

@@ -696,7 +696,7 @@ export namespace Audits {
     frameId: Page.FrameId;
   }
 
-  export const enum SameSiteCookieExclusionReason {
+  export const enum CookieExclusionReason {
     ExcludeSameSiteUnspecifiedTreatedAsLax = 'ExcludeSameSiteUnspecifiedTreatedAsLax',
     ExcludeSameSiteNoneInsecure = 'ExcludeSameSiteNoneInsecure',
     ExcludeSameSiteLax = 'ExcludeSameSiteLax',
@@ -705,7 +705,7 @@ export namespace Audits {
     ExcludeSamePartyCrossPartyContext = 'ExcludeSamePartyCrossPartyContext',
   }
 
-  export const enum SameSiteCookieWarningReason {
+  export const enum CookieWarningReason {
     WarnSameSiteUnspecifiedCrossSiteContext = 'WarnSameSiteUnspecifiedCrossSiteContext',
     WarnSameSiteNoneInsecure = 'WarnSameSiteNoneInsecure',
     WarnSameSiteUnspecifiedLaxAllowUnsafe = 'WarnSameSiteUnspecifiedLaxAllowUnsafe',
@@ -714,9 +714,10 @@ export namespace Audits {
     WarnSameSiteStrictCrossDowngradeLax = 'WarnSameSiteStrictCrossDowngradeLax',
     WarnSameSiteLaxCrossDowngradeStrict = 'WarnSameSiteLaxCrossDowngradeStrict',
     WarnSameSiteLaxCrossDowngradeLax = 'WarnSameSiteLaxCrossDowngradeLax',
+    WarnAttributeValueExceedsMaxSize = 'WarnAttributeValueExceedsMaxSize',
   }
 
-  export const enum SameSiteCookieOperation {
+  export const enum CookieOperation {
     SetCookie = 'SetCookie',
     ReadCookie = 'ReadCookie',
   }
@@ -726,7 +727,7 @@ export namespace Audits {
    * time finding a specific cookie. With this, we can convey specific error
    * information without the cookie.
    */
-  export interface SameSiteCookieIssueDetails {
+  export interface CookieIssueDetails {
     /**
      * If AffectedCookie is not set then rawCookieLine contains the raw
      * Set-Cookie header string. This hints at a problem where the
@@ -735,13 +736,13 @@ export namespace Audits {
      */
     cookie?: AffectedCookie;
     rawCookieLine?: string;
-    cookieWarningReasons: SameSiteCookieWarningReason[];
-    cookieExclusionReasons: SameSiteCookieExclusionReason[];
+    cookieWarningReasons: CookieWarningReason[];
+    cookieExclusionReasons: CookieExclusionReason[];
     /**
      * Optionally identifies the site-for-cookies and the cookie url, which
      * may be used by the front-end as additional context.
      */
-    operation: SameSiteCookieOperation;
+    operation: CookieOperation;
     siteForCookies?: string;
     cookieUrl?: string;
     request?: AffectedRequest;
@@ -1096,7 +1097,7 @@ export namespace Audits {
    * information about the kind of issue.
    */
   export const enum InspectorIssueCode {
-    SameSiteCookieIssue = 'SameSiteCookieIssue',
+    CookieIssue = 'CookieIssue',
     MixedContentIssue = 'MixedContentIssue',
     BlockedByResponseIssue = 'BlockedByResponseIssue',
     HeavyAdIssue = 'HeavyAdIssue',
@@ -1120,7 +1121,7 @@ export namespace Audits {
    * add a new optional field to this type.
    */
   export interface InspectorIssueDetails {
-    sameSiteCookieIssueDetails?: SameSiteCookieIssueDetails;
+    cookieIssueDetails?: CookieIssueDetails;
     mixedContentIssueDetails?: MixedContentIssueDetails;
     blockedByResponseIssueDetails?: BlockedByResponseIssueDetails;
     heavyAdIssueDetails?: HeavyAdIssueDetails;
@@ -9587,6 +9588,7 @@ export namespace Overlay {
   export const enum ColorFormat {
     Rgb = 'rgb',
     Hsl = 'hsl',
+    Hwb = 'hwb',
     Hex = 'hex',
   }
 

package/front_end/models/issues_manager/Issue.ts

@@ -44,7 +44,7 @@ export enum IssueCategory {
   CrossOriginEmbedderPolicy = 'CrossOriginEmbedderPolicy',
   Generic = 'Generic',
   MixedContent = 'MixedContent',
-  SameSiteCookie = 'SameSiteCookie',
+  Cookie = 'Cookie',
   HeavyAd = 'HeavyAd',
   ContentSecurityPolicy = 'ContentSecurityPolicy',
   TrustedWebActivity = 'TrustedWebActivity',

package/front_end/models/issues_manager/IssuesManager.ts

@@ -22,7 +22,7 @@ import {LowTextContrastIssue} from './LowTextContrastIssue.js';
 import {MixedContentIssue} from './MixedContentIssue.js';
 import {NavigatorUserAgentIssue} from './NavigatorUserAgentIssue.js';
 import {QuirksModeIssue} from './QuirksModeIssue.js';
-import {SameSiteCookieIssue} from './SameSiteCookieIssue.js';
+import {CookieIssue} from './SameSiteCookieIssue.js';
 import {SharedArrayBufferIssue} from './SharedArrayBufferIssue.js';
 import {SourceFrameIssuesManager} from './SourceFrameIssuesManager.js';
 import {TrustedWebActivityIssue} from './TrustedWebActivityIssue.js';
@@ -49,8 +49,8 @@ const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode,
     (model: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue) => Issue[]>([
   [
-    Protocol.Audits.InspectorIssueCode.SameSiteCookieIssue,
-    SameSiteCookieIssue.fromInspectorIssue,
+    Protocol.Audits.InspectorIssueCode.CookieIssue,
+    CookieIssue.fromInspectorIssue,
   ],
   [
     Protocol.Audits.InspectorIssueCode.MixedContentIssue,
@@ -117,12 +117,6 @@ const issueCodeHandlers = new Map<
  */
 function createIssuesFromProtocolIssue(
     issuesModel: SDK.IssuesModel.IssuesModel, inspectorIssue: Protocol.Audits.InspectorIssue): Issue[] {
-  if (inspectorIssue.code.toString() === 'CookieIssue') {
-    // TODO: backward compatibility for the next chromium roll
-    const details = inspectorIssue.details as {cookieIssueDetails: Protocol.Audits.SameSiteCookieIssueDetails};
-    inspectorIssue.code = Protocol.Audits.InspectorIssueCode.SameSiteCookieIssue;
-    inspectorIssue.details.sameSiteCookieIssueDetails = details.cookieIssueDetails;
-  }
   const handler = issueCodeHandlers.get(inspectorIssue.code);
   if (handler) {
     return handler(issuesModel, inspectorIssue);