Update app.py

app.py

@@ -366,7 +366,7 @@ class UserSession:
         self.set_welcome_message(user_info.get("Nickname", "Guest"))
         # Initialize conversation history with welcome message
         welcome = self.get_welcome_message()
-        initial_message = (
+        initial_message = (" "
         )
         self.conversation_history = [
             {"role": "assistant", "content": welcome},
@@ -433,7 +433,7 @@ def collect_user_info(Nickname):
 
 # Add initial message to start the conversation
 def add_initial_message(chatbot):
-    initial_message = (
+    initial_message = (" "
     )
     return chatbot + [(None, initial_message)]
 
@@ -516,98 +516,68 @@ def chatbot_interface():
 
 
     with gr.Blocks(css="""
-         :root {
-          --primary: #10A37F;
-          --secondary: #19C99D;
-          --accent: #FF6B6B;
+        :root {
           --background: #000000;
           --text: #FFFFFF;
-          --card-bg: #1E1E1E;
-      }
-
-      body {
-          background: var(--background) !important;
-          color: var(--text) !important;
-          font-family: 'Inter', system-ui, sans-serif;
-          margin: 0 !important;
-          padding: 0 !important;
-          width: 100vw !important;
-          height: 100vh !important;
-          display: flex;
-          flex-direction: column;
-      }
-
-      .gradio-container {
-          max-width: 100% !important;
-          width: 100vw !important;
-          height: 100vh !important;
-          margin: 0 !important;
-          padding: 20px !important;
-          display: flex;
-          flex-direction: column;
-      }
-
-      .welcome-box {
-          background: var(--card-bg) !important;
-          border-radius: 12px !important;
-          padding: 2rem !important;
-          box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
-          border: 1px solid rgba(255, 255, 255, 0.1) !important;
-      }
-
-      .chat-container {
-          border-radius: 12px !important;
-          background: var(--card-bg) !important;
-          box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
-          border: 1px solid rgba(255, 255, 255, 0.1) !important;
-          flex-grow: 1;
-          min-height: 600px;
-      }
-
-      .gr-button-primary {
-          background: var(--primary) !important;
-          color: white !important;
-          padding: 12px 24px !important;
-          border-radius: 8px !important;
-          transition: all 0.3s ease !important;
-      }
-
-      .gr-button-primary:hover {
-          transform: translateY(-1px);
-          box-shadow: 0 4px 12px rgba(16, 163, 127, 0.2) !important;
-      }
-
-      .gr-textbox {
-          background: var(--card-bg) !important;
-          color: var(--text) !important;
-          border-radius: 8px !important;
-          padding: 12px 16px !important;
-          border: 1px solid rgba(255, 255, 255, 0.1) !important;
-      }
-
-      .chatbot {
-          background: transparent !important;
-          border: none !important;
-      }
-
-      .bot {
-          background: var(--card-bg) !important;
-          border: 1px solid rgba(255, 255, 255, 0.1) !important;
-          margin-right: auto !important;
-      }
-
-      footer {
-          text-align: center !important;
-          color: var(--text) !important;
-          opacity: 0.7 !important;
-          padding: 1rem !important;
-          font-size: 0.9em !important;
-      }
-
-      .gr-markdown h3 {
-          color: var(--primary) !important;
-          margin-bottom: 1rem !important;
-      }
+        }
+
+        body {
+            background: var(--background) !important;
+            color: var(--text) !important;
+            font-family: 'Inter', system-ui, sans-serif;
+            margin: 0 !important;
+            padding: 0 !important;
+            width: 100vw !important;
+            height: 100vh !important;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .gradio-container {
+            max-width: 100% !important;
+            width: 100vw !important;
+            height: 100vh !important;
+            margin: 0 !important;
+            padding: 20px !important;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .welcome-box, .chat-container, .gr-textbox, .bot {
+            background: var(--background) !important;
+            color: var(--text) !important;
+            border-radius: 12px !important;
+            padding: 2rem !important;
+            border: 1px solid rgba(255, 255, 255, 0.1) !important;
+            box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05) !important;
+        }
+
+        .gr-button-primary {
+            background: var(--background) !important;
+            color: var(--text) !important;
+            padding: 12px 24px !important;
+            border-radius: 8px !important;
+            transition: all 0.3s ease !important;
+            border: 1px solid rgba(255, 255, 255, 0.1) !important;
+        }
+
+        .gr-button-primary:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
+        }
+
+        footer {
+            text-align: center !important;
+            color: var(--text) !important;
+            opacity: 0.7 !important;
+            padding: 1rem !important;
+            font-size: 0.9em !important;
+        }
+
+        .gr-markdown h3 {
+            color: var(--text) !important;
+            margin-bottom: 1rem !important;
+        }
 
         
     """) as demo: