chrome-devtools-frontend 1.0.1698733 → 1.0.1700561

package/.agents/skills/devtools-verification/SKILL.md

@@ -20,6 +20,25 @@ description: "MANDATORY: Activate this skill ANY TIME you need to build the proj
 - `npm run lint` will execute ESLint and StyleLint. It will report any violations and automatically fix them where possible.
 - To run the linter on a specific file or directory, you can run `npm run lint -- <PATH>` where `PATH` is a path to a file or directory. This will also automatically fix violations where possible.
 
+## Fetching Tryjob Results, Failure Logs, & Screenshot Goldens
+
+Use `scripts/tools/get_cl_test_results.py` to fetch all tryjob build statuses, per-test failure logs, Blink web test text diffs, and screenshot artifacts (`actual_image`, `expected_image`, `image_diff`) for a CL in one command:
+
+```bash
+# Fetch all build statuses, failure logs, and artifacts for a CL into an output directory:
+scripts/tools/get_cl_test_results.py --cl <CL_NUMBER> --output-dir <OUTPUT_DIR>
+
+# Filter for specific failing tests (e.g. DOMTreeWidget) or specific builders:
+scripts/tools/get_cl_test_results.py --cl <CL_NUMBER> --test-filter "DOMTreeWidget" --output-dir <OUTPUT_DIR>
+
+# Also apply Linux actual_image screenshot artifacts directly to test/goldens/linux/...:
+scripts/tools/get_cl_test_results.py --cl <CL_NUMBER> --output-dir <OUTPUT_DIR> --apply-goldens
+```
+
+### Screenshot Golden & Inspection Rules
+- **Linux-only goldens**: Never generate, update, or commit golden PNGs from macOS. Screenshot tests in DevTools only use Linux goldens (`test/goldens/linux/...`) produced by Linux trybots (`dtf_linux_rel` / `dtf_linux_dbg`). Do not run screenshot tests locally on macOS to verify goldens.
+- **Multimodal inspection only**: Always inspect `actual_image.png`, `expected_image.png`, and `image_diff.png` directly using your multimodal file viewer (`view_file`). Never write or run programmatic image comparison scripts.
+
 ## Best practices
 
 - Run tests often to verify your changes.

package/.agents/skills/{repro-flaky-tests → fix-tests}/SKILL.md

@@ -1,6 +1,6 @@
 ---
-name: repro-flaky-tests
-description: Reproduce and investigate flakiness in a test.
+name: fix-tests
+description: Use this skill to reproduce and fix flaky and disabled tests.
 ---
 
 # Workflow

package/front_end/core/sdk/CSSPropertyParserMatchers.ts

