0.52 UI improvements

app.py

@@ -24,7 +24,7 @@ system_prompts = {
     "Spanish": "Eres un chatbot servicial que responde a las entradas de los usuarios de forma concisa y original."
 }
 
-htmL_info = "<center><h1>⚔️ Pharia Bot Battle Royale</h1><p>Let the games begin: In this arena, the Pharia 1 model competes against a random challenger. Try a prompt in a language you want to explore. Set the parameters and vote for the best answers. After casting your vote, the bots reveal their identity. Inputs, outputs and votes are logged anonymously.</p></center>"
+htmL_info = "<center><h1>⚔️ Pharia Bot Battle Royale</h1><p>Let the games begin: In this arena, the Pharia 1 model competes against a random challenger. Try a prompt in a language you want to explore. Set the parameters and vote for the best answers. After casting your vote, both bots reveal their identity. Inputs, outputs and votes are logged anonymously.</p></center>"
 
 model_info = [{"id": "Aleph-Alpha/Pharia-1-LLM-7B-control-hf",
                 "name": "Pharia 1 LLM 7B control hf"}]
@@ -108,7 +108,7 @@ def generate_both(system_prompt, input_text, chatbot_a, chatbot_b, max_new_token
         new_messages_b = system_prompt_list + chat_history_b + input_text_list
 
         logging.debug(f'{SPACER}\nNew message bot A: \n{new_messages_a}\n{SPACER}')
-        logging.debug(f'{SPACER}\nnNew message bot B: \n{new_messages_b}\n{SPACER}')
+        logging.debug(f'{SPACER}\nNew message bot B: \n{new_messages_b}\n{SPACER}')
 
         if "Pharia" in model_info[0]['id']:
             formatted_conversation = apply_pharia_template(messages=new_messages_a, add_generation_prompt=True)
@@ -227,6 +227,7 @@ with gr.Blocks() as demo:
     try:
         with gr.Column():
             gr.HTML(htmL_info)
+            gr.HTML("<h2>Set prompt</h2>")
             with gr.Row(variant="compact"):
                 with gr.Column(scale=0):
                     language_dropdown = gr.Dropdown(
@@ -241,6 +242,12 @@ with gr.Blocks() as demo:
                         value=system_prompts["English"], 
                         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")
@@ -253,12 +260,6 @@ with gr.Blocks() as demo:
                     chatbot_b = gr.Chatbot(label="Model B", show_copy_button=True, height=500)
             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!")
-            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)
-
 
         language_dropdown.change(
             lambda lang: system_prompts[lang],