chrome-devtools-frontend 1.0.1654411 → 1.0.1656897

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

@@ -1,53 +0,0 @@
-// 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.
-
-export class GreenDevAgentAntigravityCliSocketClient {
-  #websocket: WebSocket;
-  sessionReady: Promise<void>;
-  #sessionReadyResolve: ((value: void|PromiseLike<void>) => void)|null = null;
-
-  constructor() {
-    this.sessionReady = new Promise(resolve => {
-      this.#sessionReadyResolve = resolve;
-    });
-    this.#websocket = new WebSocket('ws://localhost:5566');
-    this.#websocket.onopen = this.#onOpen.bind(this);
-    this.#websocket.onmessage = this.#onMessage.bind(this);
-    this.#websocket.onclose = this.#onClose.bind(this);
-    this.#websocket.onerror = this.#onError.bind(this);
-  }
-
-  #onOpen(): void {
-    console.warn('WebSocket connected (Antigravity).');
-    if (this.#sessionReadyResolve) {
-      this.#sessionReadyResolve();
-      this.#sessionReadyResolve = null;
-    }
-  }
-
-  #onMessage(event: MessageEvent): void {
-    console.warn('Antigravity WebSocket message received:', event.data);
-    if (this.#onChunkCallback) {
-      this.#onChunkCallback(event.data);
-    }
-  }
-
-  #onClose(): void {
-    console.warn('WebSocket disconnected (Antigravity).');
-  }
-
-  #onError(error: Event): void {
-    console.error('WebSocket error (Antigravity):', error);
-  }
-
-  #onChunkCallback: ((chunk: string) => void)|null = null;
-
-  sendPrompt(promptText: string, onChunk: (chunk: string) => void): Promise<void> {
-    this.#onChunkCallback = onChunk;
-
-    console.warn(`Sending Antigravity prompt: "${promptText}"`);
-    this.#websocket.send(promptText);
-    return Promise.resolve();
-  }
-}

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

@@ -1,117 +0,0 @@
-// 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.
-
-export class GreenDevAgentGeminiCliSocketClient {
-  #websocket: WebSocket;
-  #sessionId?: string;
-  #activeMessage = '';
-  #messageLog: string[] = [];
-  #promptResolve: ((response: string) => void)|null = null;
-  sessionReady: Promise<void>;
-  #sessionReadyResolve: ((value: void|PromiseLike<void>) => void)|null = null;
-
-  constructor() {
-    this.sessionReady = new Promise(resolve => {
-      this.#sessionReadyResolve = resolve;
-    });
-    this.#websocket = new WebSocket('ws://localhost:6655');
-    this.#websocket.onopen = this.#onOpen.bind(this);
-    this.#websocket.onmessage = this.#onMessage.bind(this);
-    this.#websocket.onclose = this.#onClose.bind(this);
-    this.#websocket.onerror = this.#onError.bind(this);
-  }
-
-  #onOpen(): void {
-    console.warn('WebSocket connected.');
-    this.#websocket.send(
-        JSON.stringify({jsonrpc: '2.0', method: 'session/new', params: {cwd: '.', mcpServers: []}, id: 14}));
-  }
-
-  #onMessage(event: MessageEvent): void {
-    this.#messageLog.push(event.data);
-
-    try {
-      const data = JSON.parse(event.data);
-
-      if (data?.result?.sessionId && !this.#sessionId) {
-        this.#sessionId = data.result.sessionId;
-        console.warn(`Successfully created new session with ID: ${this.#sessionId}`);
-        if (this.#sessionReadyResolve) {
-          this.#sessionReadyResolve();
-          this.#sessionReadyResolve = null;
-        }
-      }
-
-      const update = data?.params?.update;
-      if (update?.sessionUpdate === 'agent_message_chunk') {
-        this.#activeMessage += update.content?.text || '';
-      }
-
-      if (data?.result?.stopReason) {
-        if (this.#activeMessage) {
-          console.warn(this.#activeMessage);
-        }
-        console.warn(`Stop Reason: ${data.result.stopReason}`, this.#messageLog);
-
-        if (this.#promptResolve) {
-          this.#promptResolve(this.#activeMessage);
-          this.#promptResolve = null;
-        }
-
-        this.#activeMessage = '';
-        this.#messageLog = [];
-      } else if (data?.method === 'session/request_permission') {
-        // TODO(finnur): Needs augmenting once I turn off YOLO in the bridge.
-        this.#websocket.send(JSON.stringify({
-          jsonrpc: '2.0',
-          id: data.id,
-          result: {
-            outcome: {
-              selected: {
-                optionId: 'proceed_always',
-              },
-            },
-          },
-        }));
-      }
-    } catch (e) {
-      // Log the raw data if it's not valid JSON.
-      console.error('Failed to parse WebSocket message or process data:', event.data, e);
-    }
-  }
-
-  #onClose(): void {
-    console.warn('WebSocket disconnected.');
-  }
-
-  #onError(error: Event): void {
-    console.error('WebSocket error:', error);
-  }
-
-  sendPrompt(promptText: string): Promise<string> {
-    return new Promise((resolve, reject) => {
-      if (this.#promptResolve) {
-        reject(new Error('Another prompt is already in progress.'));
-        return;
-      }
-      if (!this.#sessionId) {
-        reject(new Error('Cannot send prompt without a session ID.'));
-        return;
-      }
-      this.#promptResolve = resolve;
-
-      console.warn(`Sending prompt: "${promptText}"`);
-      console.warn('Thinking...');
-      this.#websocket.send(JSON.stringify({
-        jsonrpc: '2.0',
-        method: 'session/prompt',
-        params: {
-          prompt: [{type: 'text', text: promptText}],
-          sessionId: this.#sessionId,
-        },
-        id: 15,
-      }));
-    });
-  }
-}

