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: 22px; padding: 6px 6px 6px 16px;
+            border: 1.5px solid #e8e8e8; border-radius: 24px; 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; }
@@ -392,18 +392,20 @@
         .attach-btn {
             background: none; border: none; padding: 6px; color: #666; cursor: pointer;
             display: flex; align-items: center; justify-content: center; transition: all 0.2s;
-            margin-bottom: 4px;
+            margin-bottom: 6px;
         }
         .attach-btn:hover { color: #5a67d8; }
         
+        /* استایل بهینه‌سازی‌شده برای کادر متنی چندخطی */
         .input-wrapper textarea {
             flex-grow: 1; border: none; background: transparent; outline: none;
-            font-size: 15px; padding: 10px 5px; font-family: inherit; color: #333; transition: color 0.3s;
+            font-size: 15px; padding: 12px 5px; font-family: inherit; color: #333; transition: color 0.3s;
             resize: none;
-            height: 24px;
-            max-height: 140px; /* محدوده ارتفاعی برابر با حدود ۶ تا ۷ خط */
+            height: 44px;
+            max-height: 140px; /* حداکثر اندازه برای ۶ الی ۷ خط */
             line-height: 1.5;
             overflow-y: auto;
+            box-sizing: border-box;
         }
         .input-wrapper textarea::placeholder { color: #bbb; }
         
@@ -413,6 +415,7 @@
             display: flex; align-items: center; justify-content: center;
             cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
             margin-bottom: 2px;
+            flex-shrink: 0;
         }
         .send-btn:hover { background-color: #111; }
         .send-btn:active { transform: scale(0.85); }
@@ -634,6 +637,7 @@
                 </svg>
             </button>
             
+            <!-- کادر ورودی به textarea تغییر یافت -->
             <textarea id="textInput" placeholder="پیام خودتو اینجا بنویس..." autocomplete="off" rows="1"></textarea>
             
             <button type="button" class="send-btn" id="sendBtn">
@@ -908,12 +912,12 @@
         }
         
         function fallbackCopy() {
-            const textArea = document.createElement("textarea");
-            textArea.value = textToCopy;
-            document.body.appendChild(textArea);
-            textArea.select();
+            const textarea = document.createElement("textarea");
+            textarea.value = textToCopy;
+            document.body.appendChild(textarea);
+            textarea.select();
             try { document.execCommand('copy'); showSuccess(); } catch(e) {}
-            textArea.remove();
+            textarea.remove();
         }
     }
     /* ---------------------------------------------------- */
@@ -1016,21 +1020,21 @@
             fallbackCopy();
         }
         function fallbackCopy() {
-            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();
+            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);
             }
-            textArea.remove();
+            textarea.remove();
         }
     }
 
@@ -1400,38 +1404,18 @@
     }
     // -----------------------
 
-    function confirmDeleteSession() {
-        if (!sessionToDelete) return;
-        const tx = db.transaction(['sessions', 'messages'], 'readwrite');
-        tx.objectStore('sessions').delete(sessionToDelete);
-        const msgStore = tx.objectStore('messages');
-        const index = msgStore.index('sessionId');
-        const request = index.openCursor(IDBKeyRange.only(sessionToDelete));
-        request.onsuccess = (e) => {
-            const cursor = e.target.result;
-            if (cursor) {
-                cursor.delete();
-                cursor.continue();
-            }
-        };
-        tx.oncomplete = () => {
-            closeAllModals();
-            if (modelActiveSession.gpt5 === sessionToDelete) modelActiveSession.gpt5 = null;
-            if (modelActiveSession.audio === sessionToDelete) modelActiveSession.audio = null;
-            
-            if (currentSessionId === sessionToDelete) {
-                startNewSession();
-            } else {
-                loadSessionsToMenu(); 
-            }
-        };
-    }
-
     const chatArea = document.getElementById('chatArea');
     const textInput = document.getElementById('textInput');
     const sendBtn = document.getElementById('sendBtn');
     const statusBar = document.getElementById('statusBar');
 
