v1.0.13 - botao de reset funcional para limpar as salas

assets/js/creations/pattern/pattern_ui.js

@@ -98,22 +98,28 @@ export function redrawSequencer() {
       sequencerContainer.innerHTML = ""; return;
     }
 
-    // --- CORRIJA ESTAS DUAS LINHAS ---
-    // ANTES:
-    // const activePatternIndex = appState.pattern.activePatternIndex;
-    // const activePattern = trackData.patterns[activePatternIndex];
-    //
-    // DEPOIS:
-    const activePatternIndex = trackData.activePatternIndex;
+    const activePatternIndex = trackData.activePatternIndex;
     const activePattern = trackData.patterns[activePatternIndex];
 
     if (!activePattern) {
         sequencerContainer.innerHTML = ""; return;
     }
-// ... resto da função ...
+
     const patternSteps = activePattern.steps;
 
-    sequencerContainer.innerHTML = "";
+    // --- INÍCIO DA CORREÇÃO ---
+    // Precisamos verificar se 'patternSteps' é um array real.
+    // Se for 'null' ou 'undefined' (um bug de dados do .mmp),
+    // o loop 'for' abaixo quebraria ANTES de limpar a UI.
+    if (!patternSteps || !Array.isArray(patternSteps)) {
+        // Limpa a UI (remove os steps antigos)
+        sequencerContainer.innerHTML = ""; 
+        // E para a execução desta track, deixando o sequenciador vazio.
+        return; 
+    }
+    // --- FIM DA CORREÇÃO ---
+
+    sequencerContainer.innerHTML = ""; // Agora é seguro limpar a UI
     for (let i = 0; i < totalGridSteps; i++) {
       const stepWrapper = document.createElement("div");
       stepWrapper.className = "step-wrapper";
@@ -163,29 +169,6 @@ export function redrawSequencer() {
   });
 }
 
-export function updateGlobalPatternSelector() {
-    const globalPatternSelector = document.getElementById('global-pattern-selector');
-    if (!globalPatternSelector) return;
-
-    const referenceTrack = appState.pattern.tracks[0];
-    globalPatternSelector.innerHTML = '';
-    if (referenceTrack && referenceTrack.patterns.length > 0) {
-        referenceTrack.patterns.forEach((pattern, index) => {
-            const option = document.createElement('option');
-            option.value = index;
-            option.textContent = pattern.name;
-            globalPatternSelector.appendChild(option);
-        });
-        globalPatternSelector.selectedIndex = appState.pattern.activePatternIndex;
-        globalPatternSelector.disabled = false;
-    } else {
-        const option = document.createElement('option');
-        option.textContent = 'Sem patterns';
-        globalPatternSelector.appendChild(option);
-        globalPatternSelector.disabled = true;
-    }
-}
-
 export function highlightStep(stepIndex, isActive) {
   if (stepIndex < 0) return;
   document.querySelectorAll(".track-lane").forEach((track) => {
@@ -201,13 +184,26 @@ export function highlightStep(stepIndex, isActive) {
   });
 }
 
-// (V7) Função de UI "cirúrgica"
 export function updateStepUI(trackIndex, patternIndex, stepIndex, isActive) {
-  if (patternIndex !== appState.pattern.activePatternIndex) {
-    return;
-  }
+  // --- INÍCIO DA CORREÇÃO ---
+  // A lógica antiga (if (patternIndex !== appState.pattern.activePatternIndex))
+  // estava errada, pois usava uma variável global.
+
   const trackElement = document.querySelector(`.track-lane[data-track-index="${trackIndex}"]`);
   if (!trackElement) return;
+
+  const trackData = appState.pattern.tracks[trackIndex];
+  if (!trackData) return;
+
+  // A UI só deve ser atualizada cirurgicamente se o pattern clicado
+  // for o MESMO pattern que está VISÍVEL no sequenciador dessa trilha.
+  if (patternIndex !== trackData.activePatternIndex) {
+    // O estado mudou, mas não é o pattern que estamos vendo,
+    // então não faz nada na UI (mas o estado no appState está correto).
+    return;
+  }
+  // --- FIM DA CORREÇÃO ---
+
   const stepWrapper = trackElement.querySelector(
     `.step-sequencer .step-wrapper:nth-child(${stepIndex + 1})`
   );
@@ -215,4 +211,47 @@ export function updateStepUI(trackIndex, patternIndex, stepIndex, isActive) {
   const stepElement = stepWrapper.querySelector(".step");
   if (!stepElement) return;
   stepElement.classList.toggle("active", isActive);
+}
+
+export function updateGlobalPatternSelector() {
+    const globalPatternSelector = document.getElementById('global-pattern-selector');
+    if (!globalPatternSelector) return;
+
+    // 1. Encontra a track que está ATIVA no momento
+    const activeTrackId = appState.pattern.activeTrackId;
+    const activeTrack = appState.pattern.tracks.find(t => t.id === activeTrackId);
+
+    // 2. Usa a track[0] como referência para os NOMES dos patterns
+    const referenceTrack = appState.pattern.tracks[0];
+
+    globalPatternSelector.innerHTML = ''; // Limpa as <options> anteriores
+
+    if (referenceTrack && referenceTrack.patterns.length > 0) {
+        
+        // 3. Popula a lista de <option>
+        referenceTrack.patterns.forEach((pattern, index) => {
+            const option = document.createElement('option');
+            option.value = index;
+            option.textContent = pattern.name; // ex: "Pattern 1"
+            globalPatternSelector.appendChild(option);
+        });
+
+        // 4. CORREÇÃO PRINCIPAL: Define o item selecionado no <select>
+        if (activeTrack) {
+            // O valor do seletor (ex: "2") deve ser igual ao índice
+            // do pattern ativo da track selecionada.
+            globalPatternSelector.value = activeTrack.activePatternIndex || 0;
+        } else {
+            globalPatternSelector.value = 0; // Padrão
+        }
+
+        globalPatternSelector.disabled = false;
+
+    } else {
+        // 5. Estado desabilitado (nenhum pattern)
+        const option = document.createElement('option');
+        option.textContent = 'Sem patterns';
+        globalPatternSelector.appendChild(option);
+        globalPatternSelector.disabled = true;
+    }
 }