Added: multidevices support

Author: pozitronik

internal/app/app.go

@@ -288,13 +288,13 @@ func (a *App) enableWebClientOverride() error {
 		return nil
 	}
 
-	// Get current backend name
-	currentBackend := a.lifecycle.GetCurrentBackend()
-	if currentBackend == "webclient" {
-		log.Println("WebClient override: already using webclient backend")
+	// Check if all devices already use webclient — no override needed
+	if a.lifecycle.AllDevicesUseBackend("webclient") {
+		log.Println("WebClient override: all devices already using webclient backend")
 		return nil
 	}
 
+	currentBackend := a.lifecycle.GetCurrentBackend()
 	log.Println("========================================")
 	log.Printf("Enabling webclient override (current backend: %s)", currentBackend)
 
@@ -451,6 +451,13 @@ func (a *App) ReloadConfig() error {
 	log.Println("New config validated successfully")
 	log.Printf("Loaded config: %s (%s) with %d widgets", newCfg.GameName, newCfg.GameDisplayName, len(newCfg.Widgets))
 
+	// Reset webclient override state — the reloaded config defines its own backends
+	if a.webclientOverrideActive {
+		log.Println("Resetting webclient override state for config reload")
+		a.webclientOverrideActive = false
+		a.webclientOverrideOriginal = ""
+	}
+
 	log.Println("Stopping current instance...")
 	a.lifecycle.Stop()
 
@@ -503,6 +510,13 @@ func (a *App) SwitchProfile(path string) error {
 		profileName = "Unknown"
 	}
 
+	// Reset webclient override state — the new profile defines its own backends
+	if a.webclientOverrideActive {
+		log.Println("Resetting webclient override state for profile switch")
+		a.webclientOverrideActive = false
+		a.webclientOverrideOriginal = ""
+	}
+
 	// Stop compositor first to free the display
 	log.Println("Stopping current instance...")
 	a.lifecycle.Stop()

internal/app/lifecycle.go

@@ -269,6 +269,23 @@ func (m *LifecycleManager) GetCurrentBackend() string {
 	return ""
 }
 
+// AllDevicesUseBackend returns true if every device is using the given backend name.
+// Returns false if there are no devices.
+func (m *LifecycleManager) AllDevicesUseBackend(name string) bool {
+	m.mu.Lock()
+	defer m.mu.Unlock()
+
+	if len(m.devices) == 0 {
+		return false
+	}
+	for _, dev := range m.devices {
+		if dev.GetCurrentBackend() != name {
+			return false
+		}
+	}
+	return true
+}
+
 // ShowWebClientModeMessage displays "WEB CLIENT" on all devices
 func (m *LifecycleManager) ShowWebClientModeMessage() {
 	m.mu.Lock()

internal/webeditor/embed/js/api.js

@@ -160,23 +160,44 @@ const API = {
 
     /**
      * Get preview availability and configuration
+     * @param {string} [deviceId] - Optional device ID for multi-device preview
      * @returns {Promise<Object>} Preview info with available, width, height, target_fps
      */
-    async getPreviewInfo() {
-        const response = await fetch('/api/preview');
+    async getPreviewInfo(deviceId) {
+        const url = deviceId
+            ? `/api/preview?device=${encodeURIComponent(deviceId)}`
+            : '/api/preview';
+        const response = await fetch(url);
         if (!response.ok) {
             throw new Error(`Failed to get preview info: ${response.statusText}`);
         }
         return response.json();
     },
 
+    /**
+     * Get list of preview devices
+     * @returns {Promise<Object>} Device list with devices array
+     */
+    async getPreviewDevices() {
+        const response = await fetch('/api/preview/devices');
+        if (!response.ok) {
+            throw new Error(`Failed to get preview devices: ${response.statusText}`);
+        }
+        return response.json();
+    },
+
     /**
      * Create a WebSocket connection for live preview
+     * @param {string} [deviceId] - Optional device ID for multi-device preview
      * @returns {WebSocket} WebSocket connection
      */
-    createPreviewWebSocket() {
+    createPreviewWebSocket(deviceId) {
         const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-        return new WebSocket(`${protocol}//${window.location.host}/api/preview/ws`);
+        let url = `${protocol}//${window.location.host}/api/preview/ws`;
+        if (deviceId) {
+            url += `?device=${encodeURIComponent(deviceId)}`;
+        }
+        return new WebSocket(url);
     },
 
     /**