chrome-devtools-frontend 1.0.1602348 → 1.0.1603822

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

@@ -11,6 +11,7 @@ import {LighthouseFormatter} from '../data_formatters/LighthouseFormatter.js';
 import {debugLog} from '../debug.js';
 
 import {
+  type AgentOptions,
   AiAgent,
   type ContextDetail,
   type ContextResponse,
@@ -41,6 +42,7 @@ Your role is to help users understand and fix accessibility issues found in Ligh
 
 # Capabilities
 * \`getLighthouseAudits\`: Get detailed audit data.
+* \`runAccessibilityAudits\`: Trigger new accessibility snapshot audits.
 * \`getStyles\`: Get computed styles for an element by its path.
 * \`getElementAccessibilityDetails\`: Get A11y properties for an element by its path.
 
@@ -81,6 +83,13 @@ export class AccessibilityContext extends ConversationContext<LHModel.ReporterTy
 export class AccessibilityAgent extends AiAgent<LHModel.ReporterTypes.ReportJSON> {
   readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_ACCESSIBILITY_AGENT;
+  readonly #lighthouseRecording?:
+      (overrides?: LHModel.RunTypes.RunOverrides) => Promise<LHModel.ReporterTypes.ReportJSON|null>;
+
+  constructor(opts: AgentOptions) {
+    super(opts);
+    this.#lighthouseRecording = opts.lighthouseRecording;
+  }
 
   get userTier(): string|undefined {
     return Root.Runtime.hostConfig.devToolsFreestyler?.userTier;
@@ -127,6 +136,47 @@ export class AccessibilityAgent extends AiAgent<LHModel.ReporterTypes.ReportJSON
   }
 
   #declareFunctions(): void {
+    this.declareFunction<{explanation: string}, {audits: string}>('runAccessibilityAudits', {
+      description:
+          'Triggers new Lighthouse accessibility audits in snapshot mode. Use this if the user has made changes to the page and you want to re-evaluate the accessibility audits.',
+      parameters: {
+        type: Host.AidaClient.ParametersTypes.OBJECT,
+        description: '',
+        nullable: false,
+        properties: {
+          explanation: {
+            type: Host.AidaClient.ParametersTypes.STRING,
+            description: 'Explain why you want to run new audits.',
+            nullable: false,
+          },
+        },
+        required: ['explanation'],
+      },
+      displayInfoFromArgs: params => {
+        return {
+          title: i18n.i18n.lockedString('Running accessibility audits…'),
+          thought: params.explanation,
+          action: 'runAccessibilityAudits()'
+        };
+      },
+      handler: async params => {
+        debugLog('Function call: runAccessibilityAudits', params);
+        if (!this.#lighthouseRecording) {
+          return {error: 'Lighthouse recording is not available.'};
+        }
+        const report = await this.#lighthouseRecording({
+          mode: 'snapshot',
+          categoryIds: ['accessibility'],
+          isAIControlled: true,
+        });
+        if (!report) {
+          return {error: 'Failed to run accessibility audits.'};
+        }
+        const audits = new LighthouseFormatter().audits(report, 'accessibility');
+        return {result: {audits}};
+      }
+    });
+
     this.declareFunction<{categoryId: LHModel.RunTypes.CategoryId}, {audits: string}>('getLighthouseAudits', {
       description:
           'Returns the audits for a specific Lighthouse category. Use this to get more information about the performance, accessibility, best-practices, or seo audits.',

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

@@ -7,6 +7,7 @@ import * as Root from '../../../core/root/root.js';
 import type * as SDK from '../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../generated/protocol.js';
 import * as Greendev from '../../greendev/greendev.js';
+import type * as LHModel from '../../lighthouse/lighthouse.js';
 import type * as Trace from '../../trace/trace.js';
 import {debugLog, isStructuredLogEnabled} from '../debug.js';
 
@@ -151,6 +152,7 @@ export interface AgentOptions {
   onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>;
   history?: Host.AidaClient.Content[];
   allowedOrigin?: () => string | undefined;
+  lighthouseRecording?: (overrides?: LHModel.RunTypes.RunOverrides) => Promise<LHModel.ReporterTypes.ReportJSON|null>;
 }
 
 export interface ParsedAnswer {
@@ -277,9 +279,20 @@ export interface LcpBreakdownAiWidget {
   };
 }
 
+export interface TimelineRangeSummaryAiWidget {
+  name: 'TIMELINE_RANGE_SUMMARY';
+  data: {
+    bounds: Trace.Types.Timing.TraceWindowMicro,
+    parsedTrace: Trace.TraceModel.ParsedTrace,
+    // We can use this component for other tracks summaries later, so
+    // we include the track in the data.
+    track: 'main',
+  };
+}
+
 // This type will grow as we add more widgets.
 export type AiWidget = ComputedStyleAiWidget|CoreVitalsAiWidget|StylePropertiesAiWidget|DomTreeAiWidget|
-    PerformanceTraceAiWidget|LcpBreakdownAiWidget;
+    PerformanceTraceAiWidget|LcpBreakdownAiWidget|TimelineRangeSummaryAiWidget;
 
 export type FunctionCallHandlerResult<Result> = {
   requiresApproval: true,

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

@@ -82,14 +82,14 @@ export class ContextSelectionAgent extends AiAgent<never> {
   readonly #performanceRecordAndReload?: () => Promise<Trace.TraceModel.ParsedTrace>;
   readonly #onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>;
   readonly #networkTimeCalculator?: NetworkTimeCalculator.NetworkTransferTimeCalculator;
-  readonly #lighthouseRecording?: (() => Promise<LHModel.ReporterTypes.ReportJSON|null>);
+  readonly #lighthouseRecording?:
+      (overrides?: LHModel.RunTypes.RunOverrides) => Promise<LHModel.ReporterTypes.ReportJSON|null>;
   #allowedOrigin: () => string | undefined;
 
   constructor(opts: AgentOptions&{
     performanceRecordAndReload?: () => Promise<Trace.TraceModel.ParsedTrace>,
     onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>,
     networkTimeCalculator?: NetworkTimeCalculator.NetworkTransferTimeCalculator,
-    lighthouseRecording?: () => Promise<LHModel.ReporterTypes.ReportJSON|null>,
   }) {
     super(opts);
     this.#performanceRecordAndReload = opts.performanceRecordAndReload;
@@ -119,7 +119,16 @@ export class ContextSelectionAgent extends AiAgent<never> {
 
         let hasCrossOriginRequest = false;
         for (const request of Logs.NetworkLog.NetworkLog.instance().requests()) {
-          if (origin && request.securityOrigin() !== origin) {
+          const requestOrigin = new URL(request.documentURL).origin;
+          /**
+           * NOTE: this origin check does not ensure that all the requests are
+           * from the same origin as the target page. Instead, it ensures that
+           * the document that loaded the request is the same as the target
+           * page. This ensures that we limit the scope to all requests fetched
+           * during the loading of the target page, and do not leak URLs from
+           * other pages.
+           */
+          if (origin && requestOrigin !== origin) {
             hasCrossOriginRequest = true;
             continue;
           }
@@ -170,8 +179,14 @@ export class ContextSelectionAgent extends AiAgent<never> {
         };
       },
       handler: async ({id}) => {
+        const origin = this.#allowedOrigin();
         const request = Logs.NetworkLog.NetworkLog.instance().requests().find(req => {
-          return req.requestId() === id;
+          if (req.requestId() !== id) {
+            return false;
+          }
+
+          const requestOrigin = new URL(req.documentURL).origin;
+          return !origin || requestOrigin === origin;
         });
 
         if (request) {

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

@@ -95,8 +95,14 @@ export class RequestContext extends ConversationContext<SDK.NetworkRequest.Netwo
     this.#calculator = calculator;
   }
 
+  /**
+   * Note: this is not the literal origin of the network request. This origin
+   * is used to determine when we should force the user to start a new AI
+   * conversation when the context changes. We allow a single AI conversation to
+   * inspect all network requests that were made for that given target URL.
+   */
   override getOrigin(): string {
-    return new URL(this.#request.url()).origin;
+    return this.#request.documentURL;
   }
 
   override getItem(): SDK.NetworkRequest.NetworkRequest {

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

@@ -82,9 +82,9 @@ Your primary goal is to provide actionable advice to web developers about their
 
 You will be provided a summary of a trace: some performance metrics; the most critical network requests; a bottom-up call graph summary; and a brief overview of available insights. Each insight has information about potential performance issues with the page.
 
-Don't mention anything about an insight without first getting more data about it by calling \`getInsightDetails\`.
+Don't mention anything about an insight or the actual LCP element without first getting more data about it by calling \`getInsightDetails\`.
 
-You have many functions available to learn more about the trace. Use these to confirm hypotheses, or to further explore the trace when diagnosing performance issues.
+You have functions available to learn more about the trace. Use these to confirm hypotheses, or to further explore the trace when diagnosing performance issues.
 
 ${annotationsEnabled ? greenDevAdditionalAnnotationsFunction : ''}
 
@@ -106,14 +106,15 @@ Note: if the user asks a specific question about the trace (such as "What is my
 ### Step 1: Determine a performance problem to investigate
 
 - With help from the user, determine what performance problem to focus on.
-- If the user is not specific about what problem to investigate, help them by doing a high-level investigation yourself. Present to the user a few options with 1-sentence summaries. Mention what performance metrics each option impacts. Call as many functions and confirm the data thoroughly: never present an option without being certain it is a real performance issue. Don't suggest solutions yet.
+- If the user is not specific about what problem to investigate, help them by doing a investigation yourself. Present to the user options with 1-sentence summaries. Mention what performance metrics each option impacts. Call as many functions and confirm the data thoroughly: never present an option without being certain it is a real performance issue. Don't suggest solutions yet.
 - Rank the options from most impactful to least impactful, and present them to the user in that order.
-- Don't present more than 5 options.
+- Don't present more than 2 options.
 - Once a performance problem has been identified for investigation, move on to step 2.
 
 ### Step 2: Suggest solutions
 
-- Suggest possible solutions to remedy the identified performance problem. Be as specific as possible, using data from the trace via the provided functions to back up everything you say. You should prefer specific solutions, but absent any specific solution you may suggest general solutions (such as from an insight's documentation links).
+- Suggest solutions to remedy the identified performance problem. Be as specific as possible, using data from the trace via the provided functions to back up everything you say. You should prefer specific solutions, but absent any specific solution you may suggest general solutions (such as from an insight's documentation links).
+- If you are unsure, be honest and present information that can be helpful for further investigation.
 - A good first step to discover solutions is to consider the insights, but you should also validate all potential advice by analyzing the trace until you are confident about the root cause of a performance issue.
 
 ## Guidelines
@@ -145,6 +146,16 @@ Adhere to the following critical requirements:
 - Do not mention that you are an AI, or refer to yourself in the third person. You are simulating a performance expert.
 - If asked about sensitive topics (religion, race, politics, sexuality, gender, etc.), respond with: "My expertise is limited to website performance analysis. I cannot provide information on that topic.".
 - Do not provide answers on non-web-development topics, such as legal, financial, medical, or personal advice.
+- Use the precision of Strunk & White, the brevity of Hemingway, and the simple clarity of Vonnegut. Don't add repeated information, and keep the whole answer short.
+
+## Response Structure
+
+- If available, point out the root cause of the problem. It may be a bullet point list.
+  - Example: "**Root Cause**: The page is slow because of [reason]."
+- if applicable, list actionable solution suggestion(s) in order of impact:
+  - Example: "**Suggestions**:
+    - [Suggestion 1]
+    - [Suggestion 2]
 `;
 };
 
