0.27 UX tweaks

app.py

@@ -189,16 +189,18 @@ with gr.Blocks() as demo:
         gr.HTML("<center><h1>🤖le Royale</h1></center>")
         gr.Markdown(arena_notes)
         system_prompt = gr.Textbox(lines=1, label="System Prompt", value="You are a helpful chatbot. Write a Nike style ad headline about the shame of being second best", show_copy_button=True)
-        with gr.Row(variant="panel"):
-            with gr.Column():
-                chatbot_a = gr.Chatbot(label="Model A", likeable=True, show_copy_button=True, height=500)
-            with gr.Column():
-                chatbot_b = gr.Chatbot(label="Model B", likeable=True, show_copy_button=True, height=500)
         with gr.Row(variant="panel"):
             with gr.Column(scale=1):
                 submit_btn = gr.Button(value="Generate", variant="primary")
                 clear_btn = gr.Button(value="Clear", variant="secondary")
-            input_text = gr.Textbox(lines=1, label="Output", value="", scale=3, show_copy_button=True)
+            input_text = gr.Textbox(lines=1, label="Prompt", value="", scale=3, show_copy_button=True)
+        with gr.Row(variant="panel"):
+            with gr.Column():
+                chatbot_a = gr.Chatbot(label="Model A", show_copy_button=True, height=500)
+            with gr.Column():
+                chatbot_b = gr.Chatbot(label="Model B", show_copy_button=True, height=500)
+        with gr.Row(variant="panel"):
+                gr.Radio(["Bot A kicks ass!", "Bot B crushes it!"], label="Which bot performs better?", info="Rate the output"),
         with gr.Accordion(label="Generation Configurations", open=False):
             max_new_tokens = gr.Slider(minimum=128, maximum=4096, value=2048, label="Max New Tokens", step=128)
             temperature = gr.Slider(minimum=0.0, maximum=1.0, value=0.7, label="Temperature", step=0.01)