Update app.py

app.py

@@ -127,23 +127,60 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
                 with gr.Group():
                     gr.Markdown("## 🗂️ ارفع ملفات السيناريو")
                     
-                    # --- [هذا هو السطر الذي تم تعديله] ---
+                    # استخدام gr.Image لعرض الصور المصغرة في الأمثلة
                     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")
+
                 with gr.Group():
                     gr.Markdown("### ✨ أمثلة جاهزة")
-                    if os.path.isdir(EXAMPLES_DIR):
+                    # التحقق من وجود مجلد الأمثلة لتجنب الأخطاء
+                    if os.path.isdir(EXAMPLES_DIR) and \
+                       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)
+                        
+                        # قراءة بيانات المثال الثاني
+                        with open(os.path.join(EXAMPLES_DIR, "sample2", "measurements.json"), 'r') as f:
+                            data2 = json.load(f)
+
                         gr.Examples(
                             examples=[
-                                [os.path.join(EXAMPLES_DIR, "sample1", "rgb.jpg"), os.path.join(EXAMPLES_DIR, "sample1", "measurements.json")],
-                                [os.path.join(EXAMPLES_DIR, "sample2", "rgb.jpg"), os.path.join(EXAMPLES_DIR, "sample2", "measurements.json")]
+                                # بيانات المثال الأول
+                                [
+                                    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')]) # القيمة للعمود الإضافي الثاني
+                                ],
+                                # بيانات المثال الثاني
+                                [
+                                    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')])
+                                ]
                             ],
-                            inputs=[api_rgb_image_path, api_measurements_path],
-                            label="اختر سيناريو اختبار"
+                            # --- [تعديل 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):
@@ -153,6 +190,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
                     api_control_json = gr.JSON(label="أوامر التحكم (��ن الـ API)")
 
     # --- ربط منطق الواجهة ---
+    # هذا الجزء لا يحتاج إلى تعديل
     start_session_button.click(
         fn=start_new_session,
         inputs=None,
@@ -170,6 +208,5 @@ 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)