corrigindo estado atual da sala, aparentemente, todos os clientes possuem o mesmo estado de sala com steps e samples de áudio

assets/js/creations/main.js

@@ -228,46 +228,27 @@ document.addEventListener("DOMContentLoaded", () => {
   // =================================================================
   // 👇 INÍCIO DA CORREÇÃO (Botão de Sincronia - Agora envia Ação)
   // =================================================================
-  const syncModeBtn = document.getElementById("sync-mode-btn"); //
+  const syncModeBtn = document.getElementById("sync-mode-btn");
   if (syncModeBtn) {
-    //
-    // Define o estado inicial (global por padrão)
-    appState.global.syncMode = "global"; //
-    syncModeBtn.classList.add("active"); //
-    syncModeBtn.textContent = "Global"; //
+    // Só define default se ainda não existir
+    if (!appState.global.syncMode) {
+      appState.global.syncMode = "global";
+    }
+
+    syncModeBtn.classList.toggle("active", appState.global.syncMode === "global");
+    syncModeBtn.textContent =
+      appState.global.syncMode === "global" ? "Global" : "Local";
 
     syncModeBtn.addEventListener("click", () => {
-      //
-      // 1. Determina qual será o *novo* modo
       const newMode =
-        appState.global.syncMode === "global" ? "local" : "global"; //
+        appState.global.syncMode === "global" ? "local" : "global";
 
-      // 2. Envia a ação para sincronizar. O handleActionBroadcast
-      //    cuidará de atualizar o appState, o botão e mostrar o toast.
       sendAction({
         type: "SET_SYNC_MODE",
         mode: newMode,
       });
-
-      // Lógica antiga removida daqui (movida para o handler)
-      /*
-      const isNowLocal = appState.global.syncMode === "global"; 
-      appState.global.syncMode = isNowLocal ? "local" : "global"; 
-      syncModeBtn.classList.toggle("active", !isNowLocal); 
-      syncModeBtn.textContent = isNowLocal ? "Local" : "Global"; 
-      showToast( `🎧 Modo de Playback: ${isNowLocal ? "Local" : "Global"}`, "info" ); 
-      */
     });
-
-    // Esconde o botão se não estiver em uma sala (lógica movida do socket.js)
-    if (!ROOM_NAME) {
-      //
-      //syncModeBtn.style.display = 'none'; // REMOVIDO PARA TESTE VISUAL
-    }
   }
-  // =================================================================
-  // 👆 FIM DA CORREÇÃO
-  // =================================================================
 
   // Excluir clipe
   if (deleteClipBtn) {