Move all render functions outside of the ChatView class

Also, move code for MarkdownRendererWithCodeBlock to a separate file.

This is part of the process to align ChatView with the UI eng vision.

Bug: 394005781
Change-Id: I64a98dd813641b52e20c093c2294e2d63dfe5485
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6242898
Reviewed-by: Alex Rudenko <[email protected]>
Commit-Queue: Samiya Caur <[email protected]>

Author: Samiya Caur

config/gni/devtools_grd_files.gni

@@ -1191,6 +1191,7 @@ grd_files_debug_sources = [
   "front_end/panels/ai_assistance/agents/StylingAgent.js",
   "front_end/panels/ai_assistance/aiAssistancePanel.css.js",
   "front_end/panels/ai_assistance/components/ChatView.js",
+  "front_end/panels/ai_assistance/components/MarkdownRendererWithCodeBlock.js",
   "front_end/panels/ai_assistance/components/UserActionRow.js",
   "front_end/panels/ai_assistance/components/chatView.css.js",
   "front_end/panels/ai_assistance/components/userActionRow.css.js",

front_end/panels/ai_assistance/BUILD.gn

@@ -31,6 +31,7 @@ devtools_module("ai_assistance") {
     "agents/PerformanceInsightsAgent.ts",
     "agents/StylingAgent.ts",
     "components/ChatView.ts",
+    "components/MarkdownRendererWithCodeBlock.ts",
     "components/UserActionRow.ts",
     "data_formatters/FileFormatter.ts",
     "data_formatters/NetworkRequestFormatter.ts",

front_end/panels/ai_assistance/ai_assistance.ts

@@ -12,6 +12,7 @@ export * from './AiAssistancePanel.js';
 export * from './AiHistoryStorage.js';
 export * from './ChangeManager.js';
 export * from './components/ChatView.js';
+export * from './components/MarkdownRendererWithCodeBlock.js';
 export * from './components/UserActionRow.js';
 export * from './EvaluateAction.js';
 export * from './ExtensionScope.js';