chrome-devtools-frontend 1.0.1597624 → 1.0.1599001

package/.agents/README.md

@@ -0,0 +1,13 @@
+# .agents
+
+This directory contains workspace-specific agent expertise and skills.
+
+## Skills
+
+Workspace skills are located in `.agents/skills/`. These represent on-demand expertise that the AI agent can activate to complete specialized tasks.
+
+To use a skill, the agent will autonomously identify it based on its description and pull in the instructions using the `activate_skill` tool.
+
+## Contributing
+
+Contributions to existing skills or adding new ones are encouraged via CLs.

package/{agents/prompts/creating-a-model.md → .agents/skills/creating-a-model/SKILL.md}

@@ -1,3 +1,9 @@
+```
+---
+name: devtools-model-management
+description: Guidelines for creating, migrating, and registering models in front_end/models/. Covers BUILD.gn, devtools_grd_files.gni, and entrypoints.
+---
+
 # Creating or Migrating a Model in DevTools
 
 This guide outlines the standard procedure for creating a new model or migrating an existing one to `front_end/models/`.
@@ -48,4 +54,4 @@ The build system does not auto-detect new modules. You must manually register th
 *   **Circular Dependencies:** Occur when internal files import from the directory's own barrel file.
 *   **Missing Tests:** Failing to add the target to `front_end/BUILD.gn` means tests exist but never run.
 *   **Legacy Exports:** Forgetting to remove the class from the old location's `files` or `exports` allows old patterns to persist.
-*   **Build Errors:** Including the barrel file in `devtools_module` sources causes duplicate definition errors.
+*   **Build Errors:** Including the barrel file in `devtools_module` sources causes duplicate definition errors.

package/{agents/prompts/devtools-imports.md → .agents/skills/devtools-imports/SKILL.md}

@@ -1,3 +1,8 @@
+---
+name: devtools-imports
+description: Conventions for importing code in Devtools to avoid build errors. Covers cross-module imports, internal imports, and the "import * as" requirement.
+---
+
 # Imports
 
 This codebase follows a special convention for importing code that must be followed to avoid build errors.
@@ -16,23 +21,23 @@ Within each module there are multiple TypeScript files. *The file that is named
 
 When you want to reuse code from other modules, *you must import that module via its entrypoint*. Imagine we are in `front_end/panels/timeline/TimelinePanel.ts`. This import is GOOD:
 
-```
+```ts
 import * as Trace from '../models/trace/trace.js'; // import the entrypoint
 ```
 
 This import is BAD because we import a file that is NOT the entrypoint:
 
-```
+```ts
 import * as ModelImpl from '../models/trace/ModelImpl.js' // NEVER ALLOWED
 ```
 
 Additionally, you **must import using the `import * as` syntax**.
 
-```
+```ts
 import {ModelImpl, X, Y} from '../models/trace/trace.js'; // BAD
 ```
 
-```
+```ts
 import * as Trace from '../models/trace/trace.js'; // GOOD
 ```
 
@@ -42,6 +47,6 @@ If you are within the same module, it is OK to import from files directly rather
 
 For example, if you are editing `front_end/models/trace/ModelImpl.ts` this would be acceptable:
 
-```
+```ts
 import {Foo} from './Foo.js'; // allowed because Foo.ts is in the same directory.
 ```

package/{agents/prompts/merging-devtools-module.md → .agents/skills/merging-devtools-module/SKILL.md}

@@ -1,3 +1,8 @@
+---
+name: devtools-module-merging
+description: Workflow for merging a DevTools submodule into its parent module. Covers BUILD.gn consolidation and updating devtools_grd_files.gni.
+---
+
 # Workflow: Merging a DevTools Submodule into its Parent
 
 This document outlines the process for merging a submodule (e.g., `panels/timeline/extensions`) into its parent module (e.g., `panels/timeline`) within the DevTools build system. The goal is to simplify the build configuration by consolidating `BUILD.gn` files while keeping the original source file directory structure.

package/{agents/prompts/ui-widgets.md → .agents/skills/ui-widgets/SKILL.md}

@@ -1,3 +1,8 @@
+---
+name: devtools-ui-widgets
+description: Guidelines for building UI widgets using the MVP architecture in DevTools. Covers Widget lifecycle, lit-html views, and state management.
+---
+
 ## UI Widget Framework Guide (MVP Architecture)
 
 Adhere strictly to the Model-View-Presenter (MVP) architecture.

