[AI Assistance] align preambles with server-side

Bug: 352823552
Change-Id: I2807235f022c22df7917d69b58b28fb7b313b434
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6330695
Commit-Queue: Alex Rudenko <[email protected]>
Reviewed-by: Wolfgang Beyer <[email protected]>

Author: OrKoN

front_end/panels/ai_assistance/agents/FileAgent.ts

@@ -19,6 +19,7 @@ import {
   ResponseType,
 } from './AiAgent.js';
 
+// Sync with the server-side.
 const preamble =
     `You are a highly skilled software engineer with expertise in various programming languages and frameworks.
 You are provided with the content of a file from the Chrome DevTools Sources panel. To aid your analysis, you've been given the below links to understand the context of the code and its relationship to other files. When answering questions, prioritize providing these links directly.

front_end/panels/ai_assistance/agents/NetworkAgent.ts

@@ -19,6 +19,7 @@ import {
   ResponseType,
 } from './AiAgent.js';
 
+// Sync with the server-side.
 /* clang-format off */
 const preamble = `You are the most advanced network request debugging assistant integrated into Chrome DevTools.
 The user selected a network request in the browser's DevTools Network Panel and sends a query to understand the request.

front_end/panels/ai_assistance/agents/PatchAgent.ts

@@ -18,6 +18,12 @@ import {
   ResponseType,
 } from './AiAgent.js';
 
+// Sync with the server-side.
+/* clang-format off */
+const preamble = `You are a highly skilled software engineer with expertise in various programming languages and frameworks.
+`;
+/* clang-format on */
+
 export class PatchAgent extends AiAgent<Workspace.Workspace.Project> {
   #project: AgentProject;
   #fileUpdateAgent: FileUpdateAgent;
@@ -31,7 +37,7 @@ export class PatchAgent extends AiAgent<Workspace.Workspace.Project> {
   }
 
   override readonly type = AgentType.PATCH;
-  readonly preamble = undefined;
+  readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_PATCH_AGENT;
 
   get userTier(): string|undefined {
@@ -196,7 +202,7 @@ export class FileUpdateAgent extends AiAgent<Workspace.Workspace.Project> {
   }
 
   override readonly type = AgentType.PATCH;
-  readonly preamble = undefined;
+  readonly preamble = preamble;
   readonly clientFeature = Host.AidaClient.ClientFeature.CHROME_PATCH_AGENT;
 
   get userTier(): string|undefined {

front_end/panels/ai_assistance/agents/PerformanceAgent.ts

@@ -19,6 +19,7 @@ import {
   ResponseType,
 } from './AiAgent.js';
 
+// Sync with the server-side.
 /**
  * Preamble clocks in at ~950 tokens.
  *   The prose is around 4.5 chars per token.

front_end/panels/ai_assistance/agents/PerformanceInsightsAgent.ts

@@ -33,6 +33,8 @@ const UIStringsNotTranslated = {
   mainThreadActivity: 'Investigating main thread activity…',
 } as const;
 const lockedString = i18n.i18n.lockedString;
+
+// Sync with the server-side.
 /* clang-format off */
 const preamble = `You are a performance expert deeply integrated within Chrome DevTools. You specialize in analyzing web application behaviour captured by Chrome DevTools Performance Panel.
 

front_end/panels/ai_assistance/agents/StylingAgent.ts

@@ -45,6 +45,7 @@ const UIStringsNotTranslate = {
 
 const lockedString = i18n.i18n.lockedString;
 
+// Sync with the server-side.
 /* clang-format off */
 const preamble = `You are the most advanced CSS debugging assistant integrated into Chrome DevTools.
 You always suggest considering the best web development practices and the newest platform features such as view transitions.