melhorando a leitura de projetos no mmpCreator

creation.html

@@ -657,21 +657,19 @@
           // --- B. Steps (Correção Aqui) ---
           let stepData = [];
 
-          // LÓGICA ATUALIZADA DE VISUALIZAÇÃO
-          // Se houver múltiplos patterns (loop longo), combinamos os steps ativos
-          // ou pegamos o pattern que realmente tem notas.
           if (inst.patterns && inst.patterns.length > 0) {
-            // Cria um array base de 16 steps (ou maior se quiser suportar 32/64)
-            stepData = new Array(16).fill(false);
+            // Tenta encontrar um pattern que tenha pelo menos uma nota 'true'
+            const activePattern = inst.patterns.find((p) =>
+              p.steps.some((s) => s === true)
+            );
 
-            inst.patterns.forEach((p) => {
-              // Mescla os steps desse pattern no array principal visual
-              if (p.steps) {
-                p.steps.forEach((isActive, idx) => {
-                  if (isActive && idx < 16) stepData[idx] = true;
-                });
-              }
-            });
+            if (activePattern) {
+              // Se achou um com notas, usa ele
+              stepData = activePattern.steps;
+            } else {
+              // Se todos estão vazios, usa o primeiro mesmo
+              stepData = inst.patterns[0].steps;
+            }
           } else {
             stepData = Array(16).fill(false);
           }