package/{agents/prompts/verification.md → .agents/skills/verification/SKILL.md}

@@ -1,3 +1,8 @@
+---
+name: devtools-verification
+description: Guidelines for verifying changes in DevTools. Covers npm test, autoninja build, linting, and using fast builds.
+---
+
 # Instructions on how to verify your changes
 
 ## Testing

package/docs/ui_engineering.md

@@ -44,7 +44,7 @@ To embed another presenter (`UI.Widget`) in the lit-html template, use `widget(<
 
 This will instantiate a `Widget` class with the web component as its `element` and, optionally, will set the properties provided in the second parameter. The widget won’t be re-instantiated on the subsequent template renders, but the properties would be updated. For this to work, the widget needs to accept `HTMLElement` as a sole constructor parameter and properties need to be public members or setters.
 
-For backwards compatibility, the first argument to `widgetConfig` can also be a factory function: `widget(element => new MyWidget(foo, bar, element))`. Similar to the class constructor version, `element` is the actual `<devtools-widget>` so the following two invocations of `widgetConfig` are equivalent: `widget(MyWidget)` and `widget(element => new MyWidget(element))`.
+For backwards compatibility, the first argument to `widget` can also be a factory function: `widget(element => new MyWidget(foo, bar, element))`. Similar to the class constructor version, `element` is the actual `<devtools-widget>` so the following two invocations of `widget` are equivalent: `widget(MyWidget)` and `widget(element => new MyWidget(element))`.
 
 ## Styling
 To prevent style conflicts in widgets without relying on shadow DOM, we use the CSS [`@scope`](https://developer.mozilla.org/en-US/docs/Web/CSS/@scope) at-rule for style encapsulation. This ensures that styles defined for a widget do not leak out and affect other components.
@@ -93,9 +93,9 @@ In this example, the `.title` style will apply within the parent widget but will
 ## Examples
 
 ```html
-<devtools-widget .widgetConfig=${widgetConfig(ElementsPanel)}>
+<devtools-widget ${widget(ElementsPanel)}>
   <devtools-split-view>
-    <devtools-widget slot="main" .widgetConfig=${widgetConfig(ElementsTree)}></devtools-widget>
+    <devtools-widget slot="main" ${widget(ElementsTree)}></devtools-widget>
     <devtools-tab-pane slot="sidebar">
       ${widget(StylesPane, {element: input.element})}
       ${widget(ComputedPane, {element: input.element})}
