Update app.py

app.py

@@ -149,16 +149,16 @@ CUSTOM_CSS = ".gradio-container {max-width: 100% !important;}"
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), css=CUSTOM_CSS) as demo:
     session_id_state = gr.State(value=None)
     
-    gr.Markdown("# 🚗 واجهة التحكم لنظام Baseer للقيادة الذاتية")
-    gr.Markdown("هذه الواجهة تعمل كـ **عميل (Client)** يتصل بـ **[Baseer Self-Driving API](https://huggingface.co/spaces/BaseerAI/baseer-server)** لمعالجة البيانات.")
+    gr.Markdown("# 🚗 Baseer Self-Driving System Dashboard")
+    gr.Markdown("This interface acts as a **client** that connects to the **[Baseer Self-Driving API](https://huggingface.co/spaces/BaseerAI/baseer-server)** for data processing.")
     gr.Markdown("---")
 
     with gr.Group():
-        gr.Markdown("## ⚙️ التحكم بالجلسة")
+        gr.Markdown("## ⚙️ Session Control")
         with gr.Row():
-            start_session_button = gr.Button("🟢 بدء جلسة جديدة", variant="primary")
-            end_session_button = gr.Button("🔴 إنهاء الجلسة الحالية")
-        status_textbox = gr.Textbox(label="حالة الجلسة", interactive=False, value="في انتظار بدء الجلسة...")
+            start_session_button = gr.Button("🟢 Start New Session", variant="primary")
+            end_session_button = gr.Button("🔴 End Current Session")
+        status_textbox = gr.Textbox(label="Session Status", interactive=False, value="Waiting to start session...")
 
     gr.Markdown("")
 
@@ -166,58 +166,48 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="sky"), cs
         with gr.Row(equal_height=False):
             with gr.Column(scale=2):
                 with gr.Group():
-                    gr.Markdown("### 🗂️ ارفع ملفات السيناريو")
-                    api_rgb_image_path = gr.Image(type="filepath", label="(RGB)")
-                    api_measurements_path = gr.File(label="(JSON)", type="filepath")
-                    api_run_button = gr.Button("🚀 أرسل البيانات للمعالجة", variant="primary")
+                    gr.Markdown("### 🗂️ Upload Scenario Files")
+                    api_rgb_image_path = gr.Image(type="filepath", label="(RGB Image)")
+                    api_measurements_path = gr.File(label="(Measurements JSON)", type="filepath")
+                    api_run_button = gr.Button("🚀 Send Data for Processing", variant="primary")
                 
                 with gr.Group():            
-                    gr.Markdown("### ✨ أمثلة جاهزة")
+                    gr.Markdown("### ✨ Preloaded Examples")
                     if SAMPLES_FOR_DISPLAY:
-                        # --- دالة التحديد ---
                         def on_example_select(evt: gr.SelectData):
-                            # 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 مع إخفاء المكونات ---
-                    with gr.Column(visible=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="الهدف")
+                    
+                    with gr.Column(visible=False):
+                        example_image = gr.Image(label="Image", type="filepath")
+                        example_speed = gr.Textbox(label="Speed")
+                        example_theta = gr.Textbox(label="Direction (theta)")
+                        example_position = gr.Textbox(label="Position")
+                        example_target = gr.Textbox(label="Target Point")
                     
                         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=example_components,
                             samples=SAMPLES_FOR_DISPLAY,
-                            label="اختر سيناريو اختبار"
+                            label="Select Test Scenario"
                         )
                         
-                        # --- ربط حدث التحديد بالدالة ---
                         example_dataset.select(
                             fn=on_example_select, 
                             inputs=None, 
                             outputs=[api_rgb_image_path, api_measurements_path]
                         )
                     else:
-                        gr.Markdown("لم يتم العثور على أمثلة صالحة.")
+                        gr.Markdown("No valid examples found.")
 
-           
             with gr.Column(scale=3):
                 with gr.Group():
-                    gr.Markdown("### 📊 النتائج من الخادم")
-                    api_output_image = gr.Image(label="لوحة التحكم المرئية (من الـ API)", type="pil", interactive=False, height=600)
-                    api_control_json = gr.JSON(label="أوامر التحكم (من الـ API)")
+                    gr.Markdown("### 📊 Results from API")
+                    api_output_image = gr.Image(label="Dashboard Image (from API)", type="pil", interactive=False, height=600)
+                    api_control_json = gr.JSON(label="Control Commands (from API)")
+
         
     start_session_button.click(fn=start_new_session, inputs=None, outputs=[session_id_state, status_textbox, main_controls_group])
     end_session_button.click(fn=handle_end_session, inputs=[session_id_state], outputs=[status_textbox, session_id_state, main_controls_group])