chrome-devtools-frontend 1.0.1548980 → 1.0.1549484

package/front_end/generated/protocol.ts

@@ -2589,8 +2589,6 @@ export namespace Browser {
  */
 export namespace CSS {
 
-  export type StyleSheetId = OpaqueIdentifier<string, 'Protocol.CSS.StyleSheetId'>;
-
   /**
    * Stylesheet type: "injected" for stylesheets injected via extension, "user-agent" for user-agent
    * stylesheets, "inspector" for stylesheets created by the inspector (i.e. those holding the "via
@@ -2746,7 +2744,7 @@ export namespace CSS {
     /**
      * The stylesheet identifier.
      */
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     /**
      * Owner frame identifier.
      */
@@ -2832,7 +2830,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Rule selector data.
      */
@@ -2911,7 +2909,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     /**
      * Offset of the start of the rule (including selector) from the beginning of the stylesheet.
      */
@@ -2991,7 +2989,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * CSS properties in the style.
      */
@@ -3087,7 +3085,7 @@ export namespace CSS {
     /**
      * Identifier of the stylesheet containing this object (if exists).
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Array of media queries.
      */
@@ -3150,7 +3148,7 @@ export namespace CSS {
     /**
      * Identifier of the stylesheet containing this object (if exists).
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Optional name for the container.
      */
@@ -3193,7 +3191,7 @@ export namespace CSS {
     /**
      * Identifier of the stylesheet containing this object (if exists).
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
   }
 
   /**
@@ -3212,7 +3210,7 @@ export namespace CSS {
     /**
      * Identifier of the stylesheet containing this object (if exists).
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
   }
 
   /**
@@ -3231,7 +3229,7 @@ export namespace CSS {
     /**
      * Identifier of the stylesheet containing this object (if exists).
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
   }
 
   /**
@@ -3246,7 +3244,7 @@ export namespace CSS {
     /**
      * Identifier of the stylesheet containing this object (if exists).
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
   }
 
   /**
@@ -3371,7 +3369,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Parent stylesheet's origin.
      */
@@ -3394,7 +3392,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Parent stylesheet's origin.
      */
@@ -3466,7 +3464,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Parent stylesheet's origin.
      */
@@ -3485,7 +3483,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Parent stylesheet's origin.
      */
@@ -3566,7 +3564,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Parent stylesheet's origin.
      */
@@ -3589,7 +3587,7 @@ export namespace CSS {
      * The css style sheet identifier (absent for user agent stylesheet and user-specified
      * stylesheet rules) this rule came from.
      */
-    styleSheetId?: StyleSheetId;
+    styleSheetId?: DOM.StyleSheetId;
     /**
      * Parent stylesheet's origin.
      */
@@ -3611,7 +3609,7 @@ export namespace CSS {
     /**
      * The css style sheet identifier.
      */
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     /**
      * The range of the style text in the enclosing stylesheet.
      */
@@ -3626,7 +3624,7 @@ export namespace CSS {
     /**
      * The css style sheet identifier where a new rule should be inserted.
      */
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     /**
      * The text of a new rule.
      */
@@ -3651,7 +3649,7 @@ export namespace CSS {
   }
 
   export interface CollectClassNamesRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
   }
 
   export interface CollectClassNamesResponse extends ProtocolResponseWithError {
@@ -3679,7 +3677,7 @@ export namespace CSS {
     /**
      * Identifier of the created "via-inspector" stylesheet.
      */
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
   }
 
   export interface ForcePseudoStateRequest {
@@ -3903,7 +3901,7 @@ export namespace CSS {
   }
 
   export interface GetStyleSheetTextRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
   }
 
   export interface GetStyleSheetTextResponse extends ProtocolResponseWithError {
@@ -3922,7 +3920,7 @@ export namespace CSS {
   }
 
   export interface GetLocationForSelectorRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     selectorText: string;
   }
 
@@ -3955,7 +3953,7 @@ export namespace CSS {
   }
 
   export interface SetPropertyRulePropertyNameRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     propertyName: string;
   }
@@ -3968,7 +3966,7 @@ export namespace CSS {
   }
 
   export interface SetKeyframeKeyRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     keyText: string;
   }
@@ -3981,7 +3979,7 @@ export namespace CSS {
   }
 
   export interface SetMediaTextRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     text: string;
   }
@@ -3994,7 +3992,7 @@ export namespace CSS {
   }
 
   export interface SetContainerQueryTextRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     text: string;
   }
@@ -4007,7 +4005,7 @@ export namespace CSS {
   }
 
   export interface SetSupportsTextRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     text: string;
   }
@@ -4020,7 +4018,7 @@ export namespace CSS {
   }
 
   export interface SetScopeTextRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     text: string;
   }
@@ -4033,7 +4031,7 @@ export namespace CSS {
   }
 
   export interface SetRuleSelectorRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     range: SourceRange;
     selector: string;
   }
@@ -4046,7 +4044,7 @@ export namespace CSS {
   }
 
   export interface SetStyleSheetTextRequest {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
     text: string;
   }
 
@@ -4118,7 +4116,7 @@ export namespace CSS {
    * Fired whenever a stylesheet is changed as a result of the client operation.
    */
   export interface StyleSheetChangedEvent {
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
   }
 
   /**
@@ -4128,7 +4126,7 @@ export namespace CSS {
     /**
      * Identifier of the removed stylesheet.
      */
-    styleSheetId: StyleSheetId;
+    styleSheetId: DOM.StyleSheetId;
   }
 
   export interface ComputedStyleUpdatedEvent {
@@ -4407,6 +4405,11 @@ export namespace DOM {
    */
   export type BackendNodeId = OpaqueIdentifier<integer, 'Protocol.DOM.BackendNodeId'>;
 
+  /**
+   * Unique identifier for a CSS stylesheet.
+   */
+  export type StyleSheetId = OpaqueIdentifier<string, 'Protocol.DOM.StyleSheetId'>;
+
   /**
    * Backend node with a friendly name.
    */
@@ -4644,6 +4647,7 @@ export namespace DOM {
     assignedSlot?: BackendNode;
     isScrollable?: boolean;
     affectedByStartingStyles?: boolean;
+    adoptedStyleSheets?: StyleSheetId[];
   }
 
   /**
@@ -5561,6 +5565,20 @@ export namespace DOM {
     value: string;
   }
 
+  /**
+   * Fired when `Element`'s adoptedStyleSheets are modified.
+   */
+  export interface AdoptedStyleSheetsModifiedEvent {
+    /**
+     * Id of the node that has changed.
+     */
+    nodeId: NodeId;
+    /**
+     * New adoptedStyleSheets array.
+     */
+    adoptedStyleSheets: StyleSheetId[];
+  }
+
   /**
    * Fired when `Element`'s attribute is removed.
    */
@@ -13590,6 +13608,7 @@ export namespace Page {
     AmbientLightSensor = 'ambient-light-sensor',
     AriaNotify = 'aria-notify',
     AttributionReporting = 'attribution-reporting',
+    Autofill = 'autofill',
     Autoplay = 'autoplay',
     Bluetooth = 'bluetooth',
     BrowsingTopics = 'browsing-topics',
@@ -13655,6 +13674,7 @@ export namespace Page {
     LocalFonts = 'local-fonts',
     LocalNetworkAccess = 'local-network-access',
     Magnetometer = 'magnetometer',
+    ManualText = 'manual-text',
     MediaPlaybackWhileNotVisible = 'media-playback-while-not-visible',
     Microphone = 'microphone',
     Midi = 'midi',
@@ -13672,7 +13692,6 @@ export namespace Page {
     RunAdAuction = 'run-ad-auction',
     ScreenWakeLock = 'screen-wake-lock',
     Serial = 'serial',
-    SharedAutofill = 'shared-autofill',
     SharedStorage = 'shared-storage',
     SharedStorageSelectUrl = 'shared-storage-select-url',
     SmartCard = 'smart-card',
@@ -15399,6 +15418,22 @@ export namespace Page {
     isAllowed: boolean;
   }
 
+  export interface GetAnnotatedPageContentRequest {
+    /**
+     * Whether to include actionable information. Defaults to true.
+     */
+    includeActionableInformation?: boolean;
+  }
+
+  export interface GetAnnotatedPageContentResponse extends ProtocolResponseWithError {
+    /**
+     * The annotated page content as a base64 encoded protobuf.
+     * The format is defined by the `AnnotatedPageContent` message in
+     * components/optimization_guide/proto/features/common_quality_data.proto
+     */
+    content: binary;
+  }
+
   export interface DomContentEventFiredEvent {
     timestamp: Network.MonotonicTime;
   }

package/front_end/models/ai_assistance/AiConversation.ts

@@ -71,9 +71,9 @@ export class AiConversation {
   ) {
     this.#changeManager = changeManager;
     this.#aidaClient = aidaClient;
-    this.#agent = this.#createAgent(type);
-
     this.type = type;
+    this.#agent = this.#createAgent();
+
     this.id = id;
     this.#isReadOnly = isReadOnly;
     this.#isExternal = isExternal;
@@ -212,14 +212,14 @@ export class AiConversation {
     };
   }
 
-  #createAgent(conversationType: ConversationType): AiAgent<unknown> {
+  #createAgent(): AiAgent<unknown> {
     const options = {
       aidaClient: this.#aidaClient,
       serverSideLoggingEnabled: isAiAssistanceServerSideLoggingEnabled(),
       changeManager: this.#changeManager,
     };
     let agent: AiAgent<unknown>;
-    switch (conversationType) {
+    switch (this.type) {
       case ConversationType.STYLING: {
         agent = new StylingAgent(options);
         break;
@@ -251,6 +251,7 @@ export class AiConversation {
           ): AsyncGenerator<ResponseData, void, void> {
     for await (const data of this.#agent.run(initialQuery, options, multimodalInput)) {
       // We don't want to save partial responses to the conversation history.
+      // TODO(crbug.com/463325400): We should save interleaved answers to the history as well.
       if (data.type !== ResponseType.ANSWER || data.complete) {
         void this.addHistoryItem(data);
       }

package/front_end/models/ai_assistance/ChangeManager.ts

@@ -31,9 +31,9 @@ function formatStyles(styles: Record<string, string>, indent = 2): string {
 export class ChangeManager {
   readonly #stylesheetMutex = new Common.Mutex.Mutex();
   readonly #cssModelToStylesheetId =
-      new Map<SDK.CSSModel.CSSModel, Map<Protocol.Page.FrameId, Protocol.CSS.StyleSheetId>>();
-  readonly #stylesheetChanges = new Map<Protocol.CSS.StyleSheetId, Change[]>();
-  readonly #backupStylesheetChanges = new Map<Protocol.CSS.StyleSheetId, Change[]>();
+      new Map<SDK.CSSModel.CSSModel, Map<Protocol.Page.FrameId, Protocol.DOM.StyleSheetId>>();
+  readonly #stylesheetChanges = new Map<Protocol.DOM.StyleSheetId, Change[]>();
+  readonly #backupStylesheetChanges = new Map<Protocol.DOM.StyleSheetId, Change[]>();
 
   constructor() {
     SDK.TargetManager.TargetManager.instance().addModelListener(
@@ -147,7 +147,7 @@ ${formatStyles(change.styles)}
   }
 
   async #getStylesheet(cssModel: SDK.CSSModel.CSSModel, frameId: Protocol.Page.FrameId):
-      Promise<Protocol.CSS.StyleSheetId> {
+      Promise<Protocol.DOM.StyleSheetId> {
     return await this.#stylesheetMutex.run(async () => {
       let frameToStylesheet = this.#cssModelToStylesheetId.get(cssModel);
       if (!frameToStylesheet) {

package/front_end/models/ai_assistance/ConversationHandler.ts

@@ -14,7 +14,6 @@ import {
   type AiAgent,
   type ExternalRequestResponse,
   ExternalRequestResponseType,
-  type ResponseData,
   ResponseType
 } from './agents/AiAgent.js';
 import {NetworkAgent, RequestContext} from './agents/NetworkAgent.js';
@@ -204,20 +203,6 @@ export class ConversationHandler extends Common.ObjectWrapper.ObjectWrapper<Even
     }
   }
 
-  async *
-      handleConversationWithHistory(
-          items: AsyncIterable<ResponseData, void, void>,
-          conversation: AiConversation|undefined,
-          ): AsyncGenerator<ResponseData, void, void> {
-    for await (const data of items) {
-      // We don't want to save partial responses to the conversation history.
-      if (data.type !== ResponseType.ANSWER || data.complete) {
-        void conversation?.addHistoryItem(data);
-      }
-      yield data;
-    }
-  }
-
   async * #createAndDoExternalConversation(opts: {
     conversationType: ConversationType,
     aiAgent: AiAgent<unknown>,

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

@@ -237,7 +237,8 @@ export interface FunctionDeclaration<Args extends Record<string, unknown>, Retur
   /**
    * Function implementation that the LLM will try to execute,
    */
-  handler: (args: Args, options?: FunctionHandlerOptions) => Promise<FunctionCallHandlerResult<ReturnType>>;
+
+  handler(args: Args, options?: FunctionHandlerOptions): Promise<FunctionCallHandlerResult<ReturnType>>;
 }
 
 interface AidaFetchResult {
@@ -618,10 +619,12 @@ export abstract class AiAgent<T> {
     }
   }
 
-  async * #callFunction(name: string, args: Record<string, unknown>, options?: {
-    signal?: AbortSignal,
-    approved?: boolean,
-  }): AsyncGenerator<FunctionCallResponseData, {result: unknown}> {
+  async *
+      #callFunction(
+          name: string,
+          args: Record<string, unknown>,
+          options?: FunctionHandlerOptions,
+          ): AsyncGenerator<FunctionCallResponseData, {result: unknown}> {
     const call = this.#functionDeclarations.get(name);
     if (!call) {
       throw new Error(`Function ${name} is not found.`);
@@ -655,7 +658,7 @@ export abstract class AiAgent<T> {
       }
     }
 
-    let result = await call.handler(args, options) as FunctionCallHandlerResult<unknown>;
+    let result = await call.handler(args, options);
 
     if ('requiresApproval' in result) {
       if (code) {