Update index.html

index.html

@@ -235,7 +235,6 @@
             cursor: grab;
         }
         
-        /* --- انیمیشن جدید راهنما --- */
         #send-button-container::after {
             content: '';
             position: absolute;
@@ -575,28 +574,21 @@ class ChatInterface {
             return '';
         });
 
-        let contentHtml = '';
-        let lastIndex = 0;
-
-        // Create a temporary container to parse the text and handle nested elements
-        const tempDiv = document.createElement('div');
-        tempDiv.innerText = processedText; // Safely set text content first
-        
-        // Now process for links and code blocks
-        let processedHtml = tempDiv.innerHTML.replace(markdownLinkRegex, '<a href="$2" target="_blank">$1</a>');
-
-        processedHtml = processedHtml.replace(codeBlockRegex, (match, lang, code) => {
-            const uniqueId = `code-${Date.now()}-${Math.random()}`;
-            return `</div><div class="code-block-wrapper">
-                        <div class="code-block-header">
-                            <button class="copy-code-btn" data-target="${uniqueId}">کپی</button>
-                        </div>
-                        <pre><code id="${uniqueId}">${escapeHTML(code.trim())}</code></pre>
-                    </div><div class="message-content">`;
-        });
+        let contentHtml = escapeHTML(processedText)
+            .replace(markdownLinkRegex, '<a href="$2" target="_blank">$1</a>')
+            .replace(codeBlockRegex, (match, lang, code) => {
+                const uniqueId = `code-${Date.now()}-${Math.random()}`;
+                // Note: The code inside is already escaped from the main escapeHTML call.
+                return `<div class="code-block-wrapper">
+                            <div class="code-block-header">
+                                <button class="copy-code-btn" data-target="${uniqueId}">کپی</button>
+                            </div>
+                            <pre><code id="${uniqueId}">${code.trim()}</code></pre>
+                        </div>`;
+            });
         
         bubble.innerHTML = `
-            <div class="message-content">${processedHtml.trim()}</div>
+            <div class="message-content">${contentHtml.trim()}</div>
             ${buttonsHtml ? `<div class="interactive-buttons">${buttonsHtml}</div>` : ''}
         `;