Spaces:

montaghem630
/

khatere_khan

Sleeping

App Files Files Community

montaghem630 commited on May 2

Commit

e2ce00f

verified ·

1 Parent(s): 6d6eb2e

Upload 10 files

Browse files

Files changed (10) hide show

Dockerfile +20 -0
fonts/Vazirmatn-Bold.woff2 +0 -0
fonts/Vazirmatn-Regular.woff2 +0 -0
fonts/vazirmatn.css +69 -0
index.html +214 -0
jabe_siah.json +0 -0
requirements.txt +4 -0
script.js +460 -0
server.py +84 -0
style.css +126 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,20 @@

+# استفاده از یک تصویر استاندارد پایتون به عنوان پایه
+FROM python:3.9
+# تنظیم دایرکتوری کاری داخل کانتینر
+WORKDIR /app
+# کپی کردن فایل requirements.txt و نصب وابستگی‌ها
+# این کار به Docker اجازه می‌دهد تا مرحله نصب را کش کند اگر requirements.txt تغییر نکرده باشد
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+# کپی کردن بقیه فایل‌های پروژه به داخل کانتینر در دایرکتوری کاری (/app)
+COPY . /app
+# دستوری که هنگام اجرای کانتینر اجرا می‌شود
+# از Gunicorn برای اجرای برنامه Flask استفاده می‌کنیم
+# 'server:app' یعنی برنامه Flask با نام 'app' در فایل 'server.py' قرار دارد
+# --bind 0.0.0.0:7860 به Gunicorn می‌گوید روی تمام رابط‌ها و پورت 7860 گوش دهد
+# Hugging Face Spaces معمولا انتظار دارد برنامه روی این پورت اجرا شود
+CMD exec gunicorn --bind 0.0.0.0:7860 server:app

fonts/Vazirmatn-Bold.woff2 ADDED Viewed

Binary file (51 kB). View file

fonts/Vazirmatn-Regular.woff2 ADDED Viewed

Binary file (50.7 kB). View file

fonts/vazirmatn.css ADDED Viewed

	@@ -0,0 +1,69 @@

+/* این فایل شامل قوانین @font-face برای فونت Vazirmatn است */
+/* باید در پوشه fonts کنار فایل های فونت قرار گیرد */
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-Regular.woff2') format('woff2');
+  font-weight: 400; /* وزن نرمال */
+  font-style: normal;
+  font-display: swap; /* برای نمایش متن با فونت پیشفرض تا بارگذاری فونت اصلی */
+}
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-Bold.woff2') format('woff2');
+  font-weight: 700; /* وزن بولد */
+  font-style: normal;
+  font-display: swap; /* برای نمایش متن با فونت پیشفرض تا بارگذاری فونت اصلی */
+}
+/* می توانید @font-face برای وزن های دیگر را نیز اگر فایل هایش را دارید اضافه کنید */
+/*
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-ExtraLight.woff2') format('woff2');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-Light.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-Medium.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-SemiBold.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-ExtraBold.woff2') format('woff2');
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Vazirmatn';
+  src: url('Vazirmatn-Black.woff2') format('woff2');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+*/

index.html ADDED Viewed

	@@ -0,0 +1,214 @@