@@ -83,12 +83,12 @@ export class BaseVariableMatcher extends BaseVariableMatcherBase {
     const nameNode = args[0][0];
     const fallback = args.length === 2 ? args[1] : undefined;
 
-    if (nameNode?.name !== 'VariableName') {
+    if (nameNode?.name !== 'VariableName' && nameNode?.name !== 'ValueName') {
       return null;
     }
 
     const varName = matching.ast.text(nameNode);
-    if (!varName.startsWith('--')) {
+    if (!varName.startsWith('--') || varName.length <= 2) {
       return null;
     }
 

package/front_end/core/sdk/DOMModel.ts

@@ -1319,12 +1319,10 @@ export class DOMNode extends Common.ObjectWrapper.ObjectWrapper<DOMNodeEventType
       return;
     }
 
-    const result = await node.callFunction(scrollIntoViewInPage);
-    if (!result) {
-      return;
-    }
-
+    // Highlight synchronously before scrolling to avoid out-of-order highlights
+    // if asynchronous scroll calls resolve late during rapid navigation.
     node.highlightForTwoSeconds();
+    await node.callFunction(scrollIntoViewInPage);
   }
 
   async focus(): Promise<void> {

package/front_end/core/sdk/NetworkManager.ts

@@ -93,14 +93,14 @@ const UIStrings = {
    * @example {GET} PH2
    * @example {https://example.com} PH3
    */
-  sFailedLoadingSS: '{PH1} failed loading: {PH2} "{PH3}".',
+  sFailedLoadingSS: '{PH1} failed loading: {PH2} "{PH3}"',
   /**
    * @description Console message when a request finished loading.
    * @example {XHR} PH1
    * @example {GET} PH2
    * @example {https://example.com} PH3
    */
-  sFinishedLoadingSS: '{PH1} finished loading: {PH2} "{PH3}".',
+  sFinishedLoadingSS: '{PH1} finished loading: {PH2} "{PH3}"',
   /**
    * @description One of direct socket connection statuses.
    */

package/front_end/core/sdk/OverlayModel.ts

@@ -342,13 +342,13 @@ export class OverlayModel extends SDKModel<EventTypes> implements ProtocolProxyA
       // overlay, so that it is not cleared by the highlight
       return;
     }
-      clearTimeout(this.#hideHighlightTimeout);
-      this.#hideHighlightTimeout = undefined;
+    clearTimeout(this.#hideHighlightTimeout);
+    this.#hideHighlightTimeout = undefined;
 
-      const highlightConfig = this.buildHighlightConfig(mode);
-      if (typeof showInfo !== 'undefined') {
-        highlightConfig.showInfo = showInfo;
-      }
+    const highlightConfig = this.buildHighlightConfig(mode);
+    if (typeof showInfo !== 'undefined') {
+      highlightConfig.showInfo = showInfo;
+    }
     this.#highlighter.highlightInOverlay(data, highlightConfig);
   }
 
@@ -496,12 +496,11 @@ export class OverlayModel extends SDKModel<EventTypes> implements ProtocolProxyA
   }
 
   private delayedHideHighlight(delay: number): void {
-    if (this.#hideHighlightTimeout === undefined) {
-      this.#hideHighlightTimeout = globalThis.setTimeout(
-          () => this.highlightInOverlay({clear: true}),
-          delay,
-      );
-    }
+    clearTimeout(this.#hideHighlightTimeout);
+    this.#hideHighlightTimeout = globalThis.setTimeout(
+        () => this.highlightInOverlay({clear: true}),
+        delay,
+    );
   }
 
   highlightFrame(frameId: Protocol.Page.FrameId): void {

package/front_end/core/sdk/ServiceWorkerCacheModel.ts

@@ -279,6 +279,9 @@ export class ServiceWorkerCacheModel extends SDKModel<EventTypes> implements Pro
   storageBucketDeleted(_event: Protocol.Storage.StorageBucketDeletedEvent): void {
   }
 
+  privateVerificationTokensUpdated(): void {
+  }
+
   setThrottlerSchedulesAsSoonAsPossibleForTest(): void {
     this.#scheduleAsSoonAsPossible = true;
   }

package/front_end/core/sdk/SourceMapScopeChainEntry.ts

@@ -46,6 +46,7 @@ export class SourceMapScopeChainEntry implements ScopeChainEntry {
   readonly #isInnerMostFunction: boolean;
   readonly #returnValue?: RemoteObject;
   readonly #scopeNumber?: number;
+  #object?: SourceMapScopeRemoteObject;
 
   /**
    * @param isInnerMostFunction If `scope` is the innermost 'function' scope. Only used for labeling as we name the
@@ -63,6 +64,10 @@ export class SourceMapScopeChainEntry implements ScopeChainEntry {
     this.#scopeNumber = scopeNumber;
   }
 
+  originalScope(): ScopesCodec.OriginalScope {
+    return this.#scope;
+  }
+
   extraProperties(): RemoteObjectProperty[] {
     const extraProperties = [];
     if (this.#isInnerMostFunction && this.#callFrame.exception) {
@@ -118,7 +123,10 @@ export class SourceMapScopeChainEntry implements ScopeChainEntry {
   }
 
   object(): RemoteObject {
-    return new SourceMapScopeRemoteObject(this.#callFrame, this.#scope, this.#range, this.#scopeNumber);
+    if (!this.#object) {
+      this.#object = new SourceMapScopeRemoteObject(this.#callFrame, this.#scope, this.#range, this.#scopeNumber);
+    }
+    return this.#object;
   }
 
   description(): string {
@@ -135,6 +143,8 @@ class SourceMapScopeRemoteObject extends RemoteObjectImpl {
   readonly #scope: ScopesCodec.OriginalScope;
   readonly #range?: ScopesCodec.GeneratedRange;
   readonly #scopeNumber?: number;
+  #propertiesPromise?: Promise<GetPropertiesResult>;
+  #cachedWithPreview = false;
 
   constructor(callFrame: CallFrame, scope: ScopesCodec.OriginalScope, range: ScopesCodec.GeneratedRange|undefined,
               scopeNumber: number|undefined) {
@@ -153,60 +163,102 @@ class SourceMapScopeRemoteObject extends RemoteObjectImpl {
     if (accessorPropertiesOnly) {
       return {properties: [], internalProperties: []};
     }
+    if (!this.#propertiesPromise || (generatePreview && !this.#cachedWithPreview)) {
+      this.#cachedWithPreview = generatePreview;
+      this.#propertiesPromise = this.#evaluateProperties(generatePreview);
+    }
+    return await this.#propertiesPromise;
+  }
 
+  async #evaluateProperties(generatePreview: boolean): Promise<GetPropertiesResult> {
     if (this.#scope.variables.length === 0) {
       return {properties: [], internalProperties: []};
     }
-
     const expressions = this.#scope.variables.map((_, index) => this.#findExpression(index));
+    const values = await this.#evaluateAsBatch(expressions, generatePreview) ??
+        await this.#evaluateSeparately(expressions, generatePreview);
 
-    if (expressions.every(expr => expr === null)) {
-      const properties = this.#scope.variables.map(v => SourceMapScopeRemoteObject.#unavailableProperty(v));
-      return {properties, internalProperties: []};
-    }
+    const properties = this.#scope.variables.map((variable, index) => {
+      const value = values[index];
+      if (value === null) {
+        return SourceMapScopeRemoteObject.#unavailableProperty(variable);
+      }
+      return new RemoteObjectProperty(variable, value, /* enumerable */ false, /* writable */ false, /* isOwn */ true,
+                                      /* wasThrown */ false);
+    });
+
+    return {properties, internalProperties: []};
+  }
 
-    const spreadEntries: string[] = [];
-    for (const [index, expr] of expressions.entries()) {
-      if (expr !== null) {
-        spreadEntries.push(`...(() => { try { return {${index}: eval(${JSON.stringify(expr)})}; } catch {} })()`);
+  /**
+   * Evaluates all binding expressions of this scope with a single `evaluateOnCallFrame` call.
+   *
+   * We build an object literal that spreads in one `{index: value}` object per binding, each produced by
+   * its own arrow function wrapped in `try`/`catch`. A binding that throws contributes nothing, which is
+   * how we tell it apart from one that legitimately evaluates to `undefined`, and it doesn't take the
+   * rest of the scope down with it.
+   *
+   * The expressions are inlined rather than passed to `eval`. `eval` in the evaluated code is the page's
+   * `eval`, which a `script-src` CSP without `'unsafe-eval'` blocks. `Runtime.evaluate` can opt out of
+   * that via `allowUnsafeEvalBlockedByCSP`, but `Debugger.evaluateOnCallFrame` has no such option.
+   * Inlining also means we don't introduce bindings of our own that could shadow the names a binding
+   * expression refers to, and arrow functions keep `this` pointing at the paused frame's receiver.
+   *
+   * @returns The value for each expression, or null if the batch failed as a whole. The latter happens
+   *          when a binding expression doesn't parse, since that takes out the entire object literal.
+   */
+  async #evaluateAsBatch(expressions: Array<string|null>,
+                         generatePreview: boolean): Promise<Array<RemoteObject|null>|null> {
+    const spreads: string[] = [];
+    for (const [index, expression] of expressions.entries()) {
+      if (expression !== null) {
+        spreads.push(`...(() => { try { return {${index}: (${expression})}; } catch {} })()`);
       }
     }
+    if (spreads.length === 0) {
+      return expressions.map(() => null);
+    }
 
-    const batchExpression = `({ __proto__: null, ${spreadEntries.join(', ')} })`;
     const result = await this.#callFrame.evaluate({
-      expression: batchExpression,
+      expression: `({__proto__: null, ${spreads.join(', ')}})`,
+      // The wrapper object is a throw-away. We only need previews for the values inside of it.
       generatePreview: false,
       scopeNumber: this.#scopeNumber,
     });
