My initial chatbot

app.py

@@ -0,0 +1,131 @@
+# import required modules
+import os
+import time
+import base64
+import gradio as gr
+from PIL import Image
+from google import genai
+from google.genai import types
+
+# define which Gemini model version is going to be used
+model_id = "gemini-2.0-flash-exp"
+
+# Gemini model system instruction settings
+system_instruction="""
+    "You always reply in the same language the user sent the question. It is mandatory.",
+    "You only change the response language if explicitly asked - otherwise, answer in the original language."
+    "You are an assistant who helps people with their questions.",
+    "You only provide answers in one paragraph or less.",
+    "Your answers are long enough to not miss any information.",
+    "You are always kind and use simple, pleasant language.",
+"""
+
+
+## helper functions
+# convert image files to base64 data
+def image_to_base64(image_path):
+  with open(image_path, 'rb') as img:
+    encoded_string = base64.b64encode(img.read())
+  return encoded_string.decode('utf-8')
+
+
+# show user message at the chatbot history
+def query_message(history,txt,img):
+ if not img:
+  history += [(txt,None)]
+  return history
+ if img:
+  base64 = image_to_base64(img)
+  data_url = f"data:image/jpeg;base64,{base64}"
+  history += [(f"{txt} ![]({data_url})", None)]
+  return history
+
+## gradio interface
+# gradio page variables
+TITLE = """<h1 align="center">Gemini 2.0 Chatbot 🤖</h1>"""
+SUBTITLE = """<h2 align="center">A multimodal chatbot powered by Gradio and Gemini API</h2>"""
+
+# gradio styles in css
+css = """
+.container {
+    max-width: 100%;
+    padding: 0 1rem;
+}
+
+.chatbot {
+    height: calc(100vh - 250px) !important;
+    overflow-y: auto;
+}
+
+.textbox {
+    margin-top: 0.5rem;
+}
+"""
+
+
+# gradio chatbot main function
+def registry(name, token, examples=None, **kwargs):
+  client = genai.Client(api_key=token)
+  chat = client.chats.create(
+      model=name,
+      config=types.GenerateContentConfig(
+          system_instruction=system_instruction,
+          temperature=0.5,
+      ),
+  )
+
+
+  # send user message to Gemini and append the answer at the chatbot history
+  def llm_response(history, text, img):
+    if not img:
+      response = chat.send_message(text)
+      history += [(None, response.text)]
+      return history, "", None
+    if img:
+      try:
+        img = Image.open(img)
+        response = chat.send_message([text, img])
+        history += [(None, response.text)]
+        return history, "", None
+      except Exception as e:
+        print("something wrong happened at the llm_response call")
+        print(str(e))
+        return history, "", None
+
+  # instantiate the gradio chatbot
+  print("Building the gradio app...")
+  with gr.Blocks(css=css) as app:
+      gr.HTML(TITLE)
+      gr.HTML(SUBTITLE)
+      with gr.Row():
+        # define the input fields - image input
+        image_box = gr.Image(type="filepath")
+        chatbot = gr.Chatbot(
+          scale=2,
+          height=500,
+          container=True
+        )
+
+      # define the input fields - text input
+      text_box = gr.Textbox(
+        placeholder="Type your message and press enter and optionally upload an image",
+        container=False,
+      )
+
+      # define the main chatbot logic
+      btn = gr.Button("Send")
+      clicked = btn.click(query_message,
+              [chatbot,text_box,image_box],
+              [chatbot]
+              ).then(llm_response,
+                  [chatbot,text_box,image_box],
+                  [chatbot, text_box, image_box]
+              )
+  return app
+
+  # launch the gradio chatbot
+  gr.load(
+  name=model_id,
+  src=registry,
+  accept_token=True
+).launch()

requirements.txt

@@ -0,0 +1,2 @@
+google-genai
+gradio==5.8.0