Update app.py

app.py

@@ -101,20 +101,30 @@ def user_ask(state, chatbot1, chatbot2, textbox):
 
 with gr.Blocks() as demo:
     with gr.Row():
-        with gr.Column(scale=0.5):
-            with gr.Row() as button_row:
-                upvote_btn = gr.Button(value="<= Vote for A", interactive=False)
-                downvote_btn = gr.Button(value="=> Vote  for B", interactive=False)
-                tie_btn = gr.Button(value="🤝 Tie", interactive=False)
-                clear_btn = gr.Button(value="🗑️ Clear", interactive=False)
+        # First column for Model A
         with gr.Column():
             chatbot1 = gr.Chatbot(label='Model A')
+            with gr.Row():
+                upvote_btn_a = gr.Button(value="👍 Upvote A", interactive=False)
+        
+        # Second column for Model B
+        with gr.Column():
             chatbot2 = gr.Chatbot(label='Model B')
             with gr.Row():
-                with gr.Column(scale=8):
-                    textbox = gr.Textbox(placeholder="Enter your prompt and press ENTER")
-                with gr.Column(scale=1, min_width=60):
-                    submit_btn = gr.Button(value="Send")
-    
-
-demo.launch(share=True, server_name='0.0.0.0', server_port=7860)
+                upvote_btn_b = gr.Button(value="👍 Upvote B", interactive=False)
+                tie_btn_b = gr.Button(value="🤝 Tie", interactive=False)
+        
+    # Textbox and submit button at the bottom
+    with gr.Row():
+        textbox = gr.Textbox(placeholder="Enter your prompt and press ENTER")
+        submit_btn = gr.Button(value="Send")
+
+    # Interaction logic
+    textbox.submit(user_ask, [state, chatbot1, chatbot2, textbox], [state, chatbot1, chatbot2, textbox])
+    submit_btn.click(user_ask, [state, chatbot1, chatbot2, textbox], [state, chatbot1, chatbot2, textbox])
+    upvote_btn_a.click(vote_up_model, [state, chatbot1], [chatbot1])
+    upvote_btn_b.click(vote_up_model, [state, chatbot2], [chatbot2])
+
+    # Start the interface
+demo.queue()
+demo.launch()