+<!DOCTYPE html>
+<html lang="fa">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>جستجوی معنایی خاطرات</title>
+    <link rel="stylesheet" href="fonts/vazirmatn.css">
+    <style>
+        body {
+            font-family: 'Vazirmatn', sans-serif;
+            direction: rtl;
+            text-align: right;
+            margin: 20px;
+            line-height: 1.6;
+            background-color: #f4f4f4;
+            color: #333;
+        }
+        .container {
+            max-width: 800px;
+            margin: auto;
+            background: #fff;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+        h1, h2, h3 {
+            text-align: center;
+            color: #555;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .search-section, .results-section, .book-selection-section, .results-control-section {
+            margin-bottom: 20px;
+            padding: 15px;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            background-color: #f9f9f9;
+        }
+        .book-selection-section h3, .results-control-section h3 {
+            margin-top: 0;
+            border-bottom: 1px solid #eee;
+            padding-bottom: 10px;
+            margin-bottom: 10px;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .book-list label {
+            display: block;
+            margin-bottom: 8px;
+            cursor: pointer;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .book-list input[type="checkbox"] {
+            margin-left: 5px;
+        }
+        #select_all_books_label {
+            font-weight: bold;
+        }
+        #loadingStatus, #selectionError {
+            margin-top: 10px;
+            font-style: italic;
+            font-weight: bold;
+            color: #666;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        #selectionError {
+            color: red;
+        }
+        label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: bold;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        input[type="text"], button, select {
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            font-size: 1rem;
+            box-sizing: border-box;
+            font-family: 'Vazirmatn', sans-serif !important;
+            vertical-align: middle;
+        }
+        input[type="text"] {
+            min-height: 40px;
+        }
+        button {
+            background-color: #5cb85c;
+            color: white;
+            border: none;
+            cursor: pointer;
+        }
+        button:hover {
+            background-color: #4cae4c;
+        }
+        button:disabled {
+            background-color: #d3d3d3;
+            cursor: not-allowed;
+        }
+        select {
+            padding: 8px;
+            font-size: 0.9rem;
+        }
+        .search-input-container {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            width: 100%;
+            box-sizing: border-box;
+            max-width: 700px;
+        }
+        .search-input-container input[type="text"] {
+            flex: 1 1 auto;
+            min-width: 200px;
+            max-width: 600px;
+            margin: 0;
+            box-sizing: border-box;
+        }
+        .search-input-container button {
+            flex: 0 0 auto;
+            width: 90px;
+            margin: 0;
+            box-sizing: border-box;
+            height: 40px;
+        }
+        .results-control-section label {
+            display: inline-block;
+            margin-left: 10px;
+            font-weight: normal;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .result-item {
+            border-bottom: 1px solid #eee;
+            padding: 10px 0;
+            margin-bottom: 10px;
+        }
+        .result-item:last-child {
+            border-bottom: none;
+            margin-bottom: 0;
+        }
+        .result-reference {
+            font-size: 0.9em;
+            color: #555;
+            margin-bottom: 5px;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .result-book-title {
+            font-size: 0.8em;
+            color: #777;
+            margin-bottom: 5px;
+            font-style: italic;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .result-passage {
+            margin-bottom: 5px;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+        .result-similarity {
+            font-size: 0.8em;
+            color: #007bff;
+            text-align: left;
+            font-family: 'Vazirmatn', sans-serif;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>جستجوی معنایی خاطرات دوران پهلوی</h1>
+        <div class="book-selection-section">
+            <h3>انتخاب کتاب‌ها برای جستجو:</h3>
+            <div class="book-list">
+                <label id="select_all_books_label">
+                    <input type="checkbox" id="select_all_books">
+                    انتخاب همه موارد
+                </label>
+                <label>
+                    <input type="checkbox" class="book-checkbox" id="jabe_siah_checkbox" value="jabe_siah.json" checked>
+                    جعبه سیاه (منتخب خاطرات اسدالله علم)
+                </label>
+            </div>
+            <p id="loadingStatus"></p>
+            <p id="selectionError"></p>
+        </div>
+        <div class="search-section">
+            <label for="userQuestion">سوال شما:</label>
+            <div class="search-input-container">
+                <input type="text" id="userQuestion" placeholder="عبارت مورد نظر برای جستجو را وارد کنید...">
+                <button id="searchButton" disabled>جستجو</button>
+            </div>
+        </div>
+        <div class="results-control-section">
+            <h3>کنترل نمایش نتایج:</h3>
+            <label for="resultsPerPage">تعداد نتایج برتر برای نمایش:</label>
+            <select id="resultsPerPage">
+                <option value="10">10</option>
+                <option value="20">20</option>
+                <option value="30">30</option>
+                <option value="50">50</option>
+                <option value="100">100</option>
+            </select>
+        </div>
+        <div class="results-section">
+            <h2>نتایج جستجو:</h2>
+            <div id="searchResults">
+                <p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>
+            </div>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>

jabe_siah.json ADDED Viewed

The diff for this file is too large to render. See raw diff

requirements.txt ADDED Viewed

	@@ -0,0 +1,4 @@

+flask
+flask-cors
+sentence-transformers
+gunicorn

script.js ADDED Viewed

	@@ -0,0 +1,460 @@

+// این کد، فایل script.js به‌روزرسانی شده نهایی است که دکمه جستجو را زمانی فعال می‌کند که هم داده‌ها بارگذاری شده باشند و هم متنی در کادر جستجو وارد شده باشد.
+// ****** تعریف متغیرهای عناصر HTML در بالاترین اسکوپ ******
+let searchButton;
+let questionInput;
+let resultsDiv;
+let loadingStatusParagraph;
+let selectionErrorParagraph;
+let selectAllCheckbox;
+let bookCheckboxes; // NodeList از تمام چک باکس های کتاب ها (به جز انتخاب همه)
+let resultsPerPageSelect; // المان select برای تعداد نتایج
+// ****** تعریف URL سرور پایتون برای دریافت Embedding سوال ******
+const EMBEDDING_SERVER_URL = 'https://montaghem630-khatere-khan.hf.space/get_embedding';
+// ****** متغیر برای نگهداری داده‌های ترکیب شده از کتاب‌های انتخاب شده ******
+let memoirsWithEmbeddings = [];
+// ****** نگاشت نام فایل JSON به نام کامل کتاب (برای نمایش در نتایج) ******
+// این لیست باید با مقادیر value چک باکس ها و نام های نمایشی در HTML مطابقت داشته باشد
+const bookInfo = {
+    'jabe_siah.json': 'جعبه سیاه (منتخب خاطرات اسدالله علم)',
+    // اگر کتاب های دیگری دارید، اینجا اضافه کنید
+    // 'ketab_dovom.json': 'نام کتاب دوم',
+    // 'ketab_sevom.json': 'نام کتاب سوم',
+};
+// *****************************************************************
+// تابع کمکی برای نمایش پیام وضعیت بارگذاری/پردازش
+function updateStatus(message, isError = false) {
+    if (loadingStatusParagraph) {
+        loadingStatusParagraph.textContent = message;
+        loadingStatusParagraph.style.color = isError ? 'red' : '#666';
+    } else {
+        console.log("Status:", message); // لاگ برای توسعه
+    }
+}
+// تابع کمکی برای نمایش خطای انتخاب کتاب
+function updateSelectionError(message) {
+    if (selectionErrorParagraph) {
+        selectionErrorParagraph.textContent = message;
+        selectionErrorParagraph.style.color = 'red';
+    } else {
+         console.error("Selection Error:", message); // لاگ برای توسعه
+    }
+}
+// تابع کمکی برای فعال/غیرفعال کردن دکمه جستجو
+function setButtonEnabled(enabled) {
+    if (searchButton) {
+        searchButton.disabled = !enabled;
+    }
+}
+// ****** تابع جدید برای بررسی وضعیت و فعال/غیرفعال کردن دکمه جستجو ******
+// این تابع بررسی می کند که آیا داده ها بارگذاری شده اند و آیا کادر سوال خالی نیست
+function checkAndEnableSearchButton() {
+    const isDataLoaded = memoirsWithEmbeddings.length > 0;
+    const isQueryNotEmpty = questionInput && questionInput.value.trim() !== ''; // چک کردن وجود questionInput قبل از دسترسی به value
+    // دکمه فقط زمانی فعال می شود که هم داده بارگذاری شده باشد و هم متن سوال خالی نباشد
+    setButtonEnabled(isDataLoaded && isQueryNotEmpty);
+    console.log(`Check Button State: Data Loaded = ${isDataLoaded}, Query Not Empty = ${isQueryNotEmpty}, Button Enabled = ${isDataLoaded && isQueryNotEmpty}`); // لاگ برای توسعه
+}
+// ****** تابع اصلی برای بارگذاری داده‌ها از فایل‌های JSON کتاب‌های انتخاب شده ******
+// این تابع هر زمان که انتخاب کتاب ها تغییر می کند، داده ها را بارگذاری مجدد می کند
+async function updateSelectedBooksData() {
+    console.log("Updating selected books data..."); // لاگ برای توسعه
+    updateStatus("در حال بارگذاری داده‌ها..."); // پیام برای کاربر
+    updateSelectionError(""); // پاک کردن پیام خطای قبلی
+    // setButtonEnabled(false); // غیرفعال کردن دکمه جستجو حین بارگذاری (توسط checkAndEnableSearchButton انجام می شود)
+    checkAndEnableSearchButton(); // در ابتدای بارگذاری، دکمه غیرفعال خواهد شد اگر هنوز متن نیست یا داده خالی می شود
+    // پیدا کردن چک باکس های کتاب ها که انتخاب شده اند
+    const selectedBookFiles = Array.from(bookCheckboxes)
+                                 .filter(checkbox => checkbox.checked)
+                                 .map(checkbox => checkbox.value); // value چک باکس ها نام فایل JSON است
+    console.log("Selected book files:", selectedBookFiles); // لاگ برای توسعه
+    // ****** چک کردن اینکه حداقل یک کتاب انتخاب شده باشد ******
+    if (selectedBookFiles.length === 0) {
+        updateStatus(""); // پاک کردن پیام وضعیت
+        updateSelectionError("لطفاً حداقل یک کتاب برای جستجو انتخاب کنید."); // پیام خطا برای کاربر
+        console.warn("No books selected. Cannot load data."); // لاگ برای توسعه
+        memoirsWithEmbeddings = []; // پاک کردن داده های قبلی
+        resultsDiv.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>'; // بازگرداندن پیام اولیه
+        checkAndEnableSearchButton(); // مطمئن می شویم دکمه غیرفعال شود
+        return; // توقف فرآیند اگر هیچ کتابی انتخاب نشده است
+    }
+    // ********************************************************
+    memoirsWithEmbeddings = []; // پاک کردن داده‌های قبلی قبل از بارگذاری جدید
+    try {
+        // بارگذاری همزمان تمام فایل‌های JSON انتخاب شده
+        const fetchPromises = selectedBookFiles.map(filename => {
+             const filePath = `./${filename}`;
+             console.log(`Attempting to fetch: ${filePath}`); // لاگ برای توسعه
+             return fetch(filePath).then(response => {
+                if (!response.ok) {
+                    throw new Error(`Error fetching file: ${filename} (Status: ${response.status})`);
+                }
+                return response.json();
+            })
+            .catch(error => {
+                console.error(`Failed to fetch or parse file ${filename}:`, error); // لاگ خطا برای توسعه
+                throw new Error(`Failed to load data for book file "${filename}".`);
+            });
+        });
+        const booksData = await Promise.all(fetchPromises); // انتظار برای دانلود و تجزیه همه فایل ها
+        // ترکیب داده‌ها از تمام فایل‌های JSON بارگذاری شده
+        booksData.forEach(data => {
+            if (Array.isArray(data)) {
+                memoirsWithEmbeddings = memoirsWithEmbeddings.concat(data);
+            } else {
+                 console.error("Fetched data is not an array:", data); // لاگ برای توسعه
+            }
+        });
+        const loadedBooksCount = selectedBookFiles.length;
+        const totalPassagesLoaded = memoirsWithEmbeddings.length;
+        console.log(`Successfully loaded data from ${loadedBooksCount} book(s). Total passages loaded: ${totalPassagesLoaded}`); // لاگ برای توسعه
+        updateStatus(`داده‌ها از ${loadedBooksCount} کتاب با موفقیت بارگذاری شد. مجموع خاطرات: ${totalPassagesLoaded}. آماده جستجو هستید.`); // پیام برای کاربر
+        // setButtonEnabled(true); // فعال کردن دکمه جستجو پس از بارگذاری موفقیت آمیز داده (توسط checkAndEnableSearchButton انجام می شود)
+        checkAndEnableSearchButton(); // بررسی و فعال کردن دکمه پس از بارگذاری داده
+        // نتایج قبلی را پاک نمی کنیم، فقط پیام اولیه را پاک میکنیم اگر هنوز نمایش داده می شود
+         if (resultsDiv && resultsDiv.innerHTML === '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>') {
+             resultsDiv.innerHTML = '';
+         }
+    } catch (error) {
+        console.error("Error loading selected books data:", error); // لاگ برای توسعه
+        updateStatus("خطا در بارگذاری داده‌ها.", true); // پیام برای کاربر
+        updateSelectionError(`خطا در بارگذاری داده از کتاب‌های انتخاب شده: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر.`); // پیام خطا برای کاربر
+        memoirsWithEmbeddings = []; // اطمینان از خالی بودن داده در صورت خطا
+        // setButtonEnabled(false); // غیرفعال نگه داشتن دکمه جستجو (توسط checkAndEnableSearchButton انجام می شود)
+        checkAndEnableSearchButton(); // مطمئن می شویم دکمه غیرفعال بماند
+        resultsDiv.innerHTML = '<p>پس از انتخاب کتاب‌ها و وارد کردن سوال، نتایج اینجا نمایش داده می‌شوند.</p>'; // بازگرداندن پیام اولیه
+    }
+}
+// تابع کمکی برای محاسبه شباهت کسینوسی بین دو بردار (بدون تغییر)
+function cosineSimilarity(vecA, vecB) {
+     if (!vecA || !vecB || vecA.length !== vecB.length || vecA.length === 0) {
+        console.error("Cosine Similarity Error: Invalid vectors.", {vecA_length: vecA ? vecA.length : 'null', vecB_length: vecB ? vecB.length : 'null'});
+        return 0;
+    }
+    let dotProduct = 0;
+    let magnitudeA = 0;
+    let magnitudeB = 0;
+    for (let i = 0; i < vecA.length; i++) {
+        dotProduct += vecA[i] * vecB[i];
+        magnitudeA += vecA[i] * vecA[i];
+        magnitudeB += vecB[i] * vecB[i];
+    }
+    magnitudeA = Math.sqrt(magnitudeA);
+    magnitudeB = Math.sqrt(magnitudeB);
+    if (magnitudeA === 0 || magnitudeB === 0) {
+        return 0;
+    }
+    const similarity = dotProduct / (magnitudeA * magnitudeB);
+    return similarity;
+}
+// تابع کمکی برای حذف بخش کلمات کلیدی از متن Passage (همانند قبل)
+function cleanPassageTextForDisplay(passage) {
+    const startDelimiter = ' <کلیدواژه ها: ';
+    const startIndex = passage.indexOf(startDelimiter);
+    if (startIndex === -1) {
+        return passage;
+    }
+    let cleanText = passage.substring(0, startIndex);
+    return cleanText.trim();
+}
+// ****** تابع اصلی جستجو که هنگام کلیک دکمه یا فشردن Enter اجرا میشود ******
+async function searchMemoirs() {
+    console.log("Search triggered - executing search"); // لاگ برای توسعه (مشخص نیست دکمه یا Enter)
+    console.log(`Data loaded state (passages count): ${memoirsWithEmbeddings.length}`); // لاگ برای توسعه
+    // ****** چک کردن اینکه داده ها (از کتاب های انتخاب شده) بارگذاری شده باشند ******
+    // این چک در checkAndEnableSearchButton هم هست، اما اینجا برای اطمینان بیشتر است
+    if (memoirsWithEmbeddings.length === 0) {
+        console.warn("No memoir data loaded. Cannot search."); // لاگ برای توسعه
+        updateSelectionError("لطفاً ابتدا کتاب‌های مورد نظر برای جستجو را انتخاب کرده و منتظر بارگذاری داده‌ها بمانید."); // پیام خطا برای کاربر
+        return;
+    }
+    // **************************************************************************
+    const query = questionInput.value.trim();
+    console.log(`Query text is: "${query}"`); // لاگ برای توسعه
+    if (!query) {
+         if (resultsDiv) {
+            resultsDiv.innerHTML = `<p>لطفاً عبارت مورد نظر برای جستجو را وارد کنید.</p>`; // پیام برای کاربر
+        }
+         console.warn("Search query is empty."); // لاگ برای توسعه
+        return;
+    }
+    updateStatus("در حال جستجو..."); // به‌روزرسانی پیام وضعیت به جستجو برای کاربر
+    resultsDiv.innerHTML = ''; // پاک کردن نتایج قبلی یا پیام اولیه
+    try {
+        console.log("Requesting query embedding from Python server..."); // لاگ برای توسعه
+        const serverResponse = await fetch(EMBEDDING_SERVER_URL, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ query: query })
+        });
+        if (!serverResponse.ok) {
+             const errorBody = await serverResponse.text(); // بخوان به صورت متن برای اطلاعات بیشتر
+             console.error(`Server responded with status ${serverResponse.status}: ${errorBody}`); // لاگ خطا برای توسعه
+             throw new Error(`خطا از سرور (${serverResponse.status}). جزئیات بیشتر در کنسول مرورگر.`); // پیام خطا برای کاربر
+        }
+        const serverData = await serverResponse.json();
+        const queryEmbeddingArray = serverData.embedding;
+        if (!queryEmbeddingArray || !Array.isArray(queryEmbeddingArray) || queryEmbeddingArray.length === 0) {
+             console.error("Server returned an invalid or empty embedding:", serverData); // لاگ خطا برای توسعه
+             throw new Error("سرور بردار جستجو را به درستی برنگرداند. جزئیات در کنسول مرورگر."); // پیام خطا برای کاربر
+        }
+        console.log("Query embedding received from server successfully."); // لاگ برای توسعه
+        console.log("Calculating similarities in browser..."); // لاگ برای توسعه
+        const searchResults = [];
+        // محاسبه شباهت با تمام قطعات خاطره ای که از کتاب های انتخاب شده بارگذاری شده اند
+        for (const memoir of memoirsWithEmbeddings) {
+            // اطمینان از وجود و صحت بردار embedding در آیتم خاطره
+            if (memoir.embedding && Array.isArray(memoir.embedding) && memoir.embedding.length === queryEmbeddingArray.length) {
+                const similarity = cosineSimilarity(queryEmbeddingArray, memoir.embedding);
+                // اضافه کردن تمام فیلدهای اصلی خاطره و امتیاز شباهت به نتیجه
+                searchResults.push({ ...memoir, similarity: similarity });
+            } else {
+                 // هشدار برای آیتم های بدون بردار یا با ابعاد نامعتبر (فقط در کنسول)
+                 console.warn(`Skipping memoir due to missing or invalid embedding: ${memoir.book_title || 'Unknown Book'} - ${memoir.reference || 'Unknown Reference'}`);
+            }
+        }
+        console.log(`Similarity calculation complete. Found ${searchResults.length} results with valid embeddings.`); // لاگ برای توسعه
+        console.log("Sorting results by similarity..."); // لاگ برای توسعه
+        searchResults.sort((a, b) => b.similarity - a.similarity);
+        console.log("Results sorted."); // لاگ برای توسعه
+        // ****** انتخاب تعداد نتایج برتر بر اساس انتخاب کاربر ******
+        const resultsPerPage = parseInt(resultsPerPageSelect.value, 10); // خواندن مقدار انتخاب شده و تبدیل به عدد صحیح
+        const topResults = searchResults.slice(0, resultsPerPage); // انتخاب فقط N نتیجه برتر
+        console.log(`Displaying top ${topResults.length} results based on user selection.`); // لاگ برای توسعه
+        // ***********************************************************
+        // ****** منطق نمایش نتایج ******
+        if (resultsDiv) {
+             // نتایج قبلی را پاک کرده ایم
+            if (topResults.length === 0) { // اگر هیچ نتیجه ای یافت نشد
+                 resultsDiv.innerHTML = `<p>نتیجه مرتبطی یافت نشد.</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.toFixed(4)}`;
+                    // نمایش نام کتاب
+                     const bookTitleElement = document.createElement('p');
+                     bookTitleElement.classList.add('result-book-title');
+                     bookTitleElement.textContent = `از کتاب: ${result.book_title || 'نامشخص'}`;
+                    // نمایش مرجع خاطره
+                    const referenceElement = document.createElement('p');
+                    referenceElement.classList.add('result-reference');
+                    referenceElement.innerHTML = `<strong>مرجع:</strong> ${result.reference || 'نامشخص'}`;
+                    // نمایش متن خاطره (با حذف کلمات کلیدی)
+                    const passageElement = document.createElement('p');
+                    passageElement.classList.add('result-passage');
+                    passageElement.textContent = cleanPassageTextForDisplay(result.passage || '');
+                    // اضافه کردن عناصر به آیتم نتیجه با ترتیب جدید (متن -> مرجع -> کتاب)
+                    resultItem.appendChild(passageElement);
+                    resultItem.appendChild(referenceElement);
+                    resultItem.appendChild(bookTitleElement);
+                    resultsList.appendChild(resultItem);
+                });
+                resultsDiv.appendChild(resultsList);
+                console.log("DOM updated with results."); // لاگ برای توسعه
+            // لاگ کردن نتایج برای توسعه
+            console.log(`Top ${topResults.length} results displayed (reference, book, and similarity):`);
+            topResults.forEach(result => {
+                console.log(`  Book: ${result.book_title || 'Unknown'}, Ref: ${result.reference || 'N/A'}, Sim: ${result.similarity.toFixed(4)}`); // امتیاز را در لاگ نگه می داریم
+            });
+            }
+            updateStatus(`جستجو به پایان رسید. ${topResults.length} نتیجه برتر نمایش داده شد.`); // به‌روزرسانی پیام وضعیت پس از جستجو
+        } else {
+            console.error("Could not find resultsDiv to display results."); // لاگ برای توسعه
+             updateStatus("جستجو با خطا مواجه شد.", true); // پیام برای کاربر
+        }
+    } catch (error) {
+        console.error("Error during search:", error); // لاگ برای توسعه
+         if (resultsDiv) {
+            // نمایش پیام خطای عمومی به کاربر
+            resultsDiv.innerHTML = `<p style="color: red;">هنگام جستجو خطایی رخ داد: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر موجود است.</p>`;
+        }
+        updateStatus("جستجو با خطا مواجه شد.", true); // پیام برای کاربر
+    } finally {
+        // در نهایت (چه موفقیت آمیز چه با خطا)، دکمه را دوباره بررسی و تنظیم وضعیت می کنیم
+        checkAndEnableSearchButton();
+    }
+}
+// ****** Event Listeners و مقداردهی اولیه در زمان بارگذاری صفحه ******
+document.addEventListener('DOMContentLoaded', () => {
+    console.log("DOMContentLoaded fired. Attaching event listeners and initializing."); // لاگ برای توسعه
+    // پیدا کردن عناصر HTML با ID یا Class
+    searchButton = document.getElementById('searchButton');
+    questionInput = document.getElementById('userQuestion');
+    resultsDiv = document.getElementById('searchResults');
+    loadingStatusParagraph = document.getElementById('loadingStatus');
+    selectionErrorParagraph = document.getElementById('selectionError');
+    selectAllCheckbox = document.getElementById('select_all_books');
+    bookCheckboxes = document.querySelectorAll('.book-checkbox'); // انتخاب تمام چک باکس های با کلاس .book-checkbox
+    resultsPerPageSelect = document.getElementById('resultsPerPage'); // پیدا کردن المان select
+    // لاگ برای تأیید پیدا شدن عناصر HTML (برای توسعه)
+    console.log("Search Button found:", !!searchButton);
+    console.log("Question Input found:", !!questionInput);
+    console.log("Results Div found:", !!resultsDiv);
+    console.log("Loading Status found:", !!loadingStatusParagraph);
+    console.log("Selection Error found:", !!selectionErrorParagraph);
+    console.log("Select All Checkbox found:", !!selectAllCheckbox);
+    console.log(`Book Checkboxes found: ${bookCheckboxes.length}`);
+    console.log("Results Per Page Select found:", !!resultsPerPageSelect);
+    // اگر تمام عناصر مورد نیاز پیدا شدند، Event Listeners را اضافه کرده و مقداردهی اولیه را انجام دهید
+    if (searchButton && questionInput && resultsDiv && loadingStatusParagraph && selectionErrorParagraph && selectAllCheckbox && bookCheckboxes.length > 0 && resultsPerPageSelect) {
+        // ****** اضافه کردن Event Listener به دکمه جستجو ******
+        searchButton.addEventListener('click', searchMemoirs);
+        console.log("Search button event listener attached."); // لاگ برای توسعه
+        // ****** اضافه کردن Event Listener برای تغییر متن در کادر سوال ******
+        // از event 'input' استفاده می کنیم که با هر تغییری (تایپ، پیست و...) اجرا می شود
+        questionInput.addEventListener('input', () => {
+            checkAndEnableSearchButton(); // هر بار که متن تغییر کرد، وضعیت دکمه را بررسی کن
+        });
+         // Event listener برای keypress (Enter) برای اجرای جستجو باقی می ماند
+        questionInput.addEventListener('keypress', (event) => {
+            if (event.key === 'Enter' || event.keyCode === 13) {
+                event.preventDefault();
+                // فقط در صورتی جستجو را اجرا کن که دکمه فعال است (یعنی داده بارگذاری شده و متن خالی نیست)
+                if (!searchButton.disabled) {
+                    searchMemoirs();
+                } else {
+                    console.warn("Attempted to search with Enter, but button is disabled (data not loaded or query empty)."); // لاگ برای توسعه
+                }
+            }
+        });
+        console.log("Input change and keypress event listeners attached to question input."); // لاگ برای توسعه
+        // ****** منطق چک باکس 'انتخاب همه' ******
+        selectAllCheckbox.addEventListener('change', () => {
+            const isChecked = selectAllCheckbox.checked;
+            bookCheckboxes.forEach(checkbox => {
+                checkbox.checked = isChecked;
+            });
+            // بارگذاری مجد�� داده ها پس از تغییر انتخاب همه (با تاخیر کم برای جلوگیری از فشردگی)
+            setTimeout(updateSelectedBooksData, 50); // تاخیر 50 میلی ثانیه
+        });
+        // ****** اضافه کردن Event Listeners به چک باکس های کتاب ها ******
+        bookCheckboxes.forEach(checkbox => {
+            checkbox.addEventListener('change', () => {
+                // اگر یکی از چک باکس های کتاب از حالت انتخاب خارج شد، 'انتخاب همه' را هم از حالت انتخاب خارج کن
+                if (!checkbox.checked) {
+                    selectAllCheckbox.checked = false;
+                }
+                // اگر تمام چک باکس های کتاب انتخاب شدند، 'انتخاب همه' را هم انتخاب کن
+                else {
+                    const allBooksSelected = Array.from(bookCheckboxes).every(cb => cb.checked);
+                    if (allBooksSelected) {
+                        selectAllCheckbox.checked = true;
+                    }
+                }
+                // بارگذاری مجدد داده ها پس از تغییر انتخاب کتاب (با تاخیر کم)
+                 setTimeout(updateSelectedBooksData, 50); // تاخیر 50 میلی ثانیه
+            });
+        });
+         // ****** اضافه کردن Event Listener به انتخابگر تعداد نتایج ******
+         resultsPerPageSelect.addEventListener('change', () => {
+             console.log("Results per page changed to:", resultsPerPageSelect.value); // لاگ برای توسعه
+         });
+        // ****** بارگذاری اولیه داده ها بر اساس انتخاب های پیش فرض هنگام بارگذاری صفحه ******
+        // این تابع بر اساس چک باکس های پیش فرض (که در HTML تیک خورده اند) داده ها را بارگذاری می کند
+        updateSelectedBooksData(); // این فراخوانی در نهایت checkAndEnableSearchButton را صدا می زند
+    } else {
+        // اگر عناصر مورد نیاز پیدا نشدند، پیام خطا در کنسول و روی صفحه نمایش داده میشود
+        const errorMessage = "خطا: عناصر لازم صفحه پیدا نشدند. شناسه‌های HTML و نام کلاس‌ها را در index.html بررسی کنید."; // پیام خطا برای کاربر
+        console.error(errorMessage); // لاگ برای توسعه
+         if (resultsDiv) {
+             resultsDiv.innerHTML = `<p style="color: red;">${errorMessage}</p>`;
+        }
+        updateStatus("راه‌اندازی اولیه با خطا مواجه شد.", true); // پیام برای کاربر
+    }
+});

