feat: Add Arabic-ORPO-Llama3 chatbot comparison functionality

app.py

@@ -70,7 +70,7 @@ def generate_both(system_prompt, input_text, chatbot_a, chatbot_b, max_new_token
     text_streamer_a = TextIteratorStreamer(tokenizer_a, skip_prompt=True)
     text_streamer_b = TextIteratorStreamer(tokenizer_b, skip_prompt=True)
 
-    system_prompt_list = [{"role": "system", "content": system_prompt}]
+    system_prompt_list = [{"role": "system", "content": system_prompt}] if system_prompt else []
     input_text_list = [{"role": "user", "content": input_text}]
 
     chat_history_a = []
@@ -161,9 +161,15 @@ def generate_both(system_prompt, input_text, chatbot_a, chatbot_b, max_new_token
 def clear():
     return [], []
 
+arena_notes = """Important Notes:
+- `gemma-2` model doesn't have system prompt, so it's make the system prompt field empty for the model to work.
+- Sometimes an error may occur when generating the response, in this case, please try again.
+"""
+
 with gr.Blocks(title="Arabic-ORPO-Llama3") as demo:
     with gr.Column():
         gr.HTML("<center><h1>Arabic Chatbot Comparison</h1></center>")
+        gr.Markdown(arena_notes)
         system_prompt = gr.Textbox(lines=1, label="System Prompt", value="أنت متحدث لبق باللغة العربية!", rtl=True, text_align="right", show_copy_button=True)
         with gr.Row(variant="panel"):
             model_dropdown_a = gr.Dropdown(label="Model A", choices=models_available, value=None)