Fixed website, now need to get submissions working again

about.py

@@ -49,7 +49,13 @@ TODO
 
 TODO
 
-FAQs: A list of frequently asked questions.
+**How to contribute?**
+
+We'd like to add some more existing models to the leaderboard. Some examples of models we'd like to add:
+- TODO
+
+**FAQs**
+
 """
 FAQS = {
     "Example FAQ with dropdown": """Full answer to this question""",

app.py

@@ -25,7 +25,7 @@ def get_leaderboard_object(assay: str | None = None):
         filter_columns.append("property")
     # TODO how to sort filter columns alphabetically?
     Leaderboard(
-        # TODO(Lood) check refreshing
+        # TODO(Lood) check that this actually refreshes using the function
         value=format_leaderboard_table(df_results=fetch_hf_results(), assay=assay),
         datatype=["str", "str", "str", "number"],
         select_columns=["model", "property", "spearman", "spearman_cross_val"],
@@ -39,58 +39,43 @@ with gr.Blocks() as demo:
     gr.Markdown("""
         ## Welcome to the Ginkgo Antibody Developability Benchmark!
         
+        **Beta version, not publicly launched yet**
+        
         Participants can submit their model to the leaderboard by uploading a CSV file (see the "✉️ Submit" tab).
         See more details in the "❔About" tab.
         """)
     with gr.Tabs(elem_classes="tab-buttons"):
-        # Procedurally make these 5 tabs
-        for assay in ASSAY_LIST:
-            with gr.TabItem(f"{ASSAY_EMOJIS[assay]} {ASSAY_RENAME[assay]}", elem_id=f"abdev-benchmark-tab-table"):
-                gr.Markdown(f"# {ASSAY_DESCRIPTION[assay]}")
-                get_leaderboard_object(assay=assay)
-        
-        with gr.TabItem("🚀 Overall", elem_id="abdev-benchmark-tab-table"):                
-            gr.Markdown("# Antibody Developability Benchmark Leaderboard over all properties")
-            get_leaderboard_object()
-            # TODO: this is not going to update well, need to fix
-        
         with gr.TabItem("❔About", elem_id="abdev-benchmark-tab-table"):
-            gr.Markdown(
-            """
-            <style>
-            .resized-image img {
-                width: 80%;
-                height: auto;
-                display: block;
-                margin-left: auto;
-                margin-right: auto;
-            }
-
-            @media (max-width: 768px) {
-                .resized-image img {
-                    width: 100%;
-                }
-            }
-            </style>
-            """,
-            elem_id="style-inject"
-        )
             gr.Image(
                 value="./assets/competition_logo.jpg",
                 show_label=False,
-                elem_classes=["resized-image"],
+                # elem_classes=["resized-image"],
                 show_download_button=False,
+                width="50vw",  # 50% of the "viewport width"
             )
             gr.Markdown(ABOUT_TEXT)
             for question, answer in FAQS.items():
                 with gr.Accordion(question):
                     gr.Markdown(answer)
+        
+        # Procedurally make these 5 tabs
+        for assay in ASSAY_LIST:
+            with gr.TabItem(f"{ASSAY_EMOJIS[assay]} {ASSAY_RENAME[assay]}", elem_id=f"abdev-benchmark-tab-table"):
+                gr.Markdown(f"# {ASSAY_DESCRIPTION[assay]}")
+                get_leaderboard_object(assay=assay)
+        
+        with gr.TabItem("🚀 Overall", elem_id="abdev-benchmark-tab-table"):                
+            gr.Markdown("# Antibody Developability Benchmark Leaderboard over all properties")
+            get_leaderboard_object()
 
         with gr.TabItem("✉️ Submit", elem_id="boundary-benchmark-tab-table"):
             gr.Markdown(
                 """
             # Antibody Developability Submission
             Upload a CSV to get a score!
+            
+            Please use your Hugging Face account name to submit your model - we use this to track separate submissions, but only Hugging Face/Ginkgo will see these usernames (unless you choose to make them public).
+            Your submission will be evaluated and added to the leaderboard.
             """
             )
             filename = gr.State(value=None) 
@@ -98,7 +83,7 @@ with gr.Blocks() as demo:
             user_state = gr.State(value=None)
             anonymous_state = gr.State(value=False)
 
-            gr.LoginButton()
+            login_button = gr.LoginButton(value="Sign in with Hugging Face to see account name")  # Note(Lood): Is this mandatory?
 
             with gr.Row():
                 with gr.Column():
@@ -108,10 +93,11 @@ with gr.Blocks() as demo:
                         info="This will be displayed on the leaderboard."
                     )
 
-                    anonymous_checkbox = gr.Checkbox(label="Would you like to keep your submission anonymous?")
+                    anonymous_checkbox = gr.Checkbox(label="Would you like to keep your submission anonymous?") # Can make this ticked by default
                 with gr.Column():
-                    boundary_file = gr.File(label="Submission CSV")
+                    submission_file = gr.File(label="Submission CSV")
 
+            # TODO(Lood): How do we get the username from the login button instead? Do we want this?
             username_input.change(
                 fn=lambda x: x if x.strip() else None,
                 inputs=username_input,
@@ -125,7 +111,7 @@ with gr.Blocks() as demo:
             
             submit_btn.click(
                 make_submission,
-                inputs=[boundary_file, user_state, anonymous_state],
+                inputs=[submission_file, user_state, anonymous_state],
                 outputs=[message],
             ).then(
                 fn=show_output_box,

requirements.txt

@@ -2,4 +2,5 @@ gradio
 datasets
 huggingface_hub
 gradio-leaderboard
+gradio[oauth]
 # plotly

submit.py

@@ -24,13 +24,14 @@ def make_submission(
     
     path_obj = Path(file_path)
     timestamp = datetime.utcnow().isoformat()
-    submission_id = uuid.uuid4()
+    submission_id = str(uuid.uuid4())
 
     with (path_obj.open("rb") as f_in):
         file_content = f_in.read().decode("utf-8")
 
         # write to dataset
         filename = f"{submission_id}.json"
+        # Note: This may be represented as Parquet in the future, so the schema needs to stay consistent
         record = {
             "submission_id": submission_id,
             "submission_filename": filename,