Update app.py

app.py

@@ -8,211 +8,37 @@ tokenizer = AutoTokenizer.from_pretrained(model_id)
 
 # دالة التلخيص مع المعاملات الجديدة
 def summarize(text, max_length=150, num_beams=7, length_penalty=0.8):
-   # تحويل القيم إلى النوع المناسب
-   max_length = int(max_length)
-   num_beams = int(num_beams)
-   length_penalty = float(length_penalty)
-   
-   # تجهيز البيانات للنموذج
-   inputs = tokenizer(text, return_tensors="pt", max_length=2048, truncation=True)
-   outputs = model.generate(
-       **inputs,
-       max_length=max_length,
-       num_beams=num_beams,
-       length_penalty=length_penalty,
-       early_stopping=True
-   )
-   return tokenizer.decode(outputs[0], skip_special_tokens=True)
-
-# إعداد واجهة Gradio مع CSS المضمن
+    # تحويل القيم إلى النوع المناسب
+    max_length = int(max_length)
+    num_beams = int(num_beams)
+    length_penalty = float(length_penalty)
+    
+    # تجهيز البيانات للنموذج
+    inputs = tokenizer(text, return_tensors="pt", max_length=2048, truncation=True)
+    outputs = model.generate(
+        **inputs,
+        max_length=max_length,
+        num_beams=num_beams,
+        length_penalty=length_penalty,
+        early_stopping=True
+    )
+    return tokenizer.decode(outputs[0], skip_special_tokens=True)
+
+# إعداد واجهة Gradio مع ربط الستايل الخارجي
 interface = gr.Interface(
-   fn=summarize,
-   css="""
-   @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&display=swap");
-   
-   body {
-     font-family: "Noto Sans Arabic", sans-serif;
-     background-color: #f9fafb;
-     color: #333333;
-   }
-   
-   .container {
-     margin: 0 auto;
-     padding: 1rem;
-     max-width: 768px;
-   }
-   
-   h1 {
-     font-size: 1.875rem;
-     font-weight: bold;
-     text-align: center;
-     margin-bottom: 1.5rem;
-   }
-   
-   button {
-     background-color: #4f46e5;
-     color: #ffffff;
-     padding: 0.75rem 1rem;
-     border: none;
-     border-radius: 8px;
-     cursor: pointer;
-     transition: background-color 0.3s ease;
-     font-weight: bold;
-   }
-   
-   button:hover {
-     background-color: #4338ca;
-   }
-   
-   button:disabled {
-     background-color: #a5b4fc;
-     cursor: not-allowed;
-   }
-   
-   textarea,
-   input[type="range"] {
-     width: 100%;
-     padding: 0.75rem;
-     border: 1px solid #d1d5db;
-     border-radius: 6px;
-     margin-top: 0.5rem;
-     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-     transition: border-color 0.3s ease, box-shadow 0.3s ease;
-   }
-   
-   textarea:focus,
-   input[type="range"]:focus {
-     outline: none;
-     border-color: #6366f1;
-     box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
-   }
-   
-   .bg-gray-50 {
-     background-color: #f9fafb;
-     border-radius: 8px;
-     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-   }
-   
-   label {
-     font-weight: bold;
-     color: #333333;
-   }
-   
-   span.text-sm {
-     font-size: 0.875rem;
-     color: #6b7280;
-   }
-   
-   .border {
-     border: 1px solid #e5e7eb;
-     border-radius: 8px;
-     background-color: #ffffff;
-     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-   }
-   
-   h2 {
-     font-size: 1.25rem;
-     font-weight: bold;
-     color: #333333;
-   }
-   
-   p.leading-relaxed {
-     line-height: 1.75;
-     color: #4b5563;
-   }
-
-   /* معالجة المناطق السوداء والراوندس */
-   .gradio-container {
-     background: #f9fafb !important;
-     color: #333333 !important;
-   }
-   
-   .dark {
-     background: #f9fafb !important;
-     color: #333333 !important;
-   }
-   
-   .gr-box {
-     background: #ffffff !important;
-     border-radius: 12px !important;
-   }
-   
-   .gr-form, .gr-panel {
-     background: #ffffff !important;
-     border-radius: 12px !important;
-   }
-   
-   .gr-input-label {
-     color: #333333 !important;
-   }
-
-   /* تنسيق النص في السلايدر */
-   span.svelte-1gfkn6j {
-       color: #5046e5 !important;
-       text-align: center !important;
-       display: block !important;
-   }
-
-   /* معالجة صندوق السلايدر */
-   div.svelte-633qhp {
-       border-radius: 12px !important;
-       background: transparent !important;
-       border: 1px solid #e5e7eb !important;
-       box-shadow: none !important;
-   }
-
-   /* لون السلايدر */
-   input[type="range"] {
-       accent-color: #5046e5 !important;
-   }
-
-   /* مربع القيم */
-   input[type="number"].svelte-10lj3xl.svelte-10lj3xl {
-       background: #28ae66 !important;
-       color: white !important;
-       font-weight: bold !important;
-       font-size: 1.1em !important;
-       border-radius: 8px !important;
-       border: none !important;
-       padding: 4px 8px !important;
-   }
-
-   /* تصحيح خلفية البلوكات */
-   .block.svelte-11xb1hd.padded, .block.svelte-11xb1hd {
-       background: #ffffff !important;
-   }
-   .wrap.svelte-1rjydqp {
-       background: #ffffff !important;
-   }
-
-   /* تصحيح لون وشكل مربع النص */
-   label.container.show_textbox_border.svelte-173056l input.svelte-173056l, 
-   label.container.show_textbox_border.svelte-173056l textarea.svelte-173056l {
-       background-color: #f8f9fa !important;
-       border: 1px solid #e9ecef !important;
-       border-radius: 12px !important;
-   }
-
-   /* تصحيح لون النص في العنوان */
-   .gradio-container-5-9-0 .prose h1, 
-   .gradio-container-5-9-0 .prose h2, 
-   .gradio-container-5-9-0 .prose h3, 
-   .gradio-container-5-9-0 .prose h4, 
-   .gradio-container-5-9-0 .prose h5 {
-       color: #000000 !important;
-       font-weight: bold !important;
-   }
-   """,
-   inputs=[
-       gr.Textbox(lines=8, label="النص"),
-       gr.Slider(50, 250, value=150, label="طول الملخص"),
-       gr.Slider(1, 10, value=7, step=1, label="دقة التلخيص (num_beams)"),
-       gr.Slider(0.1, 2.0, value=0.8, step=0.1, label="معامل الطول (length_penalty)")
-   ],
-   outputs=gr.Textbox(label="الملخص"),
-   title="ملخص النصوص الفلسفية",
-   submit_btn="تلخيص",
-   clear_btn="مسح"
+    fn=summarize,
+    inputs=[
+        gr.Textbox(lines=8, label="النص"), # النص الأصلي
+        gr.Slider(50, 250, value=150, label="طول الملخص"), # max_length
+        gr.Slider(1, 10, value=7, step=1, label="دقة التلخيص (num_beams)"), # num_beams
+        gr.Slider(0.1, 2.0, value=0.8, step=0.1, label="معامل الطول (length_penalty)") # length_penalty
+    ],
+    outputs=gr.Textbox(label="الملخص"), # النص الملخص
+    title="ملخص النصوص الفلسفية",
+    description="نموذج لتلخيص النصوص الفلسفية باللغة العربية مع إعدادات متقدمة",
+    css="style.css", # ربط ملف الستايل الخارجي
+    submit_btn="تلخيص",  # تغيير زر Submit
+    clear_btn="مسح"      # تغيير زر Clear
 )
 
 # تشغيل التطبيق