Fix First Author links to render as clickable HTML and add author fields to submission form

app.py

@@ -40,6 +40,39 @@ def filter_and_search(df, search, datasets, models, organizations, columns):
     return filtered
 
 
+def df_to_html(df):
+    """Convert DataFrame to HTML table with clickable links in First Author column"""
+    if df.empty:
+        return "<p>No data to display</p>"
+
+    html = '<table class="dataframe">\n<thead>\n<tr>'
+
+    # Add headers
+    for col in df.columns:
+        if col != "Author Link":  # Skip Author Link column in display
+            html += f'<th>{col}</th>'
+    html += '</tr>\n</thead>\n<tbody>\n'
+
+    # Add rows
+    for _, row in df.iterrows():
+        html += '<tr>'
+        for col in df.columns:
+            if col != "Author Link":  # Skip Author Link column in display
+                if col == "First Author" and "Author Link" in df.columns:
+                    # Create clickable link for First Author
+                    author_link = row["Author Link"]
+                    if pd.notna(author_link) and author_link.strip():
+                        html += f'<td><a href="{author_link}" target="_blank">{row[col]}</a></td>'
+                    else:
+                        html += f'<td>{row[col]}</td>'
+                else:
+                    html += f'<td>{row[col]}</td>'
+        html += '</tr>\n'
+
+    html += '</tbody>\n</table>'
+    return html
+
+
 def build_tab(df, name):
     """Build a leaderboard tab from a DataFrame"""
     if df.empty:
@@ -61,10 +94,7 @@ def build_tab(df, name):
                 first_author = model_org_data["First Author"].values[0]
                 author_link = model_org_data["Author Link"].values[0]
 
-                # Create HTML link for First Author
-                author_html = f'<a href="{author_link}" target="_blank">{first_author}</a>'
-
-                row = {"Model": model, "Organization": org, "First Author": author_html}
+                row = {"Model": model, "Organization": org, "First Author": first_author, "Author Link": author_link}
                 for dataset in datasets:
                     dataset_data = model_org_data[model_org_data["Dataset"] == dataset]
                     if not dataset_data.empty:
@@ -87,6 +117,9 @@ def build_tab(df, name):
 
     all_cols = ["Model", "Organization", "First Author"] + metric_combo_cols
 
+    # Keep Author Link for internal use but don't show in column selector
+    display_cols_for_selector = [col for col in all_cols if col != "Author Link"]
+
     with gr.TabItem(name, elem_id="llm-benchmark-tab-table"):
         with gr.Row():
             with gr.Column(scale=4):
@@ -97,18 +130,15 @@ def build_tab(df, name):
                 )
 
                 col_selector = gr.CheckboxGroup(
-                    choices=all_cols,
-                    value=all_cols,
+                    choices=display_cols_for_selector,
+                    value=display_cols_for_selector,
                     label="Select Columns to Display:",
                     elem_classes="column-select"
                 )
 
-                table = gr.Dataframe(
-                    value=pivoted_df,
-                    wrap=True,
-                    interactive=False,
-                    elem_id="leaderboard-table",
-                    datatype=["str"] * len(pivoted_df.columns)
+                table = gr.HTML(
+                    value=df_to_html(pivoted_df),
+                    elem_id="leaderboard-table"
                 )
 
             with gr.Column(scale=1):
@@ -141,10 +171,13 @@ def build_tab(df, name):
                 filtered = filtered[filtered["Organization"].isin(org)]
 
             if cols:
+                # Always include "Author Link" for rendering, even if not in selection
                 display_cols = [col for col in cols if col in filtered.columns]
+                if "First Author" in display_cols and "Author Link" in filtered.columns:
+                    display_cols.append("Author Link")
                 filtered = filtered[display_cols]
 
-            return filtered
+            return df_to_html(filtered)
 
         search_bar.change(update, [search_bar, model_filter, org_filter, col_selector], table)
         model_filter.change(update, [search_bar, model_filter, org_filter, col_selector], table)
@@ -161,29 +194,37 @@ custom_css = """
     margin-top: 15px;
     max-height: 600px;
     overflow-y: auto;
+    overflow-x: auto;
 }
 
-#leaderboard-table table {
+#leaderboard-table table.dataframe {
     width: 100%;
+    border-collapse: collapse;
     table-layout: auto;
 }
 
-#leaderboard-table thead th {
+#leaderboard-table table.dataframe thead th {
     font-weight: bold;
     text-align: center;
     padding: 12px 8px;
     white-space: normal;
     word-wrap: break-word;
+    border-bottom: 2px solid #ddd;
 }
 
-#leaderboard-table tbody td {
+#leaderboard-table table.dataframe tbody td {
     text-align: center;
     padding: 10px 8px;
     white-space: nowrap;
+    border-bottom: 1px solid #eee;
 }
 
-#leaderboard-table tbody td:first-child,
-#leaderboard-table thead th:first-child {
+#leaderboard-table table.dataframe tbody tr:hover {
+    background-color: #f5f5f5;
+}
+
+#leaderboard-table table.dataframe tbody td:first-child,
+#leaderboard-table table.dataframe thead th:first-child {
     text-align: left;
     font-weight: 500;
     min-width: 120px;
@@ -191,14 +232,14 @@ custom_css = """
     white-space: nowrap;
 }
 
