Update templates/index.html

templates/index.html

@@ -384,7 +384,7 @@
 
         .input-wrapper {
             display: flex; align-items: flex-end; background-color: #ffffff;
-            border: 1.5px solid #e8e8e8; border-radius: 24px; padding: 6px 6px 6px 16px;
+            border: 1.5px solid #e8e8e8; border-radius: 22px; padding: 6px 6px 6px 16px;
             box-shadow: 0 8px 25px rgba(0,0,0,0.06); transition: border-color 0.3s ease, background 0.3s;
         }
         .input-wrapper:focus-within { border-color: #c0caff; }
@@ -401,7 +401,7 @@
             font-size: 15px; padding: 10px 5px; font-family: inherit; color: #333; transition: color 0.3s;
             resize: none;
             height: 24px;
-            max-height: 140px; /* حدود ۶ الی ۷ خط */
+            max-height: 140px; /* محدوده ارتفاعی برابر با حدود ۶ تا ۷ خط */
             line-height: 1.5;
             overflow-y: auto;
         }
@@ -684,16 +684,6 @@
         return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
     }
 
-    // تنظیم خودکار ارتفاع کادر ورودی متن
-    function adjustTextareaHeight() {
-        const textarea = document.getElementById('textInput');
-        textarea.style.height = '24px'; // تنظیم به ارتفاع اولیه پیش از محاسبه
-        const scrollHeight = textarea.scrollHeight;
-        if (scrollHeight > 24) {
-            textarea.style.height = scrollHeight + 'px';
-        }
-    }
-
     function getUsage() {
         const today = getTodayString();
         let usage = JSON.parse(localStorage.getItem('alpha_chat_usage') || '{}');
@@ -818,7 +808,7 @@
         let html = txt.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
         
         // تبدیل متون ضخیم
-        html = html.replace(/\*\*(.*?)\*\"/g, "<strong>$1</strong>");
+        html = html.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>");
         
         // تبدیل هدرها برای زیبایی و مرتب شدن
         html = html.replace(/^### (.*?)$/gm, '<h3 style="font-size: 15px; margin: 12px 0 6px 0; color: #5a67d8; font-weight: bold;">$1</h3>');
@@ -918,12 +908,12 @@
         }
         
         function fallbackCopy() {
-            const text_area = document.createElement("textarea");
-            text_area.value = textToCopy;
-            document.body.appendChild(text_area);
-            text_area.select();
+            const textArea = document.createElement("textarea");
+            textArea.value = textToCopy;
+            document.body.appendChild(textArea);
+            textArea.select();
             try { document.execCommand('copy'); showSuccess(); } catch(e) {}
-            text_area.remove();
+            textArea.remove();
         }
     }
     /* ---------------------------------------------------- */
@@ -1026,21 +1016,21 @@
             fallbackCopy();
         }
         function fallbackCopy() {
-            const text_area = document.createElement("textarea");
-            text_area.value = textToCopy;
-            text_area.style.position = "fixed";
-            text_area.style.left = "-999999px";
-            text_area.style.top = "-999999px";
-            document.body.appendChild(text_area);
-            text_area.focus();
-            text_area.select();
+            const textArea = document.createElement("textarea");
+            textArea.value = textToCopy;
+            textArea.style.position = "fixed";
+            textArea.style.left = "-999999px";
+            textArea.style.top = "-999999px";
+            document.body.appendChild(textArea);
+            textArea.focus();
+            textArea.select();
             try {
                 document.execCommand('copy');
                 showCopiedSuccess();
             } catch (err) {
                 console.error('Copy failed', err);
             }
-            text_area.remove();
+            textArea.remove();
         }
     }
 
@@ -1442,9 +1432,6 @@
     const sendBtn = document.getElementById('sendBtn');
     const statusBar = document.getElementById('statusBar');
 
-    // ثبت رخداد ورودی برای تنظیم خودکار ارتفاع
-    textInput.addEventListener('input', adjustTextareaHeight);
-
     function toggleSidebar() {
         document.getElementById('sidebar').classList.toggle('open');
         document.getElementById('overlay').classList.toggle('visible');
@@ -1632,11 +1619,11 @@
 
     /* --- منطق جدید برای ساخت فایل (مقاله) بصورت استریم مشابه عکس --- */
     async function proceedToCreateFile(topic) {
-        const msgTimestamp = Date.now();
-        appendUserMessageUI(topic, false, null, msgTimestamp);
-        await saveMessage('user', topic, null, null, msgTimestamp);
-        
-        isGenerating = true;
+    const msgTimestamp = Date.now();
+    appendUserMessageUI(topic, false, null, msgTimestamp);
+    await saveMessage('user', topic, null, null, msgTimestamp);
+    
+    isGenerating = true;
         sendBtn.innerHTML = `<svg viewBox="0 0 24 24"><rect x="7" y="7" width="10" height="10" fill="white" stroke="none" rx="2" ry="2"/></svg>`;
         sendBtn.style.backgroundColor = "#5a67d8";
         statusBar.textContent = "در حال ایجاد مقاله...";
@@ -1948,7 +1935,7 @@
         if (isFileCreationMode && text) {
             isFileCreationMode = false; // خروج از حالت فایل پس از ارسال
             textInput.value = '';
-            textInput.style.height = '24px'; // ریست کردن ارتفاع کادر ورودی
+            textInput.style.height = 'auto'; // ریست کردن ارتفاع پس از ارسال
             proceedToCreateFile(text);
             return;
         }
@@ -1965,7 +1952,7 @@
         incrementUsage(hasImage);
 
         textInput.value = '';
-        textInput.style.height = '24px'; // ریست کردن ارتفاع کادر ورودی
+        textInput.style.height = 'auto'; // ریست کردن ارتفاع پس از ارسال
         clearSelectedImage(); 
         
         if (!currentSessionId) {
@@ -1979,12 +1966,10 @@
         }
     });
 
-    // اصلاح رخداد کلید اینتر به نحوی که Enter برای ارسال و Shift + Enter برای ایجاد خط جدید به کار رود
-    textInput.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
-            sendBtn.click();
-        }
+    // تنظیم تغییر اندازه خودکار ارتفاع textarea با توجه به حجم متن ورودی
+    textInput.addEventListener('input', function() {
+        this.style.height = 'auto';
+        this.style.height = (this.scrollHeight) + 'px';
     });
 
     window.onload = async () => {