Update app.py

Major Update
- Send Button:
What Changed: A "Send" button has been added to the chat interface.
Why It Matters: Users can now click this button to send their messages instead of just pressing the Enter key. This makes it easier for people who prefer using a mouse or want a clearer way to submit their messages.

- Chat History:
What Changed: The application now keeps track of the conversation history during the session.
Why It Matters: Users can see all previous messages exchanged in the chat while they are using it. However, if they close the tab, the history will be lost. This feature helps users keep track of their conversation without needing to remember everything.

- Image Upload for Analysis:
What Changed: A feature has been added that allows users to upload images for the chatbot to analyze.
Why It Matters: Users can send pictures to the chatbot, which can then provide feedback or insights based on those images. This makes the chatbot more interactive and versatile, as it can now handle both text and images.

app.py

@@ -14,18 +14,31 @@ def chat_with_gemini(message, chat_history):
     chat_history.append((message, bot_response))  # Append the user and bot messages as a tuple
     return chat_history, chat_history
 
+def analyze_image(image, chat_history):
+    # Convert the image to text or generate a response based on the image (placeholder function)
+    bot_response = llm.predict("Analyze this image.")  # Replace with the actual image analysis function if available
+    chat_history.append(("Image sent", bot_response))
+    return chat_history, chat_history
+
 # Create a Gradio interface
 with gr.Blocks() as iface:
     gr.Markdown("# Ken Chatbot")
-    gr.Markdown("Ask me anything!")
+    gr.Markdown("Ask me anything or upload an image for analysis!")
 
     chatbot = gr.Chatbot(elem_id="chatbot")  # Initialize the chatbot with an element ID for styling
-    msg = gr.Textbox(label="Type your message here...", placeholder="Enter your message and press enter to send your message...")
+    msg = gr.Textbox(label="Type your message here...", placeholder="Enter your message...")
+    send_btn = gr.Button("Send")  # New Send button for submitting text messages
     state = gr.State([])  # Store chat history
 
-    # Set up the interaction for when the user submits a message
-    msg.submit(chat_with_gemini, [msg, state], [chatbot, state])  # Update chatbot and state with new messages
-    msg.submit(lambda: "", None, msg)  # Clear the input box after submission
+    # Image upload component for image analysis
+    img_upload = gr.Image(type="filepath", label="Upload an image for analysis")
+
+    # Set up the interactions
+    send_btn.click(chat_with_gemini, [msg, state], [chatbot, state])  # Submit message on button click
+    send_btn.click(lambda: "", None, msg)  # Clear text box on submit
+
+    # Image submission event for analysis
+    img_upload.change(analyze_image, [img_upload, state], [chatbot, state])
 
     # Custom CSS for styling the chatbot messages
     gr.HTML("""