chrome-devtools-frontend 1.0.1652307 → 1.0.1656291

package/front_end/generated/SupportedCSSProperties.js

@@ -20,7 +20,7 @@ export const generatedProperties = [
   ],
   "name": "-alternative-webkit-line-clamp-longhand",
   "runtime_flag": "CSSLineClamp",
-  "runtime_flag_status": "stable"
+  "runtime_flag_status": "experimental"
  },
  {
   "longhands": [
@@ -253,6 +253,12 @@ export const generatedProperties = [
  },
  {
   "inherited": true,
+  "keywords": [
+   "sideways",
+   "upright",
+   "sideways-right",
+   "vertical-right"
+  ],
   "name": "-webkit-text-orientation"
  },
  {
@@ -1963,9 +1969,7 @@ export const generatedProperties = [
   "keywords": [
    "auto"
   ],
-  "name": "column-height",
-  "runtime_flag": "MulticolColumnWrapping",
-  "runtime_flag_status": "stable"
+  "name": "column-height"
  },
  {
   "longhands": [
@@ -2129,9 +2133,7 @@ export const generatedProperties = [
    "nowrap",
    "wrap"
   ],
-  "name": "column-wrap",
-  "runtime_flag": "MulticolColumnWrapping",
-  "runtime_flag_status": "stable"
+  "name": "column-wrap"
  },
  {
   "devtools_keywords": [
@@ -2677,6 +2679,35 @@ export const generatedProperties = [
   "name": "direction"
  },
  {
+  "devtools_keywords": [
+   "inline",
+   "block",
+   "list-item",
+   "inline-block",
+   "table",
+   "inline-table",
+   "table-row-group",
+   "table-header-group",
+   "table-footer-group",
+   "table-row",
+   "table-column-group",
+   "table-column",
+   "table-cell",
+   "table-caption",
+   "-webkit-box",
+   "-webkit-inline-box",
+   "flex",
+   "inline-flex",
+   "grid",
+   "inline-grid",
+   "contents",
+   "flow-root",
+   "none",
+   "flow",
+   "math",
+   "ruby",
+   "ruby-text"
+  ],
   "keywords": [
    "inline",
    "block",
@@ -3430,8 +3461,6 @@ export const generatedProperties = [
   "inherited": true,
   "keywords": [
    "auto",
-   "optimizespeed",
-   "optimizequality",
    "-webkit-optimize-contrast",
    "pixelated",
    "crisp-edges"
@@ -3591,6 +3620,13 @@ export const generatedProperties = [
   "name": "lighting-color"
  },
  {
+  "devtools_keywords": [
+   "auto",
+   "loose",
+   "normal",
+   "strict",
+   "anywhere"
+  ],
   "inherited": true,
   "keywords": [
    "auto",
@@ -3603,6 +3639,12 @@ export const generatedProperties = [
   "name": "line-break"
  },
  {
+  "devtools_keywords": [
+   "none",
+   "auto",
+   "ellipsis",
+   "no-ellipsis"
+  ],
   "keywords": [
    "none",
    "auto",
@@ -3612,7 +3654,7 @@ export const generatedProperties = [
   ],
   "name": "line-clamp",
   "runtime_flag": "CSSLineClamp",
-  "runtime_flag_status": "stable"
+  "runtime_flag_status": "experimental"
  },
  {
   "is_descriptor": true,
@@ -4085,6 +4127,18 @@ export const generatedProperties = [
   "name": "outline-offset"
  },
  {
+  "devtools_keywords": [
+   "none",
+   "auto",
+   "inset",
+   "groove",
+   "outset",
+   "ridge",
+   "dotted",
+   "dashed",
+   "solid",
+   "double"
+  ],
   "keywords": [
    "none",
    "hidden",
@@ -5314,6 +5368,17 @@ export const generatedProperties = [
   "name": "table-layout"
  },
  {
+  "devtools_keywords": [
+   "left",
+   "right",
+   "center",
+   "justify",
+   "-webkit-left",
+   "-webkit-right",
+   "-webkit-center",
+   "start",
+   "end"
+  ],
   "inherited": true,
   "keywords": [
    "left",
@@ -5330,6 +5395,15 @@ export const generatedProperties = [
   "name": "text-align"
  },
  {
+  "devtools_keywords": [
+   "auto",
+   "start",
+   "end",
+   "left",
+   "right",
+   "center",
+   "justify"
+  ],
   "inherited": true,
   "keywords": [
    "auto",
@@ -5513,7 +5587,8 @@ export const generatedProperties = [
   "keywords": [
    "sideways",
    "mixed",
-   "upright"
+   "upright",
+   "sideways-right"
   ],
   "name": "text-orientation"
  },
@@ -5570,6 +5645,13 @@ export const generatedProperties = [
   "name": "text-spacing-trim"
  },
  {
+  "devtools_keywords": [
+   "none",
+   "capitalize",
+   "uppercase",
+   "lowercase",
+   "math-auto"
+  ],
   "inherited": true,
   "keywords": [
    "none",
@@ -5627,6 +5709,9 @@ export const generatedProperties = [
   "name": "text-wrap-style"
  },
  {
+  "devtools_keywords": [
+   "none"
+  ],
   "keywords": [
    "none",
    "all"
@@ -5838,6 +5923,12 @@ export const generatedProperties = [
   "name": "unicode-range"
  },
  {
+  "devtools_keywords": [
+   "auto",
+   "none",
+   "text",
+   "all"
+  ],
   "inherited": true,
   "keywords": [
    "auto",
@@ -5907,6 +5998,9 @@ export const generatedProperties = [
   "name": "view-transition-group"
  },
  {
+  "devtools_keywords": [
+   "none"
+  ],
   "keywords": [
    "none",
    "auto"
@@ -6145,6 +6239,14 @@ export const generatedPropertyValues = {
    "grammar-error"
   ]
  },
+ "-webkit-text-orientation": {
+  "values": [
+   "sideways",
+   "upright",
+   "sideways-right",
+   "vertical-right"
+  ]
+ },
  "-webkit-text-security": {
   "values": [
    "none",
@@ -7242,9 +7344,7 @@ export const generatedPropertyValues = {
    "flow",
    "math",
    "ruby",
-   "ruby-text",
-   "grid-lanes",
-   "inline-grid-lanes"
+   "ruby-text"
   ]
  },
  "dominant-baseline": {
@@ -7693,8 +7793,6 @@ export const generatedPropertyValues = {
  "image-rendering": {
   "values": [
    "auto",
-   "optimizespeed",
-   "optimizequality",
    "-webkit-optimize-contrast",
    "pixelated",
    "crisp-edges"
@@ -7789,8 +7887,7 @@ export const generatedPropertyValues = {
    "loose",
    "normal",
    "strict",
-   "anywhere",
-   "after-white-space"
+   "anywhere"
   ]
  },
  "line-clamp": {
@@ -7798,8 +7895,7 @@ export const generatedPropertyValues = {
    "none",
    "auto",
    "ellipsis",
-   "no-ellipsis",
-   "-webkit-legacy"
+   "no-ellipsis"
   ]
  },
  "line-height": {
@@ -8094,7 +8190,7 @@ export const generatedPropertyValues = {
  "outline-style": {
   "values": [
    "none",
-   "hidden",
+   "auto",
    "inset",
    "groove",
    "outset",
@@ -8681,8 +8777,7 @@ export const generatedPropertyValues = {
    "-webkit-right",
    "-webkit-center",
    "start",
-   "end",
-   "match-parent"
+   "end"
   ]
  },
  "text-align-last": {
@@ -8693,8 +8788,7 @@ export const generatedPropertyValues = {
    "left",
    "right",
    "center",
-   "justify",
-   "match-parent"
+   "justify"
   ]
  },
  "text-anchor": {
@@ -8802,7 +8896,8 @@ export const generatedPropertyValues = {
   "values": [
    "sideways",
    "mixed",
-   "upright"
+   "upright",
+   "sideways-right"
   ]
  },
  "text-overflow": {
@@ -8844,8 +8939,6 @@ export const generatedPropertyValues = {
    "capitalize",
    "uppercase",
    "lowercase",
-   "full-width",
-   "full-size-kana",
    "math-auto"
   ]
  },
@@ -8879,8 +8972,7 @@ export const generatedPropertyValues = {
  },
  "timeline-scope": {
   "values": [
-   "none",
-   "all"
+   "none"
   ]
  },
  "timeline-trigger-active-range-end": {
@@ -8997,8 +9089,7 @@ export const generatedPropertyValues = {
    "auto",
    "none",
    "text",
-   "all",
-   "contain"
+   "all"
   ]
  },
  "vector-effect": {
@@ -9046,8 +9137,7 @@ export const generatedPropertyValues = {
  },
  "view-transition-name": {
   "values": [
-   "none",
-   "auto"
+   "none"
   ]
  },
  "view-transition-scope": {

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

@@ -2482,6 +2482,14 @@ export namespace ProtocolMapping {
       paramsType: [Protocol.DeviceOrientation.SetDeviceOrientationOverrideRequest];
       returnType: void;
     };
+    /**
+     * Sets the behavior of the virtual wallet for digital credential requests
+     * issued from this frame.
+     */
+    'DigitalCredentials.setVirtualWalletBehavior': {
+      paramsType: [Protocol.DigitalCredentials.SetVirtualWalletBehaviorRequest];
+      returnType: void;
+    };
     /**
      * Tells whether emulation is supported.
      */

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

@@ -54,6 +54,8 @@ declare namespace ProtocolProxyApi {
 
     DeviceOrientation: DeviceOrientationApi;
 
+    DigitalCredentials: DigitalCredentialsApi;
+
     Emulation: EmulationApi;
 
     EventBreakpoints: EventBreakpointsApi;
@@ -169,6 +171,8 @@ declare namespace ProtocolProxyApi {
 
     DeviceOrientation: DeviceOrientationDispatcher;
 
+    DigitalCredentials: DigitalCredentialsDispatcher;
+
     Emulation: EmulationDispatcher;
 
     EventBreakpoints: EventBreakpointsDispatcher;
@@ -1639,6 +1643,17 @@ declare namespace ProtocolProxyApi {
   export interface DeviceOrientationDispatcher {
   }
 
+  export interface DigitalCredentialsApi {
+    /**
+     * Sets the behavior of the virtual wallet for digital credential requests
+     * issued from this frame.
+     */
+    invoke_setVirtualWalletBehavior(params: Protocol.DigitalCredentials.SetVirtualWalletBehaviorRequest): Promise<Protocol.ProtocolResponseWithError>;
+
+  }
+  export interface DigitalCredentialsDispatcher {
+  }
+
   export interface EmulationApi {
     /**
      * Tells whether emulation is supported.

package/front_end/generated/protocol.ts

@@ -440,6 +440,29 @@ export namespace Accessibility {
  */
 export namespace Ads {
 
+  /**
+   * Ad frame data.
+   */
+  export interface AdFrameData {
+    /**
+     * The DevTools frame token.
+     */
+    frameId: Page.FrameId;
+    /**
+     * The initial origin of the frame. To minimize the payload size, this is
+     * only sent once per frame.
+     */
+    initialOrigin?: string;
+    /**
+     * The network bytes of the frame.
+     */
+    networkBytes: number;
+    /**
+     * The CPU time of the frame, in milliseconds.
+     */
+    cpuTime: number;
+  }
+
   /**
    * Ad metrics for a page.
    */
@@ -471,6 +494,14 @@ export namespace Ads {
      * The total ad network bytes.
      */
     totalAdNetworkBytes: number;
+    /**
+     * The list of ad frames that have been updated since the last event.
+     */
+    updateAdFrames: AdFrameData[];
+    /**
+     * The list of ad frame IDs that have been removed since the last event.
+     */
+    removeAdFrames: Page.FrameId[];
   }
 
   export interface GetAdMetricsResponse extends ProtocolResponseWithError {
@@ -1617,6 +1648,8 @@ export namespace Audits {
     FontSizeTooSmall = 'FontSizeTooSmall',
     FontSizeTooLarge = 'FontSizeTooLarge',
     InvalidSizeValue = 'InvalidSizeValue',
+    NonSecureContext = 'NonSecureContext',
+    MissingTransientUserActivation = 'MissingTransientUserActivation',
   }
 
   /**
@@ -4807,6 +4840,7 @@ export namespace DOM {
     SelectListbox = 'select-listbox',
     PermissionIcon = 'permission-icon',
     OverscrollAreaParent = 'overscroll-area-parent',
+    OverscrollBackdrop = 'overscroll-backdrop',
     Skeleton = 'skeleton',
   }
 
@@ -6976,6 +7010,39 @@ export namespace DeviceOrientation {
   }
 }
 
+/**
+ * This domain allows interacting with the Digital Credentials API for automation.
+ */
+export namespace DigitalCredentials {
+
+  /**
+   * The type of virtual wallet action.
+   */
+  export const enum VirtualWalletBehavior {
+    Respond = 'respond',
+    Decline = 'decline',
+    Wait = 'wait',
+    Clear = 'clear',
+  }
+
+  export interface SetVirtualWalletBehaviorRequest {
+    /**
+     * The behavior of the virtual wallet.
+     */
+    behavior: VirtualWalletBehavior;
+    /**
+     * The protocol identifier (e.g. "openid4vp"). Required when |behavior| is
+     * "respond", forbidden otherwise.
+     */
+    protocol?: string;
+    /**
+     * The response data object returned by the wallet.
+     * Required when |behavior| is "respond", forbidden otherwise.
+     */
+    response?: any;
+  }
+}
+
 /**
  * This domain emulates different environments for the page.
  */
@@ -11975,10 +12042,12 @@ export namespace Network {
 
   /**
    * A fetch result for a device bound session creation or refresh.
+   * LINT_SKIP.IfChange(DeviceBoundSessionFetchResult)
    */
   export const enum DeviceBoundSessionFetchResult {
     Success = 'Success',
-    KeyError = 'KeyError',
+    SigningKeyGenerationError = 'SigningKeyGenerationError',
+    AttestationKeyGenerationError = 'AttestationKeyGenerationError',
     SigningError = 'SigningError',
     TransientSigningError = 'TransientSigningError',
     ServerRequestedTermination = 'ServerRequestedTermination',
@@ -15790,6 +15859,15 @@ export namespace Page {
      * option, use with caution.
      */
     grantUniveralAccess?: boolean;
+    /**
+     * An optional content security policy to set for the isolated world.
+     * If omitted, any existing CSP for the world will be cleared.
+     * Note that clearing or updating the CSP does not immediately affect the active
+     * context in the same document because LocalDOMWindow caches the
+     * ContentSecurityPolicy object. The change takes effect on subsequent
+     * navigations when a new window context is created.
+     */
+    contentSecurityPolicy?: string;
   }
 
   export interface CreateIsolatedWorldResponse extends ProtocolResponseWithError {
@@ -19952,6 +20030,21 @@ export namespace Tracing {
      * Backend type (defaults to `auto`)
      */
     tracingBackend?: TracingBackend;
+    /**
+     * Maximum width and height (in pixels) of each captured screenshot.
+     * Only used when the `disabled-by-default-devtools.screenshot` category is
+     * enabled. Defaults to 500. The combined memory footprint of screenshots
+     * (`screenshotMaxSize` * `screenshotMaxSize` * 4 * `screenshotMaxCount`)
+     * is clamped to the existing per-session budget.
+     */
+    screenshotMaxSize?: integer;
+    /**
+     * Maximum number of screenshots captured during a single tracing session.
+     * Only used when the `disabled-by-default-devtools.screenshot` category is
+     * enabled. Defaults to 450. Clamped together with `screenshotMaxSize` to
+     * stay within the per-session screenshot memory budget.
+     */
+    screenshotMaxCount?: integer;
   }
 
   export interface BufferUsageEvent {

package/front_end/models/ai_assistance/AiConversation.ts

@@ -8,7 +8,6 @@ import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import type * as LHModel from '../../models/lighthouse/lighthouse.js';
 import type * as Trace from '../../models/trace/trace.js';
-import * as Greendev from '../greendev/greendev.js';
 import type * as NetworkTimeCalculator from '../network_time_calculator/network_time_calculator.js';
 
 import {AccessibilityAgent} from './agents/AccessibilityAgent.js';
@@ -27,7 +26,7 @@ import {
 import {ContextSelectionAgent} from './agents/ContextSelectionAgent.js';
 import {FileAgent} from './agents/FileAgent.js';
 import {NetworkAgent} from './agents/NetworkAgent.js';
-import {PerformanceAgent, PerformanceTraceContext} from './agents/PerformanceAgent.js';
+import {PerformanceAgent} from './agents/PerformanceAgent.js';
 import {StorageAgent, StorageContext} from './agents/StorageAgent.js';
 import {StylingAgent} from './agents/StylingAgent.js';
 import {AiAgent2} from './AiAgent2.js';
@@ -36,6 +35,7 @@ import type {ChangeManager} from './ChangeManager.js';
 import {AccessibilityContext} from './contexts/AccessibilityContext.js';
 import {DOMNodeContext} from './contexts/DOMNodeContext.js';
 import {FileContext} from './contexts/FileContext.js';
+import {PerformanceTraceContext} from './contexts/PerformanceTraceContext.js';
 import {RequestContext} from './contexts/RequestContext.js';
 
 export const NOT_FOUND_IMAGE_DATA = '';
@@ -204,11 +204,6 @@ export class AiConversation {
     return this.#contexts.at(0);
   }
 
-  getPendingMultimodalInput(): MultimodalInput|undefined {
-    const greenDevEmulationEnabled = Greendev.Prototypes.instance().isEnabled('emulationCapabilities');
-    return greenDevEmulationEnabled ? this.#agent.popPendingMultimodalInput() : undefined;
-  }
-
   #reconstructHistory(historyWithoutImages: ResponseData[]): ResponseData[] {
     const imageHistory = AiHistoryStorage.instance().getImageHistory();
     if (imageHistory && imageHistory.length > 0) {

package/front_end/models/ai_assistance/README.md

@@ -8,7 +8,7 @@ When the user interacts with AI via the AI Assistance Panel, they are having a _
 
 Each agent has a _context_ defined, which represents the selected data that forms the context of the conversation the user is having with that agent. For example:
 
-- The `PerformanceAgent` has an individual performance trace and a specific focus (an insight, or a call tree) as its context.
+- The `PerformanceAgent` uses `PerformanceTraceContext` wrapping an individual performance trace and a specific focus (an insight, or a call tree) as its context.
 - The `StylingAgent` has a DOM Node as its context.
 
 Contexts are defined as subclasses extending the `ConversationContext` abstract class, which defines the following key methods:
@@ -51,9 +51,9 @@ To support skills requiring execution of code or fetching page state (like compu
 
 ## Performance specific documentation
 
-### `TimelineUtils.AIContext.AgentFocus`
+### `PerformanceTraceContext`
 
-The context for `PerformanceAgent` is `AgentFocus`, which supports different behavior for different entry-points of the "Ask AI" feature for a trace. The two entry-points now are "insight" and "call-tree". The agent modifies its capabilities based on this focus.
+The context for `PerformanceAgent` is `PerformanceTraceContext`, which wraps `AgentFocus`. `AgentFocus` supports different behavior for different entry-points of the "Ask AI" feature for a trace (such as a specific performance insight, flame chart call tree, trace event, or the whole parsed trace). `PerformanceTraceContext` implements `ConversationContext<AgentFocus>` to fetch prompt details, user-facing accordion details, and context-specific AI suggestions.
 
 ### Adding "Ask AI" to a new Insight
 
@@ -116,4 +116,5 @@ To prevent prompt injection attacks and cross-origin data leaks, the AI Assistan
 *   **Origin Locking**: Once a conversation session begins, it locks to the origin of the initial data context (e.g. `https://google.com` or a specific file path).
 *   **Opaque Origins**: Any origin classified as opaque (e.g. `data:`, `about:`, `detached` nodes, unparsed `undefined://` or empty origins) is blocked from starting AI assistance (`isOpaqueOrigin()`).
 *   **File Isolation**: Local files (`file://`) do not share a single wildcard origin. Instead, the path is appended (e.g. `file:///path/to/file.js`) to treat each local file as its own unique origin. Swapping local files in the same conversation is blocked.
+*   **Trace Isolation**: Imported performance trace recordings are isolated using the virtual origin `imported-trace://${domain}`. This ensures that loaded local trace files do not share origins with live pages, preventing potential cross-origin prompt injection attacks when switching contexts.
 *   **Equivalence**: `areOriginsEquivalent()` ensures opaque origins are never equivalent to anything (including themselves), forcing a conversation reset on transitions.

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

@@ -17,6 +17,7 @@ import {isOpaqueOrigin} from '../AiOrigins.js';
 import {AccessibilityContext} from '../contexts/AccessibilityContext.js';
 import {DOMNodeContext} from '../contexts/DOMNodeContext.js';
 import {FileContext} from '../contexts/FileContext.js';
+import {PerformanceTraceContext} from '../contexts/PerformanceTraceContext.js';
 import {getRequestContextOrigin, RequestContext} from '../contexts/RequestContext.js';
 import {debugLog} from '../debug.js';
 import {StorageItem} from '../StorageItem.js';
@@ -28,7 +29,6 @@ import {
   type ContextResponse,
   type RequestOptions,
 } from './AiAgent.js';
-import {PerformanceTraceContext} from './PerformanceAgent.js';
 import {StorageContext} from './StorageAgent.js';
 
 const lockedString = i18n.i18n.lockedString;

package/front_end/models/ai_assistance/agents/NetworkAgent.snapshot.txt

@@ -59,7 +59,7 @@ Content:
   {
     "parts": [
       {
-        "text": "# Selected network request\nRequest: https://www.example.com\n\nRequest headers:\ncontent-type: bar1\n\nResponse headers:\ncontent-type: bar2\nx-forwarded-for: bar3\n\nResponse body:\n{\"request\":\"body\"}\n\nResponse status: 200\nNetwork request status: pending\n\nRequest timing:\nQueued at (timestamp): 0 s\nStarted at (timestamp): 501 s\nQueueing (duration): 501 s\nConnection start (stalled) (duration): 800 ms\nRequest sent (duration): 100 ms\nDuration (duration): 501 s\n\nRequest initiator chain:\n- URL: <redacted cross-origin initiator URL>\n\t- URL: https://www.example.com\n\t\t- URL: https://www.example.com/1\n\t\t- URL: https://www.example.com/2\n\n# User request\n\ntest"
+        "text": "# Selected network request\nRequest: https://www.example.com\nRequest headers:\ncontent-type: bar1\n\nResponse headers:\ncontent-type: bar2\nx-forwarded-for: bar3\n\nResponse body:\n{\"request\":\"body\"}\n\nResponse status: 200\nNetwork request status: pending\n\nRequest timing:\nQueued at (timestamp): 0 s\nStarted at (timestamp): 501 s\nQueueing (duration): 501 s\nConnection start (stalled) (duration): 800 ms\nRequest sent (duration): 100 ms\nDuration (duration): 501 s\n\nRequest initiator chain:\n- URL: <redacted cross-origin initiator URL>\n\t- URL: https://www.example.com\n\t\t- URL: https://www.example.com/1\n\t\t- URL: https://www.example.com/2\n\n# User request\n\ntest"
       }
     ],
     "role": 1