Update app.py

app.py

@@ -41,8 +41,10 @@ def start_new_session():
         session_id = session_data.get("session_id")
         if not session_id:
             raise gr.Error("لم يتمكن الخادم من بدء جلسة جديدة.")
-        status_message = f"تم بدء جلسة جديدة بنجاح: {session_id}"
-        print(status_message)
+        
+        # --- [تحسين] رسالة أكثر وضوحاً ---
+        status_message = f"✅ تم بدء جلسة جديدة بنجاح. أنت الآن متصل بالخادم."
+        print(f"Session started successfully: {session_id}")
         return session_id, status_message, gr.update(visible=True)
     except requests.exceptions.RequestException as e:
         error_message = f"فشل الاتصال بخادم الـ API: {e}"
@@ -52,16 +54,16 @@ def start_new_session():
 def handle_end_session(session_id):
     """ينهي الجلسة الحالية على الخادم."""
     if not session_id:
-        # إذا لم تكن هناك جلسة، فقط حدث الواجهة
         return "لا توجد جلسة نشطة لإنهائها.", None, gr.update(visible=False)
     
     print(f"Requesting to end session: {session_id}")
     try:
         response = requests.post(f"{API_END_SESSION_URL}?session_id={session_id}", timeout=30)
         response.raise_for_status()
-        status_message = f"تم إنهاء الجلسة {session_id} بنجاح."
+        
+        # --- [تحسين] رسالة أكثر وضوحاً ---
+        status_message = f"🔌 تم إنهاء الجلسة بنجاح. انقطع الاتصال بالخادم."
         print(status_message)
-        # إعادة تعيين معرف الجلسة وإخفاء الواجهة
         return status_message, None, gr.update(visible=False)
     except requests.exceptions.RequestException as e:
         error_message = f"حدث خطأ أثناء إنهاء الجلسة: {e}"
@@ -113,6 +115,8 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
     gr.Markdown("# 🚗 واجهة التحكم لنظام Baseer للقيادة الذاتية")
     gr.Markdown("هذه الواجهة تعمل كـ **عميل (Client)** يتصل بـ **[Baseer Self-Driving API](https://huggingface.co/spaces/BaseerAI/baseer-server)** لمعالجة البيانات.")
 
+    gr.Markdown("---") # <-- فاصل لتحسين الشكل
+
     with gr.Group():
         gr.Markdown("## ⚙️ التحكم بالجلسة")
         with gr.Row():
@@ -120,25 +124,21 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
             end_session_button = gr.Button("🔴 إنهاء الجلسة الحالية")
         status_textbox = gr.Textbox(label="حالة الجلسة", interactive=False, value="في انتظار بدء الجلسة...")
 
+    gr.Markdown("") # <-- فاصل لتحسين الشكل
+
     with gr.Group(visible=False) as main_controls_group:
         with gr.Row():
             # -- العمود الأيسر: الإعدادات والمدخلات --
-            with gr.Column(scale=1):
+            with gr.Column(scale=2): # <-- توزيع وزن للأعمدة
                 with gr.Group():
-                    gr.Markdown("## 🗂️ ارفع ملفات السيناريو")
-                    
-                    # استخدام gr.Image لعرض الصور المصغرة في الأمثلة
+                    gr.Markdown("### 🗂️ ارفع ملفات السيناريو")
                     api_rgb_image_path = gr.Image(type="filepath", label="صورة الكاميرا الأمامية (RGB)")
                     api_measurements_path = gr.File(label="ملف القياسات (JSON)", type="filepath")
                     api_target_point_list = gr.JSON(label="📍 النقطة المستهدفة (x, y) بالنسبة للسيارة", value=[0.0, 100.0])
                     api_run_button = gr.Button("🚀 أرسل البيانات للمعالجة", variant="primary")
 
-                    # --- [تعديل 1] إضافة مكونات نصية مخفية ---
-                    # هذه المكونات لن تظهر في الواجهة الرئيسية، ولكنها ستظهر كأعمدة في الأمثلة
-                    with gr.Row(visible=False):
-                        example_speed = gr.Textbox(label="Speed")
-                        example_pos = gr.Textbox(label="Position")
-
+                gr.Markdown("") # <-- فاصل
+                
                 with gr.Group():
                     gr.Markdown("### ✨ أمثلة جاهزة")
                     # التحقق من وجود مجلد الأمثلة لتجنب الأخطاء
