edit chat ui

app.py

@@ -14,7 +14,7 @@ picked_blueprint_js = None
 protocol_scores = {}
 protocol_markdown = None
 DEFAULT_BLUEPRINT_INDEX = 0
-DEFAULT_CONVERSATION_TYPE = "Banking"
+DEFAULT_CONVERSATION_TYPE = "Banking Advice"
 
 HF_TOKEN = os.environ.get('PRIVATE_TOKEN')
 
@@ -34,7 +34,7 @@ r = redis.Redis(
 
 # Predefined conversation examples
 conversations = {
-    "Banking": [
+    "Banking Advice": [
         ("Banker", "Hello, welcome to our bank. How may I assist you today?"),
         ("Client", "Good afternoon, I am looking to apply for a personal loan to cover some unexpected expenses."),
         ("Banker", "Certainly, can you please provide us with some details about your income, expenses, and the amount you are looking to borrow?"),
@@ -47,7 +47,7 @@ conversations = {
         ("Client", "Thank you, I'll be in touch. Goodbye for now."),
         ("Banker", "Goodbye, have a great day!")
     ],
-    "Unhappy Customer": [
+    "Unsatisfied Customer": [
         ("Customer Service", "Thank you for contacting customer service. I understand you're having an issue. Could you please explain what's wrong?"),
         ("Customer", "I'm very unhappy with the service I received. My order arrived damaged and the support I received was not helpful."),
         ("Customer Service", "I'm really sorry to hear that. Could you provide me with your order number so I can look into this for you?"),
@@ -60,7 +60,7 @@ conversations = {
         ("Customer", "No, that's all. Thank you."),
         ("Customer Service", "Have a great day!")
     ],
-    "Internal": [
+    "Internal Communication": [
         ("Employee 1", "Hey colleague, do you have a minute to discuss the new project?"),
         ("Employee 2", "Sure, what's up?"),
         ("Employee 1", "I think we need to re-evaluate our timeline. The client has requested some changes that will impact our deadlines."),
@@ -262,7 +262,7 @@ def create_app():
             chat_html = "<div class='chat-container'>"
             for speaker, message in history:
                 chat_html += f"<div class='message {speaker.lower().replace(' ', '-')}'>"
-                chat_html += f"<strong>{speaker}:</strong> {message}"
+                chat_html += f"<semi-bold>{speaker}:</semi-bold> {message}"
                 chat_html += "</div>"
             chat_html += "</div>"
             return chat_html

style.css

@@ -318,7 +318,7 @@ div.protocol-item {
 }
 
 .banker, .customer-service, .employee-1 {
-    background-color: #3592FF44;
+    background-color: #3592FF44 !important;
     color: #1565C0 !important;
     float: left;
 }
@@ -330,13 +330,12 @@ div.protocol-item {
 }
 
 /* Style for the sender's name */
-.message strong {
-    display: block;
-    margin-bottom: 5px;
+.message semi-bold {    
+    color: #0010CC !important;
     font-weight: 600;
 }
 
 footer {
     display: none !important;
-    visibility: hidden !important;
+    visibility: hidden !important;    
   }