🚀 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,17 +344,18 @@ 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) {
+    chatArea.addEventListener('dragover', (e) => {
       e.preventDefault();
-    chatContainer.classList.add('drag-over');
+      chatArea.classList.add('drag-over');
     });
-  chatContainer.addEventListener('dragleave', () => {
+    chatArea.addEventListener('dragleave', () => {
-    chatContainer.classList.remove('drag-over');
+      chatArea.classList.remove('drag-over');
     });
-  chatContainer.addEventListener('drop', (e) => {
+    chatArea.addEventListener('drop', (e) => {
       e.preventDefault();
-    chatContainer.classList.remove('drag-over');
+      chatArea.classList.remove('drag-over');
       const files = Array.from(e.dataTransfer.files);
       files.forEach(file => {
         if (file.size <= 10 * 1024 * 1024) {
@@ -363,6 +364,7 @@ document.addEventListener('DOMContentLoaded', () => {
       });
       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();
+}