0.53 UI improvements

app.py

@@ -227,37 +227,32 @@ with gr.Blocks() as demo:
     try:
         with gr.Column():
             gr.HTML(htmL_info)
-            gr.HTML("<h2>Set prompt</h2>")
+            gr.HTML("<h2>Set Parameters</h2>")
+
             with gr.Row(variant="compact"):
                 with gr.Column(scale=0):
-                    language_dropdown = gr.Dropdown(
-                        choices=["English", "German", "French", "Spanish"], 
-                        label="Select Language for System Prompt",
-                        value="English"
-                    )
+                    language_dropdown = gr.Dropdown(choices=["English", "German", "French", "Spanish"], label="Select Language for System Prompt",value="English")
                 with gr.Column():
-                    system_prompt = gr.Textbox(
-                        lines=1, 
-                        label="System Prompt", 
-                        value=system_prompts["English"], 
-                        show_copy_button=True
-                    )
+                    system_prompt = gr.Textbox(lines=1, label="System Prompt", value=system_prompts["English"], show_copy_button=True)
+            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="Prompt", value="Write a Nike style ad headline about the shame of being second best.", scale=3, show_copy_button=True)
             with gr.Accordion(label="Generation Configurations", open=False):
                 max_new_tokens = gr.Slider(minimum=128, maximum=4096, value=512, label="Max new tokens", step=128)
                 temperature = gr.Slider(minimum=0.0, maximum=1.0, value=0.7, label="Temperature", step=0.01)
                 top_p = gr.Slider(minimum=0.0, maximum=1.0, value=0.97, label="Top_p", step=0.01)
                 repetition_penalty = gr.Slider(minimum=0.1, maximum=2.0, value=1.1, label="Repetition Penalty", step=0.1)
 
-            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="Prompt", value="Write a Nike style ad headline about the shame of being second best.", scale=3, show_copy_button=True)
+            gr.HTML("<h2>Check outputs</h2>")
             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)
+
+            gr.HTML("<h2>Vote!</h2>")
             with gr.Row(variant="panel"):
                     better_bot = gr.Radio(["Bot A kicks ass!", "Bot B crushes it!", "It's a draw."], label="Rate the output!")