Merge pull request #252 from iceljc/features/refine-chat-window

add flag

Author: iceljc

.env

@@ -2,7 +2,9 @@
 PUBLIC_SERVICE_URL=https://botsharp.azurewebsites.net
 PUBLIC_LIVECHAT_HOST=https://victorious-moss-007e11310.4.azurestaticapps.net/
 PUBLIC_LIVECHAT_ENTRY_ICON=images/users/bot.png
+PUBLIC_DEBUG_MODE=false
 PUBLIC_LIVECHAT_VOICE_ENABLED=false
+PUBLIC_LIVECHAT_SPEAKER_ENABLED=false
 PUBLIC_LIVECHAT_FILES_ENABLED=false
 PUBLIC_LIVECHAT_ENABLE_TRAINING=false
 PUBLIC_HOME_IMAGE=images/megamenu-img.png
@@ -18,5 +20,4 @@ PUBLIC_COMPANY_WEBSITE=https://scisharp.github.io/SciSharp/
 PUBLIC_PLUGIN_DEFAULT_ICON=https://avatars.githubusercontent.com/u/44989469?s=200&v=4
 PUBLIC_ALLOW_SIGNUP=true
 PUBLIC_AUTH_ENABLE_SSO=true
-PUBLIC_AUTH_ENABLE_FIND_PWD=true
-PUBLIC_DEBUG_MODE=false
+PUBLIC_AUTH_ENABLE_FIND_PWD=true

src/routes/chat/[agentId]/[conversationId]/chat-box.svelte

@@ -38,6 +38,7 @@
 	import { 
 		PUBLIC_LIVECHAT_ENTRY_ICON, 
 		PUBLIC_LIVECHAT_VOICE_ENABLED,
+		PUBLIC_LIVECHAT_SPEAKER_ENABLED,
 		PUBLIC_LIVECHAT_FILES_ENABLED,
 		PUBLIC_LIVECHAT_ENABLE_TRAINING,
 		PUBLIC_DEBUG_MODE
@@ -1629,10 +1630,12 @@
 													<RcMessage message={message} />
 													{#if message?.message_id === lastBotMsg?.message_id && message?.uuid === lastBotMsg?.uuid}
 														<div style="display: flex; gap: 10px;">
-															<AudioSpeaker
-																id={message?.message_id} 
-																text={message?.rich_content?.message?.text || message?.text}
-															/>
+															{#if PUBLIC_LIVECHAT_SPEAKER_ENABLED === 'true'}
+																<AudioSpeaker
+																	id={message?.message_id} 
+																	text={message?.rich_content?.message?.text || message?.text}
+																/>
+															{/if}
 															{#if PUBLIC_LIVECHAT_ENABLE_TRAINING === 'true'}
 																{#if message?.function}
 																	<div class="line-align-center" style="font-size: 17px;">
@@ -1655,6 +1658,7 @@
 																	<!-- svelte-ignore a11y-no-static-element-interactions -->
 																	<div
 																		class="clickable"
+																		style="height: 80%;"
 																		data-bs-toggle="tooltip"
 																		data-bs-placement="top"
 																		title="Edit"