Update app.py

app.py

@@ -16,21 +16,22 @@ HF_TOKEN = os.environ.get("HF_TOKEN", None)
 MODEL_ID = os.environ.get("MODEL_ID")
 MODEL_NAME = MODEL_ID.split("/")[-1]
 
-TITLE = "<h1>VL-Chatbox</h1>"
+TITLE = "<h1>VL-Chatbox</h1><br><center>🚀 MODEL NOW: <a href="https://hf.co/{MODEL_ID}">{MODEL_NAME}</a></center>"
 
 DESCRIPTION = f"""
 <center>
-<p>😊 A Space For My Fav Multimodal.
+<p>
+A Space for Vision/Multimodal
 <br>
-🚀 MODEL NOW: <a href="https://hf.co/{MODEL_ID}">{MODEL_NAME}</a>
 <br>
-✨ Tips: Now you can send DM or upload 1 IMAGE/FILE per time.
+✨ Tips: Send Messages or upload 1 IMAGE/FILE per time.
 <br>
 ✨ Tips: Please increase MAX LENGTH when deal with file.
 <br>
 🤙 Supported Format: pdf, txt, docx, pptx, md, png, jpg, webp
 <br>
-🙇‍♂️ May be rebuilding from time to time.</p>
+🙇‍♂️ May be rebuilding from time to time.
+</p>
 </center>"""
 
 CSS = """
@@ -160,7 +161,7 @@ def stream_chat(message, history: list, temperature: float, max_length: int, top
 
 
 
-chatbot = gr.Chatbot()
+chatbot = gr.Chatbot(label="Chatbox", height=600, placeholder=DESCRIPTION)
 chat_input = gr.MultimodalTextbox(
     interactive=True,
     placeholder="Enter message or upload a file one time...",
@@ -168,14 +169,13 @@ chat_input = gr.MultimodalTextbox(
 
 )
 EXAMPLES = [
-        [{"text": "Describe it in detailed", "files": ["./laptop.jpg"]}],
-        [{"text": "Where it is?", "files": ["./hotel.jpg"]}],
-        [{"text": "Is it real?", "files": ["./spacecat.png"]}]
+        [{"text": "Describe this image in great detailed.", "files": ["./laptop.jpg"]}],
+        [{"text": "Please describe this image and guess where it is?", "files": ["./hotel.jpg"]}],
+        [{"text": "What's in the image, is it real happen?", "files": ["./spacecat.png"]}]
 ]
 
 with gr.Blocks(css=CSS, theme="soft",fill_height=True) as demo:
     gr.HTML(TITLE)
-    gr.HTML(DESCRIPTION)
     gr.ChatInterface(
         fn=stream_chat,
         multimodal=True,