🚀 Auto-deploy: Camila atualizado em 26/05/2026 11:04:54

public/app.js

@@ -55,7 +55,7 @@ window.copyCode = function(button) {
   });
 };
 
-document.addEventListener('DOMContentLoaded', () => {
+const initApp = () => {
   // Elementos do DOM
   const sidebar = document.getElementById('sidebar');
   const btnMenu = document.getElementById('btnMenu');
@@ -344,25 +344,27 @@ document.addEventListener('DOMContentLoaded', () => {
   });
 
   // Arrastar e soltar na área do chat
-  const chatContainer = document.querySelector('.chat-container');
+  const chatArea = document.querySelector('.chat-area');
-  chatContainer.addEventListener('dragover', (e) => {
+  if (chatArea) {
-    e.preventDefault();
+    chatArea.addEventListener('dragover', (e) => {
-    chatContainer.classList.add('drag-over');
+      e.preventDefault();
-  });
+      chatArea.classList.add('drag-over');
-  chatContainer.addEventListener('dragleave', () => {
-    chatContainer.classList.remove('drag-over');
-  });
-  chatContainer.addEventListener('drop', (e) => {
-    e.preventDefault();
-    chatContainer.classList.remove('drag-over');
-    const files = Array.from(e.dataTransfer.files);
-    files.forEach(file => {
-      if (file.size <= 10 * 1024 * 1024) {
-        attachedFiles.push(file);
-      }
     });
-    renderAttachPreview();
+    chatArea.addEventListener('dragleave', () => {
-  });
+      chatArea.classList.remove('drag-over');
+    });
+    chatArea.addEventListener('drop', (e) => {
+      e.preventDefault();
+      chatArea.classList.remove('drag-over');
+      const files = Array.from(e.dataTransfer.files);
+      files.forEach(file => {
+        if (file.size <= 10 * 1024 * 1024) {
+          attachedFiles.push(file);
+        }
+      });
+      renderAttachPreview();
+    });
+  }
 
   // Renderizar preview dos anexos
   const renderAttachPreview = () => {
@@ -1196,4 +1198,10 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // Inicializar reconhecimento de voz
   initVoiceRecognition();
-});
+};
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initApp);
+} else {
+  initApp();
+}