adding captions and examples

app.py

@@ -27,20 +27,20 @@ def query(image, top_k=4):
     results = index.query(embedding, k=top_k)
     inx = results[0][0].tolist()
     images = ds.select(inx)["image"]
-    return images
+    captions = ds.select(inx)["name"]
+    images_with_captions = [(i, c) for i, c in zip(images,captions)]
+    return images_with_captions
 
 
 title = "Find my Butterfly 🦋"
-description = "This Space demos an image similarity system. You can refer to [this notebook](TODO) to know the details of the system. You can pick any image from the available samples below. On the right hand side, you'll find the similar images returned by the system. The example images have been named with their corresponding integer class labels for easier identification. The fetched images will also have their integer labels tagged so that you can validate the correctness of the results."
+description = "Use this Space to find your butterfly, based on the [iNaturalist butterfly dataset](https://huggingface.co/datasets/huggan/inat_butterflies_top10k)!"
+
 
-# You can set the type of gr.Image to be PIL, numpy or str (filepath)
-# Not sure what the best for this demo is.
 gr.Interface(
     query,
     inputs=[gr.Image(type="pil")],
     outputs=gr.Gallery().style(grid=[2], height="auto"),
-    # Filenames denote the integer labels. Know here: https://hf.co/datasets/beans
     title=title,
     description=description,
-    #examples=[["0.png", 5], ["1.png", 5], ["2.png", 5]],
+    examples=[["elton.jpg"],["ken.jpg"],["gaga.jpg"],["taylor.jpg"]],
 ).launch()