chrome-devtools-frontend 1.0.1684555 → 1.0.1689415

package/front_end/models/ai_assistance/tools/Tool.ts

@@ -9,6 +9,7 @@ import type * as Trace from '../../trace/trace.js';
 import type {AiWidget, ConversationContext, FunctionHandlerOptions} from '../agents/AiAgent.js';
 import type {executeJsCode} from '../agents/ExecuteJavascript.js';
 import type {ChangeManager} from '../ChangeManager.js';
+import type {PerformanceTraceContext} from '../contexts/PerformanceTraceContext.js';
 
 /**
  * Result indicating an error occurred during tool execution.
@@ -58,14 +59,13 @@ export type ContextHandlerResult<ContextType = unknown> =
     ToolContextResult<ContextType>|ToolApprovalResult|ToolErrorResult;
 
 /**
- * Base capability for all tool contexts, providing access to the conversation context.
+ * Base capability interface for all tool contexts.
+ * This interface is intentionally empty: tools must explicitly declare any
+ * capabilities they require (e.g. `TargetCapability`, `PerformanceTraceCapability`)
+ * rather than relying on implicitly provided context.
  */
-export interface BaseToolCapability {
-  /**
-   * The active context for the current conversation step, if any.
-   */
-  conversationContext: ConversationContext<unknown>|null;
-}
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export interface BaseToolCapability {}
 
 /**
  * Capability for tools that need to execute JavaScript code on the inspected page.
@@ -135,6 +135,13 @@ export interface LighthouseRecordingCapability {
   runLighthouse(overrides?: LHModel.RunTypes.RunOverrides): Promise<LHModel.ReporterTypes.ReportJSON|null>;
 }
 
+/**
+ * Capability for tools that need access to the active performance trace context.
+ */
+export interface PerformanceTraceCapability {
+  getPerformanceTraceContext(): PerformanceTraceContext|null;
+}
+
 /**
  * Capability for tools that need to record performance traces.
  */
