update

app.py

@@ -49,6 +49,7 @@ from multipurpose_chatbot.configs import (
     BACKEND,
     DEMOS,
     DELETE_FOLDER,
+    CSS,
 )
 
 
@@ -72,15 +73,6 @@ if DELETE_FOLDER is not None and os.path.exists(DELETE_FOLDER):
             print('Failed to delete %s. Reason: %s' % (file_path, e))
 
 
-CSS = """
-.message-wrap.svelte-1lcyrx4>div.svelte-1lcyrx4  img {
-    min-width: 200px;
-}
-.panel-full-width.svelte-1lcyrx4.svelte-1lcyrx4.svelte-1lcyrx4 {
-    padding: calc(var(--spacing-xxl) * 1);
-    width: 100%
-}
-"""
 
 
 def launch_demo():

multipurpose_chatbot/configs.py

@@ -47,6 +47,45 @@ The service collects user dialogue data for testing and improvement under
 """
 
 
+
+MODEL_TITLE = """
+<img src="file/seal_logo.png" style="
+    max-width: 10em;
+    max-height: 5%;
+    height: 3em;
+    width: 3em;
+">
+<div class="text" style="
+    float: left;
+    padding-left: 2%;
+    font-size: larger;
+    margin-bottom: -1em;
+    margin-top: -1em;
+">
+SeaLLMs - Large Language Models for Southeast Asia
+<div style='display:flex; gap: 0.25rem; '>
+<a href='https://damo-nlp-sg.github.io/SeaLLMs/'><img class="tag" src='https://img.shields.io/badge/Blog-red'></a>
+<a href='https://github.com/damo-nlp-sg/seallms'><img class="tag" src='https://img.shields.io/badge/Code-success'></a>
+<a href='https://huggingface.co/spaces/SeaLLMs/SeaLLM-7B'><img class="tag" src='https://img.shields.io/badge/%F0%9F%A4%97-Spaces-blue'></a> 
+<a href='https://huggingface.co/SeaLLMs/SeaLMMM-7B-v0.1'><img class="tag" src='https://img.shields.io/badge/%F0%9F%A4%97-Model-blue'></a> 
+<a href='https://arxiv.org/pdf/2312.00738.pdf'><img class="tag" src='https://img.shields.io/badge/Paper-red'></a>
+</div>
+</div>
+"""
+MODEL_DESC = f"""
+<span style="font-size: large">
+<a href="https://huggingface.co/SeaLLMs/SeaLMMM-7B-v0.1" target="_blank">SeaLMMM-7B</a> - multilingual multimodal assistant for Southeast Asia. It handles <b>both</b> text-only (<a href="https://huggingface.co/SeaLLMs/SeaLLM-7B-v2.5" target="_blank">LLMs</a> and vision instructions (LVMs). <span style="color: red">SeaLMMM-7B has not finished training.</span>
+</span>
+<br>
+<span style="font-size: small">
+This UI is powered by <a href="https://github.com/DAMO-NLP-SG/Multipurpose-Chatbot" target="_blank">Multipurpose-Chatbot</a> project.
+<span style="color: red">The chatbot may produce false and harmful content!
+By using our service, you agree to our <a href="https://huggingface.co/SeaLLMs/SeaLLM-Chat-13b/blob/main/LICENSE" target="_blank">Terms Of Use</a>
+</span>
+</span>
+""".strip()
+
+
 # MODEL_INFO = """
 # <h4 style="display: hidden;">Model Name: {model_path}</h4>
 # """
@@ -64,6 +103,46 @@ If you find our project useful, hope you can star our repo and cite our paper as
 ```
 
 """
+
+CSS = """
+.message-wrap.svelte-1lcyrx4>div.svelte-1lcyrx4  img {
+    min-width: 200px;
+    min-height: 150px;
+    max-height: 600px;
+    max-width; 90%;
+    width: auto;
+    object-fit: contain;
+}
+.panel-full-width.svelte-1lcyrx4.svelte-1lcyrx4.svelte-1lcyrx4 {
+    padding: calc(var(--spacing-xxl) * 1);
+    width: 100%
+}
+
+.panel-full-width {
+    padding: calc(var(--spacing-xxl) * 1);
+    width: 100%
+}
+
+img.tag {
+  max-height: 1.5em;
+  width: auto;
+}
+
+span.prose {
+  font-size: var(--text-lg);
+}
+"""
+
+# .message-wrap.svelte-1lcyrx4>div.svelte-1lcyrx4  img {
+#     min-width: 200px;
+# }
+# .panel-full-width.svelte-1lcyrx4.svelte-1lcyrx4.svelte-1lcyrx4 {
+#     padding: calc(var(--spacing-xxl) * 1);
+#     width: 100%
+# }
+
+
+
 USE_PANEL = bool(int(os.environ.get("USE_PANEL", "1")))
 CHATBOT_HEIGHT = int(os.environ.get("CHATBOT_HEIGHT", "500"))
 

requirements.txt

@@ -2,7 +2,7 @@ torch
 gradio
 tiktoken
 openai
-transformers==4.38
+transformers==4.40
 langchain
 langchain-community
 langchain-core