Update app.py

app.py

@@ -1,101 +1,45 @@
 import os
 import gradio as gr
+from openai import OpenAI
 
-# =============================================
-# توليد الجمل الملهمة (بدون API)
-# =============================================
+
+client = OpenAI(api_key=os.getenv("OPENAI_API_KEY"))
+
+logo_file = "logo.jpg" 
 
 def create_inspiring_line(future, value, skill):
     if not future or not value or not skill:
         return "⚠️ رجاءً أجيبي على جميع الحقول."
-    
-    # أنماط متعددة للجمل الملهمة
-    styles = [
-        f"من {value} تولد {future}، وبمهارة {skill} ترتقين إلى القمة",
-        f"كوني أنتِ من يجمع بين {value} و{skill} ليصنع {future} استثنائياً",
-        f"في {future} الحقيقي، تجدين {value} كبوصلة و{skill} كجناحين",
-        f"بين {future} و{value} يكمن سر {skill}، وهذا هو التميز",
-        f"{future} يبدأ بـ {value} ويكتمل بـ {skill}، لتتركي أثراً لا يُنسى",
-        f"قوة {future} تكمن في {value}، ومهارة {skill} تجعله حقيقة",
-        f"رحلة {future} تحتاج {value} كوقود و{skill} كخريطة طريق",
-        f"{future} هي حلمك، {value} هي رسالتك، {skill} هي إنجازك",
-        f"بـ {value} و{skill} تستطيعين تحويل {future} إلى واقع ملموس",
-        f"امتلاك {skill} مع الإيمان بـ {value} يصنع {future} لا يُقاوم",
-        f"مستقبلك {future} يبنى على {value} وينمو بـ {skill}",
-        f"أنتِ مزيج من {value} و{skill}، وهذا هو طريقك إلى {future}"
-    ]
-    
-    decorations = ["✨", "💫", "🌟", "⭐", "🔥", "💡", "🎯", "🌱"]
-    
-    import random
-    chosen_style = random.choice(styles)
-    chosen_decoration = random.choice(decorations)
-    
-    return f"{chosen_decoration} {chosen_style}"
-
-
-# =============================================
-# واجهة Gradio (RTL - من اليمين لليسار)
-# =============================================
 
