Update extension UI, app pipeline, and Spelling Rules

extension/popup.css

@@ -1093,6 +1093,22 @@ body::-webkit-scrollbar-thumb {
   color: var(--text-color);
 }
 
+.bayan-quran-match-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-height: 420px;
+  overflow-y: auto;
+}
+
+.bayan-quran-match-card {
+  background: var(--color-surface);
+  border: 1px solid rgba(6, 182, 212, 0.2);
+  border-radius: var(--bayan-radius);
+  padding: 14px;
+  animation: fadeSlideIn 300ms ease-out;
+}
+
 /* ══════════════════════════════════════════════
    Utilities
    ══════════════════════════════════════════════ */

extension/popup.html

@@ -276,47 +276,7 @@
 
     <!-- Quran result -->
     <div class="bayan-quran-result is-hidden" id="quran-result-section">
-      <div class="bayan-quran-result-header">
-        <span style="color:#06b6d4; font-size:12px; font-weight:700;">✓ النص القرآني المدقق</span>
-        <button class="bayan-btn-icon" id="btn-copy-quran" type="button" title="نسخ">
-          <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>
-        </button>
-      </div>
-      <p id="quran-uthmani" class="bayan-quran-uthmani" dir="rtl"></p>
-      <p id="quran-reference" class="bayan-quran-reference"></p>
-
-      <!-- Translation -->
-      <div class="bayan-quran-translate">
-        <div class="bayan-quran-translate-row">
-          <svg width="14" height="14" fill="none" stroke="#06b6d4" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"/></svg>
-          <span style="font-size:12px; font-weight:600; color:var(--text-secondary);">ترجمة الآية</span>
-          <select id="quran-lang-select" class="bayan-quran-lang-select">
-            <option value="">— اختر لغة —</option>
-            <option value="english">🇬🇧 English</option>
-            <option value="french">🇫🇷 Français</option>
-            <option value="turkish">🇹🇷 Türkçe</option>
-            <option value="persian">🇮🇷 فارسی</option>
-            <option value="russian">🇷🇺 Русский</option>
-            <option value="spanish">🇪🇸 Español</option>
-            <option value="german">🇩🇪 Deutsch</option>
-            <option value="indonesian">🇮🇩 Indonesia</option>
-            <option value="malay">🇲🇾 Melayu</option>
-            <option value="bengali">🇧🇩 বাংলা</option>
-            <option value="bosnian">🇧🇦 Bosanski</option>
-            <option value="portuguese">🇵🇹 Português</option>
-            <option value="uzbek">🇺🇿 O'zbek</option>
-          </select>
-        </div>
-        <div id="quran-translation-section" class="bayan-quran-translation is-hidden">
-          <p id="quran-trans-text" dir="auto"></p>
-          <p id="quran-trans-ref" class="bayan-quran-reference" style="display:none;"></p>
-          <div class="bayan-result-actions" id="quran-trans-actions" style="display:none; justify-content:flex-end; gap:4px; margin-top:8px;">
-            <button class="bayan-btn-icon" id="btn-copy-quran-trans" type="button" title="نسخ الترجمة">
-              <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>
-            </button>
-          </div>
-        </div>
-      </div>
+      <div id="quran-match-list" class="bayan-quran-match-list"></div>
     </div>
   </section>
 

extension/popup.js

