Add GPT-OSS github repo link

frontend/layout.py

@@ -9,7 +9,12 @@ from .content import LeaderboardContent, AboutContent, SubmissionContent
 from frontend.leaderboard import refresh_leaderboard, format_parameter_count
 import os
 import pandas as pd
-from gradio_leaderboard import Leaderboard, SearchColumns, ColumnFilter, SelectColumns
+from gradio_leaderboard import (
+    Leaderboard,
+    SearchColumns,
+    ColumnFilter,
+    SelectColumns,
+)
 from pathlib import Path
 import inspect
 
@@ -44,8 +49,16 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                 col_name = col[1] if isinstance(col, tuple) else col
 
                 # Always show these columns
-                if col_name in ["Rank", "Type", "Model", "Organization", "Publication",
-                               "Avg. AUC", "Avg. ΔAUC-PR", "# Parameters"]:
+                if col_name in [
+                    "Rank",
+                    "Type",
+                    "Model",
+                    "Organization",
+                    "Publication",
+                    "Avg. AUC",
+                    "Avg. ΔAUC-PR",
+                    "# Parameters",
+                ]:
                     default_visible.append(col)
                 # Show all ROC-AUC and ΔAUC-PR task columns
                 elif col_group in ["ROC-AUC", "ΔAUC-PR"]:
@@ -60,8 +73,12 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                 else refresh_leaderboard().reset_index(drop=True)
             )
 
-            new_data[("", "Avg. AUC")] = pd.to_numeric(new_data[("", "Avg. AUC")], errors="coerce")
-            new_data = new_data.sort_values(by=("", "Avg. AUC"), ascending=False, na_position="last")
+            new_data[("", "Avg. AUC")] = pd.to_numeric(
+                new_data[("", "Avg. AUC")], errors="coerce"
+            )
+            new_data = new_data.sort_values(
+                by=("", "Avg. AUC"), ascending=False, na_position="last"
+            )
             ranks = []
             for i in range(1, len(new_data) + 1):
                 if i == 1:
@@ -80,9 +97,18 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
             if search and search.strip():
                 search = search.lower()
                 mask = (
-                    filtered[("", "Model")].astype(str).str.lower().str.contains(search, na=False) |
-                    filtered[("", "Organization")].astype(str).str.lower().str.contains(search, na=False) |
-                    filtered[("", "Publication")].astype(str).str.lower().str.contains(search, na=False)
+                    filtered[("", "Model")]
+                    .astype(str)
+                    .str.lower()
+                    .str.contains(search, na=False)
+                    | filtered[("", "Organization")]
+                    .astype(str)
+                    .str.lower()
+                    .str.contains(search, na=False)
+                    | filtered[("", "Publication")]
+                    .astype(str)
+                    .str.lower()
+                    .str.contains(search, na=False)
                 )
                 filtered = filtered[mask]
 
@@ -90,7 +116,9 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
             if type_filter and len(type_filter) > 0:
                 # Extract emoji by splitting on space and taking first part
                 # e.g., "0️⃣ Zero-shot" -> "0️⃣"
-                type_emojis = [t.split(' ')[0] if ' ' in t else t for t in type_filter]
+                type_emojis = [
+                    t.split(" ")[0] if " " in t else t for t in type_filter
+                ]
                 filtered = filtered[filtered[("", "Type")].isin(type_emojis)]
 
             # Min AUC filter
@@ -105,7 +133,11 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                 selected_columns = get_default_columns(df)
 
             # Always hide these columns (used for links and tooltips)
-            always_hidden = [("", "HF_Space_Tag"), ("", "Publication Link"), ("", "Model Description")]
+            always_hidden = [
+                ("", "HF_Space_Tag"),
+                ("", "Publication Link"),
+                ("", "Model Description"),
+            ]
 
             html = "<div class='leaderboard-container'><table class='leaderboard-table sortable-table'>"
 
@@ -168,7 +200,11 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                         continue
                     if top not in ("", None):
                         # Add col-score class to AUC columns for consistent width handling
