chrome-devtools-frontend 1.0.1598808 → 1.0.1601661

package/front_end/panels/ai_assistance/AiAssistancePanel.ts

@@ -14,7 +14,7 @@ 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 LHModel from '../../models/lighthouse/lighthouse.js';
 import type * as Trace from '../../models/trace/trace.js';
 import * as Workspace from '../../models/workspace/workspace.js';
 import * as Buttons from '../../ui/components/buttons/buttons.js';
@@ -23,6 +23,7 @@ import * as UIHelpers from '../../ui/helpers/helpers.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Lit from '../../ui/lit/lit.js';
 import * as VisualLogging from '../../ui/visual_logging/visual_logging.js';
+import * as LighthousePanel from '../lighthouse/lighthouse.js';
 import * as NetworkForward from '../network/forward/forward.js';
 import * as NetworkPanel from '../network/network.js';
 import * as TimelinePanel from '../timeline/timeline.js';
@@ -47,6 +48,7 @@ import {StylingAgentMarkdownRenderer} from './components/StylingAgentMarkdownRen
 import {
   WalkthroughView,
 } from './components/WalkthroughView.js';
+import {saveToDisk} from './ExportConversation.js';
 import {isAiAssistancePatchingEnabled} from './PatchWidget.js';
 
 const {html} = Lit;