+    // منطق تنظیم ارتفاع خودکار و بهینه کادر متنی
+    function adjustTextInputHeight() {
+        textInput.style.height = 'auto';
+        textInput.style.height = textInput.scrollHeight + 'px';
+    }
+    textInput.addEventListener('input', adjustTextInputHeight);
+
     function toggleSidebar() {
         document.getElementById('sidebar').classList.toggle('open');
         document.getElementById('overlay').classList.toggle('visible');
@@ -1619,11 +1603,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 = "در حال ایجاد مقاله...";
@@ -1636,7 +1620,7 @@
         const pdfCardContainerId = 'pdf-container-' + cardId;
         const wordCardContainerId = 'word-container-' + cardId;
         
-        // قالب کارت مقاله (کادر اول فقط حاوی متن تایپ شده و کادرهای دانلود پس از اتمام زیر آن ظاهر می‌شوند)
+        // قالب کارت مقاله
         currentBotRow.innerHTML = `
             <div style="display:flex; flex-direction:column; gap:12px; width:100%; max-width:320px;">
                 <!-- کادر اول: فقط متن مقاله‌ تایپ شده بدون دکمه‌های دانلود -->
@@ -1680,7 +1664,7 @@
             const reader = response.body.getReader();
             const decoder = new TextDecoder("utf-8");
             let isFirstChunk = true;
-            let buffer = ""; // بافر کمکی برای جلوگیری از شکستگی کاراکترها و فرمت JSON در استریمینگ
+            let buffer = ""; 
 
             while (true) {
                 const { done, value } = await reader.read();
@@ -1688,7 +1672,7 @@
                 
                 buffer += decoder.decode(value, { stream: true });
                 let lines = buffer.split('\n');
-                buffer = lines.pop(); // بخش ناقص آخر را در بافر نگه دار
+                buffer = lines.pop(); 
                 
                 for (let line of lines) {
                     line = line.trim();
@@ -1709,7 +1693,6 @@
                                 statusBar.textContent = data.content;
                             }
                             else if (data.type === 'done') {
-                                // ظاهر شدن کادر فایل PDF هم‌اندازه با فایل Word بالای آن با دکمه دانلود در سمت راست (در حالت راست‌چین)
                                 if(data.pdf_url) {
                                     const pdfBox = document.getElementById(pdfCardContainerId);
                                     pdfBox.innerHTML = `
@@ -1733,7 +1716,6 @@
                                     `;
                                 }
                                 
-                                // کادر سوم: نمایش کادر فایل Word بدون تکرار متن و با آیکون دانلود مجزا
                                 if(data.docx_url) {
                                     const wordBox = document.getElementById(wordCardContainerId);
                                     wordBox.innerHTML = `
@@ -1762,9 +1744,7 @@
                             else if (data.type === 'error') {
                                 contentBox.innerHTML += `<br><span style="color:red;">خطا: ${data.message}</span>`;
                             }
-                        } catch(e) {
-                            console.error("خطا در پردازش سطر استریم:", e);
-                        }
+                        } catch(e) {}
                     }
                 }
             }
@@ -1935,7 +1915,7 @@
         if (isFileCreationMode && text) {
             isFileCreationMode = false; // خروج از حالت فایل پس از ا��سال
             textInput.value = '';
-            textInput.style.height = 'auto'; // ریست کردن ارتفاع پس از ارسال
+            textInput.style.height = 'auto'; // ریست کردن ارتفاع کادر
             proceedToCreateFile(text);
             return;
         }
@@ -1952,7 +1932,7 @@
         incrementUsage(hasImage);
 
         textInput.value = '';
-        textInput.style.height = 'auto'; // ریست کردن ارتفاع پس از ارسال
+        textInput.style.height = 'auto'; // ریست کردن ارتفاع کادر ورودی پس از ارسال پیام
         clearSelectedImage(); 
         
         if (!currentSessionId) {
@@ -1966,12 +1946,6 @@
         }
     });
 
-    // تنظیم تغییر اندازه خودکار ارتفاع textarea با توجه به حجم متن ورودی
-    textInput.addEventListener('input', function() {
-        this.style.height = 'auto';
-        this.style.height = (this.scrollHeight) + 'px';
-    });
-
     window.onload = async () => {
         document.getElementById('emptyState').style.display = 'block';