Upload folder using huggingface_hub

index.html

@@ -785,4 +785,70 @@
           <div class="card-content">${prompt.content}</div>
           <div class="card-actions">
             <button class="btn-copy" onclick="copyToClipboard(this)">
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2-2"></path></svg>
+              Copiar
+            </button>
+          </div>
+        `;
+        grid.appendChild(card);
+      });
+    }
+
+    // Copy functionality
+    window.copyToClipboard = function(button) {
+      const card = button.closest('.card');
+      const content = card.querySelector('.card-content').innerText;
+
+      navigator.clipboard.writeText(content).then(() => {
+        showToast();
+        const originalHTML = button.innerHTML;
+        button.innerHTML = `
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
+          Copiado!
+        `;
+        button.classList.add('copied');
+        
+        setTimeout(() => {
+          button.innerHTML = originalHTML;
+          button.classList.remove('copied');
+        }, 2000);
+      }).catch(err => {
+        console.error('Erro ao copiar: ', err);
+        alert('Não foi possível copiar o texto automaticamente.');
+      });
+    };
+
+    function showToast() {
+      const toast = document.getElementById('toast');
+      toast.classList.add('show');
+      setTimeout(() => {
+        toast.classList.remove('show');
+      }, 3000);
+    }
+
+    // --- Initialization ---
+    document.addEventListener('DOMContentLoaded', () => {
+      const generateBtn = document.getElementById('generateBtn');
+
+      generateBtn.addEventListener('click', () => {
+        const productNameInput = document.getElementById('productName').value;
+        const colorsInput = document.getElementById('colorList').value;
+
+        if (!productNameInput.trim()) {
+          alert('Por favor, insira pelo menos o nome do produto.');
+          return;
+        }
+
+        // Execute Logic
+        const extractedData = extractData(productNameInput, colorsInput);
+        const finalPrompts = generateFinalPrompts(extractedData);
+        
+        // Update UI
+        renderResults(finalPrompts);
+      });
+    });
+
+  </script>
+</body>
+
+</html