feat: apply includes surah ref + quran-applied span protects from analysis models

src/css/components.css

@@ -3065,6 +3065,25 @@ input[type="range"]::-moz-range-thumb {
 }
 .quran-modal.is-hidden { display: none; }
 
+/* Quran applied text — protected from analysis */
+.quran-applied {
+  display: inline;
+  background: rgba(6, 182, 212, 0.1);
+  border-bottom: 2px solid rgba(6, 182, 212, 0.4);
+  border-radius: 4px;
+  padding: 1px 4px;
+  cursor: default;
+  user-select: text;
+}
+.quran-applied .spelling-error,
+.quran-applied .grammar-error,
+.quran-applied .punctuation-suggestion {
+  text-decoration: none !important;
+  border-bottom: none !important;
+  background: none !important;
+  cursor: default !important;
+}
+
 .quran-modal-backdrop {
   position: absolute;
   inset: 0;

src/index.html

@@ -1202,6 +1202,8 @@
     let _quranSavedRange = null;
     let _quranVerseClean = '';
     let _quranTransClean = '';
+    let _quranRef = '';
+    let _quranTransRef = '';
 
     async function verifyQuranText() {
       const sel = window.getSelection();
@@ -1246,6 +1248,7 @@
         const reference = refMatch ? refMatch[1] : '';
 
         _quranVerseClean = verseText;
+        _quranRef = reference;
         document.getElementById('quran-uthmani-text').textContent = verseText;
         document.getElementById('quran-reference').textContent = reference ? '[' + reference + ']' : '';
         // Show apply button
@@ -1287,6 +1290,7 @@
 
         textEl.textContent = transText;
         _quranTransClean = transText;
+        _quranTransRef = transRef;
         // Show reference in translated language
         const refEl = document.getElementById('quran-translation-ref');
         if (refEl) {
@@ -1306,16 +1310,24 @@
       document.body.style.overflow = '';
     }
 
-    function _replaceInEditor(newText) {
+    function _replaceInEditor(newText, ref) {
       var editor = document.getElementById('editor-container');
       if (!editor || !_quranCurrentQuery) return false;
       closeQuranModal();
-      // Direct approach: get plain text, replace, set back
+      // Build the full text with reference
+      var fullText = newText;
+      if (ref) fullText += ' [' + ref + ']';
+      // Replace in editor: wrap in quran-applied span to protect from analysis
       var plain = editor.textContent || '';
-      if (plain.indexOf(_quranCurrentQuery) === -1) return false;
-      // Replace first occurrence only
-      var newPlain = plain.replace(_quranCurrentQuery, newText);
-      editor.textContent = newPlain;
+      var idx = plain.indexOf(_quranCurrentQuery);
+      if (idx === -1) return false;
+      var before = plain.substring(0, idx);
+      var after = plain.substring(idx + _quranCurrentQuery.length);
+      // Build HTML: before (escaped) + quran span + after (escaped)
+      var esc = function(t) { return t.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); };
+      editor.innerHTML = esc(before) +
+        '<span class="quran-applied" contenteditable="false" data-quran="true">' + esc(fullText) + '</span>' +
+        esc(after);
       editor.focus();
       editor.dispatchEvent(new Event('input', { bubbles: true }));
       return true;
@@ -1326,7 +1338,7 @@
         if (typeof showToast === 'function') showToast('لا يوجد نص للتطبيق');
         return;
       }
-      if (_replaceInEditor(_quranVerseClean)) {
+      if (_replaceInEditor(_quranVerseClean, _quranRef)) {
         if (typeof showToast === 'function') showToast('✓ تم تطبيق النص القرآني المدقق');
       } else {
         if (typeof showToast === 'function') showToast('لم يتم العثور على النص الأصلي');
@@ -1338,7 +1350,7 @@
         if (typeof showToast === 'function') showToast('لا يوجد ترجمة للتطبيق');
         return;
       }
-      if (_replaceInEditor(_quranTransClean)) {
+      if (_replaceInEditor(_quranTransClean, _quranTransRef)) {
         if (typeof showToast === 'function') showToast('✓ تم تطبيق الترجمة');
       } else {
         if (typeof showToast === 'function') showToast('لم يتم العثور على النص الأصلي');

src/js/renderer.js

@@ -243,10 +243,15 @@ function overlaySuggestions(editor, suggestions) {
 
   if (!suggestions || suggestions.length === 0) return;
 
-  // 2. Collect text nodes with their character offsets
+  // 2. Collect text nodes with their character offsets (skip quran-applied)
   const textNodes = [];
   let offset = 0;
   walkTextNodes(editor, (node) => {
+    // Skip text inside quran-applied spans (protected from analysis)
+    if (node.parentElement && node.parentElement.closest('.quran-applied')) {
+      offset += node.length; // still count offset to keep positions correct
+      return;
+    }
     textNodes.push({ node, start: offset, end: offset + node.length });
     offset += node.length;
   });