Upload folder using huggingface_hub

components/ChatPage.tsx

@@ -222,22 +222,27 @@ const ChatPage: React.FC<ChatPageProps> = ({ onBack, simulationResult, setSimula
         return;
     }
     
-    setIsSimulating(true); // Reuse simulating state for loading
+    setIsSimulating(true); 
     try {
-        // Here we could use an OpenAI compatible endpoint if available.
-        // For now we use the generateVariants from GradioService which acts as the LLM helper.
-        // We pass the selectedVariation to help the prompt.
-        const prompt = selectedVariation ? `[Mode: ${selectedVariation}] ${msg}` : msg;
-        const result = await GradioService.generateVariants(prompt);
+        const response = await fetch('/api/craft', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                content: msg,
+                variation: selectedVariation
+            })
+        });
+
+        const data = await response.json();
         
-        if (Array.isArray(result)) {
-            alert(`Crafted variants for ${selectedVariation || 'general content'}:\n\n` + result.join("\n\n"));
-        } else {
-            alert("Crafted suggestion: " + JSON.stringify(result));
+        if (!response.ok) {
+            throw new Error(data.error || 'Failed to craft content');
         }
-    } catch (e) {
+
+        alert(`Crafted variants for ${selectedVariation || 'general content'}:\n\n` + data.result);
+    } catch (e: any) {
         console.error(e);
-        alert("Failed to craft content.");
+        alert("Failed to craft content: " + e.message);
     } finally {
         setIsSimulating(false);
     }

server.cjs

@@ -3,8 +3,50 @@ const path = require('path');
 const app = express();
 const port = 7860;
 
+app.use(express.json());
 app.use(express.static(path.join(__dirname, 'dist')));
 
+app.post('/api/craft', async (req, res) => {
+  const { content, variation } = req.body;
+  const apiKey = process.env.BLABLADOR_API_KEY;
+
+  if (!apiKey) {
+    return res.status(500).json({ error: 'BLABLADOR_API_KEY is not configured on the server.' });
+  }
+
+  const model = content.length > 500 ? 'alias-large' : 'alias-fast';
+  const prompt = `You are a professional content creator. Help me craft a ${variation || 'social media post'} based on the following content:\n\n${content}\n\nProvide 3 distinct and engaging variations.`;
+
+  try {
+    const response = await fetch('https://api.helmholtz-blablador.fz-juelich.de/v1/chat/completions', {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${apiKey}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        model: model,
+        messages: [
+          { role: 'system', content: 'You are a helpful assistant that helps craft engaging marketing and social media content.' },
+          { role: 'user', content: prompt }
+        ],
+        temperature: 0.7
+      })
+    });
+
+    if (!response.ok) {
+      const errorData = await response.json();
+      return res.status(response.status).json(errorData);
+    }
+
+    const data = await response.json();
+    res.json({ result: data.choices[0].message.content });
+  } catch (error) {
+    console.error('Blablador API error:', error);
+    res.status(500).json({ error: 'Failed to connect to Blablador API.' });
+  }
+});
+
 app.get('/api/config', (req, res) => {
   res.json({
     clientId: process.env.OAUTH_CLIENT_ID,

verify_final_live.py

@@ -0,0 +1,36 @@
+from playwright.sync_api import sync_playwright
+import os
+
+def run():
+    with sync_playwright() as p:
+        browser = p.chromium.launch(headless=True)
+        page = browser.new_page()
+        
+        url = "https://auxteam-usersyncinterface.hf.space"
+        print(f"Navigating to {url}...")
+        try:
+            page.goto(url, timeout=90000)
+            page.wait_for_selector('text=Branding Content Testing', timeout=60000)
+            
+            # Scroll to bottom to ensure info box is visible
+            page.evaluate("document.querySelector('aside').scrollTop = document.querySelector('aside').scrollHeight")
+            page.wait_for_timeout(1000)
+            
+            os.makedirs("/home/jules/verification", exist_ok=True)
+            page.screenshot(path="/home/jules/verification/final_landing.png", full_page=True)
+            
+            print("Clicking Open Global Chat...")
+            page.click('text=Open Global Chat')
+            page.wait_for_selector('text=New Simulation', timeout=20000)
+            
+            page.screenshot(path="/home/jules/verification/final_chat.png", full_page=True)
+            print("Verification successful.")
+            
+        except Exception as e:
+            print(f"Error: {e}")
+            page.screenshot(path="/home/jules/verification/final_error.png")
+        
+        browser.close()
+
+if __name__ == "__main__":
+    run()