add descriptions to fields, add source code links

app.py

@@ -183,14 +183,19 @@ def detect_books(image):
 
 iface = gr.Interface(
     fn=detect_books,
-    description="Use Open Shelves to detect books in an image. The model will return the annotated image with the detected books, the titles of the books, and the ISBNs of the books.",
+    description="""
+    Use Open Shelves to detect books in an image. The model will return the annotated image with the detected books, the titles of the books, and the ISBNs of the books.
+    
+    [View the project source code](https://github.com/capjamesg/open-shelves).
+
+    [View the dataset on which the book segmentation model was trained](https://universe.roboflow.com/capjamesg/open-shelves).""",
     inputs=gr.components.Image(label="Input Image"),
     # outputs should be an image and a list of text
     outputs=[
-        gr.components.Image(label="Annotated Image"),
-        gr.components.Textbox(label="Detected Books"),
-        gr.components.Textbox(label="ISBNs"),
-        gr.components.Textbox(label="SVG"),
+        gr.components.Textbox(label="Detected Books", info="The detected books."),
+        gr.components.Image(label="Annotated Image", type="pil"),
+        gr.components.Textbox(label="ISBNs", info="The ISBNs of the detected books."),
+        gr.components.Textbox(label="SVG", info="Copy-paste this code onto a web page to create a clickable bookshelf. NB: This code doesn't scale to different screen resolutions."),
     ],
     title="Open Shelves",
     allow_flagging=False,