1.Open the webChatUI.js file.
Inside the clearUsers function replace this line
    $("#participants").children("img").attr("src", "");
with these
    $("#participants > div").children("img").attr("src", "");
    $("#participants > div").children("img").attr("class", "hidden");
    var images = $("#participants > .hidden").children("img").toArray();
    for (var i = 0; i < images.length; i++) {
        images[i].nextSibling.textContent = "";
    }

    
2.Open the webChat.js file
Inside the notifyNewParticipant function replace these lines
    // check if notifications are allowed/required
    var announceBot = (id === 'AvayaAutomatedResource' && !chatConfig.suppressChatbotPresence);
    var announceObserve = (role === 'supervisor_observe' && chatConfig.notifyOfObserve);
    var announceBarge = (role === 'supervisor_barge' && chatConfig.notifyOfBarge);

    // if notifications are allowed/required, display them
    if (announceBot || announceObserve || announceBarge || role === 'active_participant') {
with this line
    if (webChat.checkAgentVisibility(id, role)) {

Create a new function in the webChat.js file
checkAgentVisibility : function(id, role) {
    'use strict';
        
    // check if notifications are allowed/required
    var announceBot = (id === 'AvayaAutomatedResource' && !chatConfig.suppressChatbotPresence);
    var announceObserve = (role === 'supervisor_observe' && chatConfig.notifyOfObserve);
    var announceBarge = (role === 'supervisor_barge' && chatConfig.notifyOfBarge && !chatConfig.notifyOfObserve);

    // if notifications are allowed/required, display them
    if (announceBot || announceObserve || announceBarge || role === 'active_participant') {
        return true;
    }
    return false;
},

replace this line
    if (!suppressBot && isAgentContained) {
with this
    if (!suppressBot && !isAgentContained) {
    
Inside the updateUsers function
replace this line
    var src = (agent.type === 'supervisor_barge') ? chatConfig.supervisorImage
with this
    var src = (agent.type.startsWith('supervisor')) ? chatConfig.supervisorImage

Wrap these lines 
    console.debug('WebChat: Adding agent with id ' + agent.id + ' and name ' + agent.name);
                
    var src = (agent.type.startsWith('supervisor')) ? chatConfig.supervisorImage
        : chatConfig.agentImage;
    var className = '';
    chatUI.updateUserImage(i, src, className,agent.name);

    webChat.users[agent.id] = {
        displayName : agent.name,
        isTyping : false,
        agentType : agent.type
    };
by this conditional
    if (webChat.checkAgentVisibility(agent.id, agent.type) || agent.type === 'passive_participant') {
    }
it should look like this
    if (agents !== undefined) {
        for (var i = 0; i < agents.length; i++) {
            var agent = agents[i];
            if (webChat.checkAgentVisibility(agent.id, agent.type) || agent.type === 'passive_participant') {
                console.debug('WebChat: Adding agent with id ' + agent.id + ' and name ' + agent.name);
                
                var src = (agent.type.startsWith('supervisor')) ? chatConfig.supervisorImage
                    : chatConfig.agentImage;
                var className = '';
                chatUI.updateUserImage(i, src, className,agent.name);

                webChat.users[agent.id] = {
                    displayName : agent.name,
                    isTyping : false,
                    agentType : agent.type
                };
            }
                
        }
    }

3. Open the webChatSocket.js file
Inside the reloadUsers function relace this line
    "name": agent.name,
with this 
    "name": agent.displayName,
	
	
4. Open the webChat.js file
Inside the notifyParticipantLeave function replace these lines
			if (leaveReason === 'transfer') {
                webChat.writeResponse(chatConfig.transferNotificationText, chatConfig.writeResponseClassSystem);
            } else if (leaveReason === 'escalate' && !chatConfig.suppressChatbotPresence) {
                webChat.writeResponse(chatConfig.chatbotTransferNotification, chatConfig.writeResponseClassSystem);
            } else {
                webChat.writeResponse(chatConfig.agentLeftMessage, chatConfig.writeResponseClassSystem);
            }
			
With these:
			if (leaveReason === 'transfer') {
                webChat.writeResponse(chatConfig.transferNotificationText, chatConfig.writeResponseClassSystem);
            } else if (leaveReason === 'requeue') {
                webChat.writeResponse(chatConfig.requeueNotificationText, chatConfig.writeResponseClassSystem);
			} else if (leaveReason === 'escalate' && !chatConfig.suppressChatbotPresence) {
                webChat.writeResponse(chatConfig.chatbotTransferNotification, chatConfig.writeResponseClassSystem);
            } else {
                webChat.writeResponse(chatConfig.agentLeftMessage, chatConfig.writeResponseClassSystem);
            }
			
5. Open WebChatConfig.js file
Find the line:
			  transferNotificationText : 'Transferring to another agent, please remain in the chat',
After that line add this line:
			  requeueNotificationText : 'Re-queuing chat, please remain in the chat',