test

app.py

@@ -11,10 +11,7 @@ dao = MongoDAO(MONGO_DB_URI, MONGO_DB_NAME)
 bootstrap_service = BootstrapService(dao)
 bootstrap_service.provision_database()
 
-with open("style.css", "r") as f:
-  custom_css = f.read()
-
-with gr.Blocks(css=custom_css) as demo:
+with gr.Blocks(theme=gr.themes.Citrus(primary_hue="sky"), css_paths="style.css") as demo:
   with gr.Tabs():
     with gr.TabItem("🏆 リーダーボード"):
       leaderboard_content(dao, LANGUAGE)

docs/leaderboard_header.md

@@ -4,13 +4,13 @@
 Chatbot Arenaにインスパイアされて開発されましが、以下のような違いがあります。
 
 - 誰でもモデルを登録してコンペに参加可能
+- 重みのファイルサイズの階級別で戦う
 - 階級別にチャットバトルとリーダーボードがある
 
 初期データとして、Google公式のInstruction-Tuning済みモデルを登録しています。  
-【モデルに投票】から匿名のチャットバトルで投票することが出来ます。  
-【モデルの登録】から自分の事後学習済みモデルを登録することも出来ます。
-
-Google公式モデルを上回る日本語性能スコアのモデルをぜひ皆で作りましょう！
-
-
+[モデルに投票]から匿名のチャットバトルに投票することが出来ます。  
+[モデルの登録]から自分の事後学習済みモデルを登録することも出来ます。  
+Google公式モデルをみんなで倒しましょう！
 
+【更新履歴】
+- 2025/03/31 ベータ版を公開。機能は一通り完成していますが、性能をテスト中。

indiebot_arena/ui/battle.py

@@ -1,5 +1,6 @@
 import concurrent.futures
 import hashlib
+import os
 import random
 import threading
 
@@ -13,6 +14,9 @@ from indiebot_arena.service.arena_service import ArenaService
 
 DESCRIPTION = "### 💬 チャットバトル"
 
+base_dir = os.path.abspath(os.path.join(os.path.dirname(__file__), "..", ".."))
+docs_path = os.path.join(base_dir, "docs", "battle_header.md")
+
 _model_cache = {}
 _model_lock = threading.Lock()
 
@@ -97,6 +101,7 @@ def get_random_values(model_labels):
   if MODEL_SELECTION_MODE=="manual":
     return model_labels[0], model_labels[0]
 
+
 def battle_content(dao, language):
   arena_service = ArenaService(dao)
   default_weight = "U-5GB"
@@ -166,6 +171,9 @@ def battle_content(dao, language):
     )
 
   with gr.Blocks(css="style.css") as battle_ui:
+    with open(docs_path, "r", encoding="utf-8") as f:
+      markdown_content = f.read()
+    gr.Markdown(markdown_content)
     gr.Markdown(DESCRIPTION)
     weight_class_radio = gr.Radio(
       choices=["U-5GB", "U-10GB"],
@@ -195,8 +203,8 @@ def battle_content(dao, language):
       chatbot_a = gr.Chatbot(label="Chatbot A")
       chatbot_b = gr.Chatbot(label="Chatbot B")
     with gr.Row():
-      vote_a_btn = gr.Button("A is better", interactive=False)
-      vote_b_btn = gr.Button("B is better", interactive=False)
+      vote_a_btn = gr.Button("A is better", variant="primary", interactive=False)
+      vote_b_btn = gr.Button("B is better", variant="primary", interactive=False)
     user_input = gr.Textbox(
       placeholder="日本語でメッセージを入力...",
       submit_btn=True,
@@ -206,7 +214,7 @@ def battle_content(dao, language):
       with gr.Column(scale=3):
         vote_message = gr.Textbox(show_label=False, interactive=False, visible=False)
       with gr.Column(scale=1):
-        next_battle_btn = gr.Button("次のバトルへ", interactive=False, visible=False, elem_id="next_battle_btn")
+        next_battle_btn = gr.Button("次のバトルへ", variant="primary", interactive=False, visible=False, elem_id="next_battle_btn")
     user_input.submit(
       fn=submit_message,
       inputs=[user_input, chatbot_a, chatbot_b, model_dropdown_a, model_dropdown_b],

indiebot_arena/ui/leaderboard.py

@@ -40,7 +40,7 @@ def leaderboard_content(dao, language):
       headers=["Rank", "Model Name", "Elo Score", "File Size (GB)", "Description", "Last Updated"],
       interactive=False
     )
-    refresh_btn = gr.Button("更新")
+    refresh_btn = gr.Button("更新", variant="primary")
     weight_class_radio.change(fn=fetch_leaderboard_data, inputs=weight_class_radio, outputs=leaderboard_table)
     refresh_btn.click(fn=fetch_leaderboard_data, inputs=weight_class_radio, outputs=leaderboard_table)
     leaderboard_ui.load(fn=fetch_leaderboard_data, inputs=weight_class_radio, outputs=leaderboard_table)

indiebot_arena/ui/registration.py

@@ -181,9 +181,9 @@ def registration_content(dao, language):
       output_box = gr.Textbox(label="結果出力", lines=10)
       meta_state = gr.State(None)
       with gr.Row():
-        test_btn = gr.Button("ロードテスト")
-        chat_test_btn = gr.Button("チャットテスト", interactive=False)
-        register_btn = gr.Button("モデル登録", interactive=False)
+        test_btn = gr.Button("ロードテスト", variant="primary")
+        chat_test_btn = gr.Button("チャットテスト", variant="primary", interactive=False)
+        register_btn = gr.Button("モデル登録", variant="primary", interactive=False)
         clear_btn = gr.Button("クリア")
       test_btn.click(fn=load_test, inputs=[model_id_input, reg_weight_class_radio, output_box], outputs=[output_box,
                                                                                                          chat_test_btn,