From 4613479ea28419bf54390a4d1181f31fd5abc53e Mon Sep 17 00:00:00 2001
From: Jicheng Lu <103353@smsassist.com>
Date: Mon, 21 Oct 2024 15:55:34 -0500
Subject: [PATCH] add tooltip

---
 .env                                          |  3 +-
 .../[conversationId]/chat-box.svelte          | 58 +++++++++++++------
 2 files changed, 41 insertions(+), 20 deletions(-)

diff --git a/.env b/.env
index c28ce40..6dec0ce 100644
--- a/.env
+++ b/.env
@@ -18,4 +18,5 @@ 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
\ No newline at end of file
+PUBLIC_AUTH_ENABLE_FIND_PWD=true
+PUBLIC_DEBUG_MODE=false
\ No newline at end of file
diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
index cfc6ce0..a93e178 100644
--- a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
@@ -39,7 +39,8 @@
 		PUBLIC_LIVECHAT_ENTRY_ICON, 
 		PUBLIC_LIVECHAT_VOICE_ENABLED,
 		PUBLIC_LIVECHAT_FILES_ENABLED,
-		PUBLIC_LIVECHAT_ENABLE_TRAINING
+		PUBLIC_LIVECHAT_ENABLE_TRAINING,
+		PUBLIC_DEBUG_MODE
 	} from '$env/static/public';
 	import { BOT_SENDERS, LERNER_ID, TEXT_EDITORS, TRAINING_MODE, USER_SENDERS } from '$lib/helpers/constants';
 	import { signalr } from '$lib/services/signalr-service.js';
@@ -1455,15 +1456,15 @@
 		
 							<div class="col-md-8 col-5">
 								<ul class="list-inline user-chat-nav user-chat-nav-flex mb-0">
-									{#if isFrame}
-									<li class="list-inline-item">
-										<button
-											class="btn btn-secondary btn-rounded btn-sm"
-											on:click={() => openFullScreen()}
-										>
-											<i class="bx bx-fullscreen" />
-										</button>
-									</li>
+									{#if PUBLIC_DEBUG_MODE === 'true' && isFrame}
+										<li class="list-inline-item">
+											<button
+												class="btn btn-secondary btn-rounded btn-sm"
+												on:click={() => openFullScreen()}
+											>
+												<i class="bx bx-fullscreen" />
+											</button>
+										</li>
 									{/if}
 									<li class="list-inline-item">
 										{#if !isLite}
@@ -1472,10 +1473,10 @@
 												<i class="bx bx-dots-horizontal-rounded" />
 											</DropdownToggle>
 											<DropdownMenu class="dropdown-menu-end">
-												{#if !isLite && (!isLoadPersistLog || !isLoadInstantLog)}
+												{#if !isLoadPersistLog || !isLoadInstantLog}
 													<DropdownItem on:click={() => openLogs()}>View Log</DropdownItem>
 												{/if}
-												{#if !isLite && (!isLoadInstantLog || !isOpenUserAddStateModal)}
+												{#if !isLoadInstantLog || !isOpenUserAddStateModal}
 												<li>
 													<Dropdown direction="right" class="state-menu">
 														<DropdownToggle caret class="dropdown-item">
@@ -1517,7 +1518,13 @@
 											disabled={disableAction}
 											on:click={() => handleNewConversation()}
 										>
-											<i class="mdi mdi-plus" />
+											<i
+												class="mdi mdi-plus"
+												style="font-size: 15px;"
+												data-bs-toggle="tooltip"
+												data-bs-placement="top"
+												title="New Conversation"
+											/>
 										</button>
 										{/if}
 									</li>
@@ -1529,8 +1536,15 @@
 											disabled={disableAction}
 											on:click={() => handleNewConversation()}
 										>
-											<i class="mdi mdi-plus" />
-											<span class="me-2">New</span>
+											<span
+												data-bs-toggle="tooltip"
+												data-bs-placement="top"
+												title="New Conversation"
+											>
+												<i class="mdi mdi-plus" />
+												<span class="me-2">New</span>
+											</span>
+											
 										</button>
 										{/if}
 										<button
@@ -1538,10 +1552,16 @@
 											disabled={disableAction}
 											on:click={() => endChat()}
 										>
-											{#if !isLite}
-											<span class="me-2">End</span>
-											{/if}
-											<i class="mdi mdi-window-close" />
+											<span
+												data-bs-toggle="tooltip"
+												data-bs-placement="top"
+												title="Exit Conversation"
+											>
+												{#if !isLite}
+												<span class="me-2">End</span>
+												{/if}
+												<i class="mdi mdi-window-close" />
+											</span>
 										</button>
 									</li>
 								</ul>