update

app.py

@@ -85,10 +85,16 @@ 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
@@ -101,26 +107,13 @@ with gr.Blocks(css=custom_css) as demo:
 
     # Function to handle user input
     def user(user_message, history):
-        return "", history + [[user_message, None]]
+        response = generate_text(user_message)
+        return [user_message, response]
 
-    # 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 submit button
+    submit_button.click(fn=user, inputs=[msg, chatbot], outputs=[chatbot, 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)
+    # Event listener for clear button
+    clear.click(fn=lambda: "", inputs=None, outputs=msg)
 
-demo.launch()
+demo.launch()