server.py ADDED Viewed

	@@ -0,0 +1,84 @@

+# این کد، برنامه سرور پایتون شما برای تولید Embedding سوال با قابلیت CORS است.
+# از فریمورک Flask و افزونه Flask-CORS استفاده شده است.
+from flask import Flask, request, jsonify
+from flask_cors import CORS # ایمپورت کردن افزونه CORS
+from sentence_transformers import SentenceTransformer
+import numpy as np
+import logging
+# تنظیمات اولیه لاگینگ برای مشاهده پیام ها در کنسول سرور
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
+app = Flask(__name__)
+CORS(app, origins=["https://montaghem6630-khatere-khan.hf.space"])
+# اگر می خواهید همچنان به صورت محلی تست کنید، می توانید هر دو آدرس را در لیست نگه دارید:
+# CORS(app, origins=["http://localhost:8000", "https://montaghem6630-khatere-khan.hf.space"])
+# ****** نام مدل Sentence Transformer که برای بردارسازی سوال استفاده می‌شود ******
+# این مدل باید همان مدلی باشد که برای تولید Embeddings JSON استفاده شده است
+# مدل PartAI/Tooka-SBERT با ابعاد 1024 - بهترین مدل در تست ها
+model_name = 'PartAI/Tooka-SBERT'
+# ******************************************************************************
+model = None # متغیری برای نگهداری مدل بارگذاری شده
+# تابع برای بارگذاری مدل هوش مصنوعی هنگام شروع سرور
+def load_model(model_name):
+    global model
+    if model is None:
+        logging.info(f"Loading Sentence Transformer model: {model_name} for server...")
+        try:
+            # بارگذاری مدل
+            # ممکن است نیاز به تعیین device='cpu' باشد اگر به صورت خودکار شناسایی نشود
+            # import torch # اگر از torch استفاده میکنید
+            # device = torch.device("cuda" if torch.cuda.is_available() else "cpu")
+            # model = SentenceTransformer(model_name, device=device)
+            model = SentenceTransformer(model_name) # بارگذاری با تشخیص خودکار دستگاه
+            logging.info("Model loaded successfully on the server.")
+        except Exception as e:
+            logging.error(f"Error loading model on the server: {e}")
+            model = None # در صورت خطا مدل را None نگه میداریم
+# مسیر API برای دریافت سوال و ارسال بردار آن
+@app.route('/get_embedding', methods=['POST']) # مسیر دریافت بردار سوال
+def get_embedding():
+    # چک میکنیم که آیا مدل با موفقیت بارگذاری شده است یا خیر
+    if model is None:
+        logging.error("Attempted to process request but AI model is not loaded.")
+        return jsonify({"error": "AI model not loaded on server."}), 500
+    # چک میکنیم که درخواست دریافتی شامل داده JSON و فیلد 'query' باشد
+    if not request.json or 'query' not in request.json:
+        logging.warning("Received invalid request: Missing JSON or 'query' field.")
+        return jsonify({"error": "Invalid request. Please send JSON with a 'query' field."}), 400
+    query = request.json['query']
+    logging.info(f"Received query for embedding: '{query}'")
+    try:
+        # تولید بردار معنایی برای سوال دریافتی
+        # pooling='mean' و normalize=True باید با آنچه در تولید Embeddings JSON استفاده شد یکسان باشد
+        query_embedding = model.encode(query, convert_to_numpy=True, pooling_mode='mean', normalize=True)
+        # تبدیل بردار numpy به لیست پایتون برای ارسال در پاسخ JSON
+        query_embedding_list = query_embedding.tolist()
+        logging.info("Query embedding generated successfully.")
+        # ارسال بردار تولید شده به عنوان پاسخ JSON به مرورگر
+        return jsonify({"embedding": query_embedding_list})
+    except Exception as e:
+        logging.error(f"Error generating embedding on server: {e}", exc_info=True) # لاگ کامل خطا
+        return jsonify({"error": "Error generating embedding."}), 500
+# تابع اصلی برای اجرای سرور
+if __name__ == '__main__':
+    # بارگذاری مدل هنگام اجرای اسکریپت سرور
+    load_model(model_name)
+    # اجرای سرور Flask
+    # debug=True فقط برای توسعه - برای محیط نهایی باید False شود
+    # host='0.0.0.0' برای دسترسی از شبکه محلی
+    # port=5000 پورتی که سرور روی آن گوش میدهد
+    # threaded=True می تواند به مدیریت درخواست های همزمان کمک کند (برای توسعه کافی است)
+    app.run(debug=True, port=5000, host='0.0.0.0', threaded=True)

