Update script.js

script.js

@@ -2,7 +2,6 @@
 // شامل تمام اصلاحات لازم برای کار در Hugging Face Space جدید با مدل heydariAI/persian-embeddings.
 // تمام قابلیت های اضافه شده و رفع اشکالات شناسایی شده در فرآیند عیب یابی در آن لحاظ شده است.
 // این نسخه شامل مدیریت بصری وضعیت (لودینگ، آماده) با رنگ و اسپینر است.
-// این نسخه مشکل پیام اضافه در بخش نتایج پس از بارگذاری موفق را حل می کند.
 
 
 // ****** تعریف متغیرهای عناصر HTML در بالاترین اسکوپ ******
@@ -57,13 +56,6 @@ let memoirsWithEmbeddings = []; // این آرایه حاوی خاطرات با
 // Optional state parameter: 'loading', 'ready', 'error', '' (یا هر پیام دیگر که وضعیت خاصی را نشان ندهد)
 function updateStatus(message, isError = false, state = '') {
     if (loadingStatusElement) {
-        // اگر پیام خالی است، المان وضعیت را مخفی می کنیم
-         if (!message) {
-             loadingStatusElement.style.display = 'none';
-             loadingStatusElement.classList.remove('loading', 'ready', 'error'); // پاک کردن کلاس ها
-             return; // پایان تابع
-         }
-
         loadingStatusElement.textContent = message; // Set text first
 
         // پاک کردن کلاس های وضعیت قبلی
@@ -87,11 +79,13 @@ function updateStatus(message, isError = false, state = '') {
              // وضعیت پیش فرض یا پیام های عادی بدون وضعیت خاص
             loadingStatusElement.style.color = '#666'; // رنگ پیش فرض
             loadingStatusElement.style.fontWeight = 'normal'; // فونت نرمال پیش فرض
-             loadingStatusElement.classList.add('status-message'); // اطمینان از وجود کلاس پایه
         }
 
-        // نمایش المان با فلکس برای مرکز کردن محتوا (متن و اسپینر)
-        loadingStatusElement.style.display = 'flex';
+        // مدیریت نمایش اسپینر (اسپینر با CSS و کلاس .status-message.loading کنترل می شود)
+        // نیازی به نمایش/پنهان کردن مستقیم اسپینر اینجا نیست اگر CSS به درستی تنظیم شده باشد.
+
+        loadingStatusElement.style.display = message ? 'flex' : 'none'; // استفاده از flex برای نمایش و مرکز کردن محتوا (متن و اسپینر)
+         // اگر پیام خالی باشد، المان مخفی می شود.
 
 
     } else {
@@ -109,17 +103,10 @@ function updateStatus(message, isError = false, state = '') {
 // تابع کمکی برای نمایش خطای انتخاب کتاب یا بارگذاری داده در المان selectionErrorElement
 function updateSelectionError(message) {
     if (selectionErrorElement) {
-        // اگر پیام خالی است، المان خطا را مخفی می کنیم
-         if (!message) {
-             selectionErrorElement.style.display = 'none';
-             selectionErrorElement.classList.remove('error'); // پاک کردن کلاس خطا
-             return; // پایان تابع
-         }
-
         selectionErrorElement.textContent = message;
         selectionErrorElement.style.color = 'red'; // رنگ قرمز
         selectionErrorElement.style.fontWeight = 'bold'; // فونت ضخیم
-        selectionErrorElement.style.display = 'flex'; // نمایش با فلکس
+        selectionErrorElement.style.display = message ? 'flex' : 'none'; // نمایش با فلکس
         selectionErrorElement.classList.add('error'); // اضافه کردن کلاس خطا
 
     } else {
@@ -130,6 +117,7 @@ function updateSelectionError(message) {
         loadingStatusElement.textContent = '';
         loadingStatusElement.style.display = 'none';
         loadingStatusElement.classList.remove('loading', 'ready'); // پاک کردن کلاس های وضعیت
+         // اسپینر نیز توسط CSS و کلاس مدیریت می شود.
     }
 }
 
@@ -178,8 +166,8 @@ async function updateSelectedBooksData() {
     setButtonEnabled(false); // غیرفعال کردن دکمه جستجو
 
 
-     if (searchResultsContainer) { // پاک کردن نتایج قبلی و نمایش پیام اولیه
-       // نمایش پیام اولیه واضح در بخش نتایج هنگام شروع بارگذاری
+     if (searchResultsContainer) { // پاک کردن نتایج قبلی
+       // نمایش پیام اولیه واضح در بخش نتایج
        searchResultsContainer.innerHTML = '<p>در حال بارگذاری اطلاعات کتاب‌ها. لطفاً صبر کنید تا دکمه جستجو فعال شود...</p>';
     }
 
@@ -209,9 +197,6 @@ async function updateSelectedBooksData() {
         console.warn("No books selected. Cannot load data."); // لاگ
         memoirsWithEmbeddings = []; // پاک کردن داده های قبلی
         checkAndEnableSearchButton(); // مطمئن می شویم دکمه غیرفعال بماند
-         if (searchResultsContainer) { // بازگرداندن پیام اولیه پیش فرض اگر هیچ کتابی انتخاب نشده است
-            searchResultsContainer.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>';
-         }
         return; // توقف فرآیند
     }
     // ********************************************************
@@ -232,9 +217,9 @@ async function updateSelectedBooksData() {
                      // تلاش برای خواندن متن خطا از پاسخ
                      return response.text().then(text => {
                           console.error(`Response body for ${filePath}: ${text}`);
-                          throw new Error(`Error fetching file: "${filename}" (Status: <span class="math-inline">\{response\.status\}\)\. Check if the file exists at "</span>{filePath}".`);
+                          throw new Error(`Error fetching file: "${filename}" (Status: ${response.status}). Check if the file exists at "${filePath}".`);
                      }).catch(() => {
-                          throw new Error(`Error fetching file: "${filename}" (Status: <span class="math-inline">\{response\.status\}\)\. Check if the file exists at "</span>{filePath}".`);
+                          throw new Error(`Error fetching file: "${filename}" (Status: ${response.status}). Check if the file exists at "${filePath}".`);
                      });
 
                  }
@@ -264,7 +249,6 @@ async function updateSelectedBooksData() {
 
             if (Array.isArray(data)) {
                  // فیلتر کردن آیتم هایی که بردار embedding معتبر دارند و افزودن اطلاعات کتاب به آن ها
-                 // مطمئن می شویم که آیتم یک آبجکت معتبر است و فیلد embedding را دارد
                  const memoirsWithBookInfo = data.filter(item => item && typeof item === 'object' && item.embedding && Array.isArray(item.embedding) && item.embedding.length > 0)
                                                  .map(item => ({
                                                      ...item, // کپی کردن تمام پراپرتی های موجود (passage_original, passage_combined, reference, embedding, etc.)
@@ -277,7 +261,7 @@ async function updateSelectedBooksData() {
                  // هشدار برای آیتم های نامعتبر
                  const invalidMemoirsCount = data.length - memoirsWithBookInfo.length;
                  if(invalidMemoirsCount > 0){
-                     console.warn(`Skipped <span class="math-inline">\{invalidMemoirsCount\} items from file "</span>{filename}" due to missing or invalid embedding or format.`); // لاگ هشدار
+                     console.warn(`Skipped ${invalidMemoirsCount} items from file "${filename}" due to missing or invalid embedding or format.`); // لاگ هشدار
                  }
 
             } else {
@@ -294,26 +278,10 @@ async function updateSelectedBooksData() {
              // تنظیم وضعیت به "خطا در بارگذاری"
              updateStatus(`داده‌ها بارگذاری شد، اما هیچ خاطره‌ای با بردار معتبر از کتاب‌های انتخاب شده (${loadedBooksCount} کتاب) یافت نشد.`, true, 'error');
              updateSelectionError("هیچ خاطره‌ای با بردار معتبر از کتاب‌های انتخاب شده یافت نشد. فرمت فایل‌های JSON و وجود فیلد embedding را بررسی کنید."); // پیام خطا
-              // بازگرداندن پیام اولیه پیش فرض اگر هیچ داده ای لود نشد
-             if (searchResultsContainer) {
-                searchResultsContainer.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>';
-             }
-
          } else {
               console.log(`Successfully loaded data from ${loadedBooksCount} book(s)...`); // لاگ
              // تنظیم وضعیت به "آماده"
              updateStatus(`داده‌ها از ${loadedBooksCount} کتاب با موفقیت بارگذاری شد. مجموع خاطرات قابل جستجو: ${totalPassagesLoaded}. آماده جستجو هستید.`, false, 'ready');
-
-             // ****** پاک کردن پیام اولیه در بخش نتایج پس از بارگذاری موفق داده ******
-             if (searchResultsContainer) { // چک کردن وجود المان
-                  // بررسی اینکه آیا پیام فعلی شامل متن "در حال بارگذاری..." هست یا خیر
-                  // این کار از پاک شدن نتایج جستجو در صورت بارگذاری مجدد پس از جستجو جلوگیری می کند
-                 if (searchResultsContainer.innerHTML.includes('در حال بارگذاری اطلاعات کتاب‌ها')) {
-                      searchResultsContainer.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>'; // بازگرداندن به پیام پیش فرض
-                 }
-             }
-             // ************************************************************************
-
          }
 
         checkAndEnableSearchButton(); // بررسی و فعال کردن دکمه
@@ -326,7 +294,7 @@ async function updateSelectedBooksData() {
         updateSelectionError(`خطا در بارگذاری داده‌ها: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر.`);
         memoirsWithEmbeddings = []; // اطمینان از خالی بودن داده در صورت خطا
         checkAndEnableSearchButton(); // مطمئن می شویم دکمه غیرفعال بماند
-         if (searchResultsContainer) { // بازگرداندن پیام اولیه پیش فرض
+         if (searchResultsContainer) { // بازگرداندن پیام اولیه
             searchResultsContainer.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>';
          }
     } finally {
@@ -368,7 +336,7 @@ function cosineSimilarity(vecA, vecB) {
     return similarity; // برگرداندن امتیاز
 }
 
-// تابع کمکی برای حذف بخش کلمات کلید
+// تابع کمکی برای حذف بخش کلمات کلیدی از متن Passage_combined
 // این تابع فعلاً برای نمایش passage_original مستقیماً استفاده نمی شود، اما نگه داشته شده است.
 function cleanPassageTextForDisplay(passage) {
     if (!passage || typeof passage !== 'string') {
@@ -411,8 +379,7 @@ async function searchMemoirs() {
 
     if (!query) {
          if (searchResultsContainer) {
-            // اگر کادر جستجو خالی شد، پیام پیش فرض نمایش داده شود
-            searchResultsContainer.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>';
+            searchResultsContainer.innerHTML = `<p>لطفاً عبارت مورد نظر برای جستجو را وارد کنید.</p>`; // پیام
          }
          console.warn("Search query is empty."); // لاگ هشدار
          updateSelectionError("لطفاً عبارت مورد نظر برای جستجو را وارد کنید."); // پیام خطا
@@ -422,7 +389,7 @@ async function searchMemoirs() {
     // نمایش پیام "در حال جستجو" با وضعیت لودینگ
     updateStatus("در حال جستجو...", false, 'loading');
     updateSelectionError(""); // پاک کردن خطاهای قبلی
-     if (searchResultsContainer) { // پاک کردن نتایج قبلی قبل از نمایش نتایج جدید
+     if (searchResultsContainer) { // پاک کردن نتایج قبلی
          searchResultsContainer.innerHTML = '';
      }
     setButtonEnabled(false); // غیرفعال کردن دکمه
@@ -458,7 +425,6 @@ async function searchMemoirs() {
              // تنظیم وضعیت به "خطا"
              updateStatus("جستجو با خطا مواجه شد.", true, 'error');
              updateSelectionError(serverErrorMessage + " جزئیات بیشتر در کنسول مرورگر."); // نمایش خطا
-             // در صورت خطا، پیام پیش فرض در بخش نتایج نمایش داده نمی شود.
              return; // خروج
         }
 
@@ -514,4 +480,322 @@ async function searchMemoirs() {
 
 
         console.log("Sorting results by similarity..."); // لاگ
-        filteredResults.sort((a, b) => b.similarity - a.
+        filteredResults.sort((a, b) => b.similarity - a.similarity);
+        console.log("Filtered results sorted."); // لاگ
+
+        // ****** انتخاب تعداد نتایج برتر ******
+        let finalResultsPerPage = 10;
+        if (resultsPerPageSelect) {
+             const selectedValue = parseInt(resultsPerPageSelect.value, 10);
+             finalResultsPerPage = (!isNaN(selectedValue) && selectedValue > 0) ? selectedValue : 10;
+        } else {
+             console.warn("Results per page select element not found...", finalResultsPerPage); // لاگ هشدار
+        }
+
+        const topResults = filteredResults.slice(0, finalResultsPerPage);
+        console.log(`Displaying top ${topResults.length} results...`); // لاگ
+
+        // لاگ کردن نتایج برتر برای عیب یابی (اختیاری)
+        // console.log("Top results data before display:", topResults);
+
+
+        // ****** منطق نمایش نتایج در HTML ******
+        if (searchResultsContainer) {
+             if (topResults.length === 0) {
+                 searchResultsContainer.innerHTML = `<p>نتیجه مرتبطی با آستانه شباهت مورد نظر (${currentSimilarityThreshold.toFixed(2)}) یافت نشد. سعی کنید عبارت دیگری را جستجو کنید یا آستانه را کاهش دهید.</p>`;
+                 console.log("No relevant results found..."); // لاگ
+             } else {
+                  console.log("Results found, updating DOM.");
+
+                 const resultsList = document.createElement('div');
+                 resultsList.classList.add('results-list');
+
+                 topResults.forEach(result => {
+                     const resultItem = document.createElement('div');
+                     resultItem.classList.add('result-item');
+
+                     // نمایش امتیاز شباهت
+                     const similarityElement = document.createElement('p');
+                     similarityElement.classList.add('result-similarity');
+                     similarityElement.textContent = `شباهت: ${result.similarity !== undefined ? result.similarity.toFixed(4) : 'N/A'}`;
+                     resultItem.appendChild(similarityElement);
+
+                     // نمایش نام کتاب
+                     const bookTitleElement = document.createElement('p');
+                     bookTitleElement.classList.add('result-book-title');
+                     bookTitleElement.textContent = `از کتاب: ${result.book_title || 'نامشخص'}`;
+                     resultItem.appendChild(bookTitleElement);
+
+                     // نمایش مرجع خاطره
+                     const referenceElement = document.createElement('p');
+                     referenceElement.classList.add('result-reference');
+                     referenceElement.innerHTML = `<strong>مرجع:</strong> ${result.reference || 'نامشخص'}`;
+                     resultItem.appendChild(referenceElement);
+
+
+                     // ****** نمایش متن اصلی خاطره (استفاده از passage_original) ******
+                     const passageElement = document.createElement('p');
+                     passageElement.classList.add('result-passage');
+                     // مستقیماً از فیلد passage_original استفاده می کنیم
+                     passageElement.textContent = result.passage_original || 'متن خاطره موجود نیست.';
+                     resultItem.appendChild(passageElement);
+                     // ***************************************************************
+
+
+                     // ****** اضافه کردن دکمه کپی ******
+                     const copyButton = document.createElement('button');
+                     copyButton.classList.add('copy-button');
+                     copyButton.textContent = 'کپی متن';
+                     // استایل های اینلاین موقت برای تست - بهتر است به style.css منتقل شوند
+                     copyButton.style.display = 'block';
+                     copyButton.style.marginTop = '10px';
+                     copyButton.style.marginLeft = 'auto';
+                     copyButton.style.marginRight = '0';
+                     copyButton.style.backgroundColor = '#007bff';
+                     copyButton.style.color = 'white';
+                     copyButton.style.padding = '5px 5px';
+                     copyButton.style.border = 'none';
+                     copyButton.style.borderRadius = '4px';
+                     copyButton.style.cursor = 'pointer';
+                     copyButton.style.fontSize = '0.8em';
+                     copyButton.style.fontFamily = "'Vazirmatn', sans-serif";
+                     // **********************************
+                     // Listener برای دکمه کپی به صورت Delegation در DOMContentLoaded اضافه شده است.
+                     resultItem.appendChild(copyButton);
+                     // **************************************************************************
+
+
+                     resultsList.appendChild(resultItem);
+                 });
+
+                 searchResultsContainer.appendChild(resultsList);
+                 console.log("DOM updated with results.");
+
+                 // لاگ کردن نتایج برتر نمایش داده شده (اختیاری)
+                 console.log(`Top ${topResults.length} results displayed (reference, book, similarity, passage start):`);
+                 topResults.forEach(result => {
+                     console.log(`  Book: ${result.book_title || 'Unknown'}, Ref: ${result.reference || 'N/A'}, Sim: ${result.similarity !== undefined ? result.similarity.toFixed(4) : 'N/A'}, Passage: "${result.passage_original ? result.passage_original.substring(0, Math.min(result.passage_original.length, 50)).replace(/\n/g, ' ') + '...' : 'N/A'}"`);
+                 });
+             }
+
+             // به‌روزرسانی پیام وضعیت پس از جستجو
+              if (topResults.length > 0) {
+                 updateStatus(`جستجو به پایان رسید. ${topResults.length} نتیجه برتر (پس از فیلتر با آستانه ${currentSimilarityThreshold.toFixed(2)}) نمایش داده شد.`, false, 'ready'); // وضعیت "آماده"
+              } else {
+                 updateStatus(`جستجو به پایان رسید. هیچ نتیجه مرتبطی با آستانه شباهت مورد نظر (${currentSimilarityThreshold.toFixed(2)}) یافت نشد. سعی کنید عبارت دیگری را جستجو کنید یا آستانه را کاهش دهید.`, false, 'ready'); // وضعیت "آماده"
+              }
+
+
+        } else {
+            console.error("Could not find searchResultsContainer to display results."); // لاگ خطا
+             updateStatus("جستجو با خطا مواجه شد.", true, 'error'); // وضعیت "خطا"
+             updateSelectionError("المان نمایش نتایج پیدا نشد. لطفاً ساختار HTML را بررسی کنید."); // پیام خطا
+        }
+
+
+    } catch (error) {
+        // مدیریت خطا هنگام درخواست به Backend یا پردازش پاسخ
+        console.error("Error during search:", error); // لاگ خطا
+         if (searchResultsContainer) {
+            searchResultsContainer.innerHTML = `<p style=\"color: red;\">هنگام جستجو خطایی رخ داد: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر موجود است.</p>`;
+         }
+        // تنظیم وضعیت به "خطا"
+        updateStatus("جستجو با خطا مواجه شد.", true, 'error');
+        updateSelectionError(`هنگام جستجو خطایی رخ داد: ${error.message || 'خطای نامشخص'}.`); // نمایش خطا
+    } finally {
+        // در نهایت دکمه جستجو وضعیت خود را بررسی می کند.
+        checkAndEnableSearchButton(); // فعال کردن مجدد دکمه جستجو (اگر شرایط فراهم باشد)
+    }
+}
+
+
+// ****** بلوک DOMContentLoaded: این کد پس از بارگذاری کامل ساختار صفحه اجرا می شود ******
+document.addEventListener('DOMContentLoaded', () => {
+    console.log("DOM fully loaded and parsed. Initializing script."); // لاگ
+
+    // ****** دریافت رفرنس المان های HTML (مطابق با ID ها و کلاس ها در index.html شما) ******
+    // این رفرنس ها متغیرهای سراسری تعریف شده در بالای فایل هستند.
+    searchButton = document.getElementById('searchButton');
+    userQuestionInput = document.getElementById('userQuestion'); // <--- مطابق با ID
+    searchResultsContainer = document.getElementById('searchResults'); // <--- مطابق با ID
+    loadingStatusElement = document.getElementById('loadingStatus'); // <--- مطابق با ID
+    selectionErrorElement = document.getElementById('selectionError'); // <--- مطابق با ID
+
+    selectAllCheckbox = document.getElementById('select_all_books'); // <--- مطابق با ID
+    // getElementsByClassName برمی گرداند HTMLCollection زنده.
+    bookCheckboxes = document.getElementsByClassName('book-checkbox'); // <--- مطابق با class
+
+    resultsPerPageSelect = document.getElementById('resultsPerPage'); // <--- مطابق با ID
+    similarityThresholdInput = document.getElementById('similarityThresholdInput'); // <--- مطابق با ID
+
+    loadingSpinnerElement = document.querySelector('#loadingStatus .loading-spinner'); // <--- دریافت رفرنس اسپینر
+
+
+    // **********************************************************************************
+
+
+    // ****** چک کردن وجود المان های ضروری برای جلوگیری از خطا ******
+    // چک می کنیم که تمام المان های مورد نیاز برای اجرای اسکریپت پیدا شده باشند.
+    // bookCheckboxes باید وجود داشته باشد و حداقل یک المان (چک باکس) داشته باشد.
+    const requiredElementsFound = searchButton && userQuestionInput && searchResultsContainer && loadingStatusElement && selectionErrorElement && selectAllCheckbox && bookCheckboxes && bookCheckboxes.length > 0 && resultsPerPageSelect && similarityThresholdInput && loadingSpinnerElement;
+
+    if (requiredElementsFound) {
+        console.log("All critical DOM elements found. Proceeding with initialization."); // لاگ
+
+        // ****** تنظیم Event Listeners ******
+
+        // Listener برای دکمه جستجو: فراخوانی تابع searchMemoirs هنگام کلیک
+        searchButton.addEventListener('click', searchMemoirs);
+        console.log("Search button click listener added."); // لاگ
+
+        // Listener برای کلید Enter در کادر ورودی سوال: شبیه سازی کلیک روی دکمه جستجو
+        userQuestionInput.addEventListener('keypress', (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault(); // جلوگیری از ارسال فرم
+                 if (!searchButton.disabled) { // فقط اگر دکمه فعال است
+                    searchButton.click();
+                    console.log("Enter key pressed in search input, simulating search button click."); // لاگ
+                 }
+            }
+        });
+        console.log("Search input keypress listener added."); // لاگ
+
+
+        // ****** Listener برای تغییر محتوای کادر سوال: بررسی وضعیت دکمه جستجو ******
+        // این Listener باعث می شود دکمه جستجو زمانی که متن وارد می شود فعال شود.
+        userQuestionInput.addEventListener('input', () => {
+            console.log("Search input value changed, checking button state."); // لاگ
+            checkAndEnableSearchButton(); // <--- فراخوانی تابع بررسی وضعیت دکمه
+        });
+        console.log("Search input 'input' listener added.");
+        // *********************************************************************
+
+
+        // Listener برای تغییر مقدار ورودی آستانه شباهت: به‌روزرسانی وضعیت دکمه
+        similarityThresholdInput.addEventListener('input', () => {
+            console.log("Similarity threshold input value changed."); // لاگ
+            checkAndEnableSearchButton(); // بررسی وضعیت دکمه (اگر مقدار نامعتبر شود غیرفعال می شود)
+        });
+        console.log("Similarity threshold input listener added."); // لاگ
+
+        // Listener برای تغییر انتخاب تعداد نتایج در صفحه
+        resultsPerPageSelect.addEventListener('change', () => {
+             console.log("Results per page setting changed."); // لاگ
+             // نیازی به checkAndEnableSearchButton نیست.
+        });
+        console.log("Results per page select listener added."); // لاگ
+
+
+        // Listener ها برای چک باکس 'انتخاب همه' و چک باکس های تکی کتاب ها
+        // تغییر در این چک باکس ها باید منجر به بارگذاری مجدد داده ها شود.
+
+        if (selectAllCheckbox) {
+             selectAllCheckbox.addEventListener('change', () => {
+                const isChecked = selectAllCheckbox.checked;
+                Array.from(bookCheckboxes).forEach(cb => {
+                    cb.checked = isChecked;
+                });
+                console.log(`'Select All' checkbox changed to ${isChecked}. All book checkboxes updated.`); // لاگ
+                updateSelectedBooksData(); // <--- فراخوانی بارگذاری مجدد داده ها
+            });
+            console.log("'Select All' checkbox change listener added."); // لاگ
+        } else {
+             console.error("'Select All' checkbox element with ID 'select_all_books' not found."); // لاگ خطا
+        }
+
+        if (bookCheckboxes && bookCheckboxes.length > 0) {
+             Array.from(bookCheckboxes).forEach(cb => {
+                 cb.addEventListener('change', () => {
+                     const allOthersChecked = Array.from(bookCheckboxes).every(cb => cb.checked);
+                     if (selectAllCheckbox) {
+                          selectAllCheckbox.checked = allOthersChecked;
+                     }
+                      console.log("Individual book checkbox changed. Checking 'Select All' status."); // لاگ
+                      updateSelectedBooksData(); // <--- فراخوانی بارگذاری مجدد داده ها
+                 });
+             });
+             console.log("Individual book checkboxes change listeners added."); // لاگ
+        } else {
+             console.warn("No book checkboxes found with class 'book-checkbox'..."); // لاگ هشدار
+        }
+
+
+        // Listener برای دکمه های کپی (به صورت Delegation)
+        searchResultsContainer.addEventListener('click', (event) => {
+            if (event.target && event.target.classList && event.target.classList.contains('copy-button')) {
+                 event.preventDefault(); // جلوگیری از رفتار پیش فرض
+
+                 const resultItemElement = event.target.closest('.result-item');
+                 if (resultItemElement) {
+                      // استخراج متن از المان های نمایش داده شده
+                      const passageText = resultItemElement.querySelector('.result-passage')?.textContent || '';
+                      const referenceText = resultItemElement.querySelector('.result-reference')?.textContent.replace('مرجع:', '').trim() || 'نامشخص';
+                      const bookTitleText = resultItemElement.querySelector('.result-book-title')?.textContent.replace('از کتاب:', '').trim() || 'نامشخص';
+                      // گرفتن متن کامل عنصر شباهت (مثلا "شباهت: 0.7500")
+                      const similarityElementText = resultItemElement.querySelector('.result-similarity')?.textContent || '';
+
+
+                       // ساخت متنی که باید کپی شود
+                       const textToCopy = `خاطره:\n${passageText}\n\nمرجع: ${referenceText}\nاز کتاب: ${bookTitleText}\n${similarityElementText}`;
+
+
+                       // کپی کردن متن به کلیپ بورد
+                       navigator.clipboard.writeText(textToCopy)
+                           .then(() => {
+                               event.target.textContent = 'کپی شد!';
+                               setTimeout(() => {
+                                   event.target.textContent = 'کپی متن';
+                               }, 2000);
+                               console.log("Passage, reference, book title, and similarity copied."); // لاگ
+                           })
+                           .catch(err => {
+                               console.error('Failed to copy text: ', err); // لاگ خطا
+                               event.target.textContent = 'خطا در کپی';
+                                setTimeout(() => {
+                                   event.target.textContent = 'کپی متن';
+                               }, 2000);
+                           });
+                 } else {
+                      console.warn("Result item parent not found for copy button click."); // لاگ هشدار
+                 }
+            }
+        });
+        console.log("Copy button delegation click listener added."); // لاگ
+
+
+        // ****** راه اندازی اولیه: بارگذاری داده ها هنگام بارگذاری صفحه ******
+        // این تابع فرآیند بارگذاری داده از فایل های JSON بر اساس چک باکس های پیش فرض انتخاب شده در HTML را شروع می کند.
+        updateSelectedBooksData(); // این فراخوانی در نهایت checkAndEnableSearchButton را صدا می زند.
+        console.log("Initial data loading process started."); // لاگ
+
+
+    } else {
+        // اگر تمام عناصر مورد نیاز پیدا نشدند
+        const errorMessage = "خطا در بارگذاری صفحه: برخی یا تمام عناصر لازم (HTML) پیدا نشدند. شناسه‌های HTML و نام کلاس‌ها را در index.html بررسی کنید و مطمئن شوید همه عناصر ضروری وجود دارند."; // پیام خطا برای کاربر
+        console.error(errorMessage, { // لاگ جزئیات خطا
+            searchButton: !!searchButton,
+            userQuestionInput: !!userQuestionInput,
+            searchResultsContainer: !!searchResultsContainer,
+            loadingStatusElement: !!loadingStatusElement,
+            selectionErrorElement: !!selectionErrorElement,
+            selectAllCheckbox: !!selectAllCheckbox,
+            bookCheckboxesCount: bookCheckboxes ? bookCheckboxes.length : 0,
+            resultsPerPageSelect: !!resultsPerPageSelect,
+            similarityThresholdInput: !!similarityThresholdInput,
+            loadingSpinnerElement: !!loadingSpinnerElement // بررسی وجود اسپینر
+        });
+         if (searchResultsContainer) { // نمایش خطا روی صفحه
+             searchResultsContainer.innerHTML = `<p style=\"color: red;\">${errorMessage}</p>`;
+        }
+        // نمایش خطا در المان های وضعیت و خطای جداگانه
+        updateStatus("راه‌اندازی اولیه با خطا مواجه شد.", true, 'error');
+        updateSelectionError(errorMessage);
+
+        // غیرفعال نگه داشتن دکمه جستجو
+        if (searchButton) {
+            setButtonEnabled(false);
+        }
+        // نیازی به return نیست.
+    }
+});
+// پایان بلوک DOMContentLoaded و پایان کامل فایل script.js