From 3e1081fc6ec62d744ae3465cdac4776b5386d159 Mon Sep 17 00:00:00 2001
From: Richard Palethorpe <io@richiejp.com>
Date: Tue, 25 Mar 2025 15:03:32 +0000
Subject: [PATCH] fix(ui): Fix MCP form

---
 webui/react-ui/src/components/AgentForm.jsx              | 9 ++++++---
 .../components/agent-form-sections/MCPServersSection.jsx | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/webui/react-ui/src/components/AgentForm.jsx b/webui/react-ui/src/components/AgentForm.jsx
index 6cd7b84..5d87146 100644
--- a/webui/react-ui/src/components/AgentForm.jsx
+++ b/webui/react-ui/src/components/AgentForm.jsx
@@ -135,7 +135,7 @@ const AgentForm = ({
       ...formData,
       mcp_servers: [
         ...(formData.mcp_servers || []),
-        { url: '' }
+        { url: '', token: '' }
       ]
     });
   };
@@ -151,9 +151,12 @@ const AgentForm = ({
   };
 
   // Handle MCP server change
-  const handleMCPServerChange = (index, value) => {
+  const handleMCPServerChange = (index, field, value) => {
     const updatedMCPServers = [...formData.mcp_servers];
-    updatedMCPServers[index] = { url: value };
+    updatedMCPServers[index] = { 
+      ...updatedMCPServers[index],
+      [field]: value 
+    };
     setFormData({
       ...formData,
       mcp_servers: updatedMCPServers
diff --git a/webui/react-ui/src/components/agent-form-sections/MCPServersSection.jsx b/webui/react-ui/src/components/agent-form-sections/MCPServersSection.jsx
index 72c6929..e76582f 100644
--- a/webui/react-ui/src/components/agent-form-sections/MCPServersSection.jsx
+++ b/webui/react-ui/src/components/agent-form-sections/MCPServersSection.jsx
@@ -47,8 +47,8 @@ const MCPServersSection = ({
               <input 
                 type="password" 
                 id={`mcp-api-key-${index}`}
-                value={server.api_key || ''}
-                onChange={(e) => handleMCPServerChange(index, 'api_key', e.target.value)}
+                value={server.token || ''}
+                onChange={(e) => handleMCPServerChange(index, 'token', e.target.value)}
                 className="form-control"
               />
             </div>