Aggiunti WebSockets al frontend

templates/index.html

@@ -363,6 +363,8 @@
     </div>
 </div>
 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.7.2/socket.io.min.js"></script>
+
 <script>
     // --- 1. TRANSLATION SYSTEM (i18n) ---
     const i18n = {
@@ -655,7 +657,7 @@
             }).join('');
 
             refreshStates(); refreshLogs();
-            setInterval(() => { refreshStates(); refreshLogs(); }, 3000);
+            // setInterval rimosso! Da oggi si va in tempo reale!
         } catch (e) { console.error(e); }
     }
 
@@ -1074,7 +1076,24 @@
         });
     }
 
-    initUI();
+initUI();
+
+    // --- MOTORE WEBSOCKET REAL-TIME ---
+    const socket = io();
+
+    socket.on('connect', () => {
+        console.log("🟢 Connesso al server via WebSocket in tempo reale!");
+        // Facciamo un aggiornamento di sicurezza appena il tunnel si apre
+        refreshStates(); 
+        refreshLogs();
+    });
+
+    socket.on('dati_aggiornati', function() {
+        console.log("⚡ Rilevato nuovo traffico! Scatto istantaneo dell'interfaccia...");
+        // Il server ha appena urlato che ci sono novità: ricarichiamo le card e i log!
+        refreshStates(); 
+        refreshLogs();   
+    });
 </script>
 <script>
     if ('serviceWorker' in navigator) {