@@ -146,9 +153,9 @@ export interface PerformanceRecordingCapability {
  * Unified context interface providing all capabilities available in the project.
  * Used by the agent to pass a complete context to any tool type-safely.
  */
-export type AllToolsCapabilities =
-    BaseToolCapability&PageExecutionCapability&StyleMutationCapability&TargetCapability&OriginLockCapability&
-    LighthouseReportCapability&LighthouseRecordingCapability&PerformanceRecordingCapability&ServerLoggingCapability;
+export type AllToolsCapabilities = BaseToolCapability&PageExecutionCapability&StyleMutationCapability&TargetCapability&
+    OriginLockCapability&LighthouseReportCapability&LighthouseRecordingCapability&PerformanceRecordingCapability&
+    PerformanceTraceCapability&ServerLoggingCapability;
 
 /**
  * Base argument type for AI Tools.
@@ -158,7 +165,7 @@ export type ToolArgs = Record<string, unknown>;
 // The maximum size (in bytes) of a function execution result.
 // Approximately 16k tokens at ~4 characters per token, designed to limit
 // result sizes to prevent overloading the LLM's context window.
-export const MAX_FUNCTION_RESULT_BYTE_LENGTH = 16384 * 4;
+export const MAX_FUNCTION_RESULT_BYTE_LENGTH: number = 16384 * 4;
 
 export const enum ToolName {
   EXECUTE_JAVASCRIPT = 'executeJavaScript',
@@ -172,6 +179,8 @@ export const enum ToolName {
   LIST_PAGE_ORIGINS = 'listPageOrigins',
   LIST_STORAGE_KEYS = 'listStorageKeys',
   GET_STORAGE_VALUES = 'getStorageValues',
+  LIST_COOKIES = 'listCookies',
+  GET_COOKIE_VALUES = 'getCookieValues',
   GET_TRACE_EVENT_BY_KEY = 'getTraceEventByKey',
   SELECT_TRACE_EVENT_BY_KEY = 'selectTraceEventByKey',
   LIST_SOURCES = 'listSources',
@@ -183,6 +192,7 @@ export const enum ToolName {
   GET_FUNCTION_CODE = 'getFunctionCode',
   GET_RESOURCE_CONTENT = 'getResourceContent',
   GET_INSIGHT_DETAILS = 'getInsightDetails',
+  GET_STORAGE_BREAKDOWN = 'getStorageBreakdown',
 }
 
 /**

package/front_end/models/ai_assistance/tools/ToolRegistry.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import {ExecuteJavaScriptTool} from './ExecuteJavaScript.js';
+import {GetCookieValuesTool} from './GetCookieValues.js';
 import {GetDetailedCallTreeTool} from './GetDetailedCallTree.js';
 import {GetElementAccessibilityDetailsTool} from './GetElementAccessibilityDetails.js';
 import {GetFunctionCodeTool} from './GetFunctionCode.js';
@@ -11,11 +12,13 @@ import {GetLighthouseAuditsTool} from './GetLighthouseAudits.js';
 import {GetNetworkRequestDetailsTool} from './GetNetworkRequestDetails.js';
 import {GetResourceContentTool} from './GetResourceContent.js';
 import {GetSourceContentTool} from './GetSourceContent.js';
+import {GetStorageBreakdownTool} from './GetStorageBreakdown.js';
 import {GetStorageValuesTool} from './GetStorageValues.js';
 import {GetStylesTool} from './GetStyles.js';
 import {GetTraceEventByKeyTool} from './GetTraceEventByKey.js';
 import {GetTraceMainThreadSummaryTool} from './GetTraceMainThreadSummary.js';
 import {GetTraceNetworkSummaryTool} from './GetTraceNetworkSummary.js';
+import {ListCookiesTool} from './ListCookies.js';
 import {ListNetworkRequestsTool} from './ListNetworkRequests.js';
 import {ListPageOriginsTool} from './ListPageOrigins.js';
 import {ListSourcesTool} from './ListSources.js';
@@ -26,15 +29,42 @@ import {RunLighthouseTool} from './RunLighthouse.js';
 import {SelectTraceEventByKeyTool} from './SelectTraceEventByKey.js';
 import {type AllToolsCapabilities, type Tool, type ToolArgs, ToolName} from './Tool.js';
 
+export interface BaseToolsRegistryMap {
+  [ToolName.EXECUTE_JAVASCRIPT]: ExecuteJavaScriptTool;
+  [ToolName.GET_STYLES]: GetStylesTool;
+  [ToolName.LIST_NETWORK_REQUESTS]: ListNetworkRequestsTool;
+  [ToolName.GET_NETWORK_REQUEST_DETAILS]: GetNetworkRequestDetailsTool;
+  [ToolName.GET_LIGHTHOUSE_AUDITS]: GetLighthouseAuditsTool;
+  [ToolName.RESOLVE_DEVTOOLS_NODE_PATH]: ResolveDevtoolsNodePathTool;
+  [ToolName.GET_ELEMENT_ACCESSIBILITY_DETAILS]: GetElementAccessibilityDetailsTool;
+  [ToolName.RECORD_PERFORMANCE_TRACE]: RecordPerformanceTraceTool;
+  [ToolName.LIST_PAGE_ORIGINS]: ListPageOriginsTool;
+  [ToolName.LIST_STORAGE_KEYS]: ListStorageKeysTool;
+  [ToolName.GET_STORAGE_VALUES]: GetStorageValuesTool;
+  [ToolName.LIST_COOKIES]: ListCookiesTool;
+  [ToolName.GET_COOKIE_VALUES]: GetCookieValuesTool;
+  [ToolName.GET_TRACE_EVENT_BY_KEY]: GetTraceEventByKeyTool;
+  [ToolName.SELECT_TRACE_EVENT_BY_KEY]: SelectTraceEventByKeyTool;
+  [ToolName.LIST_SOURCES]: ListSourcesTool;
+  [ToolName.GET_SOURCE_CONTENT]: GetSourceContentTool;
+  [ToolName.GET_TRACE_MAIN_THREAD_SUMMARY]: GetTraceMainThreadSummaryTool;
+  [ToolName.GET_TRACE_NETWORK_SUMMARY]: GetTraceNetworkSummaryTool;
+  [ToolName.RUN_LIGHTHOUSE]: RunLighthouseTool;
+  [ToolName.GET_DETAILED_CALL_TREE]: GetDetailedCallTreeTool;
+  [ToolName.GET_FUNCTION_CODE]: GetFunctionCodeTool;
+  [ToolName.GET_RESOURCE_CONTENT]: GetResourceContentTool;
+  [ToolName.GET_INSIGHT_DETAILS]: GetInsightDetailsTool;
+  [ToolName.GET_STORAGE_BREAKDOWN]: GetStorageBreakdownTool;
+}
+
+export type ToolsRegistryMap = BaseToolsRegistryMap&{
+  [K in ToolName as `${K}`]: BaseToolsRegistryMap[K];
+};
+
 /**
  * Plain object registry containing concrete instantiated tools.
- *
- * This object is deliberately declared as a plain object without an explicit type annotation
- * (like `Record<ToolName, Tool>`) to preserve the exact concrete type of each registered tool.
- * This is required to support compile-time type safety and inference in the overloaded
- * `ToolRegistry.get()` method, which maps a literal `ToolName` key to its specific class type.
  */
-export const TOOLS = {
+export const TOOLS: BaseToolsRegistryMap = {
   [ToolName.EXECUTE_JAVASCRIPT]: new ExecuteJavaScriptTool(),
   [ToolName.GET_STYLES]: new GetStylesTool(),
   [ToolName.LIST_NETWORK_REQUESTS]: new ListNetworkRequestsTool(),
@@ -46,6 +76,8 @@ export const TOOLS = {
   [ToolName.LIST_PAGE_ORIGINS]: new ListPageOriginsTool(),
   [ToolName.LIST_STORAGE_KEYS]: new ListStorageKeysTool(),
   [ToolName.GET_STORAGE_VALUES]: new GetStorageValuesTool(),
+  [ToolName.LIST_COOKIES]: new ListCookiesTool(),
+  [ToolName.GET_COOKIE_VALUES]: new GetCookieValuesTool(),
   [ToolName.GET_TRACE_EVENT_BY_KEY]: new GetTraceEventByKeyTool(),
   [ToolName.SELECT_TRACE_EVENT_BY_KEY]: new SelectTraceEventByKeyTool(),
   [ToolName.LIST_SOURCES]: new ListSourcesTool(),
@@ -57,6 +89,7 @@ export const TOOLS = {
   [ToolName.GET_FUNCTION_CODE]: new GetFunctionCodeTool(),
   [ToolName.GET_RESOURCE_CONTENT]: new GetResourceContentTool(),
   [ToolName.GET_INSIGHT_DETAILS]: new GetInsightDetailsTool(),
+  [ToolName.GET_STORAGE_BREAKDOWN]: new GetStorageBreakdownTool(),
 };
 
 /**
@@ -66,11 +99,11 @@ export class ToolRegistry {
   /**
    * Retrieves a tool by its literal name with 100% type safety.
    *
-   * @template K - A key from the `TOOLS` registry.
+   * @template K - A key from the `ToolsRegistryMap` registry.
    * @param name The literal name of the tool to retrieve.
    * @returns The concrete class type of the requested tool.
    */
-  static get<K extends keyof typeof TOOLS>(name: K): typeof TOOLS[K];
+  static get<K extends keyof ToolsRegistryMap>(name: K): ToolsRegistryMap[K];
   /**
    * Fallback retrieval signature for general or runtime string lookups.
    *

package/front_end/models/badges/AiExplorerBadge.ts

@@ -15,12 +15,12 @@ export class AiExplorerBadge extends Badge {
       'profiles/me/awards/developers.google.com%2Fprofile%2Fbadges%2Factivity%2Fchrome-devtools%2Fai-explorer';
   override readonly title = 'AI Explorer';
   override readonly jslogContext = 'ai-explorer';
-  override readonly imageUri = AI_EXPLORER_BADGE_URI;
+  override readonly imageUri: string = AI_EXPLORER_BADGE_URI;
   readonly #aiConversationCountSetting: Common.Settings.Setting<number>;
 
-  override readonly interestedActions = [
+  override readonly interestedActions: readonly BadgeAction[] = [
     BadgeAction.STARTED_AI_CONVERSATION,
-  ] as const;
+  ];
 
   constructor(badgeContext: BadgeContext) {
     super(badgeContext);

package/front_end/models/badges/CodeWhispererBadge.ts

@@ -10,9 +10,9 @@ export class CodeWhispererBadge extends Badge {
       'profiles/me/awards/developers.google.com%2Fprofile%2Fbadges%2Factivity%2Fchrome-devtools%2Fcode-whisperer';
   override readonly title = 'Code Whisperer';
   override readonly jslogContext = 'code-whisperer';
-  override readonly imageUri = CODE_WHISPERER_BADGE_IMAGE_URI;
+  override readonly imageUri: string = CODE_WHISPERER_BADGE_IMAGE_URI;
 
-  override readonly interestedActions = [BadgeAction.DEBUGGER_PAUSED] as const;
+  override readonly interestedActions: readonly BadgeAction[] = [BadgeAction.DEBUGGER_PAUSED];
 
   handleAction(_action: BadgeAction): void {
     this.trigger();

package/front_end/models/badges/DOMDetectiveBadge.ts

@@ -10,11 +10,11 @@ export class DOMDetectiveBadge extends Badge {
       'profiles/me/awards/developers.google.com%2Fprofile%2Fbadges%2Factivity%2Fchrome-devtools%2Fdom-detective';
   override readonly title = 'DOM Detective';
   override readonly jslogContext = 'dom-detective';
-  override readonly imageUri = DOM_DETECTIVE_BADGE_IMAGE_URI;
+  override readonly imageUri: string = DOM_DETECTIVE_BADGE_IMAGE_URI;
 
-  override readonly interestedActions = [
+  override readonly interestedActions: readonly BadgeAction[] = [
     BadgeAction.MODERN_DOM_BADGE_CLICKED,
-  ] as const;
+  ];
 
   handleAction(_action: BadgeAction): void {
     this.trigger();

package/front_end/models/badges/SpeedsterBadge.ts

@@ -10,10 +10,10 @@ export class SpeedsterBadge extends Badge {
       'profiles/me/awards/developers.google.com%2Fprofile%2Fbadges%2Factivity%2Fchrome-devtools%2Fspeedster';
   override readonly title = 'Speedster';
   override readonly jslogContext = 'speedster';
-  override readonly interestedActions = [
+  override readonly interestedActions: readonly BadgeAction[] = [
     BadgeAction.PERFORMANCE_INSIGHT_CLICKED,
-  ] as const;
-  override readonly imageUri = SPEEDSTER_BADGE_URI;
+  ];
+  override readonly imageUri: string = SPEEDSTER_BADGE_URI;
 
   handleAction(_action: BadgeAction): void {
     this.trigger();

package/front_end/models/badges/StarterBadge.ts

@@ -6,15 +6,15 @@ import {Badge, BadgeAction} from './Badge.js';
 
 const STARTER_BADGE_IMAGE_URI = new URL('../../Images/devtools-user-badge.svg', import.meta.url).toString();
 export class StarterBadge extends Badge {
-  override readonly isStarterBadge = true;
+  override readonly isStarterBadge: boolean = true;
   override readonly name =
       'profiles/me/awards/developers.google.com%2Fprofile%2Fbadges%2Factivity%2Fchrome-devtools%2Fchrome-devtools-user';
   override readonly title = 'Chrome DevTools User';
   override readonly jslogContext = 'chrome-devtools-user';
-  override readonly imageUri = STARTER_BADGE_IMAGE_URI;
+  override readonly imageUri: string = STARTER_BADGE_IMAGE_URI;
 
   // TODO(ergunsh): Add remaining non-trivial event definitions
-  override readonly interestedActions = [
+  override readonly interestedActions: readonly BadgeAction[] = [
     BadgeAction.GDP_SIGN_UP_COMPLETE,
     BadgeAction.RECEIVE_BADGES_SETTING_ENABLED,
     BadgeAction.CSS_RULE_MODIFIED,
@@ -24,7 +24,7 @@ export class StarterBadge extends Badge {
     BadgeAction.PERFORMANCE_RECORDING_STARTED,
     BadgeAction.NETWORK_SPEED_THROTTLED,
     BadgeAction.RECORDER_RECORDING_STARTED,
-  ] as const;
+  ];
 
   handleAction(action: BadgeAction): void {
     this.trigger({immediate: action === BadgeAction.GDP_SIGN_UP_COMPLETE});

package/front_end/models/bindings/CompilerScriptMapping.ts

@@ -458,13 +458,22 @@ export class CompilerScriptMapping implements DebuggerSourceMapping {
     this.removeStubUISourceCode(script);
 
     const target = script.target();
-    const projectId = `jsSourceMaps:${script.isContentScript() ? 'extensions' : ''}:${target.id()}`;
+    const embedderName = script.embedderName();
+    let securityOrigin: SDK.SecurityOrigin.SecurityOrigin|undefined;
+    if (embedderName) {
+      const extractedOrigin = Common.ParsedURL.ParsedURL.extractOrigin(embedderName);
+      if (extractedOrigin && extractedOrigin !== 'null') {
+        securityOrigin = SDK.SecurityOrigin.SecurityOrigin.create(extractedOrigin);
+      }
+    }
+    const parsedOrigin = securityOrigin ? `:${securityOrigin.siteId()}` : '';
+    const projectId = `jsSourceMaps:${script.isContentScript() ? 'extensions' : ''}:${target.id()}${parsedOrigin}`;
     let project = this.#projects.get(projectId);
     if (!project) {
       const projectType = script.isContentScript() ? Workspace.Workspace.projectTypes.ContentScripts :
                                                      Workspace.Workspace.projectTypes.Network;
       project = new ContentProviderBasedProject(this.#stubProject.workspace(), projectId, projectType,
-                                                /* displayName */ '', /* isServiceProject */ false);
+                                                /* displayName */ '', /* isServiceProject */ false, securityOrigin);
       NetworkProject.setTargetForProject(project, target);
       this.#projects.set(projectId, project);
     }

package/front_end/models/bindings/ContentProviderBasedProject.ts

@@ -5,6 +5,7 @@
 import type * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
+import type * as SDK from '../../core/sdk/sdk.js';
 import * as TextUtils from '../../core/text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 
@@ -27,8 +28,8 @@ export class ContentProviderBasedProject extends Workspace.Workspace.ProjectStor
   readonly #isServiceProject: boolean;
   readonly #uiSourceCodeToData = new WeakMap<Workspace.UISourceCode.UISourceCode, UISourceCodeData>();
   constructor(workspace: Workspace.Workspace.WorkspaceImpl, id: string, type: Workspace.Workspace.projectTypes,
-              displayName: string, isServiceProject: boolean) {
-    super(workspace, id, type, displayName);
+              displayName: string, isServiceProject: boolean, securityOrigin?: SDK.SecurityOrigin.SecurityOrigin) {
+    super(workspace, id, type, displayName, securityOrigin);
     this.#isServiceProject = isServiceProject;
     workspace.addProject(this);
   }

package/front_end/models/breakpoints/BreakpointManager.ts

@@ -510,7 +510,7 @@ export class Breakpoint implements SDK.TargetManager.SDKModelObserver<SDK.Debugg
   /** Bound locations */
   readonly #uiLocations = new Set<Workspace.UISourceCode.UILocation>();
   /** All known UISourceCodes with this url. This also includes UISourceCodes for the inline scripts embedded in a resource with this URL. */
-  readonly uiSourceCodes = new Set<Workspace.UISourceCode.UISourceCode>();
+  readonly uiSourceCodes: Set<Workspace.UISourceCode.UISourceCode> = new Set<Workspace.UISourceCode.UISourceCode>();
   #storageState!: BreakpointStorageState;
   #origin: BreakpointOrigin;
   isRemoved = false;

package/front_end/models/emulation/EmulatedDevices.ts

@@ -50,7 +50,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export class EmulatedDevice {
   title = '';
-  type = Type.Unknown;
+  type: Type = Type.Unknown;
   order!: number;
   vertical: Orientation = {width: 0, height: 0, hinge: null};
   horizontal: Orientation = {width: 0, height: 0, hinge: null};
@@ -630,7 +630,7 @@ export class EmulatedDevicesList extends Common.ObjectWrapper.ObjectWrapper<Even
     return success;
   }
 
-  static rawEmulatedDevicesForTest(): typeof emulatedDevices {
+  static rawEmulatedDevicesForTest(): ReadonlyArray<{'user-agent': string}&Record<string, any>> {
     return emulatedDevices;
   }
 

package/front_end/models/formatter/FormatterWorkerPool.ts

@@ -4,9 +4,9 @@
 
 import type * as PlatformApi from '../../core/platform/api/api.js';
 import * as Platform from '../../core/platform/platform.js';
-import * as FormatterActions from '../../entrypoints/formatter_worker/FormatterActions.js';  // eslint-disable-line @devtools/es-modules-import
+import * as FormatterActions from '../../entrypoints/formatter_actions/formatter_actions.js';
 
-export {DefinitionKind, ScopeKind, type ScopeTreeNode} from '../../entrypoints/formatter_worker/FormatterActions.js';
+export {DefinitionKind, ScopeKind, type ScopeTreeNode} from '../../entrypoints/formatter_actions/formatter_actions.js';
 
 let formatterWorkerPoolInstance: FormatterWorkerPool|undefined;
 

package/front_end/models/formatter/ScriptFormatter.ts

@@ -4,8 +4,7 @@
 
 import type * as Common from '../../core/common/common.js';
 import * as Platform from '../../core/platform/platform.js';
-// eslint-disable-next-line @devtools/es-modules-import
-import type * as FormatterActions from '../../entrypoints/formatter_worker/FormatterActions.js';
+import type * as FormatterActions from '../../entrypoints/formatter_actions/formatter_actions.js';
 
 import {formatterWorkerPool} from './FormatterWorkerPool.js';
 

package/front_end/models/geometry/GeometryImpl.ts

@@ -111,11 +111,11 @@ export class CubicBezier {
 
   // TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  static readonly Regex =
+  static readonly Regex: RegExp =
       /((cubic-bezier\([^)]+\))|\b(linear(?![-\(])|ease-in-out|ease-in|ease-out|ease)\b)|(linear\([^)]+\))/g;
 }
 
-export const LINEAR_BEZIER = new CubicBezier(new Point(0, 0), new Point(1, 1));
+export const LINEAR_BEZIER: CubicBezier = new CubicBezier(new Point(0, 0), new Point(1, 1));
 
 export class EulerAngles {
   alpha: number;

package/front_end/models/heap_snapshot/HeapSnapshotModel.ts

@@ -8,7 +8,7 @@ export const HeapSnapshotProgressEvent = {
 };
 
 export const baseSystemDistance = 100000000;
-export const baseUnreachableDistance = baseSystemDistance * 2;
+export const baseUnreachableDistance: number = baseSystemDistance * 2;
 
 export class AllocationNodeCallers {
   nodesWithSingleCaller: SerializedAllocationNode[];

package/front_end/models/heap_snapshot/HeapSnapshotProxy.ts

@@ -14,8 +14,9 @@ export class HeapSnapshotWorkerProxy extends Common.ObjectWrapper.ObjectWrapper<
   #console: Common.Console.Console;
   nextObjectId = 1;
   nextCallId = 1;
-  callbacks = new Map<number, (error?: string, result?: unknown) => void>();
-  readonly previousCallbacks = new Set<number>();
+  callbacks: Map<number, (error?: string, result?: unknown) => void> =
+      new Map<number, (error?: string, result?: unknown) => void>();
+  readonly previousCallbacks: Set<number> = new Set<number>();
   readonly worker: PlatformApi.HostRuntime.Worker;
   interval?: ReturnType<typeof setInterval>;
   readonly workerUrl?: string;

package/front_end/models/issues_manager/ContentSecurityPolicyIssue.ts

@@ -131,27 +131,27 @@ const cspTrustedTypesPolicyViolation = {
   links: [{link: 'https://web.dev/trusted-types/', linkTitle: i18nLazyString(UIStrings.trustedTypesPolicyViolation)}],
 };
 
-export const urlViolationCode = [
+export const urlViolationCode: string = [
   Protocol.Audits.InspectorIssueCode.ContentSecurityPolicyIssue,
   Protocol.Audits.ContentSecurityPolicyViolationType.KURLViolation,
 ].join('::');
 
-export const inlineViolationCode = [
+export const inlineViolationCode: string = [
   Protocol.Audits.InspectorIssueCode.ContentSecurityPolicyIssue,
   Protocol.Audits.ContentSecurityPolicyViolationType.KInlineViolation,
 ].join('::');
 
-export const evalViolationCode = [
+export const evalViolationCode: string = [
   Protocol.Audits.InspectorIssueCode.ContentSecurityPolicyIssue,
   Protocol.Audits.ContentSecurityPolicyViolationType.KEvalViolation,
 ].join('::');
 
-export const trustedTypesSinkViolationCode = [
+export const trustedTypesSinkViolationCode: string = [
   Protocol.Audits.InspectorIssueCode.ContentSecurityPolicyIssue,
   Protocol.Audits.ContentSecurityPolicyViolationType.KTrustedTypesSinkViolation,
 ].join('::');
 
-export const trustedTypesPolicyViolationCode = [
+export const trustedTypesPolicyViolationCode: string = [
   Protocol.Audits.InspectorIssueCode.ContentSecurityPolicyIssue,
   Protocol.Audits.ContentSecurityPolicyViolationType.KTrustedTypesPolicyViolation,
 ].join('::');

package/front_end/models/issues_manager/GenericIssue.ts

@@ -118,7 +118,7 @@ export class GenericIssue extends Issue<Protocol.Audits.GenericIssueDetails> {
   }
 }
 
-export const genericFormLabelForNameError = {
+export const genericFormLabelForNameError: LazyMarkdownIssueDescription = {
   file: 'genericFormLabelForNameError.md',
   links: [{
     link: 'https://html.spec.whatwg.org/multipage/forms.html#attr-label-for',
@@ -128,17 +128,17 @@ export const genericFormLabelForNameError = {
   }],
 };
 
-export const genericFormInputWithNoLabelError = {
+export const genericFormInputWithNoLabelError: LazyMarkdownIssueDescription = {
   file: 'genericFormInputWithNoLabelError.md',
   links: [],
 };
 
-export const genericFormAutocompleteAttributeEmptyError = {
+export const genericFormAutocompleteAttributeEmptyError: LazyMarkdownIssueDescription = {
   file: 'genericFormAutocompleteAttributeEmptyError.md',
   links: [],
 };
 
-export const genericFormDuplicateIdForInputError = {
+export const genericFormDuplicateIdForInputError: LazyMarkdownIssueDescription = {
   file: 'genericFormDuplicateIdForInputError.md',
   links: [{
     link: 'https://web.dev/learn/forms/autofill/#how-does-autofill-work',
@@ -146,7 +146,7 @@ export const genericFormDuplicateIdForInputError = {
   }],
 };
 
-export const genericFormAriaLabelledByToNonExistingIdError = {
+export const genericFormAriaLabelledByToNonExistingIdError: LazyMarkdownIssueDescription = {
   file: 'genericFormAriaLabelledByToNonExistingIdError.md',
   links: [{
     link: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label',
@@ -154,7 +154,7 @@ export const genericFormAriaLabelledByToNonExistingIdError = {
   }],
 };
 
-export const genericFormEmptyIdAndNameAttributesForInputError = {
+export const genericFormEmptyIdAndNameAttributesForInputError: LazyMarkdownIssueDescription = {
   file: 'genericFormEmptyIdAndNameAttributesForInputError.md',
   links: [{
     link: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input',
@@ -162,7 +162,7 @@ export const genericFormEmptyIdAndNameAttributesForInputError = {
   }],
 };
 
-export const genericFormInputAssignedAutocompleteValueToIdOrNameAttributeError = {
+export const genericFormInputAssignedAutocompleteValueToIdOrNameAttributeError: LazyMarkdownIssueDescription = {
   file: 'genericFormInputAssignedAutocompleteValueToIdOrNameAttributeError.md',
   links: [{
     link: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values',
@@ -170,7 +170,7 @@ export const genericFormInputAssignedAutocompleteValueToIdOrNameAttributeError =
   }],
 };
 
-export const genericFormInputHasWrongButWellIntendedAutocompleteValue = {
+export const genericFormInputHasWrongButWellIntendedAutocompleteValue: LazyMarkdownIssueDescription = {
   file: 'genericFormInputHasWrongButWellIntendedAutocompleteValueError.md',
   links: [{
     link: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values',
@@ -178,7 +178,7 @@ export const genericFormInputHasWrongButWellIntendedAutocompleteValue = {
   }],
 };
 
-export const genericFormLabelForMatchesNonExistingIdError = {
+export const genericFormLabelForMatchesNonExistingIdError: LazyMarkdownIssueDescription = {
   file: 'genericFormLabelForMatchesNonExistingIdError.md',
   links: [{
     link: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label',
@@ -186,7 +186,7 @@ export const genericFormLabelForMatchesNonExistingIdError = {
   }],
 };
 
-export const genericFormLabelHasNeitherForNorNestedInputError = {
+export const genericFormLabelHasNeitherForNorNestedInputError: LazyMarkdownIssueDescription = {
   file: 'genericFormLabelHasNeitherForNorNestedInputError.md',
   links: [{
     link: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label',
@@ -194,7 +194,7 @@ export const genericFormLabelHasNeitherForNorNestedInputError = {
   }],
 };
 
-export const genericResponseWasBlockedbyORB = {
+export const genericResponseWasBlockedbyORB: LazyMarkdownIssueDescription = {
   file: 'genericResponseWasBlockedByORB.md',
   links: [{
     link: 'https://www.chromium.org/Home/chromium-security/corb-for-developers/',
@@ -202,7 +202,7 @@ export const genericResponseWasBlockedbyORB = {
   }],
 };
 
-export const genericNavigationEntryMarkedSkippable = {
+export const genericNavigationEntryMarkedSkippable: LazyMarkdownIssueDescription = {
   file: 'genericNavigationEntryMarkedSkippable.md',
   links: [{
     link: 'https://chromium.googlesource.com/chromium/src/+/main/docs/history_manipulation_intervention.md',
@@ -210,7 +210,7 @@ export const genericNavigationEntryMarkedSkippable = {
   }],
 };
 
-export const genericBackUINavigationWouldSkipAd = {
+export const genericBackUINavigationWouldSkipAd: LazyMarkdownIssueDescription = {
   file: 'genericBackUINavigationWouldSkipAd.md',
   links: [{
     link: 'https://chromium.googlesource.com/chromium/src/+/main/docs/history_manipulation_intervention.md',
@@ -218,27 +218,27 @@ export const genericBackUINavigationWouldSkipAd = {
   }],
 };
 
-export const genericFormModelContextMissingToolName = {
+export const genericFormModelContextMissingToolName: LazyMarkdownIssueDescription = {
   file: 'genericFormModelContextMissingToolName.md',
   links: [],
 };
 
-export const genericFormModelContextMissingToolDescription = {
+export const genericFormModelContextMissingToolDescription: LazyMarkdownIssueDescription = {
   file: 'genericFormModelContextMissingToolDescription.md',
   links: [],
 };
 
-export const genericFormModelContextParameterMissingTitleAndDescription = {
+export const genericFormModelContextParameterMissingTitleAndDescription: LazyMarkdownIssueDescription = {
   file: 'genericFormModelContextParameterMissingTitleAndDescription.md',
   links: [],
 };
 
-export const genericFormModelContextRequiredParameterMissingName = {
+export const genericFormModelContextRequiredParameterMissingName: LazyMarkdownIssueDescription = {
   file: 'genericFormModelContextRequiredParameterMissingName.md',
   links: [],
 };
 
-export const genericFormModelContextParameterMissingName = {
+export const genericFormModelContextParameterMissingName: LazyMarkdownIssueDescription = {
   file: 'genericFormModelContextParameterMissingName.md',
   links: [],
 };

package/front_end/models/issues_manager/StylesheetLoadingIssue.ts

@@ -8,7 +8,7 @@ import * as Protocol from '../../generated/protocol.js';
 import {Issue, IssueCategory, IssueKind} from './Issue.js';
 import type {MarkdownIssueDescription} from './MarkdownIssueDescription.js';
 
-export const lateImportStylesheetLoadingCode = [
+export const lateImportStylesheetLoadingCode: string = [
   Protocol.Audits.InspectorIssueCode.StylesheetLoadingIssue,
   Protocol.Audits.StyleSheetLoadingIssueReason.LateImportRule,
 ].join('::');