criação de novas patterns de composição nos projetos

assets/js/creations/main.js

@@ -125,6 +125,14 @@ document.addEventListener("DOMContentLoaded", () => {
   const zoomInBtn = document.getElementById("zoom-in-btn");
   const zoomOutBtn = document.getElementById("zoom-out-btn");
   const deleteClipBtn = document.getElementById("delete-clip");
+
+  // Pattern vazia
+  const newPatternBtn = document.getElementById("new-pattern-btn");
+  newPatternBtn?.addEventListener("click", () => {
+    const name = prompt("Nome da nova pattern:", "");
+    sendAction({ type: "CREATE_NEW_PATTERN", name: name || "" });
+  });
+
   // Configuração do botão de Gravação
   const recordBtn = document.getElementById('record-btn');