renderizando projetos no mmpCreator

assets/js/creations/main.js

@@ -129,6 +129,19 @@ document.addEventListener("DOMContentLoaded", () => {
   const removePatternBtn = document.getElementById("remove-pattern-btn"); 
   const downloadPackageBtn = document.getElementById("download-package-btn");
 
+  // Renderizar projeto
+  const renderAudioBtn = document.getElementById("render-audio-btn");
+
+  // salvar projeto .mmp (faz mais sentido com o ícone de save)
+  saveMmpBtn?.addEventListener("click", generateMmpFile);
+
+  // renderizar áudio
+  renderAudioBtn?.addEventListener("click", () => {
+    console.log("[UI] Cliquei em render-audio-btn");
+    renderProjectAndDownload();
+  });
+
+
   // Download projeto
   downloadPackageBtn?.addEventListener("click", generateMmpFile);
 
@@ -369,13 +382,12 @@ document.addEventListener("DOMContentLoaded", () => {
     if (file) handleFileLoad(file).then(() => closeOpenProjectModal());
   });
   uploadSampleBtn?.addEventListener("click", () => sampleFileInput?.click());
-  saveMmpBtn?.addEventListener("click", renderProjectAndDownload);
 
   addInstrumentBtn?.addEventListener("click", () => {
     initializeAudioContext();
     sendAction({ type: "ADD_TRACK" });
   });
-  
+
   removeInstrumentBtn?.addEventListener("click", () => {
     initializeAudioContext();
     

creation.html

@@ -145,7 +145,7 @@
           <span style="margin-left: 8px">Salvar projeto</span>
           <i
             class="fa-solid fa-file-audio"
-            id="save-mmp-btn"
+            id="render-audio-btn"
             title="Renderizar áudio (WAV/MP3/OGG/FLAC)"
           ></i>
           <span style="margin-left: 8px">Renderizar</span>