chrome-devtools-frontend 1.0.1550444 → 1.0.1553956

package/front_end/models/ai_assistance/performance/AICallTree.ts

@@ -2,6 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import type * as Protocol from '../../../generated/protocol.js';
 import * as Trace from '../../../models/trace/trace.js';
 import * as SourceMapsResolver from '../../../models/trace_source_maps_resolver/trace_source_maps_resolver.js';
 
@@ -375,6 +376,47 @@ export class AICallTree {
     return line;
   }
 
+  topCallFramesBySelfTime(limit: number): Protocol.Runtime.CallFrame[] {
+    const functionNodesByCallFrame = new Map<string, Trace.Extras.TraceTree.Node[]>();
+
+    this.breadthFirstWalk(this.rootNode.children().values(), node => {
+      if (Trace.Types.Events.isProfileCall(node.event)) {
+        const callFrame = node.event.callFrame;
+        const callFrameKey = `${callFrame.scriptId}:${callFrame.lineNumber}:${callFrame.columnNumber}`;
+        const array = functionNodesByCallFrame.get(callFrameKey) ?? [];
+        array.push(node);
+        functionNodesByCallFrame.set(callFrameKey, array);
+      }
+    });
+
+    return [...functionNodesByCallFrame.values()]
+        .map(nodes => {
+          return {
+            callFrame: (nodes[0].event as Trace.Types.Events.SyntheticProfileCall).callFrame,
+            selfTime: nodes.reduce((total, cur) => total + cur.selfTime, 0),
+          };
+        })
+        .sort((a, b) => b.selfTime - a.selfTime)
+        .slice(0, limit)
+        .map(({callFrame}) => callFrame);
+  }
+
+  topCallFrameByTotalTime(): Protocol.Runtime.CallFrame|null {
+    let topChild: Trace.Extras.TraceTree.Node|null = null;
+    let topProfileCallEvent: Trace.Types.Events.SyntheticProfileCall|null = null;
+
+    for (const child of this.rootNode.children().values()) {
+      if (Trace.Types.Events.isProfileCall(child.event)) {
+        if (!topChild || child.totalTime > topChild.totalTime) {
+          topChild = child;
+          topProfileCallEvent = child.event;
+        }
+      }
+    }
+
+    return topProfileCallEvent?.callFrame ?? null;
+  }
+
   // Only used for debugging.
   logDebug(): void {
     const str = this.serialize();

package/front_end/models/ai_code_generation/AiCodeGeneration.ts

@@ -150,4 +150,16 @@ export class AiCodeGeneration {
 
     return response;
   }
+
+  static isAiCodeGenerationEnabled(locale: string): boolean {
+    if (!locale.startsWith('en-')) {
+      return false;
+    }
+    const aidaAvailability = Root.Runtime.hostConfig.aidaAvailability;
+    if (!aidaAvailability || aidaAvailability.blockedByGeo || aidaAvailability.blockedByAge ||
+        aidaAvailability.blockedByEnterprisePolicy) {
+      return false;
+    }
+    return Boolean(aidaAvailability.enabled && Root.Runtime.hostConfig.devToolsAiCodeGeneration?.enabled);
+  }
 }

package/front_end/models/issues_manager/Issue.ts

@@ -51,6 +51,7 @@ export const enum IssueCategory {
   CORS = 'Cors',
   ATTRIBUTION_REPORTING = 'AttributionReporting',
   QUIRKS_MODE = 'QuirksMode',
+  PERMISSION_ELEMENT = 'PermissionElement',
   OTHER = 'Other',
 }
 

package/front_end/models/issues_manager/IssueAggregator.ts

@@ -21,6 +21,7 @@ import {LowTextContrastIssue} from './LowTextContrastIssue.js';
 import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 import {MixedContentIssue} from './MixedContentIssue.js';
 import {PartitioningBlobURLIssue} from './PartitioningBlobURLIssue.js';
+import {PermissionElementIssue} from './PermissionElementIssue.js';
 import {QuirksModeIssue} from './QuirksModeIssue.js';
 import {SharedArrayBufferIssue} from './SharedArrayBufferIssue.js';
 