@@ -1169,12 +1169,12 @@ export const DEFAULT_VIEW = (input, _output, target) => {
     <div>
       <devtools-split-view direction=${this.vertical ? 'column' : 'row'} sidebar-position="first"
           sidebar-initial-size="200">
-        <devtools-widget slot="sidebar" .widgetConfig=${widgetConfig(SidebarPanel,
+        <devtools-widget slot="sidebar" ${widget(SidebarPanel,
             {minimumSize: {width: 100, height: 25}})}></devtools-widget>
         <devtools-split-view direction="column" sidebar-position="second" slot="main"
             direction="row" sidebar-position="$this.dockedLeft ? 'second' : 'first'}">
-          <devtools-widget slot="main" .widgetConfig=${widgetConfig(UI.Widget.EmptyWidget)}></devtools-widget>
-          <devtools-widget slot="sidebar" .widgetConfig=${widgetConfig(DetailsView)}></devtools-widget>
+          <devtools-widget slot="main" ${widget(UI.Widget.EmptyWidget)}></devtools-widget>
+          <devtools-widget slot="sidebar" ${widget(DetailsView)}></devtools-widget>
         </devtools-split-view>
       </devtools-split-view>
     </div>`,

package/front_end/core/host/AidaClient.ts

@@ -137,6 +137,8 @@ export enum ClientFeature {
   CHROME_CONTEXT_SELECTION_AGENT = 25,
   // Chrome Accessibility Agent
   CHROME_ACCESSIBILITY_AGENT = 26,
+  // Chrome AI Assistance Conversation Summary Agent.
+  CHROME_CONVERSATION_SUMMARY_AGENT = 27,
 
   // Removed features (for reference).
   // Chrome AI Assistance Performance Insights Agent.

package/front_end/core/host/GcaTypes.ts

@@ -0,0 +1,518 @@
+// 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.
+
+// Reference proto definition
+// google3/google/gca/aicode/v1main/prediction_service.proto
+// revision 45 2026-03-06
+
+/**
+ * Type contains the list of OpenAPI data types.
+ */
+export enum Type {
+  TYPE_UNSPECIFIED = 0,
+  STRING = 1,
+  NUMBER = 2,
+  INTEGER = 3,
+  BOOLEAN = 4,
+  ARRAY = 5,
+  OBJECT = 6,
+  NULL = 7,
+}
+
+/**
+ * The category of a rating.
+ */
+export enum HarmCategory {
+  HARM_CATEGORY_UNSPECIFIED = 0,
+  HARM_CATEGORY_HARASSMENT = 7,
+  HARM_CATEGORY_HATE_SPEECH = 8,
+  HARM_CATEGORY_SEXUALLY_EXPLICIT = 9,
+  HARM_CATEGORY_DANGEROUS_CONTENT = 10,
+}
+
+/**
+ * The probability that a piece of content is harmful.
+ */
+export enum HarmProbability {
+  HARM_PROBABILITY_UNSPECIFIED = 0,
+  NEGLIGIBLE = 1,
+  LOW = 2,
+  MEDIUM = 3,
+  HIGH = 4,
+}
+
+/**
+ * Block at and beyond a specified harm probability.
+ */
+export enum HarmBlockThreshold {
+  HARM_BLOCK_THRESHOLD_UNSPECIFIED = 0,
+  BLOCK_LOW_AND_ABOVE = 1,
+  BLOCK_MEDIUM_AND_ABOVE = 2,
+  BLOCK_ONLY_HIGH = 3,
+  BLOCK_NONE = 4,
+  OFF = 5,
+}
+
+export enum HarmBlockMethod {
+  HARM_BLOCK_METHOD_UNSPECIFIED = 0,
+  SEVERITY = 1,
+  PROBABILITY = 2,
+}
+
+/**
+ * Defines the reason why the model stopped generating tokens.
+ */
+export enum FinishReason {
+  FINISH_REASON_UNSPECIFIED = 0,
+  STOP = 1,
+  MAX_TOKENS = 2,
+  SAFETY = 3,
+  RECITATION = 4,
+  OTHER = 5,
+  BLOCKLIST = 6,
+  PROHIBITED_CONTENT = 7,
+  SPII = 8,
+  MALFORMED_FUNCTION_CALL = 9,
+  IMAGE_SAFETY = 10,
+  IMAGE_PROHIBITED_CONTENT = 11,
+  IMAGE_RECITATION = 12,
+  IMAGE_OTHER = 13,
+  UNEXPECTED_TOOL_CALL = 14,
+  NO_IMAGE = 15,
+}
+
+/**
+ * The suggestion method used.
+ */
+export enum Method {
+  METHOD_UNSPECIFIED = 0,
+  GENERATE_CODE = 1,
+  COMPLETE_CODE = 2,
+  TRANSFORM_CODE = 3,
+  CHAT = 4,
+}
+
+/**
+ * The status of the suggestion received.
+ */
+export enum SuggestionStatus {
+  STATUS_UNSPECIFIED = 0,
+  NO_ERROR = 1,
+  ERROR = 2,
+  CANCELLED = 3,
+  EMPTY = 4,
+}
+
+/**
+ * The type of interaction.
+ */
+export enum InteractionType {
+  INTERACTION_TYPE_UNSPECIFIED = 0,
+  THUMBS_UP = 1,
+  THUMBS_DOWN = 2,
+  ACCEPT = 3,
+  ACCEPT_PARTIALLY = 4,
+  REJECT = 5,
+  COPY = 6,
+}
+
+export enum InclusionReason {
+  INCLUSION_REASON_UNSPECIFIED = 0,
+  ACTIVE = 1,
+  OPEN = 2,
+  RECENTLY_CLOSED = 3,
+  RECENTLY_EDITED = 4,
+  COLOCATED = 5,
+  RELATED = 6,
+  USER_SELECTED = 7,
+}
+
+/**
+ * A list of reasons why content may have been blocked.
+ */
+export enum BlockReason {
+  BLOCKED_REASON_UNSPECIFIED = 0,
+  SAFETY = 1,
+  OTHER = 2,
+  BLOCKLIST = 3,
+  PROHIBITED_CONTENT = 4,
+  IMAGE_SAFETY = 5,
+}
+
+/**
+ * Supported programming languages for the generated code.
+ */
+export enum Language {
+  LANGUAGE_UNSPECIFIED = 0,
+  PYTHON = 1,
+}
+
+/**
+ * Enumeration of possible outcomes of the code execution.
+ */
+export enum Outcome {
+  OUTCOME_UNSPECIFIED = 0,
+  OUTCOME_OK = 1,
+  OUTCOME_FAILED = 2,
+  OUTCOME_DEADLINE_EXCEEDED = 3,
+}
+
+/**
+ * Defines the execution behavior for function calling.
+ */
+export enum Mode {
+  MODE_UNSPECIFIED = 0,
+  AUTO = 1,
+  ANY = 2,
+  NONE = 3,
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface GenerateContentRequest {
+  model?: string;
+  aicode?: AiCodeConfig;
+  contents: Content[];
+  system_instruction?: Content;
+  tools?: Tool[];
+  tool_config?: ToolConfig;
+  labels?: Record<string, string>;
+  safety_settings?: SafetySetting[];
+  generation_config?: GenerationConfig;
+  session_id?: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface AiCodeConfig {
+  experience: string;
+  files?: SourceFile[];
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface SourceFile {
+  inclusion_reason?: InclusionReason[];
+  file_uri: string;
+  programming_language?: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface FileEdit {
+  file_uri: string;
+  content: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface Content {
+  parts?: Part[];
+  role: string;
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface Part {
+  text?: string;
+  inline_data?: Blob;
+  file_data?: FileData;
+  function_call?: FunctionCall;
+  function_response?: FunctionResponse;
+  executable_code?: ExecutableCode;
+  code_execution_result?: CodeExecutionResult;
+  video_metadata?: VideoMetadata;
+  thought?: boolean;
+  thought_signature?: string;  // bytes as base64 string
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface Blob {
+  mime_type: string;
+  data: string;  // bytes as base64 string
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface FileData {
+  mime_type: string;
+  file_uri: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface FunctionCall {
+  name: string;
+  args?: Record<string, unknown>;
+  id?: string;
+}
+
+export interface FunctionResponse {
+  name: string;
+  response: Record<string, unknown>;
+  id?: string;
+}
+
+export interface ExecutableCode {
+  language: Language;
+  code: string;
+}
+
+export interface CodeExecutionResult {
+  outcome: Outcome;
+  output: string;
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface Tool {
+  function_declarations?: FunctionDeclaration[];
+  google_search?: {
+    time_range_filter?: {
+      start_time?: string,  // Timestamp
+      end_time?: string,    // Timestamp
+    },
+  };
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface FunctionDeclaration {
+  name: string;
+  description: string;
+  parameters?: Schema;
+  parameters_json_schema?: unknown;  // google.protobuf.Value
+  response?: Schema;
+  response_json_schema?: unknown;  // google.protobuf.Value
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface Schema {
+  type?: Type;
+  format?: string;
+  description?: string;
+  nullable?: boolean;
+  enum?: string[];
+  items?: Schema;
+  properties?: Record<string, Schema>;
+  required?: string[];
+  minimum?: number;
+  maximum?: number;
+  min_length?: number;
+  max_length?: number;
+  pattern?: string;
+  example?: unknown;  // google.protobuf.Value
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface ToolConfig {
+  function_calling_config?: FunctionCallingConfig;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface FunctionCallingConfig {
+  mode: Mode;
+  allowed_function_names?: string[];
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface SafetySetting {
+  category: HarmCategory;
+  threshold: HarmBlockThreshold;
+  method?: HarmBlockMethod;
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface GenerationConfig {
+  candidate_count?: number;
+  stop_sequences?: string[];
+  max_output_tokens?: number;
+  temperature?: number;
+  top_p?: number;
+  top_k?: number;
+  seed?: number;
+  response_mime_type?: string;
+  response_schema?: Schema;
+  response_json_schema?: unknown;  // google.protobuf.Value
+  presence_penalty?: number;
+  frequency_penalty?: number;
+  thinking_config?: ThinkingConfig;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface ThinkingConfig {
+  include_thoughts?: boolean;
+  thinking_budget?: number;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface GenerateContentResponse {
+  candidates: Candidate[];
+  prompt_feedback: PromptFeedback;
+  usage_metadata: UsageMetadata;
+  model_version: string;
+  response_id: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface Candidate {
+  index: number;
+  content: Content;
+  finish_reason: FinishReason;
+  safety_ratings: SafetyRating[];
+  citation_metadata: CitationMetadata;
+  grounding_metadata: GroundingMetadata;
+  aicode_output: AiCodeOutput;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface SafetyRating {
+  category: HarmCategory;
+  probability: HarmProbability;
+  blocked: boolean;
+}
+
+export interface CitationMetadata {
+  citations: Citation[];
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface Citation {
+  start_index: number;
+  end_index: number;
+  uri: string;
+  license: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface GroundingMetadata {
+  web_search_queries?: string[];
+  search_entry_point?: {
+    rendered_content?: string,
+    sdk_blob?: string,  // bytes as base64 string
+  };
+  grounding_chunks?: Array<{
+    web?: {
+      uri?: string,
+      title?: string,
+    },
+  }>;
+  grounding_supports?: Array<{
+    segment?: {
+      part_index?: number,
+      start_index?: number,
+      end_index?: number,
+      text?: string,
+    },
+    grounding_chunk_indices?: number[],
+    confidence_scores?: number[],
+  }>;
+  retrieval_metadata?: {
+    google_search_dynamic_retrieval_score?: number,
+  };
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface AiCodeOutput {
+  contents: DerivedContent[];
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface DerivedContent {
+  start_index?: number;
+  end_index?: number;
+  file?: OutputSourceFile;
+  code_block?: CodeBlock;
+  text_block?: TextBlock;
+  prediction_metadata?: PredictionMetadata;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface OutputSourceFile {
+  file_uri: string;
+  content: string;
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface CodeBlock {
+  content: string;
+  programming_language: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+export interface TextBlock {
+  content: string;
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface PredictionMetadata {
+  score: number;
+  classifier_score: number;
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface PromptFeedback {
+  block_reason: BlockReason;
+  safety_ratings: SafetyRating[];
+  block_reason_message: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface UsageMetadata {
+  prompt_token_count: number;
+  candidates_token_count: number;
+  total_token_count: number;
+  thoughts_token_count: number;
+  cached_content_token_count: number;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface VideoMetadata {
+  start_offset?: string;  // Duration
+  end_offset?: string;    // Duration
+  fps?: number;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface SendTelemetryRequest {
+  feedback_metrics: FeedbackMetric[];
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface FeedbackMetric {
+  event_time: string;  // Timestamp
+  response_id: string;
+  suggestion_offered?: SuggestionOffered;
+  suggestion_interaction?: SuggestionInteraction;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface SuggestionOffered {
+  method?: Method;
+  status?: SuggestionStatus;
+  first_message_latency?: string;  // Duration
+  response_latency?: string;       // Duration
+  displayed?: boolean;
+  e2e_latency?: string;       // Duration
+  display_duration?: string;  // Duration
+  programming_language?: string;
+}
+/* eslint-enable @typescript-eslint/naming-convention */
+
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface SuggestionInteraction {
+  interaction?: InteractionType;
+  accepted_lines?: number;
+  accepted_characters?: number;
+  accepted_comment_lines?: number;
+  candidate_index?: number;
+}
+/* eslint-enable @typescript-eslint/naming-convention */

package/front_end/core/host/UserMetrics.ts

@@ -818,7 +818,6 @@ export enum DevtoolsExperiments {
   'show-option-to-expose-internals-in-heap-snapshot' = 18,
   'timeline-invalidation-tracking' = 26,
   'timeline-show-all-events' = 27,
-  'timeline-v8-runtime-call-stats' = 28,
   apca = 39,
   'font-editor' = 41,
   'full-accessibility-tree' = 42,

package/front_end/core/host/host.ts

@@ -4,6 +4,7 @@
 
 import * as AidaClient from './AidaClient.js';
 import * as DispatchHttpRequestClient from './DispatchHttpRequestClient.js';
+import * as GcaTypes from './GcaTypes.js';
 import * as GdpClient from './GdpClient.js';
 import * as InspectorFrontendHost from './InspectorFrontendHost.js';
 import * as InspectorFrontendHostAPI from './InspectorFrontendHostAPI.js';
@@ -14,6 +15,7 @@ import * as UserMetrics from './UserMetrics.js';
 export {
   AidaClient,
   DispatchHttpRequestClient,
+  GcaTypes,
   GdpClient,
   InspectorFrontendHost,
   InspectorFrontendHostAPI,