Fix: Use dynamic URLs for API and WebSocket to support Hugging Face deployment

webapp/static/app.js

@@ -1,5 +1,8 @@
 // YOLOv5 Web App - Main JavaScript
-const API_URL = 'http://localhost:8001';
+// Dynamic API URL detection for both local and Hugging Face deployment
+const API_URL = window.location.protocol + '//' + window.location.host;
+const WS_URL = (window.location.protocol === 'https:' ? 'wss://' : 'ws://') + window.location.host + '/ws';
+
 let ws = null;
 let webcamStream = null;
 let isWebcamActive = false;
@@ -153,7 +156,8 @@ function stopWebcamDetection() {
 }
 
 function connectWebSocket() {
-    ws = new WebSocket('ws://localhost:8001/ws');
+    console.log('🔌 Connexion WebSocket à:', WS_URL);
+    ws = new WebSocket(WS_URL);
     
     ws.onopen = () => {
         console.log('✅ WebSocket connecté avec succès!');
@@ -173,7 +177,7 @@ function connectWebSocket() {
     
     ws.onerror = (error) => {
         console.error('❌ WebSocket error:', error);
-        alert('Erreur WebSocket. Vérifiez que le serveur est actif sur localhost:8001');
+        alert('Erreur WebSocket. Vérifiez la connexion au serveur.');
     };
     
     ws.onclose = () => {