update layout from gr.interface to gr.blocks; add accordion to show prediction labels

app.py

@@ -82,13 +82,35 @@ def predict(img, confidence):
     return prediction_dict
 
 
+with gr.Blocks(title='Ball Python Morph Identifier') as demo:
+    gr.Markdown("# Ball Python Morph Identifier")
+    gr.Markdown("Upload or paste an image of your ball python to identify its morphs!")
+    
+    with gr.Accordion("Click here to show all the morphs that can be predicted", open=False):
+        gr.Markdown("""
+    Albino, Asphalt, Banana, Black Head, Black Pastel, Butter, Calico, Chocolate, Cinnamon, Clown, Desert Ghost, Enchi, Fire,
+    GHI, Gravel, Hypo, Leopard, Lesser, Mojave, Normal, Orange Dream, Pastel, Piebald, Pinstripe, Red Stripe,
+    Spider, Spotnose, Super Pastel, Vanilla, Yellow Belly
+    """)
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            img_input = gr.Image(type="pil", label="Upload/Paste Image")           
+            gr.Examples(
+                examples=[
+                    ["enchi_albino_clown.png", "Enchi, Albino, Clown"],
+                    ["mojave_ghi.png", "Mojave, GHI"],
+                    ["hypo_banana_pastel_enchi.png", "Hypo, Banana, Pastel, Enchi"]],
+                inputs=[img_input]
+            )
+            confidence = gr.Slider(0, 1, value=0.5, label="Confidence", 
+                                info="Show predictions that are above this confidence level")
+            predict_btn = gr.Button("Identify Morphs", variant="primary")
+            
+        with gr.Column(scale=1):
+            label_output = gr.Label(label="Predicted Morphs")
+    
+    predict_btn.click(fn=predict, inputs=[img_input, confidence], outputs=label_output)
 
-gr.Interface(fn=predict,
-             inputs=[gr.Image(type="pil"),
-                     gr.Slider(0, 1, value=0.5, label="Confidence", info="Show predictions that are above this confidence level")],
-             outputs=gr.Label(),
-             examples=[["enchi_albino_clown.png", 0.5], ["mojave_ghi.png", 0.5], ["hypo_banana_pastel_enchi.png", 0.5]],
-             title='Ball Python Morph Identifier',
-             description="Upload or paste an image of your ball python to identify its morphs!"
-             ).launch()
+demo.launch()