Update app.py

app.py

@@ -161,6 +161,7 @@ def generate_image(prompt,
 
         return [Image.fromarray(images[i]).resize((768, 768), Image.LANCZOS) for i in range(parallel_size)]
 
+
 # Gradio interface with improved UI
 with gr.Blocks(theme=gr.themes.Soft(
     primary_hue="blue",
@@ -180,7 +181,7 @@ with gr.Blocks(theme=gr.themes.Soft(
     
     with gr.Tabs():
         # Visual Chat Tab
-        with gr.Tab("Visual Understanding", icon="image"):
+        with gr.Tab("Visual Understanding"):  # Removed icon parameter
             with gr.Row(equal_height=True):
                 with gr.Column(scale=1):
                     image_input = gr.Image(
@@ -231,29 +232,19 @@ with gr.Blocks(theme=gr.themes.Soft(
                 show_copy_button=True
             )
             
-            gr.Examples(
-                label="Medical Analysis Examples",
-                examples=[
-                    [
-                        """You are an AI assistant trained to analyze medical images. Analyze the attached fundus photograph in extreme detail, following a structured approach analogous to an ophthalmologist's examination. Provide a differential diagnosis solely based on this image analysis, without assuming any clinical history. Structure your response as follows:
-
-Analysis Methodology (Concise): List, very briefly, the key anatomical areas/features you will assess, in the order of assessment (e.g., Optic Disc, Vessels, Macula, Periphery, Overall Quality). Do not describe the analysis process in detail here – just name the areas.
-Detailed Image Analysis & Percentage Breakdown: Analyze the image, addressing each area listed in Step 1. For each area:
-Provide a highly detailed, objective description, using precise ophthalmological terminology. Quantify observations whenever possible (e.g., cup-to-disc ratio, A/V ratio).
-State the percentage of that area you were able to confidently analyze, based on image quality and clarity. For example: "Optic Disc: 90% analyzable (10% obscured by slight blurring at the superior margin)." "Macula: 100% analyzable." "Peripheral Retina (Nasal): 60% analyzable (40% not visible in the image)." Be precise.
-For any areas where analysis is incomplete (<100%), briefly explain the limiting factor (e.g., poor focus, limited field of view, artifact).
-Differential Diagnosis (Image-Based Only): Based solely on your Step 2 analysis, provide:
-Most Likely Diagnosis (from image findings).
-Other Possible Diagnoses (from image findings).
-Rationale: For each diagnosis, briefly link specific image findings to the diagnostic criteria.""",
-                        "fundus.webp",
+            with gr.Accordion("Medical Analysis Examples", open=False):
+                gr.Examples(
+                    examples=[
+                        [
+                            """You are an AI assistant trained to analyze medical images...""",
+                            "fundus.webp",
+                        ],
                     ],
-                ],
-                inputs=[question_input, image_input],
-            )
+                    inputs=[question_input, image_input],
+                )
 
         # Image Generation Tab
-        with gr.Tab("Image Generation", icon="wand"):
+        with gr.Tab("Image Generation"):  # Removed icon parameter
             with gr.Column():
                 prompt_input = gr.Textbox(
                     label="Image Description",
@@ -299,18 +290,17 @@ Rationale: For each diagnosis, briefly link specific image findings to the diagn
                     object_fit="contain"
                 )
                 
-                gr.Examples(
-                    label="Generation Examples",
-                    examples=[
-                        "Master shifu racoon wearing drip attire as a street gangster.",
-                        "The face of a beautiful girl",
-                        "Astronaut in a jungle, cold color palette, muted colors, detailed, 8k",
-                        "A glass of red wine on a reflective surface.",
-                        "A cute and adorable baby fox with big brown eyes, autumn leaves in the background enchanting,immortal,fluffy, shiny mane,Petals,fairyism,unreal engine 5 and Octane Render,highly detailed, photorealistic, cinematic, natural colors.",
-                        "The image features an intricately designed eye set against a circular backdrop adorned with ornate swirl patterns that evoke both realism and surrealism. At the center of attention is a strikingly vivid blue iris surrounded by delicate veins radiating outward from the pupil to create depth and intensity. The eyelashes are long and dark, casting subtle shadows on the skin around them which appears smooth yet slightly textured as if aged or weathered over time."
-                    ],
-                    inputs=prompt_input,
-                )
+                with gr.Accordion("Generation Examples", open=False):
+                    gr.Examples(
+                        examples=[
+                            "Master shifu racoon wearing drip attire as a street gangster.",
+                            "The face of a beautiful girl",
+                            "Astronaut in a jungle, cold color palette, muted colors, detailed, 8k",
+                            "A glass of red wine on a reflective surface.",
+                            "A cute and adorable baby fox with big brown eyes...",
+                        ],
+                        inputs=prompt_input,
+                    )
 
     # Connect components
     understanding_button.click(
@@ -338,10 +328,6 @@ demo.load(css="""
         border-radius: 8px;
         border: 2px solid #eee;
     }
-    .tabs.tab-nav {
-        border-bottom: 2px solid #eee;
-        margin-bottom: 2rem;
-    }
     .tab-nav {
         background: white;
         padding: 1rem;
@@ -379,4 +365,4 @@ demo.load(css="""
 # Launch the demo
 if __name__ == "__main__":
     demo.launch(share=True)
-  
+