Update index.html

index.html

@@ -472,7 +472,7 @@ input[type=range].lim::-webkit-slider-thumb{background:linear-gradient(135deg,va
       <!-- Auth area: login button (logged-out) / user chip (logged-in) -->
       <div id="authArea" style="display:flex;align-items:center;gap:8px;margin-left:8px;">
         <!-- Logged-out -->
-        <a id="loginBtn" class="hf-login-btn" href="/oauth/login" target="_top">
+        <a id="loginBtn" class="hf-login-btn" href="/oauth/login" target="_blank">
           <svg viewBox="0 0 95 88" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path d="M47 2 L75 30 Q68 4 47 2Z" fill="currentColor"/>
             <path d="M19 12 L47 40 L19 12Z" fill="currentColor"/>
@@ -837,7 +837,6 @@ function showToast(msg,dur=2200){const t=document.getElementById('toast');t.text
 
 // ═══ HF OAuth ═════════════════════════════════════════════════════════════════
 async function checkAuth() {
-
   try {
     const res = await fetch('/oauth/user');
     if (res.ok) {
@@ -848,6 +847,17 @@ async function checkAuth() {
   showLoggedOut();
 }
 
+// Re-check auth when user returns to this tab (after popup login)
+document.addEventListener('visibilitychange', () => {
+  if (!document.hidden) checkAuth();
+});
+// Also poll every 3s while login popup might be open
+let authPoll = null;
+document.getElementById('loginBtn')?.addEventListener('click', () => {
+  authPoll = setInterval(checkAuth, 3000);
+  setTimeout(() => clearInterval(authPoll), 120000); // stop after 2min
+});
+
 
 
 function showLoggedIn(u) {