Tabs themes

app.py

@@ -20,6 +20,12 @@ MODEL_LIB = {'TINYLLAMA': get_tinyllama, "QWEN2INS1B": get_qwen2ins1b, "RUBASE":
 GEN_LIB = {'TINYLLAMA': response_tinyllama, "QWEN2INS1B": response_qwen2ins1b, "RUBASE": response_gigachat}
 MODEL_LIST = ["TINYLLAMA", "QWEN2INS1B", "RUBASE"]
 
+css = """
+#small span{
+ font-size: 0.7em;
+}
+"""
+
 async def model_gen(
         content,
         chat_history,
@@ -107,10 +113,10 @@ def tab_online_arena():
         msg = gradio.Textbox(label='Prompt', placeholder='Put your prompt here')
 
     with gradio.Row():
-        gradio.Button('Both Good')
-        gradio.Button('Left Better')
-        gradio.Button('Right Better')
-        gradio.Button('Both Bad')
+        both_good = gradio.Button('Both Good')
+        left_better = gradio.Button('Left Better')
+        right_better = gradio.Button('Right Better')
+        both_bad = gradio.Button('Both Bad')
 
     with gradio.Row():
         with gradio.Accordion("Parameters", open=False):
@@ -148,27 +154,6 @@ def tab_online_arena():
              [msg, chatbot_right]
              )
 
-        # with gradio.Column():
-        #     gradio.ChatInterface(
-        #         fn=giga_gen,
-        #         examples=[{"text": "hello"}, {"text": "hola"}, {"text": "merhaba"}],
-        #         title="Giga",
-        #         multimodal=True,
-        #     )
-        # with gradio.Column():
-        #     gradio.ChatInterface(
-        #         fn=tiny_gen,
-        #         examples=[{"text": "hello"}, {"text": "hola"}, {"text": "merhaba"}],
-        #         title="Tiny",
-        #         multimodal=True,
-        #     )
-        # with gradio.Column():
-        #     gradio.Interface(fn=giga_gen, inputs="text", outputs="text", allow_flagging=False, title='Giga') # arena = 
-        # with gradio.Column():
-        #     gradio.Interface(fn=tiny_gen, inputs="text", outputs="text", allow_flagging=False, title='TinyLlama') # arena = 
-        
-    # arena.launch()
-
 def tab_leaderboard():
     df = pd.DataFrame({
             "Model" : ['A', 'B', 'C',], 
@@ -236,22 +221,43 @@ def tab_offline_arena():
                                                      select_criteria_2: {"value": [], "__type__": "update"},
                                                      select_criteria_3: {"value": [], "__type__": "update"}}, 
                                                      inputs=[], outputs=[select_criteria_1, select_criteria_2, select_criteria_3])
-    
-    with gradio.Accordion("History", open=True):
+                
+    chatbot_data = [['hey', 'Hey!'], ["are we testing something?", None]]
+    text_data = ["Are we?", "Indeed we are."]
+    eval_text = '1. Twist it\n2. Bop it\n3. Crank it'
+
+    with gradio.Accordion("History", open=False) as acc_history:
         with gradio.Row():
             with gradio.Column():
                 pass
             with gradio.Column(scale=0.8):
-                chatbot_history = gradio.Chatbot([['hey', 'Hey!'], ["are we testing something?", None]], container=True)
+                chatbot_history = gradio.Chatbot(container=True, elem_id="small")
             with gradio.Column():
                 pass
     with gradio.Row():
-        model_a = gradio.Text("Indeed we are.", label='Model A')
-        model_b = gradio.Text("Are we?", label='Model B')
+        model_a = gradio.Text(label='Model A')
+        model_b = gradio.Text(label='Model B')
+    with gradio.Row():
+        eval_guide = gradio.Text('Get samples and outputs in order to generate guide', label='Evaluation guide')
+    with gradio.Row():
+        both_good = gradio.Button('Both Good')
+        left_better = gradio.Button('Left Better')
+        right_better = gradio.Button('Right Better')
+        both_bad = gradio.Button('Both Bad')
+
+    with gradio.Row():
+        with gradio.Column():
+            reason = gradio.Textbox(label='Reasoning', placeholder='Put your reasoning here...', lines=5)
+        with gradio.Column():
+            gradio.Textbox(value='You have chosen: None', interactive=False, show_label=False)
+            submit_next = gradio.Button("Submit your evaluation and get next")
+            skip_next = gradio.Button("Skip this example and get next one")
+
+    btn_show_history.click(lambda: (gradio.Accordion("History", open=True), chatbot_data, text_data[0], text_data[1], eval_text), inputs=[], outputs=[acc_history, chatbot_history, model_a, model_b, eval_guide])
 
 
 def build_demo():
-    with gradio.Blocks(theme=gradio.themes.Soft(text_size=gradio.themes.sizes.text_lg)) as demo: # , css=css, js=js_light
+    with gradio.Blocks(theme=gradio.themes.Soft(text_size=gradio.themes.sizes.text_lg), css=css) as demo: # , css=css, js=js_light
         
         with gradio.Tabs() as tabs:
             with gradio.TabItem("🐼 MERA leaderboard", id=0):