Update app.py

app.py

@@ -179,19 +179,30 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
                             # evt.index هو رقم الصف الذي تم الضغط عليه
                             selected_example = FULL_EXAMPLES_DATA[evt.index]
                             return gr.update(value=selected_example["img_path"]), gr.update(value=selected_example["json_path"])
-
-                        # --- استخدام gr.Dataset ---
+                        
+                    # --- استخدام gr.Dataset مع إخفاء المكونات ---
+                    with gr.Accordion("📝 تفاصيل السيناريو المحدد", open=False):  # المكونات التي تظهر فوق الجدول سيتم طيّها داخل هذا الـ Accordion
+                        example_image = gr.Image(label="الصورة", type="filepath")
+                        example_speed = gr.Textbox(label="السرعة")
+                        example_theta = gr.Textbox(label="الاتجاه")
+                        example_position = gr.Textbox(label="الموقع")
+                        example_target = gr.Textbox(label="الهدف")
+                    
+                        example_components = [example_image, example_speed, example_theta, example_position, example_target]
+                    
+                    if SAMPLES_FOR_DISPLAY:
+                        # --- دالة التحديد ---
+                        def on_example_select(evt: gr.SelectData):
+                            selected_example = FULL_EXAMPLES_DATA[evt.index]
+                            return gr.update(value=selected_example["img_path"]), gr.update(value=selected_example["json_path"])
+                    
+                        # --- الجدول بدون عرض المكونات العلوية بشكل مزعج ---
                         example_dataset = gr.Dataset(
-                            components=[
-                                gr.Image(label="الصورة", type="filepath"),
-                                gr.Textbox(label="السرعة"),
-                                gr.Textbox(label="الاتجاه"),
-                                gr.Textbox(label="الموقع"),
-                                gr.Textbox(label="الهدف")
-                            ],
+                            components=example_components,
                             samples=SAMPLES_FOR_DISPLAY,
                             label="اختر سيناريو اختبار"
                         )
+                        
                         # --- ربط حدث التحديد بالدالة ---
                         example_dataset.select(
                             fn=on_example_select, 
@@ -200,6 +211,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
                         )
                     else:
                         gr.Markdown("لم يتم العثور على أمثلة صالحة.")
+
            
             with gr.Column(scale=3):
                 with gr.Group():