@@ -67,6 +68,7 @@ export class AggregatedIssue extends Issue {
   #cookieDeprecationMetadataIssues = new Set<CookieDeprecationMetadataIssue>();
   #mixedContentIssues = new Set<MixedContentIssue>();
   #partitioningBlobURLIssues = new Set<PartitioningBlobURLIssue>();
+  #permissionElementIssues = new Set<PermissionElementIssue>();
   #sharedArrayBufferIssues = new Set<SharedArrayBufferIssue>();
   #quirksModeIssues = new Set<QuirksModeIssue>();
   #attributionReportingIssues = new Set<AttributionReportingIssue>();
@@ -190,6 +192,10 @@ export class AggregatedIssue extends Issue {
     return this.#partitioningBlobURLIssues;
   }
 
+  getPermissionElementIssues(): Iterable<PermissionElementIssue> {
+    return this.#permissionElementIssues;
+  }
+
   /**
    * Produces a primary key for a cookie. Use this instead of `JSON.stringify` in
    * case new fields are added to `AffectedCookie`.
@@ -282,6 +288,9 @@ export class AggregatedIssue extends Issue {
     if (issue instanceof PartitioningBlobURLIssue) {
       this.#partitioningBlobURLIssues.add(issue);
     }
+    if (issue instanceof PermissionElementIssue) {
+      this.#permissionElementIssues.add(issue);
+    }
   }
 
   getKind(): IssueKind {

package/front_end/models/issues_manager/IssuesManager.ts

@@ -25,6 +25,7 @@ import {Events} from './IssuesManagerEvents.js';
 import {LowTextContrastIssue} from './LowTextContrastIssue.js';
 import {MixedContentIssue} from './MixedContentIssue.js';
 import {PartitioningBlobURLIssue} from './PartitioningBlobURLIssue.js';
+import {PermissionElementIssue} from './PermissionElementIssue.js';
 import {PropertyRuleIssue} from './PropertyRuleIssue.js';
 import {QuirksModeIssue} from './QuirksModeIssue.js';
 import {SharedArrayBufferIssue} from './SharedArrayBufferIssue.js';
@@ -144,6 +145,10 @@ const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode.UnencodedDigestIssue,
     UnencodedDigestIssue.fromInspectorIssue,
   ],
+  [
+    Protocol.Audits.InspectorIssueCode.PermissionElementIssue,
+    PermissionElementIssue.fromInspectorIssue,
+  ],
 ]);
 
 /**

package/front_end/models/issues_manager/PermissionElementIssue.ts

@@ -0,0 +1,262 @@
+// Copyright 2025 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import type * as SDK from '../../core/sdk/sdk.js';
+import * as Protocol from '../../generated/protocol.js';
+
+import {type AffectedElement, Issue, IssueCategory, IssueKind} from './Issue.js';
+import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
+
+export class PermissionElementIssue extends Issue<Protocol.Audits.PermissionElementIssueDetails> {
+  #issueDetails: Protocol.Audits.PermissionElementIssueDetails;
+
+  constructor(
+      issueDetails: Protocol.Audits.PermissionElementIssueDetails, issuesModel: SDK.IssuesModel.IssuesModel|null) {
+    const issueCode = [
+      Protocol.Audits.InspectorIssueCode.PermissionElementIssue,
+      issueDetails.issueType,
+    ].join('::');
+    super(issueCode, issueDetails, issuesModel);
+    this.#issueDetails = issueDetails;
+  }
+
+  getCategory(): IssueCategory {
+    return IssueCategory.PERMISSION_ELEMENT;
+  }
+
+  getDescription(): MarkdownIssueDescription|null {
+    const issueType = this.#issueDetails.issueType;
+
+    switch (issueType) {
+      case Protocol.Audits.PermissionElementIssueType.InvalidType:
+        return {
+          file: 'permissionElementInvalidType.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.FencedFrameDisallowed:
+        return {
+          file: 'permissionElementFencedFrameDisallowed.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.CspFrameAncestorsMissing:
+        return {
+          file: 'permissionElementCspFrameAncestorsMissing.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.PermissionsPolicyBlocked:
+        return {
+          file: 'permissionElementPermissionsPolicyBlocked.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+            ['PLACEHOLDER_PermissionName', this.#issueDetails.permissionName || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.PaddingRightUnsupported:
+        return {
+          file: 'permissionElementPaddingRightUnsupported.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.PaddingBottomUnsupported:
+        return {
+          file: 'permissionElementPaddingBottomUnsupported.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.InsetBoxShadowUnsupported:
+        return {
+          file: 'permissionElementInsetBoxShadowUnsupported.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.RequestInProgress:
+        return {
+          file: 'permissionElementRequestInProgress.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.UntrustedEvent:
+        return {
+          file: 'permissionElementUntrustedEvent.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.RegistrationFailed:
+        return {
+          file: 'permissionElementRegistrationFailed.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.TypeNotSupported:
+        return {
+          file: 'permissionElementTypeNotSupported.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.InvalidTypeActivation:
+        return {
+          file: 'permissionElementInvalidTypeActivation.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.SecurityChecksFailed:
+        return {
+          file: 'permissionElementSecurityChecksFailed.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.ActivationDisabled: {
+        if (this.#issueDetails.occluderNodeInfo && this.#issueDetails.occluderParentNodeInfo) {
+          return {
+            file: 'permissionElementActivationDisabledWithOccluderParent.md',
+            substitutions: new Map([
+              ['PLACEHOLDER_DisableReason', this.#issueDetails.disableReason || ''],
+              ['PLACEHOLDER_OccluderInfo', this.#issueDetails.occluderNodeInfo || ''],
+              ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+              ['PLACEHOLDER_OccluderParentInfo', this.#issueDetails.occluderParentNodeInfo || ''],
+            ]),
+            links: [],
+          };
+        }
+
+        if (this.#issueDetails.occluderNodeInfo) {
+          return {
+            file: 'permissionElementActivationDisabledWithOccluder.md',
+            substitutions: new Map([
+              ['PLACEHOLDER_DisableReason', this.#issueDetails.disableReason || ''],
+              ['PLACEHOLDER_OccluderInfo', this.#issueDetails.occluderNodeInfo || ''],
+              ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+            ]),
+            links: [],
+          };
+        }
+
+        return {
+          file: 'permissionElementActivationDisabled.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_DisableReason', this.#issueDetails.disableReason || ''],
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      }
+      case Protocol.Audits.PermissionElementIssueType.GeolocationDeprecated:
+        return {
+          file: 'permissionElementGeolocationDeprecated.md',
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.InvalidDisplayStyle:
+        return {
+          file: 'permissionElementInvalidDisplayStyle.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.NonOpaqueColor:
+        return {
+          file: 'permissionElementNonOpaqueColor.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.LowContrast:
+        return {
+          file: 'permissionElementLowContrast.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.FontSizeTooSmall:
+        return {
+          file: 'permissionElementFontSizeTooSmall.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.FontSizeTooLarge:
+        return {
+          file: 'permissionElementFontSizeTooLarge.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      case Protocol.Audits.PermissionElementIssueType.InvalidSizeValue:
+        return {
+          file: 'permissionElementInvalidSizeValue.md',
+          substitutions: new Map([
+            ['PLACEHOLDER_Type', this.#issueDetails.type || ''],
+          ]),
+          links: [],
+        };
+      default:
+        console.warn('Unknown PermissionElementIssueType:', issueType);
+        return null;
+    }
+  }
+
+  override elements(): Iterable<AffectedElement> {
+    if (this.#issueDetails.nodeId) {
+      const target = this.model()?.target();
+      const result = [{
+        backendNodeId: this.#issueDetails.nodeId,
+        nodeName: this.#issueDetails.type || 'Affected element',
+        target: target || null,
+      }];
+      return result;
+    }
+    return [];
+  }
+
+  getKind(): IssueKind {
+    return this.#issueDetails.isWarning ? IssueKind.IMPROVEMENT : IssueKind.PAGE_ERROR;
+  }
+
+  primaryKey(): string {
+    return `${Protocol.Audits.InspectorIssueCode.PermissionElementIssue}-${JSON.stringify(this.#issueDetails)}`;
+  }
+
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): PermissionElementIssue[] {
+    const permissionElementIssueDetails = inspectorIssue.details.permissionElementIssueDetails;
+    if (!permissionElementIssueDetails) {
+      console.warn('Permission element issue without details received.');
+      return [];
+    }
+    return [new PermissionElementIssue(permissionElementIssueDetails, issuesModel)];
+  }
+}

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

@@ -0,0 +1,7 @@
+# Activation disabled
+
+The "{PLACEHOLDER_Type}" element could not be activated for the following reason: {PLACEHOLDER_DisableReason}.
+
+To resolve this issue, ensure that the element follows all styling restrictions and is fully visible to the user.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

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

@@ -0,0 +1,9 @@
+# Activation disabled
+
+The "{PLACEHOLDER_Type}" element could not be activated for the following reason: {PLACEHOLDER_DisableReason}.
+
+The element is occluded by: "{PLACEHOLDER_OccluderInfo}"
+
+To resolve this issue, ensure that the element follows all styling restrictions and is fully visible to the user.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

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

@@ -0,0 +1,9 @@
+# Activation disabled
+
+The "{PLACEHOLDER_Type}" element could not be activated for the following reason: {PLACEHOLDER_DisableReason}.
+
+The element is occluded by: "{PLACEHOLDER_OccluderInfo}" (parent element: "{PLACEHOLDER_OccluderParentInfo}")
+
+To resolve this issue, ensure that the element follows all styling restrictions and is fully visible to the user.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

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

@@ -0,0 +1,5 @@
+# CSP `frame-ancestors` missing
+
+The "{PLACEHOLDER_Type}" element is used in a cross-origin iframe, but the required `frame-ancestors` Content Security Policy directive is missing.
+
+To resolve this issue, add a `frame-ancestors` Content Security Policy directive to the iframe.

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

@@ -0,0 +1,5 @@
+# Fenced frame disallowed
+
+The "{PLACEHOLDER_Type}" element is not allowed in a fenced frame.
+
+To resolve this issue, ensure the element is not used in a fenced frame.

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

@@ -0,0 +1,5 @@
+# Font size too large
+
+The "{PLACEHOLDER_Type}" element's font size is too large.
+
+To resolve this issue, ensure that the element's font is at most 'xx-large'.

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

@@ -0,0 +1,5 @@
+# Font size too small
+
+The "{PLACEHOLDER_Type}" element's font size is too small.
+
+To resolve this issue, ensure that the element's font is at least 'small'.

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

@@ -0,0 +1,5 @@
+# Geolocation deprecated
+
+Using `<permission type="geolocation">` is deprecated.
+
+To resolve this issue, use the `<geolocation>` element instead.

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

@@ -0,0 +1,5 @@
+# Unsupported inset box shadow
+
+The "{PLACEHOLDER_Type}" element does not support `inset` box shadows.
+
+To resolve this issue, remove the `inset` keyword from the relevant stylesheet.

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

@@ -0,0 +1,5 @@
+# Invalid display style
+
+The "{PLACEHOLDER_Type}" element has an invalid display style. Values that result in an unsupported layout are not allowed.
+
+To resolve this issue, consider using 'inline-block', 'block', or 'flex' instead.

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

@@ -0,0 +1,5 @@
+# Invalid size value
+
+Content, intrinsic, or stretch sizes are not supported as values for the min/max width and height of the "{PLACEHOLDER_Type}" element.
+
+To resolve this issue, use absolute or relative lengths for the element's width and height.

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

@@ -0,0 +1,5 @@
+# Invalid type attribute
+
+The "{PLACEHOLDER_Type}" type is not supported.
+
+To resolve this issue, ensure the element's type is one of the supported values: "camera", "microphone", "geolocation", "camera microphone".

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

@@ -0,0 +1,5 @@
+# Invalid type activation
+
+An element with the "{PLACEHOLDER_Type}" type was attempted to be activated. However this type is not supported.
+
+To resolve this issue, ensure the element's type is one of the supported values: "camera", "microphone", "geolocation", "camera microphone".

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

@@ -0,0 +1,5 @@
+# Low contrast
+
+The contrast between the text color and background color of the "{PLACEHOLDER_Type}" element is too low.
+
+To resolve this issue, ensure that your text/background colors have more contrast between them.

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

@@ -0,0 +1,5 @@
+# Non-opaque color
+
+The text color or background color of the "{PLACEHOLDER_Type}" element is non-opaque.
+
+To resolve this issue, ensure the element's text and background colors have their alpha channel value at 100%.

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

@@ -0,0 +1,6 @@
+# Unsupported bottom padding
+
+The "{PLACEHOLDER_Type}" element does not support `padding-bottom`.
+`padding-bottom` is always set to be identical to `padding-top`.
+
+To resolve this issue, ensure the element's `padding-bottom` is unset or identical to `padding-top`.

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

@@ -0,0 +1,6 @@
+# Unsupported right padding
+
+The "{PLACEHOLDER_Type}" element does not support `padding-right`.
+`padding-right` is always set to be identical to `padding-left`.
+
+To resolve this issue, ensure the element's `padding-right` is unset or identical to `padding-left`.

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

@@ -0,0 +1,5 @@
+# Permissions policy blocked
+
+The "{PLACEHOLDER_Type}" element is blocked by the "{PLACEHOLDER_PermissionName}" permission policy.
+
+To resolve this issue, ensure the frame which contains the element is loaded with the appropriate permission policy by its embedder.

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

@@ -0,0 +1,5 @@
+# Quota exceeded
+
+The "{PLACEHOLDER_Type}" element has surpassed the maximum instances quota per page.
+
+To resolve this issue, ensure that you have no more than 3 elements of the same type per page.

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

@@ -0,0 +1,5 @@
+# Request in progress
+
+A permission request on the "{PLACEHOLDER_Type}" element was prevented because a previous request is still in progress.
+
+To resolve this issue, ensure that the site does not allow users to interact with the element behind the current content scrim (for example by moving the element to a document in a new window, which is not covered by the scrim).

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

@@ -0,0 +1,5 @@
+# Activation disabled (quota)
+
+The "{PLACEHOLDER_Type}" element could not be activated because the page's quota has been exceeded.
+
+To resolve this issue, ensure that you have no more than 3 elements of the same type per page.

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

@@ -0,0 +1,5 @@
+# Permission not supported
+
+The permission type "{PLACEHOLDER_Type}" is not supported by this browser and therefore the element will not be functional.
+
+To resolve this issue, ensure the element's type is one of the supported values: "camera", "microphone", "geolocation", "camera microphone".

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

@@ -0,0 +1,7 @@
+# Untrusted event
+
+The "{PLACEHOLDER_Type}" element can only be activated by actual user clicks, not simulated ones.
+
+To resolve this issue, do not use frameworks which simulate click events, (e.g. via `click()`) and do not prevent the `DOMActivate` event.
+
+You can use the command line flag `--runtime-enabled-features=BypassPepcSecurityForTesting` to bypass this behavior for testing purposes.

package/front_end/models/issues_manager/issues_manager.ts

@@ -24,6 +24,7 @@ import * as LowTextContrastIssue from './LowTextContrastIssue.js';
 import * as MarkdownIssueDescription from './MarkdownIssueDescription.js';
 import * as MixedContentIssue from './MixedContentIssue.js';
 import * as PartitioningBlobURLIssue from './PartitioningBlobURLIssue.js';
+import * as PermissionElementIssue from './PermissionElementIssue.js';
 import * as PropertyRuleIssue from './PropertyRuleIssue.js';
 import * as QuirksModeIssue from './QuirksModeIssue.js';
 import * as RelatedIssue from './RelatedIssue.js';
@@ -57,6 +58,7 @@ export {
   MarkdownIssueDescription,
   MixedContentIssue,
   PartitioningBlobURLIssue,
+  PermissionElementIssue,
   PropertyRuleIssue,
   QuirksModeIssue,
   RelatedIssue,

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -6203,6 +6203,10 @@ export const NativeFunctions = [
     name: "CSSMathProduct",
     signatures: [["...args"]]
   },
+  {
+    name: "CSSMathRandom",
+    signatures: [["baseValue","min","max","?step"]]
+  },
   {
     name: "CSSMathSum",
     signatures: [["...args"]]
@@ -7802,6 +7806,10 @@ export const NativeFunctions = [
     name: "GamepadEvent",
     signatures: [["type","?eventInitDict"]]
   },
+  {
+    name: "GamepadRawInputChangeEvent",
+    signatures: [["type","?eventInitDict"]]
+  },
   {
     name: "addStroke",
     signatures: [["stroke"]]