Upload folder using huggingface_hub

components/ChatPage.tsx

@@ -151,10 +151,11 @@ const ChatPage: React.FC<ChatPageProps> = ({ onBack, simulationResult, setSimula
     const fetchSimulations = async () => {
       try {
         const sims = await GradioService.listSimulations();
-        if (sims && sims.length > 0) {
-          // If sims is an array of objects or strings, pick the first one
-          const firstSim = typeof sims[0] === 'string' ? sims[0] : (sims[0].id || sims[0].name || 'User Group 1');
-          setSimulationId(firstSim);
+        if (Array.isArray(sims) && sims.length > 0) {
+          const firstSim = typeof sims[0] === 'string' ? sims[0] : (sims[0].id || sims[0].name || '');
+          if (firstSim) {
+            setSimulationId(firstSim);
+          }
         }
       } catch (e) {
         console.error("Failed to fetch simulations:", e);

components/SimulationGraph.tsx

@@ -22,7 +22,8 @@ const SimulationGraph: React.FC<SimulationGraphProps> = ({ isBuilding, societyTy
     if (!graphDiv.current || isBuilding) return;
 
     // --- Dynamic Data Generation based on Society Type ---
-    const isTech = societyType.includes('Tech') || societyType.includes('Founders');
+    const safeSocietyType = typeof societyType === 'string' ? societyType : '';
+    const isTech = safeSocietyType.includes('Tech') || safeSocietyType.includes('Founders');
     
     const N = isTech ? 120 : 80; 
     const radius = isTech ? 0.18 : 0.22; 

components/SimulationPage.tsx

@@ -68,11 +68,16 @@ const SimulationPage: React.FC<SimulationPageProps> = ({
     const fetchSocieties = async () => {
         try {
             const list = await GradioService.listSimulations();
-            if (list && list.length > 0) {
-                const names = list.map((s: any) => typeof s === 'string' ? s : (s.id || s.name));
-                setSocieties(names);
-                if (!names.includes(society)) {
-                    setSociety(names[0]);
+            if (Array.isArray(list) && list.length > 0) {
+                const names = list
+                    .map((s: any) => typeof s === 'string' ? s : (s.id || s.name || ''))
+                    .filter(name => typeof name === 'string' && name.length > 0);
+                
+                if (names.length > 0) {
+                    setSocieties(names);
+                    if (!names.includes(society)) {
+                        setSociety(names[0]);
+                    }
                 }
             }
         } catch (e) {

debug_black_screen.mjs

@@ -0,0 +1,35 @@
+
+import { chromium } from 'playwright';
+
+(async () => {
+  const browser = await chromium.launch();
+  const page = await browser.newPage();
+  
+  page.on('console', msg => console.log('BROWSER LOG:', msg.text()));
+  page.on('pageerror', err => console.log('BROWSER ERROR:', err.message));
+
+  try {
+    console.log('Navigating to the app...');
+    await page.goto('https://auxteam-usersyncinterface.hf.space');
+    
+    console.log('Waiting 1 second...');
+    await page.waitForTimeout(1000);
+    await page.screenshot({ path: 'verification/black_screen_1s.png' });
+
+    console.log('Waiting 3 seconds...');
+    await page.waitForTimeout(3000);
+    await page.screenshot({ path: 'verification/black_screen_4s.png' });
+
+    console.log('Waiting 5 more seconds...');
+    await page.waitForTimeout(5000);
+    await page.screenshot({ path: 'verification/black_screen_9s.png' });
+
+    const bodyContent = await page.evaluate(() => document.body.innerHTML);
+    console.log('Body content length:', bodyContent.length);
+
+  } catch (error) {
+    console.error('Verification failed:', error);
+  } finally {
+    await browser.close();
+  }
+})();

debug_black_screen.py

@@ -0,0 +1,32 @@
+
+from playwright.sync_api import sync_playwright
+import time
+
+def verify():
+    with sync_playwright() as p:
+        browser = p.chromium.launch(headless=True)
+        context = browser.new_context(viewport={'width': 1280, 'height': 720})
+        page = context.new_page()
+        
+        page.on('console', lambda msg: print(f'BROWSER LOG: {msg.text}'))
+        page.on('pageerror', lambda err: print(f'BROWSER ERROR: {err}'))
+
+        print("Navigating to HF Space...")
+        page.goto('https://auxteam-usersyncinterface.hf.space')
+        
+        print("Wait 1s")
+        time.sleep(1)
+        page.screenshot(path='/home/jules/verification/black_1s.png')
+        
+        print("Wait 3s")
+        time.sleep(3)
+        page.screenshot(path='/home/jules/verification/black_4s.png')
+        
+        print("Wait 5s")
+        time.sleep(5)
+        page.screenshot(path='/home/jules/verification/black_9s.png')
+        
+        browser.close()
+
+if __name__ == "__main__":
+    verify()

services/gradioService.ts

@@ -16,7 +16,7 @@ export class GradioService {
     try {
       const client = await this.getClient();
       const result = await client.predict("/identify_personas", [context]);
-      return result.data;
+      return result.data[0];
     } catch (error) {
       console.error("Error identifying personas:", error);
       throw error;
@@ -27,7 +27,7 @@ export class GradioService {
     try {
       const client = await this.getClient();
       const result = await client.predict("/start_simulation_async", [simulationId, contentText, format]);
-      return result.data;
+      return result.data[0];
     } catch (error) {
       console.error("Error starting simulation:", error);
       throw error;
@@ -38,7 +38,7 @@ export class GradioService {
     try {
       const client = await this.getClient();
       const result = await client.predict("/get_simulation_status", [simulationId]);
-      return result.data;
+      return result.data[0];
     } catch (error) {
       console.error("Error getting simulation status:", error);
       throw error;
@@ -49,7 +49,7 @@ export class GradioService {
     try {
       const client = await this.getClient();
       const result = await client.predict("/generate_variants", [contentText, numVariants]);
-      return result.data;
+      return result.data[0];
     } catch (error) {
       console.error("Error generating variants:", error);
       return ["Unable to generate variants at this time."];
@@ -60,7 +60,7 @@ export class GradioService {
     try {
       const client = await this.getClient();
       const result = await client.predict("/list_simulations", []);
-      return result.data;
+      return result.data[0];
     } catch (error) {
       console.error("Error listing simulations:", error);
       return [];