@@ -146,7 +146,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
                        os.path.exists(os.path.join(EXAMPLES_DIR, "sample1", "measurements.json")) and \
                        os.path.exists(os.path.join(EXAMPLES_DIR, "sample2", "measurements.json")):
                         
-                        # --- [تعديل 2] ��وسيع قائمة الأمثلة ---
                         # قراءة بيانات المثال الأول
                         with open(os.path.join(EXAMPLES_DIR, "sample1", "measurements.json"), 'r') as f:
                             data1 = json.load(f)
@@ -154,42 +153,42 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
                         # قراءة بيانات المثال الثاني
                         with open(os.path.join(EXAMPLES_DIR, "sample2", "measurements.json"), 'r') as f:
                             data2 = json.load(f)
+                        
+                        # مكونات نصية مخفية لإظهار البيانات في الأعمدة
+                        with gr.Row(visible=False):
+                            example_speed = gr.Textbox(label="Speed")
+                            example_pos = gr.Textbox(label="Position")
 
                         gr.Examples(
                             examples=[
-                                # بيانات المثال الأول
                                 [
                                     os.path.join(EXAMPLES_DIR, "sample1", "rgb.jpg"), 
                                     os.path.join(EXAMPLES_DIR, "sample1", "measurements.json"),
-                                    str(data1.get('speed', 'N/A')), # القيمة للعمود الإضافي الأول
-                                    str([data1.get('x', 'N/A'), data1.get('y', 'N/A')]) # القيمة للعمود الإضافي الثاني
+                                    str(round(data1.get('speed', 0), 2)), 
+                                    str([round(data1.get('x', 0), 2), round(data1.get('y', 0), 2)])
                                 ],
-                                # بيانات المثال الثاني
                                 [
                                     os.path.join(EXAMPLES_DIR, "sample2", "rgb.jpg"),
                                     os.path.join(EXAMPLES_DIR, "sample2", "measurements.json"),
-                                    str(data2.get('speed', 'N/A')),
-                                    str([data2.get('x', 'N/A'), data2.get('y', 'N/A')])
+                                    str(round(data2.get('speed', 0), 2)),
+                                    str([round(data2.get('x', 0), 2), round(data2.get('y', 0), 2)])
                                 ]
                             ],
-                            # --- [تعديل 3] ربط البيانات بالمكونات ---
                             inputs=[api_rgb_image_path, api_measurements_path, example_speed, example_pos],
                             label="اختر سيناريو اختبار",
-                            # تغيير عناوين الأعمدة
+                            headers=["صورة الكاميرا", "ملف القياسات", "السرعة (m/s)", "الإحداثيات"]
                         )
                     else:
                         gr.Markdown("لم يتم العثور على مجلد الأمثلة (`examples`) أو محتوياته.")
 
-
             # -- العمود الأيمن: المخرجات --
-            with gr.Column(scale=2):
+            with gr.Column(scale=3): # <-- توزيع وزن للأعمدة
                 with gr.Group():
-                    gr.Markdown("## 📊 النتائج من الخادم")
-                    api_output_image = gr.Image(label="لوحة التحكم المرئية (من الـ API)", type="pil", interactive=False)
+                    gr.Markdown("### 📊 النتائج من الخادم")
+                    api_output_image = gr.Image(label="لوحة التحكم المرئية (من الـ API)", type="pil", interactive=False, height=600)
                     api_control_json = gr.JSON(label="أوامر التحكم (من الـ API)")
 
     # --- ربط منطق الواجهة ---
-    # هذا الجزء لا يحتاج إلى تعديل
     start_session_button.click(
         fn=start_new_session,
         inputs=None,
@@ -207,5 +206,6 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
         inputs=[session_id_state, api_rgb_image_path, api_measurements_path, api_target_point_list],
         outputs=[api_output_image, api_control_json],
     )
+
 if __name__ == "__main__":
     demo.queue().launch(debug=True)