chrome-devtools-frontend 1.0.1597624 → 1.0.1599001

package/front_end/core/root/ExperimentNames.ts

@@ -11,7 +11,6 @@ export enum ExperimentName {
   SHOW_OPTION_TO_EXPOSE_INTERNALS_IN_HEAP_SNAPSHOT = 'show-option-to-expose-internals-in-heap-snapshot',
   TIMELINE_INVALIDATION_TRACKING = 'timeline-invalidation-tracking',
   TIMELINE_SHOW_ALL_EVENTS = 'timeline-show-all-events',
-  TIMELINE_V8_RUNTIME_CALL_STATS = 'timeline-v8-runtime-call-stats',
   APCA = 'apca',
   FONT_EDITOR = 'font-editor',
   FULL_ACCESSIBILITY_TREE = 'full-accessibility-tree',

package/front_end/entrypoints/main/MainImpl.ts

@@ -369,8 +369,6 @@ export class MainImpl {
         Root.ExperimentNames.ExperimentName.TIMELINE_INVALIDATION_TRACKING, 'Performance panel: invalidation tracking');
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.TIMELINE_SHOW_ALL_EVENTS, 'Performance panel: show all events');
-    Root.Runtime.experiments.register(
-        Root.ExperimentNames.ExperimentName.TIMELINE_V8_RUNTIME_CALL_STATS, 'Performance panel: V8 runtime call stats');
     Root.Runtime.experiments.register(
         Root.ExperimentNames.ExperimentName.TIMELINE_DEBUG_MODE,
         'Performance panel: debug mode (trace event details, etc)');

package/front_end/generated/InspectorBackendCommands.ts

