Update app.py

app.py

@@ -133,8 +133,34 @@ print(top_results)
 
 #Defining chatbot giving user a UI to interact, see their conversation history, and see new messages using built in gr feature
 #ChatInterface requires at least one parameter(a function)
-chatbot = gr.ChatInterface(respond,type="messages", title="AI Chatbot", theme="Taithrah/Minimal")
+#chatbot = gr.ChatInterface(respond,type="messages", title="AI Chatbot", theme="Taithrah/Minimal")
+
+# INTERFACE EDITS #
+custom_css = """
+#chatbox {background-color: #ffffff; border-radius: 10px; padding: 10px;}
+#chatbox .message.user {background-color: #EDE7F6; color: #4A148C; border-radius: 20px; padding: 10px; margin: 5px; max-width: 75%;}
+#chatbox .message.bot {background-color: #F3E5F5; color: #4A148C; border-radius: 20px; padding: 10px; margin: 5px; max-width: 75%;}
+#header {background-color: #8E24AA; color: white; padding: 12px; border-radius: 12px 12px 0 0; font-weight: bold;}
+.choice-btn {background-color: #BA68C8; color: white; border-radius: 20px; padding: 5px 12px; margin: 5px; cursor: pointer;}
+.choice-btn:hover {background-color: #9C27B0;}
+"""
+
+with gr.Blocks(css=custom_css) as demo:
+    gr.HTML("<div id='header'>DivaBot</div>")
+    
+    chatbot = gr.Chatbot(elem_id="chatbox", height=400)
+    
+    with gr.Row():
+        msg = gr.Textbox(placeholder="Type your message here...")
+        send = gr.Button("Send")
+    
+    # Hook up to your existing respond() function
+    msg.submit(respond, [msg, chatbot], [chatbot, msg])
+    send.click(respond, [msg, chatbot], [chatbot, msg])
+
+demo.launch()
+
 
 #launching chatbot
-chatbot.launch()
+#chatbot.launch()
 #You may run into errors when you're trying different models. To see the error messages, set debug to True in launch()