style.css ADDED Viewed

	@@ -0,0 +1,126 @@

+/* تعریف فونت وزیرمتن Regular */
+@font-face {
+    font-family: 'Vazirmatn'; /* نامی که برای این فونت در CSS استفاده میکنیم */
+    src: url('./fonts/Vazirmatn-Regular.woff2') format('woff2'); /* مسیر فایل فونت و فرمت آن نسبت به فایل CSS */
+    font-weight: normal; /* این تعریف برای وزن معمولی فونت است */
+    font-style: normal; /* سبک عادی (مورب نیست) */
+}
+/* تعریف فونت وزیرمتن Bold */
+@font-face {
+    font-family: 'Vazirmatn'; /* همان نام، اما برای وزن متفاوت */
+    src: url('./fonts/Vazirmatn-Bold.woff2') format('woff2'); /* مسیر فایل فونت Bold نسبت به فایل CSS */
+    font-weight: bold; /* این تعریف برای وزن پررنگ فونت است */
+    font-style: normal;
+}
+/* سبک‌های عمومی برای بدنه صفحه - حالا از فونت تعریف شده با @font-face استفاده میکنیم */
+body {
+    font-family: 'Vazirmatn', sans-serif; /* استفاده از نامی که در @font-face تعریف کردیم */
+    margin: 0;
+    padding: 20px;
+    background-color: #f4f4f4;
+    color: #333;
+    direction: rtl;
+    text-align: right;
+}
+/* سبک برای کانتینر اصلی که محتوا را در بر می‌گیرد */
+.container {
+    max-width: 800px;
+    margin: 20px auto;
+    padding: 20px;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+}
+/* سبک برای عنوان اصلی */
+h1 {
+    text-align: center;
+    color: #0056b3;
+    margin-bottom: 30px;
+}
+/* سبک برای بخش جستجو */
+.search-section {
+    margin-bottom: 30px;
+    padding: 15px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    background-color: #e9e9e9;
+}
+/* سبک برای برچسب کادر سؤال */
+.search-section label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+}
+/* سبک برای کادر ورود سؤال (textarea) */
+#userQuestion {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+    font-size: 1rem;
+    /* اعمال فونت در کادر متن - این قبلا هم اضافه شده بود */
+    font-family: 'Vazirmatn', sans-serif;
+    direction: rtl;
+    text-align: right;
+    resize: vertical;
+}
+/* سبک برای دکمه جستجو */
+#searchButton {
+    display: block;
+    width: 100%;
+    padding: 10px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1.1rem;
+    transition: background-color 0.3s ease;
+    /* ****** این خط اضافه شده است ****** */
+    font-family: 'Vazirmatn', sans-serif; /* اعمال فونت وزیرمتن به دکمه */
+    /* ********************************** */
+}
+/* سبک هنگام بردن ماوس روی دکمه */
+#searchButton:hover {
+    background-color: #0056b3;
+}
+/* سبک برای بخش نمایش نتایج */
+.results-section {
+    margin-top: 30px;
+}
+/* سبک برای عنوان نتایج */
+.results-section h2 {
+    color: #0056b3;
+    margin-bottom: 15px;
+    text-align: right;
+}
+/* سبک برای ناحیه نمایش نتایج */
+#searchResults {
+    border: 1px solid #ddd;
+    padding: 15px;
+    border-radius: 5px;
+    background-color: #fff;
+    min-height: 100px;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+/* سبک پیش‌فرض برای پاراگراف داخل نتایج (پیام اولیه) */
+#searchResults p {
+    color: #666;
+    text-align: center;
+}