chrome-devtools-frontend 1.0.1558690 → 1.0.1559913

package/front_end/Images/src/container.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 17C4.08333 17 3.72933 16.854 3.438 16.562C3.146 16.2707 3 15.9167 3 15.5V4.5C3 4.08333 3.146 3.72933 3.438 3.438C3.72933 3.146 4.08333 3 4.5 3H15.5C15.9167 3 16.2707 3.146 16.562 3.438C16.854 3.72933 17 4.08333 17 4.5V15.5C17 15.9167 16.854 16.2707 16.562 16.562C16.2707 16.854 15.9167 17 15.5 17H4.5ZM4.5 15.5H15.5V4.5H4.5V15.5Z" fill="black"/>
+<path d="M6.85714 14C6.61905 14 6.41676 13.9166 6.25029 13.7497C6.08343 13.5833 6 13.381 6 13.1429V6.85714C6 6.61905 6.08343 6.41676 6.25029 6.25029C6.41676 6.08343 6.61905 6 6.85714 6H13.1429C13.381 6 13.5833 6.08343 13.7497 6.25029C13.9166 6.41676 14 6.61905 14 6.85714V13.1429C14 13.381 13.9166 13.5833 13.7497 13.7497C13.5833 13.9166 13.381 14 13.1429 14H6.85714ZM7.5 12.5H12.5V7.5H7.5V12.5Z" fill="black"/>
+</svg>

package/front_end/core/common/Gzip.ts

@@ -68,7 +68,22 @@ export function decompressStream(stream: ReadableStream): ReadableStream {
   const ds = new DecompressionStream('gzip');
   return stream.pipeThrough(ds);
 }
+
 export function compressStream(stream: ReadableStream): ReadableStream {
   const cs = new CompressionStream('gzip');
   return stream.pipeThrough(cs);
 }
+
+export function createMonitoredStream(stream: ReadableStream, onProgress: (bytesRead: number) => void): ReadableStream {
+  let bytesRead = 0;
+
+  const progressTransformer = new TransformStream({
+    transform(chunk, controller) {
+      bytesRead += chunk.byteLength;
+      onProgress(bytesRead);
+      controller.enqueue(chunk);
+    }
+  });
+
+  return stream.pipeThrough(progressTransformer);
+}

package/front_end/core/sdk/CSSMetadata.ts

@@ -644,7 +644,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
   ['background-repeat', new Set(['repeat', 'repeat-x', 'repeat-y', 'no-repeat', 'space', 'round'])],
   ['content', new Set(['normal', 'close-quote', 'no-close-quote', 'no-open-quote', 'open-quote'])],
   ['baseline-shift', new Set(['baseline'])],
-  ['max-height', new Set(['min-content', 'max-content', '-webkit-fill-available', 'fit-content'])],
+  ['max-height', new Set(['min-content', 'max-content', '-webkit-fill-available', 'fit-content', 'stretch'])],
   ['color', new Set(['black'])],
   ['background-color', new Set(['white'])],
   ['box-shadow', new Set(['inset'])],
@@ -718,7 +718,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
     ]),
   ],
   ['zoom', new Set(['normal'])],
-  ['max-width', new Set(['min-content', 'max-content', '-webkit-fill-available', 'fit-content'])],
+  ['max-width', new Set(['min-content', 'max-content', '-webkit-fill-available', 'fit-content', 'stretch'])],
   ['-webkit-font-smoothing', new Set(['antialiased', 'subpixel-antialiased'])],
   [
     'border',
@@ -1109,7 +1109,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
     ]),
   ],
   ['flex-flow', new Set(['nowrap', 'row', 'row-reverse', 'column', 'column-reverse', 'wrap', 'wrap-reverse'])],