-#leaderboard-table tbody td:nth-child(2),
-#leaderboard-table thead th:nth-child(2) {
+#leaderboard-table table.dataframe tbody td:nth-child(2),
+#leaderboard-table table.dataframe thead th:nth-child(2) {
     text-align: left;
     min-width: 100px;
 }
 
-#leaderboard-table tbody td:nth-child(3),
-#leaderboard-table thead th:nth-child(3) {
+#leaderboard-table table.dataframe tbody td:nth-child(3),
+#leaderboard-table table.dataframe thead th:nth-child(3) {
     text-align: left;
     min-width: 120px;
 }
@@ -211,12 +252,7 @@ custom_css = """
 
 #leaderboard-table a:hover {
     text-decoration: underline;
-}
-
-/* Remove any interactive elements from table */
-#leaderboard-table input[type="range"],
-#leaderboard-table .slider {
-    display: none !important;
+    color: #004499;
 }
 
 #search-bar {
@@ -318,6 +354,16 @@ with demo:
                     )
 
                 with gr.Column():
+                    submit_first_author = gr.Textbox(
+                        label="First Author",
+                        placeholder="e.g., K. He",
+                        info="Name of the first author"
+                    )
+                    submit_author_link = gr.Textbox(
+                        label="Author Page Link (Optional)",
+                        placeholder="https://scholar.google.com/... or https://github.com/...",
+                        info="Link to author's Google Scholar, GitHub, or personal page"
+                    )
                     submit_metrics = gr.Textbox(
                         label="Metrics (JSON format)",
                         placeholder='{"Accuracy": 95.8, "F1-Score": 94.9}',
@@ -358,9 +404,9 @@ with demo:
             We'll review your submission and add it to the leaderboard if approved.
             """)
 
-            def generate_submission_text(task, model, org, dataset, metrics, paper, code, email, notes):
-                if not all([task, model, org, dataset, metrics, email]):
-                    return "❌ Error: Please fill in all required fields (Task Type, Model Name, Organization, Dataset, Metrics, Contact Email)"
+            def generate_submission_text(task, model, org, dataset, first_author, author_link, metrics, paper, code, email, notes):
+                if not all([task, model, org, dataset, first_author, metrics, email]):
+                    return "❌ Error: Please fill in all required fields (Task Type, Model Name, Organization, Dataset, First Author, Metrics, Contact Email)"
 
                 submission_text = f"""## New Model Submission
 
@@ -368,6 +414,8 @@ with demo:
 **Model Name:** {model}
 **Organization:** {org}
 **Dataset:** {dataset}
+**First Author:** {first_author}
+**Author Page Link:** {author_link if author_link else "N/A"}
 
 ### Metrics
 ```json
@@ -391,8 +439,8 @@ with demo:
 
             generate_btn.click(
                 generate_submission_text,
-                inputs=[submit_task, submit_model, submit_org, submit_dataset, submit_metrics,
-                       submit_paper, submit_code, submit_email, submit_notes],
+                inputs=[submit_task, submit_model, submit_org, submit_dataset, submit_first_author,
+                       submit_author_link, submit_metrics, submit_paper, submit_code, submit_email, submit_notes],
                 outputs=submission_output
             )