Update app.py

app.py

@@ -368,6 +368,10 @@ def vote(data: gr.LikeData):
     if data.liked: print("You upvoted this response: " + data.value)
     else: print("You downvoted this response: " + data.value)
 
+def read_image(image, size=512):
+        return np.array(Image.fromarray(image).resize((size, size)))
+    
+
 additional_inputs = [
     #gr.Radio(["Off", "Chroma", "MongoDB"], label="Retrieval Augmented Generation", value = "Off"),
     gr.Radio(["Aus", "An"], label="RAG - LI Erweiterungen", value = "Aus"),
@@ -392,7 +396,24 @@ chat_interface_stream = gr.ChatInterface(fn=invoke,
                 submit_btn = "Abschicken",
                 description = description) 
 
+reference_image  = gr.Image(label="Reference Image")
+
 with gr.Blocks() as demo:
     with gr.Tab("Chatbot"):
-        chatbot_stream.like(vote, None, None)
-        chat_interface_stream.queue().launch() 
+        with gr.Row():
+            chatbot_stream.like(vote, None, None)
+            chat_interface_stream #.queue().launch() 
+        with gr.Row():
+            reference_image
+
+
+    # when `first_frame` is updated
+    reference_image.upload(
+        read_image,
+        reference_image,
+        reference_image,
+        queue=False
+    )
+
+
+demo..queue().launch()