package/front_end/models/annotations/AnnotationRepository.ts

@@ -1,238 +0,0 @@
-// 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 * as Common from '../../core/common/common.js';
-import type * as SDK from '../../core/sdk/sdk.js';
-import * as GreenDev from '../greendev/greendev.js';
-
-import {AnnotationType} from './AnnotationType.js';
-
-export interface BaseAnnotationData {
-  id: number;
-  type: AnnotationType;
-  message: string;
-  // Sometimes the anchor for an annotation is not known, but is provided using a
-  // string id instead (which can be converted to a proper `anchor`).
-  lookupId: string;
-  // Sometimes we want annotations to anchor to a particular string on the page.
-  anchorToString?: string;
-}
-
-export interface ElementsAnnotationData extends BaseAnnotationData {
-  type: AnnotationType.ELEMENT_NODE;
-  anchor?: SDK.DOMModel.DOMNode;
-}
-
-export interface NetworkRequestAnnotationData extends BaseAnnotationData {
-  type: AnnotationType.NETWORK_REQUEST;
-  anchor?: SDK.NetworkRequest.NetworkRequest;
-}
-
-export interface NetworkRequestDetailsAnnotationData extends BaseAnnotationData {
-  type: AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS;
-  anchor?: SDK.NetworkRequest.NetworkRequest;
-}
-
-export const enum Events {
-  ANNOTATION_ADDED = 'AnnotationAdded',
-  ANNOTATION_DELETED = 'AnnotationDeleted',
-  ALL_ANNOTATIONS_DELETED = 'AllAnnotationsDeleted',
-}
-
-export interface EventTypes {
-  [Events.ANNOTATION_ADDED]: BaseAnnotationData;
-  [Events.ANNOTATION_DELETED]: {id: number};
-  [Events.ALL_ANNOTATIONS_DELETED]: void;
-}
-
-export class AnnotationRepository {
-  static #instance: AnnotationRepository|null = null;
-  static #hasRepliedGreenDevDisabled = false;
-  static #hasShownFlagWarning = false;
-
-  #events = new Common.ObjectWrapper.ObjectWrapper<EventTypes>();
-  #annotationData: BaseAnnotationData[] = [];
-  #nextId = 0;
-
-  static instance(): AnnotationRepository {
-    if (!AnnotationRepository.#instance) {
-      AnnotationRepository.#instance = new AnnotationRepository();
-    }
-    return AnnotationRepository.#instance;
-  }
-
-  static annotationsEnabled(): boolean {
-    const enabled = GreenDev.Prototypes.instance().isEnabled('aiAnnotations');
-    // TODO(finnur): Fix race when Repository is created before feature flags have been set properly.
-    if (!enabled) {
-      this.#hasRepliedGreenDevDisabled = true;
-    } else if (this.#hasRepliedGreenDevDisabled && !this.#hasShownFlagWarning) {
-      console.warn(
-          'Flag controlling GreenDev has flipped from false to true. ' +
-          'Only some callers will expect GreenDev to be enabled, which can lead to unexpected results.');
-      this.#hasShownFlagWarning = true;
-    }
-    return Boolean(enabled);
-  }
-
-  addEventListener<T extends keyof EventTypes>(
-      eventType: T, listener: (arg0: Common.EventTarget.EventTargetEvent<EventTypes[T]>) => void,
-      thisObject?: Object): Common.EventTarget.EventDescriptor<EventTypes, T> {
-    if (!AnnotationRepository.annotationsEnabled()) {
-      console.warn('Received request to add event listener with annotations disabled');
-    }
-    return this.#events.addEventListener(eventType, listener, thisObject);
-  }
-
-  getAnnotationDataByType(type: AnnotationType): BaseAnnotationData[] {
-    if (!AnnotationRepository.annotationsEnabled()) {
-      console.warn('Received query for annotation types with annotations disabled');
-      return [];
-    }
-
-    const annotations = this.#annotationData.filter(annotation => annotation.type === type);
-    return annotations;
-  }
-
-  getAnnotationDataById(id: number): BaseAnnotationData|undefined {
-    if (!AnnotationRepository.annotationsEnabled()) {
-      console.warn('Received query for annotation type with annotations disabled');
-      return undefined;
-    }
-
-    return this.#annotationData.find(annotation => annotation.id === id);
-  }
-
-  #getExistingAnnotation(type: AnnotationType, anchor?: SDK.DOMModel.DOMNode|SDK.NetworkRequest.NetworkRequest|string):
-      BaseAnnotationData|undefined {
-    const annotations = this.getAnnotationDataByType(type);
-    const annotation = annotations.find(annotation => {
-      if (typeof anchor === 'string') {
-        return annotation.lookupId === anchor;
-      }
-      switch (type) {
-        case AnnotationType.ELEMENT_NODE: {
-          const elementAnnotation = annotation as ElementsAnnotationData;
-          return elementAnnotation.anchor === anchor;
-        }
-        case AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS: {
-          const networkRequestDetailsAnnotation = annotation as NetworkRequestDetailsAnnotationData;
-          return networkRequestDetailsAnnotation.anchor === anchor;
-        }
-        default:
-          console.warn('[AnnotationRepository] Unknown AnnotationType', type);
-          return false;
-      }
-    });
-    return annotation;
-  }
-
-  #updateExistingAnnotationLabel(
-      label: string, type: AnnotationType,
-      anchor?: SDK.DOMModel.DOMNode|SDK.NetworkRequest.NetworkRequest|string): boolean {
-    const annotation = this.#getExistingAnnotation(type, anchor);
-    if (annotation) {
-      // TODO(finnur): This should work for annotations that have not been displayed yet,
-      // but we need to also notify the AnnotationManager for those that have been shown.
-      annotation.message = label;
-      return true;
-    }
-    return false;
-  }
-
-  addElementsAnnotation(
-      label: string,
-      anchor?: SDK.DOMModel.DOMNode|string,
-      anchorToString?: string,
-      ): void {
-    if (!AnnotationRepository.annotationsEnabled()) {
-      console.warn('Received annotation registration with annotations disabled');
-      return;
-    }
-
-    if (this.#updateExistingAnnotationLabel(label, AnnotationType.ELEMENT_NODE, anchor)) {
-      return;
-    }
-
-    const annotationData: ElementsAnnotationData = {
-      id: this.#nextId++,
-      type: AnnotationType.ELEMENT_NODE,
-      message: label,
-      lookupId: typeof anchor === 'string' ? anchor : '',
-      anchor: typeof anchor !== 'string' ? anchor : undefined,
-      anchorToString,
-    };
-    this.#annotationData.push(annotationData);
-    // eslint-disable-next-line no-console
-    console.log('[AnnotationRepository] Added element annotation:', label, {
-      annotationData,
-      annotations: this.#annotationData.length,
-    });
-    this.#events.dispatchEventToListeners(Events.ANNOTATION_ADDED, annotationData);
-  }
-
-  addNetworkRequestAnnotation(
-      label: string,
-      anchor?: SDK.NetworkRequest.NetworkRequest|string,
-      anchorToString?: string,
-      ): void {
-    if (!AnnotationRepository.annotationsEnabled()) {
-      console.warn('Received annotation registration with annotations disabled');
-      return;
-    }
-
-    // We only need to update the NETWORK_REQUEST_SUBPANEL_HEADERS because the
-    // NETWORK_REQUEST Annotation has no meaningful label.
-    if (this.#updateExistingAnnotationLabel(label, AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS, anchor)) {
-      return;
-    }
-
-    const annotationData: NetworkRequestAnnotationData = {
-      id: this.#nextId++,
-      type: AnnotationType.NETWORK_REQUEST,
-      message: '',
-      lookupId: typeof anchor === 'string' ? anchor : '',
-      anchor: typeof anchor !== 'string' ? anchor : undefined,
-      anchorToString,
-    };
-    this.#annotationData.push(annotationData);
-    // eslint-disable-next-line no-console
-    console.log('[AnnotationRepository] Added annotation:', label, {
-      annotationData,
-      annotations: this.#annotationData.length,
-    });
-    this.#events.dispatchEventToListeners(Events.ANNOTATION_ADDED, annotationData);
-
-    const annotationDetailsData: NetworkRequestDetailsAnnotationData = {
-      id: this.#nextId++,
-      type: AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS,
-      message: label,
-      lookupId: typeof anchor === 'string' ? anchor : '',
-      anchor: typeof anchor !== 'string' ? anchor : undefined,
-      anchorToString,
-    };
-
-    this.#annotationData.push(annotationDetailsData);
-    this.#events.dispatchEventToListeners(Events.ANNOTATION_ADDED, annotationDetailsData);
-  }
-
-  deleteAllAnnotations(): void {
-    this.#annotationData = [];
-    this.#events.dispatchEventToListeners(Events.ALL_ANNOTATIONS_DELETED);
-    // eslint-disable-next-line no-console
-    console.log('[AnnotationRepository] Deleting all annotations');
-  }
-
-  deleteAnnotation(id: number): void {
-    const index = this.#annotationData.findIndex(annotation => annotation.id === id);
-    if (index === -1) {
-      console.warn(`[AnnotationRepository] Could not find annotation with id ${id}`);
-      return;
-    }
-    this.#annotationData.splice(index, 1);
-    this.#events.dispatchEventToListeners(Events.ANNOTATION_DELETED, {id});
-    // eslint-disable-next-line no-console
-    console.log(`[AnnotationRepository] Deleted annotation with id ${id}`);
-  }
-}

