chrome-devtools-frontend 1.0.1636056 → 1.0.1640418

package/front_end/models/ai_assistance/agents/StylingAgent.ts

@@ -160,13 +160,13 @@ export class NodeContext extends ConversationContext<SDK.DOMModel.DOMNode> {
     this.#node = node;
   }
 
-  getOrigin(): string {
+  override getURL(): string {
     const ownerDocument = this.#node.ownerDocument;
     if (!ownerDocument) {
       // The node is detached from a document.
       return 'detached';
     }
-    return new URL(ownerDocument.documentURL).origin;
+    return ownerDocument.documentURL;
   }
 
   getItem(): SDK.DOMModel.DOMNode {

package/front_end/models/ai_assistance/ai_assistance.ts

@@ -5,7 +5,6 @@
 import * as AgentProject from './AgentProject.js';
 import * as AccessibilityAgent from './agents/AccessibilityAgent.js';
 import * as AiAgent from './agents/AiAgent.js';
-import * as BreakpointDebuggerAgent from './agents/BreakpointDebuggerAgent.js';
 import * as ContextSelectionAgent from './agents/ContextSelectionAgent.js';
 import * as ConversationSummaryAgent from './agents/ConversationSummaryAgent.js';
 import * as FileAgent from './agents/FileAgent.js';
@@ -18,8 +17,10 @@ import * as PerformanceAgent from './agents/PerformanceAgent.js';
 import * as PerformanceAnnotationsAgent from './agents/PerformanceAnnotationsAgent.js';
 import * as StorageAgent from './agents/StorageAgent.js';
 import * as StylingAgent from './agents/StylingAgent.js';
+import * as AiAgent2 from './AiAgent2.js';
 import * as AiConversation from './AiConversation.js';
 import * as AiHistoryStorage from './AiHistoryStorage.js';
+import * as AiOrigins from './AiOrigins.js';
 import * as AiUtils from './AiUtils.js';
 import * as BuiltInAi from './BuiltInAi.js';
 import * as ChangeManager from './ChangeManager.js';
@@ -42,13 +43,14 @@ export {
   AccessibilityAgent,
   AgentProject,
   AiAgent,
+  AiAgent2,
   AICallTree,
   AIContext,
   AiConversation,
   AiHistoryStorage,
+  AiOrigins,
   AIQueries,
   AiUtils,
-  BreakpointDebuggerAgent,
   BuiltInAi,
   ChangeManager,
   ContextSelectionAgent,

package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt

@@ -376,7 +376,7 @@ This is the bottom-up summary for the entire trace. Only the top 20 activities (
 
 # Third parties
 
-- name: Yahoo!, main thread time: 214 ms, network transfer size: 2.4 MB
+- name: Yahoo!, main thread time: 214 ms, network transfer size: 1.6 MB
 - name: Taboola, main thread time: 41 ms, network transfer size: 391.7 kB
 - name: Google/Doubleclick Ads, main thread time: 41 ms, network transfer size: 225.7 kB
 - name: Google Tag Manager, main thread time: 19 ms, network transfer size: 123.8 kB
@@ -932,7 +932,7 @@ Title: PerformanceTraceFormatter formatThirdPartySummary yahoo-news.json.gz
 Content:
 # 3rd party summary
 
-- name: Yahoo!, main thread time: 270 ms, network transfer size: 2.4 MB
+- name: Yahoo!, main thread time: 270 ms, network transfer size: 1.6 MB
 - name: Google/Doubleclick Ads, main thread time: 53 ms, network transfer size: 258.6 kB
 - name: Taboola, main thread time: 43 ms, network transfer size: 393.6 kB
 - name: Google Tag Manager, main thread time: 19 ms, network transfer size: 123.8 kB

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

@@ -124,15 +124,14 @@ export class AgentFocus {
     return focus;
   }
 
-  lookupEvent(key: Trace.Types.File.SerializableKey): Trace.Types.Events.Event|null {
+  lookupEvent(key: string): Trace.Types.Events.Event|null {
     try {
-      return this.eventsSerializer.eventForKey(key, this.#data.parsedTrace);
-    } catch (err) {
-      if (err.toString().includes('Unknown trace event') || err.toString().includes('Unknown profile call')) {
-        return null;
-      }
-
-      throw err;
+      return this.eventsSerializer.eventForKey(key as Trace.Types.File.SerializableKey, this.#data.parsedTrace) ?? null;
+    } catch {
+      // We must silence all lookup and serialization errors here. Otherwise,
+      // any malformed link or invalid event key in the LLM response will throw
+      // an unhandled exception, breaking the panel's markdown rendering entirely.
+      return null;
     }
   }
 

package/front_end/models/ai_assistance/skills/README.md

@@ -0,0 +1,40 @@
+# AI Assistant Skills
+
+This directory contains the definitions for skills used by `AiAgent2`.
+
+## Authoring Skills
+
+Skills are authored as Markdown files with YAML frontmatter.
+
+Example:
+```markdown
+---
+name: styling
+allowed-tools: [search_web]
+---
+You are a CSS expert...
+```
+
+*   **Frontmatter**: Contains metadata like `name` and `allowed-tools`.
+*   **Body**: The instructions for the skill (prompt).
+
+### Why Markdown?
+
+Skills are stored as Markdown to make it easier to share them with other codebases or systems that might not be using TypeScript or the DevTools build system. This is an intentional trade-off that requires a build step for DevTools.
+
+## Build System
+
+Markdown files are converted to JavaScript files (`.skill.js`) during the build process.
+
+*   **Script**: `scripts/build/build_ai_skills.mjs` processes each file individually.
+*   **GN Target**: `action_foreach("generate_skills")` in `front_end/models/ai_assistance/skills/BUILD.gn`.
+*   **Output**: Files are placed in the generation directory, e.g., `out/Default/gen/front_end/models/ai_assistance/skills/styling.skill.js`.
+
+## Consumption
+
+To use a skill in TypeScript:
+
+1.  Import it: `import {skill} from './styling.skill.js';`
+2.  Register it in `SkillRegistry.ts`.
+
+Types are provided globally in `front_end/global_typings/global_defs.d.ts` via a wildcard module declaration (`*.skill.js`). This avoids the need to generate `tsconfig.json` files for the generated skills.

package/front_end/models/ai_assistance/skills/Skill.ts

@@ -0,0 +1,13 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+// This will become a union type as we add more skills (e.g. 'styling' | 'network').
+export type SkillName = 'styling';
+
+export interface Skill {
+  name: SkillName;
+  description: string;
+  allowedTools: string[];
+  instructions: string;
+}

package/front_end/models/ai_assistance/skills/SkillRegistry.ts

@@ -0,0 +1,10 @@
+// Copyright 2026 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 {Skill, SkillName} from './Skill.js';
+import {skill as stylingSkill} from './styling.skill.js';
+
+export const SKILLS: Record<SkillName, Skill> = {
+  styling: stylingSkill,
+};

package/front_end/models/ai_assistance/skills/styling.md

@@ -0,0 +1,6 @@
+---
+name: styling
+description: Helping with CSS and styling
+allowed-tools: []
+---
+You are a CSS expert helping the user style elements.

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -231,16 +231,24 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
       SDK.DebuggerModel.Location[] {
     const locations = [];
     for (const sourceMap of this.#uiSourceCodeToSourceMaps.get(uiSourceCode)) {
-      const entry = sourceMap.sourceLineMapping(uiSourceCode.url(), lineNumber, columnNumber);
-      if (!entry) {
+      const firstEntry = sourceMap.sourceLineMapping(uiSourceCode.url(), lineNumber, columnNumber);
+      if (!firstEntry) {
+        continue;
+      }
+      const entries = sourceMap.findReverseEntries(
+          uiSourceCode.url(), firstEntry.sourceLineNumber, firstEntry.sourceColumnNumber, true);
+      if (entries.length === 0) {
         continue;
       }
       const script = this.#sourceMapManager.clientForSourceMap(sourceMap);
       if (!script) {
         continue;
       }
-      const location = script.relativeLocationToRawLocation(entry);
-      locations.push(script.debuggerModel.createRawLocation(script, location.lineNumber, location.columnNumber));
+
+      for (const entry of entries) {
+        const location = script.relativeLocationToRawLocation(entry);
+        locations.push(script.debuggerModel.createRawLocation(script, location.lineNumber, location.columnNumber));
+      }
     }
     return locations;
   }

package/front_end/models/breakpoints/BreakpointManager.ts

@@ -696,9 +696,19 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
 
     // Do we need to do this? Not sure if bound locations will leak...
     if (this.bound()) {
+      const removedUILocations = new Map<string, Workspace.UISourceCode.UILocation>();
       for (const uiLocation of this.#uiLocations) {
         if (uiLocation.uiSourceCode === uiSourceCode) {
           this.#uiLocations.delete(uiLocation);
+          removedUILocations.set(uiLocation.id(), uiLocation);
+        }
+      }
+
+      for (const uiLocation of removedUILocations.values()) {
+        // Multiple physically distinct UILocations can map to the same logical location
+        // (same ID). We only notify the manager if all instances of this logical location are gone.
+        const isGoneLogically = !Array.from(this.#uiLocations).some(loc => loc.id() === uiLocation.id());
+        if (isGoneLogically) {
           this.breakpointManager.uiLocationRemoved(uiLocation);
         }
       }
@@ -730,14 +740,26 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
       // This is our first bound location; remove all unbound locations
       this.removeAllUnboundLocations();
     }
+    // A single logical breakpoint can resolve to multiple raw locations (e.g. due to
+    // inlining or SSR/client template duplication) that map back to the same logical
+    // UILocation. We only notify the manager once per logical UILocation to avoid
+    // duplicate items/decorations in the UI.
+    const isNewLogicalLocation = !Array.from(this.#uiLocations).some(loc => loc.id() === uiLocation.id());
     this.#uiLocations.add(uiLocation);
-    this.breakpointManager.uiLocationAdded(this, uiLocation);
+    if (isNewLogicalLocation) {
+      this.breakpointManager.uiLocationAdded(this, uiLocation);
+    }
   }
 
   uiLocationRemoved(uiLocation: Workspace.UISourceCode.UILocation): void {
     if (this.#uiLocations.has(uiLocation)) {
       this.#uiLocations.delete(uiLocation);
-      this.breakpointManager.uiLocationRemoved(uiLocation);
+      // We only notify the manager if there are no other resolved locations left
+      // that map to this same logical UILocation (same ID).
+      const isGoneLogically = !Array.from(this.#uiLocations).some(loc => loc.id() === uiLocation.id());
+      if (isGoneLogically) {
+        this.breakpointManager.uiLocationRemoved(uiLocation);
+      }
       if (!this.bound() && !this.isRemoved) {
         this.addAllUnboundLocations();
       }
@@ -752,6 +774,36 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
     return this.#uiLocations.size !== 0;
   }
 
+  getClosestResolvedLocation(): Workspace.UISourceCode.UILocation|null {
+    if (this.#uiLocations.size === 0) {
+      return null;
+    }
+    let closestLocation: Workspace.UISourceCode.UILocation|null = null;
+    let minLineDiff = Infinity;
+    let minColDiff = Infinity;
+
+    const breakpointLine = this.lineNumber();
+    const breakpointColumn = this.columnNumber() ?? 0;
+
+    for (const uiLocation of this.#uiLocations) {
+      const lineDiff = Math.abs(uiLocation.lineNumber - breakpointLine);
+      const colDiff = Math.abs((uiLocation.columnNumber ?? 0) - breakpointColumn);
+
+      if (lineDiff < minLineDiff) {
+        minLineDiff = lineDiff;
+        minColDiff = colDiff;
+        closestLocation = uiLocation;
+      } else if (lineDiff === minLineDiff) {
+        if (colDiff < minColDiff) {
+          minColDiff = colDiff;
+          closestLocation = uiLocation;
+        }
+      }
+    }
+
+    return closestLocation;
+  }
+
   setEnabled(enabled: boolean): void {
     this.updateState({...this.#storageState, enabled});
   }

package/front_end/models/greendev/Prototypes.ts

@@ -11,7 +11,6 @@ export interface GreenDevSettings {
   aiAnnotations: Common.Settings.Setting<boolean>;
   beyondStylingGemini: Common.Settings.Setting<boolean>;
   beyondStylingAntigravity: Common.Settings.Setting<boolean>;
-  breakpointDebuggerAgent: Common.Settings.Setting<boolean>;
   emulationCapabilities: Common.Settings.Setting<boolean>;
 }
 
@@ -53,11 +52,6 @@ export class Prototypes {
         false,
         Common.Settings.SettingStorageType.GLOBAL,
     );
-    const breakpointDebuggerAgent = settings.createSetting(
-        'greendev-breakpoint-debugger-agent-enabled',
-        false,
-        Common.Settings.SettingStorageType.LOCAL,
-    );
     const emulationCapabilities = settings.createSetting(
         'greendev-emulation-capabilities-enabled',
         false,
@@ -68,7 +62,6 @@ export class Prototypes {
       aiAnnotations,
       beyondStylingGemini,
       beyondStylingAntigravity,
-      breakpointDebuggerAgent,
       emulationCapabilities
     };
   }

package/front_end/models/heap_snapshot/HeapSnapshotModel.ts

@@ -267,3 +267,23 @@ export class Location {
     this.columnNumber = columnNumber;
   }
 }
+
+export interface RetainingEdge {
+  edgeIndex: number;
+  edgeName: string;
+  edgeType: string;
+  nodeId: number;
+  nodeIndex: number;
+  nodeName: string;
+  distance: number;
+  children: RetainingEdge[];
+}
+
+export interface RetainingPaths {
+  paths: RetainingEdge[];
+  limitsReached: {
+    depth?: boolean,
+    nodes?: boolean,
+    siblings?: boolean,
+  };
+}

package/front_end/models/heap_snapshot/HeapSnapshotProxy.ts

@@ -363,6 +363,11 @@ export class HeapSnapshotProxy extends HeapSnapshotProxyObject {
     return this.callMethodPromise('ignoreNodeInRetainersView', nodeIndex);
   }
 
+  getRetainingPaths(nodeIndex: number, maxDepth?: number, maxNodes?: number, maxSiblings?: number):
+      Promise<HeapSnapshotModel.RetainingPaths> {
+    return this.callMethodPromise('getRetainingPaths', nodeIndex, maxDepth, maxNodes, maxSiblings);
+  }
+
   unignoreNodeInRetainersView(nodeIndex: number): Promise<void> {
     return this.callMethodPromise('unignoreNodeInRetainersView', nodeIndex);
   }

package/front_end/models/issues_manager/EmailVerificationRequestIssue.ts

@@ -0,0 +1,293 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as i18n from '../../core/i18n/i18n.js';
+import type * as SDK from '../../core/sdk/sdk.js';
+import * as Protocol from '../../generated/protocol.js';
+
+import {Issue, IssueCategory, IssueKind} from './Issue.js';
+import {
+  type LazyMarkdownIssueDescription,
+  type MarkdownIssueDescription,
+  resolveLazyDescription,
+} from './MarkdownIssueDescription.js';
+
+const UIStrings = {
+  /**
+   * @description Title for Email Verification Protocol specification url link
+   */
+  emailVerification: 'Email Verification Protocol',
+} as const;
+const str_ = i18n.i18n.registerUIStrings('models/issues_manager/EmailVerificationRequestIssue.ts', UIStrings);
+const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
+
+export class EmailVerificationRequestIssue extends Issue<Protocol.Audits.EmailVerificationRequestIssueDetails> {
+  constructor(
+      issueDetails: Protocol.Audits.EmailVerificationRequestIssueDetails,
+      issuesModel: SDK.IssuesModel.IssuesModel|null) {
+    super(
+        {
+          code: Protocol.Audits.InspectorIssueCode.EmailVerificationRequestIssue,
+          umaCode: [
+            Protocol.Audits.InspectorIssueCode.EmailVerificationRequestIssue,
+            issueDetails.emailVerificationRequestIssueReason,
+          ].join('::'),
+        },
+        issueDetails, issuesModel);
+  }
+
+  getCategory(): IssueCategory {
+    return IssueCategory.OTHER;
+  }
+
+  getDescription(): MarkdownIssueDescription|null {
+    const description = issueDescriptions.get(this.details().emailVerificationRequestIssueReason);
+    if (!description) {
+      return null;
+    }
+    return resolveLazyDescription(description);
+  }
+
+  primaryKey(): string {
+    return JSON.stringify(this.details());
+  }
+
+  getKind(): IssueKind {
+    return IssueKind.PAGE_ERROR;
+  }
+
+  static fromInspectorIssue(
+      issuesModel: SDK.IssuesModel.IssuesModel|null,
+      inspectorIssue: Protocol.Audits.InspectorIssue): EmailVerificationRequestIssue[] {
+    const details = inspectorIssue.details.emailVerificationRequestIssueDetails;
+    if (!details) {
+      console.warn('Email verification request issue without details received.');
+      return [];
+    }
+    return [new EmailVerificationRequestIssue(details, issuesModel)];
+  }
+}
+
+const issueDescriptions = new Map<Protocol.Audits.EmailVerificationRequestIssueReason, LazyMarkdownIssueDescription>([
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.InvalidEmail,
+    {
+      file: 'emailVerificationRequestInvalidEmail.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.DnsFetchFailed,
+    {
+      file: 'emailVerificationRequestDnsFetchFailed.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.DnsInvalidRecord,
+    {
+      file: 'emailVerificationRequestDnsInvalidRecord.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownHttpNotFound,
+    {
+      file: 'emailVerificationRequestWellKnownHttpNotFound.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownNoResponse,
+    {
+      file: 'emailVerificationRequestWellKnownNoResponse.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownInvalidResponse,
+    {
+      file: 'emailVerificationRequestWellKnownInvalidResponse.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownListEmpty,
+    {
+      file: 'emailVerificationRequestWellKnownListEmpty.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownInvalidContentType,
+    {
+      file: 'emailVerificationRequestWellKnownInvalidContentType.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownMissingIssuanceEndpoint,
+    {
+      file: 'emailVerificationRequestWellKnownMissingIssuanceEndpoint.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownIssuanceEndpointCrossOrigin,
+    {
+      file: 'emailVerificationRequestWellKnownIssuanceEndpointCrossOrigin.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownUnsupportedSigningAlgorithm,
+    {
+      file: 'emailVerificationRequestWellKnownUnsupportedSigningAlgorithm.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.TokenHttpNotFound,
+    {
+      file: 'emailVerificationRequestTokenHttpNotFound.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.TokenNoResponse,
+    {
+      file: 'emailVerificationRequestTokenNoResponse.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.TokenInvalidResponse,
+    {
+      file: 'emailVerificationRequestTokenInvalidResponse.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.TokenInvalidContentType,
+    {
+      file: 'emailVerificationRequestTokenInvalidContentType.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.TokenMalformedSdJwt,
+    {
+      file: 'emailVerificationRequestTokenMalformedSdJwt.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.TokenInvalidSdJwt,
+    {
+      file: 'emailVerificationRequestTokenInvalidSdJwt.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.KeyBindingSigningFailed,
+    {
+      file: 'emailVerificationRequestKeyBindingSigningFailed.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.RpOriginIsOpaque,
+    {
+      file: 'emailVerificationRequestRpOriginIsOpaque.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownMissingAccountsEndpoint,
+    {
+      file: 'emailVerificationRequestWellKnownMissingAccountsEndpoint.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.UserLoggedOut,
+    {
+      file: 'emailVerificationRequestUserLoggedOut.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+  [
+    Protocol.Audits.EmailVerificationRequestIssueReason.WellKnownAccountsEndpointCrossOrigin,
+    {
+      file: 'emailVerificationRequestWellKnownAccountsEndpointCrossOrigin.md',
+      links: [{
+        link: 'https://github.com/WICG/email-verification-protocol',
+        linkTitle: i18nLazyString(UIStrings.emailVerification),
+      }],
+    },
+  ],
+]);

package/front_end/models/issues_manager/IssuesManager.ts

@@ -17,6 +17,7 @@ import {CorsIssue} from './CorsIssue.js';
 import {CrossOriginEmbedderPolicyIssue, isCrossOriginEmbedderPolicyIssue} from './CrossOriginEmbedderPolicyIssue.js';
 import {DeprecationIssue} from './DeprecationIssue.js';
 import {ElementAccessibilityIssue} from './ElementAccessibilityIssue.js';
+import {EmailVerificationRequestIssue} from './EmailVerificationRequestIssue.js';
 import {FederatedAuthRequestIssue} from './FederatedAuthRequestIssue.js';
 import {GenericIssue} from './GenericIssue.js';
 import {HeavyAdIssue} from './HeavyAdIssue.js';
@@ -105,6 +106,10 @@ const issueCodeHandlers = new Map<
     Protocol.Audits.InspectorIssueCode.ClientHintIssue,
     ClientHintIssue.fromInspectorIssue,
   ],
+  [
+    Protocol.Audits.InspectorIssueCode.EmailVerificationRequestIssue,
+    EmailVerificationRequestIssue.fromInspectorIssue,
+  ],
   [
     Protocol.Audits.InspectorIssueCode.FederatedAuthRequestIssue,
     FederatedAuthRequestIssue.fromInspectorIssue,

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

@@ -0,0 +1 @@
+# Email verification request failed because the DNS fetch failed.

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

@@ -0,0 +1 @@
+# Email verification request failed because the DNS record is invalid.

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

@@ -0,0 +1 @@
+# Email verification request failed because the email address is invalid.

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

@@ -0,0 +1 @@
+# Email verification request failed because key binding signing failed.