Deploy viewer for DynamicIntelligence/humanoid-robots-training-dataset

src/app/[org]/[dataset]/[episode]/fetch-data.ts

@@ -34,8 +34,22 @@ export async function getEpisodeData(
     } else {
       return await getEpisodeDataV2(repoId, version, info, episodeId);
     }
-  } catch (err) {
+  } catch (err: any) {
     console.error("Error loading episode data:", err);
+    
+    // Provide helpful error message for 401 errors (gated/private datasets)
+    if (err?.message?.includes('401') || err?.message?.includes('Unauthorized')) {
+      throw new Error(
+        `401 Unauthorized: Cannot access dataset "${repoId}".\n\n` +
+        `This dataset is GATED (restricted access).\n\n` +
+        `SOLUTION:\n` +
+        `1. Go to: https://huggingface.co/datasets/${repoId}/settings\n` +
+        `2. Set visibility to PUBLIC\n` +
+        `3. Disable "Gated" option if present\n\n` +
+        `OR: Grant the HF_TOKEN access to this gated dataset.`
+      );
+    }
+    
     throw err;
   }
 }

src/app/api/hf-proxy/route.ts

@@ -80,6 +80,20 @@ async function handleRequest(request: NextRequest, method: 'GET' | 'HEAD') {
     if (!response.ok) {
       // Return error with status code
       const errorText = await response.text().catch(() => 'Unknown error');
+      
+      // Log detailed error for debugging
+      console.error(`Proxy fetch failed: ${response.status} ${response.statusText}`);
+      console.error(`URL: ${url}`);
+      console.error(`Token present: ${!!token}`);
+      console.error(`Token length: ${token ? token.length : 0}`);
+      if (response.status === 401) {
+        console.error('401 Unauthorized - Possible causes:');
+        console.error('  1. Token has no READ permissions');
+        console.error('  2. Dataset is gated and token/user has no access');
+        console.error('  3. Token is invalid or expired');
+        console.error(`  4. Token used: ${token ? token.substring(0, 10) + '...' : 'NONE'}`);
+      }
+      
       return NextResponse.json(
         { error: `Failed to fetch: ${response.status} ${response.statusText}`, details: errorText },
         { status: response.status }

src/utils/versionUtils.ts

@@ -48,8 +48,33 @@ export async function getDatasetInfo(repoId: string): Promise<DatasetInfo> {
     clearTimeout(timeoutId);
     
     if (!response.ok) {
-      const errorData = await response.json().catch(() => ({}));
-      throw new Error(errorData.error || `Failed to fetch dataset info: ${response.status}`);
+      // Try to get error details
+      let errorText = '';
+      try {
+        const errorData = await response.json();
+        errorText = errorData.error || errorData.details || JSON.stringify(errorData);
+      } catch {
+        errorText = await response.text().catch(() => `Status: ${response.status} ${response.statusText}`);
+      }
+      
+      // Provide helpful error message
+      if (response.status === 404) {
+        throw new Error(
+          `Dataset ${repoId} not found (404). ` +
+          `This usually means the dataset is PRIVATE and the HF_TOKEN has no access. ` +
+          `URL tried: ${testUrl}. ` +
+          `Error: ${errorText}`
+        );
+      } else if (response.status === 401) {
+        throw new Error(
+          `Unauthorized access to dataset ${repoId} (401). ` +
+          `The HF_TOKEN in the Space needs access to this private dataset. ` +
+          `Go to dataset settings → Gated user access → Add access for the token account. ` +
+          `Error: ${errorText}`
+        );
+      } else {
+        throw new Error(`Failed to fetch dataset info: ${response.status} ${response.statusText}. ${errorText}`);
+      }
     }
 
     const data = await response.json();