Adds a placeholder to the gradio chatbot (#2)

- Adds a placeholder to the gradio chatbot (4b4cab844a08b1f269fe2acfab6530dc05e75f55)
- upgrading sdk to the latest release (d990e3d2320bb8519b152b27ce6ecb45dc6a78fb)


Co-authored-by: yuvraj sharma <[email protected]>

README.md

@@ -4,7 +4,7 @@ emoji: ⚓️
 colorFrom: indigo
 colorTo: purple
 sdk: gradio
-sdk_version: 4.19.2
+sdk_version: 4.25.0
 app_file: app.py
 pinned: false
 license: apache-2.0

app.py

@@ -85,9 +85,18 @@ prompt_examples = [
     'Cách nướng cá'
 ]
 
+placeholder = """
+<div style="opacity: 0.5;">
+    <img src="https://raw.githubusercontent.com/sail-sg/sailor-llm/main/misc/banner.jpg" style="width:30%;">
+    <br>Sailor models are designed to understand and generate text across diverse linguistic landscapes of these SEA regions:
+    <br>🇮🇩Indonesian, 🇹🇭Thai, 🇻🇳Vietnamese, 🇲🇾Malay, and 🇱🇦Lao.
+</div>
+"""
+
+chatbot = gr.Chatbot(label='Sailor', placeholder=placeholder) 
 with gr.Blocks(theme=gr.themes.Soft(), fill_height=True) as demo:
     # gr.Markdown("""<center><font size=8>Sailor-Chat Bot⚓</center>""")
     gr.Markdown("""<p align="center"><img src="https://github.com/sail-sg/sailor-llm/raw/main/misc/wide_sailor_banner.jpg" style="height: 110px"/><p>""")
-    gr.ChatInterface(predict, fill_height=True, examples=prompt_examples, css=css)
+    gr.ChatInterface(predict, chatbot=chatbot, fill_height=True, examples=prompt_examples, css=css)
 
     demo.launch()  # Launching the web interface.