add English version of leaderboard

app.py

@@ -2,9 +2,10 @@ import warnings
 warnings.filterwarnings("ignore")
 
 import gradio as gr
-from tabs.leaderboard_v1 import create_leaderboard_v2_interface
+from tabs.leaderboard_v1_kr import create_leaderboard_v2_interface as leaderboard_kr
+from tabs.leaderboard_v1_en import create_leaderboard_v2_interface as leaderboard_en
 
-# 다크 모드에서 프로즈/마크다운 텍스트를 확실히 밝게 고정하는 CSS 보정
+# 다크 모드 텍스트 색상 보정
 FIX_DARK_TEXT_CSS = """
 html.dark .gr-prose, 
 html.dark .gr-prose p, 
@@ -17,14 +18,36 @@ html.dark .gr-markdown * {
 """
 
 def create_app():
-    # 권장: 명시적인 테마 객체 사용 (Default, Soft, Origin 등)
-    theme = gr.themes.Default()  # 필요 시 gr.themes.Origin() 등으로 변경
+    theme = gr.themes.Default()
 
     with gr.Blocks(theme=theme, css=FIX_DARK_TEXT_CSS) as app:
-        create_leaderboard_v2_interface()
+        # 🔹 왼쪽 상단에 언어 전환 버튼
+        with gr.Row():
+            lang_btn = gr.Button("🌍 English", scale=0, elem_id="lang-toggle-btn")
+
+        # 🔹 기본은 한국어 UI
+        with gr.Column(visible=True) as kr_view:
+            leaderboard_kr()
+
+        # 🔹 영어 UI는 숨김
+        with gr.Column(visible=False) as en_view:
+            leaderboard_en()
+
+        # 🔹 버튼 클릭 시 토글
+        def toggle_language(current_label):
+            if "English" in current_label:
+                return "🇰🇷 Korean", gr.update(visible=False), gr.update(visible=True)
+            else:
+                return "🌍 English", gr.update(visible=True), gr.update(visible=False)
+
+        lang_btn.click(
+            toggle_language,
+            inputs=[lang_btn],
+            outputs=[lang_btn, kr_view, en_view],
+        )
+
     return app
 
-demo = create_app()
 
-# Spaces/Gradio5에서 SSR이 꼬이면 일단 꺼서 확인
-demo.launch(ssr_mode=False)
+demo = create_app()
+demo.launch(ssr_mode=False)

tabs/{leaderboard_v1.py → leaderboard_v1_kr.py}

@@ -236,23 +236,23 @@ def create_leaderboard_v2_tab():
             "description": "<span style='color: white;'>요구 사항에 맞는 도구를 고르고 적절한 파라미터로 호출하는 능력을 측정합니다.</span>"
         },
         "L3": {
-            "title": "<span style='color: white;'>L3 · 순차적 추론 (Chaining)</span>",
+            "title": "<span style='color: white;'>L3 · 순차적 추론</span>",
             "description": "<span style='color: white;'>복수 단계의 순차적 추론을 통해 문제를 해결하는 과정을 검증합니다.</span>"
         },
         "L4": {
-            "title": "<span style='color: white;'>L4 · 병렬적 추론 (Aggregation)</span>",
+            "title": "<span style='color: white;'>L4 · 병렬적 추론</span>",
             "description": "<span style='color: white;'>여러 소스의 정보를 병렬적으로 통합하고 요약하는 능력을 평가합니다.</span>"
         },
         "L5": {
-            "title": "<span style='color: white;'>L5 · 강건성 (Robustness / Fallback)</span>",
+            "title": "<span style='color: white;'>L5 · 강건성</span>",
             "description": "<span style='color: white;'>예상치 못한 오류나 실패 상황에 대한 인지와 대응 전략을 확인합니다.</span>"
         },
         "L6": {
-            "title": "<span style='color: white;'>L6 · 효율성 (Efficiency)</span>",
+            "title": "<span style='color: white;'>L6 · 효율성</span>",
             "description": "<span style='color: white;'>최소한의 호출과 비용으로 목표를 달성하는 운영 효율을 살펴봅니다.</span>"
         },
         "L7": {
-            "title": "<span style='color: white;'>L7 · 장기 컨텍스트 기억 (Contextual Memory)</span>",
+            "title": "<span style='color: white;'>L7 · 장기 컨텍스트 기억</span>",
             "description": "<span style='color: white;'>장기 대화 맥락을 유지하고 적절히 활용하는 능력을 집중적으로 분석합니다.</span>"
         }
     }
@@ -2479,7 +2479,7 @@ def create_leaderboard_v2_tab():
         gr.HTML("""
         <div class="domain-header">
             <h2 class="domain-title" style="color: white;">🤖 Select Model</h2>
-            <p class="domain-subtitle" style="color: white;">비교할 모델을 선택하세요.</p>
+            <p class="domain-subtitle" style="color: white;">분석 카드에 포함할 모델을 선택하세요.</p>
         </div>
         """)
         card_model_selector = gr.Dropdown(