-                        extra_class = " col-score" if "AUC" in top or "ΔAUC" in top else ""
+                        extra_class = (
+                            " col-score"
+                            if "AUC" in top or "ΔAUC" in top
+                            else ""
+                        )
                         html += f"<th class='sortable-header{extra_class}' data-column='{col_idx}' onclick='sortTable({col_idx})'>{sub} <span class='sort-indicator'></span></th>"
                         col_idx += 1
                 html += "</tr>"
@@ -227,19 +263,29 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                         css_class = "col-date"
                     elif col_name in ["Pretrained", "Zero-shot", "Few-shot"]:
                         css_class = "col-boolean"
-                    elif "AUC" in col_name or "ΔAUC" in col_name or "Avg." in col_name or "AUC" in col_group or "ΔAUC" in col_group:
+                    elif (
+                        "AUC" in col_name
+                        or "ΔAUC" in col_name
+                        or "Avg." in col_name
+                        or "AUC" in col_group
+                        or "ΔAUC" in col_group
+                    ):
                         css_class = "col-score"
 
                     # Get string value for title attribute (escape quotes for HTML)
                     val_str = str(val) if val is not None else ""
-                    val_str_escaped = val_str.replace('"', '&quot;').replace("'", '&#39;')
-                    title_attr = f' title="{val_str_escaped}"' if val_str else ''
+                    val_str_escaped = val_str.replace('"', "&quot;").replace(
+                        "'", "&#39;"
+                    )
+                    title_attr = (
+                        f' title="{val_str_escaped}"' if val_str else ""
+                    )
 
                     # Helper function to check if value should be displayed as empty
                     def is_empty_value(v):
                         if pd.isna(v) or v is None:
                             return True
-                        if str(v).lower().strip() in ['nan', 'none', '']:
+                        if str(v).lower().strip() in ["nan", "none", ""]:
                             return True
                         return False
 
@@ -247,9 +293,16 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                     if col == ("", "Model"):
                         tag_str = str(hf_space_tag).strip().lower()
                         display_val = "" if is_empty_value(val) else val
-                        if hf_space_tag and tag_str and tag_str not in ['none', 'nan', '', '.']:
-                            # Put title on the link itself, not the td
-                            html += f"<td class='{css_class}'><a href='https://huggingface.co/spaces/{hf_space_tag}/blob/main/README.md' target='_blank' style='color: #20C2D9; text-decoration: none;'{title_attr}>{display_val}</a></td>"
+                        if (
+                            hf_space_tag
+                            and tag_str
+                            and tag_str not in ["none", "nan", "", "."]
+                        ):
+                            if "github" in hf_space_tag:
+                                html += f"<td class='{css_class}'><a href='{hf_space_tag}' target='_blank' style='color: #20C2D9; text-decoration: none;'{title_attr}>{display_val}</a></td>"
+                            else:
+                                # Put title on the link itself, not the td
+                                html += f"<td class='{css_class}'><a href='https://huggingface.co/spaces/{hf_space_tag}/blob/main/README.md' target='_blank' style='color: #20C2D9; text-decoration: none;'{title_attr}>{display_val}</a></td>"
                         else:
                             html += f"<td class='{css_class}'{title_attr}>{display_val}</td>"
 
@@ -257,14 +310,24 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                     elif col == ("", "Publication"):
                         # Create custom tooltip with Publication and Model Description
                         pub_str = str(val) if val is not None else ""
-                        desc_str = str(model_description) if model_description else "No description available"
+                        desc_str = (
+                            str(model_description)
+                            if model_description
+                            else "No description available"
+                        )
                         custom_tooltip = f"Publication:\n{pub_str}\n\nModel Description:\n{desc_str}"
-                        custom_tooltip_escaped = custom_tooltip.replace('"', '&quot;').replace("'", '&#39;')
+                        custom_tooltip_escaped = custom_tooltip.replace(
+                            '"', "&quot;"
+                        ).replace("'", "&#39;")
                         custom_title_attr = f' title="{custom_tooltip_escaped}"'
 
                         display_val = "" if is_empty_value(val) else val
                         link_str = str(publication_link).strip().lower()