package/front_end/models/annotations/AnnotationType.ts

@@ -1,10 +0,0 @@
-// 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.
-
-export enum AnnotationType {
-  ELEMENT_NODE = 0,
-  STYLE_RULE = 1,
-  NETWORK_REQUEST = 2,
-  NETWORK_REQUEST_SUBPANEL_HEADERS = 3,
-}

package/front_end/models/annotations/README.md

@@ -1,7 +0,0 @@
-# Annotations Model
-
-**IMPORTANT**: this model exists because on the GreenDev project we prototyped a build of DevTools that is able to add annotations to various parts of the UI.
-
-This feature is only enabled when Chromium is run with the GreenDev feature flag enabled. There are currently NO PLANS to ship this code to production.
-
-If you are reading this and you want to use this code, please speak to jacktfranklin@ first. This code is for a prototype and not in a production state.

package/front_end/models/annotations/annotations.ts

@@ -1,6 +0,0 @@
-// 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.
-
-export * from './AnnotationRepository.js';
-export * from './AnnotationType.js';

package/front_end/models/greendev/Prototypes.ts

@@ -1,68 +0,0 @@
-// 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 * as Common from '../../core/common/common.js';
-import * as Root from '../../core/root/root.js';
-
-let instance: Prototypes|null = null;
-
-export interface GreenDevSettings {
-  aiAnnotations: Common.Settings.Setting<boolean>;
-  beyondStylingGemini: Common.Settings.Setting<boolean>;
-  beyondStylingAntigravity: Common.Settings.Setting<boolean>;
-  emulationCapabilities: Common.Settings.Setting<boolean>;
-}
-
-export class Prototypes {
-  private constructor() {
-  }
-
-  static instance(): Prototypes {
-    if (instance) {
-      return instance;
-    }
-    instance = new Prototypes();
-    return instance;
-  }
-
-  /**
-   * Returns true if the specific setting is turned on AND the GreenDev flag is enabled
-   */
-  isEnabled(setting: keyof GreenDevSettings): boolean {
-    const greendevFlagEnabled = Boolean(Root.Runtime.hostConfig.devToolsGreenDevUi?.enabled);
-
-    return greendevFlagEnabled && this.settings()[setting].get();
-  }
-
-  settings(): Readonly<GreenDevSettings> {
-    const settings = Common.Settings.Settings.instance();
-    const aiAnnotations = settings.createSetting(
-        'greendev-ai-annotations-enabled',
-        false,
-        Common.Settings.SettingStorageType.LOCAL,
-    );
-    const beyondStylingGemini = settings.createSetting(
-        'greendev-beyond-styling-gemini-enabled',
-        false,
-        Common.Settings.SettingStorageType.GLOBAL,
-    );
-    const beyondStylingAntigravity = settings.createSetting(
-        'greendev-beyond-styling-antigravity-enabled',
-        false,
-        Common.Settings.SettingStorageType.GLOBAL,
-    );
-    const emulationCapabilities = settings.createSetting(
-        'greendev-emulation-capabilities-enabled',
-        false,
-        Common.Settings.SettingStorageType.LOCAL,
-    );
-
-    return {
-      aiAnnotations,
-      beyondStylingGemini,
-      beyondStylingAntigravity,
-      emulationCapabilities
-    };
-  }
-}

package/front_end/models/greendev/README.md

@@ -1,5 +0,0 @@
-# GreenDev Model
-
-As part of GreenDev we are building a bunch of prototypes into DevTools to user test. This model holds which prototypes are enabled for a given user.
-
-The settings is only stored in local storage, and not synced across devices or persisted in anyway beyond that.

package/front_end/models/greendev/greendev.ts

@@ -1,5 +0,0 @@
-// 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.
-
-export * from './Prototypes.js';