Update app.py

app.py

@@ -35,24 +35,57 @@ def create_inspiring_line(future, value, skill):
         return f"⚠️ حدث خطأ أثناء التوليد: {e}"
 
 # 🎨 تصميم الواجهة
+import os
+import gradio as gr
+from openai import OpenAI
+
+# 🔑 المفتاح
+client = OpenAI(api_key=os.getenv("OPENAI_API_KEY", "YOUR_API_KEY"))
+
+def create_inspiring_line(future, value, skill):
+    if not future or not value or not skill:
+        return "⚠️ رجاءً أجيبي على جميع الحقول."
+
+    prompt = f"""
+    اكتب جملة عربية قصيرة جدًا (لا تتجاوز 12 كلمة)، 
+    تكون ملهمة وإبداعية، وتعبّر عن شخصية طموحة تسعى لأن تصبح {future}،
+    وتؤمن بـ {value}، وتمتلك مهارة {skill}.
+    لا تكرر الكلمات المدخلة حرفيًا، بل استخدم المعنى بطريقة فنية وملهمة.
+    اجعل الجملة تبدو كأنها شعار أو ومضة تحفيز تُكتب على لوحة الإلهام.
+    """
+
+    try:
+        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()
+        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.HTML("""
-        <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin-top:20px;">
-            <img src="https://i.imgur.com/n7yR2tE.png" alt="شعار Eng.Reem" width="130" style="border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,0.1); margin-bottom:15px;">
-            <h1 style="color:#3b5f3b; font-family:'Tajawal', sans-serif;">💫 صناع الأثر</h1>
-            <p style="color:#4b6043; font-size:18px;">حيث تتحول الأحلام إلى ومضات من الإلهام والإبداع ✨</p>
+        <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin-top:25px;">
+            <img src="https://i.imgur.com/n7yR2tE.png" alt="شعار Eng.Reem" width="180" height="180" style="object-fit:cover; border-radius:15px; box-shadow:0 4px 20px rgba(0,0,0,0.15); margin-bottom:15px;">
+            <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="مثلاً: أن أكون مهندسة تلهم الابتكار")
-            value = 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=3)
+            output = gr.Textbox(label=" ومضتك الإبداعية", lines=3)
 
     submit.click(fn=create_inspiring_line, inputs=[future, value, skill], outputs=output)
 
@@ -63,4 +96,4 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="green", secondary_hue="teal"))
     """)
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()