Update chat.html

chat.html

@@ -244,23 +244,28 @@ async function clearChat() {
 }
 
 function renderMessages(msgs, clear = true) {
-    if (clear) messagesDiv.innerHTML = '';
-    msgs.forEach(m => {
-        lastId = Math.max(lastId, m.id);
-        let decrypted = '[🔒 Зашифровано]';
-        if (encryptionKey) {
-            try {
-                decrypted = CryptoJS.AES.decrypt(m.encrypted_text, encryptionKey).toString(CryptoJS.enc.Utf8) || decrypted;
-            } catch {}
-        }
-        const div = document.createElement('div');
-        div.className = 'message ' + (m.user_id === userId ? 'own' : 'other');
-        div.innerHTML = `<div class="message-info">${m.username} • ${m.timestamp}</div><div>${decrypted}</div>`;
-        messagesDiv.appendChild(div);
-    });
-    messagesDiv.scrollTop = messagesDiv.scrollHeight;
+  if (clear) messagesDiv.innerHTML = '';
+  msgs.forEach(m => {
+    // если это уже было добавлено — пропускаем
+    if (document.getElementById('msg-' + m.id)) return;
+
+    lastId = Math.max(lastId, m.id);
+    let decrypted = '[🔒 Сообщение зашифровано]';
+    if (encryptionKey) {
+      try {
+        decrypted = CryptoJS.AES.decrypt(m.encrypted_text, encryptionKey).toString(CryptoJS.enc.Utf8) || decrypted;
+      } catch {}
+    }
+    const div = document.createElement('div');
+    div.id = 'msg-' + m.id;  // уникальный ID для проверки
+    div.className = 'message ' + (m.user_id === userId ? 'own' : 'other');
+    div.innerHTML = `<div><b>${m.username}</b> • ${m.timestamp}</div><div>${decrypted}</div>`;
+    messagesDiv.appendChild(div);
+  });
+  messagesDiv.scrollTop = messagesDiv.scrollHeight;
 }
 
+
 setInterval(loadNewMessages, 2000);
 loadMessages();
 </script>