@@ -129,6 +131,10 @@ const UIStringsNotTranslate = {
    * @description Announcement text for screen readers when the answer comes.
    */
   answerReady: 'Answer ready',
+  /**
+   * @description Title for the first step of the walkthrough.
+   */
+  analyzingData: 'Analyzing data',
   /**
    * @description Placeholder text for the input shown when the conversation is blocked because a cross-origin context was selected.
    */
@@ -227,6 +233,24 @@ const UIStringsNotTranslate = {
    */
   inputDisclaimerForNoContextEnterpriseNoLogging:
       'Chat messages, any data the inspected page can see using Web APIs, and the items you select such as files, network requests, and performance traces are sent to Google. This data will not be used to improve Google’s AI models. This is an experimental AI feature and won’t always get it right.',
+  /**
+   * @description Placeholder text for the chat UI input.
+   */
+  inputPlaceholderForAccessibility: 'Ask a question about the selected Lighthouse report',
+  /**
+   * @description Placeholder text for the chat UI input when there is no context selected.
+   */
+  inputPlaceholderForAccessibilityNoContext: 'Generate a Lighthouse report to ask a question',
+  /**
+   * @description Disclaimer text right after the chat input.
+   */
+  inputDisclaimerForAccessibility:
+      'Chat messages and the selected Lighthouse report are sent to Google and may be seen by human reviewers to improve this feature. This is an experimental AI feature and won’t always get it right.',
+  /**
+   * @description Disclaimer text right after the chat input.
+   */
+  inputDisclaimerForAccessibilityEnterpriseNoLogging:
+      'Chat messages and the selected Lighthouse report are sent to Google. The content you submit and that is generated by this feature will not be used to improve Google’s AI models. This is an experimental AI feature and won’t always get it right.',
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('panels/ai_assistance/AiAssistancePanel.ts', UIStrings);
@@ -279,7 +303,14 @@ async function getEmptyStateSuggestions(conversation?: AiAssistanceModel.AiConve
         {title: 'Is the script optimized for performance?', jslogContext: 'file-default'},
         {title: 'Does the script handle user input safely?', jslogContext: 'file-default'},
       ];
+    case AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY:
+      return [
+        {title: 'What are the accessibility issues on this page?', jslogContext: 'accessibility-default'},
+        {title: 'How can I fix these accessibility issues?', jslogContext: 'accessibility-default'},
+        {title: 'What does this Lighthouse report say about accessibility?', jslogContext: 'accessibility-default'},
+      ];
     case AiAssistanceModel.AiHistoryStorage.ConversationType.NETWORK:
+
       return [
         {title: 'Why is this network request taking so long?', jslogContext: 'network-default'},
         {title: 'Are there any security headers present?', jslogContext: 'network-default'},
@@ -380,6 +411,7 @@ export interface PanelViewOutput {
 type View = (input: ViewInput, output: PanelViewOutput, target: HTMLElement) => void;
 
 function toolbarView(input: ToolbarViewInput): Lit.LitTemplate {
+  const hasAiV2 = Boolean(Root.Runtime.hostConfig.devToolsAiAssistanceV2?.enabled);
   // clang-format off
   return html`
     <div class="toolbar-container" role="toolbar" jslog=${VisualLogging.toolbar()}>
@@ -410,16 +442,18 @@ function toolbarView(input: ToolbarViewInput): Lit.LitTemplate {
               .variant=${Buttons.Button.Variant.TOOLBAR}
               @click=${input.onDeleteClick}>
           </devtools-button>
-          <devtools-button
-            title=${i18nString(UIStrings.exportConversation)}
-            aria-label=${i18nString(UIStrings.exportConversation)}
-            .iconName=${'download'}
-            .disabled=${input.isLoading}
-            .jslogContext=${'export-ai-conversation'}
-            .variant=${Buttons.Button.Variant.TOOLBAR}
-            @click=${input.onExportConversationClick}>
-          </devtools-button>`
-           : Lit.nothing}
+          ${hasAiV2 ? Lit.nothing : html`
+            <devtools-button
+              title=${i18nString(UIStrings.exportConversation)}
+              aria-label=${i18nString(UIStrings.exportConversation)}
+              .iconName=${'download'}
+              .disabled=${input.isLoading}
+              .jslogContext=${'export-ai-conversation'}
+              .variant=${Buttons.Button.Variant.TOOLBAR}
+              @click=${input.onExportConversationClick}>
+            </devtools-button>
+            `
+          }` : Lit.nothing}
       </devtools-toolbar>
       <devtools-toolbar class="freestyler-right-toolbar" role="presentation">
         <devtools-link
@@ -549,6 +583,14 @@ function createBreakpointContext(uiLocation: Workspace.UISourceCode.UILocation|n
   return new AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext(uiLocation);
 }
 
+function createAccessibilityContext(report: LighthousePanel.LighthousePanel.ActiveLighthouseReport|null):
+    AiAssistanceModel.AccessibilityAgent.AccessibilityContext|null {
+  if (!report) {
+    return null;
+  }
+  return new AiAssistanceModel.AccessibilityAgent.AccessibilityContext(report.report);
+}
+
 function createRequestContext(request: SDK.NetworkRequest.NetworkRequest|null):
     AiAssistanceModel.NetworkAgent.RequestContext|null {
   if (!request) {
@@ -597,6 +639,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   // NodeJS debugging does not have Elements panel, thus this action might not exist.
   #toggleSearchElementAction?: UI.ActionRegistration.Action;
   #aidaClient: Host.AidaClient.AidaClient;
+  #conversationSummaryAgent?: AiAssistanceModel.ConversationSummaryAgent.ConversationSummaryAgent;
   #viewOutput: PanelViewOutput = {};
   #serverSideLoggingEnabled = isAiAssistanceServerSideLoggingEnabled();
   #aiAssistanceEnabledSetting: Common.Settings.Setting<boolean>|undefined;
@@ -610,7 +653,9 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   #selectedPerformanceTrace: AiAssistanceModel.PerformanceAgent.PerformanceTraceContext|null = null;
   #selectedRequest: AiAssistanceModel.NetworkAgent.RequestContext|null = null;
   #selectedBreakpoint: AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext|null = null;
+  #selectedAccessibility: AiAssistanceModel.AccessibilityAgent.AccessibilityContext|null = null;
   // Messages displayed in the `ChatView` component.
+
   #messages: Message[] = [];
 
   // Whether the UI should show loading or not.
@@ -716,11 +761,23 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           emptyStateSuggestions,
           inputPlaceholder: this.#getChatInputPlaceholder(),
           disclaimerText: this.#getDisclaimerText(),
+          onExportConversation: this.#onExportConversationClick.bind(this),
           changeManager: this.#changeManager,
           uploadImageInputEnabled: isAiAssistanceMultimodalUploadInputEnabled() &&
               this.#conversation.type === AiAssistanceModel.AiHistoryStorage.ConversationType.STYLING,
           markdownRenderer,
+          conversationMarkdown: this.#conversation.getConversationMarkdown(),
+          generateConversationSummary: async (markdown: string) => {
+            if (!this.#conversationSummaryAgent) {
+              this.#conversationSummaryAgent = new AiAssistanceModel.ConversationSummaryAgent.ConversationSummaryAgent({
+                aidaClient: this.#aidaClient,
+                serverSideLoggingEnabled: this.#serverSideLoggingEnabled,
+              });
+            }
+            return await this.#conversationSummaryAgent.summarizeConversation(markdown);
+          },
           onTextSubmit: async (
+
               text: string, imageInput?: Host.AidaClient.Part,
               multimodalInputType?: AiAssistanceModel.AiAgent.MultimodalInputType) => {
             Host.userMetrics.actionTaken(Host.UserMetrics.Action.AiAssistanceQuerySubmitted);
@@ -831,6 +888,10 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     return await TimelinePanel.TimelinePanel.TimelinePanel.executeRecordAndReload();
   }
 
+  async #handleLighthouseRun(): Promise<LHModel.ReporterTypes.ReportJSON|null> {
+    return await LighthousePanel.LighthousePanel.LighthousePanel.executeLighthouseRecording({isAIControlled: true});
+  }
+
   #getDefaultConversationType(): AiAssistanceModel.AiHistoryStorage.ConversationType|undefined {
     const {hostConfig} = Root.Runtime;
     const viewManager = UI.ViewManager.ViewManager.instance();
@@ -838,6 +899,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     const isNetworkPanelVisible = viewManager.isViewVisible('network');
     const isSourcesPanelVisible = viewManager.isViewVisible('sources');
     const isPerformancePanelVisible = viewManager.isViewVisible('timeline');
+    const isLighthousePanelVisible = viewManager.isViewVisible('lighthouse');
 
     let targetConversationType: AiAssistanceModel.AiHistoryStorage.ConversationType|undefined;
     if (isElementsPanelVisible && hostConfig.devToolsFreestyler?.enabled) {
@@ -852,6 +914,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.FILE;
     } else if (isPerformancePanelVisible && hostConfig.devToolsAiAssistancePerformanceAgent?.enabled) {
       targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.PERFORMANCE;
+    } else if (isLighthousePanelVisible && hostConfig.devToolsAiAssistanceAccessibilityAgent?.enabled) {
+      targetConversationType = AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY;
     }
 
     if (isAiAssistanceContextSelectionAgentEnabled() && !targetConversationType) {
@@ -884,12 +948,19 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       // So we can just reuse it
       return;
     }
-    const conversation = targetConversationType ?
-        new AiAssistanceModel.AiConversation.AiConversation(
-            targetConversationType, [], undefined, false, this.#aidaClient, this.#changeManager, false,
-            this.#handlePerformanceRecordAndReload.bind(this), this.#handleInspectElement.bind(this),
-            NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator()) :
-        undefined;
+    const conversation = targetConversationType ? new AiAssistanceModel.AiConversation.AiConversation({
+      type: targetConversationType,
+      data: [],
+      isReadOnly: false,
+      aidaClient: this.#aidaClient,
+      changeManager: this.#changeManager,
+      isExternal: false,
+      performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
+      onInspectElement: this.#handleInspectElement.bind(this),
+      networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
+      lighthouseRecording: this.#handleLighthouseRun.bind(this),
+    }) :
+                                                  undefined;
 
     this.#updateConversationState(conversation);
   }
@@ -907,18 +978,17 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       if (!conversation) {
         const conversationType = this.#getDefaultConversationType();
         if (conversationType) {
-          conversation = new AiAssistanceModel.AiConversation.AiConversation(
-              conversationType,
-              [],
-              undefined,
-              false,
-              this.#aidaClient,
-              this.#changeManager,
-              false,
-              this.#handlePerformanceRecordAndReload.bind(this),
-              this.#handleInspectElement.bind(this),
-              NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
-          );
+          conversation = new AiAssistanceModel.AiConversation.AiConversation({
+            type: conversationType,
+            data: [],
+            isReadOnly: false,
+            aidaClient: this.#aidaClient,
+            changeManager: this.#changeManager,
+            isExternal: false,
+            performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
+            onInspectElement: this.#handleInspectElement.bind(this),
+            networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
+          });
         }
       }
 
@@ -927,7 +997,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
 
     if (this.#conversation) {
       if (this.#conversation.isEmpty && isAiAssistanceContextSelectionAgentEnabled()) {
-        this.#conversation.setContext(this.#getConversationContext(this.#getDefaultConversationType()));
+        const context = this.#getConversationContext(this.#getDefaultConversationType());
+        this.#conversation.setContext(context);
       } else {
         const context = this.#getConversationContext(this.#conversation.type);
         // Don't reset to the context selection agent if
@@ -945,18 +1016,17 @@ export class AiAssistancePanel extends UI.Panel.Panel {
   async handleBreakpointConversation(uiLocation: Workspace.UISourceCode.UILocation, errorMsg?: string): Promise<void> {
     const context = new AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext(uiLocation);
     this.#selectedBreakpoint = context;
-    const conversation = new AiAssistanceModel.AiConversation.AiConversation(
-        AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT,
-        [],
-        undefined,
-        false,
-        this.#aidaClient,
-        this.#changeManager,
-        false,
-        this.#handlePerformanceRecordAndReload.bind(this),
-        this.#handleInspectElement.bind(this),
-        NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
-    );
+    const conversation = new AiAssistanceModel.AiConversation.AiConversation({
+      type: AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT,
+      data: [],
+      isReadOnly: false,
+      aidaClient: this.#aidaClient,
+      changeManager: this.#changeManager,
+      isExternal: false,
+      performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
+      onInspectElement: this.#handleInspectElement.bind(this),
+      networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
+    });
     this.#updateConversationState(conversation);
     this.#conversation?.setContext(context);
     this.requestUpdate();
@@ -980,6 +1050,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     this.#selectedFile = createFileContext(UI.Context.Context.instance().flavor(Workspace.UISourceCode.UISourceCode));
     this.#selectedBreakpoint =
         createBreakpointContext(UI.Context.Context.instance().flavor(Workspace.UISourceCode.UILocation));
+    this.#selectedAccessibility = createAccessibilityContext(
+        UI.Context.Context.instance().flavor(LighthousePanel.LighthousePanel.ActiveLighthouseReport));
     this.#updateConversationState(this.#conversation);
 
     this.#aiAssistanceEnabledSetting?.addChangeListener(this.requestUpdate, this);
@@ -996,6 +1068,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         Workspace.UISourceCode.UISourceCode, this.#handleUISourceCodeFlavorChange);
     UI.Context.Context.instance().addFlavorChangeListener(
         Workspace.UISourceCode.UILocation, this.#handleBreakpointFlavorChange);
+    UI.Context.Context.instance().addFlavorChangeListener(
+        LighthousePanel.LighthousePanel.ActiveLighthouseReport, this.#handleLighthouseReportFlavorChange);
 
     UI.ViewManager.ViewManager.instance().addEventListener(
         UI.ViewManager.Events.VIEW_VISIBILITY_CHANGED, this.#selectDefaultAgentIfNeeded, this);
@@ -1030,6 +1104,9 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         AiAssistanceModel.AIContext.AgentFocus, this.#handlePerformanceTraceFlavorChange);
     UI.Context.Context.instance().removeFlavorChangeListener(
         Workspace.UISourceCode.UISourceCode, this.#handleUISourceCodeFlavorChange);
+    UI.Context.Context.instance().removeFlavorChangeListener(
+        LighthousePanel.LighthousePanel.ActiveLighthouseReport, this.#handleLighthouseReportFlavorChange);
+
     UI.ViewManager.ViewManager.instance().removeEventListener(
         UI.ViewManager.Events.VIEW_VISIBILITY_CHANGED, this.#selectDefaultAgentIfNeeded, this);
     UI.Context.Context.instance().removeFlavorChangeListener(
@@ -1129,6 +1206,17 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         this.#updateConversationState(this.#conversation);
       };
 
+  #handleLighthouseReportFlavorChange =
+      (ev: Common.EventTarget.EventTargetEvent<LighthousePanel.LighthousePanel.ActiveLighthouseReport>): void => {
+        const newReport = ev.data;
+
+        if (this.#selectedAccessibility?.getItem() === newReport?.report) {
+          return;
+        }
+        this.#selectedAccessibility = createAccessibilityContext(newReport);
+        this.#updateConversationState(this.#conversation);
+      };
+
   #getChangeSummary(): string|undefined {
     if (!isAiAssistancePatchingEnabled() || !this.#conversation || this.#conversation?.isReadOnly) {
       return;
@@ -1227,7 +1315,12 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       }
       case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT:
         return lockedString(UIStringsNotTranslate.inputPlaceholderForNoContext);
+      case AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY:
+        return this.#conversation.selectedContext ?
+            lockedString(UIStringsNotTranslate.inputPlaceholderForAccessibility) :
+            lockedString(UIStringsNotTranslate.inputPlaceholderForAccessibilityNoContext);
       case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE:
+
         if (AiAssistanceModel.AiUtils.isGeminiBranding()) {
           return lockedString(UIStringsNotTranslate.inputPlaceholderForNoContextBranded);
         }
@@ -1267,7 +1360,14 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         }
         return lockedString(UIStringsNotTranslate.inputDisclaimerForPerformance);
 
+      case AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY:
+        if (noLogging) {
+          return lockedString(UIStringsNotTranslate.inputDisclaimerForAccessibilityEnterpriseNoLogging);
+        }
+        return lockedString(UIStringsNotTranslate.inputDisclaimerForAccessibility);
+
       case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT:
+
       case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE:
         if (noLogging) {
           return lockedString(UIStringsNotTranslate.inputDisclaimerForNoContextEnterpriseNoLogging);
@@ -1391,18 +1491,17 @@ export class AiAssistancePanel extends UI.Panel.Panel {
 
     let conversation = this.#conversation;
     if (!this.#conversation || this.#conversation.type !== targetConversationType || this.#conversation.isEmpty) {
-      conversation = new AiAssistanceModel.AiConversation.AiConversation(
-          targetConversationType,
-          [],
-          undefined,
-          false,
-          this.#aidaClient,
-          this.#changeManager,
-          false,
-          this.#handlePerformanceRecordAndReload.bind(this),
-          this.#handleInspectElement.bind(this),
-          NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
-      );
+      conversation = new AiAssistanceModel.AiConversation.AiConversation({
+        type: targetConversationType,
+        data: [],
+        isReadOnly: false,
+        aidaClient: this.#aidaClient,
+        changeManager: this.#changeManager,
+        isExternal: false,
+        performanceRecordAndReload: this.#handlePerformanceRecordAndReload.bind(this),
+        onInspectElement: this.#handleInspectElement.bind(this),
+        networkTimeCalculator: NetworkPanel.NetworkPanel.NetworkPanel.instance().networkLogView.timeCalculator(),
+      });
     }
     this.#updateConversationState(conversation);
     const predefinedPrompt = opts?.['prompt'];
@@ -1479,22 +1578,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
     if (!this.#conversation) {
       return;
     }
-
-    const markdownContent = this.#conversation.getConversationMarkdown();
-    const contentData = new TextUtils.ContentData.ContentData(markdownContent, false, 'text/markdown');
-
-    const titleFormatted = Platform.StringUtilities.toSnakeCase(this.#conversation.title || '');
-    const prefix = 'devtools_';
-    const suffix = '.md';
-    const maxTitleLength = 64 - prefix.length - suffix.length;
-    let finalTitle = titleFormatted || 'conversation';
-    if (finalTitle.length > maxTitleLength) {
-      finalTitle = finalTitle.substring(0, maxTitleLength);
-    }
-    const filename = `${prefix}${finalTitle}${suffix}` as Platform.DevToolsPath.RawPathString;
-
-    await Workspace.FileManager.FileManager.instance().save(filename, contentData, true);
-    Workspace.FileManager.FileManager.instance().close(filename);
+    return await saveToDisk(this.#conversation);
   }
 
   async #openHistoricConversation(conversation: AiAssistanceModel.AiConversation.AiConversation): Promise<void> {
@@ -1533,7 +1617,10 @@ export class AiAssistancePanel extends UI.Panel.Panel {
         return this.#selectedPerformanceTrace;
       case AiAssistanceModel.AiHistoryStorage.ConversationType.BREAKPOINT:
         return this.#selectedBreakpoint;
+      case AiAssistanceModel.AiHistoryStorage.ConversationType.ACCESSIBILITY:
+        return this.#selectedAccessibility;
       case AiAssistanceModel.AiHistoryStorage.ConversationType.NONE:
+
       case undefined:
         return null;
     }
@@ -1550,6 +1637,8 @@ export class AiAssistancePanel extends UI.Panel.Panel {
       this.#selectedPerformanceTrace = data;
     } else if (data instanceof AiAssistanceModel.BreakpointDebuggerAgent.BreakpointContext) {
       this.#selectedBreakpoint = data;
+    } else if (data instanceof AiAssistanceModel.AccessibilityAgent.AccessibilityContext) {
+      this.#selectedAccessibility = data;
     }
 
     void VisualLogging.logFunctionCall(`context-change-${this.#conversation?.type}`);
@@ -1717,7 +1806,7 @@ export class AiAssistancePanel extends UI.Panel.Panel {
             break;
           }
           case AiAssistanceModel.AiAgent.ResponseType.CONTEXT: {
-            step.title = data.title;
+            step.title = lockedString(UIStringsNotTranslate.analyzingData);
             step.contextDetails = data.details;
             step.widgets = data.widgets;
             step.isLoading = false;
@@ -1836,9 +1925,9 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           case AiAssistanceModel.AiAgent.ResponseType.CONTEXT_CHANGE: {
             this.#handleConversationContextChange(data.context);
             step.isLoading = false;
+            step.widgets = data.widgets;
             commitStep();
             step = {isLoading: true};
-
             break;
           }
         }
@@ -1857,12 +1946,12 @@ export class AiAssistancePanel extends UI.Panel.Panel {
           }
 
           // Announce as status update to screen readers when:
-          // * Context is received (e.g. Analyzing the prompt)
+          // * Context is received (e.g. Analyzing data)
           // * Answer started streaming
           // * Answer finished streaming
           switch (data.type) {
             case AiAssistanceModel.AiAgent.ResponseType.CONTEXT:
-              UI.ARIAUtils.LiveAnnouncer.status(data.title);
+              UI.ARIAUtils.LiveAnnouncer.status(lockedString(UIStringsNotTranslate.analyzingData));
               break;
             case AiAssistanceModel.AiAgent.ResponseType.ANSWER: {
               if (!data.complete && !announcedAnswerLoading) {

package/front_end/panels/ai_assistance/ExportConversation.ts

@@ -0,0 +1,25 @@
+// 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 Platform from '../../core/platform/platform.js';
+import type * as AiAssistanceModel from '../../models/ai_assistance/ai_assistance.js';
+import * as TextUtils from '../../models/text_utils/text_utils.js';
+import * as Workspace from '../../models/workspace/workspace.js';
+
+export async function saveToDisk(conversation: AiAssistanceModel.AiConversation.AiConversation): Promise<void> {
+  const markdownContent = conversation.getConversationMarkdown();
+  const contentData = new TextUtils.ContentData.ContentData(markdownContent, false, 'text/markdown');
+
+  const titleFormatted = Platform.StringUtilities.toSnakeCase(conversation.title || '');
+  const prefix = 'devtools_';
+  const suffix = '.md';
+  const maxTitleLength = 64 - prefix.length - suffix.length;
+  let finalTitle = titleFormatted || 'conversation';
+  if (finalTitle.length > maxTitleLength) {
+    finalTitle = finalTitle.substring(0, maxTitleLength);
+  }
+  const filename = `${prefix}${finalTitle}${suffix}` as Platform.DevToolsPath.RawPathString;
+
+  await Workspace.FileManager.FileManager.instance().save(filename, contentData, true);
+  Workspace.FileManager.FileManager.instance().close(filename);
+}

package/front_end/panels/ai_assistance/ai_assistance.ts

@@ -9,6 +9,8 @@ export * from './components/MarkdownRendererWithCodeBlock.js';
 export * from './SelectWorkspaceDialog.js';
 export * as ChatMessage from './components/ChatMessage.js';
 export * as ExploreWidget from './components/ExploreWidget.js';
+export * as ExportForAgentsDialog from './components/ExportForAgentsDialog.js';
 export * as PatchWidget from './PatchWidget.js';
 export * as DisabledWidget from './components/DisabledWidget.js';
 export * as WalkthroughView from './components/WalkthroughView.js';
+export * as ExportConversation from './ExportConversation.js';

package/front_end/panels/ai_assistance/components/ChatInput.ts

@@ -347,6 +347,8 @@ export const DEFAULT_VIEW = (input: ViewInput, _output: ViewOutput, target: HTML
                             PanelUtils.PanelUtils.getIconForNetworkRequest(input.context.getItem()) :
                             input.context instanceof AiAssistanceModel.FileAgent.FileContext ?
                             PanelUtils.PanelUtils.getIconForSourceFile(input.context.getItem()) :
+                            input.context instanceof AiAssistanceModel.AccessibilityAgent.AccessibilityContext ?
+                            html`<devtools-icon class="icon" name="performance" title="Lighthouse"></devtools-icon>` :
                             input.context instanceof AiAssistanceModel.PerformanceAgent.PerformanceTraceContext ?
                             html`<devtools-icon class="icon" name="performance" title="Performance"></devtools-icon>` :
                             Lit.nothing}