import React from 'react'; /** * MCP Servers section of the agent form */ const MCPServersSection = ({ formData, handleAddMCPServer, handleRemoveMCPServer, handleMCPServerChange }) => { return (

MCP Servers

Configure MCP servers for this agent.

{formData.mcp_servers && formData.mcp_servers.map((server, index) => (

MCP Server #{index + 1}

handleMCPServerChange(index, 'url', e.target.value)} className="form-control" placeholder="https://example.com/mcp" />
handleMCPServerChange(index, 'api_key', e.target.value)} className="form-control" />
))}
); }; export default MCPServersSection;