different design

app.py

@@ -186,7 +186,7 @@ def create_demo():
             # Left panel - Controls
             with gr.Column(scale=1, elem_classes="control-panel"):
                 # Upload area with styling
-                with gr.Box(elem_classes="upload-box"):
+                with gr.Column(elem_classes="upload-box"):
                     upload_button = gr.UploadButton(
                         "📷 Upload Images", 
                         file_types=["image"], 
@@ -196,7 +196,7 @@ def create_demo():
                     gr.Markdown("*Drag and drop or click to upload multiple images*")
                 
                 # Options card
-                with gr.Box(elem_classes="model-card"):
+                with gr.Column(elem_classes="model-card"):
                     gr.Markdown("### Model Settings")
                     
                     # Model selection dropdown
@@ -230,32 +230,27 @@ def create_demo():
                     gr.Markdown("### Response Length")
                     with gr.Row(elem_classes="length-selector"):
                         length_choice = gr.Radio(
-                            choices=[
-                                ("Short (max 130 chars)", "short"),
-                                ("Medium (250-300 chars)", "medium"),
-                                ("Long (max 450 chars)", "long")
-                            ],
-                            label="",
+                            choices=["short", "medium", "long"],
+                            label="Response Length",
                             value="medium",
-                            show_label=False
+                            info="Short: max 130 chars | Medium: 250-300 chars | Long: max 450 chars"
                         )
                 
                 # Image preview gallery
-                with gr.Box(elem_classes="gallery-container"):
+                with gr.Column(elem_classes="gallery-container"):
                     gr.Markdown("### Uploaded Images")
                     input_gallery = gr.Gallery(
                         label="",
                         columns=3, 
                         height=180,
-                        object_fit="contain",
-                        allow_preview=True
+                        object_fit="contain"
                     )
                     
                     # Analysis button
                     analyze_button = gr.Button("🔍 Analyze Images", variant="primary", size="lg")
                 
                 # CSV Download section
-                with gr.Box(visible=False, elem_id="download-section", elem_classes="model-card") as download_section:
+                with gr.Column(visible=False, elem_id="download-section", elem_classes="model-card") as download_section:
                     gr.Markdown("### Download Results")
                     csv_download = gr.File(label="CSV Results", elem_id="csv-download")
                 
@@ -265,7 +260,7 @@ def create_demo():
                 
             # Right panel - Results display
             with gr.Column(scale=2, elem_classes="results-panel"):
-                with gr.Box(elem_classes="result-container"):
+                with gr.Column(elem_classes="result-container"):
                     # Progress indicator
                     with gr.Row(elem_id="progress-container", visible=False) as progress_container:
                         with gr.Column():
@@ -338,12 +333,7 @@ def create_demo():
                 return [], [], 0, "", "No images uploaded", "", gr.update(visible=False)
             
             # Get system prompt based on length selection
-            if isinstance(length_choice, tuple):
-                length_value = length_choice[1]  # Extract the value part
-            else:
-                length_value = length_choice
-                
-            sys_prompt = get_sys_prompt(length_value)
+            sys_prompt = get_sys_prompt(length_choice)
             
             image_results = []
             
@@ -359,10 +349,8 @@ def create_demo():
                     img = Image.open(image_path)
                     prompt0 = prompt_new()
                     
-                    # Extract model name
+                    # Use model_choice directly since it's the internal value
                     model_name = model_choice
-                    if isinstance(model_choice, tuple):
-                        model_name = model_choice[1]
                     
                     # Check if this is one of the Gemini models
                     is_gemini_model = "gemini-2.5-pro" in model_name or "gemini-2.0-flash-thinking" in model_name