wip: agent studio

Author: tysonthomas9

front_end/panels/ai_chat/BUILD.gn

@@ -17,6 +17,9 @@ generate_css("css_files") {
 
 devtools_module("ai_chat") {
   sources = [
+    "core/AgentStorageManager.ts",
+    "core/AgentStudioIntegration.ts",
+    "core/AgentTestRunner.ts",
     "ui/AIChatPanel.ts",
     "ui/ChatView.ts",
     "ui/message/MessageList.ts",
@@ -140,6 +143,8 @@ devtools_module("ai_chat") {
     "tools/GetWebAppDataTool.ts",
     "tools/RemoveWebAppTool.ts",
     "tools/SaveResearchReportTool.ts",
+    "tools/SearchCustomAgentsTool.ts",
+    "tools/CallCustomAgentTool.ts",
     "tools/VisualIndicatorTool.ts",
     "agent_framework/ConfigurableAgentTool.ts",
     "agent_framework/AgentRunner.ts",
@@ -199,6 +204,11 @@ devtools_module("ai_chat") {
     "mcp/MCPMetaTools.ts",
     "ui/mcp/MCPConnectionsDialog.ts",
     "ui/mcp/MCPConnectorsCatalogDialog.ts",
+    "ui/SchemaEditor.ts",
+    "ui/AgentStudioView.ts",
+    "ui/AgentStudioController.ts",
+    "ui/AgentStudioBridge.ts",
+    "ui/agent_studio/AgentStudioSPA.ts",
   ]
 
   deps = [
@@ -223,6 +233,9 @@ devtools_module("ai_chat") {
 
 # List of source files also used to determine JS outputs for metadata
 _ai_chat_sources = [
+    "core/AgentStorageManager.ts",
+    "core/AgentStudioIntegration.ts",
+    "core/AgentTestRunner.ts",
     "ui/AIChatPanel.ts",
     "ui/ChatView.ts",
     "ui/message/MessageList.ts",
@@ -272,6 +285,11 @@ _ai_chat_sources = [
     "ui/FileContentViewer.ts",
     "ui/mcp/MCPConnectionsDialog.ts",
     "ui/mcp/MCPConnectorsCatalogDialog.ts",
+    "ui/SchemaEditor.ts",
+    "ui/AgentStudioView.ts",
+    "ui/AgentStudioController.ts",
+    "ui/AgentStudioBridge.ts",
+    "ui/agent_studio/AgentStudioSPA.ts",
     "ai_chat_impl.ts",
     "models/ChatTypes.ts",
     "core/Graph.ts",
@@ -341,6 +359,8 @@ _ai_chat_sources = [
     "tools/GetWebAppDataTool.ts",
     "tools/RemoveWebAppTool.ts",
     "tools/SaveResearchReportTool.ts",
+    "tools/SearchCustomAgentsTool.ts",
+    "tools/CallCustomAgentTool.ts",
     "tools/VisualIndicatorTool.ts",
     "agent_framework/ConfigurableAgentTool.ts",
     "agent_framework/AgentRunner.ts",

front_end/panels/ai_chat/agent_framework/implementation/ConfiguredAgents.ts

@@ -30,11 +30,12 @@ import { createScrollActionAgentConfig } from './agents/ScrollActionAgent.js';
 import { createWebTaskAgentConfig } from './agents/WebTaskAgent.js';
 import { createEcommerceProductInfoAgentConfig } from './agents/EcommerceProductInfoAgent.js';
 import { createSearchAgentConfig } from './agents/SearchAgent.js';
+import { AgentStudioIntegration } from '../../core/AgentStudioIntegration.js';
 
 /**
  * Initialize all configured agents
  */
-export function initializeConfiguredAgents(): void {
+export async function initializeConfiguredAgents(): Promise<void> {
   // Ensure MCP meta-tools are available regardless of mode; selection logic decides if they are surfaced
   registerMCPMetaTools();
   // Register core tools
@@ -135,4 +136,6 @@ export function initializeConfiguredAgents(): void {
   const ecommerceProductInfoAgent = new ConfigurableAgentTool(ecommerceProductInfoAgentConfig);
   ToolRegistry.registerToolFactory('ecommerce_product_info_fetcher_tool', () => ecommerceProductInfoAgent);
 
+  // Initialize custom agents from Agent Studio
+  await AgentStudioIntegration.initialize();
 }