chrome-devtools-frontend 1.0.1583146 → 1.0.1585664

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

@@ -9,9 +9,9 @@ import * as Platform from '../../../core/platform/platform.js';
 import * as Root from '../../../core/root/root.js';
 import * as SDK from '../../../core/sdk/sdk.js';
 import * as Logs from '../../logs/logs.js';
+import * as NetworkTimeCalculator from '../../network_time_calculator/network_time_calculator.js';
 import type * as Trace from '../../trace/trace.js';
 import * as Workspace from '../../workspace/workspace.js';
-import {AgentFocus} from '../performance/AIContext.js';
 
 import {
   type AgentOptions,
@@ -19,6 +19,10 @@ import {
   type ContextResponse,
   type RequestOptions,
 } from './AiAgent.js';
+import {FileContext} from './FileAgent.js';
+import {RequestContext} from './NetworkAgent.js';
+import {PerformanceTraceContext} from './PerformanceAgent.js';
+import {NodeContext} from './StylingAgent.js';
 
 const lockedString = i18n.i18n.lockedString;
 /**
@@ -33,8 +37,8 @@ You aim to help developers of all levels, prioritizing teaching web concepts as
 # Considerations
 * Determine what the question the domain of the question is - styling, network, sources, performance or other part of DevTools.
 * Proactively try to gather additional data. If a select specific data can be selected, select one.
+* Always try select single specific context before answering the question.
 * Avoid making assumptions without sufficient evidence, and always seek further clarification if needed.
-* Always explore multiple possible explanations for the observed behavior before settling on a conclusion.
 * When presenting solutions, clearly distinguish between the primary cause and contributing factors.
 * Please answer only if you are sure about the answer. Otherwise, explain why you're not able to answer.
 * When answering, always consider MULTIPLE possible solutions.
@@ -46,7 +50,6 @@ You aim to help developers of all levels, prioritizing teaching web concepts as
 * Always specify the language for code blocks (e.g., \`\`\`css, \`\`\`javascript).
 * Keep text responses concise and scannable.
 
-* ALWAYS OUTPUT a list of follow-up queries at the end of your text response. The format is SUGGESTIONS: ["suggestion1", "suggestion2", "suggestion3"]. Make sure that the array and the \`SUGGESTIONS: \` text is in the same line. You're also capable of executing the fix for the issue user mentioned. Reflect this in your suggestions.
 * **CRITICAL** NEVER write full Python programs - you should only write individual statements that invoke a single function from the provided library.
 * **CRITICAL** NEVER output text before a function call. Always do a function call first.
 * **CRITICAL** You are a debugging assistant in DevTools. NEVER provide answers to questions of unrelated topics such as legal advice, financial advice, personal opinions, medical advice, religion, race, politics, sexuality, gender, or any other non web-development topics. Answer "Sorry, I can't answer that. I'm best at questions about debugging web pages." to such questions.
@@ -75,17 +78,20 @@ export class ContextSelectionAgent extends AiAgent<never> {
 
   readonly #performanceRecordAndReload?: () => Promise<Trace.TraceModel.ParsedTrace>;
   readonly #onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>;
+  readonly #networkTimeCalculator?: NetworkTimeCalculator.NetworkTransferTimeCalculator;
 
   constructor(opts: AgentOptions&{
     performanceRecordAndReload?: () => Promise<Trace.TraceModel.ParsedTrace>,
     onInspectElement?: () => Promise<SDK.DOMModel.DOMNode|null>,
+    networkTimeCalculator?: NetworkTimeCalculator.NetworkTransferTimeCalculator,
   }) {
     super(opts);
     this.#performanceRecordAndReload = opts.performanceRecordAndReload;
     this.#onInspectElement = opts.onInspectElement;
+    this.#networkTimeCalculator = opts.networkTimeCalculator;
 
     this.declareFunction<Record<string, never>>('listNetworkRequests', {
-      description: `Gives a list of network requests including URL, status code, and duration in ms.`,
+      description: `Gives a list of network requests including URL, status code, and duration.`,
       parameters: {
         type: Host.AidaClient.ParametersTypes.OBJECT,
         description: '',
@@ -109,10 +115,11 @@ export class ContextSelectionAgent extends AiAgent<never> {
           if (mainSecurityOrigin && request.securityOrigin() !== mainSecurityOrigin) {
             continue;
           }
+
           requests.push({
             url: request.url(),
             statusCode: request.statusCode,
-            duration: request.duration,
+            duration: i18n.TimeUtilities.secondsToString(request.duration),
           });
         }
 
@@ -159,8 +166,9 @@ export class ContextSelectionAgent extends AiAgent<never> {
         });
 
         if (request) {
+          const calculator = this.#networkTimeCalculator ?? new NetworkTimeCalculator.NetworkTransferTimeCalculator();
           return {
-            context: request,
+            context: new RequestContext(request, calculator),
           };
         }
 
@@ -222,7 +230,7 @@ export class ContextSelectionAgent extends AiAgent<never> {
         for (const file of this.#getUISourceCodes()) {
           if (file.fullDisplayName() === params.name) {
             return {
-              context: file,
+              context: new FileContext(file),
             };
           }
         }
@@ -255,7 +263,7 @@ export class ContextSelectionAgent extends AiAgent<never> {
         const result = await this.#performanceRecordAndReload();
 
         return {
-          context: AgentFocus.fromParsedTrace(result),
+          context: PerformanceTraceContext.fromParsedTrace(result),
         };
       }
     });
@@ -283,7 +291,7 @@ export class ContextSelectionAgent extends AiAgent<never> {
         const node = await this.#onInspectElement();
         if (node) {
           return {
-            context: node,
+            context: new NodeContext(node),
           };
         }
         return {

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

@@ -190,10 +190,6 @@ Content:
 Title: StylingAgent run generates an answer immediately
 Content:
 [
-  {
-    "type": "user-query",
-    "query": "test"
-  },
   {
     "type": "context",
     "title": "Analyzing the prompt",
@@ -274,10 +270,6 @@ Content:
 Title: StylingAgent run generates an rpcId for the answer
 Content:
 [
-  {
-    "type": "user-query",
-    "query": "test"
-  },
   {
     "type": "context",
     "title": "Analyzing the prompt",
@@ -303,10 +295,6 @@ Content:
 Title: StylingAgent run throws an error based on the attribution metadata including RecitationAction.BLOCK
 Content:
 [
-  {
-    "type": "user-query",
-    "query": "test"
-  },
   {
     "type": "context",
     "title": "Analyzing the prompt",
@@ -335,10 +323,6 @@ Content:
 Title: StylingAgent run does not throw an error based on attribution metadata not including RecitationAction.BLOCK
 Content:
 [
-  {
-    "type": "user-query",
-    "query": "test"
-  },
   {
     "type": "context",
     "title": "Analyzing the prompt",
@@ -364,10 +348,6 @@ Content:
 Title: StylingAgent run generates a response if nothing is returned
 Content:
 [
-  {
-    "type": "user-query",
-    "query": "test"
-  },
   {
     "type": "context",
     "title": "Analyzing the prompt",
@@ -391,10 +371,6 @@ Content:
 Title: StylingAgent run generates an action response if action and answer both present
 Content:
 [
-  {
-    "type": "user-query",
-    "query": "test"
-  },
   {
     "type": "context",
     "title": "Analyzing the prompt",

package/front_end/models/ai_code_completion/AiCodeCompletion.ts

@@ -346,6 +346,18 @@ export class AiCodeCompletion {
     }
     return Boolean(aidaAvailability.enabled && Root.Runtime.hostConfig.devToolsAiCodeCompletion?.enabled);
   }
+
+  static isAiCodeCompletionStylesEnabled(locale: string): boolean {
+    if (!locale.startsWith('en-')) {
+      return false;
+    }
+    const aidaAvailability = Root.Runtime.hostConfig.aidaAvailability;
+    if (!aidaAvailability || aidaAvailability.blockedByGeo || aidaAvailability.blockedByAge ||
+        aidaAvailability.blockedByEnterprisePolicy) {
+      return false;
+    }
+    return Boolean(aidaAvailability.enabled && Root.Runtime.hostConfig.devToolsAiCodeCompletionStyles?.enabled);
+  }
 }
 
 export const enum ContextFlavor {

package/front_end/models/ai_code_generation/AiCodeGeneration.ts

@@ -22,6 +22,11 @@ Your role is to act as an expert pair programmer within the Chrome DevTools envi
     * **Return ONLY code blocks.** * Do NOT include any introductory text, explanations, or concluding remarks.
     * Do NOT provide step-by-step guides or descriptions of how the code works.
     * Inline comments within the code are permitted and encouraged for clarity.
+
+3. **Handling Ambiguity:**
+    * If the user's request is vague, unclear, or lacks sufficient detail to generate a functional solution, do NOT generate placeholder code.
+    * Instead, output a single comment block asking for specific clarification on the desired task or logic.
+    * Example output for vague input: // The request is unclear. Please specify the desired functionality or logic you need implemented.
 `;
 
 export const additionalContextForConsole = `

package/front_end/models/bindings/DebuggerWorkspaceBinding.ts

@@ -24,7 +24,7 @@ import {type ResourceScriptFile, ResourceScriptMapping} from './ResourceScriptMa
 export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObserver<SDK.DebuggerModel.DebuggerModel> {
   readonly resourceMapping: ResourceMapping;
   readonly #debuggerModelToData: Map<SDK.DebuggerModel.DebuggerModel, ModelData>;
-  readonly #liveLocationPromises: Set<Promise<void|Location|StackTraceTopFrameLocation|null>>;
+  readonly #liveLocationPromises: Set<unknown>;
   readonly pluginManager: DebuggerLanguagePluginManager;
   readonly ignoreListManager: Workspace.IgnoreListManager.IgnoreListManager;
   readonly workspace: Workspace.Workspace.WorkspaceImpl;
@@ -154,11 +154,11 @@ export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObser
    * The promise returned by this function is resolved once all *currently*
    * pending LiveLocations are processed.
    */
-  async pendingLiveLocationChangesPromise(): Promise<void|Location|StackTraceTopFrameLocation|null> {
+  async pendingLiveLocationChangesPromise(): Promise<void> {
     await Promise.all(this.#liveLocationPromises);
   }
 
-  private recordLiveLocationChange(promise: Promise<void|Location|StackTraceTopFrameLocation|null>): void {
+  private recordLiveLocationChange(promise: Promise<unknown>): void {
     void promise.then(() => {
       this.#liveLocationPromises.delete(promise);
     });
@@ -166,10 +166,14 @@ export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObser
   }
 
   async updateLocations(script: SDK.Script.Script): Promise<void> {
-    const updatePromises = [script.target()
-                                .model(StackTraceImpl.StackTraceModel.StackTraceModel)
-                                ?.scriptInfoChanged(script, this.#translateRawFrames.bind(this))];
+    const stackTraceUpdatePromise = script.target()
+                                        .model(StackTraceImpl.StackTraceModel.StackTraceModel)
+                                        ?.scriptInfoChanged(script, this.#translateRawFrames.bind(this));
+    if (stackTraceUpdatePromise) {
+      this.recordLiveLocationChange(stackTraceUpdatePromise);
+    }
 
+    const updatePromises = [stackTraceUpdatePromise];
     const modelData = this.#debuggerModelToData.get(script.debuggerModel);
     if (modelData) {
       const updatePromise = modelData.updateLocations(script);
@@ -184,7 +188,9 @@ export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObser
       Promise<StackTrace.StackTrace.StackTrace> {
     const model =
         target.model(StackTraceImpl.StackTraceModel.StackTraceModel) as StackTraceImpl.StackTraceModel.StackTraceModel;
-    return await model.createFromProtocolRuntime(stackTrace, this.#translateRawFrames.bind(this));
+    const stackTracePromise = model.createFromProtocolRuntime(stackTrace, this.#translateRawFrames.bind(this));
+    this.recordLiveLocationChange(stackTracePromise);
+    return await stackTracePromise;
   }
 
   async createStackTraceFromDebuggerPaused(
@@ -192,7 +198,9 @@ export class DebuggerWorkspaceBinding implements SDK.TargetManager.SDKModelObser
       target: SDK.Target.Target): Promise<StackTrace.StackTrace.DebuggableStackTrace> {
     const model =
         target.model(StackTraceImpl.StackTraceModel.StackTraceModel) as StackTraceImpl.StackTraceModel.StackTraceModel;
-    return await model.createFromDebuggerPaused(pausedDetails, this.#translateRawFrames.bind(this));
+    const stackTracePromise = model.createFromDebuggerPaused(pausedDetails, this.#translateRawFrames.bind(this));
+    this.recordLiveLocationChange(stackTracePromise);
+    return await stackTracePromise;
   }
 
   async createLiveLocation(

package/front_end/models/computed_style/ComputedStyleModel.ts

@@ -125,20 +125,33 @@ export class ComputedStyleModel extends Common.ObjectWrapper.ObjectWrapper<Event
     }
 
     if (!this.computedStylePromise) {
-      this.computedStylePromise = cssModel.getComputedStyle(nodeId).then(verifyOutdated.bind(this, elementNode));
+      this.computedStylePromise = cssModel.getComputedStyle(nodeId).then(style => {
+        return this.#validateNodeStyles(elementNode, style);
+      });
     }
 
     return await this.computedStylePromise;
+  }
 
-    function verifyOutdated(
-        this: ComputedStyleModel, elementNode: SDK.DOMModel.DOMNode, style: Map<string, string>|null): ComputedStyle|
-        null {
-      return elementNode === this.elementNode() && style ? new ComputedStyle(elementNode, style) :
-                                                           null as ComputedStyle | null;
+  /**
+   * Once we fetch the node's CSS styles, we validate them to ensure that the
+   * active Node didn't change between initiating the request to fetch the
+   * styles and the request returning. If it did, we discard these styles as
+   * outdated.
+   */
+  #validateNodeStyles(node: SDK.DOMModel.DOMNode, styles: Map<string, string>|null): ComputedStyle|null {
+    if (node === this.elementNode() && styles) {
+      return new ComputedStyle(node, styles);
     }
+    return null;
   }
 
-  private async fetchMatchedCascade(): Promise<SDK.CSSMatchedStyles.CSSMatchedStyles|null> {
+  /**
+   * Fetches the CSS cascade for the node, including matched rules, inherited
+   * styles, and pseudo-elements.
+   * This allows determining which properties are active or overridden.
+   */
+  async fetchMatchedCascade(): Promise<SDK.CSSMatchedStyles.CSSMatchedStyles|null> {
     const node = this.node;
     if (!node || !this.cssModel()) {
       return null;
@@ -155,14 +168,6 @@ export class ComputedStyleModel extends Common.ObjectWrapper.ObjectWrapper<Event
     }
     return matchedStyles.node() === this.node ? matchedStyles : null;
   }
-
-  async fetchAllComputedStyleInfo(): Promise<{
-    computedStyle: ComputedStyle | null,
-    matchedStyles: SDK.CSSMatchedStyles.CSSMatchedStyles|null,
-  }> {
-    const [computedStyle, matchedStyles] = await Promise.all([this.fetchComputedStyle(), this.fetchMatchedCascade()]);
-    return {computedStyle, matchedStyles};
-  }
 }
 
 export const enum Events {

package/front_end/models/greendev/Prototypes.ts

@@ -8,7 +8,6 @@ import * as Root from '../../core/root/root.js';
 let instance: Prototypes|null = null;
 
 export interface GreenDevSettings {
-  inDevToolsFloaty: Common.Settings.Setting<boolean>;
   aiAnnotations: Common.Settings.Setting<boolean>;
   copyToGemini: Common.Settings.Setting<boolean>;
 }
@@ -36,9 +35,6 @@ export class Prototypes {
 
   settings(): Readonly<GreenDevSettings> {
     const settings = Common.Settings.Settings.instance();
-    const inDevToolsFloaty =
-        settings.createSetting('greendev-in-devtools-floaty-enabled', false, Common.Settings.SettingStorageType.LOCAL);
-
     const aiAnnotations = settings.createSetting(
         'greendev-ai-annotations-enabled',
         false,
@@ -47,6 +43,6 @@ export class Prototypes {
     const copyToGemini =
         settings.createSetting('greendev-copy-to-gemini-enabled', false, Common.Settings.SettingStorageType.LOCAL);
 
-    return {inDevToolsFloaty, aiAnnotations, copyToGemini};
+    return {aiAnnotations, copyToGemini};
   }
 }

package/front_end/models/issues_manager/CorsIssue.ts

@@ -106,14 +106,6 @@ export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode
 
   getDescription(): MarkdownIssueDescription|null {
     switch (getIssueCode(this.details())) {
-      case IssueCode.INSECURE_LOCAL_NETWORK:
-        return {
-          file: 'corsInsecurePrivateNetwork.md',
-          links: [{
-            link: 'https://developer.chrome.com/blog/private-network-access-update',
-            linkTitle: i18nString(UIStrings.corsLocalNetworkAccess),
-          }],
-        };
       case IssueCode.INVALID_HEADER_VALUES:
         return {
           file: 'corsInvalidHeaderValues.md',
@@ -202,11 +194,12 @@ export class CorsIssue extends Issue<Protocol.Audits.CorsIssueDetails, IssueCode
             linkTitle: i18nString(UIStrings.CORS),
           }],
         };
+      case IssueCode.INSECURE_LOCAL_NETWORK:
       case IssueCode.LOCAL_NETWORK_ACCESS_PERMISSION_DENIED:
         return {
           file: 'corsLocalNetworkAccessPermissionDenied.md',
           links: [{
-            link: 'https://chromestatus.com/feature/5152728072060928',
+            link: 'https://developer.chrome.com/blog/local-network-access',
             linkTitle: i18nString(UIStrings.corsLocalNetworkAccess),
           }],
         };

package/front_end/models/issues_manager/descriptions/corsLocalNetworkAccessPermissionDenied.md

@@ -1,4 +1,4 @@
-# Ensure that local network requests are compatible with upcoming restrictions
+# Ensure that local network requests are compatible with restrictions
 
 A site requested a resource from a network that it could only access because of
 its users' privileged network position.
@@ -6,7 +6,7 @@ its users' privileged network position.
 These requests expose devices and servers to the internet, increasing the risk
 of a cross-site request forgery (CSRF) attack and/or information leakage.
 
-To mitigate these risks, Chrome will begin requiring the user grant explicit
+To mitigate these risks, Chrome is requiring the user grant explicit
 permission before a site can make local network requests. Local network requests
 are those that go to either private IP addresses, .local domains, or loopback
 addresses. Additionally, Chrome will block local network requests (both

package/front_end/models/javascript_metadata/NativeFunctions.js

@@ -6627,6 +6627,22 @@ export const NativeFunctions = [
     name: "setFormControlRange",
     signatures: [["element","start","end"]]
   },
+  {
+    name: "getBoxQuads",
+    signatures: [["?options"]]
+  },
+  {
+    name: "convertQuadFromNode",
+    signatures: [["quad","from","?options"]]
+  },
+  {
+    name: "convertRectFromNode",
+    signatures: [["rect","from","?options"]]
+  },
+  {
+    name: "convertPointFromNode",
+    signatures: [["point","from","?options"]]
+  },
   {
     name: "MutationObserver",
     signatures: [["callback"]]
@@ -7369,6 +7385,10 @@ export const NativeFunctions = [
     name: "createScriptURL",
     signatures: [["input","...args"]]
   },
+  {
+    name: "createParserOptions",
+    signatures: [["input"]]
+  },
   {
     name: "URLPattern",
     signatures: [["?input","?options"],["input","baseURL","?options"]]

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -13,7 +13,6 @@ import * as SDK from '../../core/sdk/sdk.js';
 import * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
 import * as Annotations from '../../models/annotations/annotations.js';
 import * as Badges from '../../models/badges/badges.js';
-import * as GreenDev from '../../models/greendev/greendev.js';
 import * as TextUtils from '../../models/text_utils/text_utils.js';
 import type * as Trace from '../../models/trace/trace.js';
 import * as Workspace from '../../models/workspace/workspace.js';
@@ -518,7 +517,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   };
   #timelinePanelInstance: TimelinePanel.TimelinePanel.TimelinePanel|null = null;
   #runAbortController = new AbortController();
-  #additionalContextItemsFromFloaty: UI.Floaty.FloatyContextSelection[] = [];
 
   constructor(private view: View = defaultView, {aidaClient, aidaAvailability, syncInfo}: {
     aidaClient: Host.AidaClient.AidaClient,
@@ -571,7 +569,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       return {
         state: ViewState.CHAT_VIEW,
         props: {
-          additionalFloatyContext: this.#additionalContextItemsFromFloaty,
           blockedByCrossOrigin: this.#conversation.isBlockedByOrigin,
           isLoading: this.#isLoading,
           messages: this.#messages,
@@ -665,15 +662,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     }
   }
 
-  #bindFloatyListener(): void {
-    const additionalContexts = UI.Context.Context.instance().flavor(UI.Floaty.FloatyFlavor);
-    if (!additionalContexts) {
-      return;
-    }
-    this.#additionalContextItemsFromFloaty = additionalContexts.selectedContexts;
-    this.requestUpdate();
-  }
-
   async #handlePerformanceRecordAndReload(): Promise<Trace.TraceModel.ParsedTrace> {
     return await TimelinePanel.TimelinePanel.TimelinePanel.executeRecordAndReload();
   }
@@ -734,7 +722,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     const conversation = targetConversationType ?
         new AiAssistanceModel.AiConversation.AiConversation(
             targetConversationType, [], undefined, false, this.#aidaClient, this.#changeManager, false,
-            this.#handlePerformanceRecordAndReload.bind(this), this.#handleInspectElement.bind(this)) :
+            this.#handlePerformanceRecordAndReload.bind(this), this.#handleInspectElement.bind(this),
+            NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator()) :
         undefined;
 
     this.#updateConversationState(conversation);
@@ -763,6 +752,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
               false,
               this.#handlePerformanceRecordAndReload.bind(this),
               this.#handleInspectElement.bind(this),
+              NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
           );
         }
       }
@@ -824,11 +814,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     this.#selectDefaultAgentIfNeeded();
 
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistancePanelOpened);
-
-    if (GreenDev.Prototypes.instance().isEnabled('inDevToolsFloaty')) {
-      UI.Context.Context.instance().addFlavorChangeListener(UI.Floaty.FloatyFlavor, this.#bindFloatyListener, this);
-      this.#bindFloatyListener();
-    }
   }
 
   override willHide(): void {
@@ -1230,6 +1215,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           false,
           this.#handlePerformanceRecordAndReload.bind(this),
           this.#handleInspectElement.bind(this),
+          NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
       );
     }
     this.#updateConversationState(conversation);
@@ -1358,23 +1344,14 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   }
 
   #handleConversationContextChange = (data: unknown): void => {
-    if (data instanceof Workspace.UISourceCode.UISourceCode) {
-      const context = new AiAssistanceModel.FileAgent.FileContext(data);
-      this.#selectedFile = context;
-      this.#conversation?.setContext(context);
-    } else if (data instanceof SDK.DOMModel.DOMNode) {
-      const context = new AiAssistanceModel.StylingAgent.NodeContext(data);
-      this.#selectedElement = context;
-      this.#conversation?.setContext(context);
-    } else if (data instanceof SDK.NetworkRequest.NetworkRequest) {
-      const calculator = NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator();
-      const context = new AiAssistanceModel.NetworkAgent.RequestContext(data, calculator);
-      this.#selectedRequest = context;
-      this.#conversation?.setContext(context);
-    } else if (data instanceof AiAssistanceModel.AIContext.AgentFocus) {
-      const context = new AiAssistanceModel.PerformanceAgent.PerformanceTraceContext(data);
-      this.#selectedPerformanceTrace = context;
-      this.#conversation?.setContext(context);
+    if (data instanceof AiAssistanceModel.FileAgent.FileContext) {
+      this.#selectedFile = data;
+    } else if (data instanceof AiAssistanceModel.StylingAgent.NodeContext) {
+      this.#selectedElement = data;
+    } else if (data instanceof AiAssistanceModel.NetworkAgent.RequestContext) {
+      this.#selectedRequest = data;
+    } else if (data instanceof AiAssistanceModel.PerformanceAgent.PerformanceTraceContext) {
+      this.#selectedPerformanceTrace = data;
     }
 
     this.#isContextAutoSelectionSuspended = false;
@@ -1475,7 +1452,6 @@ export class AiAssistancePanel extends UI.Panel.Panel {
             text,
             {
               signal,
-              extraContext: this.#additionalContextItemsFromFloaty,
               multimodalInput,
             },
             ),
@@ -1586,6 +1562,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
             commitStep();
             break;
           }
+
           case AiAssistanceModel.AiAgent.ResponseType.ANSWER: {
             systemMessage.rpcId = data.rpcId;
             const lastPart = systemMessage.parts.at(-1);