chrome-devtools-frontend 1.0.1555174 → 1.0.1556696

package/front_end/core/protocol_client/InspectorBackend.ts

@@ -40,7 +40,7 @@ export interface Message {
   params?: MessageParams|null;
 }
 
-interface EventMessage extends Message {
+export interface EventMessage extends Message {
   method: QualifiedName;
   params?: MessageParams|null;
 }

package/front_end/core/root/Runtime.ts

@@ -389,7 +389,6 @@ export interface HostConfigFreestyler {
   multimodal?: boolean;
   multimodalUploadInput?: boolean;
   functionCalling?: boolean;
-  featureName?: string;
 }
 
 export interface HostConfigAiAssistanceNetworkAgent {
@@ -397,7 +396,6 @@ export interface HostConfigAiAssistanceNetworkAgent {
   temperature: number;
   enabled: boolean;
   userTier: string;
-  featureName?: string;
 }
 
 export interface HostConfigAiAssistancePerformanceAgent {
@@ -405,7 +403,6 @@ export interface HostConfigAiAssistancePerformanceAgent {
   temperature: number;
   enabled: boolean;
   userTier: string;
-  featureName?: string;
 }
 
 export interface HostConfigAiAssistanceFileAgent {
@@ -413,7 +410,6 @@ export interface HostConfigAiAssistanceFileAgent {
   temperature: number;
   enabled: boolean;
   userTier: string;
-  featureName?: string;
 }
 
 export interface HostConfigAiCodeCompletion {

package/front_end/core/sdk/DOMModel.ts

@@ -108,7 +108,15 @@ export const ARIA_ATTRIBUTES = new Set<string>([
   'aria-valuetext',
 ]);
 
-export class DOMNode {
+export enum DOMNodeEvents {
+  TOP_LAYER_INDEX_CHANGED = 'TopLayerIndexChanged',
+}
+
+export interface DOMNodeEventTypes {
+  [DOMNodeEvents.TOP_LAYER_INDEX_CHANGED]: void;
+}
+
+export class DOMNode extends Common.ObjectWrapper.ObjectWrapper<DOMNodeEventTypes> {
   #domModel: DOMModel;
   #agent: ProtocolProxyApi.DOMApi;
   ownerDocument!: DOMDocument|null;
@@ -162,8 +170,14 @@ export class DOMNode {
   detached = false;
   #retainedNodes?: Set<Protocol.DOM.BackendNodeId>;
   #adoptedStyleSheets: AdoptedStyleSheet[] = [];
+  /**
+   * 1-based index of the node in the top layer. Only set
+   * for non-backdrop nodes.
+   */
+  #topLayerIndex = -1;
 
   constructor(domModel: DOMModel) {
+    super();
     this.#domModel = domModel;
     this.#agent = this.#domModel.getAgent();
   }
@@ -285,6 +299,18 @@ export class DOMNode {
     return await (childModel?.requestDocument() || null);
   }
 
+  setTopLayerIndex(idx: number): void {
+    const oldIndex = this.#topLayerIndex;
+    this.#topLayerIndex = idx;
+    if (oldIndex !== idx) {
+      this.dispatchEventToListeners(DOMNodeEvents.TOP_LAYER_INDEX_CHANGED);
+    }
+  }
+
+  topLayerIndex(): number {
+    return this.#topLayerIndex;
+  }
+
   isAdFrameNode(): boolean {
     if (this.isIframe() && this.#frameOwnerFrameId) {
       const frame = FrameManager.instance().getFrame(this.#frameOwnerFrameId);
@@ -1203,10 +1229,16 @@ export class DOMNodeShortcut {
   nodeType: number;
   nodeName: string;
   deferredNode: DeferredDOMNode;
-  constructor(target: Target, backendNodeId: Protocol.DOM.BackendNodeId, nodeType: number, nodeName: string) {
+  // Shortctus to elements that children of the element this shortcut is for.
+  // Currently, use for backdrop elements in the top layer.«
+  childShortcuts: DOMNodeShortcut[] = [];
+  constructor(
+      target: Target, backendNodeId: Protocol.DOM.BackendNodeId, nodeType: number, nodeName: string,
+      childShortcuts: DOMNodeShortcut[] = []) {
     this.nodeType = nodeType;
     this.nodeName = nodeName;
     this.deferredNode = new DeferredDOMNode(target, backendNodeId);
+    this.childShortcuts = childShortcuts;
   }
 }
 
@@ -1241,6 +1273,9 @@ export class DOMModel extends SDKModel<EventTypes> {
   #frameOwnerNode?: DOMNode|null;
   #loadNodeAttributesTimeout?: number;
   #searchId?: string;
+  #topLayerThrottler = new Common.Throttler.Throttler(100);
+  #topLayerNodes: DOMNode[] = [];
+
   constructor(target: Target) {
     super(target);
 
@@ -1621,10 +1656,6 @@ export class DOMModel extends SDKModel<EventTypes> {
     this.dispatchEventToListeners(Events.AffectedByStartingStylesFlagUpdated, {node});
   }
 
-  topLayerElementsUpdated(): void {
-    this.dispatchEventToListeners(Events.TopLayerElementsChanged);
-  }
-
   pseudoElementRemoved(parentId: Protocol.DOM.NodeId, pseudoElementId: Protocol.DOM.NodeId): void {
     const parent = this.idToDOMNode.get(parentId);
     if (!parent) {
@@ -1730,6 +1761,69 @@ export class DOMModel extends SDKModel<EventTypes> {
     return this.agent.invoke_getTopLayerElements().then(({nodeIds}) => nodeIds);
   }
 
+  topLayerElementsUpdated(): void {
+    void this.#topLayerThrottler.schedule(async () => {
+      // This returns top layer nodes for all local frames.
+      const result = await this.agent.invoke_getTopLayerElements();
+      if (result.getError()) {
+        return;
+      }
+      // Re-set indexes as we re-create top layer nodes list.
+      const previousDocs = new Set<DOMDocument>();
+      for (const node of this.#topLayerNodes) {
+        node.setTopLayerIndex(-1);
+        if (node.ownerDocument) {
+          previousDocs.add(node.ownerDocument);
+        }
+      }
+      this.#topLayerNodes.splice(0);
+      const nodes: DOMNode[] =
+          result.nodeIds.map(id => this.idToDOMNode.get(id)).filter((node): node is DOMNode => Boolean(node));
+      const nodesByDocument = new Map<DOMDocument, DOMNode[]>();
+      for (const node of nodes) {
+        const document = node.ownerDocument;
+        if (!document) {
+          continue;
+        }
+        if (!nodesByDocument.has(document)) {
+          nodesByDocument.set(document, []);
+        }
+        nodesByDocument.get(document)?.push(node);
+      }
+      for (const [document, nodes] of nodesByDocument) {
+        let topLayerIdx = 1;
+        const documentShortcuts = [];
+        for (const [idx, node] of nodes.entries()) {
+          if (node.nodeName() === '::backdrop') {
+            continue;
+          }
+          const childShortcuts = [];
+          const previousNode = result.nodeIds[idx - 1] ? this.idToDOMNode.get(result.nodeIds[idx - 1]) : null;
+          if (previousNode && previousNode.nodeName() === '::backdrop') {
+            childShortcuts.push(
+                new DOMNodeShortcut(this.target(), previousNode.backendNodeId(), 0, previousNode.nodeName()));
+          }
+          const shortcut = new DOMNodeShortcut(this.target(), node.backendNodeId(), 0, node.nodeName(), childShortcuts);
+          node.setTopLayerIndex(topLayerIdx++);
+          this.#topLayerNodes.push(node);
+          documentShortcuts.push(shortcut);
+          previousDocs.delete(document);
+        }
+        this.dispatchEventToListeners(Events.TopLayerElementsChanged, {
+          document,
+          documentShortcuts,
+        });
+      }
+      // Emit empty events for documents that are no longer in the top layer.
+      for (const document of previousDocs) {
+        this.dispatchEventToListeners(Events.TopLayerElementsChanged, {
+          document,
+          documentShortcuts: [],
+        });
+      }
+    });
+  }
+
   getDetachedDOMNodes(): Promise<Protocol.DOM.DetachedElementInfo[]|null> {
     return this.agent.invoke_getDetachedDomNodes().then(({detachedNodes}) => detachedNodes);
   }
@@ -1823,7 +1917,7 @@ export interface EventTypes {
   [Events.ChildNodeCountUpdated]: DOMNode;
   [Events.DistributedNodesChanged]: DOMNode;
   [Events.MarkersChanged]: DOMNode;
-  [Events.TopLayerElementsChanged]: void;
+  [Events.TopLayerElementsChanged]: {document: DOMDocument, documentShortcuts: DOMNodeShortcut[]};
   [Events.ScrollableFlagUpdated]: {node: DOMNode};
   [Events.AffectedByStartingStylesFlagUpdated]: {node: DOMNode};
   [Events.AdoptedStyleSheetsModified]: DOMNode;

package/front_end/entrypoints/formatter_worker/FormatterActions.ts

@@ -55,6 +55,8 @@ export interface ScopeTreeNode {
   variables: Array<{name: string, kind: DefinitionKind, offsets: number[]}>;
   start: number;
   end: number;
+  // If present, apply source map mappings to these locations to figure out the original function name.
+  nameMappingLocations?: number[];
   kind: ScopeKind;
   children: ScopeTreeNode[];
 }

package/front_end/entrypoints/formatter_worker/ScopeParser.ts

@@ -17,7 +17,7 @@ export function parseScopes(expression: string, sourceType: 'module'|'script' =
   } catch {
     return null;
   }
-  return new ScopeVariableAnalysis(root).run();
+  return new ScopeVariableAnalysis(root, expression).run();
 }
 
 export interface Use {
@@ -37,13 +37,15 @@ export class Scope {
   readonly start: number;
   readonly end: number;
   readonly kind: ScopeKind;
+  readonly nameMappingLocations?: number[];
   readonly children: Scope[] = [];
 
-  constructor(start: number, end: number, parent: Scope|null, kind: ScopeKind) {
+  constructor(start: number, end: number, parent: Scope|null, kind: ScopeKind, nameMappingLocations?: number[]) {
     this.start = start;
     this.end = end;
     this.parent = parent;
     this.kind = kind;
+    this.nameMappingLocations = nameMappingLocations;
     if (parent) {
       parent.children.push(this);
     }
@@ -64,6 +66,7 @@ export class Scope {
       end: this.end,
       variables,
       kind: this.kind,
+      nameMappingLocations: this.nameMappingLocations,
       children,
     };
   }
@@ -137,9 +140,12 @@ export class ScopeVariableAnalysis {
   readonly #allNames = new Set<string>();
   #currentScope: Scope;
   readonly #rootNode: Acorn.ESTree.Node;
+  readonly #sourceText: string;
+  #additionalMappingLocations: number[] = [];
 
-  constructor(node: Acorn.ESTree.Node) {
+  constructor(node: Acorn.ESTree.Node, sourceText: string) {
     this.#rootNode = node;
+    this.#sourceText = sourceText;
     this.#rootScope = new Scope(node.start, node.end, null, ScopeKind.GLOBAL);
     this.#currentScope = this.#rootScope;
   }
@@ -253,7 +259,9 @@ export class ScopeVariableAnalysis {
         break;
       case 'FunctionDeclaration':
         this.#processNodeAsDefinition(DefinitionKind.VAR, false, node.id);
-        this.#pushScope(node.id?.end ?? node.start, node.end, ScopeKind.FUNCTION);
+        this.#pushScope(
+            node.id?.end ?? node.start, node.end, ScopeKind.FUNCTION,
+            mappingLocationsForFunctionDeclaration(node, this.#sourceText));
         this.#addVariable('this', node.start, DefinitionKind.FIXED);
         this.#addVariable('arguments', node.start, DefinitionKind.FIXED);
         node.params.forEach(this.#processNodeAsDefinition.bind(this, DefinitionKind.LET, false));
@@ -262,7 +270,9 @@ export class ScopeVariableAnalysis {
         this.#popScope(true);
         break;
       case 'FunctionExpression':
-        this.#pushScope(node.id?.end ?? node.start, node.end, ScopeKind.FUNCTION);
+        this.#pushScope(
+            node.id?.end ?? node.start, node.end, ScopeKind.FUNCTION,
+            [...this.#additionalMappingLocations, ...mappingLocationsForFunctionExpression(node, this.#sourceText)]);
         this.#addVariable('this', node.start, DefinitionKind.FIXED);
         this.#addVariable('arguments', node.start, DefinitionKind.FIXED);
         node.params.forEach(this.#processNodeAsDefinition.bind(this, DefinitionKind.LET, false));
@@ -286,8 +296,11 @@ export class ScopeVariableAnalysis {
       case 'MethodDefinition':
         if (node.computed) {
           this.#processNode(node.key);
+        } else {
+          this.#additionalMappingLocations = mappingLocationsForMethodDefinition(node);
         }
         this.#processNode(node.value);
+        this.#additionalMappingLocations = [];
         break;
       case 'NewExpression':
         this.#processNode(node.callee);
@@ -424,8 +437,8 @@ export class ScopeVariableAnalysis {
     return this.#allNames;
   }
 
-  #pushScope(start: number, end: number, kind: ScopeKind): void {
-    this.#currentScope = new Scope(start, end, this.#currentScope, kind);
+  #pushScope(start: number, end: number, kind: ScopeKind, nameMappingLocations?: number[]): void {
+    this.#currentScope = new Scope(start, end, this.#currentScope, kind, nameMappingLocations);
   }
 
   #popScope(isFunctionContext: boolean): void {
@@ -488,3 +501,58 @@ export class ScopeVariableAnalysis {
     this.#processNode(decl.init ?? null);
   }
 }
+
+function mappingLocationsForFunctionDeclaration(node: Acorn.ESTree.FunctionDeclaration, sourceText: string): number[] {
+  // For function declarations we prefer the position of the identifier as per spec, but we'll also return
+  // the beginning of the opening parenthesis '('.
+  const result = [node.id.start];
+
+  const searchParenEndPos = node.params.length ? node.params[0].start : node.body.start;
+  const parenPos = indexOfCharInBounds(sourceText, '(', node.id.end, searchParenEndPos);
+  if (parenPos >= 0) {
+    // Note that this is not 100% accurate as there might be a comment containing a open parenthesis between
+    // the identifier the and the argument list (unlikely though).
+    result.push(parenPos);
+  }
+
+  return result;
+}
+
+function mappingLocationsForFunctionExpression(node: Acorn.ESTree.FunctionExpression, sourceText: string): number[] {
+  // For function expressions we prefer the position of the identifier or '(' if none is present, as per spec.
+  const result = [];
+  if (node.id) {
+    result.push(node.id.start);
+  }
+
+  const searchParenStartPos = node.id ? node.id.end : node.start;
+  const searchParenEndPos = node.params.length ? node.params[0].start : node.body.start;
+  const parenPos = indexOfCharInBounds(sourceText, '(', searchParenStartPos, searchParenEndPos);
+  if (parenPos >= 0) {
+    // Note that this is not 100% accurate as there might be a comment containing a open parenthesis between
+    // the identifier the and the argument list (unlikely though).
+    result.push(parenPos);
+  }
+
+  return result;
+}
+
+function mappingLocationsForMethodDefinition(node: Acorn.ESTree.MethodDefinition): number[] {
+  // Method definitions use a FunctionExpression as their "value" child. So we only
+  // record the start of the "key" here and let 'mappingLocationsForFunctionExpression' handle
+  // the parenthesis.
+  if (node.key.type === 'Identifier' || node.key.type === 'PrivateIdentifier') {
+    const id = node.key as Acorn.ESTree.Identifier | Acorn.ESTree.PrivateIdentifier;
+    return [id.start];
+  }
+  return [];
+}
+
+function indexOfCharInBounds(str: string, needle: string, start: number, end: number): number {
+  for (let i = start; i < end; ++i) {
+    if (str[i] === needle) {
+      return i;
+    }
+  }
+  return -1;
+}

package/front_end/entrypoints/formatter_worker/Substitute.ts

@@ -35,7 +35,7 @@ function computeSubstitution(expression: string, nameMap: Map<string, string|nul
     checkPrivateFields: false,
     ranges: false,
   } as acorn.Options) as Acorn.ESTree.Node;
-  const scopeVariables = new ScopeVariableAnalysis(root);
+  const scopeVariables = new ScopeVariableAnalysis(root, expression);
   scopeVariables.run();
   const freeVariables = scopeVariables.getFreeVariables();
   const result: Replacement[] = [];

package/front_end/generated/InspectorBackendCommands.ts

@@ -340,7 +340,7 @@ inspectorBackend.registerCommand("Cast.stopCasting", [{"name": "sinkName", "type
 inspectorBackend.registerType("Cast.Sink", [{"name": "name", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "id", "type": "string", "optional": false, "description": "", "typeRef": null}, {"name": "session", "type": "string", "optional": true, "description": "Text describing the current session. Present only if there is an active session on the sink.", "typeRef": null}]);
 
 // DOM.
-inspectorBackend.registerEnum("DOM.PseudoType", {FirstLine: "first-line", FirstLetter: "first-letter", Checkmark: "checkmark", Before: "before", After: "after", PickerIcon: "picker-icon", InterestHint: "interest-hint", Marker: "marker", Backdrop: "backdrop", Column: "column", Selection: "selection", SearchText: "search-text", TargetText: "target-text", SpellingError: "spelling-error", GrammarError: "grammar-error", Highlight: "highlight", FirstLineInherited: "first-line-inherited", ScrollMarker: "scroll-marker", ScrollMarkerGroup: "scroll-marker-group", ScrollButton: "scroll-button", Scrollbar: "scrollbar", ScrollbarThumb: "scrollbar-thumb", ScrollbarButton: "scrollbar-button", ScrollbarTrack: "scrollbar-track", ScrollbarTrackPiece: "scrollbar-track-piece", ScrollbarCorner: "scrollbar-corner", Resizer: "resizer", InputListButton: "input-list-button", ViewTransition: "view-transition", ViewTransitionGroup: "view-transition-group", ViewTransitionImagePair: "view-transition-image-pair", ViewTransitionGroupChildren: "view-transition-group-children", ViewTransitionOld: "view-transition-old", ViewTransitionNew: "view-transition-new", Placeholder: "placeholder", FileSelectorButton: "file-selector-button", DetailsContent: "details-content", Picker: "picker", PermissionIcon: "permission-icon", OverscrollAreaParent: "overscroll-area-parent", OverscrollClientArea: "overscroll-client-area"});
+inspectorBackend.registerEnum("DOM.PseudoType", {FirstLine: "first-line", FirstLetter: "first-letter", Checkmark: "checkmark", Before: "before", After: "after", PickerIcon: "picker-icon", InterestHint: "interest-hint", Marker: "marker", Backdrop: "backdrop", Column: "column", Selection: "selection", SearchText: "search-text", TargetText: "target-text", SpellingError: "spelling-error", GrammarError: "grammar-error", Highlight: "highlight", FirstLineInherited: "first-line-inherited", ScrollMarker: "scroll-marker", ScrollMarkerGroup: "scroll-marker-group", ScrollButton: "scroll-button", Scrollbar: "scrollbar", ScrollbarThumb: "scrollbar-thumb", ScrollbarButton: "scrollbar-button", ScrollbarTrack: "scrollbar-track", ScrollbarTrackPiece: "scrollbar-track-piece", ScrollbarCorner: "scrollbar-corner", Resizer: "resizer", InputListButton: "input-list-button", ViewTransition: "view-transition", ViewTransitionGroup: "view-transition-group", ViewTransitionImagePair: "view-transition-image-pair", ViewTransitionGroupChildren: "view-transition-group-children", ViewTransitionOld: "view-transition-old", ViewTransitionNew: "view-transition-new", Placeholder: "placeholder", FileSelectorButton: "file-selector-button", DetailsContent: "details-content", Picker: "picker", PermissionIcon: "permission-icon", OverscrollAreaParent: "overscroll-area-parent"});
 inspectorBackend.registerEnum("DOM.ShadowRootType", {UserAgent: "user-agent", Open: "open", Closed: "closed"});
 inspectorBackend.registerEnum("DOM.CompatibilityMode", {QuirksMode: "QuirksMode", LimitedQuirksMode: "LimitedQuirksMode", NoQuirksMode: "NoQuirksMode"});
 inspectorBackend.registerEnum("DOM.PhysicalAxes", {Horizontal: "Horizontal", Vertical: "Vertical", Both: "Both"});

package/front_end/generated/protocol.ts

@@ -4531,7 +4531,6 @@ export namespace DOM {
     Picker = 'picker',
     PermissionIcon = 'permission-icon',
     OverscrollAreaParent = 'overscroll-area-parent',
-    OverscrollClientArea = 'overscroll-client-area',
   }
 
   /**

package/front_end/models/ai_assistance/AiConversation.ts

@@ -58,7 +58,7 @@ export class AiConversation {
   }
 
   readonly id: string;
-  type: ConversationType;
+  #type: ConversationType;
   #isReadOnly: boolean;
   readonly history: ResponseData[];
   #isExternal: boolean;
@@ -66,6 +66,9 @@ export class AiConversation {
   #aidaClient: Host.AidaClient.AidaClient;
   #changeManager: ChangeManager|undefined;
   #agent: AiAgent<unknown>;
+  #origin?: string;
+
+  #contexts: Array<ConversationContext<unknown>> = [];
 
   constructor(
       type: ConversationType,
@@ -78,13 +81,13 @@ export class AiConversation {
   ) {
     this.#changeManager = changeManager;
     this.#aidaClient = aidaClient;
-    this.type = type;
-    this.#agent = this.#createAgent();
+    this.#type = type;
 
     this.id = id;
     this.#isReadOnly = isReadOnly;
     this.#isExternal = isExternal;
     this.history = this.#reconstructHistory(data);
+    this.#agent = this.#createAgent();
   }
 
   get isReadOnly(): boolean {
@@ -109,6 +112,25 @@ export class AiConversation {
     return this.history.length === 0;
   }
 
+  #setOriginIfEmpty(newOrigin: string|undefined): void {
+    if (!this.#origin) {
+      this.#origin = newOrigin;
+    }
+  }
+
+  setContext(updateContext: ConversationContext<unknown>|null): void {
+    if (!updateContext) {
+      this.#contexts = [];
+      return;
+    }
+
+    this.#contexts = [updateContext];
+  }
+
+  get selectedContext(): ConversationContext<unknown>|undefined {
+    return this.#contexts.at(0);
+  }
+
   #reconstructHistory(historyWithoutImages: ResponseData[]): ResponseData[] {
     const imageHistory = AiHistoryStorage.instance().getImageHistory();
     if (imageHistory && imageHistory.length > 0) {
@@ -214,7 +236,7 @@ export class AiConversation {
         }
         return item;
       }),
-      type: this.type,
+      type: this.#type,
       isExternal: this.#isExternal,
     };
   }
@@ -223,10 +245,11 @@ export class AiConversation {
     const options = {
       aidaClient: this.#aidaClient,
       serverSideLoggingEnabled: isAiAssistanceServerSideLoggingEnabled(),
+      sessionId: this.id,
       changeManager: this.#changeManager,
     };
     let agent: AiAgent<unknown>;
-    switch (this.type) {
+    switch (this.#type) {
       case ConversationType.STYLING: {
         agent = new StylingAgent(options);
         break;
@@ -326,24 +349,62 @@ Time: ${micros(time)}`;
   async *
       run(
           initialQuery: string,
-          options: {selected: ConversationContext<unknown>|null, signal?: AbortSignal, extraContext?: ExtraContext[]},
-          multimodalInput?: MultimodalInput,
+          options: {
+
+            signal?: AbortSignal,
+            extraContext?: ExtraContext[],
+            multimodalInput?: MultimodalInput,
+          } = {},
           ): AsyncGenerator<ResponseData, void, void> {
     if (options.extraContext) {
       await this.#createFactsForExtraContext(options.extraContext);
     }
-    for await (const data of this.#agent.run(initialQuery, options, multimodalInput)) {
+    this.#setOriginIfEmpty(this.selectedContext?.getOrigin());
+
+    if (this.isBlockedByOrigin) {
+      throw new Error('Cross-origin context data should not be included');
+    }
+
+    function shouldAddToHistory(data: ResponseData): boolean {
       // We don't want to save partial responses to the conversation history.
       // TODO(crbug.com/463325400): We should save interleaved answers to the history as well.
-      if (data.type !== ResponseType.ANSWER || data.complete) {
+      if (data.type === ResponseType.ANSWER && !data.complete) {
+        return false;
+      }
+
+      return true;
+    }
+
+    for await (const data of this.#agent.run(
+        initialQuery,
+        {
+          signal: options.signal,
+          selected: this.selectedContext ?? null,
+        },
+        options.multimodalInput,
+        )) {
+      if (shouldAddToHistory(data)) {
         void this.addHistoryItem(data);
       }
       yield data;
     }
   }
 
+  /**
+   * Indicates whether the new conversation context is blocked due to cross-origin restrictions.
+   * This happens when the conversation's context has a different
+   * origin than the selected context.
+   */
+  get isBlockedByOrigin(): boolean {
+    return !this.#contexts.every(context => context.isOriginAllowed(this.#origin));
+  }
+
   get origin(): string|undefined {
-    return this.#agent.origin;
+    return this.#origin;
+  }
+
+  get type(): ConversationType {
+    return this.#type;
   }
 }
 

package/front_end/models/ai_assistance/ArtifactsManager.ts

@@ -0,0 +1,67 @@
+// Copyright 2025 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import type * as SDK from '../../core/sdk/sdk.js';
+import type * as Trace from '../../models/trace/trace.js';
+import type {InsightKeys} from '../trace/insights/types.js';
+
+export interface InsightArtifact {
+  type: 'insight';
+  insightType: InsightKeys;
+}
+
+export interface NetworkRequestArtifact {
+  type: 'network-request';
+  request: SDK.NetworkRequest.NetworkRequest|Trace.Types.Events.SyntheticNetworkRequest;
+}
+
+export interface FlameChartArtifact {
+  type: 'flamechart';
+  start: Trace.Types.Timing.Micro;
+  end: Trace.Types.Timing.Micro;
+}
+
+export type Artifact = InsightArtifact|NetworkRequestArtifact|FlameChartArtifact;
+
+export class ArtifactAddedEvent extends Event {
+  static readonly eventName = 'artifactadded';
+
+  constructor(public artifact: Artifact) {
+    super(ArtifactAddedEvent.eventName);
+  }
+}
+
+let instance: ArtifactsManager|null = null;
+
+export class ArtifactsManager extends EventTarget {
+  #artifacts: Artifact[] = [];
+
+  static instance(): ArtifactsManager {
+    if (!instance) {
+      instance = new ArtifactsManager();
+    }
+    return instance;
+  }
+
+  static removeInstance(): void {
+    instance = null;
+  }
+
+  private constructor() {
+    super();
+  }
+
+  get artifacts(): Artifact[] {
+    return this.#artifacts;
+  }
+
+  addArtifact(artifact: Artifact): void {
+    this.#artifacts.push(artifact);
+    this.dispatchEvent(new ArtifactAddedEvent(artifact));
+  }
+
+  clear(): void {
+    this.#artifacts = [];
+  }
+}

package/front_end/models/ai_assistance/ConversationHandler.ts

@@ -213,7 +213,7 @@ export class ConversationHandler extends Common.ObjectWrapper.ObjectWrapper<Even
     const conversation = new AiConversation(
         conversationType,
         [],
-        aiAgent.id,
+        aiAgent.sessionId,
         /* isReadOnly */ true,
         this.#aidaClient,
         undefined,
@@ -228,7 +228,8 @@ export class ConversationHandler extends Common.ObjectWrapper.ObjectWrapper<Even
     selected: NodeContext|PerformanceTraceContext|RequestContext|null,
   }): AsyncGenerator<ExternalRequestResponse, ExternalRequestResponse> {
     const {conversation, prompt, selected} = opts;
-    const generator = conversation.run(prompt, {selected});
+    conversation.setContext(selected);
+    const generator = conversation.run(prompt);
     const devToolsLogs: object[] = [];
     for await (const data of generator) {
       if (data.type !== ResponseType.ANSWER || data.complete) {