-                        if publication_link and link_str and link_str not in ['none', 'nan', '', '.']:
+                        if (
+                            publication_link
+                            and link_str
+                            and link_str not in ["none", "nan", "", "."]
+                        ):
                             # Put custom title on the link itself
                             html += f"<td class='{css_class}'><a href='{publication_link}' target='_blank' style='color: #20C2D9; text-decoration: none;'{custom_title_attr}>{display_val}</a></td>"
                         else:
@@ -274,7 +337,11 @@ def create_leaderboard_tab(refresh_callback: Callable = None) -> gr.TabItem:
                     elif col == ("", "# Parameters"):
                         formatted_val = format_parameter_count(val)
                         # Store raw numeric value in data-value for sorting
-                        data_value_attr = f' data-value="{val}"' if pd.notna(val) and val != "" else ' data-value=""'
+                        data_value_attr = (
+                            f' data-value="{val}"'
+                            if pd.notna(val) and val != ""
+                            else ' data-value=""'
+                        )
                         html += f"<td class='{css_class}'{data_value_attr}{title_attr}>{formatted_val}</td>"
 
                     else:
@@ -481,18 +548,20 @@ table.leaderboard-table th.col-score {
 
             return html
 
-
-
         # Header section
         print(Leaderboard.__module__)
         header_html = gr.HTML(LeaderboardContent.get_header_html())
 
         # Load initial data
-        result_data = refresh_leaderboard() # df
+        result_data = refresh_leaderboard()  # df
 
         # add rank column with medals for top 3
-        result_data[("", "Avg. AUC")] = pd.to_numeric(result_data[("", "Avg. AUC")], errors="coerce")
-        result_data = result_data.sort_values(by=("", "Avg. AUC"), ascending=False, na_position="last")
+        result_data[("", "Avg. AUC")] = pd.to_numeric(
+            result_data[("", "Avg. AUC")], errors="coerce"
+        )
+        result_data = result_data.sort_values(
+            by=("", "Avg. AUC"), ascending=False, na_position="last"
+        )
         ranks = []
         for i in range(1, len(result_data) + 1):
             if i == 1:
@@ -514,18 +583,32 @@ table.leaderboard-table th.col-score {
             elem_id="leaderboard-search",
             container=False,
             max_lines=1,
-            type="text"
+            type="text",
         )
 
         # Filters in an accordion
-        with gr.Accordion("Filters & Column Selection", open=False, elem_classes=["filter-accordion"]):
+        with gr.Accordion(
+            "Filters & Column Selection",
+            open=False,
+            elem_classes=["filter-accordion"],
+        ):
             with gr.Row():
                 # Type filter (multi-select checkboxes)
                 type_filter = gr.CheckboxGroup(
-                    choices=["0️⃣ Zero-shot", "1️⃣ Few-shot", "⤵️ Pre-trained", "🔼 Models trained from scratch"],
+                    choices=[
+                        "0️⃣ Zero-shot",
+                        "1️⃣ Few-shot",
+                        "⤵️ Pre-trained",
+                        "🔼 Models trained from scratch",
+                    ],
                     label="Model Type",
-                    value=["0️⃣ Zero-shot", "1️⃣ Few-shot", "⤵️ Pre-trained", "🔼 Models trained from scratch"],  # All selected by default
-                    interactive=True
+                    value=[
+                        "0️⃣ Zero-shot",
+                        "1️⃣ Few-shot",
+                        "⤵️ Pre-trained",
+                        "🔼 Models trained from scratch",
+                    ],  # All selected by default
+                    interactive=True,
                 )
 
                 # Min AUC filter
@@ -534,13 +617,21 @@ table.leaderboard-table th.col-score {
                     value=0,
                     minimum=0,
                     maximum=1,
-                    step=0.01
+                    step=0.01,
                 )
 
             # Column selection dropdown
             # Get all column names for the dropdown
-            all_columns = [col for col in result_data.columns
-                          if col not in [("", "HF_Space_Tag"), ("", "Publication Link"), ("", "Model Description")]]
+            all_columns = [
+                col
+                for col in result_data.columns
+                if col
+                not in [
+                    ("", "HF_Space_Tag"),
+                    ("", "Publication Link"),
+                    ("", "Model Description"),
+                ]
+            ]
             default_columns = get_default_columns(result_data)
 
             # Format column names for display
@@ -557,7 +648,8 @@ table.leaderboard-table th.col-score {
             # Create mapping from display name to actual column
             column_display_to_actual = dict(zip(column_choices, column_values))
             default_display_names = [
-                display_name for display_name, col in column_display_to_actual.items()
+                display_name
+                for display_name, col in column_display_to_actual.items()
                 if col in default_columns
             ]
 
@@ -565,7 +657,7 @@ table.leaderboard-table th.col-score {
                 choices=column_choices,
                 value=default_display_names,
                 label="Select Columns to Display",
-                interactive=True
+                interactive=True,
             )
 
         # Refresh button
@@ -581,9 +673,14 @@ table.leaderboard-table th.col-score {
         table = gr.HTML(make_html_table(result_data))
 
         # Wire up the filter components
-        def apply_filters_wrapper(search, type_filter, min_auc, selected_display_names):
+        def apply_filters_wrapper(
+            search, type_filter, min_auc, selected_display_names
+        ):
             # Convert display names back to actual column tuples
-            selected_columns = [column_display_to_actual[name] for name in selected_display_names]
+            selected_columns = [
+                column_display_to_actual[name]
+                for name in selected_display_names
+            ]
             return apply_filters(search, type_filter, min_auc, selected_columns)
 
         # Connect all inputs to apply_filters
@@ -591,10 +688,14 @@ table.leaderboard-table th.col-score {
             component.change(
                 fn=apply_filters_wrapper,
                 inputs=[search, type_filter, min_auc, column_selector],
-                outputs=table
+                outputs=table,
             )
 
-        refresh_btn.click(apply_filters_wrapper, [search, type_filter, min_auc, column_selector], table)
+        refresh_btn.click(
+            apply_filters_wrapper,
+            [search, type_filter, min_auc, column_selector],
+            table,
+        )
 
         # Connect refresh button
         def refresh_data():
@@ -607,7 +708,10 @@ table.leaderboard-table th.col-score {
             return new_data
 
         # Info section
-        info_html = gr.HTML(LeaderboardContent.get_info_html(), elem_classes=["info-leaderboard"])
+        info_html = gr.HTML(
+            LeaderboardContent.get_info_html(),
+            elem_classes=["info-leaderboard"],
+        )
 
     return tab, table
 
@@ -628,52 +732,76 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
 
     with gr.TabItem("Submit", elem_id="submission-tab", id=2) as tab:
         with gr.Blocks(elem_classes=["form-wrapper"]):
-            gr.HTML(f"""<div class="header-section">
+            gr.HTML(
+                f"""<div class="header-section">
                     <h2 class="header-emoji">{SubmissionContent.emoji}</h2>
                 <h2 class="header-title">{SubmissionContent.title}</h2>
-            </div>""")
+            </div>"""
+            )
 
             # Instructions
-            instructions_html = gr.HTML(SubmissionContent.get_instructions_html())
+            instructions_html = gr.HTML(
+                SubmissionContent.get_instructions_html()
+            )
 
             # Submission form
             with gr.Blocks():
                 # Required fields
-                gr.HTML(f"<div>{SubmissionContent.form_labels['model_name']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['model_name']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 model_name = gr.Textbox(
                     show_label=True,
-                    placeholder=SubmissionContent.form_placeholders["model_name"],
-                    #info=SubmissionContent.form_info["model_name"],
+                    placeholder=SubmissionContent.form_placeholders[
+                        "model_name"
+                    ],
+                    # info=SubmissionContent.form_info["model_name"],
                     container=False,
                     elem_classes=["form-container"],
                     max_lines=1,
                 )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['hf_space_tag']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['hf_space_tag']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 hf_space_tag = gr.Textbox(
                     label=SubmissionContent.form_labels["hf_space_tag"],
-                    placeholder=SubmissionContent.form_placeholders["hf_space_tag"],
-                    #info=SubmissionContent.form_info["hf_space_tag"],
+                    placeholder=SubmissionContent.form_placeholders[
+                        "hf_space_tag"
+                    ],
+                    # info=SubmissionContent.form_info["hf_space_tag"],
                     container=False,
                     max_lines=1,
-                    elem_classes=["form-container"]
+                    elem_classes=["form-container"],
                 )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['model_description']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['model_description']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 model_description = gr.Textbox(
                     label=SubmissionContent.form_labels["model_description"],
                     placeholder=SubmissionContent.form_placeholders[
                         "model_description"
                     ],
-                    #info=SubmissionContent.form_info["model_description"],
+                    # info=SubmissionContent.form_info["model_description"],
                     lines=3,
                     container=False,
-                    elem_classes=["form-container"]
+                    elem_classes=["form-container"],
                 )
 
                 # Optional fields in accordion
                 # with gr.Accordion("Additional Information", open=False):
-                gr.HTML(f"<div>{SubmissionContent.form_labels['organization']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['organization']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 organization = gr.Textbox(
                     label=SubmissionContent.form_labels["organization"],
                     placeholder=SubmissionContent.form_placeholders[
@@ -684,27 +812,39 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     max_lines=1,
                 )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['model_size']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['model_size']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 model_size = gr.Textbox(
-                        label=SubmissionContent.form_labels["model_size"],
-                        placeholder=SubmissionContent.form_placeholders[
-                            "model_size"
-                        ],
-                        container=False,
-                        max_lines=1,
-                        elem_classes=["form-container"]
-                    )
+                    label=SubmissionContent.form_labels["model_size"],
+                    placeholder=SubmissionContent.form_placeholders[
+                        "model_size"
+                    ],
+                    container=False,
+                    max_lines=1,
+                    elem_classes=["form-container"],
+                )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['pretrained']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['pretrained']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 pretrained = gr.Radio(
                     choices=["Yes", "No"],
                     value="No",
                     container=False,
-                    elem_classes=["form-container-radio"]
+                    elem_classes=["form-container-radio"],
                 )
 
-                pretraining_label = gr.HTML(f"<div>{SubmissionContent.form_labels['pretraining_data']}</div>", container=False, 
-                                            elem_classes=["field-label"], visible=False)
+                pretraining_label = gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['pretraining_data']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                    visible=False,
+                )
                 pretraining_data = gr.Textbox(
                     label=SubmissionContent.form_labels["pretraining_data"],
                     placeholder=SubmissionContent.form_placeholders[
@@ -713,16 +853,13 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     visible=False,
                     container=False,
                     max_lines=1,
-                    elem_classes=["form-container"]
+                    elem_classes=["form-container"],
                 )
 
                 # When checkbox changes, update visibility
                 def toggle_pretrain_fields(choice):
-                    show = (choice == "Yes")
-                    return [
-                        gr.update(visible=show),
-                        gr.update(visible=show)
-                    ]
+                    show = choice == "Yes"
+                    return [gr.update(visible=show), gr.update(visible=show)]
 
                 pretrained.change(
                     fn=toggle_pretrain_fields,
@@ -730,15 +867,18 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     outputs=[pretraining_label, pretraining_data],
                 )
 
-                    # pretrained = gr.Textbox(
-                    #     label=SubmissionContent.form_labels["pretrained"],
-                    #     placeholder=SubmissionContent.form_placeholders[
-                    #         "pretrained"
-                    #     ],
-                    # )
+                # pretrained = gr.Textbox(
+                #     label=SubmissionContent.form_labels["pretrained"],
+                #     placeholder=SubmissionContent.form_placeholders[
+                #         "pretrained"
+                #     ],
+                # )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['publication_title']}</div>", 
-                        container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['publication_title']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 publication_title = gr.Textbox(
                     label=SubmissionContent.form_labels["publication_title"],
                     placeholder=SubmissionContent.form_placeholders[
@@ -746,10 +886,14 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     ],
                     container=False,
                     max_lines=1,
-                    elem_classes=["form-container"]
+                    elem_classes=["form-container"],
                 )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['publication_link']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['publication_link']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 publication_link = gr.Textbox(
                     label=SubmissionContent.form_labels["publication_link"],
                     placeholder=SubmissionContent.form_placeholders[
@@ -757,45 +901,51 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     ],
                     max_lines=1,
                     container=False,
-                    elem_classes=["form-container"]
+                    elem_classes=["form-container"],
                 )
 
-                gr.HTML(f"<div>{SubmissionContent.form_labels['zero_shot']}</div>", container=False, elem_classes=["field-label"])
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['zero_shot']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 zero_shot = gr.Radio(
-                        choices=["Yes", "No"],
-                        value="No",
-                        container=False,
-                        elem_classes=["form-container-radio"]
-                    )
-                
-                gr.HTML(f"<div>{SubmissionContent.form_labels['few_shot']}</div>", container=False, elem_classes=["field-label"])
+                    choices=["Yes", "No"],
+                    value="No",
+                    container=False,
+                    elem_classes=["form-container-radio"],
+                )
+
+                gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['few_shot']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                )
                 few_shot = gr.Radio(
                     choices=["Yes", "No"],
                     value="No",
                     container=False,
-                    elem_classes=["form-container-radio"]
+                    elem_classes=["form-container-radio"],
                 )
 
-                n_shot_label = gr.HTML(f"<div>{SubmissionContent.form_labels['n_shot']}</div>", 
-                                       container=False, elem_classes=["field-label"], visible=False)
+                n_shot_label = gr.HTML(
+                    f"<div>{SubmissionContent.form_labels['n_shot']}</div>",
+                    container=False,
+                    elem_classes=["field-label"],
+                    visible=False,
+                )
                 n_shot = gr.Textbox(
                     label=SubmissionContent.form_labels["n_shot"],
-                    placeholder=SubmissionContent.form_placeholders[
-                        "n_shot"
-                    ],
+                    placeholder=SubmissionContent.form_placeholders["n_shot"],
                     visible=False,
                     container=False,
                     max_lines=1,
-                    elem_classes=["form-container"]
+                    elem_classes=["form-container"],
                 )
 
-
                 def toggle_n_shot_fields(choice):
-                    show = (choice == "Yes")
-                    return [
-                        gr.update(visible=show),
-                        gr.update(visible=show)
-                    ]
+                    show = choice == "Yes"
+                    return [gr.update(visible=show), gr.update(visible=show)]
 
                 few_shot.change(
                     fn=toggle_n_shot_fields,
@@ -803,15 +953,25 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     outputs=[n_shot_label, n_shot],
                 )
 
-                agree = gr.Checkbox(label="I confirm that the submission fulfills the requirements and that the results are reproducible.", 
-                                    elem_id="agree-checkbox", container=False, elem_classes=["form-container-checkbox"])
-
-
-
+                agree = gr.Checkbox(
+                    label="I confirm that the submission fulfills the requirements and that the results are reproducible.",
+                    elem_id="agree-checkbox",
+                    container=False,
+                    elem_classes=["form-container-checkbox"],
+                )
 
                 # Submit button and result
-                submit_btn = gr.Button("Submit", value="primary", interactive=False, elem_classes=["submit-button"])
-                agree.change(lambda x: gr.update(interactive=x), inputs=agree, outputs=submit_btn)
+                submit_btn = gr.Button(
+                    "Submit",
+                    value="primary",
+                    interactive=False,
+                    elem_classes=["submit-button"],
+                )
+                agree.change(
+                    lambda x: gr.update(interactive=x),
+                    inputs=agree,
+                    outputs=submit_btn,
+                )
                 result_msg = gr.HTML()
 
                 if submit_callback:
@@ -939,7 +1099,9 @@ function() {
         radio_circle="#20C2D9",
     )
 
-    with gr.Blocks(css=css, js=js, title="Tox21 Leaderboard", theme=theme) as app:
+    with gr.Blocks(
+        css=css, js=js, title="Tox21 Leaderboard", theme=theme
+    ) as app:
         # Tab container
         with gr.Tabs(elem_classes="tab-nav") as tabs: