chrome-devtools-frontend 1.0.1587905 → 1.0.1588580

package/front_end/core/sdk/DOMModel.ts

@@ -2054,6 +2054,9 @@ class DOMDispatcher implements ProtocolProxyApi.DOMDispatcher {
                                           Protocol.DOM.AffectedByStartingStylesFlagUpdatedEvent): void {
     this.#domModel.affectedByStartingStylesFlagUpdated(nodeId, affectedByStartingStyles);
   }
+
+  adRelatedStateUpdated(_: Protocol.DOM.AdRelatedStateUpdatedEvent): void {
+  }
 }
 
 let domModelUndoStackInstance: DOMModelUndoStack|null = null;

package/front_end/core/sdk/PreloadingModel.ts

@@ -64,6 +64,20 @@ export class PreloadingModel extends SDKModel<EventTypes> {
     void this.agent.invoke_disable();
   }
 
+  reset(): void {
+    this.documents.clear();
+    this.loaderIds = [];
+    this.targetJustAttached = true;
+    this.dispatchEventToListeners(Events.MODEL_UPDATED);
+  }
+
+  private maybeInferLoaderId(loaderId: Protocol.Network.LoaderId): void {
+    if (this.currentLoaderId() === null) {
+      this.loaderIds = [loaderId];
+      this.targetJustAttached = false;
+    }
+  }
+
   private ensureDocumentPreloadingData(loaderId: Protocol.Network.LoaderId): void {
     if (this.documents.get(loaderId) === undefined) {
       this.documents.set(loaderId, new DocumentPreloadingData());
@@ -241,12 +255,7 @@ export class PreloadingModel extends SDKModel<EventTypes> {
 
     const loaderId = ruleSet.loaderId;
 
-    // Infer current loaderId if DevTools is opned at the current page.
-    if (this.currentLoaderId() === null) {
-      this.loaderIds = [loaderId];
-      this.targetJustAttached = false;
-    }
-
+    this.maybeInferLoaderId(loaderId);
     this.ensureDocumentPreloadingData(loaderId);
     this.documents.get(loaderId)?.ruleSets.upsert(ruleSet);
     this.dispatchEventToListeners(Events.MODEL_UPDATED);

package/front_end/generated/InspectorBackendCommands.ts

@@ -363,6 +363,7 @@ inspectorBackend.registerEvent("DOM.inlineStyleInvalidated", ["nodeIds"]);
 inspectorBackend.registerEvent("DOM.pseudoElementAdded", ["parentId", "pseudoElement"]);
 inspectorBackend.registerEvent("DOM.topLayerElementsUpdated", []);
 inspectorBackend.registerEvent("DOM.scrollableFlagUpdated", ["nodeId", "isScrollable"]);
+inspectorBackend.registerEvent("DOM.adRelatedStateUpdated", ["nodeId", "isAdRelated"]);
 inspectorBackend.registerEvent("DOM.affectedByStartingStylesFlagUpdated", ["nodeId", "affectedByStartingStyles"]);
 inspectorBackend.registerEvent("DOM.pseudoElementRemoved", ["parentId", "pseudoElementId"]);
 inspectorBackend.registerEvent("DOM.setChildNodes", ["parentId", "nodes"]);
@@ -424,7 +425,7 @@ inspectorBackend.registerCommand("DOM.getQueryingDescendantsForContainer", [{"na
 inspectorBackend.registerCommand("DOM.getAnchorElement", [{"name": "nodeId", "type": "number", "optional": false, "description": "Id of the positioned element from which to find the anchor.", "typeRef": "DOM.NodeId"}, {"name": "anchorSpecifier", "type": "string", "optional": true, "description": "An optional anchor specifier, as defined in https://www.w3.org/TR/css-anchor-position-1/#anchor-specifier. If not provided, it will return the implicit anchor element for the given positioned element.", "typeRef": null}], ["nodeId"], "Returns the target anchor element of the given anchor query according to https://www.w3.org/TR/css-anchor-position-1/#target.");
 inspectorBackend.registerCommand("DOM.forceShowPopover", [{"name": "nodeId", "type": "number", "optional": false, "description": "Id of the popover HTMLElement", "typeRef": "DOM.NodeId"}, {"name": "enable", "type": "boolean", "optional": false, "description": "If true, opens the popover and keeps it open. If false, closes the popover if it was previously force-opened.", "typeRef": null}], ["nodeIds"], "When enabling, this API force-opens the popover identified by nodeId and keeps it open until disabled.");
 inspectorBackend.registerType("DOM.BackendNode", [{"name": "nodeType", "type": "number", "optional": false, "description": "`Node`'s nodeType.", "typeRef": null}, {"name": "nodeName", "type": "string", "optional": false, "description": "`Node`'s nodeName.", "typeRef": null}, {"name": "backendNodeId", "type": "number", "optional": false, "description": "", "typeRef": "DOM.BackendNodeId"}]);
-inspectorBackend.registerType("DOM.Node", [{"name": "nodeId", "type": "number", "optional": false, "description": "Node identifier that is passed into the rest of the DOM messages as the `nodeId`. Backend will only push node with given `id` once. It is aware of all requested nodes and will only fire DOM events for nodes known to the client.", "typeRef": "DOM.NodeId"}, {"name": "parentId", "type": "number", "optional": true, "description": "The id of the parent node if any.", "typeRef": "DOM.NodeId"}, {"name": "backendNodeId", "type": "number", "optional": false, "description": "The BackendNodeId for this node.", "typeRef": "DOM.BackendNodeId"}, {"name": "nodeType", "type": "number", "optional": false, "description": "`Node`'s nodeType.", "typeRef": null}, {"name": "nodeName", "type": "string", "optional": false, "description": "`Node`'s nodeName.", "typeRef": null}, {"name": "localName", "type": "string", "optional": false, "description": "`Node`'s localName.", "typeRef": null}, {"name": "nodeValue", "type": "string", "optional": false, "description": "`Node`'s nodeValue.", "typeRef": null}, {"name": "childNodeCount", "type": "number", "optional": true, "description": "Child count for `Container` nodes.", "typeRef": null}, {"name": "children", "type": "array", "optional": true, "description": "Child nodes of this node when requested with children.", "typeRef": "DOM.Node"}, {"name": "attributes", "type": "array", "optional": true, "description": "Attributes of the `Element` node in the form of flat array `[name1, value1, name2, value2]`.", "typeRef": "string"}, {"name": "documentURL", "type": "string", "optional": true, "description": "Document URL that `Document` or `FrameOwner` node points to.", "typeRef": null}, {"name": "baseURL", "type": "string", "optional": true, "description": "Base URL that `Document` or `FrameOwner` node uses for URL completion.", "typeRef": null}, {"name": "publicId", "type": "string", "optional": true, "description": "`DocumentType`'s publicId.", "typeRef": null}, {"name": "systemId", "type": "string", "optional": true, "description": "`DocumentType`'s systemId.", "typeRef": null}, {"name": "internalSubset", "type": "string", "optional": true, "description": "`DocumentType`'s internalSubset.", "typeRef": null}, {"name": "xmlVersion", "type": "string", "optional": true, "description": "`Document`'s XML version in case of XML documents.", "typeRef": null}, {"name": "name", "type": "string", "optional": true, "description": "`Attr`'s name.", "typeRef": null}, {"name": "value", "type": "string", "optional": true, "description": "`Attr`'s value.", "typeRef": null}, {"name": "pseudoType", "type": "string", "optional": true, "description": "Pseudo element type for this node.", "typeRef": "DOM.PseudoType"}, {"name": "pseudoIdentifier", "type": "string", "optional": true, "description": "Pseudo element identifier for this node. Only present if there is a valid pseudoType.", "typeRef": null}, {"name": "shadowRootType", "type": "string", "optional": true, "description": "Shadow root type.", "typeRef": "DOM.ShadowRootType"}, {"name": "frameId", "type": "string", "optional": true, "description": "Frame ID for frame owner elements.", "typeRef": "Page.FrameId"}, {"name": "contentDocument", "type": "object", "optional": true, "description": "Content document for frame owner elements.", "typeRef": "DOM.Node"}, {"name": "shadowRoots", "type": "array", "optional": true, "description": "Shadow root list for given element host.", "typeRef": "DOM.Node"}, {"name": "templateContent", "type": "object", "optional": true, "description": "Content document fragment for template elements.", "typeRef": "DOM.Node"}, {"name": "pseudoElements", "type": "array", "optional": true, "description": "Pseudo elements associated with this node.", "typeRef": "DOM.Node"}, {"name": "importedDocument", "type": "object", "optional": true, "description": "Deprecated, as the HTML Imports API has been removed (crbug.com/937746). This property used to return the imported document for the HTMLImport links. The property is always undefined now.", "typeRef": "DOM.Node"}, {"name": "distributedNodes", "type": "array", "optional": true, "description": "Distributed nodes for given insertion point.", "typeRef": "DOM.BackendNode"}, {"name": "isSVG", "type": "boolean", "optional": true, "description": "Whether the node is SVG.", "typeRef": null}, {"name": "compatibilityMode", "type": "string", "optional": true, "description": "", "typeRef": "DOM.CompatibilityMode"}, {"name": "assignedSlot", "type": "object", "optional": true, "description": "", "typeRef": "DOM.BackendNode"}, {"name": "isScrollable", "type": "boolean", "optional": true, "description": "", "typeRef": null}, {"name": "affectedByStartingStyles", "type": "boolean", "optional": true, "description": "", "typeRef": null}, {"name": "adoptedStyleSheets", "type": "array", "optional": true, "description": "", "typeRef": "DOM.StyleSheetId"}]);
+inspectorBackend.registerType("DOM.Node", [{"name": "nodeId", "type": "number", "optional": false, "description": "Node identifier that is passed into the rest of the DOM messages as the `nodeId`. Backend will only push node with given `id` once. It is aware of all requested nodes and will only fire DOM events for nodes known to the client.", "typeRef": "DOM.NodeId"}, {"name": "parentId", "type": "number", "optional": true, "description": "The id of the parent node if any.", "typeRef": "DOM.NodeId"}, {"name": "backendNodeId", "type": "number", "optional": false, "description": "The BackendNodeId for this node.", "typeRef": "DOM.BackendNodeId"}, {"name": "nodeType", "type": "number", "optional": false, "description": "`Node`'s nodeType.", "typeRef": null}, {"name": "nodeName", "type": "string", "optional": false, "description": "`Node`'s nodeName.", "typeRef": null}, {"name": "localName", "type": "string", "optional": false, "description": "`Node`'s localName.", "typeRef": null}, {"name": "nodeValue", "type": "string", "optional": false, "description": "`Node`'s nodeValue.", "typeRef": null}, {"name": "childNodeCount", "type": "number", "optional": true, "description": "Child count for `Container` nodes.", "typeRef": null}, {"name": "children", "type": "array", "optional": true, "description": "Child nodes of this node when requested with children.", "typeRef": "DOM.Node"}, {"name": "attributes", "type": "array", "optional": true, "description": "Attributes of the `Element` node in the form of flat array `[name1, value1, name2, value2]`.", "typeRef": "string"}, {"name": "documentURL", "type": "string", "optional": true, "description": "Document URL that `Document` or `FrameOwner` node points to.", "typeRef": null}, {"name": "baseURL", "type": "string", "optional": true, "description": "Base URL that `Document` or `FrameOwner` node uses for URL completion.", "typeRef": null}, {"name": "publicId", "type": "string", "optional": true, "description": "`DocumentType`'s publicId.", "typeRef": null}, {"name": "systemId", "type": "string", "optional": true, "description": "`DocumentType`'s systemId.", "typeRef": null}, {"name": "internalSubset", "type": "string", "optional": true, "description": "`DocumentType`'s internalSubset.", "typeRef": null}, {"name": "xmlVersion", "type": "string", "optional": true, "description": "`Document`'s XML version in case of XML documents.", "typeRef": null}, {"name": "name", "type": "string", "optional": true, "description": "`Attr`'s name.", "typeRef": null}, {"name": "value", "type": "string", "optional": true, "description": "`Attr`'s value.", "typeRef": null}, {"name": "pseudoType", "type": "string", "optional": true, "description": "Pseudo element type for this node.", "typeRef": "DOM.PseudoType"}, {"name": "pseudoIdentifier", "type": "string", "optional": true, "description": "Pseudo element identifier for this node. Only present if there is a valid pseudoType.", "typeRef": null}, {"name": "shadowRootType", "type": "string", "optional": true, "description": "Shadow root type.", "typeRef": "DOM.ShadowRootType"}, {"name": "frameId", "type": "string", "optional": true, "description": "Frame ID for frame owner elements.", "typeRef": "Page.FrameId"}, {"name": "contentDocument", "type": "object", "optional": true, "description": "Content document for frame owner elements.", "typeRef": "DOM.Node"}, {"name": "shadowRoots", "type": "array", "optional": true, "description": "Shadow root list for given element host.", "typeRef": "DOM.Node"}, {"name": "templateContent", "type": "object", "optional": true, "description": "Content document fragment for template elements.", "typeRef": "DOM.Node"}, {"name": "pseudoElements", "type": "array", "optional": true, "description": "Pseudo elements associated with this node.", "typeRef": "DOM.Node"}, {"name": "importedDocument", "type": "object", "optional": true, "description": "Deprecated, as the HTML Imports API has been removed (crbug.com/937746). This property used to return the imported document for the HTMLImport links. The property is always undefined now.", "typeRef": "DOM.Node"}, {"name": "distributedNodes", "type": "array", "optional": true, "description": "Distributed nodes for given insertion point.", "typeRef": "DOM.BackendNode"}, {"name": "isSVG", "type": "boolean", "optional": true, "description": "Whether the node is SVG.", "typeRef": null}, {"name": "compatibilityMode", "type": "string", "optional": true, "description": "", "typeRef": "DOM.CompatibilityMode"}, {"name": "assignedSlot", "type": "object", "optional": true, "description": "", "typeRef": "DOM.BackendNode"}, {"name": "isScrollable", "type": "boolean", "optional": true, "description": "", "typeRef": null}, {"name": "affectedByStartingStyles", "type": "boolean", "optional": true, "description": "", "typeRef": null}, {"name": "adoptedStyleSheets", "type": "array", "optional": true, "description": "", "typeRef": "DOM.StyleSheetId"}, {"name": "isAdRelated", "type": "boolean", "optional": true, "description": "", "typeRef": null}]);
 inspectorBackend.registerType("DOM.DetachedElementInfo", [{"name": "treeNode", "type": "object", "optional": false, "description": "", "typeRef": "DOM.Node"}, {"name": "retainedNodeIds", "type": "array", "optional": false, "description": "", "typeRef": "DOM.NodeId"}]);
 inspectorBackend.registerType("DOM.RGBA", [{"name": "r", "type": "number", "optional": false, "description": "The red component, in the [0-255] range.", "typeRef": null}, {"name": "g", "type": "number", "optional": false, "description": "The green component, in the [0-255] range.", "typeRef": null}, {"name": "b", "type": "number", "optional": false, "description": "The blue component, in the [0-255] range.", "typeRef": null}, {"name": "a", "type": "number", "optional": true, "description": "The alpha component, in the [0-1] range (default: 1).", "typeRef": null}]);
 inspectorBackend.registerType("DOM.Quad", [{"name": "Quad", "type": "array", "optional": false, "description": "An array of quad vertices, x immediately followed by y for each point, points clock-wise.", "typeRef": "number"}]);
@@ -930,8 +931,9 @@ inspectorBackend.registerType("Network.DeviceBoundSessionCookieCraving", [{"name
 inspectorBackend.registerType("Network.DeviceBoundSessionUrlRule", [{"name": "ruleType", "type": "string", "optional": false, "description": "See comments on `net::device_bound_sessions::SessionInclusionRules::UrlRule::rule_type`.", "typeRef": null}, {"name": "hostPattern", "type": "string", "optional": false, "description": "See comments on `net::device_bound_sessions::SessionInclusionRules::UrlRule::host_pattern`.", "typeRef": null}, {"name": "pathPrefix", "type": "string", "optional": false, "description": "See comments on `net::device_bound_sessions::SessionInclusionRules::UrlRule::path_prefix`.", "typeRef": null}]);
 inspectorBackend.registerType("Network.DeviceBoundSessionInclusionRules", [{"name": "origin", "type": "string", "optional": false, "description": "See comments on `net::device_bound_sessions::SessionInclusionRules::origin_`.", "typeRef": null}, {"name": "includeSite", "type": "boolean", "optional": false, "description": "Whether the whole site is included. See comments on `net::device_bound_sessions::SessionInclusionRules::include_site_` for more details; this boolean is true if that value is populated.", "typeRef": null}, {"name": "urlRules", "type": "array", "optional": false, "description": "See comments on `net::device_bound_sessions::SessionInclusionRules::url_rules_`.", "typeRef": "Network.DeviceBoundSessionUrlRule"}]);
 inspectorBackend.registerType("Network.DeviceBoundSession", [{"name": "key", "type": "object", "optional": false, "description": "The site and session ID of the session.", "typeRef": "Network.DeviceBoundSessionKey"}, {"name": "refreshUrl", "type": "string", "optional": false, "description": "See comments on `net::device_bound_sessions::Session::refresh_url_`.", "typeRef": null}, {"name": "inclusionRules", "type": "object", "optional": false, "description": "See comments on `net::device_bound_sessions::Session::inclusion_rules_`.", "typeRef": "Network.DeviceBoundSessionInclusionRules"}, {"name": "cookieCravings", "type": "array", "optional": false, "description": "See comments on `net::device_bound_sessions::Session::cookie_cravings_`.", "typeRef": "Network.DeviceBoundSessionCookieCraving"}, {"name": "expiryDate", "type": "number", "optional": false, "description": "See comments on `net::device_bound_sessions::Session::expiry_date_`.", "typeRef": "Network.TimeSinceEpoch"}, {"name": "cachedChallenge", "type": "string", "optional": true, "description": "See comments on `net::device_bound_sessions::Session::cached_challenge__`.", "typeRef": null}, {"name": "allowedRefreshInitiators", "type": "array", "optional": false, "description": "See comments on `net::device_bound_sessions::Session::allowed_refresh_initiators_`.", "typeRef": "string"}]);
-inspectorBackend.registerType("Network.CreationEventDetails", [{"name": "fetchResult", "type": "string", "optional": false, "description": "The result of the fetch attempt.", "typeRef": "Network.DeviceBoundSessionFetchResult"}, {"name": "newSession", "type": "object", "optional": true, "description": "The session if there was a newly created session. This is populated for all successful creation events.", "typeRef": "Network.DeviceBoundSession"}]);
-inspectorBackend.registerType("Network.RefreshEventDetails", [{"name": "refreshResult", "type": "string", "optional": false, "description": "The result of a refresh.", "typeRef": null}, {"name": "fetchResult", "type": "string", "optional": true, "description": "If there was a fetch attempt, the result of that.", "typeRef": "Network.DeviceBoundSessionFetchResult"}, {"name": "newSession", "type": "object", "optional": true, "description": "The session display if there was a newly created session. This is populated for any refresh event that modifies the session config.", "typeRef": "Network.DeviceBoundSession"}, {"name": "wasFullyProactiveRefresh", "type": "boolean", "optional": false, "description": "See comments on `net::device_bound_sessions::RefreshEventResult::was_fully_proactive_refresh`.", "typeRef": null}]);
+inspectorBackend.registerType("Network.DeviceBoundSessionFailedRequest", [{"name": "requestUrl", "type": "string", "optional": false, "description": "The failed request URL.", "typeRef": null}, {"name": "netError", "type": "string", "optional": true, "description": "The net error of the response if it was not OK.", "typeRef": null}, {"name": "responseError", "type": "number", "optional": true, "description": "The response code if the net error was OK and the response code was not 200.", "typeRef": null}, {"name": "responseErrorBody", "type": "string", "optional": true, "description": "The body of the response if the net error was OK, the response code was not 200, and the response body was not empty.", "typeRef": null}]);
+inspectorBackend.registerType("Network.CreationEventDetails", [{"name": "fetchResult", "type": "string", "optional": false, "description": "The result of the fetch attempt.", "typeRef": "Network.DeviceBoundSessionFetchResult"}, {"name": "newSession", "type": "object", "optional": true, "description": "The session if there was a newly created session. This is populated for all successful creation events.", "typeRef": "Network.DeviceBoundSession"}, {"name": "failedRequest", "type": "object", "optional": true, "description": "Details about a failed device bound session network request if there was one.", "typeRef": "Network.DeviceBoundSessionFailedRequest"}]);
+inspectorBackend.registerType("Network.RefreshEventDetails", [{"name": "refreshResult", "type": "string", "optional": false, "description": "The result of a refresh.", "typeRef": null}, {"name": "fetchResult", "type": "string", "optional": true, "description": "If there was a fetch attempt, the result of that.", "typeRef": "Network.DeviceBoundSessionFetchResult"}, {"name": "newSession", "type": "object", "optional": true, "description": "The session display if there was a newly created session. This is populated for any refresh event that modifies the session config.", "typeRef": "Network.DeviceBoundSession"}, {"name": "wasFullyProactiveRefresh", "type": "boolean", "optional": false, "description": "See comments on `net::device_bound_sessions::RefreshEventResult::was_fully_proactive_refresh`.", "typeRef": null}, {"name": "failedRequest", "type": "object", "optional": true, "description": "Details about a failed device bound session network request if there was one.", "typeRef": "Network.DeviceBoundSessionFailedRequest"}]);
 inspectorBackend.registerType("Network.TerminationEventDetails", [{"name": "deletionReason", "type": "string", "optional": false, "description": "The reason for a session being deleted.", "typeRef": null}]);
 inspectorBackend.registerType("Network.ChallengeEventDetails", [{"name": "challengeResult", "type": "string", "optional": false, "description": "The result of a challenge.", "typeRef": null}, {"name": "challenge", "type": "string", "optional": false, "description": "The challenge set.", "typeRef": null}]);
 inspectorBackend.registerType("Network.LoadNetworkResourcePageResult", [{"name": "success", "type": "boolean", "optional": false, "description": "", "typeRef": null}, {"name": "netError", "type": "number", "optional": true, "description": "Optional values used for error reporting.", "typeRef": null}, {"name": "netErrorName", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "httpStatusCode", "type": "number", "optional": true, "description": "", "typeRef": null}, {"name": "stream", "type": "string", "optional": true, "description": "If successful, one of the following two fields holds the result.", "typeRef": "IO.StreamHandle"}, {"name": "headers", "type": "object", "optional": true, "description": "Response headers.", "typeRef": "Network.Headers"}]);

package/front_end/generated/SupportedCSSProperties.js

@@ -1761,6 +1761,20 @@ export const generatedProperties = [
   ],
   "name": "column-rule-inset"
  },
+ {
+  "longhands": [
+   "column-rule-edge-inset-end",
+   "column-rule-interior-inset-end"
+  ],
+  "name": "column-rule-inset-end"
+ },
+ {
+  "longhands": [
+   "column-rule-edge-inset-start",
+   "column-rule-interior-inset-start"
+  ],
+  "name": "column-rule-inset-start"
+ },
  {
   "longhands": [
    "column-rule-interior-inset-start",
@@ -3808,6 +3822,20 @@ export const generatedProperties = [
   ],
   "name": "row-rule-inset"
  },
+ {
+  "longhands": [
+   "row-rule-edge-inset-end",
+   "row-rule-interior-inset-end"
+  ],
+  "name": "row-rule-inset-end"
+ },
+ {
+  "longhands": [
+   "row-rule-edge-inset-start",
+   "row-rule-interior-inset-start"
+  ],
+  "name": "row-rule-inset-start"
+ },
  {
   "longhands": [
    "row-rule-interior-inset-start",
@@ -3929,6 +3957,24 @@ export const generatedProperties = [
   ],
   "name": "rule-inset"
  },
+ {
+  "longhands": [
+   "column-rule-edge-inset-end",
+   "column-rule-interior-inset-end",
+   "row-rule-edge-inset-end",
+   "row-rule-interior-inset-end"
+  ],
+  "name": "rule-inset-end"
+ },
+ {
+  "longhands": [
+   "column-rule-edge-inset-start",
+   "column-rule-interior-inset-start",
+   "row-rule-edge-inset-start",
+   "row-rule-interior-inset-start"
+  ],
+  "name": "rule-inset-start"
+ },
  {
   "longhands": [
    "row-rule-interior-inset-start",

package/front_end/generated/protocol-mapping.d.ts

@@ -164,6 +164,10 @@ export namespace ProtocolMapping {
      * Fired when a node's scrollability state changes.
      */
     'DOM.scrollableFlagUpdated': [Protocol.DOM.ScrollableFlagUpdatedEvent];
+    /**
+     * Fired when a node's ad related state changes.
+     */
+    'DOM.adRelatedStateUpdated': [Protocol.DOM.AdRelatedStateUpdatedEvent];
     /**
      * Fired when a node's starting styles changes.
      */

package/front_end/generated/protocol-proxy-api.d.ts

@@ -1405,6 +1405,11 @@ declare namespace ProtocolProxyApi {
      */
     scrollableFlagUpdated(params: Protocol.DOM.ScrollableFlagUpdatedEvent): void;
 
+    /**
+     * Fired when a node's ad related state changes.
+     */
+    adRelatedStateUpdated(params: Protocol.DOM.AdRelatedStateUpdatedEvent): void;
+
     /**
      * Fired when a node's starting styles changes.
      */

package/front_end/generated/protocol.ts

@@ -4736,6 +4736,7 @@ export namespace DOM {
     isScrollable?: boolean;
     affectedByStartingStyles?: boolean;
     adoptedStyleSheets?: StyleSheetId[];
+    isAdRelated?: boolean;
   }
 
   /**
@@ -5793,6 +5794,20 @@ export namespace DOM {
     isScrollable: boolean;
   }
 
+  /**
+   * Fired when a node's ad related state changes.
+   */
+  export interface AdRelatedStateUpdatedEvent {
+    /**
+     * The id of the node.
+     */
+    nodeId: DOM.NodeId;
+    /**
+     * If the node is ad related.
+     */
+    isAdRelated: boolean;
+  }
+
   /**
    * Fired when a node's starting styles changes.
    */
@@ -11603,6 +11618,30 @@ export namespace Network {
     SessionDeletedDuringRefresh = 'SessionDeletedDuringRefresh',
   }
 
+  /**
+   * Details about a failed device bound session network request.
+   */
+  export interface DeviceBoundSessionFailedRequest {
+    /**
+     * The failed request URL.
+     */
+    requestUrl: string;
+    /**
+     * The net error of the response if it was not OK.
+     */
+    netError?: string;
+    /**
+     * The response code if the net error was OK and the response code was not
+     * 200.
+     */
+    responseError?: integer;
+    /**
+     * The body of the response if the net error was OK, the response code was
+     * not 200, and the response body was not empty.
+     */
+    responseErrorBody?: string;
+  }
+
   /**
    * Session event details specific to creation.
    */
@@ -11616,6 +11655,11 @@ export namespace Network {
      * all successful creation events.
      */
     newSession?: DeviceBoundSession;
+    /**
+     * Details about a failed device bound session network request if there was
+     * one.
+     */
+    failedRequest?: DeviceBoundSessionFailedRequest;
   }
 
   export const enum RefreshEventDetailsRefreshResult {
@@ -11649,6 +11693,11 @@ export namespace Network {
      * See comments on `net::device_bound_sessions::RefreshEventResult::was_fully_proactive_refresh`.
      */
     wasFullyProactiveRefresh: boolean;
+    /**
+     * Details about a failed device bound session network request if there was
+     * one.
+     */
+    failedRequest?: DeviceBoundSessionFailedRequest;
   }
 
   export const enum TerminationEventDetailsDeletionReason {

package/front_end/models/computed_style/ComputedStyleModel.ts

@@ -176,7 +176,8 @@ export const enum Events {
 }
 
 export type CSSModelChangedEvent = SDK.CSSStyleSheetHeader.CSSStyleSheetHeader|SDK.CSSModel.StyleSheetChangedEvent|
-                                   SDK.CSSModel.PseudoStateForcedEvent|SDK.DOMModel.DOMNode|null|void;
+                                   SDK.CSSModel.PseudoStateForcedEvent|SDK.DOMModel.DOMNode|
+                                   SDK.CSSModel.ComputedStyleUpdatedEvent|null|void;
 
 export interface EventTypes {
   [Events.CSS_MODEL_CHANGED]: CSSModelChangedEvent;

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -6551,14 +6551,6 @@ export const NativeFunctions = [
     name: "timeout",
     signatures: [["milliseconds"]]
   },
-  {
-    name: "AttributePart",
-    signatures: [["root","element","localName","?init"]]
-  },
-  {
-    name: "ChildNodePart",
-    signatures: [["root","previousSibling","nextSibling","?init"]]
-  },
   {
     name: "Comment",
     signatures: [["?data"]]
@@ -6623,10 +6615,6 @@ export const NativeFunctions = [
     name: "Event",
     signatures: [["type","?eventInitDict"]]
   },
-  {
-    name: "getValueRange",
-    signatures: [["start","end"]]
-  },
   {
     name: "getBoxQuads",
     signatures: [["?options"]]
@@ -6647,10 +6635,6 @@ export const NativeFunctions = [
     name: "MutationObserver",
     signatures: [["callback"]]
   },
-  {
-    name: "NodePart",
-    signatures: [["root","node","?init"]]
-  },
   {
     name: "Observable",
     signatures: [["callback"]]
@@ -6683,6 +6667,10 @@ export const NativeFunctions = [
     name: "last",
     signatures: [["?options"]]
   },
+  {
+    name: "getValueRange",
+    signatures: [["start","end"]]
+  },
   {
     name: "moveBefore",
     signatures: [["node","child"]]

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -275,9 +275,9 @@ async function getEmptyStateSuggestions(conversation?: AiAssistanceModel.AiConve
 
     case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE: {
       return [
-        {title: 'How can I use DevTools to debug?', jslogContext: 'empty'},
-        {title: 'What performance issues exist with my page?', jslogContext: 'empty'},
-        {title: 'What are the slowest requests on this page?', jslogContext: 'empty'},
+        {title: 'What can you help me with?', jslogContext: 'empty'},
+        {title: 'What performance issues exist on the page?', jslogContext: 'empty'},
+        {title: 'What are the slowest network requests on this page?', jslogContext: 'empty'},
       ];
     }
 
@@ -503,7 +503,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   #selectedRequest: AiAssistanceModel.NetworkAgent.RequestContext|null = null;
   // Messages displayed in the `ChatView` component.
   #messages: Message[] = [];
-  #isContextAutoSelectionSuspended = false;
 
   // Whether the UI should show loading or not.
   #isLoading = false;
@@ -703,13 +702,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     // If there already is an agent and if it is not empty,
     // we don't automatically change the agent.
     if (this.#conversation && !this.#conversation.isEmpty) {
-      // If the context selection agent is enabled,
-      // we update the context of the current agent.
-      const context = this.#getConversationContext(this.#getDefaultConversationType());
-      if (context && isAiAssistanceContextSelectionAgentEnabled()) {
-        this.#conversation?.setContext(context);
-        this.requestUpdate();
-      }
       return;
     }
 
@@ -758,13 +750,20 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       }
 
       this.#conversation = conversation;
-      this.#isContextAutoSelectionSuspended = false;
     }
 
-    if (!this.#isContextAutoSelectionSuspended) {
-      this.#conversation?.setContext(this.#getConversationContext(
-          isAiAssistanceContextSelectionAgentEnabled() ? this.#getDefaultConversationType() :
-                                                         (this.#conversation?.type ?? null)));
+    if (this.#conversation) {
+      if (this.#conversation.isEmpty && isAiAssistanceContextSelectionAgentEnabled()) {
+        this.#conversation.setContext(this.#getConversationContext(this.#getDefaultConversationType()));
+      } else {
+        const context = this.#getConversationContext(this.#conversation.type);
+        // Don't reset to the context selection agent if
+        // we remove context automatically.
+        // Require explicit user action.
+        if (context || !isAiAssistanceContextSelectionAgentEnabled()) {
+          this.#conversation.setContext(context);
+        }
+      }
     }
 
     this.requestUpdate();
@@ -1132,12 +1131,10 @@ export class AiAssistancePanel extends UI.Panel.Panel {
 
   #handleContextRemoved(): void {
     this.#conversation?.setContext(null);
-    this.#isContextAutoSelectionSuspended = true;
     this.requestUpdate();
   }
 
   #handleContextAdd(): void {
-    this.#isContextAutoSelectionSuspended = false;
     this.#conversation?.setContext(this.#getConversationContext(this.#getDefaultConversationType()));
     this.requestUpdate();
   }
@@ -1159,7 +1156,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       return;
     }
 
-    this.#isContextAutoSelectionSuspended = false;
     let targetConversationType: AiAssistanceModel.AiHistoryStorage.ConversationType|undefined;
     switch (actionId) {
       case 'freestyler.elements-floating-button': {
@@ -1354,8 +1350,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       this.#selectedPerformanceTrace = data;
     }
 
-    this.#isContextAutoSelectionSuspended = false;
-
     void VisualLogging.logFunctionCall(`context-change-${this.#conversation?.type}`);
 
     this.requestUpdate();

package/front_end/panels/application/preloading/PreloadingView.ts

@@ -374,6 +374,7 @@ export class PreloadingAttemptView extends UI.Widget.VBox {
   private readonly preloadingDetails =
       new PreloadingComponents.PreloadingDetailsReportView.PreloadingDetailsReportView();
   private readonly ruleSetSelector: PreloadingRuleSetSelector;
+  private clearButton: UI.Toolbar.ToolbarButton;
 
   constructor(model: SDK.PreloadingModel.PreloadingModel) {
     super({
@@ -415,6 +416,23 @@ export class PreloadingAttemptView extends UI.Widget.VBox {
 
     const toolbar = vbox.contentElement.createChild('devtools-toolbar', 'preloading-toolbar');
     toolbar.setAttribute('jslog', `${VisualLogging.toolbar()}`);
+
+    // Clear button first (leftmost)
+    this.clearButton =
+        new UI.Toolbar.ToolbarButton('Clear speculative loads', 'clear', undefined, 'clear-speculative-loads');
+    this.clearButton.addEventListener(UI.Toolbar.ToolbarButton.Events.CLICK, () => {
+      const model =
+          SDK.TargetManager.TargetManager.instance().scopeTarget()?.model(SDK.PreloadingModel.PreloadingModel);
+      if (!model) {
+        return;
+      }
+
+      model.reset();
+      this.ruleSetSelector.select(null);
+    });
+    toolbar.appendToolbarItem(this.clearButton);
+
+    // Rule set dropdown
     this.ruleSetSelector = new PreloadingRuleSetSelector(() => this.render());
     toolbar.appendToolbarItem(this.ruleSetSelector.item());
 

package/front_end/panels/application/preloading/components/RuleSetDetailsView.css

@@ -4,11 +4,19 @@
  * found in the LICENSE file.
  */
 
+:host {
+  height: 100%;
+}
+
 .placeholder {
   display: flex;
   height: 100%;
 }
 
+.ruleset-header-container {
+  flex-shrink: 0;
+}
+
 .ruleset-header {
   padding: 4px 8px;
   white-space: nowrap;
@@ -20,3 +28,7 @@
 .ruleset-header devtools-icon {
   vertical-align: sub;
 }
+
+.text-editor-container {
+  overflow: auto;
+}

package/front_end/panels/application/preloading/components/RuleSetDetailsView.ts

@@ -49,7 +49,7 @@ export const DEFAULT_VIEW = (input: ViewInput|null, _output: object, target: HTM
     <style>${UI.inspectorCommonStyles}</style>
     ${input
       ? html`
-        <div class="content">
+        <div class="ruleset-header-container">
           <div class="ruleset-header" id="ruleset-url">${input.url}</div>
           ${input.errorMessage ? html`
             <div class="ruleset-header">
@@ -59,8 +59,8 @@ export const DEFAULT_VIEW = (input: ViewInput|null, _output: object, target: HTM
             </div>
           ` : nothing}
         </div>
-        <div class="text-ellipsis">
-          <devtools-text-editor .style.flexGrow=${'1'} .state=${input.editorState}></devtools-text-editor>
+        <div class="text-editor-container">
+          <devtools-text-editor .state=${input.editorState}></devtools-text-editor>
         </div>`
       : html`
           <div class="placeholder">

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -252,9 +252,9 @@ export const concatErrorDescriptionAndIssueSummary = (description: string, issue
   return description;
 };
 
-// This value reflects the 18px min-height of .console-message, plus the
-// 1px border of .console-message-wrapper. Keep in sync with consoleView.css.
-const defaultConsoleRowHeight = 19;
+// This value reflects the 18px min-height of .console-message.
+// Keep in sync with consoleView.css.
+const defaultConsoleRowHeight = 18;
 
 const parameterToRemoteObject = (runtimeModel: SDK.RuntimeModel.RuntimeModel|null):
     (parameter?: SDK.RemoteObject.RemoteObject|Protocol.Runtime.RemoteObject|string) => SDK.RemoteObject.RemoteObject =>

package/front_end/panels/elements/ColorSwatchPopoverIcon.ts

@@ -277,7 +277,7 @@ export class ColorSwatchPopoverIcon extends Common.ObjectWrapper.ObjectWrapper<C
       return;
     }
 
-    this.swatch.color = color;
+    this.swatch.renderColor(color);
     this.dispatchEventToListeners(ColorSwatchPopoverIconEvents.COLOR_CHANGED, color);
   }
 

package/front_end/panels/elements/ComputedStyleWidget.ts

@@ -48,7 +48,6 @@ import * as Lit from '../../ui/lit/lit.js';
 import * as ElementsComponents from './components/components.js';
 import computedStyleWidgetStyles from './computedStyleWidget.css.js';
 import {ImagePreviewPopover} from './ImagePreviewPopover.js';
-import {PlatformFontsWidget} from './PlatformFontsWidget.js';
 import {categorizePropertyName, type Category, DefaultCategoryOrder} from './PropertyNameCategories.js';
 import {Renderer, rendererBase, type RenderingContext, StringRenderer, URLRenderer} from './PropertyRenderer.js';
 import {StylePropertiesSection} from './StylePropertiesSection.js';
@@ -208,8 +207,8 @@ class ColorRenderer extends rendererBase(SDK.CSSPropertyParserMatchers.ColorMatc
     }
 
     const swatch = new InlineEditor.ColorSwatch.ColorSwatch();
-    swatch.readonly = true;
-    swatch.color = color;
+    swatch.setReadonly(true);
+    swatch.renderColor(color);
     const valueElement = document.createElement('span');
     valueElement.textContent = match.text;
 
@@ -265,7 +264,6 @@ type ComputedStyleData = {
 interface ComputedStyleWidgetInput {
   computedStylesTree: TreeOutline.TreeOutline.TreeOutline<ComputedStyleData>;
   hasMatches: boolean;
-  computedStyleModel?: ComputedStyleModule.ComputedStyleModel.ComputedStyleModel;
   showInheritedComputedStylePropertiesSetting: Common.Settings.Setting<boolean>;
   groupComputedStylesSetting: Common.Settings.Setting<boolean>;
   onFilterChanged: (event: CustomEvent<string>) => void;
@@ -301,7 +299,6 @@ export const DEFAULT_VIEW: View = (input, _output, target) => {
     </div>
     ${input.computedStylesTree}
     ${!input.hasMatches ? html`<div class="gray-info-message">${i18nString(UIStrings.noMatchingProperty)}</div>` : ''}
-    ${input.computedStyleModel ? html`<devtools-widget .widgetConfig=${UI.Widget.widgetConfig(PlatformFontsWidget, { sharedModel: input.computedStyleModel})}></devtools-widget>` : ''}
   `, target);
   // clang-format on
 };
@@ -355,16 +352,6 @@ export class ComputedStyleWidget extends UI.Widget.VBox {
     this.#computedStylesTree.classList.toggle('computed-narrow', isNarrow);
   }
 
-  override wasShown(): void {
-    UI.Context.Context.instance().setFlavor(ComputedStyleWidget, this);
-    super.wasShown();
-  }
-
-  override willHide(): void {
-    super.willHide();
-    UI.Context.Context.instance().setFlavor(ComputedStyleWidget, null);
-  }
-
   /**
    * @param input.hasMatches Whether any properties matched the current filter (or if any properties exist at all).
    */
@@ -373,7 +360,6 @@ export class ComputedStyleWidget extends UI.Widget.VBox {
         {
           computedStylesTree: this.#computedStylesTree,
           hasMatches,
-          computedStyleModel: this.#computedStyleModel,
           showInheritedComputedStylePropertiesSetting: this.showInheritedComputedStylePropertiesSetting,
           groupComputedStylesSetting: this.groupComputedStylesSetting,
           onFilterChanged: this.onFilterChanged.bind(this),