switch text-speech tabs

app.py

@@ -158,48 +158,48 @@ with demo:
     gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
 
     with gr.Tabs(elem_classes="tab-buttons") as tabs:
-        with gr.TabItem("🏅 mSTEB Text Benchmark", elem_id="llm-benchmark-tab-table", id=0):
+
+        with gr.TabItem("🗣️ mSTEB Speech Benchmark", elem_id="speech-benchmark-tab-table", id=1):
             with gr.Row():
-                region_dropdown = gr.Dropdown(
+                speech_region_dropdown = gr.Dropdown(
                     choices=list(REGION_MAP.keys()),
                     label="Select Region",
                     value="All",
                     interactive=True,
                 )
 
-            # Region-specific leaderboard containers
             for display_name, region_key in REGION_MAP.items():
                 with gr.Column(
-                        elem_id=f"leaderboard-{region_key}",
+                        elem_id=f"speech-leaderboard-{region_key}",
                         elem_classes=["visible"] if region_key == "All" else []
                 ):
-                    init_leaderboard(leaderboard_dataframes[region_key], result_type="text")
-
-            # JS hook to toggle visible leaderboard
-            region_dropdown.change(None, js=js_switch_code, inputs=[region_dropdown])
+                    init_leaderboard(leaderboard_dataframes_speech[region_key], result_type='speech')
 
-        with gr.TabItem("🗣️ mSTEB Speech Benchmark", elem_id="speech-benchmark-tab-table", id=1):
+            speech_region_dropdown.change(
+                None,
+                js=js_switch_code.replace("leaderboard-", "speech-leaderboard-"),
+                inputs=[speech_region_dropdown]
+            )
+        with gr.TabItem("🏅 mSTEB Text Benchmark", elem_id="llm-benchmark-tab-table", id=0):
             with gr.Row():
-                speech_region_dropdown = gr.Dropdown(
+                region_dropdown = gr.Dropdown(
                     choices=list(REGION_MAP.keys()),
                     label="Select Region",
                     value="All",
                     interactive=True,
                 )
 
+            # Region-specific leaderboard containers
             for display_name, region_key in REGION_MAP.items():
                 with gr.Column(
-                        elem_id=f"speech-leaderboard-{region_key}",
+                        elem_id=f"leaderboard-{region_key}",
                         elem_classes=["visible"] if region_key == "All" else []
                 ):
-                    init_leaderboard(leaderboard_dataframes_speech[region_key], result_type='speech')
+                    init_leaderboard(leaderboard_dataframes[region_key], result_type="text")
+
+            # JS hook to toggle visible leaderboard
+            region_dropdown.change(None, js=js_switch_code, inputs=[region_dropdown])
 
-            speech_region_dropdown.change(
-                None,
-                js=js_switch_code.replace("leaderboard-", "speech-leaderboard-"),
-                inputs=[speech_region_dropdown]
-            )
-            
         with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-table", id=2):
             gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")