Update app.py

app.py

@@ -71,7 +71,15 @@ translations = {
     }
 }
 
-def clean_bird_name(name):
+    # Example images configuration
+    EXAMPLE_IMAGES = [
+        {"path": "image.jpg", "name": "Example Bird 1"},
+        {"path": "image1.webp", "name": "Example Bird 2"}, 
+        {"path": "image2.jpg", "name": "Example Bird 3"},
+        {"path": "image3.jpg", "name": "Example Bird 4"}
+    ]
+
+    def clean_bird_name(name):
     """Clean bird name by removing numbers and special characters, and fix formatting"""
     # Remove numbers and dots at the beginning
     cleaned = re.sub(r'^\d+\.', '', name)
@@ -576,6 +584,21 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
     with gr.Row():
         with gr.Column(scale=1):
             input_image = gr.Image(type="pil", label=translations['en']['upload_label'])
+            
+            # Example images section
+            example_header = gr.Markdown(f"### {translations['en']['example_images']}")
+            
+            # Create example image buttons in a grid
+            with gr.Row():
+                example_buttons = []
+                for i, example in enumerate(EXAMPLE_IMAGES):
+                    btn = gr.Button(
+                        f"{translations['en']['try_example']} {i+1}",
+                        variant="secondary",
+                        size="sm"
+                    )
+                    example_buttons.append(btn)
+            
             submit_btn = gr.Button(translations['en']['identify_button'], variant="primary")
         
         with gr.Column(scale=2):
@@ -635,6 +658,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             f"# {t['app_title']}", 
             f"{t['app_description']}", 
             t['upload_label'],
+            f"### {t['example_images']}",
             t['identify_button'],
             t['predictions_label'],
             t['bird_info_label'],
@@ -642,9 +666,25 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             t['question_label'],
             t['question_placeholder'],
             t['submit_question'],
-            t['clear_conversation']
+            t['clear_conversation'],
+            # Update example button labels
+            *[f"{t['try_example']} {i+1}" for i in range(len(EXAMPLE_IMAGES))]
         )
     
+    # Functions to handle example image clicks
+    def create_example_handlers():
+        """Create handlers for example image buttons"""
+        handlers = []
+        for example in EXAMPLE_IMAGES:
+            def make_handler(path):
+                def handler():
+                    return load_example_image(path)
+                return handler
+            handlers.append(make_handler(example["path"]))
+        return handlers
+    
+    example_handlers = create_example_handlers()
+    
     # Set up event handlers
     language_selector.change(
         update_language,
@@ -654,6 +694,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             title_md,
             description_md,
             input_image,
+            example_header,
             submit_btn,
             prediction_output,
             bird_info_output,
@@ -661,10 +702,18 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             follow_up_input,
             follow_up_input,
             follow_up_btn,
-            clear_btn
+            clear_btn,
+            *example_buttons
         ]
     )
     
+    # Set up example image button handlers
+    for i, (btn, handler) in enumerate(zip(example_buttons, example_handlers)):
+        btn.click(
+            handler,
+            outputs=[input_image]
+        )
+    
     # Add loading state for better UX
     submit_btn.click(
         lambda x, y: (None, create_message_html(translations[y]['loading'], "⏳", y), "", ""),