[Freestyler] Add history entry point

This adds the button and ability to navigate different conversations.
The history is kept in memory for now.

Bug: 351752761
Change-Id: I6585295e149fb12880b116b94312c0cd4a2e11d5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5973696
Commit-Queue: Nikolay Vitkov <[email protected]>
Auto-Submit: Nikolay Vitkov <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: Lightning00Blade

config/gni/devtools_grd_files.gni

@@ -150,6 +150,7 @@ grd_files_release_sources = [
   "front_end/Images/heap-snapshot.svg",
   "front_end/Images/heap-snapshots.svg",
   "front_end/Images/help.svg",
+  "front_end/Images/history.svg",
   "front_end/Images/home.svg",
   "front_end/Images/hover.svg",
   "front_end/Images/iframe-crossed.svg",

config/gni/devtools_image_files.gni

@@ -153,6 +153,7 @@ devtools_svg_sources = [
   "heap-snapshot.svg",
   "heap-snapshots.svg",
   "help.svg",
+  "history.svg",
   "home.svg",
   "hover.svg",
   "iframe-crossed.svg",

front_end/Images/src/history.svg

@@ -12,6 +12,7 @@ import * as Freestyler from './freestyler.js';
 const {AiAgent, ResponseType} = Freestyler;
 
 class AiAgentMock extends AiAgent<unknown> {
+  type = Freestyler.AgentType.FREESTYLER;
   override preamble = 'preamble';
 
   // eslint-disable-next-line require-yield

front_end/panels/freestyler/AiAgent.test.ts

@@ -118,13 +118,21 @@ interface ParsedResponseStep {
 
 export type ParsedResponse = ParsedResponseAnswer|ParsedResponseStep;
 
+export const enum AgentType {
+  FREESTYLER = 'freestyler',
+  DRJONES_FILE = 'drjones-file',
+  DRJONES_NETWORK_REQUEST = 'drjones-network-request',
+  DRJONES_PERFORMANCE = 'drjones-performance',
+}
+
 const MAX_STEP = 10;
 
 export abstract class AiAgent<T> {
   static validTemperature(temperature: number|undefined): number|undefined {
     return typeof temperature === 'number' && temperature >= 0 ? temperature : undefined;
   }
 
+  abstract type: AgentType;
   readonly #sessionId: string = crypto.randomUUID();
   #aidaClient: Host.AidaClient.AidaClient;
   #serverSideLoggingEnabled: boolean;
@@ -153,6 +161,20 @@ export abstract class AiAgent<T> {
     this.#history = history;
   }
 
+  get isEmpty(): boolean {
+    return this.#history.size <= 0;
+  }
+
+  get title(): string|undefined {
+    return [...this.#history.values()]
+        .flat()
+        .filter(response => {
+          return response.type === ResponseType.USER_QUERY;
+        })
+        .at(-1)
+        ?.query;
+  }
+
   #structuredLog: Array<{
     request: Host.AidaClient.AidaRequest,
     response: string,

front_end/panels/freestyler/AiAgent.ts

@@ -9,6 +9,7 @@ import * as Bindings from '../../models/bindings/bindings.js';
 import type * as Workspace from '../../models/workspace/workspace.js';
 
 import {
+  AgentType,
   AiAgent,
   type AidaRequestOptions,
   type ContextDetail,
@@ -73,6 +74,7 @@ const MAX_FILE_SIZE = 10000;
  * instance for a new conversation.
  */
 export class DrJonesFileAgent extends AiAgent<Workspace.UISourceCode.UISourceCode> {
+  override type = AgentType.DRJONES_FILE;
   readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_DRJONES_FILE_AGENT;
   get userTier(): string|undefined {

front_end/panels/freestyler/DrJonesFileAgent.ts

@@ -10,6 +10,7 @@ import * as Logs from '../../models/logs/logs.js';
 import * as Network from '../../panels/network/network.js';
 
 import {
+  AgentType,
   AiAgent,
   type AidaRequestOptions,
   type ContextDetail,
@@ -101,6 +102,7 @@ const lockedString = i18n.i18n.lockedString;
  * instance for a new conversation.
  */
 export class DrJonesNetworkAgent extends AiAgent<SDK.NetworkRequest.NetworkRequest> {
+  override type = AgentType.DRJONES_NETWORK_REQUEST;
   readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_DRJONES_NETWORK_AGENT;
   get userTier(): string|undefined {

front_end/panels/freestyler/DrJonesNetworkAgent.ts

@@ -8,6 +8,7 @@ import * as i18n from '../../core/i18n/i18n.js';
 import type * as TimelineUtils from '../../panels/timeline/utils/utils.js';
 
 import {
+  AgentType,
   AiAgent,
   type AidaRequestOptions,
   type ContextResponse,
@@ -124,6 +125,7 @@ const lockedString = i18n.i18n.lockedString;
  * instance for a new conversation.
  */
 export class DrJonesPerformanceAgent extends AiAgent<TimelineUtils.AICallTree.AICallTree> {
+  override type = AgentType.DRJONES_PERFORMANCE;
   readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_DRJONES_PERFORMANCE_AGENT;
   get userTier(): string|undefined {

front_end/panels/freestyler/DrJonesPerformanceAgent.ts

@@ -755,7 +755,6 @@ c`;
       const agent = new FreestylerAgent({
         aidaClient: mockAidaClient(generateAnswer),
         execJs,
-
       });
 
       const responses = await Array.fromAsync(agent.run('test', {selected: element}));

front_end/panels/freestyler/FreestylerAgent.test.ts

@@ -12,6 +12,7 @@ import * as UI from '../../ui/legacy/legacy.js';
 
 import {
   type ActionResponse,
+  AgentType,
   AiAgent,
   type AidaRequestOptions,
   type ContextResponse,
@@ -193,6 +194,8 @@ type AgentOptions = {
  * instance for a new conversation.
  */
 export class FreestylerAgent extends AiAgent<SDK.DOMModel.DOMNode> {
+  override type = AgentType.FREESTYLER;
+
   readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_FREESTYLER;
   get userTier(): string|undefined {