diff --git a/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx b/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx index ff476bd999d..5099a826315 100644 --- a/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx +++ b/ui/litellm-dashboard/src/components/mcp_tools/create_mcp_server.tsx @@ -429,7 +429,7 @@ const CreateMCPServer: React.FC = ({ label={ MCP Server Name - + @@ -450,7 +450,7 @@ const CreateMCPServer: React.FC = ({ label={ Alias - + @@ -458,12 +458,7 @@ const CreateMCPServer: React.FC = ({ name="alias" rules={[ { required: false }, - { - validator: (_, value) => - value && value.includes("-") - ? Promise.reject("Alias cannot contain '-' (hyphen). Please use '_' (underscore) instead.") - : Promise.resolve(), - }, + { validator: (_, value) => validateMCPServerName(value) }, ]} > { }; export const validateMCPServerName = (value: string) => { - return value && value.includes("-") - ? Promise.reject("Server name cannot contain '-' (hyphen). Please use '_' (underscore) instead.") - : Promise.resolve(); + if (!value) return Promise.resolve(); + + if (value.includes("-")) { + return Promise.reject("Server name cannot contain '-' (hyphen). Please use '_' (underscore) instead."); + } + + if (value.includes(" ")) { + return Promise.reject("Server name cannot contain spaces. Please use '_' (underscore) instead."); + } + + return Promise.resolve(); };