Update index.html

index.html

@@ -32,30 +32,27 @@
     }
     
     /* -------------------------------
-       تنسيقات النص والتظليل (ألوان بيضاء)
+       تنسيقات النص والتظليل (استخدام ألوان مميزة)
     ------------------------------- */
     .text-comparison { line-height: 1.8; white-space: pre-wrap; }
     .highlight-missing {
-      background-color: #ffffff;
-      color: #000;
+      background-color: #f87171;  /* أحمر */
+      color: #fff;
       padding: 0 4px;
-      border: 1px solid #ccc;
       border-radius: 3px;
       font-weight: bold;
     }
     .highlight-number {
-      background-color: #ffffff;
+      background-color: #facc15;  /* أصفر */
       color: #000;
       padding: 0 4px;
-      border: 1px solid #ccc;
       border-radius: 3px;
       font-weight: bold;
     }
     .highlight-meaning {
-      background-color: #ffffff;
-      color: #000;
+      background-color: #60a5fa;  /* أزرق */
+      color: #fff;
       padding: 0 4px;
-      border: 1px solid #ccc;
       border-radius: 3px;
       font-weight: bold;
     }
@@ -101,7 +98,7 @@
           <i class="fas fa-chart-line icon"></i> نظام المقارنة والتحليل المتقدم
         </h1>
         <p class="text-xl opacity-90">
-          <i class="fas fa-info-circle icon"></i> تحليل دقيق لاكتشاف النصوص المفقودة والأرقام/التواريخ واختلاف المعنى
+          <i class="fas fa-info-circle icon"></i> تحليل دقيق لاكتشاف النصوص المفقودة، الأرقام/التواريخ واختلاف المعنى
         </p>
       </div>
     </header>
@@ -190,7 +187,7 @@
         </div>
       </button>
 
-      <!-- نتائج التحليل -->
+      <!-- نتائج التحليل والمقارنة -->
       <div id="resultSection" class="card hidden">
         <h2 class="text-2xl font-bold text-gray-800 border-b pb-3 mb-6">
           <i class="fas fa-search icon text-green-600"></i> نتائج التحليل والمقارنة
@@ -222,34 +219,36 @@
     </main>
   </div>
 
-  <!-- ================================
+  <!-- -------------------------------
        جافا سكريبت: الوظائف والتحليل
-  ================================= -->
+  ------------------------------- -->
   <script>
     (function() {
       "use strict";
       
-      /* تحديث برومبت التحليل لتحديد ثلاثة بنود فقط:
-         1. النصوص المفقودة (الكلمات التي لم تُترجم أبداً)
-         2. الأرقام والتواريخ غير المتطابقة
-         3. اختلاف المعنى إن وجد
-         يتم تمييز:
-           - النصوص المفقودة باستخدام __الكلمة__
-           - الأرقام والتواريخ باستخدام <الرقم/التاريخ>
-           - اختلاف المعنى باستخدام [MEANING] الاختلاف [/MEANING]
+      /* تحسين البرومت:
+         - مهمتك: مقارنة النص المصدر والنص الهدف واستخراج الاختلافات التالية:
+             1. النصوص المفقودة: الكلمات أو العبارات التي لم تُترجم من المصدر (لا يوجد لها مقابل في الهدف).
+             2. الأرقام والتواريخ: التي لا تتطابق بين المصدر والهدف.
+             3. اختلاف المعنى: في حال وجود اختلاف واضح في معنى النص.
+         - يُرجى تمييز:
+             • النصوص المفقودة بوضعها بين علامتي __ و __.
+             • الأرقام والتواريخ بوضعها بين علامتي < و >.
+             • اختلاف المعنى بوضعها بين [MEANING] و [/MEANING].
+         - قدم الناتج في شكل قائمة مفصلة مع شرح مختصر لكل اختلاف، مع الإشارة إلى رقم السطر إن أمكن.
       */
       const API_URL = 'https://api.deepseek.com/chat/completions';
       const API_KEY = 'sk-15606736ed9e4aea8b7cc11a195d2b01';
       const ANALYSIS_PROMPT = `أنت خبير لغوي وتقني متخصص في مراجعة الترجمة التقنية وتحليل النصوص بدقة.
-مهمتك مقارنة النص المصدر والنص الهدف واستخراج الآتي:
-1. **النصوص المفقودة:** الكلمات التي لم تُترجم أبداً من النص المصدر (لا يوجد لها مقابل في النص الهدف).
-2. **الأرقام والتواريخ:** التي لا تتطابق بين المصدر والهدف.
-3. **اختلاف المعنى:** في حال وجود اختلاف واضح.
-يرجى تمييز:
-- النصوص المفقودة بـ __الكلمة__
-- الأرقام والتواريخ بـ <الرقم/التاريخ>
-- اختلاف المعنى بـ [MEANING] الاختلاف [/MEANING]
-قدم ناتجك في شكل قائمة تفصيلية مع شرح مختصر لكل اختلاف.
+مهمتك مقارنة النص المصدر والنص الهدف واستخراج الاختلافات التالية:
+1. **النصوص المفقودة:** الكلمات أو العبارات التي لم تُترجم من النص المصدر (لا يوجد لها مقابل في النص الهدف).
+2. **الأرقام والتواريخ:** التي لا تتطابق بين النص المصدر والنص الهدف.
+3. **اختلاف المعنى:** في حال وجود اختلاف واضح في معنى النص.
+يُرجى تمييز:
+- النصوص المفقودة بوضعها بين علامتي __ والكلمة__.
+- الأرقام والتواريخ بوضعها بين علامتي < والرقم/التاريخ>.
+- اختلاف المعنى بوضعها بين [MEANING] و [/MEANING].
+قدم الناتج في شكل قائمة تفصيلية مع شرح مختصر لكل اختلاف مع ذكر رقم السطر إن أمكن.
 
 النص المصدر:
 {source}
@@ -282,7 +281,7 @@
       };
 
       /* -------------------------------
-         دوال تظليل الاختلافات (العلامات: __ للنص المفقود، < > للأرقام/التواريخ، [MEANING] اختلاف المعنى)
+         دوال تظليل الاختلافات (استخدام العلامات المستخرجة من البرومت)
       ------------------------------- */
       const applyHighlights = (originalText, analysisOutput) => {
         let highlightedText = originalText;
@@ -327,7 +326,6 @@
         const iconMissing = `<i class="fas fa-exclamation-triangle mr-1"></i>`;
         const iconNumber = `<i class="fas fa-hashtag mr-1"></i>`;
         const iconMeaning = `<i class="fas fa-info-circle mr-1"></i>`;
-
         // النصوص المفقودة
         const missingRegex = /__(.*?)__/g;
         while ((match = missingRegex.exec(analysisOutput)) !== null) {
@@ -491,7 +489,7 @@
           const analysisOutput = data.choices[0].message.content.trim();
           progressDiv.remove();
 
-          // إذا كان الناتج يحتوي على علامة التطابق التام
+          // في حالة التطابق التام
           if (analysisOutput.includes('[MATCH]')) {
             const checkDiv = document.createElement('div');
             checkDiv.className = "p-4 rounded-xl bg-green-50 text-green-700 flex items-center";
@@ -501,7 +499,6 @@
             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);