test hf pro user detector

app/src/pages/index.astro

@@ -208,6 +208,71 @@ const licence = (articleFM as any)?.licence ?? (articleFM as any)?.license ?? (a
       });
     </script>
 
+    <script is:inline>
+      // Minimal HF viewer badge: detect if signed in and Pro status (client-side only)
+      (async () => {
+        const showBadge = (text) => {
+          try {
+            const el = document.createElement('div');
+            el.id = 'hf-viewer-status';
+            el.style.position = 'fixed';
+            el.style.top = '0.75rem';
+            el.style.right = '0.75rem';
+            el.style.zIndex = '9999';
+            el.style.fontFamily = 'system-ui, -apple-system, Segoe UI, Roboto, sans-serif';
+            el.style.fontSize = '12px';
+            el.style.lineHeight = '1.2';
+            el.style.background = 'rgba(0, 0, 0, 0.6)';
+            el.style.color = '#fff';
+            el.style.padding = '6px 8px';
+            el.style.borderRadius = '6px';
+            el.textContent = text;
+            document.body.appendChild(el);
+          } catch {}
+        };
+        try {
+          const isHFHost = (() => {
+            try {
+              const h = location.hostname;
+              return (
+                h === 'huggingface.co' ||
+                h.endsWith('.huggingface.co') ||
+                h === 'hf.space' ||
+                h.endsWith('.hf.space')
+              );
+            } catch { return false; }
+          })();
+
+          if (!isHFHost) {
+            showBadge('HF: status only on huggingface.co/Spaces');
+            return;
+          }
+
+          const res = await fetch('https://huggingface.co/api/whoami-v2', { credentials: 'include' });
+          if (!res.ok) {
+            showBadge('HF: not logged in');
+            return;
+          }
+          const data = await res.json();
+          const username = data?.name || data?.username || data?.user || '';
+          let isPro = (data && (data.is_pro ?? data.isPro));
+          if ((isPro === undefined || isPro === null) && username) {
+            try {
+              const r2 = await fetch(`https://huggingface.co/api/users/${encodeURIComponent(username)}`, { credentials: 'include' });
+              if (r2.ok) {
+                const u = await r2.json();
+                isPro = u?.is_pro ?? u?.isPro ?? false;
+              }
+            } catch {}
+          }
+          showBadge(`HF: ${username || 'signed in'}${isPro ? ' (Pro)' : ''}`);
+        } catch {
+          // On error (CORS, network, blocked 3rd-party cookies), still show a fallback badge
+          showBadge('HF: status unavailable');
+        }
+      })();
+    </script>
+
     
   </body>
 </html>