chrome-devtools-frontend 1.0.1027602 → 1.0.1029149

package/front_end/generated/protocol-mapping.d.ts

@@ -3416,6 +3416,13 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.Storage.ClearDataForOriginRequest];
       returnType: void;
     };
+    /**
+     * Clears storage for storage key.
+     */
+    'Storage.clearDataForStorageKey': {
+      paramsType: [Protocol.Storage.ClearDataForStorageKeyRequest];
+      returnType: void;
+    };
     /**
      * Returns all browser cookies.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -2877,6 +2877,11 @@ declare namespace ProtocolProxyApi {
      */
     invoke_clearDataForOrigin(params: Protocol.Storage.ClearDataForOriginRequest): Promise<Protocol.ProtocolResponseWithError>;
 
+    /**
+     * Clears storage for storage key.
+     */
+    invoke_clearDataForStorageKey(params: Protocol.Storage.ClearDataForStorageKeyRequest): Promise<Protocol.ProtocolResponseWithError>;
+
     /**
      * Returns all browser cookies.
      */

package/front_end/generated/protocol.ts

@@ -965,7 +965,10 @@ export namespace Audits {
     PermissionPolicyDisabled = 'PermissionPolicyDisabled',
     AttributionSourceUntrustworthyOrigin = 'AttributionSourceUntrustworthyOrigin',
     AttributionUntrustworthyOrigin = 'AttributionUntrustworthyOrigin',
+    UntrustworthyReportingOrigin = 'UntrustworthyReportingOrigin',
+    InsecureContext = 'InsecureContext',
     InvalidHeader = 'InvalidHeader',
+    InvalidRegisterTriggerHeader = 'InvalidRegisterTriggerHeader',
   }
 
   /**
@@ -974,6 +977,9 @@ export namespace Audits {
    */
   export interface AttributionReportingIssueDetails {
     violationType: AttributionReportingIssueType;
+    /**
+     * TODO(apaseltiner): Remove this once it is no longer referenced by the frontend.
+     */
     frame?: AffectedFrame;
     request?: AffectedRequest;
     violatingNodeId?: DOM.BackendNodeId;
@@ -1041,11 +1047,15 @@ export namespace Audits {
     LocalCSSFileExtensionRejected = 'LocalCSSFileExtensionRejected',
     MediaSourceAbortRemove = 'MediaSourceAbortRemove',
     MediaSourceDurationTruncatingBuffered = 'MediaSourceDurationTruncatingBuffered',
+    NavigateEventRestoreScroll = 'NavigateEventRestoreScroll',
+    NavigateEventTransitionWhile = 'NavigateEventTransitionWhile',
     NoSysexWebMIDIWithoutPermission = 'NoSysexWebMIDIWithoutPermission',
     NotificationInsecureOrigin = 'NotificationInsecureOrigin',
     NotificationPermissionRequestedIframe = 'NotificationPermissionRequestedIframe',
     ObsoleteWebRtcCipherSuite = 'ObsoleteWebRtcCipherSuite',
     OpenWebDatabaseInsecureContext = 'OpenWebDatabaseInsecureContext',
+    OverflowVisibleOnReplacedElement = 'OverflowVisibleOnReplacedElement',
+    PersistentQuotaType = 'PersistentQuotaType',
     PictureSourceSrc = 'PictureSourceSrc',
     PrefixedCancelAnimationFrame = 'PrefixedCancelAnimationFrame',
     PrefixedRequestAnimationFrame = 'PrefixedRequestAnimationFrame',
@@ -5855,9 +5865,14 @@ export namespace IndexedDB {
 
   export interface ClearObjectStoreRequest {
     /**
+     * At least and at most one of securityOrigin, storageKey must be specified.
      * Security origin.
      */
-    securityOrigin: string;
+    securityOrigin?: string;
+    /**
+     * Storage key.
+     */
+    storageKey?: string;
     /**
      * Database name.
      */
@@ -5870,9 +5885,14 @@ export namespace IndexedDB {
 
   export interface DeleteDatabaseRequest {
     /**
+     * At least and at most one of securityOrigin, storageKey must be specified.
      * Security origin.
      */
-    securityOrigin: string;
+    securityOrigin?: string;
+    /**
+     * Storage key.
+     */
+    storageKey?: string;
     /**
      * Database name.
      */
@@ -5880,7 +5900,15 @@ export namespace IndexedDB {
   }
 
   export interface DeleteObjectStoreEntriesRequest {
-    securityOrigin: string;
+    /**
+     * At least and at most one of securityOrigin, storageKey must be specified.
+     * Security origin.
+     */
+    securityOrigin?: string;
+    /**
+     * Storage key.
+     */
+    storageKey?: string;
     databaseName: string;
     objectStoreName: string;
     /**
@@ -5933,9 +5961,14 @@ export namespace IndexedDB {
 
   export interface GetMetadataRequest {
     /**
+     * At least and at most one of securityOrigin, storageKey must be specified.
      * Security origin.
      */
-    securityOrigin: string;
+    securityOrigin?: string;
+    /**
+     * Storage key.
+     */
+    storageKey?: string;
     /**
      * Database name.
      */
@@ -11107,6 +11140,8 @@ export namespace Page {
     EmbedderTriggeredAndSameOriginRedirected = 'EmbedderTriggeredAndSameOriginRedirected',
     EmbedderTriggeredAndCrossOriginRedirected = 'EmbedderTriggeredAndCrossOriginRedirected',
     EmbedderTriggeredAndDestroyed = 'EmbedderTriggeredAndDestroyed',
+    MemoryLimitExceeded = 'MemoryLimitExceeded',
+    FailToGetMemoryUsage = 'FailToGetMemoryUsage',
   }
 
   export interface AddScriptToEvaluateOnLoadRequest {
@@ -12895,6 +12930,17 @@ export namespace Storage {
     storageTypes: string;
   }
 
+  export interface ClearDataForStorageKeyRequest {
+    /**
+     * Storage key.
+     */
+    storageKey: string;
+    /**
+     * Comma separated list of StorageType to clear.
+     */
+    storageTypes: string;
+  }
+
   export interface GetCookiesRequest {
     /**
      * Browser context to use when called on the browser endpoint.
@@ -15140,8 +15186,8 @@ export namespace Debugger {
      */
     totalNumberOfLines: integer;
     /**
-     * The offsets of all function bodies plus one additional entry pointing
-     * one by past the end of the last function.
+     * The offsets of all function bodies, in the format [start1, end1,
+     * start2, end2, ...] where all ends are exclusive.
      */
     functionBodyOffsets: integer[];
     /**

package/front_end/models/bindings/ContentProviderBasedProject.ts

@@ -68,7 +68,13 @@ export class ContentProviderBasedProject extends Workspace.Workspace.ProjectStor
     try {
       const [content, isEncoded] =
           await Promise.all([contentProvider.requestContent(), contentProvider.contentEncoded()]);
-      return {content: content.content, isEncoded, error: 'error' in content && content.error || ''};
+      const wasmDisassemblyInfo = 'wasmDisassemblyInfo' in content ? content.wasmDisassemblyInfo : undefined;
+      return {
+        content: content.content,
+        wasmDisassemblyInfo,
+        isEncoded,
+        error: 'error' in content && content.error || '',
+      };
     } catch (err) {
       // TODO(rob.paveza): CRBug 1013683 - Consider propagating exceptions full-stack
       return {

package/front_end/models/issues_manager/AttributionReportingIssue.ts

@@ -10,25 +10,29 @@ import {type MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
 export const enum IssueCode {
   PermissionPolicyDisabled = 'AttributionReportingIssue::PermissionPolicyDisabled',
-  AttributionSourceUntrustworthyFrameOrigin = 'AttributionReportingIssue::AttributionSourceUntrustworthyFrameOrigin',
-  AttributionSourceUntrustworthyOrigin = 'AttributionReportingIssue::AttributionSourceUntrustworthyOrigin',
-  AttributionUntrustworthyFrameOrigin = 'AttributionReportingIssue::AttributionUntrustworthyFrameOrigin',
-  AttributionUntrustworthyOrigin = 'AttributionReportingIssue::AttributionUntrustworthyOrigin',
-  InvalidHeader = 'AttributionReportingIssue::InvalidHeader',
+  UntrustworthyReportingOrigin = 'AttributionReportingIssue::UntrustworthyReportingOrigin',
+  InsecureContext = 'AttributionReportingIssue::InsecureContext',
+  InvalidRegisterSourceHeader = 'AttributionReportingIssue::InvalidRegisterSourceHeader',
+  InvalidRegisterTriggerHeader = 'AttributionReportingIssue::InvalidRegisterTriggerHeader',
+  // TODO(apaseltiner): Remove this once old issue types are removed from
+  // protocol.
+  Unknown = 'AttributionReportingIssue::Unknown',
 }
 
 function getIssueCode(details: Protocol.Audits.AttributionReportingIssueDetails): IssueCode {
   switch (details.violationType) {
     case Protocol.Audits.AttributionReportingIssueType.PermissionPolicyDisabled:
       return IssueCode.PermissionPolicyDisabled;
-    case Protocol.Audits.AttributionReportingIssueType.AttributionSourceUntrustworthyOrigin:
-      return details.frame !== undefined ? IssueCode.AttributionSourceUntrustworthyFrameOrigin :
-                                           IssueCode.AttributionSourceUntrustworthyOrigin;
-    case Protocol.Audits.AttributionReportingIssueType.AttributionUntrustworthyOrigin:
-      return details.frame !== undefined ? IssueCode.AttributionUntrustworthyFrameOrigin :
-                                           IssueCode.AttributionUntrustworthyOrigin;
+    case Protocol.Audits.AttributionReportingIssueType.UntrustworthyReportingOrigin:
+      return IssueCode.UntrustworthyReportingOrigin;
+    case Protocol.Audits.AttributionReportingIssueType.InsecureContext:
+      return IssueCode.InsecureContext;
     case Protocol.Audits.AttributionReportingIssueType.InvalidHeader:
-      return IssueCode.InvalidHeader;
+      return IssueCode.InvalidRegisterSourceHeader;
+    case Protocol.Audits.AttributionReportingIssueType.InvalidRegisterTriggerHeader:
+      return IssueCode.InvalidRegisterTriggerHeader;
+    default:
+      return IssueCode.Unknown;
   }
 }
 
@@ -52,42 +56,28 @@ export class AttributionReportingIssue extends Issue<IssueCode> {
           file: 'arPermissionPolicyDisabled.md',
           links: [],
         };
-      case IssueCode.AttributionSourceUntrustworthyFrameOrigin:
+      case IssueCode.UntrustworthyReportingOrigin:
         return {
-          file: 'arAttributionSourceUntrustworthyFrameOrigin.md',
+          file: 'arUntrustworthyReportingOrigin.md',
           links: [],
         };
-      case IssueCode.AttributionSourceUntrustworthyOrigin:
+      case IssueCode.InsecureContext:
         return {
-          file: 'arAttributionSourceUntrustworthyOrigin.md',
-          links: [
-            {
-              link:
-                  'https://developer.chrome.com/docs/privacy-sandbox/attribution-reporting-event-guide/#html-attribute-attributiondestination-required',
-              linkTitle: 'attributiondestination attribute',
-            },
-            {
-              link:
-                  'https://developer.chrome.com/docs/privacy-sandbox/attribution-reporting-event-guide/#html-attribute-attributionreportto',
-              linkTitle: 'attributionreportto attribute',
-            },
-          ],
-        };
-      case IssueCode.AttributionUntrustworthyFrameOrigin:
-        return {
-          file: 'arAttributionUntrustworthyFrameOrigin.md',
+          file: 'arInsecureContext.md',
           links: [],
         };
-      case IssueCode.AttributionUntrustworthyOrigin:
+      case IssueCode.InvalidRegisterSourceHeader:
         return {
-          file: 'arAttributionUntrustworthyOrigin.md',
+          file: 'arInvalidRegisterSourceHeader.md',
           links: [],
         };
-      case IssueCode.InvalidHeader:
+      case IssueCode.InvalidRegisterTriggerHeader:
         return {
-          file: 'arInvalidHeader.md',
+          file: 'arInvalidRegisterTriggerHeader.md',
           links: [],
         };
+      case IssueCode.Unknown:
+        return null;
     }
   }
 

package/front_end/models/issues_manager/DeprecationIssue.ts

@@ -27,9 +27,14 @@ const UIStrings = {
    */
   title: 'Deprecated Feature Used',
 
-  // Store alphabetized messages per DeprecationIssueType in this block.
   /**
-   * @description TODO(crbug.com/1318846): Description needed for translation
+   * @description We show this warning when 1) an "authorization" header is
+   *   attached to the request by scripts, 2) there is no "authorization" in
+   *   the "access-control-allow-headers" header in the response, and 3) there
+   *   is a wildcard symbol ("*") in the "access-control-allow-header" header
+   *   in the response. This is allowed now, but we're planning to reject such
+   *   responses and require responses to have an "access-control-allow-headers"
+   *   containing "authorization".
    */
   authorizationCoveredByWildcard:
       'Authorization will not be covered by the wildcard symbol (*) in CORS `Access-Control-Allow-Headers` handling.',
@@ -99,6 +104,10 @@ const UIStrings = {
    * @description Warning displayed to developers when the non-standard `Event.path` API is used to notify them that this API is deprecated.
    */
   eventPath: '`Event.path` is deprecated and will be removed. Please use `Event.composedPath()` instead.',
+  /**
+   * @description This message is shown when the deprecated Expect-CT header is present.
+   */
+  expectCTHeader: 'The `Expect-CT` header is deprecated and will be removed. Chrome requires Certificate Transparency for all publicly trusted certificates issued after April 30, 2018.',
   /**
    * @description Warning displayed to developers when the Geolocation API is used from an insecure origin (one that isn't localhost or doesn't use HTTPS) to notify them that this use is no longer supported.
    */
@@ -374,6 +383,11 @@ export class DeprecationIssue extends Issue {
         feature = 5726124632965120;
         milestone = 109;
         break;
+      case Protocol.Audits.DeprecationIssueType.ExpectCTHeader:
+        messageFunction = i18nLazyString(UIStrings.expectCTHeader);
+        feature = 6244547273687040;
+        milestone = 107;
+        break;
       case Protocol.Audits.DeprecationIssueType.GeolocationInsecureOrigin:
         messageFunction = i18nLazyString(UIStrings.geolocationInsecureOrigin);
         break;

package/front_end/models/issues_manager/descriptions/arInsecureContext.md

@@ -0,0 +1,7 @@
+# Ensure that the attribution registration context is secure
+
+This page tried to register a source or trigger using the Attribution Reporting
+API but failed because the page that initiated the registration was not secure.
+
+The registration context must use HTTPS unless it is `localhost` or
+`127.0.0.1`.

package/front_end/models/issues_manager/descriptions/arInvalidRegisterSourceHeader.md

@@ -0,0 +1,5 @@
+# Ensure that the `Attribution-Reporting-Register-Source` header is valid
+
+This page tried to register a source using the Attribution Reporting API but
+failed because an `Attribution-Reporting-Register-Source` response header was
+invalid.

package/front_end/models/issues_manager/descriptions/arInvalidRegisterTriggerHeader.md

@@ -0,0 +1,5 @@
+# Ensure that the `Attribution-Reporting-Register-Trigger` header is valid
+
+This page tried to register a trigger using the Attribution Reporting API but
+failed because an `Attribution-Reporting-Register-Trigger` response header was
+invalid.

package/front_end/models/issues_manager/descriptions/arPermissionPolicyDisabled.md

@@ -1,6 +1,9 @@
-# Ensure the "attribution-reporting" Permission Policy is enabled when using the Attribution Reporting API
+# Ensure that the `attribution-reporting` permission policy is enabled
 
-This page tries to use the Attribution Reporting API but this was aborted, because the `attribution-reporting` policy is not enabled.
+This page tried to use the Attribution Reporting API but failed because the
+`attribution-reporting` permission policy is not enabled.
 
-This API is enabled by default in the top-level context and in same-origin child frames, but must
-be explicitly opted-in for cross-origin frames. Add the permission policy as follows: `<iframe src="..." allow="attribution-reporting">`.
+This API is enabled by default in the top-level context and in same-origin
+child frames, but must be explicitly opted-in for cross-origin frames. Add the
+permission policy as follows:
+`<iframe src="..." allow="attribution-reporting">`.

package/front_end/models/issues_manager/descriptions/arUntrustworthyReportingOrigin.md

@@ -0,0 +1,10 @@
+# Ensure that attribution reporting origins are trustworthy
+
+This page tried to register a source or trigger using the Attribution Reporting
+API but failed because the reporting origin was not potentially trustworthy.
+
+The reporting origin is typically the server that sets the
+`Attribution-Reporting-Register-Source` or
+`Attribution-Reporting-Register-Trigger` header.
+
+The reporting origin must use HTTPS unless it is `localhost` or `127.0.0.1`.

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -2239,7 +2239,8 @@ export const NativeFunctions = [
   },
   {
     name: 'scroll',
-    signatures: [['?options'],['x','y']]
+    signatures: [['?options'],['x','y']],
+    receivers: ['Element','Window']
   },
   {
     name: 'scrollBy',
@@ -6395,6 +6396,10 @@ export const NativeFunctions = [
     name: 'transitionWhile',
     signatures: [['newNavigationAction','?options']]
   },
+  {
+    name: 'intercept',
+    signatures: [['?options']]
+  },
   {
     name: 'NavigationCurrentEntryChangeEvent',
     signatures: [['type','eventInit']]
@@ -6803,7 +6808,7 @@ export const NativeFunctions = [
     signatures: [['data']]
   },
   {
-    name: 'logoutRps',
+    name: 'logoutRPs',
     signatures: [['?logout_requests']]
   },
   {

package/front_end/models/text_utils/ContentProvider.ts

@@ -59,4 +59,12 @@ export const contentAsDataURL = function(
 export type DeferredContent = {
   content: string,
   isEncoded: boolean,
-}|{content: null, error: string, isEncoded: boolean};
+}|{
+  content: '',
+  isEncoded: false,
+  wasmDisassemblyInfo: Common.WasmDisassembly.WasmDisassembly,
+}|{
+  content: null,
+  error: string,
+  isEncoded: boolean,
+};

package/front_end/panels/application/StorageView.ts

@@ -473,7 +473,8 @@ export class StorageView extends UI.ThrottledWidget.ThrottledWidget {
   }
 
   static clearByStorageKey(target: SDK.Target.Target, storageKey: string, selectedStorageTypes: string[]): void {
-    // TODO(crbug.com/1313434) Invoke protocol `clear` once it ready for storageKey
+    void target.storageAgent().invoke_clearDataForStorageKey(
+        {storageKey, storageTypes: selectedStorageTypes.join(',')});
 
     const set = new Set(selectedStorageTypes);
     const hasAll = set.has(Protocol.Storage.StorageType.All);

package/front_end/panels/application/components/Prerender2.ts

@@ -144,6 +144,16 @@ const UIStrings = {
     */
   EmbedderTriggeredAndDestroyed:
       'Prerendering triggered by Chrome internal (e.g., Omnibox prerendering) is is destroyed in the destructor.',
+
+  /**
+    *@description  Description text for Prerender2 cancellation status MemoryLimitExceeded.
+    */
+  MemoryLimitExceeded: 'Memory limit exceeded',
+
+  /**
+    *@description  Description text for Prerender2 cancellation status FailToGetMemoryUsage.
+    */
+  FailToGetMemoryUsage: 'Fail to get memory usage',
 };
 
 const str_ = i18n.i18n.registerUIStrings('panels/application/components/Prerender2.ts', UIStrings);
@@ -185,4 +195,6 @@ export const Prerender2ReasonDescription = {
   'EmbedderTriggeredAndCrossOriginRedirected':
       {name: i18nLazyString(UIStrings.EmbedderTriggeredAndCrossOriginRedirected)},
   'EmbedderTriggeredAndDestroyed': {name: i18nLazyString(UIStrings.EmbedderTriggeredAndDestroyed)},
+  'MemoryLimitExceeded': {name: i18nLazyString(UIStrings.MemoryLimitExceeded)},
+  'FailToGetMemoryUsage': {name: i18nLazyString(UIStrings.FailToGetMemoryUsage)},
 };

package/front_end/panels/console/consoleView.css

@@ -546,7 +546,3 @@
     --override-error-text-color: HighlightText;
   }
 }
-
-[slot="insertion-point-sidebar"] {
-  contain: layout style;
-}

package/front_end/panels/elements/StylePropertyTreeElement.ts

@@ -716,7 +716,8 @@ export class StylePropertyTreeElement extends UI.TreeOutline.TreeElement {
     }
 
     const authoringHint = this.getAuthoringHint(this.computedStyles, this.parentsComputedStyles);
-    if (authoringHint !== null) {
+    const showAuthoringHint = authoringHint !== null && this.property.parsedOk;
+    if (showAuthoringHint) {
       const hintIcon = UI.Icon.Icon.create('mediumicon-info', 'hint');
       const hintPopover =
           new UI.PopoverHelper.PopoverHelper(hintIcon, event => this.handleHintPopoverRequest(authoringHint, event));

package/front_end/panels/issues/AttributionReportingIssueDetailsView.ts

@@ -14,11 +14,6 @@ const UIStrings = {
    * @description Label for number of rows in the issue details table.
    */
   nViolations: '{n, plural, =1 {# violation} other {# violations}}',
-  /**
-   * @description Noun, label for the column showing the associated frame in the issue details table.
-   * The associated frame can either be the "main frame" (or main window), or an HTML iframe.
-   */
-  frame: 'Frame',
   /**
    * @description Noun, label for the column showing the associated HTML element in the issue details table.
    */
@@ -60,31 +55,18 @@ export class AttributionReportingIssueDetailsView extends AffectedResourcesView
       issues: Iterable<IssuesManager.AttributionReportingIssue.AttributionReportingIssue>): void {
     const header = document.createElement('tr');
     switch (issueCode) {
-      case IssuesManager.AttributionReportingIssue.IssueCode.AttributionUntrustworthyFrameOrigin:
-        this.appendColumnTitle(header, i18nString(UIStrings.frame));
-        this.appendColumnTitle(header, i18nString(UIStrings.request));
-        this.appendColumnTitle(header, i18nString(UIStrings.untrustworthyOrigin));
-        break;
-      case IssuesManager.AttributionReportingIssue.IssueCode.AttributionUntrustworthyOrigin:
+      case IssuesManager.AttributionReportingIssue.IssueCode.InvalidRegisterSourceHeader:
+      case IssuesManager.AttributionReportingIssue.IssueCode.InvalidRegisterTriggerHeader:
         this.appendColumnTitle(header, i18nString(UIStrings.request));
-        this.appendColumnTitle(header, i18nString(UIStrings.untrustworthyOrigin));
-        break;
-      case IssuesManager.AttributionReportingIssue.IssueCode.AttributionSourceUntrustworthyFrameOrigin:
-        this.appendColumnTitle(header, i18nString(UIStrings.frame));
-        this.appendColumnTitle(header, i18nString(UIStrings.element));
-        this.appendColumnTitle(header, i18nString(UIStrings.untrustworthyOrigin));
+        this.appendColumnTitle(header, i18nString(UIStrings.invalidHeaderValue));
         break;
-      case IssuesManager.AttributionReportingIssue.IssueCode.AttributionSourceUntrustworthyOrigin:
+      case IssuesManager.AttributionReportingIssue.IssueCode.InsecureContext:
+      case IssuesManager.AttributionReportingIssue.IssueCode.UntrustworthyReportingOrigin:
         this.appendColumnTitle(header, i18nString(UIStrings.element));
-        this.appendColumnTitle(header, i18nString(UIStrings.untrustworthyOrigin));
-        break;
-      case IssuesManager.AttributionReportingIssue.IssueCode.InvalidHeader:
-        this.appendColumnTitle(header, i18nString(UIStrings.frame));
         this.appendColumnTitle(header, i18nString(UIStrings.request));
-        this.appendColumnTitle(header, i18nString(UIStrings.invalidHeaderValue));
+        this.appendColumnTitle(header, i18nString(UIStrings.untrustworthyOrigin));
         break;
       case IssuesManager.AttributionReportingIssue.IssueCode.PermissionPolicyDisabled:
-        this.appendColumnTitle(header, i18nString(UIStrings.frame));
         this.appendColumnTitle(header, i18nString(UIStrings.element));
         this.appendColumnTitle(header, i18nString(UIStrings.request));
         break;
@@ -108,21 +90,18 @@ export class AttributionReportingIssueDetailsView extends AffectedResourcesView
     const details = issue.issueDetails;
 
     switch (issueCode) {
-      case IssuesManager.AttributionReportingIssue.IssueCode.AttributionSourceUntrustworthyOrigin:
-        await this.#appendElementOrEmptyCell(element, issue);
-        this.appendIssueDetailCell(element, details.invalidParameter || '');
-        break;
-      case IssuesManager.AttributionReportingIssue.IssueCode.AttributionUntrustworthyOrigin:
+      case IssuesManager.AttributionReportingIssue.IssueCode.InvalidRegisterSourceHeader:
+      case IssuesManager.AttributionReportingIssue.IssueCode.InvalidRegisterTriggerHeader:
         this.#appendRequestOrEmptyCell(element, details.request);
         this.appendIssueDetailCell(element, details.invalidParameter || '');
         break;
-      case IssuesManager.AttributionReportingIssue.IssueCode.InvalidHeader:
-        this.#appendFrameOrEmptyCell(element, issue);
+      case IssuesManager.AttributionReportingIssue.IssueCode.InsecureContext:
+      case IssuesManager.AttributionReportingIssue.IssueCode.UntrustworthyReportingOrigin:
+        await this.#appendElementOrEmptyCell(element, issue);
         this.#appendRequestOrEmptyCell(element, details.request);
         this.appendIssueDetailCell(element, details.invalidParameter || '');
         break;
       case IssuesManager.AttributionReportingIssue.IssueCode.PermissionPolicyDisabled:
-        this.#appendFrameOrEmptyCell(element, issue);
         await this.#appendElementOrEmptyCell(element, issue);
         this.#appendRequestOrEmptyCell(element, details.request);
         break;
@@ -131,16 +110,6 @@ export class AttributionReportingIssueDetailsView extends AffectedResourcesView
     this.affectedResources.appendChild(element);
   }
 
-  #appendFrameOrEmptyCell(
-      parent: HTMLElement, issue: IssuesManager.AttributionReportingIssue.AttributionReportingIssue): void {
-    const details = issue.issueDetails;
-    if (details.frame) {
-      parent.appendChild(this.createFrameCell(details.frame.frameId, issue.getCategory()));
-    } else {
-      this.appendIssueDetailCell(parent, '');
-    }
-  }
-
   async #appendElementOrEmptyCell(
       parent: HTMLElement, issue: IssuesManager.AttributionReportingIssue.AttributionReportingIssue): Promise<void> {
     const details = issue.issueDetails;

package/front_end/panels/network/components/RequestHeadersView.css

@@ -168,3 +168,10 @@ div.raw-headers-row {
 .inline-icon {
   vertical-align: middle;
 }
+
+.header-value code {
+  display: block;
+  white-space: pre-wrap;
+  font-size: 90%;
+  color: var(--color-text-secondary);
+}