fix(voce): riproduce la sintesi vocale sul display invece che sul controller

Il controller invia un comando 'speak' via WebSocket. Il server inoltra il messaggio solo ai client display, che eseguono speechSynthesis con preferenza per voce italiana.

src/components/DisplayPage.vue

@@ -266,6 +266,8 @@ export default {
 
           if (msg.type === 'state') {
             this.state = msg.state
+          } else if (msg.type === 'speak') {
+            this.speakOnDisplay(msg.text)
           } else if (msg.type === 'error') {
             console.error('[Display] Server error:', msg.message)
           }
@@ -314,6 +316,27 @@ export default {
         this.reconnectTimeout = null
         this.connectWebSocket()
       }, delay)
+    },
+    speakOnDisplay(text) {
+      if (typeof text !== 'string' || !text.trim()) {
+        return
+      }
+      if (!('speechSynthesis' in window)) {
+        console.warn('[Display] speechSynthesis not supported')
+        return
+      }
+
+      const utterance = new SpeechSynthesisUtterance(text.trim())
+      const voices = window.speechSynthesis.getVoices()
+      const preferredVoice = voices.find((v) => v.name === 'Google italiano')
+        || voices.find((v) => v.lang && v.lang.toLowerCase().startsWith('it'))
+      if (preferredVoice) {
+        utterance.voice = preferredVoice
+      }
+      utterance.lang = 'it-IT'
+
+      window.speechSynthesis.cancel()
+      window.speechSynthesis.speak(utterance)
     }
   }
 }