-with gr.Blocks(
-    theme=gr.themes.Soft(primary_hue="green", secondary_hue="teal"),
-    css="""
-        /* جعل كل النصوص من اليمين لليسار */
-        * {
-            direction: rtl !important;
-            text-align: right !important;
-        }
-        
-        /* تنسيق الـ Textbox */
-        .gr-textbox {
-            direction: rtl !important;
-            text-align: right !important;
-        }
-        
-        .gr-textbox textarea {
-            direction: rtl !important;
-            text-align: right !important;
-        }
-        
-        /* تنسيق الـ Label */
-        label {
-            text-align: right !important;
-            display: block !important;
-            width: 100% !important;
-        }
-        
-        /* تنسيق الأزرار */
-        .gr-button {
-            direction: rtl !important;
-        }
-        
-        /* تنسيق الأمثلة */
-        .gr-examples {
-            direction: rtl !important;
-        }
-        
-        /* تنسيق الـ Container */
-        .gradio-container {
-            direction: rtl !important;
-        }
-        
-        /* تنسيق الـ Row */
-        .gr-row {
-            direction: rtl !important;
-        }
-        
-        /* تنسيق الـ Column */
-        .gr-column {
-            direction: rtl !important;
-        }
+    prompt = f"""
+    اكتب جملة عربية قصيرة جدًا (لا تتجاوز 12 كلمة)، 
+    تكون ملهمة وإبداعية، وتعبّر عن شخصية طموحة تسعى لأن تصبح {future}،
+    وتؤمن بـ {value}، وتمتلك مهارة {skill}.
+    لا تكرر الكلمات المدخلة حرفيًا، بل استخدم المعنى بطريقة فنية وملهمة.
+    اجعل الجملة تبدو كأنها شعار أو ومضة تحفيز تُكتب على لوحة الإلهام.
     """
-) as demo:
-    
-    # ===== الشعار =====
+
     try:
-        gr.Image(
-            value="logo.jpg",
+        response = client.responses.create(
+            model="gpt-4.1-mini",
+            input=prompt,
+            temperature=1.0,  
+            max_output_tokens=40,
+        )
+
+        text = response.output[0].content[0].text.strip()
+        # تنظيف محتوى الرد من أي فواصل أو مقدمات
+        text = text.replace("•", "").replace("-", "").replace(":", "").strip()
+        return text or "✨ لم يتم توليد جملة هذه المرة، أعيدي المحاولة."
+
+    except Exception as e:
+        return f"⚠️ حدث خطأ أثناء التوليد: {e}"
+
+
+#  واجهة  
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="green", secondary_hue="teal")) as demo:
+    gr.Image(
+            value=logo_file,  
             label=None,
             show_label=False,
             show_download_button=False,
@@ -103,78 +47,30 @@ with gr.Blocks(
             elem_id="logo",
             height=180,
         )
-    except:
-        pass
-    
-    # ===== الهيدر =====
     gr.HTML("""
         <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin-top:25px;">
-            <h1 style="color:#2f5233; font-family:'Tajawal', sans-serif; font-size:30px; text-align:center;">💫 صناع الأثر</h1>
-            <p style="color:#4b6043; font-size:18px; text-align:center;">حيث تتحول الأحلام إلى ومضاتٍ من الإلهام والإبداع</p>
+            <h1 style="color:#2f5233; font-family:'Tajawal', sans-serif; font-size:30px;">💫 صناع الأثر</h1>
+            <p style="color:#4b6043; font-size:18px;">حيث تتحول الأحلام إلى ومضاتٍ من الإلهام والإبداع </p>
         </div>
     """)
-    
-    # ===== المحتوى الرئيسي =====
+
     with gr.Row():
         with gr.Column(scale=1):
-            future = gr.Textbox(
-                label="🌱 حلمك المستقبلي",
-                placeholder="مثلاً: أن أكون مهندسة تلهم الابتكار",
-                lines=2,
-                elem_id="future_input"
-            )
-            value = gr.Textbox(
-                label="💎 الأثر الذي تريد تركه",
-                placeholder="مثلاً: تحويل الخيال لواقع",
-                lines=2,
-                elem_id="value_input"
-            )
-            skill = gr.Textbox(
-                label="🚀 مهارتك المميزة",
-                placeholder="مثلاً: التحليل الإبداعي وحل المشكلات",
-                lines=2,
-                elem_id="skill_input"
-            )
-            submit = gr.Button("✨ أنشئ جملتك الملهمة", variant="primary", size="lg")
+            future = gr.Textbox(label=" حلمك المستقبلي", placeholder="مثلاً: أن أكون مهندسة تلهم الابتكار")
+            value = gr.Textbox(label=" الأثر الذي تريد تركه", placeholder="مثلاً: تحويل الخيال لواقع ")
+            skill = gr.Textbox(label=" مهارتك المميزة", placeholder="مثلاً: التحليل الإبداعي وحل المشكلات")
+            submit = gr.Button("✨ أنشئ جملتك الملهمة")
 
         with gr.Column(scale=1):
-            output = gr.Textbox(
-                label="💫 ومضتك الإبداعية",
-                lines=5,
-                placeholder="ستظهر هنا جملتك الملهمة...",
-                show_copy_button=True,
-                elem_id="output_box"
-            )
-    
-    # ===== أمثلة سريعة =====
-    gr.Markdown("### 📝 أمثلة لتجربتها:")
-    
-    gr.Examples(
-        examples=[
-            ["أكون مهندسة تلهم الابتكار", "تحويل الخيال لواقع", "التحليل الإبداعي وحل المشكلات"],
-            ["أكون طبيبة مبدعة", "إنقاذ الأرواح", "التشخيص الدقيق"],
-            ["أكون معلمة ملهمة", "بناء الأجيال", "التواصل الفعال"],
-            ["أكون رائدة أعمال", "تغيير المجتمع", "القيادة والابتكار"],
-        ],
-        inputs=[future, value, skill],
-        outputs=output,
-        fn=create_inspiring_line,
-        label=""
-    )
-    
-    # ===== الفوتر =====
+            output = gr.Textbox(label=" ومضتك الإبداعية", lines=3)
+
+    submit.click(fn=create_inspiring_line, inputs=[future, value, skill], outputs=output)
+
     gr.HTML("""
         <div style="text-align:center; margin-top:30px; color:#768a6c;">
-            <p>© 2025 Eng. Reem Algethami | AI & Creativity</p>
+            <p>© 2025 Eng. Reem Algethami | AI & Creativity </p>
         </div>
     """)
-    
-    # ===== ربط الزر بالدالة =====
-    submit.click(fn=create_inspiring_line, inputs=[future, value, skill], outputs=output)
-
 
 if __name__ == "__main__":
-    demo.launch(
-        server_name="0.0.0.0",
-        server_port=7860
-    )
+    demo.launch()