Sync from GitHub via hub-sync

src/app/[org]/[dataset]/[episode]/episode-viewer.tsx

@@ -532,7 +532,7 @@ function EpisodeViewerInner({
           title="Dataset quality diagnostics (powered by lerobot-doctor)"
         />
         <div className="ml-auto pr-3">
-          <HfAuthButton />
+          <HfAuthButton variant="tab" />
         </div>
       </div>
 

src/components/hf-auth-button.tsx

@@ -11,7 +11,10 @@ const SIGNIN_BADGE_URL =
 // `ghost`  — a quiet inline cyan link, sized to the surrounding body copy.
 //           Use when auth is a secondary affordance next to a primary CTA
 //           (e.g. the home page's search bar).
-type Variant = "badge" | "ghost";
+// `tab`    — uppercase tracked text styled to match a tab strip; pairs with
+//           the episode viewer's tab bar so the auth control reads as part
+//           of the same register.
+type Variant = "badge" | "ghost" | "tab";
 
 interface HfAuthButtonProps {
   variant?: Variant;
@@ -66,6 +69,19 @@ export default function HfAuthButton({ variant = "badge" }: HfAuthButtonProps) {
     );
   }
 
+  if (variant === "tab") {
+    return (
+      <button
+        onClick={signIn}
+        title="Sign in to access your private datasets"
+        className="cursor-pointer inline-flex items-center gap-1.5 px-3 text-[11px] font-medium tracking-wide uppercase text-slate-400 hover:text-cyan-300 transition-colors"
+      >
+        <span aria-hidden>🤗</span>
+        <span>Sign in</span>
+      </button>
+    );
+  }
+
   return (
     <button
       onClick={signIn}