@@ -575,19 +575,97 @@ document.addEventListener('DOMContentLoaded', () => {
   const quranCharCount = document.getElementById('quran-char-count');
   const btnQuran = document.getElementById('btn-quran');
   const quranResultSection = document.getElementById('quran-result-section');
-  const quranUthmani = document.getElementById('quran-uthmani');
-  const quranReference = document.getElementById('quran-reference');
-  const btnCopyQuran = document.getElementById('btn-copy-quran');
-  const quranLangSelect = document.getElementById('quran-lang-select');
-  const quranTransSection = document.getElementById('quran-translation-section');
-  const quranTransText = document.getElementById('quran-trans-text');
-  const quranTransRef = document.getElementById('quran-trans-ref');
+  const quranMatchList = document.getElementById('quran-match-list');
 
   let _quranQuery = '';
-  let _quranVerse = '';
-  let _quranRef = '';
-  let _quranTransText = '';
-  let _quranTransRef = '';
+
+  function _parseSegment(seg) {
+    const refMatch = seg.match(/【([^】]+)】/);
+    const verseText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
+    const reference = refMatch ? refMatch[1] : '';
+    return { verseText, reference };
+  }
+
+  function _langOptionsHTML() {
+    return '<option value="">— اختر لغة —</option>'
+      + '<option value="english">English</option>'
+      + '<option value="french">Français</option>'
+      + '<option value="turkish">Türkçe</option>'
+      + '<option value="persian">فارسی</option>'
+      + '<option value="russian">Русский</option>'
+      + '<option value="spanish">Español</option>'
+      + '<option value="german">Deutsch</option>'
+      + '<option value="indonesian">Indonesia</option>'
+      + '<option value="malay">Melayu</option>'
+      + '<option value="bengali">বাংলা</option>'
+      + '<option value="bosnian">Bosanski</option>'
+      + '<option value="portuguese">Português</option>'
+      + '<option value="uzbek">O'zbek</option>';
+  }
+
+  function _renderMatchCards(matches) {
+    quranMatchList.innerHTML = '';
+    matches.forEach(function(m, i) {
+      var parsed = _parseSegment(m.matched_segment || '');
+      var card = document.createElement('div');
+      card.className = 'bayan-quran-match-card';
+      card.innerHTML = '<div class="bayan-quran-result-header">'
+        + '<span style="color:#06b6d4;font-size:12px;font-weight:700;">✓ نتيجة ' + (i + 1) + '</span>'
+        + '<button class="bayan-btn-icon qmc-copy" type="button" title="نسخ">'
+        + '<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>'
+        + '</button></div>'
+        + '<p class="bayan-quran-uthmani" dir="rtl">' + _escHTML(parsed.verseText) + '</p>'
+        + '<p class="bayan-quran-reference">' + (parsed.reference ? '[' + _escHTML(parsed.reference) + ']' : '') + '</p>'
+        + '<div class="bayan-quran-translate">'
+        + '<div class="bayan-quran-translate-row">'
+        + '<span style="font-size:12px;font-weight:600;color:var(--text-secondary);">ترجمة الآية</span>'
+        + '<select class="bayan-quran-lang-select qmc-lang">' + _langOptionsHTML() + '</select>'
+        + '</div>'
+        + '<div class="bayan-quran-translation is-hidden qmc-trans-section">'
+        + '<p class="qmc-trans-text" dir="auto"></p>'
+        + '<button class="bayan-btn-icon qmc-copy-trans" type="button" title="نسخ الترجمة" style="margin-top:4px;">'
+        + '<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>'
+        + '</button></div></div>';
+
+      card.querySelector('.qmc-copy').addEventListener('click', function() {
+        var txt = parsed.verseText + (parsed.reference ? ' [' + parsed.reference + ']' : '');
+        navigator.clipboard.writeText(txt)
+          .then(function() { showToast('✓ تم النسخ'); })
+          .catch(function() { showToast('تعذّر النسخ'); });
+      });
+
+      var langSel = card.querySelector('.qmc-lang');
+      var transSec = card.querySelector('.qmc-trans-section');
+      var transP = card.querySelector('.qmc-trans-text');
+      var copyTransBtn = card.querySelector('.qmc-copy-trans');
+
+      langSel.addEventListener('change', async function() {
+        var lang = langSel.value;
+        if (!lang || !_quranQuery) return;
+        transSec.classList.remove('is-hidden');
+        transP.textContent = '⏳ جاري الترجمة...';
+        try {
+          var data = await bayanQuran(_quranQuery, lang);
+          if (data.error) { transP.textContent = data.error; return; }
+          var seg = data.matched_segment || '';
+          var p = _parseSegment(seg);
+          transP.textContent = p.verseText;
+        } catch (err) {
+          transP.textContent = 'حدث خطأ في الترجمة';
+        }
+      });
+
+      copyTransBtn.addEventListener('click', function() {
+        navigator.clipboard.writeText(transP.textContent || '')
+          .then(function() { showToast('✓ تم نسخ الترجمة'); })
+          .catch(function() { showToast('تعذّر النسخ'); });
+      });
+
+      quranMatchList.appendChild(card);
+    });
+  }
+
+  function _escHTML(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
 
   if (quranInput) {
     quranInput.addEventListener('input', () => { updateCounts(quranInput, quranCharCount, null); saveState(); });
@@ -598,93 +676,27 @@ document.addEventListener('DOMContentLoaded', () => {
 
       _quranQuery = text;
       setLoading(true, 'جارٍ التدقيق...');
-      quranTransSection.classList.add('is-hidden');
-      quranLangSelect.value = '';
 
       try {
-        const data = await bayanQuran(text);
+        const data = await bayanQuran(text, 'تدقيق الايات', null, 5);
         quranResultSection.classList.remove('is-hidden');
 
         if (data.error) {
-          quranUthmani.textContent = data.error;
-          quranReference.textContent = '';
+          quranMatchList.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;padding:8px;">' + _escHTML(data.error) + '</p>';
           return;
         }
 
-        const seg = data.matched_segment || '';
-        const refMatch = seg.match(/【([^】]+)】/);
-        const verseText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
-        const reference = refMatch ? refMatch[1] : '';
-
-        _quranVerse = verseText;
-        _quranRef = reference;
-        quranUthmani.textContent = verseText;
-        quranReference.textContent = reference ? `[${reference}]` : '';
+        var matches = data.matches || [data];
+        _renderMatchCards(matches);
         showToast('✓ تم التدقيق');
       } catch (error) {
         console.error('[Bayan] Quran error:', error);
         quranResultSection.classList.remove('is-hidden');
-        quranUthmani.textContent = 'خطأ في الاتصال — تحقق من الإنترنت';
-        quranReference.textContent = '';
+        quranMatchList.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;padding:8px;">خطأ في الاتصال — تحقق من الإنترنت</p>';
       } finally {
         setLoading(false);
       }
     });
-
-    // Translation dropdown
-    quranLangSelect.addEventListener('change', async () => {
-      const lang = quranLangSelect.value;
-      if (!lang || !_quranQuery) return;
-
-      quranTransSection.classList.remove('is-hidden');
-      quranTransText.textContent = '⏳ جاري الترجمة...';
-      if (quranTransRef) quranTransRef.style.display = 'none';
-
-      try {
-        const data = await bayanQuran(_quranQuery, lang);
-
-        if (data.error) {
-          quranTransText.textContent = data.error;
-          return;
-        }
-
-        const seg = data.matched_segment || '';
-        const refMatch = seg.match(/【([^】]+)】/);
-        const transText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
-        const transRef = refMatch ? refMatch[1] : '';
-
-        _quranTransText = transText;
-        _quranTransRef = transRef;
-
-        quranTransText.textContent = transText;
-        if (quranTransRef && transRef) {
-          quranTransRef.textContent = `[${transRef}]`;
-          quranTransRef.style.display = '';
-        }
-        const transActions = document.getElementById('quran-trans-actions');
-        if (transActions) transActions.style.display = 'flex';
-      } catch (error) {
-        console.error('[Bayan] Quran translation error:', error);
-        quranTransText.textContent = 'حدث خطأ في الترجمة';
-      }
-    });
-
-    btnCopyQuran.addEventListener('click', () => {
-      const text = (_quranVerse || '') + (_quranRef ? ` [${_quranRef}]` : '');
-      navigator.clipboard.writeText(text)
-        .then(() => showToast('✓ تم النسخ'))
-        .catch(() => showToast('تعذّر النسخ'));
-    });
-
-    const btnCopyQuranTrans = document.getElementById('btn-copy-quran-trans');
-    if (btnCopyQuranTrans) {
-      btnCopyQuranTrans.addEventListener('click', () => {
-        const text = (_quranTransText || '') + (_quranTransRef ? ` [${_quranTransRef}]` : '');
-        navigator.clipboard.writeText(text)
-          .then(() => showToast('✓ تم نسخ الترجمة'))
-          .catch(() => showToast('تعذّر النسخ'));
-      });
-    }
   }
 
   // ══════════════════════════════════════════════════════════

extension/shared/bayan-api.js

@@ -79,11 +79,13 @@ async function bayanDialect(text, signal) {
  * @param {AbortSignal} [signal] - Optional abort signal
  * @returns {Promise<Object>} { matched_segment, full_verse, ... } or { error }
  */
-async function bayanQuran(text, language = 'تدقيق الايات', signal) {
+async function bayanQuran(text, language = 'تدقيق الايات', signal, topN = 1) {
+  const body = { text, language };
+  if (topN > 1) body.top_n = topN;
   const response = await fetch(`${CONFIG.API_BASE}/api/quran`, {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ text, language }),
+    body: JSON.stringify(body),
     signal,
   });
   // Quran endpoint returns 404 with a JSON {error} body on "no match" —

extension/sidepanel/sidepanel.css

@@ -909,6 +909,22 @@ body {
   color: var(--text-color);
 }
 
+.sp-quran-match-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-height: 500px;
+  overflow-y: auto;
+}
+
+.sp-quran-match-card {
+  background: var(--color-surface);
+  border: 1px solid rgba(6, 182, 212, 0.2);
+  border-radius: var(--sp-radius);
+  padding: 14px;
+  animation: spFadeIn 300ms ease;
+}
+
 .sp-select {
   flex: 1;
   min-width: 140px;

extension/sidepanel/sidepanel.html

@@ -289,55 +289,7 @@
 
     <!-- Quran result (matching popup structure) -->
     <div class="sp-quran-result is-hidden" id="quran-result-section">
-      <div class="sp-quran-result-header">
-        <span style="color:#06b6d4; font-size:12px; font-weight:700;">✓ النص القرآني المدقق</span>
-        <div class="sp-result-actions">
-          <button class="sp-btn-icon" id="btn-apply-quran" type="button" title="تطبيق في الصفحة">
-            <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-          </button>
-          <button class="sp-btn-icon" id="btn-copy-quran" type="button" title="نسخ">
-            <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>
-          </button>
-        </div>
-      </div>
-      <p id="quran-uthmani" class="sp-quran-uthmani" dir="rtl"></p>
-      <p id="quran-reference" class="sp-quran-reference"></p>
-
-      <!-- Translation -->
-      <div class="sp-quran-translate">
-        <div class="sp-quran-translate-row">
-          <svg width="14" height="14" fill="none" stroke="#06b6d4" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"/></svg>
-          <span style="font-size:12px; font-weight:600; color:var(--text-secondary);">ترجمة الآية</span>
-          <select id="quran-lang-select" class="sp-select">
-            <option value="">— اختر لغة —</option>
-            <option value="english">🇬🇧 English</option>
-            <option value="french">🇫🇷 Français</option>
-            <option value="turkish">🇹🇷 Türkçe</option>
-            <option value="persian">🇮🇷 فارسی</option>
-            <option value="russian">🇷🇺 Русский</option>
-            <option value="spanish">🇪🇸 Español</option>
-            <option value="german">🇩🇪 Deutsch</option>
-            <option value="indonesian">🇮🇩 Indonesia</option>
-            <option value="malay">🇲🇾 Melayu</option>
-            <option value="bengali">🇧🇩 বাংলা</option>
-            <option value="bosnian">🇧🇦 Bosanski</option>
-            <option value="portuguese">🇵🇹 Português</option>
-            <option value="uzbek">🇺🇿 O'zbek</option>
-          </select>
-        </div>
-        <div id="quran-translation-section" class="sp-quran-translation is-hidden">
-          <p id="quran-trans-text" dir="auto"></p>
-          <p id="quran-trans-ref" class="sp-quran-reference" style="display:none;"></p>
-          <div class="sp-result-actions" id="quran-trans-actions" style="display:none; justify-content:flex-end; gap:4px; margin-top:8px;">
-            <button class="sp-btn-icon" id="btn-apply-quran-trans" type="button" title="تطبيق الترجمة في الصفحة">
-              <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
-            </button>
-            <button class="sp-btn-icon" id="btn-copy-quran-trans" type="button" title="نسخ الترجمة">
-              <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>
-            </button>
-          </div>
-        </div>
-      </div>
+      <div id="quran-match-list" class="sp-quran-match-list"></div>
     </div>
   </section>
 

extension/sidepanel/sidepanel.js

@@ -717,25 +717,123 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 
   // ══════════════════════════════════════════════════════════
-  // Quran verification + translation (matching popup)
+  // Quran verification + translation (multi-match)
   // ══════════════════════════════════════════════════════════
   const quranInput = document.getElementById('quran-input-text');
   const quranCharCount = document.getElementById('quran-char-count');
   const btnQuran = document.getElementById('btn-quran');
   const quranResultSection = document.getElementById('quran-result-section');
-  const quranUthmani = document.getElementById('quran-uthmani');
-  const quranReference = document.getElementById('quran-reference');
-  const btnCopyQuran = document.getElementById('btn-copy-quran');
-  const quranLangSelect = document.getElementById('quran-lang-select');
-  const quranTransSection = document.getElementById('quran-translation-section');
-  const quranTransText = document.getElementById('quran-trans-text');
-  const quranTransRef = document.getElementById('quran-trans-ref');
+  const quranMatchList = document.getElementById('quran-match-list');
 
   let _quranQuery = '';
-  let _quranVerse = '';
-  let _quranRef = '';
-  let _quranTransText = '';
-  let _quranTransRef = '';
+
+  function _parseSegment(seg) {
+    const refMatch = seg.match(/【([^】]+)】/);
+    const verseText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
+    const reference = refMatch ? refMatch[1] : '';
+    return { verseText, reference };
+  }
+
+  function _langOptionsHTML() {
+    return '<option value="">— اختر لغة —</option>'
+      + '<option value="english">English</option>'
+      + '<option value="french">Français</option>'
+      + '<option value="turkish">Türkçe</option>'
+      + '<option value="persian">فارسی</option>'
+      + '<option value="russian">Русский</option>'
+      + '<option value="spanish">Español</option>'
+      + '<option value="german">Deutsch</option>'
+      + '<option value="indonesian">Indonesia</option>'
+      + '<option value="malay">Melayu</option>'
+      + '<option value="bengali">বাংলা</option>'
+      + '<option value="bosnian">Bosanski</option>'
+      + '<option value="portuguese">Português</option>'
+      + '<option value="uzbek">O'zbek</option>';
+  }
+
+  function _renderMatchCards(matches) {
+    quranMatchList.innerHTML = '';
+    matches.forEach(function(m, i) {
+      var parsed = _parseSegment(m.matched_segment || '');
+      var card = document.createElement('div');
+      card.className = 'sp-quran-match-card';
+      card.innerHTML = '<div class="sp-quran-result-header">'
+        + '<span style="color:#06b6d4;font-size:12px;font-weight:700;">✓ نتيجة ' + (i + 1) + '</span>'
+        + '<div class="sp-result-actions">'
+        + '<button class="sp-btn-icon qmc-apply" type="button" title="تطبيق في الصفحة">'
+        + '<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>'
+        + '</button>'
+        + '<button class="sp-btn-icon qmc-copy" type="button" title="نسخ">'
+        + '<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>'
+        + '</button></div></div>'
+        + '<p class="sp-quran-uthmani" dir="rtl">' + _escHTML(parsed.verseText) + '</p>'
+        + '<p class="sp-quran-reference">' + (parsed.reference ? '[' + _escHTML(parsed.reference) + ']' : '') + '</p>'
+        + '<div class="sp-quran-translate">'
+        + '<div class="sp-quran-translate-row">'
+        + '<span style="font-size:12px;font-weight:600;color:var(--text-secondary);">ترجمة الآية</span>'
+        + '<select class="sp-select qmc-lang">' + _langOptionsHTML() + '</select>'
+        + '</div>'
+        + '<div class="sp-quran-translation is-hidden qmc-trans-section">'
+        + '<p class="qmc-trans-text" dir="auto"></p>'
+        + '<div class="sp-result-actions" style="justify-content:flex-end;gap:4px;margin-top:4px;">'
+        + '<button class="sp-btn-icon qmc-apply-trans" type="button" title="تطبيق الترجمة">'
+        + '<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>'
+        + '</button>'
+        + '<button class="sp-btn-icon qmc-copy-trans" type="button" title="نسخ الترجمة">'
+        + '<svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="9" y="9" width="13" height="13" rx="2" stroke-width="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" stroke-width="2"/></svg>'
+        + '</button></div></div></div>';
+
+      card.querySelector('.qmc-copy').addEventListener('click', function() {
+        var txt = parsed.verseText + (parsed.reference ? ' [' + parsed.reference + ']' : '');
+        navigator.clipboard.writeText(txt)
+          .then(function() { showToast('✓ تم النسخ'); })
+          .catch(function() { showToast('تعذّر النسخ'); });
+      });
+
+      card.querySelector('.qmc-apply').addEventListener('click', function() {
+        var txt = parsed.verseText + (parsed.reference ? ' [' + parsed.reference + ']' : '');
+        writeBackToPage(txt, 'auto', 'quran', sourceSelectionText);
+      });
+
+      var langSel = card.querySelector('.qmc-lang');
+      var transSec = card.querySelector('.qmc-trans-section');
+      var transP = card.querySelector('.qmc-trans-text');
+      var copyTransBtn = card.querySelector('.qmc-copy-trans');
+      var applyTransBtn = card.querySelector('.qmc-apply-trans');
+
+      langSel.addEventListener('change', async function() {
+        var lang = langSel.value;
+        if (!lang || !_quranQuery) return;
+        transSec.classList.remove('is-hidden');
+        transP.textContent = '⏳ جاري الترجمة...';
+        try {
+          var data = await bayanQuran(_quranQuery, lang);
+          if (data.error) { transP.textContent = data.error; return; }
+          var seg = data.matched_segment || '';
+          var p = _parseSegment(seg);
+          transP.textContent = p.verseText;
+        } catch (err) {
+          transP.textContent = 'حدث خطأ في الترجمة';
+        }
+      });
+
+      copyTransBtn.addEventListener('click', function() {
+        navigator.clipboard.writeText(transP.textContent || '')
+          .then(function() { showToast('✓ تم نسخ الترجمة'); })
+          .catch(function() { showToast('تعذّر النسخ'); });
+      });
+
+      applyTransBtn.addEventListener('click', function() {
+        var txt = transP.textContent || '';
+        if (!txt) { showToast('لا يوجد ترجمة للتطبيق'); return; }
+        writeBackToPage(txt, 'auto', 'quran', sourceSelectionText);
+      });
+
+      quranMatchList.appendChild(card);
+    });
+  }
+
+  function _escHTML(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
 
   if (quranInput) {
     quranInput.addEventListener('input', () => { updateCounts(quranInput, quranCharCount, null); saveState(); });
@@ -746,112 +844,27 @@ document.addEventListener('DOMContentLoaded', () => {
 
       _quranQuery = text;
       setLoading(true, 'جارٍ التدقيق...');
-      quranTransSection.classList.add('is-hidden');
-      quranLangSelect.value = '';
 
       try {
-        const data = await bayanQuran(text);
+        const data = await bayanQuran(text, 'تدقيق الايات', null, 5);
         quranResultSection.classList.remove('is-hidden');
 
         if (data.error) {
-          quranUthmani.textContent = data.error;
-          quranReference.textContent = '';
+          quranMatchList.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;padding:8px;">' + _escHTML(data.error) + '</p>';
           return;
         }
 
-        const seg = data.matched_segment || '';
-        const refMatch = seg.match(/【([^】]+)】/);
-        const verseText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
-        const reference = refMatch ? refMatch[1] : '';
-
-        _quranVerse = verseText;
-        _quranRef = reference;
-        quranUthmani.textContent = verseText;
-        quranReference.textContent = reference ? `[${reference}]` : '';
+        var matches = data.matches || [data];
+        _renderMatchCards(matches);
         showToast('✓ تم التدقيق');
       } catch (error) {
         console.error('[Bayan SP] Quran error:', error);
         quranResultSection.classList.remove('is-hidden');
-        quranUthmani.textContent = 'خطأ في الاتصال — تحقق من الإنترنت';
-        quranReference.textContent = '';
+        quranMatchList.innerHTML = '<p style="color:var(--text-secondary);font-size:13px;padding:8px;">خطأ في الاتصال — تحقق من الإنترنت</p>';
       } finally {
         setLoading(false);
       }
     });
-
-    quranLangSelect.addEventListener('change', async () => {
-      const lang = quranLangSelect.value;
-      if (!lang || !_quranQuery) return;
-
-      quranTransSection.classList.remove('is-hidden');
-      quranTransText.textContent = '⏳ جاري الترجمة...';
-      if (quranTransRef) quranTransRef.style.display = 'none';
-
-      try {
-        const data = await bayanQuran(_quranQuery, lang);
-
-        if (data.error) {
-          quranTransText.textContent = data.error;
-          return;
-        }
-
-        const seg = data.matched_segment || '';
-        const refMatch = seg.match(/【([^】]+)】/);
-        const transText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
-        const transRef = refMatch ? refMatch[1] : '';
-
-        _quranTransText = transText;
-        _quranTransRef = transRef;
-
-        quranTransText.textContent = transText;
-        if (quranTransRef && transRef) {
-          quranTransRef.textContent = `[${transRef}]`;
-          quranTransRef.style.display = '';
-        }
-        const transActions = document.getElementById('quran-trans-actions');
-        if (transActions) transActions.style.display = 'flex';
-      } catch (error) {
-        console.error('[Bayan SP] Quran translation error:', error);
-        quranTransText.textContent = 'حدث خطأ في الترجمة';
-      }
-    });
-
-    btnCopyQuran.addEventListener('click', () => {
-      const text = (_quranVerse || '') + (_quranRef ? ` [${_quranRef}]` : '');
-      navigator.clipboard.writeText(text)
-        .then(() => showToast('✓ تم النسخ'))
-        .catch(() => showToast('تعذّر النسخ'));
-    });
-
-    const btnApplyQuran = document.getElementById('btn-apply-quran');
-    if (btnApplyQuran) {
-      btnApplyQuran.addEventListener('click', () => {
-        const verse = _quranVerse || '';
-        if (!verse) { showToast('لا يوجد نص قرآني للتطبيق'); return; }
-        const textWithRef = verse + (_quranRef ? ` [${_quranRef}]` : '');
-        writeBackToPage(textWithRef, 'auto', 'quran', sourceSelectionText);
-      });
-    }
-
-    const btnCopyQuranTrans = document.getElementById('btn-copy-quran-trans');
-    if (btnCopyQuranTrans) {
-      btnCopyQuranTrans.addEventListener('click', () => {
-        const text = (_quranTransText || '') + (_quranTransRef ? ` [${_quranTransRef}]` : '');
-        navigator.clipboard.writeText(text)
-          .then(() => showToast('✓ تم نسخ الترجمة'))
-          .catch(() => showToast('تعذّر النسخ'));
-      });
-    }
-
-    const btnApplyQuranTrans = document.getElementById('btn-apply-quran-trans');
-    if (btnApplyQuranTrans) {
-      btnApplyQuranTrans.addEventListener('click', () => {
-        const text = _quranTransText || '';
-        if (!text) { showToast('لا يوجد ترجمة للتطبيق'); return; }
-        const textWithRef = text + (_quranTransRef ? ` [${_quranTransRef}]` : '');
-        writeBackToPage(textWithRef, 'auto', 'quran', sourceSelectionText);
-      });
-    }
   }
 
   // ══════════════════════════════════════════════════════════

quran.py

@@ -40,6 +40,33 @@ def _build_similarity_table():
 
 _SIM_TABLE = _build_similarity_table()
 
+# Compiled regex patterns for input sanitization
+_RE_INVISIBLE = re.compile(
+    '[​-‏

­]'
+)
+_RE_SPACES = re.compile(
+    '[  -   　]'
+)
+_PUNCT_CHARS = (
+    '،؛؟'
+    '!.,:;?\\-—–'
+    '()\\[\\]{}«»'
+    '﴾﴿⌈⌉❝❞'
+    + chr(0x201C) + chr(0x201D) + chr(0x2018) + chr(0x2019)
+    + chr(0x22) + chr(0x27) +
+    'ـ'
+    '۝؀-؃'
+    '0-9٠-٩'
+    '⁰¹²³⁴-⁹'
+    'ﷺﷻﷲ'
+    '#@&%\\^*+=/\\\\|~`_'
+)
+_RE_PUNCT = re.compile('[' + _PUNCT_CHARS + ']')
+_RE_DIACRITICS = re.compile(
+    '[ً-ٰٟٱٖ'
+    'ۖ-ۜ۟-۪ۤۧۨ-ۭ]'
+)
+
 def normalize_arabic(text: str, *, deep: bool = False) -> str:
     """
     تطبيع النص العربي.
@@ -48,17 +75,12 @@ def normalize_arabic(text: str, *, deep: bool = False) -> str:
     """
     if not text:
         return ""
-    # إزالة التشكيل والعلامات القرآنية
-    text = re.sub(
-        r'[\u064B-\u065F\u0670\u0671\u0656'
-        r'\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED]',
-        '', text
-    )
-    # همزات
+    text = _RE_INVISIBLE.sub('', text)
+    text = _RE_SPACES.sub(' ', text)
+    text = _RE_PUNCT.sub('', text)
+    text = _RE_DIACRITICS.sub('', text)
     text = re.sub(r'[أإآٱ]', 'ا', text)
-    # تاء مربوطة
     text = re.sub(r'ة', 'ه', text)
-    # ألف مقصورة
     text = re.sub(r'ى', 'ي', text)
 
     if deep:
@@ -89,7 +111,6 @@ def _score_window(query_words: list[str], window_words: list[str],
 
     total = 0.0
     for qw, ww, qd, wd in zip(query_words, window_words, query_deep, window_deep):
-        # نأخذ أعلى نتيجة بين المقارنة الخفيفة والعميقة
         s_light = _word_similarity(qw, ww)
         s_deep  = _word_similarity(qd, wd)
         total += max(s_light, s_deep)
@@ -104,7 +125,8 @@ def _score_window(query_words: list[str], window_words: list[str],
 def search_bayan(query_text: str,
                  target_type: str = "تدقيق الايات",
                  fuzzy_threshold: float = 0.72,
-                 db_path: str = None) -> dict:
+                 db_path: str = None,
+                 top_n: int = 1) -> dict:
     """
     البحث عن آية قرآنية مع دعم الأخطاء الإملائية.
 
@@ -154,7 +176,6 @@ def search_bayan(query_text: str,
     n = len(query_light)
 
     # ── إذا بدأ الاستعلام بالبسملة → أعطِ الفاتحة أولوية ──
-    # بدون ده، "بسم الله الرحمن الرحيم الحمد لله" بيطابق ١١٢ سورة
     _query_starts_basmala = False
     if n >= 4:
         first4_q = normalize_arabic(' '.join(query_light[:4]), deep=False)
@@ -168,7 +189,6 @@ def search_bayan(query_text: str,
 
     for i in range(n, 0, -1):
         anchor = ' '.join(query_light[:i])
-        # بحث LIKE عادي أولاً (سريع)
         cursor.execute("""
             SELECT v.sura_num, v.aya_num
             FROM verses v
@@ -189,9 +209,7 @@ def search_bayan(query_text: str,
             candidate_starts.insert(0, fatiha)
 
     # إذا لم تجد شيئاً بالمرساة الخفيفة → جرّب المرساة العميقة
-    # (يستخدم text_deep إذا كان موجوداً، وإلا يعود لـ text_clean)
     if not candidate_starts:
-        # اكتشف أعمدة الجدول
         cursor.execute("PRAGMA table_info(verses)")
         cols = {row[1] for row in cursor.fetchall()}
         deep_col = "v.text_deep" if "text_deep" in cols else "v.text_clean"
@@ -238,6 +256,7 @@ def search_bayan(query_text: str,
     best_score     = -1.0
     best_match_idx = -1
     best_rows      = None
+    all_matches    = []
 
     for start_sura, start_aya in candidate_starts:
         cursor.execute(f"""
@@ -252,18 +271,16 @@ def search_bayan(query_text: str,
         fetched = cursor.fetchall()
 
         QURAN_MARKS = {
-              'ۖ', 'ۗ', 'ۘ', 'ۙ', 'ۚ', 'ۛ', 'ۜ', '۝',
-              '۞', '۩'
+              'ۖ', 'ۗ', 'ۘ', 'ۙ', 'ۚ',
+              'ۛ', 'ۜ', '۝', '۞', '۩'
           }
 
-
         # بناء خريطة الكلمات
         combined_light, combined_deep, word_map = [], [], []
         for row in fetched:
             s_num, a_num, t_clean, t_uthmani, t_target, s_name = row
 
             # ── شيل البسملة من text_clean في البحث (مش الفاتحة) ──
-            # بدون ده، anchor "بسم الله الرحمن الرحيم" بيطابق ١١٢ سورة
             if a_num == 1 and s_num != 1:
                 tc_words = t_clean.split()
                 if len(tc_words) >= 4:
@@ -300,111 +317,139 @@ def search_bayan(query_text: str,
         if total_words < n:
             continue
 
-        # نافذة منزلقة — ابحث عن أعلى نتيجة
+        # نافذة منزلقة
+        best_cand_score = -1.0
+        best_cand_idx   = -1
         for j in range(total_words - n + 1):
             score = _score_window(
                 query_light, combined_light[j:j+n],
                 query_deep,  combined_deep[j:j+n]
             )
-            if score > best_score:
-                best_score     = score
-                best_match_idx = j
+            if score > best_cand_score:
+                best_cand_score = score
+                best_cand_idx   = j
+
+        if best_cand_score >= fuzzy_threshold and best_cand_idx != -1:
+            if best_cand_score > best_score:
+                best_score     = best_cand_score
+                best_match_idx = best_cand_idx
                 best_rows      = word_map
+            if top_n > 1:
+                all_matches.append((best_cand_score, best_cand_idx, word_map))
 
-        # إذا وجدنا تطابقاً كاملاً، لا داعي للاستمرار
-        if best_score >= 0.999:
+        if best_score >= 0.999 and top_n == 1:
             break
 
     conn.close()
 
-    # if best_score < fuzzy_threshold or best_match_idx == -1:
-    #     return {
-    #         "error": (
-    #             f"أقرب تطابق وجدناه بدرجة {best_score:.0%} وهي أقل من الحد المقبول "
-    #             f"({fuzzy_threshold:.0%}). تحقق من النص المُدخل."
-    #         )
-    #     }
-
     # ==========================================
     # تشكيل المخرجات
     # ==========================================
 
-    # تحويل الأرقام اللاتينية إلى عربية
-    def to_arabic_nums(n):
-        """Convert 31 → ٣١"""
+    def to_arabic_nums(num):
         ar_digits = '٠١٢٣٤٥٦٧٨٩'
-        return ''.join(ar_digits[int(d)] for d in str(n))
-
-    matched_words = best_rows[best_match_idx: best_match_idx + n]
-
-    # دالة تنسيق الرقم حسب اللغة
-    def fmt_num(n):
-        """Arabic-Indic for uthmani, Latin for translations"""
-        return to_arabic_nums(n) if lang_code == "uthmani" else str(n)
-
-    # الآيات المشمولة — مرتبة بالترتيب (من الـ matched window)
-    involved: dict[tuple, dict] = {}
-    for w in matched_words:
-        key = (w["sura_num"], w["aya_num"])
-        if key not in involved:
-            involved[key] = {
-                "sura_name": w["sura_name"],
-                "target_text": w["target_text"],
-                "uthmani": w.get("uthmani", ""),
-            }
-
-    # منع تجاوز حدود السورة: اختر السورة الأكثر تمثيلاً فقط
-    sura_counts: dict[int, int] = {}
-    for w in matched_words:
-        sura_counts[w["sura_num"]] = sura_counts.get(w["sura_num"], 0) + 1
-    primary_sura = max(sura_counts, key=sura_counts.get)
-    involved = {k: v for k, v in involved.items() if k[0] == primary_sura}
+        return ''.join(ar_digits[int(d)] for d in str(num))
 
-    ayah_nums = [a_num for (_, a_num) in involved]
-    sura_name = next(iter(involved.values()))["sura_name"]
+    def fmt_num(num):
+        return to_arabic_nums(num) if lang_code == "uthmani" else str(num)
 
-    # ── بناء النص الكامل من الآيات الكاملة (مش من الـ window بس) ──
-    # إزالة البسملة من أول آية (مدمجة في الـ DB) — ماعدا الفاتحة
     def _strip_basmala(text):
-        """Remove Basmala from beginning of verse text"""
         words = text.split()
         if len(words) < 4:
             return text
-        # Normalize first 4 words and check against known Basmala forms
         first4_norm = normalize_arabic(' '.join(words[:4]), deep=False)
-        # ٱ (Alef Wasla) gets stripped during normalization → 'بسم لله لرحمـن لرحيم'
         basmala_forms = [
-            'بسم الله الرحمن الرحيم',    # standard alef
-            'بسم لله لرحمن لرحيم',        # alef wasla stripped
-            'بسم لله لرحمـن لرحيم',       # with tatweel ـ
+            'بسم الله الرحمن الرحيم',
+            'بسم لله لرحمن لرحيم',
+            'بسم لله لرحمـن لرحيم',
         ]
         if first4_norm in basmala_forms:
             return ' '.join(words[4:])
         return text
 
-    verse_parts = []
-    for (s_num, a_num), data in involved.items():
-        txt = data['target_text']
-        # شيل البسملة من الآية الأولى (إلا سورة الفاتحة)
-        if a_num == 1 and s_num != 1:
-            txt = _strip_basmala(txt)
-        verse_parts.append(f"{txt} ({fmt_num(a_num)})")
+    def _format_one(rows, idx, score_val):
+        matched_words = rows[idx: idx + n]
+        if not matched_words:
+            return None
+
+        involved = {}
+        for w in matched_words:
+            key = (w["sura_num"], w["aya_num"])
+            if key not in involved:
+                involved[key] = {
+                    "sura_name": w["sura_name"],
+                    "target_text": w["target_text"],
+                }
+
+        sura_counts = {}
+        for w in matched_words:
+            sura_counts[w["sura_num"]] = sura_counts.get(w["sura_num"], 0) + 1
+        p_sura = max(sura_counts, key=sura_counts.get)
+        involved = {k: v for k, v in involved.items() if k[0] == p_sura}
+
+        ayah_nums = [a for (_, a) in involved]
+        s_name = next(iter(involved.values()))["sura_name"]
+
+        verse_parts = []
+        for (s_num, a_num), data in involved.items():
+            txt = data['target_text']
+            if a_num == 1 and s_num != 1:
+                txt = _strip_basmala(txt)
+            verse_parts.append(f"{txt} ({fmt_num(a_num)})")
+
+        combined_body = " ".join(verse_parts)
 
-    combined_body = " ".join(verse_parts)
+        if len(ayah_nums) == 1:
+            ref = f"{s_name}: {fmt_num(ayah_nums[0])}"
+        else:
+            ref = f"{s_name}: {fmt_num(ayah_nums[0])}-{fmt_num(ayah_nums[-1])}"
 
-    # بناء المرجع: نطاق (من-إلى) بدل سرد كل الأرقام
-    if len(ayah_nums) == 1:
-        ref = f"{sura_name}: {fmt_num(ayah_nums[0])}"
-    else:
-        first = fmt_num(ayah_nums[0])
-        last = fmt_num(ayah_nums[-1])
-        ref = f"{sura_name}: {first}-{last}"
+        result_text = f"({combined_body}) 【{ref}】"
 
-    result_text = f"({combined_body}) 【{ref}】"
+        return {
+            "matched_segment": result_text,
+            "full_verse": result_text,
+            "similarity_score": score_val,
+            "sura_num": p_sura,
+            "aya_start": ayah_nums[0],
+        }
 
-    is_exact = best_score >= 0.999
-    return {
-        "matched_segment": result_text,
-        "full_verse": result_text,
+    # ── مسار النتيجة الواحدة (backward compat) ──
+    if top_n <= 1:
+        if best_score < fuzzy_threshold or best_match_idx == -1:
+            return {
+                "error": "لم يُعثر على تطابق كافٍ — تحقق من النص المُدخل."
+            }
+        return _format_one(best_rows, best_match_idx, best_score)
 
-    }
+    # ── مسار النتائج المتعددة ──
+    if not all_matches:
+        return {
+            "error": "لم يُعثر على تطابق كافٍ — تحقق من النص المُدخل."
+        }
+
+    # ترتيب حسب الدرجة تنازلياً + إزالة التكرار بنفس (سورة، آية)
+    all_matches.sort(key=lambda x: x[0], reverse=True)
+    seen_keys = set()
+    unique = []
+    for score_val, idx, rows in all_matches:
+        result = _format_one(rows, idx, score_val)
+        if result is None:
+            continue
+        dedup_key = (result["sura_num"], result["aya_start"])
+        if dedup_key in seen_keys:
+            continue
+        seen_keys.add(dedup_key)
+        unique.append(result)
+        if len(unique) >= top_n:
+            break
+
+    if not unique:
+        return {
+            "error": "لم يُعثر على تطابق كافٍ — تحقق من النص المُدخل."
+        }
+
+    return {
+        "matches": unique,
+        "total_found": len(all_matches),
+    }

src/app.py

@@ -1532,6 +1532,7 @@ def quran_verify():
         data = request.get_json()
         text = data.get('text', '').strip()
         language = data.get('language', 'تدقيق الايات').strip()
+        top_n = min(int(data.get('top_n', 1)), 10)
 
         if not text:
             return jsonify({'error': 'النص المُدخل فارغ'}), 400
@@ -1539,10 +1540,10 @@ def quran_verify():
         if len(text) > 2000:
             return jsonify({'error': 'النص طويل جداً (الحد الأقصى 2000 حرف)'}), 400
 
-        app.logger.info(f'[QURAN] Query: "{text[:60]}..." lang={language}')
+        app.logger.info(f'[QURAN] Query: "{text[:60]}..." lang={language} top_n={top_n}')
         start_time = time.time()
 
-        result = search_bayan(text, target_type=language)
+        result = search_bayan(text, target_type=language, top_n=top_n)
 
         elapsed = int((time.time() - start_time) * 1000)
         app.logger.info(f'[QURAN] Done in {elapsed}ms')

src/css/components.css

@@ -3347,6 +3347,20 @@ input[type="range"]::-moz-range-thumb {
   box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
 }
 
+.quran-inline-match-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.quran-inline-match-card {
+  background: var(--color-surface);
+  border: 1px solid rgba(6, 182, 212, 0.2);
+  border-radius: 1rem;
+  padding: 1.5rem;
+  animation: fadeSlideIn 300ms ease-out;
+}
+
 @media (max-width: 640px) {
   .quran-modal-panel {
     max-width: 100%;

src/index.html

@@ -940,46 +940,8 @@
            </div>
            <textarea id="quran-input" class="w-full p-4 rounded-xl text-right text-lg" dir="rtl" rows="4" placeholder="اكتب الآية أو جزءًا منها هنا..." style="background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text-primary); resize: vertical; font-family: 'Amiri Quran', 'Cairo', serif; font-size: 20px; line-height: 2;"></textarea>
            <button id="quran-search-btn" onclick="searchQuranStandalone()" class="btn-primary w-full py-4 text-lg mt-4 mb-4" type="button">بحث وتدقيق</button>
-           <div id="quran-inline-result" class="is-hidden" style="background: var(--color-surface); border: 1px solid rgba(6,182,212,0.2); border-radius: 1rem; padding: 1.5rem;">
-            <div class="flex items-center justify-between mb-3">
-             <div class="text-sm font-bold" style="color:#06b6d4;">✓ النص القرآني المدقق</div>
-             <div class="flex items-center gap-2">
-              <button onclick="copyQuranInlineResult()" class="quran-copy-btn" type="button" title="نسخ">📋</button>
-              <button id="quran-inline-apply-btn" onclick="applyQuranInlineResult()" class="quran-apply-btn" type="button">تطبيق في المحرر ✓</button>
-             </div>
-            </div>
-            <p id="quran-inline-uthmani" class="quran-uthmani" style="font-size: 24px; line-height: 2.2; text-align: center;"></p>
-            <p id="quran-inline-reference" class="quran-reference text-center mt-2"></p>
-            <div class="mt-4 pt-4" style="border-top:1px solid var(--color-border);">
-             <div class="flex items-center gap-3 mb-3 flex-wrap">
-              <svg width="16" height="16" fill="none" stroke="#06b6d4" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"/></svg>
-              <span class="text-sm font-bold">ترجمة الآية</span>
-              <select id="quran-inline-lang" onchange="translateQuranInline()" class="quran-lang-select">
-               <option value="">— اختر لغة —</option>
-               <option value="english">🇬🇧 English</option>
-               <option value="french">🇫🇷 Français</option>
-               <option value="turkish">🇹🇷 Türkçe</option>
-               <option value="persian">🇮🇷 فارسی</option>
-               <option value="russian">🇷🇺 Русский</option>
-               <option value="spanish">🇪🇸 Español</option>
-               <option value="german">🇩🇪 Deutsch</option>
-               <option value="indonesian">🇮🇩 Indonesia</option>
-               <option value="malay">🇲🇾 Melayu</option>
-               <option value="bengali">🇧🇩 বাংলা</option>
-               <option value="bosnian">🇧🇦 Bosanski</option>
-               <option value="portuguese">🇵🇹 Português</option>
-               <option value="uzbek">🇺🇿 O'zbek</option>
-              </select>
-             </div>
-             <div id="quran-inline-translation" class="is-hidden p-4 rounded-xl" style="background:rgba(6,182,212,0.06); border:1px solid rgba(6,182,212,0.15);">
-              <p id="quran-inline-trans-text" style="font-size:18px; line-height:2; color:var(--color-text-primary); text-align:center;"></p>
-               <p id="quran-inline-trans-ref" class="text-sm text-center mt-2" style="color:#06b6d4; font-weight:600; display:none;"></p>
-               <div class="flex items-center justify-center gap-2 mt-3" id="quran-inline-trans-actions" style="display:none;">
-                <button onclick="copyQuranInlineTranslation()" class="quran-copy-btn" type="button" title="نسخ الترجمة">📋 نسخ</button>
-                <button onclick="applyQuranInlineTranslation()" class="quran-apply-btn" type="button">تطبيق الترجمة ✓</button>
-               </div>
-             </div>
-            </div>
+           <div id="quran-inline-result" class="is-hidden">
+             <div id="quran-inline-match-list" class="quran-inline-match-list"></div>
            </div>
           </div>
         </div>
@@ -1412,117 +1374,37 @@
     }
 
     /* ═══════════════════════════════════════════
-       Quran Standalone Panel Functions
+       Quran Standalone Panel Functions (multi-match)
        ═══════════════════════════════════════════ */
-    let _quranInlineVerse = '';
-    let _quranInlineRef = '';
     let _quranInlineQuery = '';
 
-    async function searchQuranStandalone() {
-      var input = document.getElementById('quran-input').value.trim();
-      if (!input) { if (typeof showToast === 'function') showToast('الرجاء كتابة نص قرآني أولاً', 'warning'); return; }
-      _quranInlineQuery = input;
-      var resultDiv = document.getElementById('quran-inline-result');
-      var uthmaniEl = document.getElementById('quran-inline-uthmani');
-      var refEl = document.getElementById('quran-inline-reference');
-      var searchBtn = document.getElementById('quran-search-btn');
-      uthmaniEl.innerHTML = '<span class="text-secondary">⏳ جاري البحث...</span>';
-      refEl.textContent = '';
-      resultDiv.classList.remove('is-hidden');
-      document.getElementById('quran-inline-translation').classList.add('is-hidden');
-      document.getElementById('quran-inline-lang').value = '';
-      if (searchBtn) { searchBtn.disabled = true; searchBtn.textContent = '⏳ جاري البحث...'; }
-      var _abortCtrl = new AbortController();
-      var _timeout = setTimeout(function(){ _abortCtrl.abort(); }, 30000);
-      try {
-        var res = await fetch('/api/quran', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ text: input, language: 'تدقيق الايات' }),
-          signal: _abortCtrl.signal
-        });
-        var data = await res.json();
-        if (data.error) {
-          uthmaniEl.innerHTML = '<span class="text-secondary">' + data.error.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</span>';
-          return;
-        }
-        var seg = data.matched_segment || '';
-        var refMatch = seg.match(/【([^】]+)】/);
-        var verseText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
-        var reference = refMatch ? refMatch[1] : '';
-        _quranInlineVerse = verseText;
-        _quranInlineRef = reference;
-        uthmaniEl.textContent = verseText;
-        refEl.textContent = reference ? '[' + reference + ']' : '';
-      } catch (err) {
-        var msg = err.name === 'AbortError' ? 'انتهى وقت الانتظار — حاول مرة أخرى' : 'حدث خطأ أثناء البحث — تأكد من الاتصال';
-        uthmaniEl.innerHTML = '<span class="text-secondary">' + msg + '</span>';
-      } finally {
-        clearTimeout(_timeout);
-        if (searchBtn) { searchBtn.disabled = false; searchBtn.textContent = 'بحث وتدقيق'; }
-      }
-    }
+    function _qEsc(t) { return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
 
-    let _quranInlineTransText = '';
-    let _quranInlineTransRef = '';
-
-    async function translateQuranInline() {
-      var lang = document.getElementById('quran-inline-lang').value;
-      if (!lang || !_quranInlineQuery) return;
-      var resultDiv = document.getElementById('quran-inline-translation');
-      var textEl = document.getElementById('quran-inline-trans-text');
-      var refEl = document.getElementById('quran-inline-trans-ref');
-      var actionsEl = document.getElementById('quran-inline-trans-actions');
-      textEl.innerHTML = '<span class="text-secondary">⏳ جاري الترجمة...</span>';
-      if (refEl) refEl.style.display = 'none';
-      if (actionsEl) actionsEl.style.display = 'none';
-      resultDiv.classList.remove('is-hidden');
-      var _abortCtrl = new AbortController();
-      var _timeout = setTimeout(function(){ _abortCtrl.abort(); }, 30000);
-      try {
-        var res = await fetch('/api/quran', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ text: _quranInlineQuery, language: lang }),
-          signal: _abortCtrl.signal
-        });
-        var data = await res.json();
-        if (data.error) {
-          textEl.innerHTML = '<span class="text-secondary">' + data.error.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</span>';
-          return;
-        }
-        var seg = data.matched_segment || '';
-        var refMatch = seg.match(/【([^】]+)】/);
-        var transText = seg.replace(/\s*【[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
-        var transRef = refMatch ? refMatch[1] : '';
-        _quranInlineTransText = transText;
-        _quranInlineTransRef = transRef;
-        textEl.textContent = transText;
-        if (refEl && transRef) { refEl.textContent = '[' + transRef + ']'; refEl.style.display = ''; }
-        if (actionsEl) actionsEl.style.display = '';
-      } catch (err) {
-        var msg = err.name === 'AbortError' ? 'انتهى وقت الانتظار' : 'حدث خطأ في الترجمة';
-        textEl.innerHTML = '<span class="text-secondary">' + msg + '</span>';
-      } finally { clearTimeout(_timeout); }
-    }
-
-    function copyQuranInlineResult() {
-      var text = (_quranInlineVerse || '') + (_quranInlineRef ? ' [' + _quranInlineRef + ']' : '');
-      if (!text.trim()) return;
-      navigator.clipboard.writeText(text).then(function() {
-        if (typeof showToast === 'function') showToast('✓ تم نسخ النص المدقق');
-      });
+    function _qParseSegment(seg) {
+      var refMatch = seg.match(/【([^】]+)】/);
+      var verseText = seg.replace(/\s*���[^】]+】\s*$/, '').replace(/^\(/, '').replace(/\)$/, '');
+      var reference = refMatch ? refMatch[1] : '';
+      return { verseText: verseText, reference: reference };
     }
 
-    function copyQuranInlineTranslation() {
-      var text = (_quranInlineTransText || '') + (_quranInlineTransRef ? ' [' + _quranInlineTransRef + ']' : '');
-      if (!text.trim()) return;
-      navigator.clipboard.writeText(text).then(function() {
-        if (typeof showToast === 'function') showToast('✓ تم نسخ الترجمة');
-      });
+    function _qLangOptions() {
+      return '<option value="">— اختر لغة —</option>'
+        + '<option value="english">English</option>'
+        + '<option value="french">Français</option>'
+        + '<option value="turkish">Türkçe</option>'
+        + '<option value="persian">فارسی</option>'
+        + '<option value="russian">Русский</option>'
+        + '<option value="spanish">Español</option>'
+        + '<option value="german">Deutsch</option>'
+        + '<option value="indonesian">Indonesia</option>'
+        + '<option value="malay">Melayu</option>'
+        + '<option value="bengali">বাংলা</option>'
+        + '<option value="bosnian">Bosanski</option>'
+        + '<option value="portuguese">Português</option>'
+        + '<option value="uzbek">O\'zbek</option>';
     }
 
-    function _replaceQueryInEditor(newText, ref) {
+    function _qReplaceInEditor(newText, ref) {
       var editor = document.getElementById('editor-container');
       if (!editor) return false;
       var plain = editor.textContent || '';
@@ -1530,70 +1412,153 @@
       var idx = plain.indexOf(query);
       if (idx === -1) return false;
       if (typeof pushUndoState === 'function') pushUndoState();
-      var esc = function(t) { return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); };
       var before = plain.substring(0, idx);
       var after = plain.substring(idx + query.length);
-      var refHTML = ref ? ' <span class="quran-ref-inline">[' + esc(ref) + ']</span>' : '';
-      editor.innerHTML = esc(before) +
+      var refHTML = ref ? ' <span class="quran-ref-inline">[' + _qEsc(ref) + ']</span>' : '';
+      editor.innerHTML = _qEsc(before) +
         '<span class="quran-applied" contenteditable="false" data-quran="true">' +
-        esc(newText) + refHTML + '</span>' + esc(after);
+        _qEsc(newText) + refHTML + '</span>' + _qEsc(after);
       editor.focus();
       editor.dispatchEvent(new Event('input', { bubbles: true }));
       return true;
     }
 
-    function applyQuranInlineResult() {
-      if (!_quranInlineVerse) return;
-      var editor = document.getElementById('editor-container');
-      if (!editor) return;
-      // Try to replace original query text in editor
-      if (_quranInlineQuery && _replaceQueryInEditor(_quranInlineVerse, _quranInlineRef)) {
-        switchTab('write');
-        if (typeof showToast === 'function') showToast('✓ تم استبدال النص بالنص القرآني المدقق');
-      } else {
-        // Fallback: append if original text not found in editor
-        if (typeof pushUndoState === 'function') pushUndoState();
-        var esc = function(t) { return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); };
-        var refHTML = _quranInlineRef ? ' <span class="quran-ref-inline">[' + esc(_quranInlineRef) + ']</span>' : '';
-        var existing = editor.innerHTML;
-        editor.innerHTML = existing + (existing ? '<br>' : '') +
-          '<span class="quran-applied" contenteditable="false" data-quran="true">' +
-          esc(_quranInlineVerse) + refHTML + '</span>';
-        editor.dispatchEvent(new Event('input', { bubbles: true }));
-        switchTab('write');
-        if (typeof showToast === 'function') showToast('✓ تم إضافة النص القرآني في المحرر');
-      }
-    }
+    function _qRenderInlineCards(matches) {
+      var list = document.getElementById('quran-inline-match-list');
+      list.innerHTML = '';
+      matches.forEach(function(m, i) {
+        var p = _qParseSegment(m.matched_segment || '');
+        var card = document.createElement('div');
+        card.className = 'quran-inline-match-card';
+        card.innerHTML = '<div class="flex items-center justify-between mb-3">'
+          + '<div class="text-sm font-bold" style="color:#06b6d4;">✓ نتيجة ' + (i + 1) + '</div>'
+          + '<div class="flex items-center gap-2">'
+          + '<button class="quran-copy-btn qic-copy" type="button" title="نسخ">📋</button>'
+          + '<button class="quran-apply-btn qic-apply" type="button">تطبيق في المحرر ✓</button>'
+          + '</div></div>'
+          + '<p class="quran-uthmani" style="font-size:24px;line-height:2.2;text-align:center;" dir="rtl">' + _qEsc(p.verseText) + '</p>'
+          + '<p class="quran-reference text-center mt-2">' + (p.reference ? '[' + _qEsc(p.reference) + ']' : '') + '</p>'
+          + '<div class="mt-4 pt-4" style="border-top:1px solid var(--color-border);">'
+          + '<div class="flex items-center gap-3 mb-3 flex-wrap">'
+          + '<span class="text-sm font-bold">ترجمة الآية</span>'
+          + '<select class="quran-lang-select qic-lang">' + _qLangOptions() + '</select>'
+          + '</div>'
+          + '<div class="qic-trans-section is-hidden p-4 rounded-xl" style="background:rgba(6,182,212,0.06);border:1px solid rgba(6,182,212,0.15);">'
+          + '<p class="qic-trans-text" style="font-size:18px;line-height:2;color:var(--color-text-primary);text-align:center;"></p>'
+          + '<div class="flex items-center justify-center gap-2 mt-3">'
+          + '<button class="quran-copy-btn qic-copy-trans" type="button" title="نسخ الترجمة">📋 نسخ</button>'
+          + '<button class="quran-apply-btn qic-apply-trans" type="button">تطبيق الترجمة ✓</button>'
+          + '</div></div></div>';
+
+        card.querySelector('.qic-copy').addEventListener('click', function() {
+          var txt = p.verseText + (p.reference ? ' [' + p.reference + ']' : '');
+          navigator.clipboard.writeText(txt).then(function() { if (typeof showToast === 'function') showToast('✓ تم النسخ'); });
+        });
 
-    function applyQuranInlineTranslation() {
-      if (!_quranInlineTransText) return;
-      var editor = document.getElementById('editor-container');
-      if (!editor) return;
-      if (_quranInlineQuery) {
-        var plain = editor.textContent || '';
-        var idx = plain.indexOf(_quranInlineQuery);
-        if (idx !== -1) {
+        card.querySelector('.qic-apply').addEventListener('click', function() {
+          if (_qReplaceInEditor(p.verseText, p.reference)) {
+            switchTab('write');
+            if (typeof showToast === 'function') showToast('✓ تم استبدال النص بالنص القرآني المدقق');
+          } else {
+            var editor = document.getElementById('editor-container');
+            if (!editor) return;
+            if (typeof pushUndoState === 'function') pushUndoState();
+            var refHTML = p.reference ? ' <span class="quran-ref-inline">[' + _qEsc(p.reference) + ']</span>' : '';
+            var existing = editor.innerHTML;
+            editor.innerHTML = existing + (existing ? '<br>' : '') +
+              '<span class="quran-applied" contenteditable="false" data-quran="true">' +
+              _qEsc(p.verseText) + refHTML + '</span>';
+            editor.dispatchEvent(new Event('input', { bubbles: true }));
+            switchTab('write');
+            if (typeof showToast === 'function') showToast('✓ تم إضافة النص القرآني في المحرر');
+          }
+        });
+
+        var langSel = card.querySelector('.qic-lang');
+        var transSec = card.querySelector('.qic-trans-section');
+        var transP = card.querySelector('.qic-trans-text');
+        var copyTransBtn = card.querySelector('.qic-copy-trans');
+        var applyTransBtn = card.querySelector('.qic-apply-trans');
+
+        langSel.addEventListener('change', async function() {
+          var lang = langSel.value;
+          if (!lang || !_quranInlineQuery) return;
+          transSec.classList.remove('is-hidden');
+          transP.innerHTML = '<span class="text-secondary">⏳ جاري الترجمة...</span>';
+          var ctrl = new AbortController();
+          var tmo = setTimeout(function(){ ctrl.abort(); }, 30000);
+          try {
+            var res = await fetch('/api/quran', {
+              method: 'POST', headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ text: _quranInlineQuery, language: lang }),
+              signal: ctrl.signal
+            });
+            var data = await res.json();
+            if (data.error) { transP.innerHTML = '<span class="text-secondary">' + _qEsc(data.error) + '</span>'; return; }
+            var seg = data.matched_segment || '';
+            var tp = _qParseSegment(seg);
+            transP.textContent = tp.verseText;
+          } catch (err) {
+            transP.innerHTML = '<span class="text-secondary">' + (err.name === 'AbortError' ? 'انتهى وقت الانتظار' : 'حدث خطأ في الترجمة') + '</span>';
+          } finally { clearTimeout(tmo); }
+        });
+
+        copyTransBtn.addEventListener('click', function() {
+          navigator.clipboard.writeText(transP.textContent || '').then(function() {
+            if (typeof showToast === 'function') showToast('✓ تم نسخ الترجمة');
+          });
+        });
+
+        applyTransBtn.addEventListener('click', function() {
+          var txt = transP.textContent || '';
+          if (!txt) return;
+          var editor = document.getElementById('editor-container');
+          if (!editor) return;
           if (typeof pushUndoState === 'function') pushUndoState();
-          var esc = function(t) { return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); };
-          var before = plain.substring(0, idx);
-          var after = plain.substring(idx + _quranInlineQuery.length);
-          var refHTML = _quranInlineTransRef ? ' <span class="quran-ref-inline">[' + esc(_quranInlineTransRef) + ']</span>' : '';
-          editor.innerHTML = esc(before) + esc(_quranInlineTransText) + refHTML + esc(after);
-          editor.focus();
+          var existing = editor.innerHTML;
+          editor.innerHTML = existing + (existing ? '<br>' : '') + _qEsc(txt);
           editor.dispatchEvent(new Event('input', { bubbles: true }));
           switchTab('write');
           if (typeof showToast === 'function') showToast('✓ تم تطبيق الترجمة في المحرر');
+        });
+
+        list.appendChild(card);
+      });
+    }
+
+    async function searchQuranStandalone() {
+      var input = document.getElementById('quran-input').value.trim();
+      if (!input) { if (typeof showToast === 'function') showToast('الرجاء كتابة نص قرآني أولاً', 'warning'); return; }
+      _quranInlineQuery = input;
+      var resultDiv = document.getElementById('quran-inline-result');
+      var matchList = document.getElementById('quran-inline-match-list');
+      var searchBtn = document.getElementById('quran-search-btn');
+      matchList.innerHTML = '<p class="text-secondary text-center" style="padding:1rem;">⏳ جاري البحث...</p>';
+      resultDiv.classList.remove('is-hidden');
+      if (searchBtn) { searchBtn.disabled = true; searchBtn.textContent = '⏳ جاري البحث...'; }
+      var _abortCtrl = new AbortController();
+      var _timeout = setTimeout(function(){ _abortCtrl.abort(); }, 30000);
+      try {
+        var res = await fetch('/api/quran', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ text: input, language: 'تدقيق الايات', top_n: 5 }),
+          signal: _abortCtrl.signal
+        });
+        var data = await res.json();
+        if (data.error) {
+          matchList.innerHTML = '<p class="text-secondary text-center" style="padding:1rem;">' + _qEsc(data.error) + '</p>';
           return;
         }
+        var matches = data.matches || [data];
+        _qRenderInlineCards(matches);
+      } catch (err) {
+        var msg = err.name === 'AbortError' ? 'انتهى وقت الانتظار — حاول مرة أخرى' : 'حدث خطأ أثناء البحث — تأكد من الاتصال';
+        matchList.innerHTML = '<p class="text-secondary text-center" style="padding:1rem;">' + msg + '</p>';
+      } finally {
+        clearTimeout(_timeout);
+        if (searchBtn) { searchBtn.disabled = false; searchBtn.textContent = 'بحث وتدقيق'; }
       }
-      // Fallback: append
-      if (typeof pushUndoState === 'function') pushUndoState();
-      var esc2 = function(t) { return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); };
-      var existing = editor.innerHTML;
-      editor.innerHTML = existing + (existing ? '<br>' : '') + esc2(_quranInlineTransText);
-      editor.dispatchEvent(new Event('input', { bubbles: true }));
-      switchTab('write');
-      if (typeof showToast === 'function') showToast('✓ تم إضافة الترجمة في المحرر');
     }
     let _dialectResult = '';
     let _dialectInput = '';

src/nlp/spelling/araspell_rules.py

@@ -684,8 +684,7 @@ class VocabularyManager:
         return not self.is_iv(word)
     
     def get_frequency_rank(self, word: str) -> int:
-        clean = re.sub(r'[^\w]', '', word)
-        return self.vocab_rank.get(clean, 999999)
+        return 999999
     
     def all_words_iv(self, text: str) -> bool:
         words = text.split()