-  ['height', new Set(['-webkit-fill-available'])],
+  ['height', new Set(['-webkit-fill-available', 'stretch'])],
   ['inline-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   [
     'list-style',
@@ -1176,9 +1176,9 @@ const extraPropertyValues = new Map<string, Set<string>>([
   ['max-block-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   ['max-inline-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
   ['min-block-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
-  ['min-height', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
+  ['min-height', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content', 'stretch'])],
   ['min-inline-size', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
-  ['min-width', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content'])],
+  ['min-width', new Set(['-webkit-fill-available', 'min-content', 'max-content', 'fit-content', 'stretch'])],
   ['object-position', new Set(['top', 'bottom', 'left', 'right', 'center'])],
   ['shape-outside', new Set(['border-box', 'content-box', 'padding-box', 'margin-box'])],
   [
@@ -1340,7 +1340,7 @@ const extraPropertyValues = new Map<string, Set<string>>([
   ['-webkit-text-stroke-width', new Set(['medium', 'thick', 'thin'])],
   ['-webkit-transform-origin-x', new Set(['left', 'right', 'center'])],
   ['-webkit-transform-origin-y', new Set(['top', 'bottom', 'center'])],
-  ['width', new Set(['-webkit-fill-available'])],
+  ['width', new Set(['-webkit-fill-available', 'stretch'])],
   ['contain-intrinsic-width', new Set(['auto none', 'auto 100px'])],
   ['contain-intrinsic-height', new Set(['auto none', 'auto 100px'])],
   ['contain-intrinsic-size', new Set(['auto none', 'auto 100px'])],

package/front_end/core/sdk/CSSModel.ts

@@ -38,7 +38,7 @@ export interface LayoutProperties {
   isGrid: boolean;
   isSubgrid: boolean;
   isGridLanes: boolean;
-  isContainer: boolean;
+  containerType?: string;
   hasScroll: boolean;
 }
 
@@ -402,7 +402,7 @@ export class CSSModel extends SDKModel<EventTypes> {
       isGrid,
       isSubgrid,
       isGridLanes,
-      isContainer,
+      containerType: isContainer ? containerType : undefined,
       hasScroll,
     };
   }

package/front_end/core/sdk/DOMModel.ts

@@ -110,10 +110,12 @@ export const ARIA_ATTRIBUTES = new Set<string>([
 
 export enum DOMNodeEvents {
   TOP_LAYER_INDEX_CHANGED = 'TopLayerIndexChanged',
+  SCROLLABLE_FLAG_UPDATED = 'ScrollableFlagUpdated',
 }
 
 export interface DOMNodeEventTypes {
   [DOMNodeEvents.TOP_LAYER_INDEX_CHANGED]: void;
+  [DOMNodeEvents.SCROLLABLE_FLAG_UPDATED]: void;
 }
 
 export class DOMNode extends Common.ObjectWrapper.ObjectWrapper<DOMNodeEventTypes> {
@@ -392,6 +394,11 @@ export class DOMNode extends Common.ObjectWrapper.ObjectWrapper<DOMNodeEventType
 
   setIsScrollable(isScrollable: boolean): void {
     this.#isScrollable = isScrollable;
+    this.dispatchEventToListeners(DOMNodeEvents.SCROLLABLE_FLAG_UPDATED);
+    if (this.nodeName() === '#document') {
+      // We show the scroll badge of the document on the <html> element.
+      this.ownerDocument?.documentElement?.setIsScrollable(isScrollable);
+    }
   }
 
   setAffectedByStartingStyles(affectedByStartingStyles: boolean): void {
@@ -1651,7 +1658,6 @@ export class DOMModel extends SDKModel<EventTypes> {
       return;
     }
     node.setIsScrollable(isScrollable);
-    this.dispatchEventToListeners(Events.ScrollableFlagUpdated, {node});
   }
 
   affectedByStartingStylesFlagUpdated(nodeId: Protocol.DOM.NodeId, affectedByStartingStyles: boolean): void {
@@ -1907,7 +1913,6 @@ export enum Events {
   DistributedNodesChanged = 'DistributedNodesChanged',
   MarkersChanged = 'MarkersChanged',
   TopLayerElementsChanged = 'TopLayerElementsChanged',
-  ScrollableFlagUpdated = 'ScrollableFlagUpdated',
   AffectedByStartingStylesFlagUpdated = 'AffectedByStartingStylesFlagUpdated',
   AdoptedStyleSheetsModified = 'AdoptedStyleSheetsModified',
   /* eslint-enable @typescript-eslint/naming-convention */
@@ -1925,7 +1930,6 @@ export interface EventTypes {
   [Events.DistributedNodesChanged]: DOMNode;
   [Events.MarkersChanged]: DOMNode;
   [Events.TopLayerElementsChanged]: {document: DOMDocument, documentShortcuts: DOMNodeShortcut[]};
-  [Events.ScrollableFlagUpdated]: {node: DOMNode};
   [Events.AffectedByStartingStylesFlagUpdated]: {node: DOMNode};
   [Events.AdoptedStyleSheetsModified]: DOMNode;
 }

package/front_end/generated/InspectorBackendCommands.ts

@@ -843,7 +843,8 @@ inspectorBackend.registerCommand("Network.disable", [], [], "Disables network tr
 inspectorBackend.registerCommand("Network.emulateNetworkConditions", [{"name": "offline", "type": "boolean", "optional": false, "description": "True to emulate internet disconnection.", "typeRef": null}, {"name": "latency", "type": "number", "optional": false, "description": "Minimum latency from request sent to response headers received (ms).", "typeRef": null}, {"name": "downloadThroughput", "type": "number", "optional": false, "description": "Maximal aggregated download throughput (bytes/sec). -1 disables download throttling.", "typeRef": null}, {"name": "uploadThroughput", "type": "number", "optional": false, "description": "Maximal aggregated upload throughput (bytes/sec).  -1 disables upload throttling.", "typeRef": null}, {"name": "connectionType", "type": "string", "optional": true, "description": "Connection type if known.", "typeRef": "Network.ConnectionType"}, {"name": "packetLoss", "type": "number", "optional": true, "description": "WebRTC packet loss (percent, 0-100). 0 disables packet loss emulation, 100 drops all the packets.", "typeRef": null}, {"name": "packetQueueLength", "type": "number", "optional": true, "description": "WebRTC packet queue length (packet). 0 removes any queue length limitations.", "typeRef": null}, {"name": "packetReordering", "type": "boolean", "optional": true, "description": "WebRTC packetReordering feature.", "typeRef": null}], [], "Activates emulation of network conditions. This command is deprecated in favor of the emulateNetworkConditionsByRule and overrideNetworkState commands, which can be used together to the same effect.");
 inspectorBackend.registerCommand("Network.emulateNetworkConditionsByRule", [{"name": "offline", "type": "boolean", "optional": false, "description": "True to emulate internet disconnection.", "typeRef": null}, {"name": "matchedNetworkConditions", "type": "array", "optional": false, "description": "Configure conditions for matching requests. If multiple entries match a request, the first entry wins.  Global conditions can be configured by leaving the urlPattern for the conditions empty. These global conditions are also applied for throttling of p2p connections.", "typeRef": "Network.NetworkConditions"}], ["ruleIds"], "Activates emulation of network conditions for individual requests using URL match patterns. Unlike the deprecated Network.emulateNetworkConditions this method does not affect `navigator` state. Use Network.overrideNetworkState to explicitly modify `navigator` behavior.");
 inspectorBackend.registerCommand("Network.overrideNetworkState", [{"name": "offline", "type": "boolean", "optional": false, "description": "True to emulate internet disconnection.", "typeRef": null}, {"name": "latency", "type": "number", "optional": false, "description": "Minimum latency from request sent to response headers received (ms).", "typeRef": null}, {"name": "downloadThroughput", "type": "number", "optional": false, "description": "Maximal aggregated download throughput (bytes/sec). -1 disables download throttling.", "typeRef": null}, {"name": "uploadThroughput", "type": "number", "optional": false, "description": "Maximal aggregated upload throughput (bytes/sec).  -1 disables upload throttling.", "typeRef": null}, {"name": "connectionType", "type": "string", "optional": true, "description": "Connection type if known.", "typeRef": "Network.ConnectionType"}], [], "Override the state of navigator.onLine and navigator.connection.");
-inspectorBackend.registerCommand("Network.enable", [{"name": "maxTotalBufferSize", "type": "number", "optional": true, "description": "Buffer size in bytes to use when preserving network payloads (XHRs, etc).", "typeRef": null}, {"name": "maxResourceBufferSize", "type": "number", "optional": true, "description": "Per-resource buffer size in bytes to use when preserving network payloads (XHRs, etc).", "typeRef": null}, {"name": "maxPostDataSize", "type": "number", "optional": true, "description": "Longest post body size (in bytes) that would be included in requestWillBeSent notification", "typeRef": null}, {"name": "reportDirectSocketTraffic", "type": "boolean", "optional": true, "description": "Whether DirectSocket chunk send/receive events should be reported.", "typeRef": null}, {"name": "enableDurableMessages", "type": "boolean", "optional": true, "description": "Enable storing response bodies outside of renderer, so that these survive a cross-process navigation. Requires maxTotalBufferSize to be set. Currently defaults to false.", "typeRef": null}], [], "Enables network tracking, network events will now be delivered to the client.");
+inspectorBackend.registerCommand("Network.enable", [{"name": "maxTotalBufferSize", "type": "number", "optional": true, "description": "Buffer size in bytes to use when preserving network payloads (XHRs, etc).", "typeRef": null}, {"name": "maxResourceBufferSize", "type": "number", "optional": true, "description": "Per-resource buffer size in bytes to use when preserving network payloads (XHRs, etc).", "typeRef": null}, {"name": "maxPostDataSize", "type": "number", "optional": true, "description": "Longest post body size (in bytes) that would be included in requestWillBeSent notification", "typeRef": null}, {"name": "reportDirectSocketTraffic", "type": "boolean", "optional": true, "description": "Whether DirectSocket chunk send/receive events should be reported.", "typeRef": null}, {"name": "enableDurableMessages", "type": "boolean", "optional": true, "description": "Enable storing response bodies outside of renderer, so that these survive a cross-process navigation. Requires maxTotalBufferSize to be set. Currently defaults to false. This field is being deprecated in favor of the dedicated configureDurableMessages command, due to the possibility of deadlocks when awaiting Network.enable before issuing Runtime.runIfWaitingForDebugger.", "typeRef": null}], [], "Enables network tracking, network events will now be delivered to the client.");
+inspectorBackend.registerCommand("Network.configureDurableMessages", [{"name": "maxTotalBufferSize", "type": "number", "optional": true, "description": "Buffer size in bytes to use when preserving network payloads (XHRs, etc).", "typeRef": null}, {"name": "maxResourceBufferSize", "type": "number", "optional": true, "description": "Per-resource buffer size in bytes to use when preserving network payloads (XHRs, etc).", "typeRef": null}], [], "Configures storing response bodies outside of renderer, so that these survive a cross-process navigation. If maxTotalBufferSize is not set, durable messages are disabled.");
 inspectorBackend.registerCommand("Network.getAllCookies", [], ["cookies"], "Returns all browser cookies. Depending on the backend support, will return detailed cookie information in the `cookies` field. Deprecated. Use Storage.getCookies instead.");
 inspectorBackend.registerCommand("Network.getCertificate", [{"name": "origin", "type": "string", "optional": false, "description": "Origin to get certificate for.", "typeRef": null}], ["tableNames"], "Returns the DER-encoded certificate.");
 inspectorBackend.registerCommand("Network.getCookies", [{"name": "urls", "type": "array", "optional": true, "description": "The list of URLs for which applicable cookies will be fetched. If not specified, it's assumed to be set to the list containing the URLs of the page and all of its subframes.", "typeRef": "string"}], ["cookies"], "Returns all browser cookies for the current URL. Depending on the backend support, will return detailed cookie information in the `cookies` field.");

package/front_end/generated/SupportedCSSProperties.js

@@ -349,6 +349,7 @@ export const generatedProperties = [
    "background-repeat",
    "background-size",
    "base-palette",
+   "base-url",
    "baseline-shift",
    "baseline-source",
    "block-ellipsis",
@@ -419,10 +420,10 @@ export const generatedProperties = [
    "column-height",
    "column-rule-break",
    "column-rule-color",
-   "column-rule-edge-end-inset",
-   "column-rule-edge-start-inset",
-   "column-rule-interior-end-inset",
-   "column-rule-interior-start-inset",
+   "column-rule-edge-inset-end",
+   "column-rule-edge-inset-start",
+   "column-rule-interior-inset-end",
+   "column-rule-interior-inset-start",
    "column-rule-style",
    "column-rule-visibility-items",
    "column-rule-width",
@@ -510,7 +511,9 @@ export const generatedProperties = [
    "grid-template-areas",
    "grid-template-columns",
    "grid-template-rows",
+   "hash",
    "height",
+   "hostname",
    "hyphenate-character",
    "hyphenate-limit-chars",
    "hyphens",
@@ -619,9 +622,12 @@ export const generatedProperties = [
    "page",
    "page-orientation",
    "paint-order",
+   "pathname",
+   "pattern",
    "perspective",
    "perspective-origin",
    "pointer-events",
+   "port",
    "position",
    "position-anchor",
    "position-area",
@@ -630,6 +636,7 @@ export const generatedProperties = [
    "position-visibility",
    "prefix",
    "print-color-adjust",
+   "protocol",
    "quotes",
    "r",
    "range",
@@ -642,10 +649,10 @@ export const generatedProperties = [
    "row-gap",
    "row-rule-break",
    "row-rule-color",
-   "row-rule-edge-end-inset",
-   "row-rule-edge-start-inset",
-   "row-rule-interior-end-inset",
-   "row-rule-interior-start-inset",
+   "row-rule-edge-inset-end",
+   "row-rule-edge-inset-start",
+   "row-rule-interior-inset-end",
+   "row-rule-interior-inset-start",
    "row-rule-style",
    "row-rule-visibility-items",
    "row-rule-width",
@@ -683,6 +690,7 @@ export const generatedProperties = [
    "scrollbar-color",
    "scrollbar-gutter",
    "scrollbar-width",
+   "search",
    "shape-image-threshold",
    "shape-margin",
    "shape-outside",
@@ -1039,6 +1047,9 @@ export const generatedProperties = [
  {
   "name": "base-palette"
  },
+ {
+  "name": "base-url"
+ },
  {
   "keywords": [
    "baseline",
@@ -1727,28 +1738,28 @@ export const generatedProperties = [
  },
  {
   "inherited": false,
-  "name": "column-rule-edge-end-inset"
+  "name": "column-rule-edge-inset-end"
  },
  {
   "inherited": false,
-  "name": "column-rule-edge-start-inset"
+  "name": "column-rule-edge-inset-start"
  },
  {
   "longhands": [
-   "column-rule-edge-start-inset",
-   "column-rule-edge-end-inset",
-   "column-rule-interior-start-inset",
-   "column-rule-interior-end-inset"
+   "column-rule-edge-inset-start",
+   "column-rule-edge-inset-end",
+   "column-rule-interior-inset-start",
+   "column-rule-interior-inset-end"
   ],
   "name": "column-rule-inset"
  },
  {
   "inherited": false,
-  "name": "column-rule-interior-end-inset"
+  "name": "column-rule-interior-inset-end"
  },
  {
   "inherited": false,
-  "name": "column-rule-interior-start-inset"
+  "name": "column-rule-interior-inset-start"
  },
  {
   "keywords": [
@@ -2722,6 +2733,9 @@ export const generatedProperties = [
   ],
   "name": "grid-template-rows"
  },
+ {
+  "name": "hash"
+ },
  {
   "keywords": [
    "auto",
@@ -2731,6 +2745,9 @@ export const generatedProperties = [
   ],
   "name": "height"
  },
+ {
+  "name": "hostname"
+ },
  {
   "inherited": true,
   "name": "hyphenate-character"
@@ -3525,6 +3542,12 @@ export const generatedProperties = [
   ],
   "name": "paint-order"
  },
+ {
+  "name": "pathname"
+ },
+ {
+  "name": "pattern"
+ },
  {
   "keywords": [
    "none"
@@ -3572,6 +3595,9 @@ export const generatedProperties = [
   ],
   "name": "pointer-events"
  },
+ {
+  "name": "port"
+ },
  {
   "keywords": [
    "static",
@@ -3654,6 +3680,9 @@ export const generatedProperties = [
   ],
   "name": "print-color-adjust"
  },
+ {
+  "name": "protocol"
+ },
  {
   "inherited": true,
   "keywords": [
@@ -3738,28 +3767,28 @@ export const generatedProperties = [
  },
  {
   "inherited": false,
-  "name": "row-rule-edge-end-inset"
+  "name": "row-rule-edge-inset-end"
  },
  {
   "inherited": false,
-  "name": "row-rule-edge-start-inset"
+  "name": "row-rule-edge-inset-start"
  },
  {
   "longhands": [
-   "row-rule-edge-start-inset",
-   "row-rule-edge-end-inset",
-   "row-rule-interior-start-inset",
-   "row-rule-interior-end-inset"
+   "row-rule-edge-inset-start",
+   "row-rule-edge-inset-end",
+   "row-rule-interior-inset-start",
+   "row-rule-interior-inset-end"
   ],
   "name": "row-rule-inset"
  },
  {
   "inherited": false,
-  "name": "row-rule-interior-end-inset"
+  "name": "row-rule-interior-inset-end"
  },
  {
   "inherited": false,
-  "name": "row-rule-interior-start-inset"
+  "name": "row-rule-interior-inset-start"
  },
  {
   "keywords": [
@@ -3847,14 +3876,14 @@ export const generatedProperties = [
  },
  {
   "longhands": [
-   "row-rule-edge-start-inset",
-   "row-rule-edge-end-inset",
-   "row-rule-interior-start-inset",
-   "row-rule-interior-end-inset",
-   "column-rule-edge-start-inset",
-   "column-rule-edge-end-inset",
-   "column-rule-interior-start-inset",
-   "column-rule-interior-end-inset"
+   "row-rule-edge-inset-start",
+   "row-rule-edge-inset-end",
+   "row-rule-interior-inset-start",
+   "row-rule-interior-inset-end",
+   "column-rule-edge-inset-start",
+   "column-rule-edge-inset-end",
+   "column-rule-interior-inset-start",
+   "column-rule-interior-inset-end"
   ],
   "name": "rule-inset"
  },
@@ -4096,6 +4125,9 @@ export const generatedProperties = [
   ],
   "name": "scrollbar-width"
  },
+ {
+  "name": "search"
+ },
  {
   "name": "shape-image-threshold"
  },

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

@@ -3351,6 +3351,15 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.Network.EnableRequest?];
       returnType: void;
     };
+    /**
+     * Configures storing response bodies outside of renderer, so that these survive
+     * a cross-process navigation.
+     * If maxTotalBufferSize is not set, durable messages are disabled.
+     */
+    'Network.configureDurableMessages': {
+      paramsType: [Protocol.Network.ConfigureDurableMessagesRequest?];
+      returnType: void;
+    };
     /**
      * Returns all browser cookies. Depending on the backend support, will return detailed cookie
      * information in the `cookies` field.

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

@@ -2538,6 +2538,13 @@ declare namespace ProtocolProxyApi {
      */
     invoke_enable(params: Protocol.Network.EnableRequest): Promise<Protocol.ProtocolResponseWithError>;
 
+    /**
+     * Configures storing response bodies outside of renderer, so that these survive
+     * a cross-process navigation.
+     * If maxTotalBufferSize is not set, durable messages are disabled.
+     */
+    invoke_configureDurableMessages(params: Protocol.Network.ConfigureDurableMessagesRequest): Promise<Protocol.ProtocolResponseWithError>;
+
     /**
      * Returns all browser cookies. Depending on the backend support, will return detailed cookie
      * information in the `cookies` field.

package/front_end/generated/protocol.ts

@@ -11571,11 +11571,24 @@ export namespace Network {
     /**
      * Enable storing response bodies outside of renderer, so that these survive
      * a cross-process navigation. Requires maxTotalBufferSize to be set.
-     * Currently defaults to false.
+     * Currently defaults to false. This field is being deprecated in favor of the dedicated
+     * configureDurableMessages command, due to the possibility of deadlocks when awaiting
+     * Network.enable before issuing Runtime.runIfWaitingForDebugger.
      */
     enableDurableMessages?: boolean;
   }
 
+  export interface ConfigureDurableMessagesRequest {
+    /**
+     * Buffer size in bytes to use when preserving network payloads (XHRs, etc).
+     */
+    maxTotalBufferSize?: integer;
+    /**
+     * Per-resource buffer size in bytes to use when preserving network payloads (XHRs, etc).
+     */
+    maxResourceBufferSize?: integer;
+  }
+
   export interface GetAllCookiesResponse extends ProtocolResponseWithError {
     /**
      * Array of cookie objects.

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

@@ -219,7 +219,7 @@ export class NodeContext extends ConversationContext<SDK.DOMModel.DOMNode> {
         {title: 'Why does this element scroll?', jslogContext: 'scroll-why'},
       ];
     }
-    if (layoutProps.isContainer) {
+    if (layoutProps.containerType) {
       return [
         {title: 'What are container queries?', jslogContext: 'container-what'},
         {title: 'How do I use container-type?', jslogContext: 'container-how'},

package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts

@@ -13,12 +13,13 @@ import {bytes, millis} from './UnitFormatters.js';
 /**
  * For a given frame ID and navigation ID, returns the LCP Event and the LCP Request, if the resource was an image.
  */
-function getLCPData(parsedTrace: Trace.TraceModel.ParsedTrace, frameId: string, navigationId: string): {
+function getLCPData(
+    parsedTrace: Trace.TraceModel.ParsedTrace, frameId: string, navigation: Trace.Types.Events.NavigationStart): {
   lcpEvent: Trace.Types.Events.LargestContentfulPaintCandidate,
   metricScore: Trace.Handlers.ModelHandlers.PageLoadMetrics.LCPMetricScore,
   lcpRequest?: Trace.Types.Events.SyntheticNetworkRequest,
 }|null {
-  const navMetrics = parsedTrace.data.PageLoadMetrics.metricScoresByFrameId.get(frameId)?.get(navigationId);
+  const navMetrics = parsedTrace.data.PageLoadMetrics.metricScoresByFrameId.get(frameId)?.get(navigation);
   if (!navMetrics) {
     return null;
   }
@@ -28,13 +29,16 @@ function getLCPData(parsedTrace: Trace.TraceModel.ParsedTrace, frameId: string,
     return null;
   }
   const lcpEvent = metric?.event;
-  if (!lcpEvent || !Trace.Types.Events.isLargestContentfulPaintCandidate(lcpEvent)) {
+  if (!lcpEvent || !Trace.Types.Events.isAnyLargestContentfulPaintCandidate(lcpEvent)) {
     return null;
   }
 
+  const navigationId = navigation.args.data?.navigationId;
+
   return {
     lcpEvent,
-    lcpRequest: parsedTrace.data.LargestImagePaint.lcpRequestByNavigationId.get(navigationId),
+    lcpRequest: navigationId ? parsedTrace.data.LargestImagePaint.lcpRequestByNavigationId.get(navigationId) :
+                               undefined,
     metricScore: metric,
   };
 }
@@ -89,15 +93,15 @@ export class PerformanceInsightFormatter {
    * Information about LCP which we pass to the LLM for all insights that relate to LCP.
    */
   #lcpMetricSharedContext(): string {
-    if (!this.#insight.navigationId) {
+    if (!this.#insight.navigation) {
       // No navigation ID = no LCP.
       return '';
     }
-    if (!this.#insight.frameId || !this.#insight.navigationId) {
+    if (!this.#insight.frameId || !this.#insight.navigation) {
       return '';
     }
 
-    const data = getLCPData(this.#parsedTrace, this.#insight.frameId, this.#insight.navigationId);
+    const data = getLCPData(this.#parsedTrace, this.#insight.frameId, this.#insight.navigation);
     if (!data) {
       return '';
     }

package/front_end/models/trace/LanternComputationData.ts

@@ -10,14 +10,15 @@ import type * as Types from './types/types.js';
 
 type NetworkRequest = Lantern.Types.NetworkRequest<Types.Events.SyntheticNetworkRequest>;
 
-function createProcessedNavigation(data: Handlers.Types.HandlerData, frameId: string, navigationId: string):
-    Lantern.Types.Simulation.ProcessedNavigation {
+function createProcessedNavigation(
+    data: Handlers.Types.HandlerData, frameId: string,
+    navigation: Types.Events.NavigationStart): Lantern.Types.Simulation.ProcessedNavigation {
   const scoresByNav = data.PageLoadMetrics.metricScoresByFrameId.get(frameId);
   if (!scoresByNav) {
     throw new Lantern.Core.LanternError('missing metric scores for frame');
   }
 
-  const scores = scoresByNav.get(navigationId);
+  const scores = scoresByNav.get(navigation);
   if (!scores) {
     throw new Lantern.Core.LanternError('missing metric scores for specified navigation');
   }

package/front_end/models/trace/Processor.ts

@@ -268,7 +268,8 @@ export class TraceProcessor extends EventTarget {
 
   #createLanternContext(
       data: Handlers.Types.HandlerData, traceEvents: readonly Types.Events.Event[], frameId: string,
-      navigationId: string, options: Types.Configuration.ParseOptions): Insights.Types.LanternContext|undefined {
+      navigation: Types.Events.NavigationStart,
+      options: Types.Configuration.ParseOptions): Insights.Types.LanternContext|undefined {
     // Check for required handlers.
     if (!data.NetworkRequests || !data.Workers || !data.PageLoadMetrics) {
       return;
@@ -278,7 +279,7 @@ export class TraceProcessor extends EventTarget {
     }
 
     const navStarts = data.Meta.navigationsByFrameId.get(frameId);
-    const navStartIndex = navStarts?.findIndex(n => n.args.data?.navigationId === navigationId);
+    const navStartIndex = navStarts?.findIndex(n => n === navigation);
     if (!navStarts || navStartIndex === undefined || navStartIndex === -1) {
       throw new Lantern.Core.LanternError('Could not find navigation start');
     }
@@ -295,7 +296,7 @@ export class TraceProcessor extends EventTarget {
 
     const requests = LanternComputationData.createNetworkRequests(trace, data, startTime, endTime);
     const graph = LanternComputationData.createGraph(requests, trace, data);
-    const processedNavigation = LanternComputationData.createProcessedNavigation(data, frameId, navigationId);
+    const processedNavigation = LanternComputationData.createProcessedNavigation(data, frameId, navigation);
 
     const networkAnalysis = Lantern.Core.NetworkAnalyzer.analyze(requests);
     if (!networkAnalysis) {
@@ -455,7 +456,7 @@ export class TraceProcessor extends EventTarget {
         model.frameId = context.frameId;
         const navId = context.navigation?.args.data?.navigationId;
         if (navId) {
-          model.navigationId = navId;
+          model.navigation = context.navigation;
         }
         model.createOverlays = () => {
           // @ts-expect-error: model is a union of all possible insight model types.
@@ -571,7 +572,7 @@ export class TraceProcessor extends EventTarget {
     let lantern: Insights.Types.LanternContext|undefined;
     try {
       options.logger?.start('insights:createLanternContext');
-      lantern = this.#createLanternContext(data, traceEvents, frameId, navigationId, options);
+      lantern = this.#createLanternContext(data, traceEvents, frameId, navigation, options);
     } catch (e) {
       // Handle Lantern errors gracefully
       // Don't allow an error in constructing the Lantern graphs to break the rest of the trace processor.

package/front_end/models/trace/Styles.ts

@@ -879,6 +879,11 @@ export function maybeInitSylesMap(): EventStylesMap {
         defaultCategoryStyles.rendering,
         true,
         ),
+    [Types.Events.Name.MARK_LCP_CANDIDATE_FOR_SOFT_NAVIGATION]: new TimelineRecordStyle(
+        i18nString(UIStrings.largestContentfulPaint),
+        defaultCategoryStyles.rendering,
+        true,
+        ),
 
     [Types.Events.Name.TIME_STAMP]:
         new TimelineRecordStyle(i18nString(UIStrings.timestamp), defaultCategoryStyles.scripting),
@@ -1118,7 +1123,7 @@ export function markerDetailsForEvent(event: Types.Events.Event): {
     color = 'var(--sys-color-green-bright)';
     title = Handlers.ModelHandlers.PageLoadMetrics.MetricName.FCP;
   }
-  if (Types.Events.isLargestContentfulPaintCandidate(event)) {
+  if (Types.Events.isAnyLargestContentfulPaintCandidate(event)) {
     color = 'var(--sys-color-green)';
     title = Handlers.ModelHandlers.PageLoadMetrics.MetricName.LCP;
   }
@@ -1126,6 +1131,10 @@ export function markerDetailsForEvent(event: Types.Events.Event): {
     color = 'var(--color-text-primary)';
     title = Handlers.ModelHandlers.PageLoadMetrics.MetricName.NAV;
   }
+  if (Types.Events.isSoftNavigationStart(event)) {
+    color = 'var(--sys-color-blue)';
+    title = Handlers.ModelHandlers.PageLoadMetrics.MetricName.SOFT_NAV;
+  }
   if (Types.Events.isMarkDOMContent(event)) {
     color = 'var(--color-text-disabled)';
     title = Handlers.ModelHandlers.PageLoadMetrics.MetricName.DCL;

package/front_end/models/trace/handlers/LargestImagePaintHandler.ts

@@ -55,9 +55,9 @@ export async function finalize(): Promise<void> {
   const metricScoresByFrameId = pageLoadMetricsData().metricScoresByFrameId;
 
   for (const [navigationId, navigation] of navigationsByNavigationId) {
-    const lcpMetric = metricScoresByFrameId.get(navigation.args.frame)?.get(navigationId)?.get(MetricName.LCP);
+    const lcpMetric = metricScoresByFrameId.get(navigation.args.frame)?.get(navigation)?.get(MetricName.LCP);
     const lcpEvent = lcpMetric?.event;
-    if (!lcpEvent || !Types.Events.isLargestContentfulPaintCandidate(lcpEvent)) {
+    if (!lcpEvent || !Types.Events.isAnyLargestContentfulPaintCandidate(lcpEvent)) {
       continue;
     }