Phase 6 : son (musique de fond par écran + action "Jouer un son")

Ajoute deux mécanismes distincts, à la demande de l'utilisateur qui a
précisé qu'un son doit pouvoir être attaché à une SCÈNE (pas seulement
joué ponctuellement par une action de flow, comme prévu initialement) :

- Musique de fond par écran (nouveau champ background_music_url sur
  _screens, ALTER TABLE nullable) : réglée dans le panneau gauche de
  l'éditeur (URL ou envoi de fichier, réutilise la route d'upload
  générique existante), enregistrée en AJAX au même patron que le format
  d'aperçu (screen_set_aspect.py). Démarrée en boucle à l'affichage de
  l'écran et arrêtée au changement d'écran (runScreenBackgroundMusic(),
  appelée depuis showScreen() dans static/js/play/screens.js) — un seul
  Audio actif à la fois, jamais cumulé avec une musique restée d'un écran
  précédent.

- Action de flow "jouer_son" (aux côtés des actions existantes) : effet
  sonore ponctuel, non bouclé, déclenchable sur n'importe quel nœud
  Déclencheur. Réutilise data_value (déjà un champ texte générique sur
  le nœud action, comme pour "attendre") plutôt qu'une nouvelle colonne
  dédiée — fire-and-forget côté client (runActionNode), ne bloque jamais
  la suite du graphe.

Les deux réutilisent le même mécanisme d'upload de fichier déjà en place
ailleurs dans l'éditeur (ex. source d'une vidéo), sans nouvelle route.

Ceci complète les 6 phases du plan d'extension du moteur (état par
joueur, hasard/maths, clavier/minuteur, ajout de ligne, position/
collision, son) : Forge Engine peut désormais couvrir des jeux bien
au-delà du narratif/puzzle/quiz (action, arcade, jeux à contrainte de
temps).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

static/js/screen_edit/flow-editor.js

@@ -113,6 +113,8 @@ function nodeLabel(node) {
     base += ' « ' + (dispatchedEvent ? dispatchedEvent.name : '?') + ' »';
   } else if (node.action_type === 'ajouter_ligne') {
     base += ' → ' + (DEFINITIONS_NAMES[node.target_definition_id] || '?');
+  } else if (node.action_type === 'jouer_son') {
+    base += ' « ' + (node.data_value || '?') + ' »';
   }
   return base;
 }
@@ -497,7 +499,9 @@ function toggleFlowActionFields() {
   var waitFields = document.getElementById('nf-action-wait-fields');
   var eventFields = document.getElementById('nf-action-event-fields');
   var addRowFields = document.getElementById('nf-action-add-row-fields');
+  var soundFields = document.getElementById('nf-action-sound-fields');
   var isOnglet = typeSel.value === 'activer_onglet';
+  soundFields.style.display = typeSel.value === 'jouer_son' ? 'block' : 'none';
   screenSel.style.display = (typeSel.value === 'aller_a' || typeSel.value === 'ouvrir_ligne') ? 'block' : 'none';
   elementFields.style.display = (typeSel.value === 'modifier_element' || isOnglet) ? 'block' : 'none';
   dataFields.style.display = typeSel.value === 'modifier_donnee' ? 'block' : 'none';
@@ -686,6 +690,11 @@ function submitNodeForm() {
       // plusieurs nœuds "Modifier une donnée" enchaînés, ciblant
       // FLOW_LAST_INSERTED_ROW_ID ("➕ Dernière ligne ajoutée").
       payload.target_definition_id = parseInt(document.getElementById('nf-action-add-row-definition').value, 10);
+    } else if (actionType === 'jouer_son') {
+      // Phase 6 — réutilise data_value (déjà un simple champ texte générique
+      // sur le nœud action, comme pour "attendre") plutôt qu'une nouvelle
+      // colonne dédiée.
+      payload.data_value = document.getElementById('nf-action-sound-url').value;
     }
   }