@@ -79,7 +79,7 @@ inspectorBackend.registerEnum("Audits.HeavyAdReason", {NetworkTotalLimit: "Netwo
 inspectorBackend.registerEnum("Audits.ContentSecurityPolicyViolationType", {KInlineViolation: "kInlineViolation", KEvalViolation: "kEvalViolation", KURLViolation: "kURLViolation", KSRIViolation: "kSRIViolation", KTrustedTypesSinkViolation: "kTrustedTypesSinkViolation", KTrustedTypesPolicyViolation: "kTrustedTypesPolicyViolation", KWasmEvalViolation: "kWasmEvalViolation"});
 inspectorBackend.registerEnum("Audits.SharedArrayBufferIssueType", {TransferIssue: "TransferIssue", CreationIssue: "CreationIssue"});
 inspectorBackend.registerEnum("Audits.AttributionReportingIssueType", {PermissionPolicyDisabled: "PermissionPolicyDisabled", UntrustworthyReportingOrigin: "UntrustworthyReportingOrigin", InsecureContext: "InsecureContext", InvalidHeader: "InvalidHeader", InvalidRegisterTriggerHeader: "InvalidRegisterTriggerHeader", SourceAndTriggerHeaders: "SourceAndTriggerHeaders", SourceIgnored: "SourceIgnored", TriggerIgnored: "TriggerIgnored", OsSourceIgnored: "OsSourceIgnored", OsTriggerIgnored: "OsTriggerIgnored", InvalidRegisterOsSourceHeader: "InvalidRegisterOsSourceHeader", InvalidRegisterOsTriggerHeader: "InvalidRegisterOsTriggerHeader", WebAndOsHeaders: "WebAndOsHeaders", NoWebOrOsSupport: "NoWebOrOsSupport", NavigationRegistrationWithoutTransientUserActivation: "NavigationRegistrationWithoutTransientUserActivation", InvalidInfoHeader: "InvalidInfoHeader", NoRegisterSourceHeader: "NoRegisterSourceHeader", NoRegisterTriggerHeader: "NoRegisterTriggerHeader", NoRegisterOsSourceHeader: "NoRegisterOsSourceHeader", NoRegisterOsTriggerHeader: "NoRegisterOsTriggerHeader", NavigationRegistrationUniqueScopeAlreadySet: "NavigationRegistrationUniqueScopeAlreadySet"});
-inspectorBackend.registerEnum("Audits.SharedDictionaryError", {UseErrorCrossOriginNoCorsRequest: "UseErrorCrossOriginNoCorsRequest", UseErrorDictionaryLoadFailure: "UseErrorDictionaryLoadFailure", UseErrorMatchingDictionaryNotUsed: "UseErrorMatchingDictionaryNotUsed", UseErrorUnexpectedContentDictionaryHeader: "UseErrorUnexpectedContentDictionaryHeader", WriteErrorCossOriginNoCorsRequest: "WriteErrorCossOriginNoCorsRequest", WriteErrorDisallowedBySettings: "WriteErrorDisallowedBySettings", WriteErrorExpiredResponse: "WriteErrorExpiredResponse", WriteErrorFeatureDisabled: "WriteErrorFeatureDisabled", WriteErrorInsufficientResources: "WriteErrorInsufficientResources", WriteErrorInvalidMatchField: "WriteErrorInvalidMatchField", WriteErrorInvalidStructuredHeader: "WriteErrorInvalidStructuredHeader", WriteErrorInvalidTTLField: "WriteErrorInvalidTTLField", WriteErrorNavigationRequest: "WriteErrorNavigationRequest", WriteErrorNoMatchField: "WriteErrorNoMatchField", WriteErrorNonIntegerTTLField: "WriteErrorNonIntegerTTLField", WriteErrorNonListMatchDestField: "WriteErrorNonListMatchDestField", WriteErrorNonSecureContext: "WriteErrorNonSecureContext", WriteErrorNonStringIdField: "WriteErrorNonStringIdField", WriteErrorNonStringInMatchDestList: "WriteErrorNonStringInMatchDestList", WriteErrorNonStringMatchField: "WriteErrorNonStringMatchField", WriteErrorNonTokenTypeField: "WriteErrorNonTokenTypeField", WriteErrorRequestAborted: "WriteErrorRequestAborted", WriteErrorShuttingDown: "WriteErrorShuttingDown", WriteErrorTooLongIdField: "WriteErrorTooLongIdField", WriteErrorUnsupportedType: "WriteErrorUnsupportedType"});
+inspectorBackend.registerEnum("Audits.SharedDictionaryError", {UseErrorDictionaryLoadFailure: "UseErrorDictionaryLoadFailure", UseErrorMatchingDictionaryNotUsed: "UseErrorMatchingDictionaryNotUsed", UseErrorNoCorpCrossOriginNoCorsRequest: "UseErrorNoCorpCrossOriginNoCorsRequest", UseErrorUnexpectedContentDictionaryHeader: "UseErrorUnexpectedContentDictionaryHeader", WriteErrorCossOriginNoCorsRequest: "WriteErrorCossOriginNoCorsRequest", WriteErrorDisallowedBySettings: "WriteErrorDisallowedBySettings", WriteErrorExpiredResponse: "WriteErrorExpiredResponse", WriteErrorFeatureDisabled: "WriteErrorFeatureDisabled", WriteErrorInsufficientResources: "WriteErrorInsufficientResources", WriteErrorInvalidMatchField: "WriteErrorInvalidMatchField", WriteErrorInvalidStructuredHeader: "WriteErrorInvalidStructuredHeader", WriteErrorInvalidTTLField: "WriteErrorInvalidTTLField", WriteErrorNavigationRequest: "WriteErrorNavigationRequest", WriteErrorNoCorpCossOriginNoCorsRequest: "WriteErrorNoCorpCossOriginNoCorsRequest", WriteErrorNoMatchField: "WriteErrorNoMatchField", WriteErrorNonIntegerTTLField: "WriteErrorNonIntegerTTLField", WriteErrorNonListMatchDestField: "WriteErrorNonListMatchDestField", WriteErrorNonSecureContext: "WriteErrorNonSecureContext", WriteErrorNonStringIdField: "WriteErrorNonStringIdField", WriteErrorNonStringInMatchDestList: "WriteErrorNonStringInMatchDestList", WriteErrorNonStringMatchField: "WriteErrorNonStringMatchField", WriteErrorNonTokenTypeField: "WriteErrorNonTokenTypeField", WriteErrorRequestAborted: "WriteErrorRequestAborted", WriteErrorShuttingDown: "WriteErrorShuttingDown", WriteErrorTooLongIdField: "WriteErrorTooLongIdField", WriteErrorUnsupportedType: "WriteErrorUnsupportedType"});
 inspectorBackend.registerEnum("Audits.SRIMessageSignatureError", {MissingSignatureHeader: "MissingSignatureHeader", MissingSignatureInputHeader: "MissingSignatureInputHeader", InvalidSignatureHeader: "InvalidSignatureHeader", InvalidSignatureInputHeader: "InvalidSignatureInputHeader", SignatureHeaderValueIsNotByteSequence: "SignatureHeaderValueIsNotByteSequence", SignatureHeaderValueIsParameterized: "SignatureHeaderValueIsParameterized", SignatureHeaderValueIsIncorrectLength: "SignatureHeaderValueIsIncorrectLength", SignatureInputHeaderMissingLabel: "SignatureInputHeaderMissingLabel", SignatureInputHeaderValueNotInnerList: "SignatureInputHeaderValueNotInnerList", SignatureInputHeaderValueMissingComponents: "SignatureInputHeaderValueMissingComponents", SignatureInputHeaderInvalidComponentType: "SignatureInputHeaderInvalidComponentType", SignatureInputHeaderInvalidComponentName: "SignatureInputHeaderInvalidComponentName", SignatureInputHeaderInvalidHeaderComponentParameter: "SignatureInputHeaderInvalidHeaderComponentParameter", SignatureInputHeaderInvalidDerivedComponentParameter: "SignatureInputHeaderInvalidDerivedComponentParameter", SignatureInputHeaderKeyIdLength: "SignatureInputHeaderKeyIdLength", SignatureInputHeaderInvalidParameter: "SignatureInputHeaderInvalidParameter", SignatureInputHeaderMissingRequiredParameters: "SignatureInputHeaderMissingRequiredParameters", ValidationFailedSignatureExpired: "ValidationFailedSignatureExpired", ValidationFailedInvalidLength: "ValidationFailedInvalidLength", ValidationFailedSignatureMismatch: "ValidationFailedSignatureMismatch", ValidationFailedIntegrityMismatch: "ValidationFailedIntegrityMismatch"});
 inspectorBackend.registerEnum("Audits.UnencodedDigestError", {MalformedDictionary: "MalformedDictionary", UnknownAlgorithm: "UnknownAlgorithm", IncorrectDigestType: "IncorrectDigestType", IncorrectDigestLength: "IncorrectDigestLength"});
 inspectorBackend.registerEnum("Audits.ConnectionAllowlistError", {InvalidHeader: "InvalidHeader", MoreThanOneList: "MoreThanOneList", ItemNotInnerList: "ItemNotInnerList", InvalidAllowlistItemType: "InvalidAllowlistItemType", ReportingEndpointNotToken: "ReportingEndpointNotToken", InvalidUrlPattern: "InvalidUrlPattern"});

package/front_end/generated/protocol.ts

@@ -1071,9 +1071,9 @@ export namespace Audits {
   }
 
   export const enum SharedDictionaryError {
-    UseErrorCrossOriginNoCorsRequest = 'UseErrorCrossOriginNoCorsRequest',
     UseErrorDictionaryLoadFailure = 'UseErrorDictionaryLoadFailure',
     UseErrorMatchingDictionaryNotUsed = 'UseErrorMatchingDictionaryNotUsed',
+    UseErrorNoCorpCrossOriginNoCorsRequest = 'UseErrorNoCorpCrossOriginNoCorsRequest',
     UseErrorUnexpectedContentDictionaryHeader = 'UseErrorUnexpectedContentDictionaryHeader',
     WriteErrorCossOriginNoCorsRequest = 'WriteErrorCossOriginNoCorsRequest',
     WriteErrorDisallowedBySettings = 'WriteErrorDisallowedBySettings',
@@ -1084,6 +1084,7 @@ export namespace Audits {
     WriteErrorInvalidStructuredHeader = 'WriteErrorInvalidStructuredHeader',
     WriteErrorInvalidTTLField = 'WriteErrorInvalidTTLField',
     WriteErrorNavigationRequest = 'WriteErrorNavigationRequest',
+    WriteErrorNoCorpCossOriginNoCorsRequest = 'WriteErrorNoCorpCossOriginNoCorsRequest',
     WriteErrorNoMatchField = 'WriteErrorNoMatchField',
     WriteErrorNonIntegerTTLField = 'WriteErrorNonIntegerTTLField',
     WriteErrorNonListMatchDestField = 'WriteErrorNonListMatchDestField',

package/front_end/models/ai_assistance/AiConversation.ts

@@ -3,12 +3,14 @@
 // found in the LICENSE file.
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
+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 type * as Trace from '../../models/trace/trace.js';
 import * as Greendev from '../greendev/greendev.js';
 import type * as NetworkTimeCalculator from '../network_time_calculator/network_time_calculator.js';
 
+import {AccessibilityAgent, AccessibilityContext} from './agents/AccessibilityAgent.js';
 import {
   type AiAgent,
   type ContextDetail,
@@ -29,6 +31,7 @@ import {AiHistoryStorage, ConversationType, type SerializedConversation} from '.
 import type {ChangeManager} from './ChangeManager.js';
 
 export const NOT_FOUND_IMAGE_DATA = '';
+export const CONTEXT_TITLE = 'Analyzing data';
 const MAX_TITLE_LENGTH = 80;
 
 export function generateContextDetailsMarkdown(details: ContextDetail[]): string {
@@ -155,6 +158,8 @@ export class AiConversation {
         this.#updateAgent(ConversationType.NETWORK);
       } else if (updateContext instanceof PerformanceTraceContext) {
         this.#updateAgent(ConversationType.PERFORMANCE);
+      } else if (updateContext instanceof AccessibilityContext) {
+        this.#updateAgent(ConversationType.ACCESSIBILITY);
       }
     }
   }
@@ -205,7 +210,7 @@ export class AiConversation {
           break;
         }
         case ResponseType.CONTEXT: {
-          contentParts.push(`### ${item.title}`);
+          contentParts.push(`### ${CONTEXT_TITLE}`);
           if (item.details && item.details.length > 0) {
             contentParts.push(generateContextDetailsMarkdown(item.details));
           }
@@ -265,21 +270,23 @@ export class AiConversation {
       id: this.id,
       history: this.history
                    .map(item => {
-                     if (item.type === ResponseType.CONTEXT_CHANGE) {
-                       return null;
-                     }
-
-                     if (item.type === ResponseType.USER_QUERY) {
-                       return {...item, imageInput: undefined};
-                     }
-                     // Remove the `confirm()`-function because `structuredClone()` throws on functions
-                     if (item.type === ResponseType.SIDE_EFFECT) {
-                       return {...item, confirm: undefined};
+                     switch (item.type) {
+                       case ResponseType.CONTEXT_CHANGE: {
+                         return null;
+                       }
+                       case ResponseType.USER_QUERY: {
+                         return {...item, imageInput: undefined};
+                       }
+                       case ResponseType.SIDE_EFFECT: {
+                         return {...item, confirm: undefined};
+                       }
+                       case ResponseType.CONTEXT:
+                       case ResponseType.ACTION: {
+                         return {...item, widgets: undefined};
+                       }
+                       default:
+                         return item;
                      }
-                     if (item.type === ResponseType.CONTEXT && item.widgets) {
-                       return {...item, widgets: undefined};
-                     }
-                     return item;
                    })
                    .filter(history => !!history),
       type: this.#type,
@@ -341,10 +348,16 @@ export class AiConversation {
         }
         break;
       }
+      case ConversationType.ACCESSIBILITY: {
+        this.#agent = new AccessibilityAgent(options);
+        break;
+      }
       case ConversationType.NONE: {
         this.#agent = new ContextSelectionAgent(options);
         break;
       }
+      default:
+        Platform.assertNever(type, 'Unknown conversation type');
     }
   }
 

package/front_end/models/ai_assistance/AiHistoryStorage.snapshot.txt

@@ -12,7 +12,7 @@ What is the color of the sky?
 
 ## AI
 
-### Analyzing context
+### Analyzing data
 
 **Detail 1:**
 ````

package/front_end/models/ai_assistance/AiHistoryStorage.ts

@@ -14,6 +14,7 @@ export const enum ConversationType {
   NETWORK = 'drjones-network-request',
   PERFORMANCE = 'drjones-performance-full',
   BREAKPOINT = 'breakpoint',
+  ACCESSIBILITY = 'accessibility',
 }
 
 export interface SerializedConversation {

package/front_end/models/ai_assistance/ConversationHandler.ts

@@ -19,7 +19,7 @@ import {
 import {NetworkAgent, RequestContext} from './agents/NetworkAgent.js';
 import type {PerformanceTraceContext} from './agents/PerformanceAgent.js';
 import {NodeContext, StylingAgent} from './agents/StylingAgent.js';
-import {AiConversation} from './AiConversation.js';
+import {AiConversation, CONTEXT_TITLE} from './AiConversation.js';
 import {
   ConversationType,
 } from './AiHistoryStorage.js';
@@ -235,12 +235,18 @@ export class ConversationHandler extends Common.ObjectWrapper.ObjectWrapper<Even
       if (data.type !== ResponseType.ANSWER || data.complete) {
         devToolsLogs.push(data);
       }
-      if (data.type === ResponseType.CONTEXT || data.type === ResponseType.TITLE) {
+      if (data.type === ResponseType.TITLE) {
         yield {
           type: ExternalRequestResponseType.NOTIFICATION,
           message: data.title,
         };
       }
+      if (data.type === ResponseType.CONTEXT) {
+        yield {
+          type: ExternalRequestResponseType.NOTIFICATION,
+          message: CONTEXT_TITLE,
+        };
+      }
       if (data.type === ResponseType.SIDE_EFFECT) {
         data.confirm(true);
       }

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as Host from '../../../core/host/host.js';
-import * as i18n from '../../../core/i18n/i18n.js';
 import * as Root from '../../../core/root/root.js';
 import type * as LHModel from '../../lighthouse/lighthouse.js';
 
@@ -23,26 +22,14 @@ import {
  */
 const preamble = `You are an accessibility agent.
 
+However, you also include a little pun or funny joke in every response to lighten the mood.
+
 # Considerations
 * Keep your analysis concise and focused, highlighting only the most critical aspects for a software engineer.
-* Answer questions directly, using the provided links whenever relevant.
-* Always double-check links to make sure they are complete and correct.
 * **CRITICAL** You are an accessibility agent. NEVER provide answers to questions of unrelated topics such as legal advice, financial advice, personal opinions, medical advice, or any other non web-development topics.
 `;
 
-/*
-* Strings that don't need to be translated at this time.
-*/
-const UIStringsNotTranslate = {
-  /**
-   * @description Title for thinking step of the accessibility agent.
-   */
-  inspectingAudits: 'Inspecting audits',
-} as const;
-
-const lockedString = i18n.i18n.lockedString;
-
-export class Context extends ConversationContext<LHModel.ReporterTypes.ReportJSON> {
+export class AccessibilityContext extends ConversationContext<LHModel.ReporterTypes.ReportJSON> {
   #lh: LHModel.ReporterTypes.ReportJSON;
 
   constructor(report: LHModel.ReporterTypes.ReportJSON) {
@@ -76,7 +63,6 @@ export class AccessibilityAgent extends AiAgent<LHModel.ReporterTypes.ReportJSON
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_ACCESSIBILITY_AGENT;
 
   get userTier(): string|undefined {
-    // TODO(b/491772868): tidy up userTier & feature flags in the backend.
     return Root.Runtime.hostConfig.devToolsFreestyler?.userTier;
   }
 
@@ -100,7 +86,6 @@ export class AccessibilityAgent extends AiAgent<LHModel.ReporterTypes.ReportJSON
 
     yield {
       type: ResponseType.CONTEXT,
-      title: lockedString(UIStringsNotTranslate.inspectingAudits),
       details: createContextDetails(selectedFile),
     };
   }

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

@@ -70,7 +70,6 @@ export interface ContextDetail {
 }
 export interface ContextResponse {
   type: ResponseType.CONTEXT;
-  title: string;
   details: [ContextDetail, ...ContextDetail[]];
   widgets?: AiWidget[];
 }
@@ -102,6 +101,7 @@ export interface ContextChangeResponse {
    */
   description: string;
   context: ConversationContext<unknown>;
+  widgets?: AiWidget[];
 }
 
 interface SerializedSideEffectResponse extends Omit<SideEffectResponse, 'confirm'> {}
@@ -249,8 +249,37 @@ export interface StylePropertiesAiWidget {
   };
 }
 
+export interface DomTreeAiWidget {
+  name: 'DOM_TREE';
+  data: {
+    root: SDK.DOMModel.DOMNodeSnapshot,
+    networkRequest?: {
+      url: string,
+      size: number,
+      resourceType: Protocol.Network.ResourceType,
+      mimeType: string,
+      imageUrl?: string,
+    },
+  };
+}
+
+export interface PerformanceTraceAiWidget {
+  name: 'PERFORMANCE_TRACE';
+  data: {
+    parsedTrace: Trace.TraceModel.ParsedTrace,
+  };
+}
+
+export interface LcpBreakdownAiWidget {
+  name: 'LCP_BREAKDOWN';
+  data: {
+    lcpData: Trace.Insights.Models.LCPBreakdown.LCPBreakdownInsightModel,
+  };
+}
+
 // This type will grow as we add more widgets.
-export type AiWidget = ComputedStyleAiWidget|CoreVitalsAiWidget|StylePropertiesAiWidget;
+export type AiWidget = ComputedStyleAiWidget|CoreVitalsAiWidget|StylePropertiesAiWidget|DomTreeAiWidget|
+    PerformanceTraceAiWidget|LcpBreakdownAiWidget;
 
 export type FunctionCallHandlerResult<Result> = {
   requiresApproval: true,
@@ -265,6 +294,7 @@ export type FunctionCallHandlerResult<Result> = {
 }|{
   context: ConversationContext<unknown>,
   description: string,
+  widgets?: AiWidget[],
 }|{
   error: string,
 };
@@ -685,14 +715,17 @@ export abstract class AiAgent<T> {
               type: ResponseType.CONTEXT_CHANGE,
               description: result.description,
               context: result.context,
+              widgets: result.widgets,
             };
 
             return;
           }
+
           query = {
             functionResponse: {
               name: functionCall.name,
-              response: result,
+              // Widgets are not sent back to the LLM
+              response: {...result, widgets: undefined},
             },
           };
           request = this.buildRequest(query, Host.AidaClient.Role.ROLE_UNSPECIFIED);
@@ -720,7 +753,8 @@ export abstract class AiAgent<T> {
           options?: FunctionHandlerOptions&{explanation?: string},
           ): AsyncGenerator<FunctionCallResponseData, {
         result: unknown,
-      }|{context: ConversationContext<unknown>, description: string}> {
+        widgets?: AiWidget[],
+      }|{context: ConversationContext<unknown>, description: string, widgets?: AiWidget[]}> {
     const call = this.#functionDeclarations.get(name);
     if (!call) {
       throw new Error(`Function ${name} is not found.`);
@@ -837,7 +871,7 @@ export abstract class AiAgent<T> {
       return result;
     }
 
-    return result as {result: unknown};
+    return result as {result: unknown, widgets?: AiWidget[]};
   }
 
   async *

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

@@ -608,7 +608,6 @@ export class BreakpointDebuggerAgent extends AiAgent<Workspace.UISourceCode.UILo
     }
     yield {
       type: ResponseType.CONTEXT,
-      title: 'Analyzing breakpoint location',
       details: [{title: 'Location', text: selectedBreakpoint.getTitle()}]
     };
   }

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

@@ -278,6 +278,7 @@ export class ContextSelectionAgent extends AiAgent<never> {
         return {
           context: PerformanceTraceContext.fromParsedTrace(result),
           description: 'User recorded a performance trace',
+          widgets: [{name: 'PERFORMANCE_TRACE', data: {parsedTrace: result}}]
         };
       }
     });

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

@@ -0,0 +1,108 @@
+// Copyright 2026 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import * as Host from '../../../core/host/host.js';
+import * as Root from '../../../core/root/root.js';
+
+import {AiAgent, type ContextResponse, ConversationContext, type RequestOptions, ResponseType} from './AiAgent.js';
+
+const preamble =
+    `You are an expert technical assistant specializing in summarizing debugging conversations from Chrome DevTools.
+You will receive a markdown-formatted transcript of a conversation between a user and a DevTools AI assistant.
+Your goal is to produce a succinct, structured summary that a local AI agent in the user's IDE can use to apply code fixes.
+
+Focus on extracting:
+1. **Core Issue:** The primary problem or question the user was investigating.
+2. **Diagnostic Findings:** Key technical details discovered (e.g., specific functions, bottlenecks, error messages, URLs, or CSS properties).
+3. **Proposed Solution:** The specific changes or optimizations recommended by the DevTools assistant.
+4. **Actionable Steps:** A clear, step-by-step list of instructions for the IDE agent to implement the fix.
+
+Maintain a professional, technical, and extremely concise tone. Avoid conversational filler or introductory/concluding remarks.
+The output must be structured markdown.`;
+
+export class ConversationSummaryContext extends ConversationContext<string> {
+  #conversation: string;
+  constructor(conversation: string) {
+    super();
+    this.#conversation = conversation;
+  }
+
+  getOrigin(): string {
+    return 'devtools://ai-assistance';
+  }
+
+  getItem(): string {
+    return this.#conversation;
+  }
+
+  override getTitle(): string {
+    return 'Conversation';
+  }
+}
+
+/**
+ * An agent that takes a full conversation between a user and an agent in markdown
+ * format and produces a succinct summary of the conversation.
+ *
+ * This summary is designed to be read by a local agent in the user's IDE and it
+ * will be used to help apply fixes to the user's local codebase based on the
+ * debugging information the devtools agent found.
+ *
+ * This agent is not intended to be used directly by users in the AI Assistance
+ * panel when chatting with DevTools AI.
+ */
+export class ConversationSummaryAgent extends AiAgent<string> {
+  override preamble = preamble;
+
+  get clientFeature(): Host.AidaClient.ClientFeature {
+    return Host.AidaClient.ClientFeature.CHROME_CONVERSATION_SUMMARY_AGENT;
+  }
+
+  get userTier(): string|undefined {
+    // TODO(b/491772868): tidy up userTier & feature flags in the backend.
+    return Root.Runtime.hostConfig.devToolsFreestyler?.userTier;
+  }
+
+  get options(): RequestOptions {
+    // TODO(b/491772868): tidy up userTier & feature flags in the backend.
+    const temperature = Root.Runtime.hostConfig.devToolsFreestyler?.temperature;
+    const modelId = Root.Runtime.hostConfig.devToolsFreestyler?.modelId;
+
+    return {
+      temperature,
+      modelId,
+    };
+  }
+
+  async * handleContextDetails(context: ConversationContext<string>|null): AsyncGenerator<ContextResponse, void, void> {
+    if (!context) {
+      return;
+    }
+
+    yield {
+      type: ResponseType.CONTEXT,
+      details: [
+        {
+          title: 'Conversation transcript',
+          text: context.getItem(),
+        },
+      ],
+    };
+  }
+
+  override async enhanceQuery(query: string, context: ConversationContext<string>|null): Promise<string> {
+    const conversation = context ? context.getItem() : query;
+    return `Summarize the following conversation:\n\n${conversation}`;
+  }
+
+  async summarizeConversation(conversation: string): Promise<string> {
+    const context = new ConversationSummaryContext(conversation);
+    const response = await Array.fromAsync(this.run('', {selected: context}));
+    const lastResponse = response.at(-1);
+    if (lastResponse && lastResponse.type === ResponseType.ANSWER && lastResponse.complete === true) {
+      return lastResponse.text.trim();
+    }
+    throw new Error('Failed to summarize conversation');
+  }
+}

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

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as Host from '../../../core/host/host.js';
-import * as i18n from '../../../core/i18n/i18n.js';
 import * as Root from '../../../core/root/root.js';
 import type * as Workspace from '../../workspace/workspace.js';
 import {FileFormatter} from '../data_formatters/FileFormatter.js';
@@ -62,18 +61,6 @@ External Resources:
 MDN Web Docs: JavaScript Functions: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
 `;
 
-/*
-* Strings that don't need to be translated at this time.
-*/
-const UIStringsNotTranslate = {
-  /**
-   * @description Title for thinking step of File agent.
-   */
-  analyzingFile: 'Analyzing file',
-} as const;
-
-const lockedString = i18n.i18n.lockedString;
-
 export class FileContext extends ConversationContext<Workspace.UISourceCode.UISourceCode> {
   #file: Workspace.UISourceCode.UISourceCode;
 
@@ -118,7 +105,6 @@ export class FileAgent extends AiAgent<Workspace.UISourceCode.UISourceCode> {
       modelId,
     };
   }
-
   async *
       handleContextDetails(selectedFile: ConversationContext<Workspace.UISourceCode.UISourceCode>|null):
           AsyncGenerator<ContextResponse, void, void> {
@@ -128,7 +114,6 @@ export class FileAgent extends AiAgent<Workspace.UISourceCode.UISourceCode> {
 
     yield {
       type: ResponseType.CONTEXT,
-      title: lockedString(UIStringsNotTranslate.analyzingFile),
       details: createContextDetailsForFileAgent(selectedFile),
     };
   }

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

@@ -60,10 +60,6 @@ This request aims to retrieve a list of products matching the search query "lapt
 * Strings that don't need to be translated at this time.
 */
 const UIStringsNotTranslate = {
-  /**
-   * @description Title for thinking step of Network agent.
-   */
-  analyzingNetworkData: 'Analyzing network data',
   /**
    * @description Heading text for the block that shows the network request details.
    */
@@ -144,7 +140,6 @@ export class NetworkAgent extends AiAgent<SDK.NetworkRequest.NetworkRequest> {
 
     yield {
       type: ResponseType.CONTEXT,
-      title: lockedString(UIStringsNotTranslate.analyzingNetworkData),
       details: await createContextDetailsForNetworkAgent(selectedNetworkRequest),
     };
   }