Update index.html

index.html

@@ -36,20 +36,34 @@
     ================================= */
     .text-comparison { line-height: 1.8; white-space: pre-wrap; }
     .highlight-number {
-      background-color: #FDE68A;
+      background-color: #FDE68A; /* أصفر */
       padding: 0 4px;
       border-radius: 3px;
       font-weight: bold;
     }
     .highlight-missing {
-      background-color: #BFDBFE;
+      background-color: #FECACA; /* أحمر للنصوص الناقصة */
+      color: #B91C1C;
       padding: 0 4px;
       border-radius: 3px;
       font-style: italic;
     }
+    .highlight-extra {
+      background-color: #D1FAE5; /* أخضر للنصوص الزائدة */
+      color: #065F46;
+      padding: 0 4px;
+      border-radius: 3px;
+      font-weight: bold;
+    }
     .highlight-meaning {
-      background-color: #fecaca;
-      color: #B91C1C;
+      background-color: #E0E7FF;
+      padding: 0 4px;
+      border-radius: 3px;
+      font-weight: bold;
+    }
+    .highlight-doubt {
+      background-color: #DBEAFE; /* أزرق لعلامات الشك أو الأخطاء البسيطة */
+      color: #1E3A8A;
       padding: 0 4px;
       border-radius: 3px;
       font-weight: bold;
@@ -178,7 +192,7 @@
       <!-- زر التحليل -->
       <button id="submitBtn" class="w-full bg-gradient-to-r from-indigo-600 to-pink-600 hover:from-indigo-700 hover:to-pink-700 text-white font-bold py-5 px-8 rounded-xl transition-all transform hover:scale-105 focus:ring-indigo-200 text-xl shadow-lg hover:shadow-xl mb-8 pulse-animation">
         <div class="flex items-center justify-center">
-          <i class="fas fa-sync-alt ml-2"></i> تحليل النصوص
+          <i class="fas fa-sync-alt ml-2"></i> تحليل ومراجعة النصوص
         </div>
       </button>
 
@@ -213,30 +227,6 @@
         </h2>
         <div id="explanationText" class="text-lg text-gray-700"></div>
       </div>
-
-      <!-- زر إعادة المراجعة -->
-      <button id="reviewAgainBtn" class="w-full bg-gray-600 hover:bg-gray-700 text-white font-bold py-3 px-6 rounded-xl transition-all transform hover:scale-105 focus:ring-gray-200 text-xl shadow-lg hover:shadow-xl mb-8">
-        <div class="flex items-center justify-center">
-          <i class="fas fa-redo ml-2"></i> إعادة المراجعة
-        </div>
-      </button>
-
-      <!-- قسم إعادة المراجعة: قائمة منسدلة لتحديد نوع المراجعة -->
-      <div id="reviewAgainSection" class="hidden bg-white rounded-2xl shadow-lg p-8 border border-gray-100 hover:shadow-xl transition-all animate-scale mb-8 card-hover">
-        <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-3 flex items-center">
-          <i class="fas fa-redo text-blue-600 ml-2"></i> إعادة المراجعة - اختيار النوع
-        </h2>
-        <div class="flex items-center space-x-4">
-          <select id="reviewType" class="px-4 py-2 border rounded-xl focus:outline-none">
-            <option value="all">جميع الاختلافات</option>
-            <option value="number">مراجعة رقمية فقط</option>
-            <option value="meaning">مراجعة المعنى فقط</option>
-            <option value="missing">مراجعة النص المفقود فقط</option>
-          </select>
-          <button id="confirmReviewBtn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-xl">تنفيذ إعادة المراجعة</button>
-        </div>
-      </div>
-
     </main>
   </div>
 
@@ -244,54 +234,76 @@
        جافا سكريبت: الوظائف والمعالجة
   ================================= -->
   <script>
-    // متغيرات لتخزين النصوص ونتيجة التحليل لإعادة المراجعة
-    let storedAnalysisOutput = "";
-    let storedSourceText = "";
-    let storedTargetText = "";
-
     // إعدادات API
     const API_URL = 'https://api.deepseek.com/chat/completions';
     const API_KEY = 'sk-15606736ed9e4aea8b7cc11a195d2b01';
 
-    const ANALYSIS_PROMPT = `أنت خبير لغوي متخصص في مراجعة الترجمة التقنية. مهمتك مقارنة النص المصدر والنص الهدف بدقة عالية مع العلم أن النصوص مليانة بالأخطاء والنواقص.
+    /* 
+       البرومبت الجديد:
+       - تحليل النص كفقرات مع التأكد من انتهاء كل فقرة بنقطة.
+       - التحقق من النصوص الناقصة، النصوص الزائدة، اختلافات المعنى،
+         اختلافات الأرقام/التواريخ وعلامات الشك أو الأخطاء البسيطة.
+       - تُحاط النصوص الناقصة بعلامتي __، النصوص الزائدة بـ <<EXTRA>> و <<\/EXTRA>>,
+         اختلافات المعنى بـ [MEANING] و [/MEANING]، 
+         والأخطاء أو علامات الشك بـ [DOUBT] و [/DOUBT].
+    */
+    const ANALYSIS_PROMPT = `أنت خبير لغوي متخصص في مراجعة الترجمة التقنية. مهمتك مقارنة النص المصدر والنص الهدف بدقة عالية وتحليل النص كفقرات منفصلة مع التأكد من أن كل فقرة تنتهي بنقطة. النصوص مليئة بالأخطاء والنواقص.
 لا تقم بإزالة أو تعديل العلامات التالية:
-• الأرقام: تحافظ على علامات < و >.
+• الأرقام والتواريخ: تحافظ على علامات < و >.
 • النصوص المفقودة: تحافظ على علامات __ و __.
+• النصوص الزائدة: ضعها بين <<EXTRA>> و <<\/EXTRA>>.
 • اختلافات المعنى: تحافظ على علامات [MEANING] و [/MEANING].
+• علامات الشك أو الأخطاء البسيطة: ضعها بين [DOUBT] و [/DOUBT].
 
 اعتمد النص المصدر كأساس للمقارنة، وقم بتحديد:
-1. اختلافات الأرقام باستخدام <الرقم_في_المصدر> → <الرقم_في_الهدف>.
+1. اختلافات الأرقام/التواريخ باستخدام <الرقم/التاريخ_في_المصدر> → <الرقم/التاريخ_في_الهدف>.
 2. النصوص المفقودة كما هي بين علامتي __.
-3. اختلافات المعنى باستخدام [MEANING] مع الحفاظ على التعليم.
-  
+3. النصوص الزائدة كما هي بين <<EXTRA>> و <<\/EXTRA>>.
+4. اختلافات المعنى باستخدام [MEANING] مع الحفاظ على التعليم.
+5. علامات الشك أو الأخطاء البسيطة باستخدام [DOUBT] مع ضرورة مراجعة دقيقة لتفادي التظليل الوهمي.
+
 النص المصدر:
 {source}
-  
+
 النص الهدف:
 {target}`;
 
-    // دوال مساعدة للتعامل مع النصوص
+    /* =====================================
+       دوال مساعدة للتعامل مع النصوص
+    ===================================== */
+    // حساب عدد الكلمات في النص
     function countWords(text) {
       return text.trim().split(/\s+/).filter(word => word !== "").length;
     }
+    // هروب أحرف Regex الخاصة
     function escapeRegExp(string) {
       return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     }
+    // تقسيم النص إلى فقرات مع التأكد من انتهاء كل فقرة بنقطة وترقيمها
     function splitIntoLines(text) {
-      return text.split('\n').map((line, i) => `<div class="line-item"><span class="line-number">${i+1}:</span> <span class="line-text">${line}</span></div>`).join('');
+      return text.split(/\n+/).map((line, i) => {
+        line = line.trim();
+        if(line && !line.endsWith('.')) {
+          line += '.';
+        }
+        return `<div class="line-item"><span class="line-number">${i+1}:</span> <span class="line-text">${line}</span></div>`;
+      }).join('');
     }
+    // الحصول على رقم السطر لظهور عبارة معينة
     function getLineNumber(text, substring) {
       const index = text.indexOf(substring);
       if (index === -1) return "غير محدد";
       return text.substring(0, index).split("\n").length;
     }
 
-    // دوال التمييز (Highlighting)
+    /* =====================================
+       دوال التمييز (Highlighting) للنتائج
+    ===================================== */
     function applyHighlights(originalText, analysisOutput) {
       let highlightedText = originalText;
-      // اختلافات الأرقام
-      const numberRegex = /<([^<>]+)>/g;
       let match;
+      // تمييز اختلافات الأرقام/التواريخ
+      const numberRegex = /<([^<>]+)>/g;
       while ((match = numberRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
         if (phrase) {
@@ -300,7 +312,7 @@
           highlightedText = highlightedText.replace(phraseRegex, replacement);
         }
       }
-      // النصوص المفقودة
+      // تمييز النصوص المفقودة
       const missingRegex = /__(.*?)__/g;
       while ((match = missingRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
@@ -310,7 +322,17 @@
           highlightedText = highlightedText.replace(phraseRegex, replacement);
         }
       }
-      // اختلافات المعنى
+      // تمييز النصوص الزائدة
+      const extraRegex = /<<EXTRA>>(.*?)<<\/EXTRA>>/g;
+      while ((match = extraRegex.exec(analysisOutput)) !== null) {
+        const phrase = match[1].trim();
+        if (phrase) {
+          const replacement = `<span class="highlight-extra">${phrase}</span>`;
+          const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
+          highlightedText = highlightedText.replace(phraseRegex, replacement);
+        }
+      }
+      // تمييز اختلافات المعنى
       const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
       while ((match = meaningRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
@@ -320,56 +342,28 @@
           highlightedText = highlightedText.replace(phraseRegex, replacement);
         }
       }
-      return highlightedText;
-    }
-
-    // تطبيق التمييز بحسب نوع المراجعة
-    function applyHighlightsByType(originalText, analysisOutput, reviewType) {
-      let highlightedText = originalText;
-      if (reviewType === 'meaning') {
-        const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
-        let match;
-        while ((match = meaningRegex.exec(analysisOutput)) !== null) {
-          const phrase = match[1].trim();
-          if (phrase) {
-            const replacement = `<span class="highlight-meaning">${phrase}</span>`;
-            const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
-            highlightedText = highlightedText.replace(phraseRegex, replacement);
-          }
-        }
-      } else if (reviewType === 'number') {
-        const numberRegex = /<([^<>]+)>/g;
-        let match;
-        while ((match = numberRegex.exec(analysisOutput)) !== null) {
-          const phrase = match[1].trim();
-          if (phrase) {
-            const replacement = `<span class="highlight-number">${phrase}</span>`;
-            const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
-            highlightedText = highlightedText.replace(phraseRegex, replacement);
-          }
-        }
-      } else if (reviewType === 'missing') {
-        const missingRegex = /__(.*?)__/g;
-        let match;
-        while ((match = missingRegex.exec(analysisOutput)) !== null) {
-          const phrase = match[1].trim();
-          if (phrase) {
-            const replacement = `<span class="highlight-missing">__${phrase}__</span>`;
-            const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
-            highlightedText = highlightedText.replace(phraseRegex, replacement);
-          }
+      // تمييز علامات الشك أو الأخطاء البسيطة
+      const doubtRegex = /\[DOUBT\](.*?)\[\/DOUBT\]/g;
+      while ((match = doubtRegex.exec(analysisOutput)) !== null) {
+        const phrase = match[1].trim();
+        if (phrase) {
+          const replacement = `<span class="highlight-doubt">${phrase}</span>`;
+          const phraseRegex = new RegExp(escapeRegExp(phrase), 'g');
+          highlightedText = highlightedText.replace(phraseRegex, replacement);
         }
-      } else {
-        highlightedText = applyHighlights(originalText, analysisOutput);
       }
       return highlightedText;
     }
 
-    // توليد الشرح التفصيلي
+    /* =====================================
+       دالة توليد الشرح التفصيلي Organized Explanation
+       يتم تقسيم الشرح إلى خطوات منظمة
+    ===================================== */
     function generateExplanation(sourceText, analysisOutput) {
       let steps = [];
-      const missingRegex = /__(.*?)__/g;
       let match;
+      // الخطوة 1: النصوص المفقودة
+      const missingRegex = /__(.*?)__/g;
       while ((match = missingRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
         if (phrase) {
@@ -377,71 +371,52 @@
           steps.push(`<li><strong>الخطوة 1:</strong> في السطر ${lineNum}، الجزء "<span class="highlight-missing">__${phrase}__</span>" من النص المصدر مفقود في النص الهدف. تأكد من إضافته لتحسين الدقة.</li>`);
         }
       }
+      // الخطوة 2: اختلافات الأرقام/التواريخ
       const numberRegex = /<([^<>]+)>/g;
       while ((match = numberRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
         if (phrase) {
           const lineNum = getLineNumber(sourceText, phrase);
-          steps.push(`<li><strong>الخطوة 2:</strong> في السطر ${lineNum}، الرقم "<span class="highlight-number">${phrase}</span>" في المصدر لا يتطابق مع الرقم في الهدف. يرجى المراجعة.</li>`);
+          steps.push(`<li><strong>الخطوة 2:</strong> في السطر ${lineNum}، الرقم أو التاريخ "<span class="highlight-number">${phrase}</span>" في المصدر لا يتطابق مع الهدف. يرجى المراجعة.</li>`);
+        }
+      }
+      // الخطوة 3: النصوص الزائدة
+      const extraRegex = /<<EXTRA>>(.*?)<<\/EXTRA>>/g;
+      while ((match = extraRegex.exec(analysisOutput)) !== null) {
+        const phrase = match[1].trim();
+        if (phrase) {
+          const lineNum = getLineNumber(sourceText, phrase);
+          steps.push(`<li><strong>تنبيه إضافي:</strong> في السطر ${lineNum}، النص "<span class="highlight-extra">${phrase}</span>" موجود كإضافة غير متوقعة في النص الهدف. يرجى المراجعة.</li>`);
         }
       }
+      // الخطوة 4: اختلافات المعنى
       const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
       while ((match = meaningRegex.exec(analysisOutput)) !== null) {
         const phrase = match[1].trim();
         if (phrase) {
           const lineNum = getLineNumber(sourceText, phrase);
-          steps.push(`<li><strong>الخطوة 3:</strong> في السطر ${lineNum}، تم العثور على اختلاف في المعنى مع التعبير "<span class="highlight-meaning">${phrase}</span>". تحقق من الدقة.</li>`);
+          steps.push(`<li><strong>الخطوة 4:</strong> في السطر ${lineNum}، تم العثور على اختلاف في المعنى مع التعبير "<span class="highlight-meaning">${phrase}</span>". تحقق من الدقة.</li>`);
         }
       }
-      if (steps.length === 0) {
-        return `<p>النصوص متطابقة تماماً ولا توجد فروقات تحتاج للتنبيه.</p>`;
-      }
-      return `<ol class="list-decimal ml-6 space-y-2">${steps.join('')}</ol>`;
-    }
-
-    // توليد الشرح بحسب نوع إعادة المراجعة
-    function generateExplanationByType(sourceText, analysisOutput, reviewType) {
-      let steps = [];
-      if (reviewType === 'meaning') {
-        const meaningRegex = /\[MEANING\](.*?)\[\/MEANING\]/g;
-        let match;
-        while ((match = meaningRegex.exec(analysisOutput)) !== null) {
-          const phrase = match[1].trim();
-          if (phrase) {
-            const lineNum = getLineNumber(sourceText, phrase);
-            steps.push(`<li><strong>مراجعة المعنى:</strong> في السطر ${lineNum}، التعبير "<span class="highlight-meaning">${phrase}</span>" يختلف. تحقق من الدقة.</li>`);
-          }
-        }
-      } else if (reviewType === 'number') {
-        const numberRegex = /<([^<>]+)>/g;
-        let match;
-        while ((match = numberRegex.exec(analysisOutput)) !== null) {
-          const phrase = match[1].trim();
-          if (phrase) {
-            const lineNum = getLineNumber(sourceText, phrase);
-            steps.push(`<li><strong>مراجعة رقمية:</strong> في السطر ${lineNum}، الرقم "<span class="highlight-number">${phrase}</span>" لا يتطابق. يرجى المراجعة.</li>`);
-          }
-        }
-      } else if (reviewType === 'missing') {
-        const missingRegex = /__(.*?)__/g;
-        let match;
-        while ((match = missingRegex.exec(analysisOutput)) !== null) {
-          const phrase = match[1].trim();
-          if (phrase) {
-            const lineNum = getLineNumber(sourceText, phrase);
-            steps.push(`<li><strong>مراجعة النص المفقود:</strong> في السطر ${lineNum}، النص "<span class="highlight-missing">__${phrase}__</span>" مفقود أو مختلف. يرجى المراجعة.</li>`);
-          }
+      // الخطوة 5: علامات الشك أو الأخطاء البسيطة
+      const doubtRegex = /\[DOUBT\](.*?)\[\/DOUBT\]/g;
+      while ((match = doubtRegex.exec(analysisOutput)) !== null) {
+        const phrase = match[1].trim();
+        if (phrase) {
+          const lineNum = getLineNumber(sourceText, phrase);
+          steps.push(`<li><strong>تنبيه:</strong> في السطر ${lineNum}، تم العثور على علامة شك أو خطأ بسيط "<span class="highlight-doubt">${phrase}</span>". يُنصح بمراجعة علامات الترقيم والأخطاء البسيطة.</li>`);
         }
-      } else {
-        return generateExplanation(sourceText, analysisOutput);
       }
+      // إذا لم يكن هناك اختلافات
       if (steps.length === 0) {
-        return `<p>لا توجد اختلافات من النوع المحدد.</p>`;
+        return `<p>النصوص متطابقة تماماً ولا توجد فروقات تحتاج للتنبيه.</p>`;
       }
       return `<ol class="list-decimal ml-6 space-y-2">${steps.join('')}</ol>`;
     }
 
-    // دالة معالجة الملفات (PDF و DOCX)
+    /* =====================================
+       دالة معالجة الملفات (PDF و DOCX)
+    ===================================== */
     async function processFile(file) {
       let text = "";
       if (file.type === 'application/pdf') {
@@ -464,7 +439,10 @@
       return text;
     }
 
-    // رفع الملفات وإدخال النصوص
+    /* =====================================
+       دوال رفع الملفات وإدخال النصوص
+    ===================================== */
+    // رفع ملف السورس
     document.getElementById('sourceFile')?.addEventListener('change', async (event) => {
       const file = event.target.files[0];
       if (!file) return;
@@ -479,6 +457,7 @@
         document.getElementById('processStatus').classList.add('hidden');
       }
     });
+    // رفع ملف التارجت
     document.getElementById('targetFile')?.addEventListener('change', async (event) => {
       const file = event.target.files[0];
       if (!file) return;
@@ -493,6 +472,7 @@
         document.getElementById('processStatus').classList.add('hidden');
       }
     });
+    // رفع ملف المصادر الإضافية
     document.getElementById('sourceExtraFile')?.addEventListener('change', async (event) => {
       const file = event.target.files[0];
       if (!file) return;
@@ -508,7 +488,9 @@
       }
     });
 
-    // عرض الأخطاء والرسائل
+    /* =====================================
+       دالة عرض الأخطاء والرسائل
+    ===================================== */
     function addError(message, type = 'error') {
       const errorsList = document.getElementById('errorsList');
       if (!errorsList) return;
@@ -521,10 +503,13 @@
       errorsList.appendChild(errorDiv);
     }
 
-    // تنفيذ التحليل عند الضغط على زر التحليل
+    /* =====================================
+       معالجة عملية التحليل عند الضغط على الزر
+    ===================================== */
     document.getElementById('submitBtn').addEventListener('click', async () => {
       const sourceText = document.getElementById('sourceText').value;
       const targetText = document.getElementById('targetText').value;
+      // مسح الرسائل السابقة وإظهار النتائج
       document.getElementById('errorsList').innerHTML = '';
       document.getElementById('resultSection').classList.remove('hidden');
       document.getElementById('explanationBox').classList.remove('hidden');
@@ -534,6 +519,7 @@
         return;
       }
       
+      // مقارنة عدد الكلمات وتنبيه إن وجد اختلاف
       const sourceWordCount = countWords(sourceText);
       const targetWordCount = countWords(targetText);
       if (sourceWordCount !== targetWordCount) {
@@ -541,6 +527,7 @@
       }
       
       try {
+        // عرض مؤشر التقدم
         const progressDiv = document.createElement('div');
         progressDiv.className = "bg-indigo-100 p-4 rounded-xl mb-4";
         progressDiv.innerHTML = `<div class="flex items-center">
@@ -549,10 +536,12 @@
                                    </div>`;
         document.getElementById('errorsList').appendChild(progressDiv);
 
+        // بناء الـ prompt باستخدام النصين المُدخلين
         const prompt = ANALYSIS_PROMPT
                         .replace("{source}", sourceText)
                         .replace("{target}", targetText);
         
+        // استدعاء DeepSeek API
         const payload = {
           model: "deepseek-chat",
           messages: [
@@ -578,11 +567,7 @@
         const analysisOutput = data.choices[0].message.content.trim();
         progressDiv.remove();
         
-        // تخزين النصوص والنتيجة لإعادة المراجعة
-        storedAnalysisOutput = analysisOutput;
-        storedSourceText = sourceText;
-        storedTargetText = targetText;
-        
+        // إذا كانت النصوص متطابقة تمامًا
         if (analysisOutput.includes('[MATCH]')) {
           const checkDiv = document.createElement('div');
           checkDiv.className = "p-4 rounded-xl bg-green-50 text-green-700 flex items-center";
@@ -592,23 +577,30 @@
           document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetText);
           document.getElementById('explanationText').innerHTML = `<p>النصوص متطابقة ولا يوجد اختلاف يجب الإشارة إليه.</p>`;
         } else {
+          // تطبيق التحديد على النصوص
           const sourceHighlighted = applyHighlights(sourceText, analysisOutput);
           const targetHighlighted = applyHighlights(targetText, analysisOutput);
           document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
           document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetHighlighted);
+          // توليد شرح منظم على شكل خطوات
           const explanationHTML = generateExplanation(sourceText, analysisOutput);
           document.getElementById('explanationText').innerHTML = explanationHTML;
           
+          // عرض ملخص الاختلافات في الأسفل (اختياري)
           const numDiffCount = (analysisOutput.match(/<([^<>]+)>/g) || []).length;
           const missingDiffCount = (analysisOutput.match(/__(.*?)__/g) || []).length;
+          const extraDiffCount = (analysisOutput.match(/<<EXTRA>>(.*?)<<\/EXTRA>>/g) || []).length;
           const meaningDiffCount = (analysisOutput.match(/\[MEANING\](.*?)\[\/MEANING\]/g) || []).length;
-          if (numDiffCount > 0 || missingDiffCount > 0 || meaningDiffCount > 0) {
+          const doubtDiffCount = (analysisOutput.match(/\[DOUBT\](.*?)\[\/DOUBT\]/g) || []).length;
+          if (numDiffCount > 0 || missingDiffCount > 0 || extraDiffCount > 0 || meaningDiffCount > 0 || doubtDiffCount > 0) {
             const summaryDiv = document.createElement('div');
             summaryDiv.className = "p-4 rounded-xl bg-yellow-50 text-gray-800";
             let summaryText = '<div class="font-bold mb-2">ملخص الاختلافات:</div><ul class="list-disc mr-6 space-y-1">';
-            if (numDiffCount > 0) summaryText += `<li>اختلاف في الأرقام: ${numDiffCount}</li>`;
+            if (numDiffCount > 0) summaryText += `<li>اختلاف في الأرقام/التواريخ: ${numDiffCount}</li>`;
             if (missingDiffCount > 0) summaryText += `<li>النصوص المفقودة: ${missingDiffCount}</li>`;
+            if (extraDiffCount > 0) summaryText += `<li>النصوص الزائدة: ${extraDiffCount}</li>`;
             if (meaningDiffCount > 0) summaryText += `<li>اختلاف في المعنى: ${meaningDiffCount}</li>`;
+            if (doubtDiffCount > 0) summaryText += `<li>علامات الشك أو الأخطاء البسيطة: ${doubtDiffCount}</li>`;
             summaryText += '</ul>';
             summaryDiv.innerHTML = summaryText;
             document.getElementById('errorsList').appendChild(summaryDiv);
@@ -619,28 +611,6 @@
         addError(`خطأ في التحليل: ${error.message}`);
       }
     });
-
-    // زر إعادة المراجعة: إخفاء النتائج القديمة وعرض قسم اختيار النوع
-    document.getElementById('reviewAgainBtn').addEventListener('click', () => {
-      document.getElementById('resultSection').classList.add('hidden');
-      document.getElementById('explanationBox').classList.add('hidden');
-      document.getElementById('errorsList').innerHTML = '';
-      document.getElementById('reviewAgainSection').classList.remove('hidden');
-    });
-
-    // تنفيذ إعادة المراجعة بناءً على النوع المحدد
-    document.getElementById('confirmReviewBtn').addEventListener('click', () => {
-      const reviewType = document.getElementById('reviewType').value;
-      const explanationHTML = generateExplanationByType(storedSourceText, storedAnalysisOutput, reviewType);
-      document.getElementById('explanationText').innerHTML = explanationHTML;
-      const sourceHighlighted = applyHighlightsByType(storedSourceText, storedAnalysisOutput, reviewType);
-      const targetHighlighted = applyHighlightsByType(storedTargetText, storedAnalysisOutput, reviewType);
-      document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
-      document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetHighlighted);
-      document.getElementById('reviewAgainSection').classList.add('hidden');
-      document.getElementById('resultSection').classList.remove('hidden');
-      document.getElementById('explanationBox').classList.remove('hidden');
-    });
   </script>
 </body>
-</html>
+</html>