CI deploy af874966

app.py

@@ -475,14 +475,17 @@ def build_app() -> gr.Blocks:
         action_trigger = gr.Button("", elem_id=TRIGGER_ELEMENT_ID,
                                    visible=True, variant="secondary")
 
-        # The header is a Row so a real `gr.LoginButton` can sit inside the
-        # bar. That component is also what makes Gradio mount the OAuth routes
-        # at all -- without it, /login/huggingface is a 404.
-        with gr.Row(elem_classes="bit-headerbar"):
-            top_html = gr.HTML(render_top(boot, None))
-            if ON_SPACE:
-                gr.LoginButton(value="Sign in with Hugging Face", size="sm",
-                               elem_classes="bit-login-btn", scale=0)
+        top_html = gr.HTML(render_top(boot, None))
+
+        # `gr.LoginButton`, plain and unwrapped. It is what makes Gradio mount
+        # the OAuth routes at all -- without it /login/huggingface is a 404 --
+        # and it is deliberately NOT nested in a custom sticky flex row or
+        # given layout overrides. Dressing it up is what coincided with the
+        # redirect loop, and a sign-in that works is worth more than one that
+        # sits perfectly in the header bar.
+        if ON_SPACE:
+            with gr.Row(elem_classes="bit-loginrow"):
+                gr.LoginButton(value="Sign in with Hugging Face", size="sm")
 
         with gr.Row(elem_classes="bit-zones", equal_height=False):
             # Strategy Builder belongs to the Backtest tab only.

src/ui/theme.py

@@ -464,24 +464,12 @@ html, body{ height:auto !important; min-height:0 !important; }
   max-height:560px !important;
 }
 
-/* The header is a Gradio Row wrapping the design's <header> plus the real
-   LoginButton, so it must not add spacing of its own. */
-.bit-headerbar{
-  position:sticky; top:0; z-index:var(--z-header);
-  gap:0 !important; align-items:stretch !important; flex-wrap:nowrap !important;
-  background:var(--bg-panel); border-bottom:1px solid var(--border-default);
-}
-.bit-headerbar > *:first-child{ flex:1 1 auto; min-width:0; }
-.bit-headerbar header{ position:static !important; border-bottom:0 !important; }
-.bit-login-btn{
-  align-self:center; margin-right:12px !important; flex:0 0 auto !important;
-  background:var(--accent-amber) !important; color:var(--stone-950) !important;
-  border:1px solid var(--accent-amber) !important;
-  font-family:var(--font-mono) !important; font-size:var(--text-2xs) !important;
-  padding:3px 8px !important; white-space:nowrap;
-}
-.bit-login-btn:hover{
-  background:var(--stone-950) !important; color:var(--accent-amber) !important;
+/* The sign-in row sits directly under the header. Colour only -- no layout,
+   positioning or pointer overrides on the OAuth control itself. */
+.bit-loginrow{
+  padding:6px 12px !important; gap:0 !important;
+  background:var(--bg-panel);
+  border-bottom:1px solid var(--border-default);
 }
 
 /* ================= header help tooltip =================