@@ -942,7 +953,17 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
 
         const key = `getMainThreadTrackSummary({min: ${bounds.min}, max: ${bounds.max}})`;
         this.#cacheFunctionResult(focus, key, summary);
-        return {result: {summary}};
+        return {
+          result: {summary},
+          widgets: [{
+            name: 'TIMELINE_RANGE_SUMMARY',
+            data: {
+              parsedTrace,
+              bounds,
+              track: 'main',
+            },
+          }],
+        };
       },
 
     });
@@ -999,7 +1020,9 @@ export class PerformanceAgent extends AiAgent<AgentFocus> {
 
         const key = `getNetworkTrackSummary({min: ${bounds.min}, max: ${bounds.max}})`;
         this.#cacheFunctionResult(focus, key, summary);
-        return {result: {summary}};
+        return {
+          result: {summary},
+        };
       },
 
     });

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

@@ -20,7 +20,6 @@ import {AI_ASSISTANCE_CSS_CLASS_NAME, FREESTYLER_WORLD_NAME} from '../injected.j
 import {
   type AgentOptions as BaseAgentOptions,
   AiAgent,
-  type AnswerResponse,
   type ComputedStyleAiWidget,
   type ContextResponse,
   ConversationContext,
@@ -1052,28 +1051,6 @@ const data = {
     this.#currentTurnId++;
   }
 
-  protected override async finalizeAnswer(answer: AnswerResponse): Promise<AnswerResponse> {
-    if (!Root.Runtime.hostConfig.devToolsAiAssistanceV2?.enabled) {
-      return answer;
-    }
-
-    const changedNodeIds = this.#changes.getChangedNodesForGroupId(this.sessionId, this.#currentTurnId);
-    if (changedNodeIds.length === 0) {
-      return answer;
-    }
-    answer.widgets = [
-      ...(answer.widgets ?? []),
-      ...changedNodeIds.map(id => ({
-                              name: 'STYLE_PROPERTIES' as const,
-                              data: {
-                                backendNodeId: id,
-                                selector: AI_ASSISTANCE_FILTER_REGEX,
-                              },
-                            })),
-    ];
-    return answer;
-  }
-
   override async enhanceQuery(
       query: string, selectedElement: ConversationContext<SDK.DOMModel.DOMNode>|null,
       multimodalInputType?: MultimodalInputType): Promise<string> {

package/front_end/models/ai_assistance/data_formatters/LighthouseFormatter.snapshot.txt

@@ -39,9 +39,18 @@ The following audits in this category have a score below 90 and may need attenti
 - **Table Audit**: 50
   * Audit with a table
 
-    | URL | Wasted Bytes | Node | Location |
-    | https://example.com/script.js | 1024 | div.main (path: 1,HTML,1,BODY,5,DIV) | https://example.com/script.js:10:5 |
-    | https://example.com/style.css | 512 | body > p (selector: body > p) (path: 1,HTML,1,BODY,10,P) | https://example.com/style.css |
+    - Item:
+      * **URL**: https://example.com/script.js
+      * **Wasted Bytes**: 1 kB
+      * **Node**: div.main
+      * **Node path**: 1,HTML,1,BODY,5,DIV
+      * **Location**: https://example.com/script.js:10:5
+    - Item:
+      * **URL**: https://example.com/style.css
+      * **Wasted Bytes**: 512 B
+      * **Node**: body > p
+      * **Node path**: 1,HTML,1,BODY,10,P
+      * **Location**: https://example.com/style.css
 === end content
 
 Title: LighthouseFormatter formats opportunity details
@@ -53,8 +62,9 @@ The following audits in this category have a score below 90 and may need attenti
   * Audit with an opportunity
 
     Potential savings: 500ms, Potential savings: 2048 bytes
-    | URL | Wasted Bytes |
-    | https://example.com/large-script.js | 2048 |
+    - Item:
+      * **URL**: https://example.com/large-script.js
+      * **Wasted Bytes**: 2 kB
 === end content
 
 Title: LighthouseFormatter formats table details with summary
@@ -67,8 +77,8 @@ The following audits in this category have a score below 90 and may need attenti
 
     Wasted time: 100ms
     Wasted bytes: 512
-    | Text |
-    | Some detail |
+    - Item:
+      * **Text**: Some detail
 === end content
 
 Title: LighthouseFormatter formats landmark-one-main audit with node explanation
@@ -79,6 +89,47 @@ The following audits in this category have a score below 90 and may need attenti
 - **Document does not have a main landmark.**: 0
   * One main landmark helps screen reader users navigate a web page. [Learn more about landmarks](https://dequeuniversity.com/rules/axe/4.11/landmark-one-main).
 
-    | Failing Elements |
-    | html (selector: html) (path: 1,HTML) (explanation: Fix all of the following:   Document does not have a main landmark) |
+    - Item:
+      * **Failing Elements**: html
+      * **Failing Elements path**: 1,HTML
+      * **Failing Elements explanation**: Fix all of the following:   Document does not have a main landmark
+=== end content
+
+Title: LighthouseFormatter formats table details with subItems
+Content:
+# Audits for Performance
+
+The following audits in this category have a score below 90 and may need attention:
+- **SubItems Audit**: 50
+  * Audit with subItems
+
+    - Item:
+      * **URL**: https://example.com/script.js
+        * Failed to load sourcemap
+        * Another error
+      * **Map URL**: https://example.com/script.js.map
+=== end content
+
+Title: LighthouseFormatter formats image-delivery-insight audit from realistic data
+Content:
+# Audits for Performance
+
+The following audits in this category have a score below 90 and may need attention:
+- **Improve image delivery**: 50 (Est savings of 35 KiB)
+  * Reducing the download time of images can improve the perceived load time of the page and LCP. [Learn more about optimizing image size](https://developer.chrome.com/docs/performance/insights/image-delivery)
+
+    - Item:
+      * **node**: div.devsite-landing-row-item-media > figure.devsite-landing-row-item-image > picture > img
+      * **node path**: 1,HTML,1,BODY,2,SECTION,6,SECTION,0,MAIN,1,DEVSITE-CONTENT,0,ARTICLE,4,DIV,0,SECTION,0,DIV,0,DIV,0,DIV,0,DIV,0,FIGURE,0,PICTURE,0,IMG
+      * **URL**: https://web.dev/static/images/home-blue_856.png
+        * This image file is larger than it needs to be (856x505) for its displayed dimensions (568x335). Use responsive images to reduce the image download size.
+      * **Resource Size**: 33.3 kB
+      * **Est Savings**: 18.6 kB
+    - Item:
+      * **node**: figure.devsite-landing-row-item-image > a > picture > img
+      * **node path**: 1,HTML,1,BODY,2,SECTION,6,SECTION,0,MAIN,1,DEVSITE-CONTENT,0,ARTICLE,4,DIV,1,SECTION,0,DIV,0,DIV,3,DIV,0,DIV,0,FIGURE,0,A,0,PICTURE,0,IMG
+      * **URL**: https://web.dev/static/identity/image/hero-identity_480.png
+        * This image file is larger than it needs to be (1296x881) for its displayed dimensions (632x430). Use responsive images to reduce the image download size.
+      * **Resource Size**: 22.2 kB
+      * **Est Savings**: 16.9 kB
 === end content

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

@@ -4,6 +4,8 @@
 
 import type * as LHModel from '../../lighthouse/lighthouse.js';
 
+import {bytes, millis} from './UnitFormatters.js';
+
 /**
  * A formatter that takes a raw Lighthouse report JSON and creates a markdown
  * summary for an AI Agent.
@@ -120,37 +122,74 @@ export class LighthouseFormatter {
     }
   }
 
-  #formatTable(headings: LHModel.ReporterTypes.TableHeadingJSON[], items: Array<Record<string, unknown>>): string {
+  #formatTable(headings: LHModel.ReporterTypes.TableHeadingJSON[], items: LHModel.ReporterTypes.TableItem[]): string {
     const lines: string[] = [];
-    lines.push(`| ${headings.map(h => h.label).join(' | ')} |`);
+
     for (const item of items) {
-      const row = headings.map(h => this.#formatTableValue(item[h.key] as LHModel.ReporterTypes.TableItemValue));
-      lines.push(`| ${row.join(' | ')} |`);
+      const itemLines: string[] = [];
+      for (const heading of headings) {
+        const value = item[heading.key] as LHModel.ReporterTypes.TableItemValue;
+        const formattedValues = this.#formatTableValues(value, heading.valueType);
+        for (const {labelSuffix, value: v} of formattedValues) {
+          const baseLabel = heading.label || heading.key;
+          const label = labelSuffix ? `${baseLabel} ${labelSuffix}` : baseLabel;
+          itemLines.push(`  * **${label}**: ${v}`);
+        }
+        const subItems = item.subItems;
+        // subItems can technically be a string (TableItemValue), but we
+        // only care about it here if it's a SubItemsJSON (type:
+        // 'subitems'), which represents a nested table of values.
+        if (subItems && typeof subItems === 'object' && 'type' in subItems && subItems.type === 'subitems' &&
+            heading.subItemsHeading) {
+          for (const subItem of subItems.items) {
+            const subValue = subItem[heading.subItemsHeading.key] as LHModel.ReporterTypes.TableItemValue;
+            // Skip sub-item values that are identical to the main item's value
+            // for the same heading to avoid redundant output (e.g. if both
+            // show the same "Est Savings" value).
+            if (subValue === value) {
+              continue;
+            }
+            const formattedSubValues = this.#formatTableValues(subValue, heading.subItemsHeading.valueType);
+            for (const {value: v} of formattedSubValues) {
+              itemLines.push(`    * ${v}`);
+            }
+          }
+        }
+      }
+      if (itemLines.length > 0) {
+        lines.push(`- Item:`);
+        lines.push(...itemLines);
+      }
     }
     return lines.join('\n');
   }
 
-  #formatTableValue(value: LHModel.ReporterTypes.TableItemValue|undefined): string {
+  #formatTableValues(value: LHModel.ReporterTypes.TableItemValue|undefined, valueType?: string): Array<{
+    value: string,
+    labelSuffix?: string,
+  }> {
     if (value === undefined || value === null) {
-      return '';
+      return [];
     }
     if (typeof value === 'string' || typeof value === 'number') {
-      return String(value);
+      return [{value: this.#formatValue(value, valueType)}];
     }
     if (typeof value === 'object' && 'type' in value) {
       switch (value.type) {
         case 'node': {
-          let label = value.nodeLabel || value.selector || value.snippet || '(node)';
-          if (value.selector) {
-            label += ` (selector: ${value.selector})`;
+          const results = [];
+          const label = value.nodeLabel || value.selector || value.snippet || '(node)';
+          results.push({value: label});
+          if (value.selector && value.selector !== label) {
+            results.push({labelSuffix: 'selector', value: value.selector});
           }
           if (value.path) {
-            label += ` (path: ${value.path})`;
+            results.push({labelSuffix: 'path', value: value.path});
           }
           if (value.explanation) {
-            label += ` (explanation: ${value.explanation.replace(/\n/g, ' ')})`;
+            results.push({labelSuffix: 'explanation', value: value.explanation.replace(/\n/g, ' ')});
           }
-          return label;
+          return results;
         }
         case 'source-location': {
           const parts = [];
@@ -163,10 +202,27 @@ export class LighthouseFormatter {
           if (value.column) {
             parts.push(String(value.column));
           }
-          return parts.join(':');
+          return [{value: parts.join(':')}];
         }
       }
     }
-    return '';
+    return [];
+  }
+
+  #formatValue(value: string|number, valueType?: string): string {
+    if (typeof value === 'string') {
+      return value;
+    }
+    switch (valueType) {
+      case 'bytes': {
+        return bytes(value);
+      }
+      case 'timespanMs':
+      case 'ms': {
+        return millis(value);
+      }
+      default:
+        return String(value);
+    }
   }
 }

package/front_end/models/heap_snapshot_model/HeapSnapshotModel.ts

@@ -108,13 +108,13 @@ export class Edge {
   }
 }
 
-export class Aggregate {
-  count!: number;
-  distance!: number;
-  self!: number;
-  maxRet!: number;
-  name!: string;
-  idxs!: number[];
+export interface AggregatedInfo {
+  count: number;
+  distance: number;
+  self: number;
+  maxRet: number;
+  name: string;
+  idxs: number[];
 }
 
 export class AggregateForDiff {

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -1003,7 +1003,7 @@ export const NativeFunctions = [
   {
     name: "addEventListener",
     signatures: [["type","listener","?options"]],
-    receivers: ["AbortSignal","SharedWorker","Worker","ServiceWorker","Animation","AudioBufferSourceNode","AudioContext","AudioDecoder","AudioEncoder","AudioScheduledSourceNode","AudioWorkletNode","BaseAudioContext","BroadcastChannel","CSSAnimation","CSSTransition","CanvasCaptureMediaStreamTrack","ConstantSourceNode","CookieStore","Document","Element","EventSource","FileReader","FontFaceSet","Window","HTMLElement","MathMLElement","SVGElement","HTMLAnchorElement","HTMLAreaElement","HTMLAudioElement","HTMLBRElement","HTMLBaseElement","HTMLBodyElement","HTMLButtonElement","HTMLCanvasElement","HTMLDListElement","HTMLDataElement","HTMLDataListElement","HTMLDetailsElement","HTMLDialogElement","HTMLDirectoryElement","HTMLDivElement","HTMLDocument","HTMLEmbedElement","HTMLFieldSetElement","HTMLFontElement","HTMLFormElement","HTMLFrameElement","HTMLFrameSetElement","HTMLHRElement","HTMLHeadElement","HTMLHeadingElement","HTMLHtmlElement","HTMLIFrameElement","HTMLImageElement","HTMLInputElement","HTMLLIElement","HTMLLabelElement","HTMLLegendElement","HTMLLinkElement","HTMLMapElement","HTMLMarqueeElement","HTMLMediaElement","HTMLMenuElement","HTMLMetaElement","HTMLMeterElement","HTMLModElement","HTMLOListElement","HTMLObjectElement","HTMLOptGroupElement","HTMLOptionElement","HTMLOutputElement","HTMLParagraphElement","HTMLParamElement","HTMLPictureElement","HTMLPreElement","HTMLProgressElement","HTMLQuoteElement","HTMLScriptElement","HTMLSelectElement","HTMLSlotElement","HTMLSourceElement","HTMLSpanElement","HTMLStyleElement","HTMLTableCaptionElement","HTMLTableCellElement","HTMLTableColElement","HTMLTableDataCellElement","HTMLTableElement","HTMLTableHeaderCellElement","HTMLTableRowElement","HTMLTableSectionElement","HTMLTemplateElement","HTMLTextAreaElement","HTMLTimeElement","HTMLTitleElement","HTMLTrackElement","HTMLUListElement","HTMLUnknownElement","HTMLVideoElement","IDBDatabase","IDBOpenDBRequest","IDBRequest","IDBTransaction","MIDIAccess","MIDIInput","MIDIOutput","MIDIPort","MediaDevices","MediaKeySession","MediaQueryList","MediaRecorder","MediaSource","MediaStream","MediaStreamTrack","MessageEventTarget","MessagePort","NavigationHistoryEntry","Notification","OfflineAudioContext","OffscreenCanvas","OscillatorNode","PaymentRequest","PaymentResponse","Performance","PermissionStatus","PictureInPictureWindow","RTCDTMFSender","RTCDataChannel","RTCDtlsTransport","RTCIceTransport","RTCPeerConnection","RTCSctpTransport","RemotePlayback","SVGAElement","SVGAnimateElement","SVGAnimateMotionElement","SVGAnimateTransformElement","SVGAnimationElement","SVGCircleElement","SVGClipPathElement","SVGComponentTransferFunctionElement","SVGDefsElement","SVGDescElement","SVGEllipseElement","SVGFEBlendElement","SVGFEColorMatrixElement","SVGFEComponentTransferElement","SVGFECompositeElement","SVGFEConvolveMatrixElement","SVGFEDiffuseLightingElement","SVGFEDisplacementMapElement","SVGFEDistantLightElement","SVGFEDropShadowElement","SVGFEFloodElement","SVGFEFuncAElement","SVGFEFuncBElement","SVGFEFuncGElement","SVGFEFuncRElement","SVGFEGaussianBlurElement","SVGFEImageElement","SVGFEMergeElement","SVGFEMergeNodeElement","SVGFEMorphologyElement","SVGFEOffsetElement","SVGFEPointLightElement","SVGFESpecularLightingElement","SVGFESpotLightElement","SVGFETileElement","SVGFETurbulenceElement","SVGFilterElement","SVGForeignObjectElement","SVGGElement","SVGGeometryElement","SVGGradientElement","SVGGraphicsElement","SVGImageElement","SVGLineElement","SVGLinearGradientElement","SVGMPathElement","SVGMarkerElement","SVGMaskElement","SVGMetadataElement","SVGPathElement","SVGPatternElement","SVGPolygonElement","SVGPolylineElement","SVGRadialGradientElement","SVGRectElement","SVGSVGElement","SVGScriptElement","SVGSetElement","SVGStopElement","SVGStyleElement","SVGSwitchElement","SVGSymbolElement","SVGTSpanElement","SVGTextContentElement","SVGTextElement","SVGTextPathElement","SVGTextPositioningElement","SVGTitleElement","SVGUseElement","SVGViewElement","ScreenOrientation","ScriptProcessorNode","ServiceWorkerContainer","ServiceWorkerRegistration","ShadowRoot","SourceBuffer","SourceBufferList","SpeechSynthesis","SpeechSynthesisUtterance","TextTrack","TextTrackCue","TextTrackList","VTTCue","VideoDecoder","VideoEncoder","VisualViewport","WakeLockSentinel","WebSocket","XMLDocument","XMLHttpRequest","XMLHttpRequestEventTarget","XMLHttpRequestUpload","DedicatedWorkerGlobalScope","ServiceWorkerGlobalScope","SharedWorkerGlobalScope","WorkerGlobalScope","Highlight"]
+    receivers: ["AbortSignal","SharedWorker","Worker","ServiceWorker","Animation","AudioBufferSourceNode","AudioContext","AudioDecoder","AudioEncoder","AudioScheduledSourceNode","AudioWorkletNode","BaseAudioContext","BroadcastChannel","CSSAnimation","CSSTransition","CanvasCaptureMediaStreamTrack","ConstantSourceNode","CookieStore","Document","Element","EventSource","FileReader","FontFaceSet","Window","HTMLElement","MathMLElement","SVGElement","HTMLAnchorElement","HTMLAreaElement","HTMLAudioElement","HTMLBRElement","HTMLBaseElement","HTMLBodyElement","HTMLButtonElement","HTMLCanvasElement","HTMLDListElement","HTMLDataElement","HTMLDataListElement","HTMLDetailsElement","HTMLDialogElement","HTMLDirectoryElement","HTMLDivElement","HTMLDocument","HTMLEmbedElement","HTMLFieldSetElement","HTMLFontElement","HTMLFormElement","HTMLFrameElement","HTMLFrameSetElement","HTMLHRElement","HTMLHeadElement","HTMLHeadingElement","HTMLHtmlElement","HTMLIFrameElement","HTMLImageElement","HTMLInputElement","HTMLLIElement","HTMLLabelElement","HTMLLegendElement","HTMLLinkElement","HTMLMapElement","HTMLMarqueeElement","HTMLMediaElement","HTMLMenuElement","HTMLMetaElement","HTMLMeterElement","HTMLModElement","HTMLOListElement","HTMLObjectElement","HTMLOptGroupElement","HTMLOptionElement","HTMLOutputElement","HTMLParagraphElement","HTMLParamElement","HTMLPictureElement","HTMLPreElement","HTMLProgressElement","HTMLQuoteElement","HTMLScriptElement","HTMLSelectElement","HTMLSlotElement","HTMLSourceElement","HTMLSpanElement","HTMLStyleElement","HTMLTableCaptionElement","HTMLTableCellElement","HTMLTableColElement","HTMLTableDataCellElement","HTMLTableElement","HTMLTableHeaderCellElement","HTMLTableRowElement","HTMLTableSectionElement","HTMLTemplateElement","HTMLTextAreaElement","HTMLTimeElement","HTMLTitleElement","HTMLTrackElement","HTMLUListElement","HTMLUnknownElement","HTMLVideoElement","IDBDatabase","IDBOpenDBRequest","IDBRequest","IDBTransaction","MIDIAccess","MIDIInput","MIDIOutput","MIDIPort","MediaDevices","MediaKeySession","MediaQueryList","MediaRecorder","MediaSource","MediaStream","MediaStreamTrack","MessageEventTarget","MessagePort","NavigationHistoryEntry","Notification","OfflineAudioContext","OffscreenCanvas","OscillatorNode","PaymentRequest","PaymentResponse","Performance","PermissionStatus","PictureInPictureWindow","RTCDTMFSender","RTCDataChannel","RTCDtlsTransport","RTCIceTransport","RTCPeerConnection","RTCSctpTransport","RemotePlayback","SVGAElement","SVGAnimateElement","SVGAnimateMotionElement","SVGAnimateTransformElement","SVGAnimationElement","SVGCircleElement","SVGClipPathElement","SVGComponentTransferFunctionElement","SVGDefsElement","SVGDescElement","SVGEllipseElement","SVGFEBlendElement","SVGFEColorMatrixElement","SVGFEComponentTransferElement","SVGFECompositeElement","SVGFEConvolveMatrixElement","SVGFEDiffuseLightingElement","SVGFEDisplacementMapElement","SVGFEDistantLightElement","SVGFEDropShadowElement","SVGFEFloodElement","SVGFEFuncAElement","SVGFEFuncBElement","SVGFEFuncGElement","SVGFEFuncRElement","SVGFEGaussianBlurElement","SVGFEImageElement","SVGFEMergeElement","SVGFEMergeNodeElement","SVGFEMorphologyElement","SVGFEOffsetElement","SVGFEPointLightElement","SVGFESpecularLightingElement","SVGFESpotLightElement","SVGFETileElement","SVGFETurbulenceElement","SVGFilterElement","SVGForeignObjectElement","SVGGElement","SVGGeometryElement","SVGGradientElement","SVGGraphicsElement","SVGImageElement","SVGLineElement","SVGLinearGradientElement","SVGMPathElement","SVGMarkerElement","SVGMaskElement","SVGMetadataElement","SVGPathElement","SVGPatternElement","SVGPolygonElement","SVGPolylineElement","SVGRadialGradientElement","SVGRectElement","SVGSVGElement","SVGScriptElement","SVGSetElement","SVGStopElement","SVGStyleElement","SVGSwitchElement","SVGSymbolElement","SVGTSpanElement","SVGTextContentElement","SVGTextElement","SVGTextPathElement","SVGTextPositioningElement","SVGTitleElement","SVGUseElement","SVGViewElement","ScreenOrientation","ScriptProcessorNode","ServiceWorkerContainer","ServiceWorkerRegistration","ShadowRoot","SourceBuffer","SourceBufferList","SpeechSynthesis","SpeechSynthesisUtterance","TextTrack","TextTrackCue","TextTrackList","VTTCue","VideoDecoder","VideoEncoder","VisualViewport","WakeLockSentinel","WebSocket","XMLDocument","XMLHttpRequest","XMLHttpRequestEventTarget","XMLHttpRequestUpload","DedicatedWorkerGlobalScope","ServiceWorkerGlobalScope","SharedWorkerGlobalScope","WorkerGlobalScope"]
   },
   {
     name: "addEventListener",
@@ -1013,7 +1013,7 @@ export const NativeFunctions = [
   {
     name: "removeEventListener",
     signatures: [["type","listener","?options"]],
-    receivers: ["AbortSignal","SharedWorker","Worker","ServiceWorker","Animation","AudioBufferSourceNode","AudioContext","AudioDecoder","AudioEncoder","AudioScheduledSourceNode","AudioWorkletNode","BaseAudioContext","BroadcastChannel","CSSAnimation","CSSTransition","CanvasCaptureMediaStreamTrack","ConstantSourceNode","CookieStore","Document","Element","EventSource","FileReader","FontFaceSet","Window","HTMLElement","MathMLElement","SVGElement","HTMLAnchorElement","HTMLAreaElement","HTMLAudioElement","HTMLBRElement","HTMLBaseElement","HTMLBodyElement","HTMLButtonElement","HTMLCanvasElement","HTMLDListElement","HTMLDataElement","HTMLDataListElement","HTMLDetailsElement","HTMLDialogElement","HTMLDirectoryElement","HTMLDivElement","HTMLDocument","HTMLEmbedElement","HTMLFieldSetElement","HTMLFontElement","HTMLFormElement","HTMLFrameElement","HTMLFrameSetElement","HTMLHRElement","HTMLHeadElement","HTMLHeadingElement","HTMLHtmlElement","HTMLIFrameElement","HTMLImageElement","HTMLInputElement","HTMLLIElement","HTMLLabelElement","HTMLLegendElement","HTMLLinkElement","HTMLMapElement","HTMLMarqueeElement","HTMLMediaElement","HTMLMenuElement","HTMLMetaElement","HTMLMeterElement","HTMLModElement","HTMLOListElement","HTMLObjectElement","HTMLOptGroupElement","HTMLOptionElement","HTMLOutputElement","HTMLParagraphElement","HTMLParamElement","HTMLPictureElement","HTMLPreElement","HTMLProgressElement","HTMLQuoteElement","HTMLScriptElement","HTMLSelectElement","HTMLSlotElement","HTMLSourceElement","HTMLSpanElement","HTMLStyleElement","HTMLTableCaptionElement","HTMLTableCellElement","HTMLTableColElement","HTMLTableDataCellElement","HTMLTableElement","HTMLTableHeaderCellElement","HTMLTableRowElement","HTMLTableSectionElement","HTMLTemplateElement","HTMLTextAreaElement","HTMLTimeElement","HTMLTitleElement","HTMLTrackElement","HTMLUListElement","HTMLUnknownElement","HTMLVideoElement","IDBDatabase","IDBOpenDBRequest","IDBRequest","IDBTransaction","MIDIAccess","MIDIInput","MIDIOutput","MIDIPort","MediaDevices","MediaKeySession","MediaQueryList","MediaRecorder","MediaSource","MediaStream","MediaStreamTrack","MessageEventTarget","MessagePort","NavigationHistoryEntry","Notification","OfflineAudioContext","OffscreenCanvas","OscillatorNode","PaymentRequest","PaymentResponse","Performance","PermissionStatus","PictureInPictureWindow","RTCDTMFSender","RTCDataChannel","RTCDtlsTransport","RTCIceTransport","RTCPeerConnection","RTCSctpTransport","RemotePlayback","SVGAElement","SVGAnimateElement","SVGAnimateMotionElement","SVGAnimateTransformElement","SVGAnimationElement","SVGCircleElement","SVGClipPathElement","SVGComponentTransferFunctionElement","SVGDefsElement","SVGDescElement","SVGEllipseElement","SVGFEBlendElement","SVGFEColorMatrixElement","SVGFEComponentTransferElement","SVGFECompositeElement","SVGFEConvolveMatrixElement","SVGFEDiffuseLightingElement","SVGFEDisplacementMapElement","SVGFEDistantLightElement","SVGFEDropShadowElement","SVGFEFloodElement","SVGFEFuncAElement","SVGFEFuncBElement","SVGFEFuncGElement","SVGFEFuncRElement","SVGFEGaussianBlurElement","SVGFEImageElement","SVGFEMergeElement","SVGFEMergeNodeElement","SVGFEMorphologyElement","SVGFEOffsetElement","SVGFEPointLightElement","SVGFESpecularLightingElement","SVGFESpotLightElement","SVGFETileElement","SVGFETurbulenceElement","SVGFilterElement","SVGForeignObjectElement","SVGGElement","SVGGeometryElement","SVGGradientElement","SVGGraphicsElement","SVGImageElement","SVGLineElement","SVGLinearGradientElement","SVGMPathElement","SVGMarkerElement","SVGMaskElement","SVGMetadataElement","SVGPathElement","SVGPatternElement","SVGPolygonElement","SVGPolylineElement","SVGRadialGradientElement","SVGRectElement","SVGSVGElement","SVGScriptElement","SVGSetElement","SVGStopElement","SVGStyleElement","SVGSwitchElement","SVGSymbolElement","SVGTSpanElement","SVGTextContentElement","SVGTextElement","SVGTextPathElement","SVGTextPositioningElement","SVGTitleElement","SVGUseElement","SVGViewElement","ScreenOrientation","ScriptProcessorNode","ServiceWorkerContainer","ServiceWorkerRegistration","ShadowRoot","SourceBuffer","SourceBufferList","SpeechSynthesis","SpeechSynthesisUtterance","TextTrack","TextTrackCue","TextTrackList","VTTCue","VideoDecoder","VideoEncoder","VisualViewport","WakeLockSentinel","WebSocket","XMLDocument","XMLHttpRequest","XMLHttpRequestEventTarget","XMLHttpRequestUpload","DedicatedWorkerGlobalScope","ServiceWorkerGlobalScope","SharedWorkerGlobalScope","WorkerGlobalScope","Highlight"]
+    receivers: ["AbortSignal","SharedWorker","Worker","ServiceWorker","Animation","AudioBufferSourceNode","AudioContext","AudioDecoder","AudioEncoder","AudioScheduledSourceNode","AudioWorkletNode","BaseAudioContext","BroadcastChannel","CSSAnimation","CSSTransition","CanvasCaptureMediaStreamTrack","ConstantSourceNode","CookieStore","Document","Element","EventSource","FileReader","FontFaceSet","Window","HTMLElement","MathMLElement","SVGElement","HTMLAnchorElement","HTMLAreaElement","HTMLAudioElement","HTMLBRElement","HTMLBaseElement","HTMLBodyElement","HTMLButtonElement","HTMLCanvasElement","HTMLDListElement","HTMLDataElement","HTMLDataListElement","HTMLDetailsElement","HTMLDialogElement","HTMLDirectoryElement","HTMLDivElement","HTMLDocument","HTMLEmbedElement","HTMLFieldSetElement","HTMLFontElement","HTMLFormElement","HTMLFrameElement","HTMLFrameSetElement","HTMLHRElement","HTMLHeadElement","HTMLHeadingElement","HTMLHtmlElement","HTMLIFrameElement","HTMLImageElement","HTMLInputElement","HTMLLIElement","HTMLLabelElement","HTMLLegendElement","HTMLLinkElement","HTMLMapElement","HTMLMarqueeElement","HTMLMediaElement","HTMLMenuElement","HTMLMetaElement","HTMLMeterElement","HTMLModElement","HTMLOListElement","HTMLObjectElement","HTMLOptGroupElement","HTMLOptionElement","HTMLOutputElement","HTMLParagraphElement","HTMLParamElement","HTMLPictureElement","HTMLPreElement","HTMLProgressElement","HTMLQuoteElement","HTMLScriptElement","HTMLSelectElement","HTMLSlotElement","HTMLSourceElement","HTMLSpanElement","HTMLStyleElement","HTMLTableCaptionElement","HTMLTableCellElement","HTMLTableColElement","HTMLTableDataCellElement","HTMLTableElement","HTMLTableHeaderCellElement","HTMLTableRowElement","HTMLTableSectionElement","HTMLTemplateElement","HTMLTextAreaElement","HTMLTimeElement","HTMLTitleElement","HTMLTrackElement","HTMLUListElement","HTMLUnknownElement","HTMLVideoElement","IDBDatabase","IDBOpenDBRequest","IDBRequest","IDBTransaction","MIDIAccess","MIDIInput","MIDIOutput","MIDIPort","MediaDevices","MediaKeySession","MediaQueryList","MediaRecorder","MediaSource","MediaStream","MediaStreamTrack","MessageEventTarget","MessagePort","NavigationHistoryEntry","Notification","OfflineAudioContext","OffscreenCanvas","OscillatorNode","PaymentRequest","PaymentResponse","Performance","PermissionStatus","PictureInPictureWindow","RTCDTMFSender","RTCDataChannel","RTCDtlsTransport","RTCIceTransport","RTCPeerConnection","RTCSctpTransport","RemotePlayback","SVGAElement","SVGAnimateElement","SVGAnimateMotionElement","SVGAnimateTransformElement","SVGAnimationElement","SVGCircleElement","SVGClipPathElement","SVGComponentTransferFunctionElement","SVGDefsElement","SVGDescElement","SVGEllipseElement","SVGFEBlendElement","SVGFEColorMatrixElement","SVGFEComponentTransferElement","SVGFECompositeElement","SVGFEConvolveMatrixElement","SVGFEDiffuseLightingElement","SVGFEDisplacementMapElement","SVGFEDistantLightElement","SVGFEDropShadowElement","SVGFEFloodElement","SVGFEFuncAElement","SVGFEFuncBElement","SVGFEFuncGElement","SVGFEFuncRElement","SVGFEGaussianBlurElement","SVGFEImageElement","SVGFEMergeElement","SVGFEMergeNodeElement","SVGFEMorphologyElement","SVGFEOffsetElement","SVGFEPointLightElement","SVGFESpecularLightingElement","SVGFESpotLightElement","SVGFETileElement","SVGFETurbulenceElement","SVGFilterElement","SVGForeignObjectElement","SVGGElement","SVGGeometryElement","SVGGradientElement","SVGGraphicsElement","SVGImageElement","SVGLineElement","SVGLinearGradientElement","SVGMPathElement","SVGMarkerElement","SVGMaskElement","SVGMetadataElement","SVGPathElement","SVGPatternElement","SVGPolygonElement","SVGPolylineElement","SVGRadialGradientElement","SVGRectElement","SVGSVGElement","SVGScriptElement","SVGSetElement","SVGStopElement","SVGStyleElement","SVGSwitchElement","SVGSymbolElement","SVGTSpanElement","SVGTextContentElement","SVGTextElement","SVGTextPathElement","SVGTextPositioningElement","SVGTitleElement","SVGUseElement","SVGViewElement","ScreenOrientation","ScriptProcessorNode","ServiceWorkerContainer","ServiceWorkerRegistration","ShadowRoot","SourceBuffer","SourceBufferList","SpeechSynthesis","SpeechSynthesisUtterance","TextTrack","TextTrackCue","TextTrackList","VTTCue","VideoDecoder","VideoEncoder","VisualViewport","WakeLockSentinel","WebSocket","XMLDocument","XMLHttpRequest","XMLHttpRequestEventTarget","XMLHttpRequestUpload","DedicatedWorkerGlobalScope","ServiceWorkerGlobalScope","SharedWorkerGlobalScope","WorkerGlobalScope"]
   },
   {
     name: "removeEventListener",
@@ -2895,6 +2895,10 @@ export const NativeFunctions = [
     signatures: [["?detailsPromise"]],
     receivers: ["PaymentRequest"]
   },
+  {
+    name: "attachInternals",
+    signatures: [["?options"]]
+  },
   {
     name: "showPopover",
     signatures: [["?options"]]