Upload index.html with huggingface_hub

index.html

@@ -380,6 +380,17 @@
       cursor: pointer;
       height: 28px;
     }
+    .hf-auth-row label {
+      font-size: 0.75rem;
+      color: #6c757d;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+    .hf-auth-row label input {
+      accent-color: #4361ee;
+    }
     .merge-dataset-row .merge-status {
       font-size: 0.75rem;
       color: #6c757d;
@@ -443,6 +454,7 @@
 
   <div class="hf-auth-row" id="hf-auth-row" style="display:none">
     <img id="hf-signin-btn" class="hf-signin-img" src="https://huggingface.co/datasets/huggingface/badges/resolve/main/sign-in-with-huggingface-sm-dark.svg" alt="Sign in with Hugging Face" style="display:none">
+    <label id="hf-private-label" style="display:none"><input type="checkbox" id="hf-private-toggle"> Include private repos</label>
     <span id="hf-user" class="hf-user" style="display:none"></span>
     <button class="btn btn-sm" id="hf-signout-btn" style="display:none">Sign out</button>
     <input type="password" id="hf-token-input" placeholder="HF token (for private datasets)" style="display:none">
@@ -1919,15 +1931,18 @@
         return;
       }
 
+      const privateLabel = document.getElementById('hf-private-label');
       authRow.style.display = '';
       if (oauthResult) {
         signinBtn.style.display = 'none';
+        privateLabel.style.display = 'none';
         tokenInput.style.display = 'none';
         userEl.textContent = `Signed in as ${oauthResult.userInfo?.name || oauthResult.userInfo?.preferred_username || 'HF user'}`;
         userEl.style.display = '';
         signoutBtn.style.display = '';
       } else {
         signinBtn.style.display = '';
+        privateLabel.style.display = '';
         tokenInput.style.display = 'none';
         userEl.style.display = 'none';
         signoutBtn.style.display = 'none';
@@ -1954,7 +1969,10 @@
 
       // Sign in
       document.getElementById('hf-signin-btn').addEventListener('click', async () => {
-        const scopes = window.huggingface?.variables?.OAUTH_SCOPES || 'openid profile read-repos';
+        const includePrivate = document.getElementById('hf-private-toggle').checked;
+        const scopes = includePrivate
+          ? 'openid profile read-repos'
+          : 'openid profile gated-repos';
         window.location.href = (await oauthLoginUrl({ scopes })) + '&prompt=consent';
       });