Update app.py

app.py

@@ -783,15 +783,16 @@ def create_interface():
                 # Input image upload component
                 input_image = gr.Image(
                     label="📸 Upload Your Image",
-                    type="pil"
+                    type="pil",
+                    height=350
                 )
                 
                 # Prompt input
                 user_prompt = gr.Textbox(
                     label="💬 Describe Your Vision",
                     placeholder="Describe your desired retouching style... (e.g., 'I want a dreamy, romantic sunset vibe with soft, warm colors')",
-                    lines=3,
-                    max_lines=5
+                    lines=6,
+                    max_lines=8
                 )
                 
                 # Process button
@@ -801,6 +802,10 @@ def create_interface():
                     size="lg"
                 )
                 
+                # Add some spacing to match right column height
+                gr.Markdown("")  # Empty space
+                gr.Markdown("")  # Empty space
+                
                 
             with gr.Column(scale=1):
                 # Chat interface to show analysis
@@ -820,7 +825,7 @@ def create_interface():
                 )
                 
                 # Lightroom import guide (collapsible)
-                with gr.Accordion("🎨 Click to see how to use Lightroom Presets", open=False):
+                with gr.Accordion("🎨 How to use Lightroom Presets:", open=True):
                     gr.Markdown("""
                     ### How to Import Lightroom Presets:
                     
@@ -899,6 +904,21 @@ def create_interface():
             padding: 12px;
             border: 1px solid #dee2e6;
         }
+        .card-header-btn {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+            color: white !important;
+            border: none !important;
+            border-radius: 12px !important;
+            margin-bottom: 20px !important;
+            font-weight: bold !important;
+            font-size: 1.1em !important;
+            width: 100% !important;
+            transition: all 0.3s ease !important;
+        }
+        .card-header-btn:hover {
+            transform: translateY(-1px) !important;
+            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
+        }
         </style>
         """)
         
@@ -906,12 +926,23 @@ def create_interface():
         examples_data = load_examples_data()
         
         if examples_data:
+            # Store click buttons for event binding
+            example_buttons = []
+            
             # Create card-style layout for each example
             for i, example in enumerate(examples_data):
-                # Card container
+                # Card container - make it clickable
                 with gr.Column(elem_classes="example-card"):
-                    # Card header
-                    gr.HTML(f'<div class="card-header">🎨 Example {example["id"]}</div>')
+                    # Card header with click functionality
+                    card_click_btn = gr.Button(
+                        f"🎨 Example {example['id']} - Click to Use",
+                        variant="secondary",
+                        size="lg",
+                        elem_classes="card-header-btn"
+                    )
+                    
+                    # Store button and example data for later binding
+                    example_buttons.append((card_click_btn, example))
                     
                     # Card content
                     with gr.Row():
@@ -1107,6 +1138,21 @@ def create_interface():
             lambda: (10240, 50, 0.8, 0.7),
             outputs=[max_new_tokens, top_k, top_p, temperature]
         )
+        
+        # Bind example card click events
+        if 'example_buttons' in locals() and example_buttons:
+            for card_btn, example in example_buttons:
+                def create_click_handler(ex):
+                    def handler():
+                        image_path = ex['original_image'] if ex['original_image'] else None
+                        prompt_text = ex['user_prompt'] if ex['user_prompt'] else ""
+                        return image_path, prompt_text
+                    return handler
+                
+                card_btn.click(
+                    fn=create_click_handler(example),
+                    outputs=[input_image, user_prompt]
+                )
     
     return demo
 if __name__ == "__main__":