UI update

README.md

@@ -126,7 +126,7 @@ and add the resulting value as a private Space secret in both Spaces. It encrypt
 participant-provided fine-grained read tokens while a private-dataset submission
 is queued or running.
 
-Register `https://<space-subdomain>.hf.space/orcid/callback` as the ORCID OAuth
+Register `https://vlar-physinone-leaderboard.hf.space/orcid/callback` as the ORCID OAuth
 redirect URI, and set `ORCID_REDIRECT_URI` to that exact URL. If an earlier
 registration used the Space root URL, update it in ORCID Developer Tools and
 the Frontend Space setting. The Frontend serves this callback directly, verifies

app.py

@@ -17,7 +17,7 @@ from src.about import (
 )
 from src.display.css_html_js import custom_css
 from src.display.table_layout import column_width, table_resize_js
-from src.display.academic import academic_css, auth_presentation_js, navigation_state_js, open_submission_js
+from src.display.academic import academic_css, auth_presentation_js, navigation_state_js, open_submission_js, orcid_popup_js
 from src.display.leaderboard import render_leaderboard, public_table_js
 from src.envs import ensure_data_layout
 from src.populate import get_history_df, get_leaderboard_df, get_queue_df
@@ -636,7 +636,8 @@ def _render_submitter_profile(group_slug: str) -> None:
         with gr.Group(elem_classes="profile-card"):
             gr.Markdown("#### Researcher Identity")
             orcid_status = gr.Markdown()
-            connect = gr.Button("Connect ORCID", size="sm", scale=0)
+            connect = gr.Button("Connect ORCID", size="sm", scale=0,
+                                elem_classes="orcid-connect-button")
             orcid_url = gr.State("")
             with gr.Row():
                 name = gr.Textbox(label="Name")
@@ -786,13 +787,15 @@ def _render_submitter_profile(group_slug: str) -> None:
     )
     connect.click(
         _start_orcid, outputs=[orcid_url, profile_message],
-        js="() => { window.physinoneOrcidPopup = window.open('about:blank', 'physinone-orcid', "
-           "'width=620,height=720'); if (!window.physinoneOrcidPopup) "
-           "window.alert('Allow popups for this site to connect ORCID.'); return []; }",
+        queue=False,
     ).success(
         fn=None, inputs=orcid_url,
         js="(url) => { const popup = window.physinoneOrcidPopup; "
-           "if (popup && !popup.closed) { if (url) popup.location.assign(url); else popup.close(); } }",
+           "if (!popup || popup.closed) { window.physinoneOrcidPopup = null; "
+           "window.physinoneOrcidBusy = false; return; } "
+           "if (url) popup.location.href = url; "
+           "else { popup.close(); window.physinoneOrcidPopup = null; "
+           "window.physinoneOrcidBusy = false; } }",
     )
     identity_header.attach_load_event(_header, every=None)
     orcid_status.attach_load_event(_orcid_label, every=None)
@@ -1296,7 +1299,7 @@ def _wire_submit_if_available(
 
 with gr.Blocks(
     css=custom_css + academic_css,
-    js=f"() => {{ ({table_resize_js})(); ({public_table_js})(); ({auth_presentation_js})(); ({navigation_state_js})(); }}",
+    js=f"() => {{ ({table_resize_js})(); ({public_table_js})(); ({auth_presentation_js})(); ({navigation_state_js})(); ({orcid_popup_js})(); }}",
     theme=gr.themes.Soft(),
     title="PhysInOne Leaderboard",
     delete_cache=(3600, 86400),

src/display/academic.py

@@ -86,10 +86,35 @@ navigation_state_js = """() => {
     window.addEventListener('focus', refreshIdentity);
     window.addEventListener('message', event => {
         if (event.origin !== window.location.origin || event.data?.type !== 'physinone-orcid') return;
+        window.physinoneOrcidPopup = null;
+        window.physinoneOrcidBusy = false;
         refreshIdentity();
     });
 }"""
 
+orcid_popup_js = """() => {
+    document.addEventListener('click', event => {
+        const button = event.target.closest('button.orcid-connect-button, .orcid-connect-button button');
+        if (!button) return;
+        const existing = window.physinoneOrcidPopup;
+        if (window.physinoneOrcidBusy && existing && !existing.closed) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            existing.focus();
+            return;
+        }
+        const popup = window.open('about:blank', 'physinone-orcid', 'width=620,height=720');
+        if (!popup) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            window.alert('Allow popups for this site to connect ORCID.');
+            return;
+        }
+        window.physinoneOrcidPopup = popup;
+        window.physinoneOrcidBusy = true;
+    }, true);
+}"""
+
 academic_css = """
 :root, .dark, .dark .gradio-container, .gradio-container {
     --page-max: 1760px; --layout-gap: 12px;