-
     if ('error' in result || result.exceptionDetails || !result.object) {
-      const properties = this.#scope.variables.map(v => SourceMapScopeRemoteObject.#unavailableProperty(v));
-      return {properties, internalProperties: []};
+      return null;
     }
 
-    const {properties: objectProperties} = await result.object.getOwnProperties(generatePreview);
+    const {properties} = await result.object.getOwnProperties(generatePreview);
     result.object.release();
 
-    const propertyMap = new Map<string, RemoteObjectProperty>();
-    if (objectProperties) {
-      for (const prop of objectProperties) {
-        propertyMap.set(prop.name, prop);
+    const valueByIndex = new Map(properties?.map(({name, value}) => [name, value] as const));
+    return expressions.map((_, index) => valueByIndex.get(String(index)) ?? null);
+  }
+
+  /**
+   * Fallback for when {@link #evaluateAsBatch} fails as a whole, so that a single binding expression
+   * that doesn't parse only costs us that one variable.
+   */
+  async #evaluateSeparately(expressions: Array<string|null>,
+                            generatePreview: boolean): Promise<Array<RemoteObject|null>> {
+    const values: Array<RemoteObject|null> = [];
+    for (const expression of expressions) {
+      if (expression === null) {
+        values.push(null);
+        continue;
       }
-    }
 
-    const properties: RemoteObjectProperty[] = [];
-    for (const [index, variable] of this.#scope.variables.entries()) {
-      const prop = propertyMap.get(String(index));
-      if (!prop || !prop.value) {
-        properties.push(SourceMapScopeRemoteObject.#unavailableProperty(variable));
+      const result = await this.#callFrame.evaluate({expression, generatePreview, scopeNumber: this.#scopeNumber});
+      if ('error' in result || result.exceptionDetails) {
+        // TODO(crbug.com/40277685): Make these errors user-visible to aid tooling developers.
+        //         E.g. show the error on hover or expose it in the developer resources panel.
+        values.push(null);
       } else {
-        properties.push(new RemoteObjectProperty(variable, prop.value, /* enumerable */ false, /* writable */ false,
-                                                 /* isOwn */ true,
-                                                 /* wasThrown */ false));
+        values.push(result.object);
       }
     }
-
-    return {properties, internalProperties: []};
+    return values;
   }
 
   /** @returns null if the variable is unavailable at the current paused location */
@@ -219,7 +271,7 @@ class SourceMapScopeRemoteObject extends RemoteObjectImpl {
     if (typeof expressionOrSubRanges === 'string') {
       return expressionOrSubRanges;
     }
-    if (expressionOrSubRanges === null || expressionOrSubRanges === undefined) {
+    if (!expressionOrSubRanges) {
       return null;
     }
 

package/front_end/core/sdk/StorageBucketsModel.ts

@@ -154,6 +154,8 @@ export class StorageBucketsModel extends SDKModel<EventTypes> implements Protoco
   cacheStorageContentUpdated(_event: Protocol.Storage.CacheStorageContentUpdatedEvent): void {
   }
 
+  privateVerificationTokensUpdated(): void {
+  }
 }
 
 SDKModel.register(StorageBucketsModel, {capabilities: Capability.STORAGE, autostart: false});

package/front_end/entrypoints/main/GlobalAiButton.ts

@@ -23,14 +23,10 @@ const UIStrings = {
    * @description Tooltip for the AI assistance button in the main DevTools toolbar.
    */
   openAiAssistance: 'Open AI assistance panel',
-  /**
-   * @description Text label for the Gemini button in the main DevTools toolbar when expanded.
-   */
-  gemini: 'Gemini',
   /**
    * @description Tooltip for the Gemini button in the main DevTools toolbar.
    */
-  openGemini: 'Open Gemini panel',
+  openGemini: 'Open `Gemini` panel',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('entrypoints/main/GlobalAiButton.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -65,7 +61,7 @@ export const DEFAULT_VIEW = (input: ViewInput, output: undefined, target: HTMLEl
   });
 
   const strings = AIAssistance.AiUtils.isGeminiBranding() ?
-      {title: i18nString(UIStrings.openGemini), label: i18nString(UIStrings.gemini)} :
+      {title: i18nString(UIStrings.openGemini), label: i18n.i18n.lockedString('Gemini')} :
       {title: i18nString(UIStrings.openAiAssistance), label: i18nString(UIStrings.aiAssistance)};
   const icon = AIAssistance.AiUtils.getIconName();
 

package/front_end/entrypoints/main/MainImpl.ts

@@ -44,6 +44,7 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as Foundation from '../../foundation/foundation.js';
 import * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
 import * as Badges from '../../models/badges/badges.js';
+import * as CommentManager from '../../models/comment_manager/comment_manager.js';
 import * as CrUXManager from '../../models/crux-manager/crux-manager.js';
 import * as Persistence from '../../models/persistence/persistence.js';
 import * as Workspace from '../../models/workspace/workspace.js';
@@ -554,7 +555,13 @@ export class MainImpl {
           inspectorView.displaySelectOverrideFolderInfobar(event.data);
         });
     await inspectorView.createToolbars();
-    inspectorView.renderStatusBar();
+    inspectorView.renderStatusBar(this.#universe.commentManager.isAgentAttached());
+    this.#universe.commentManager.addEventListener(
+        CommentManager.CommentManager.Events.AGENT_ATTACHED_CHANGED,
+        event => {
+          inspectorView.renderStatusBar(event.data);
+        },
+    );
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.loadCompleted();
 
     // Initialize elements for the live announcer functionality for a11y.

package/front_end/generated/InspectorBackendCommands.ts

@@ -1018,7 +1018,8 @@ inspectorBackend.registerType("Overlay.FlexContainerHighlightConfig", [{"name":
 inspectorBackend.registerType("Overlay.FlexItemHighlightConfig", [{"name": "baseSizeBox", "type": "object", "optional": true, "description": "Style of the box representing the item's base size", "typeRef": "Overlay.BoxStyle"}, {"name": "baseSizeBorder", "type": "object", "optional": true, "description": "Style of the border around the box representing the item's base size", "typeRef": "Overlay.LineStyle"}, {"name": "flexibilityArrow", "type": "object", "optional": true, "description": "Style of the arrow representing if the item grew or shrank", "typeRef": "Overlay.LineStyle"}]);
 inspectorBackend.registerType("Overlay.LineStyle", [{"name": "color", "type": "object", "optional": true, "description": "The color of the line (default: transparent)", "typeRef": "DOM.RGBA"}, {"name": "pattern", "type": "string", "optional": true, "description": "The line pattern (default: solid)", "typeRef": null}]);
 inspectorBackend.registerType("Overlay.BoxStyle", [{"name": "fillColor", "type": "object", "optional": true, "description": "The background color for the box (default: transparent)", "typeRef": "DOM.RGBA"}, {"name": "hatchColor", "type": "object", "optional": true, "description": "The hatching color for the box (default: transparent)", "typeRef": "DOM.RGBA"}]);
-inspectorBackend.registerType("Overlay.HighlightConfig", [{"name": "showInfo", "type": "boolean", "optional": true, "description": "Whether the node info tooltip should be shown (default: false).", "typeRef": null}, {"name": "showStyles", "type": "boolean", "optional": true, "description": "Whether the node styles in the tooltip (default: false).", "typeRef": null}, {"name": "showRulers", "type": "boolean", "optional": true, "description": "Whether the rulers should be shown (default: false).", "typeRef": null}, {"name": "showAccessibilityInfo", "type": "boolean", "optional": true, "description": "Whether the a11y info should be shown (default: true).", "typeRef": null}, {"name": "showExtensionLines", "type": "boolean", "optional": true, "description": "Whether the extension lines from node to the rulers should be shown (default: false).", "typeRef": null}, {"name": "contentColor", "type": "object", "optional": true, "description": "The content box highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "paddingColor", "type": "object", "optional": true, "description": "The padding highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "borderColor", "type": "object", "optional": true, "description": "The border highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "marginColor", "type": "object", "optional": true, "description": "The margin highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "eventTargetColor", "type": "object", "optional": true, "description": "The event target element highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "shapeColor", "type": "object", "optional": true, "description": "The shape outside fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "shapeMarginColor", "type": "object", "optional": true, "description": "The shape margin fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "cssGridColor", "type": "object", "optional": true, "description": "The grid layout color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "colorFormat", "type": "string", "optional": true, "description": "The color format used to format color styles (default: hex).", "typeRef": "Overlay.ColorFormat"}, {"name": "gridHighlightConfig", "type": "object", "optional": true, "description": "The grid layout highlight configuration (default: all transparent).", "typeRef": "Overlay.GridHighlightConfig"}, {"name": "flexContainerHighlightConfig", "type": "object", "optional": true, "description": "The flex container highlight configuration (default: all transparent).", "typeRef": "Overlay.FlexContainerHighlightConfig"}, {"name": "flexItemHighlightConfig", "type": "object", "optional": true, "description": "The flex item highlight configuration (default: all transparent).", "typeRef": "Overlay.FlexItemHighlightConfig"}, {"name": "contrastAlgorithm", "type": "string", "optional": true, "description": "The contrast algorithm to use for the contrast ratio (default: aa).", "typeRef": "Overlay.ContrastAlgorithm"}, {"name": "containerQueryContainerHighlightConfig", "type": "object", "optional": true, "description": "The container query container highlight configuration (default: all transparent).", "typeRef": "Overlay.ContainerQueryContainerHighlightConfig"}]);
+inspectorBackend.registerType("Overlay.ImcbHighlightConfig", [{"name": "imcbBorderColor", "type": "object", "optional": true, "description": "Border color for the Inset-Modified Containing Block (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "imcbBackgroundColor", "type": "object", "optional": true, "description": "Background fill color for the Inset-Modified Containing Block (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "insetsBackgroundColor", "type": "object", "optional": true, "description": "Fill color for the inset modifiers area (difference between CB and IMCB).", "typeRef": "DOM.RGBA"}, {"name": "insetsHatchColor", "type": "object", "optional": true, "description": "Hatch color for the inset modifiers area.", "typeRef": "DOM.RGBA"}, {"name": "anchorBorderColor", "type": "object", "optional": true, "description": "Border color for the referenced target anchor element(s) (when element is anchor-positioned).", "typeRef": "DOM.RGBA"}, {"name": "anchorBackgroundColor", "type": "object", "optional": true, "description": "Background fill color for the referenced target anchor element(s) (when element is anchor-positioned).", "typeRef": "DOM.RGBA"}, {"name": "showPositionAreaGrid", "type": "boolean", "optional": true, "description": "Whether to render the 3x3 position-area grid lines when position-area is used.", "typeRef": null}, {"name": "positionAreaGridLineColor", "type": "object", "optional": true, "description": "Line color for the 3x3 position-area grid lines.", "typeRef": "DOM.RGBA"}, {"name": "positionAreaActiveRegionColor", "type": "object", "optional": true, "description": "Fill color for the active region within the position-area grid.", "typeRef": "DOM.RGBA"}]);
+inspectorBackend.registerType("Overlay.HighlightConfig", [{"name": "showInfo", "type": "boolean", "optional": true, "description": "Whether the node info tooltip should be shown (default: false).", "typeRef": null}, {"name": "showStyles", "type": "boolean", "optional": true, "description": "Whether the node styles in the tooltip (default: false).", "typeRef": null}, {"name": "showRulers", "type": "boolean", "optional": true, "description": "Whether the rulers should be shown (default: false).", "typeRef": null}, {"name": "showAccessibilityInfo", "type": "boolean", "optional": true, "description": "Whether the a11y info should be shown (default: true).", "typeRef": null}, {"name": "showExtensionLines", "type": "boolean", "optional": true, "description": "Whether the extension lines from node to the rulers should be shown (default: false).", "typeRef": null}, {"name": "contentColor", "type": "object", "optional": true, "description": "The content box highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "paddingColor", "type": "object", "optional": true, "description": "The padding highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "borderColor", "type": "object", "optional": true, "description": "The border highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "marginColor", "type": "object", "optional": true, "description": "The margin highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "eventTargetColor", "type": "object", "optional": true, "description": "The event target element highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "shapeColor", "type": "object", "optional": true, "description": "The shape outside fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "shapeMarginColor", "type": "object", "optional": true, "description": "The shape margin fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "cssGridColor", "type": "object", "optional": true, "description": "The grid layout color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "colorFormat", "type": "string", "optional": true, "description": "The color format used to format color styles (default: hex).", "typeRef": "Overlay.ColorFormat"}, {"name": "gridHighlightConfig", "type": "object", "optional": true, "description": "The grid layout highlight configuration (default: all transparent).", "typeRef": "Overlay.GridHighlightConfig"}, {"name": "flexContainerHighlightConfig", "type": "object", "optional": true, "description": "The flex container highlight configuration (default: all transparent).", "typeRef": "Overlay.FlexContainerHighlightConfig"}, {"name": "flexItemHighlightConfig", "type": "object", "optional": true, "description": "The flex item highlight configuration (default: all transparent).", "typeRef": "Overlay.FlexItemHighlightConfig"}, {"name": "contrastAlgorithm", "type": "string", "optional": true, "description": "The contrast algorithm to use for the contrast ratio (default: aa).", "typeRef": "Overlay.ContrastAlgorithm"}, {"name": "containerQueryContainerHighlightConfig", "type": "object", "optional": true, "description": "The container query container highlight configuration (default: all transparent).", "typeRef": "Overlay.ContainerQueryContainerHighlightConfig"}, {"name": "imcbHighlightConfig", "type": "object", "optional": true, "description": "The IMCB highlight configuration (default: all transparent).", "typeRef": "Overlay.ImcbHighlightConfig"}]);
 inspectorBackend.registerType("Overlay.GridNodeHighlightConfig", [{"name": "gridHighlightConfig", "type": "object", "optional": false, "description": "A descriptor for the highlight appearance.", "typeRef": "Overlay.GridHighlightConfig"}, {"name": "nodeId", "type": "number", "optional": false, "description": "Identifier of the node to highlight.", "typeRef": "DOM.NodeId"}]);
 inspectorBackend.registerType("Overlay.FlexNodeHighlightConfig", [{"name": "flexContainerHighlightConfig", "type": "object", "optional": false, "description": "A descriptor for the highlight appearance of flex containers.", "typeRef": "Overlay.FlexContainerHighlightConfig"}, {"name": "nodeId", "type": "number", "optional": false, "description": "Identifier of the node to highlight.", "typeRef": "DOM.NodeId"}]);
 inspectorBackend.registerType("Overlay.ScrollSnapContainerHighlightConfig", [{"name": "snapportBorder", "type": "object", "optional": true, "description": "The style of the snapport border (default: transparent)", "typeRef": "Overlay.LineStyle"}, {"name": "snapAreaBorder", "type": "object", "optional": true, "description": "The style of the snap area border (default: transparent)", "typeRef": "Overlay.LineStyle"}, {"name": "scrollMarginColor", "type": "object", "optional": true, "description": "The margin highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}, {"name": "scrollPaddingColor", "type": "object", "optional": true, "description": "The padding highlight fill color (default: transparent).", "typeRef": "DOM.RGBA"}]);
@@ -1113,7 +1114,9 @@ inspectorBackend.registerCommand("Page.enable", [{"name": "enableFileChooserOpen
 inspectorBackend.registerCommand("Page.getAppManifest", [{"name": "manifestId", "type": "string", "optional": true, "description": "", "typeRef": null}], ["url", "errors", "data", "parsed", "manifest"], "Gets the processed manifest for this current document.   This API always waits for the manifest to be loaded.   If manifestId is provided, and it does not match the manifest of the     current document, this API errors out.   If there is not a loaded page, this API errors out immediately.");
 inspectorBackend.registerCommand("Page.getInstallabilityErrors", [], ["installabilityErrors"], "");
 inspectorBackend.registerCommand("Page.getManifestIcons", [], ["primaryIcon"], "Deprecated because it's not guaranteed that the returned icon is in fact the one used for PWA installation.");
-inspectorBackend.registerCommand("Page.getAppId", [], ["appId", "recommendedId"], "Returns the unique (PWA) app id. Only returns values if the feature flag 'WebAppEnableManifestId' is enabled");
+inspectorBackend.registerCommand("Page.getAppId", [], ["appId", "recommendedId", "bundleId", "parentAppName"], "Returns the unique (PWA) app id, along with IWA bundle ID and parent app info. Only returns values if the feature flag 'WebAppEnableManifestId' is enabled");
+inspectorBackend.registerCommand("Page.getSubApps", [], ["subApps"], "Returns the list of installed child Sub-Apps for the inspected parent app.");
+inspectorBackend.registerCommand("Page.getSiblingSubApps", [], ["subApps"], "Returns the list of sibling Sub-Apps sharing the same parent app if the inspected context is a Sub-App.");
 inspectorBackend.registerCommand("Page.getAdScriptAncestry", [{"name": "frameId", "type": "string", "optional": false, "description": "", "typeRef": "Page.FrameId"}], ["adScriptAncestry"], "");
 inspectorBackend.registerCommand("Page.getFrameTree", [], ["frameTree"], "Returns present frame tree structure.");
 inspectorBackend.registerCommand("Page.getLayoutMetrics", [], ["layoutViewport", "visualViewport", "contentSize", "cssLayoutViewport", "cssVisualViewport", "cssContentSize"], "Returns metrics relating to the layouting of the page, such as viewport bounds/scale.");
@@ -1203,6 +1206,7 @@ inspectorBackend.registerType("Page.Screenshot", [{"name": "image", "type": "obj
 inspectorBackend.registerType("Page.ShareTarget", [{"name": "action", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "method", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "enctype", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "title", "type": "string", "optional": true, "description": "Embed the ShareTargetParams", "typeRef": null}, {"name": "text", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "url", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "files", "type": "array", "optional": true, "description": "", "typeRef": "Page.FileFilter"}]);
 inspectorBackend.registerType("Page.Shortcut", [{"name": "name", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "url", "type": "string", "optional": false, "description": "", "typeRef": null}]);
 inspectorBackend.registerType("Page.WebAppManifest", [{"name": "backgroundColor", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "description", "type": "string", "optional": true, "description": "The extra description provided by the manifest.", "typeRef": null}, {"name": "dir", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "display", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "displayOverrides", "type": "array", "optional": true, "description": "The overrided display mode controlled by the user.", "typeRef": "string"}, {"name": "fileHandlers", "type": "array", "optional": true, "description": "The handlers to open files.", "typeRef": "Page.FileHandler"}, {"name": "icons", "type": "array", "optional": true, "description": "", "typeRef": "Page.ImageResource"}, {"name": "id", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "lang", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "launchHandler", "type": "object", "optional": true, "description": "TODO(crbug.com/1231886): This field is non-standard and part of a Chrome experiment. See: https://github.com/WICG/web-app-launch/blob/main/launch_handler.md", "typeRef": "Page.LaunchHandler"}, {"name": "name", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "orientation", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "preferRelatedApplications", "type": "boolean", "optional": true, "description": "", "typeRef": null}, {"name": "protocolHandlers", "type": "array", "optional": true, "description": "The handlers to open protocols.", "typeRef": "Page.ProtocolHandler"}, {"name": "relatedApplications", "type": "array", "optional": true, "description": "", "typeRef": "Page.RelatedApplication"}, {"name": "scope", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "scopeExtensions", "type": "array", "optional": true, "description": "Non-standard, see https://github.com/WICG/manifest-incubations/blob/gh-pages/scope_extensions-explainer.md", "typeRef": "Page.ScopeExtension"}, {"name": "screenshots", "type": "array", "optional": true, "description": "The screenshots used by chromium.", "typeRef": "Page.Screenshot"}, {"name": "shareTarget", "type": "object", "optional": true, "description": "", "typeRef": "Page.ShareTarget"}, {"name": "shortName", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "shortcuts", "type": "array", "optional": true, "description": "", "typeRef": "Page.Shortcut"}, {"name": "startUrl", "type": "string", "optional": true, "description": "", "typeRef": null}, {"name": "themeColor", "type": "string", "optional": true, "description": "", "typeRef": null}]);
+inspectorBackend.registerType("Page.SubApp", [{"name": "name", "type": "string", "optional": false, "description": "Display name of the sub-app.", "typeRef": null}, {"name": "scope", "type": "string", "optional": false, "description": "Scope of the sub-app.", "typeRef": null}, {"name": "manifestId", "type": "string", "optional": false, "description": "Manifest id of the sub-app.", "typeRef": null}, {"name": "startUrl", "type": "string", "optional": false, "description": "Start URL of the sub-app.", "typeRef": null}]);
 inspectorBackend.registerType("Page.BackForwardCacheBlockingDetails", [{"name": "url", "type": "string", "optional": true, "description": "Url of the file where blockage happened. Optional because of tests.", "typeRef": null}, {"name": "function", "type": "string", "optional": true, "description": "Function name where blockage happened. Optional because of anonymous functions and tests.", "typeRef": null}, {"name": "lineNumber", "type": "number", "optional": false, "description": "Line number in the script (0-based).", "typeRef": null}, {"name": "columnNumber", "type": "number", "optional": false, "description": "Column number in the script (0-based).", "typeRef": null}]);
 inspectorBackend.registerType("Page.BackForwardCacheNotRestoredExplanation", [{"name": "type", "type": "string", "optional": false, "description": "Type of the reason", "typeRef": "Page.BackForwardCacheNotRestoredReasonType"}, {"name": "reason", "type": "string", "optional": false, "description": "Not restored reason", "typeRef": "Page.BackForwardCacheNotRestoredReason"}, {"name": "context", "type": "string", "optional": true, "description": "Context associated with the reason. The meaning of this context is dependent on the reason: - EmbedderExtensionSentMessageToCachedFrame: the extension ID.", "typeRef": null}, {"name": "details", "type": "array", "optional": true, "description": "", "typeRef": "Page.BackForwardCacheBlockingDetails"}]);
 inspectorBackend.registerType("Page.BackForwardCacheNotRestoredExplanationTree", [{"name": "url", "type": "string", "optional": false, "description": "URL of each frame", "typeRef": null}, {"name": "explanations", "type": "array", "optional": false, "description": "Not restored reasons of each frame", "typeRef": "Page.BackForwardCacheNotRestoredExplanation"}, {"name": "children", "type": "array", "optional": false, "description": "Array of children frame", "typeRef": "Page.BackForwardCacheNotRestoredExplanationTree"}]);
@@ -1337,6 +1341,7 @@ inspectorBackend.registerEvent("Storage.indexedDBContentUpdated", ["origin", "st
 inspectorBackend.registerEvent("Storage.indexedDBListUpdated", ["origin", "storageKey", "bucketId"]);
 inspectorBackend.registerEvent("Storage.storageBucketCreatedOrUpdated", ["bucketInfo"]);
 inspectorBackend.registerEvent("Storage.storageBucketDeleted", ["bucketId"]);
+inspectorBackend.registerEvent("Storage.privateVerificationTokensUpdated", []);
 inspectorBackend.registerCommand("Storage.getStorageKeyForFrame", [{"name": "frameId", "type": "string", "optional": false, "description": "", "typeRef": "Page.FrameId"}], ["storageKey"], "Returns a storage key given a frame id. Deprecated. Please use Storage.getStorageKey instead.");
 inspectorBackend.registerCommand("Storage.getStorageKey", [{"name": "frameId", "type": "string", "optional": true, "description": "", "typeRef": "Page.FrameId"}], ["storageKey"], "Returns storage key for the given frame. If no frame ID is provided, the storage key of the target executing this command is returned.");
 inspectorBackend.registerCommand("Storage.clearDataForOrigin", [{"name": "origin", "type": "string", "optional": false, "description": "Security origin.", "typeRef": null}, {"name": "storageTypes", "type": "string", "optional": false, "description": "Comma separated list of StorageType to clear.", "typeRef": null}], [], "Clears storage for origin.");
@@ -1356,12 +1361,17 @@ inspectorBackend.registerCommand("Storage.untrackIndexedDBForOrigin", [{"name":
 inspectorBackend.registerCommand("Storage.untrackIndexedDBForStorageKey", [{"name": "storageKey", "type": "string", "optional": false, "description": "Storage key.", "typeRef": null}], [], "Unregisters storage key from receiving notifications for IndexedDB.");
 inspectorBackend.registerCommand("Storage.getTrustTokens", [], ["tokens"], "Returns the number of stored Trust Tokens per issuer for the current browsing context.");
 inspectorBackend.registerCommand("Storage.clearTrustTokens", [{"name": "issuerOrigin", "type": "string", "optional": false, "description": "", "typeRef": null}], ["didDeleteTokens"], "Removes all Trust Tokens issued by the provided issuerOrigin. Leaves other stored data, including the issuer's Redemption Records, intact.");
+inspectorBackend.registerCommand("Storage.getPrivateVerificationTokens", [], ["tokens"], "Returns all stored Private Verification Tokens for the current browsing context.");
+inspectorBackend.registerCommand("Storage.clearPrivateVerificationTokens", [{"name": "issuerOrigin", "type": "string", "optional": false, "description": "", "typeRef": null}], [], "Removes all Private Verification Tokens issued by the provided issuerOrigin.");
+inspectorBackend.registerCommand("Storage.deletePrivateVerificationToken", [{"name": "tokenId", "type": "string", "optional": false, "description": "", "typeRef": null}], [], "Removes a specific Private Verification Token by its ID.");
+inspectorBackend.registerCommand("Storage.setPrivateVerificationTokensTracking", [{"name": "enable", "type": "boolean", "optional": false, "description": "", "typeRef": null}], [], "Set tracking for Private Verification Tokens.");
 inspectorBackend.registerCommand("Storage.setStorageBucketTracking", [{"name": "storageKey", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "enable", "type": "boolean", "optional": false, "description": "", "typeRef": null}], [], "Set tracking for a storage key's buckets.");
 inspectorBackend.registerCommand("Storage.deleteStorageBucket", [{"name": "bucket", "type": "object", "optional": false, "description": "", "typeRef": "Storage.StorageBucket"}], [], "Deletes the Storage Bucket with the given storage key and bucket name.");
 inspectorBackend.registerCommand("Storage.runBounceTrackingMitigations", [], ["deletedSites"], "Deletes state for sites identified as potential bounce trackers, immediately.");
 inspectorBackend.registerCommand("Storage.getRelatedWebsiteSets", [], ["sets"], "Returns the effective Related Website Sets in use by this profile for the browser session. The effective Related Website Sets will not change during a browser session.");
 inspectorBackend.registerType("Storage.UsageForType", [{"name": "storageType", "type": "string", "optional": false, "description": "Name of storage type.", "typeRef": "Storage.StorageType"}, {"name": "usage", "type": "number", "optional": false, "description": "Storage usage (bytes).", "typeRef": null}]);
 inspectorBackend.registerType("Storage.TrustTokens", [{"name": "issuerOrigin", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "count", "type": "number", "optional": false, "description": "", "typeRef": null}]);
+inspectorBackend.registerType("Storage.PrivateVerificationToken", [{"name": "id", "type": "string", "optional": false, "description": "Unique identifier of the token in the database.", "typeRef": null}, {"name": "issuerOrigin", "type": "string", "optional": false, "description": "Origin of the token issuer.", "typeRef": null}, {"name": "keyId", "type": "number", "optional": false, "description": "Public key ID used to issue the token.", "typeRef": null}, {"name": "expiration", "type": "number", "optional": false, "description": "Expiration timestamp in seconds since the epoch.", "typeRef": "Network.TimeSinceEpoch"}, {"name": "creationTime", "type": "number", "optional": false, "description": "Token creation timestamp in seconds since the epoch.", "typeRef": "Network.TimeSinceEpoch"}, {"name": "version", "type": "number", "optional": false, "description": "Token protocol version.", "typeRef": null}, {"name": "token", "type": "string", "optional": false, "description": "Base64-encoded serialized token.", "typeRef": null}]);
 inspectorBackend.registerType("Storage.StorageBucket", [{"name": "storageKey", "type": "string", "optional": false, "description": "", "typeRef": "Storage.SerializedStorageKey"}, {"name": "name", "type": "string", "optional": true, "description": "If not specified, it is the default bucket of the storageKey.", "typeRef": null}]);
 inspectorBackend.registerType("Storage.StorageBucketInfo", [{"name": "bucket", "type": "object", "optional": false, "description": "", "typeRef": "Storage.StorageBucket"}, {"name": "id", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "expiration", "type": "number", "optional": false, "description": "", "typeRef": "Network.TimeSinceEpoch"}, {"name": "quota", "type": "number", "optional": false, "description": "Storage quota (bytes).", "typeRef": null}, {"name": "persistent", "type": "boolean", "optional": false, "description": "", "typeRef": null}, {"name": "durability", "type": "string", "optional": false, "description": "", "typeRef": "Storage.StorageBucketsDurability"}]);
 inspectorBackend.registerType("Storage.RelatedWebsiteSet", [{"name": "primarySites", "type": "array", "optional": false, "description": "The primary site of this set, along with the ccTLDs if there is any.", "typeRef": "string"}, {"name": "associatedSites", "type": "array", "optional": false, "description": "The associated sites of this set, along with the ccTLDs if there is any.", "typeRef": "string"}, {"name": "serviceSites", "type": "array", "optional": false, "description": "The service sites of this set, along with the ccTLDs if there is any.", "typeRef": "string"}]);

package/front_end/generated/SupportedCSSProperties.ts

@@ -660,6 +660,7 @@ export const generatedProperties: CSSProperty[] = [
    "line-clamp",
    "line-gap-override",
    "line-height",
+   "link-parameters",
    "list-style-image",
    "list-style-position",
    "list-style-type",
@@ -3683,6 +3684,14 @@ export const generatedProperties: CSSProperty[] = [
   ],
   "name": "line-height"
  },
+ {
+  "keywords": [
+   "none"
+  ],
+  "name": "link-parameters",
+  "runtime_flag": "CSSLinkParametersProperty",
+  "runtime_flag_status": "experimental"
+ },
  {
   "inherited": true,
   "longhands": [
@@ -7934,6 +7943,11 @@ export const generatedPropertyValues: Record<string, CSSPropertyValue> = {
    "normal"
   ]
  },
+ "link-parameters": {
+  "values": [
+   "none"
+  ]
+ },
  "list-style-image": {
   "values": [
    "none"

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

@@ -777,6 +777,10 @@ export namespace ProtocolMapping {
     'Storage.indexedDBListUpdated': [Protocol.Storage.IndexedDBListUpdatedEvent];
     'Storage.storageBucketCreatedOrUpdated': [Protocol.Storage.StorageBucketCreatedOrUpdatedEvent];
     'Storage.storageBucketDeleted': [Protocol.Storage.StorageBucketDeletedEvent];
+    /**
+     * Private Verification Tokens have been stored or deleted.
+     */
+    'Storage.privateVerificationTokensUpdated': [];
     /**
      * Issued when attached to target because of auto-attach or `attachToTarget` command.
      */
@@ -4161,13 +4165,27 @@ export namespace ProtocolMapping {
       returnType: Protocol.Page.GetManifestIconsResponse;
     };
     /**
-     * Returns the unique (PWA) app id.
+     * Returns the unique (PWA) app id, along with IWA bundle ID and parent app info.
      * Only returns values if the feature flag 'WebAppEnableManifestId' is enabled
      */
     'Page.getAppId': {
       paramsType: [];
       returnType: Protocol.Page.GetAppIdResponse;
     };
+    /**
+     * Returns the list of installed child Sub-Apps for the inspected parent app.
+     */
+    'Page.getSubApps': {
+      paramsType: [];
+      returnType: Protocol.Page.GetSubAppsResponse;
+    };
+    /**
+     * Returns the list of sibling Sub-Apps sharing the same parent app if the inspected context is a Sub-App.
+     */
+    'Page.getSiblingSubApps': {
+      paramsType: [];
+      returnType: Protocol.Page.GetSiblingSubAppsResponse;
+    };
     'Page.getAdScriptAncestry': {
       paramsType: [Protocol.Page.GetAdScriptAncestryRequest];
       returnType: Protocol.Page.GetAdScriptAncestryResponse;
@@ -4928,6 +4946,35 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.Storage.ClearTrustTokensRequest];
       returnType: Protocol.Storage.ClearTrustTokensResponse;
     };
+    /**
+     * Returns all stored Private Verification Tokens for the current browsing
+     * context.
+     */
+    'Storage.getPrivateVerificationTokens': {
+      paramsType: [];
+      returnType: Protocol.Storage.GetPrivateVerificationTokensResponse;
+    };
+    /**
+     * Removes all Private Verification Tokens issued by the provided issuerOrigin.
+     */
+    'Storage.clearPrivateVerificationTokens': {
+      paramsType: [Protocol.Storage.ClearPrivateVerificationTokensRequest];
+      returnType: void;
+    };
+    /**
+     * Removes a specific Private Verification Token by its ID.
+     */
+    'Storage.deletePrivateVerificationToken': {
+      paramsType: [Protocol.Storage.DeletePrivateVerificationTokenRequest];
+      returnType: void;
+    };
+    /**
+     * Set tracking for Private Verification Tokens.
+     */
+    'Storage.setPrivateVerificationTokensTracking': {
+      paramsType: [Protocol.Storage.SetPrivateVerificationTokensTrackingRequest];
+      returnType: void;
+    };
     /**
      * Set tracking for a storage key's buckets.
      */