update

app.py

@@ -85,16 +85,10 @@ span.md.svelte-8tpqd2.chatbot.prose p {{
     margin-right: 8px;
 }}
 /* Enable scrolling for the chatbot messages */
-.chatbot.messages {{
+.chatbot .messages {{
     max-height: 500px;  /* Adjust as needed */
     overflow-y: auto;
 }}
-/* Add transparency to chatbox */
-.chatbot {{
-    background-color: rgba(255, 255, 255, 0.5); /* 50% transparent white background */
-    border: none;
-    box-shadow: none;
-}}
 """
 
 # Gradio interface setup
@@ -107,13 +101,26 @@ with gr.Blocks(css=custom_css) as demo:
 
     # Function to handle user input
     def user(user_message, history):
-        response = generate_text(user_message)
-        return [user_message, response]
+        return "", history + [[user_message, None]]
 
-    # Event listener for submit button
-    submit_button.click(fn=user, inputs=[msg, chatbot], outputs=[chatbot, msg])
+    # Function to handle bot response
+    def bot(history):
+        if len(history) == 1:  # Check if it's the first interaction
+            bot_message = "Hi there! How can I help you today?"
+            history[-1][1] = bot_message  # Add welcome message to history
+        else:
+            history[-1][1] = ""  # Clear the last bot message
+            previous_message = history[-1][0]  # Access the previous user message
+            bot_message = generate_text(previous_message)  # Generate response based on previous message
+            history[-1][1] = bot_message  # Update the last bot message
+        return history
 
-    # Event listener for clear button
-    clear.click(fn=lambda: "", inputs=None, outputs=msg)
+    submit_button.click(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    clear.click(lambda: None, None, chatbot, queue=False)
 
-demo.launch()
+demo.launch()