Update index.html

index.html

@@ -238,16 +238,14 @@
         #send-button-container::after {
             content: '';
             position: absolute;
+            width: 80px;
+            height: 80px;
             left: 50%;
             transform: translateX(-50%);
-            width: 70%;
-            height: 4px;
-            background: var(--eye-color);
-            border-radius: 4px;
-            box-shadow: 0 0 8px var(--eye-color), 0 0 16px var(--eye-color);
-            top: -20px;
+            border-radius: 50%;
+            box-shadow: 0 0 15px var(--eye-color);
             opacity: 0;
-            animation: swipe-glow 2.5s ease-in-out infinite;
+            animation: arc-swipe 2.5s ease-in-out infinite;
             animation-delay: 1s;
         }
 
@@ -256,11 +254,11 @@
             display: none;
         }
 
-        @keyframes swipe-glow {
-            0% { top: 10px; opacity: 0; }
+        @keyframes arc-swipe {
+            0% { top: -40px; opacity: 0; }
             40% { opacity: 0.7; }
-            80% { top: 70px; opacity: 0; }
-            100% { top: 70px; opacity: 0; }
+            80% { top: 40px; opacity: 0; }
+            100% { opacity: 0; }
         }
 
 
@@ -437,7 +435,7 @@ class ChatInterface {
         this.inputArea = document.getElementById('input-area');
         this.sendButtonContainer = document.getElementById('send-button-container');
         this.sendButton = document.getElementById('send-button');
-        this.isDragging = false; this.startY = 0; this.currentY = 0; this.dragThreshold = 50;
+        this.isDragging = false; this.startY = 0; this.currentY = 0; this.dragThreshold = 30; // اصلاح آستانه
         this.API_URL = 'https://text.pollinations.ai/openai';
 
         const SYSTEM_PROMPT = `
@@ -574,18 +572,21 @@ class ChatInterface {
             return '';
         });
 
+        // First, escape all HTML, then process markdown.
         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>`;
-            });
+            .replace(markdownLinkRegex, '<a href="$2" target="_blank">$1</a>');
+
+        // Since code blocks are special, we handle them separately to avoid double-escaping.
+        contentHtml = contentHtml.replace(codeBlockRegex, (match, lang, code) => {
+            const uniqueId = `code-${Date.now()}-${Math.random()}`;
+            // 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">${contentHtml.trim()}</div>