Remove unused image files and update bot function names for clarity

app.py

@@ -216,7 +216,7 @@ def predict(message,
         response, conv_history = model.chat(tokenizer, pixel_values, question, generation_config, history=history, return_history=True)
         return response, conv_history
 
-def http_bot(
+def ai_bot(
     state,
     temperature,
     top_p,
@@ -226,7 +226,7 @@ def http_bot(
     request: gr.Request,
 ):
     
-    logger.info(f"http_bot. ip: {request.client.host}")
+    logger.info(f"ai_bot. ip: {request.client.host}")
     start_tstamp = time.time()
     if hasattr(state, "skip_next") and state.skip_next:
         # This generate call is skipped due to invalid inputs
@@ -276,7 +276,7 @@ def http_bot(
                                 top_p, 
                                 repetition_penalty)
 
-        # response = "This is a test response"
+        response = "This is a test response"
         buffer = ""
         for new_text in response:
             buffer += new_text
@@ -289,7 +289,7 @@ def http_bot(
             ) + (disable_btn,) * 5
 
     except Exception as e:
-        logger.error(f"Error in http_bot: {e} \n{traceback.format_exc()}")
+        logger.error(f"Error in ai_bot: {e} \n{traceback.format_exc()}")
         state.update_message(Conversation.ASSISTANT, server_error_msg, None)
         yield (
             state,
@@ -333,11 +333,11 @@ def http_bot(
 # <h1 style="font-size: 28px; font-weight: bold;">Expanding Performance Boundaries of Open-Source Multimodal Models with Model, Data, and Test-Time Scaling</h1>
 title_html = """
 <div style="text-align: center;">
-    <img src="https://lh3.googleusercontent.com/pw/AP1GczMmW-aFQ4dNaR_LCAllh4UZLLx9fTZ1ITHeGVMWx-1bwlIWz4VsWJSGb3_9C7CQfvboqJH41y2Sbc5ToC9ZmKeV4-buf_DEevIMU0HtaLWgHAPOqBiIbG6LaE8CvDqniLZzvB9UX8TR_-YgvYzPFt2z=w1472-h832-s-no-gm?authuser=0" style="height: 100; width: 100%;">
-    <p>🔥Vintern-1B-v3_5🔥</p>
-    <p>An Efficient Multimodal Large Language Model for Vietnamese</p>
-    <a href="https://huggingface.co/papers/2408.12480">[📖 Vintern Paper]</a>
-    <a href="https://huggingface.co/5CD-AI">[🤗 Huggingface]</a>
+    <img src="https://lh3.googleusercontent.com/pw/AP1GczMmW-aFQ4dNaR_LCAllh4UZLLx9fTZ1ITHeGVMWx-1bwlIWz4VsWJSGb3_9C7CQfvboqJH41y2Sbc5ToC9ZmKeV4-buf_DEevIMU0HtaLWgHAPOqBiIbG6LaE8CvDqniLZzvB9UX8TR_-YgvYzPFt2z=w1472-h832-s-no-gm?authuser=0" style="height: 90px; width: 95%;">
+    <p style="font-size: 20px;">🔥Vintern-1B-v3_5🔥</p>
+    <p style="font-size: 14px;">An Efficient Multimodal Large Language Model for Vietnamese</p>
+    <a href="https://huggingface.co/papers/2408.12480" style="font-size: 13px;">[📖 Vintern Paper]</a>
+    <a href="https://huggingface.co/5CD-AI" style="font-size: 13px;">[🤗 Huggingface]</a>
 </div>
 """
 
@@ -375,45 +375,45 @@ block_css = """
 }
 """
 
-# js = """
-# function createWaveAnimation() {
-#     const text = document.getElementById('text');
-#     var i = 0;
-#     setInterval(function() {
-#         const colors = [
-#             'red, orange, yellow, green, blue, indigo, violet, purple',
-#             'orange, yellow, green, blue, indigo, violet, purple, red',
-#             'yellow, green, blue, indigo, violet, purple, red, orange',
-#             'green, blue, indigo, violet, purple, red, orange, yellow',
-#             'blue, indigo, violet, purple, red, orange, yellow, green',
-#             'indigo, violet, purple, red, orange, yellow, green, blue',
-#             'violet, purple, red, orange, yellow, green, blue, indigo',
-#             'purple, red, orange, yellow, green, blue, indigo, violet',
-#         ];
-#         const angle = 45;
-#         const colorIndex = i % colors.length;
-#         text.style.background = `linear-gradient(${angle}deg, ${colors[colorIndex]})`;
-#         text.style.webkitBackgroundClip = 'text';
-#         text.style.backgroundClip = 'text';
-#         text.style.color = 'transparent';
-#         text.style.fontSize = '28px';
-#         text.style.width = 'auto';
-#         text.textContent = 'Vintern-1B';
-#         text.style.fontWeight = 'bold';
-#         i += 1;
-#     }, 200);
-#     const params = new URLSearchParams(window.location.search);
-#     url_params = Object.fromEntries(params);
-#     // console.log(url_params);
-#     // console.log('hello world...');
-#     // console.log(window.location.search);
-#     // console.log('hello world...');
-#     // alert(window.location.search)
-#     // alert(url_params);
-#     return url_params;
-# }
-
-# """
+js = """
+function createWaveAnimation() {
+    const text = document.getElementById('text');
+    var i = 0;
+    setInterval(function() {
+        const colors = [
+            'red, orange, yellow, green, blue, indigo, violet, purple',
+            'orange, yellow, green, blue, indigo, violet, purple, red',
+            'yellow, green, blue, indigo, violet, purple, red, orange',
+            'green, blue, indigo, violet, purple, red, orange, yellow',
+            'blue, indigo, violet, purple, red, orange, yellow, green',
+            'indigo, violet, purple, red, orange, yellow, green, blue',
+            'violet, purple, red, orange, yellow, green, blue, indigo',
+            'purple, red, orange, yellow, green, blue, indigo, violet',
+        ];
+        const angle = 45;
+        const colorIndex = i % colors.length;
+        text.style.background = `linear-gradient(${angle}deg, ${colors[colorIndex]})`;
+        text.style.webkitBackgroundClip = 'text';
+        text.style.backgroundClip = 'text';
+        text.style.color = 'transparent';
+        text.style.fontSize = '28px';
+        text.style.width = 'auto';
+        text.textContent = 'Vintern-1B';
+        text.style.fontWeight = 'bold';
+        i += 1;
+    }, 200);
+    const params = new URLSearchParams(window.location.search);
+    url_params = Object.fromEntries(params);
+    // console.log(url_params);
+    // console.log('hello world...');
+    // console.log(window.location.search);
+    // console.log('hello world...');
+    // alert(window.location.search)
+    // alert(url_params);
+    return url_params;
+}
+
+"""
 
 
 def build_demo():
@@ -426,14 +426,14 @@ def build_demo():
 
     with gr.Blocks(
         title="Vintern-1B-v3_5-Demo",
-        theme=gr.themes.Default(),
+        theme='SebastianBravo/simci_css',
         css=block_css,
+        js=js,
     ) as demo:
         state = gr.State()
 
         with gr.Row():
             with gr.Column(scale=2):
-                # gr.Image('./gallery/logo-47b364d3.jpg')
                 gr.HTML(title_html)
 
                 with gr.Accordion("Settings", open=False) as setting_row:
@@ -487,25 +487,33 @@ def build_demo():
                         [
                             {
                                 "files": [
-                                    "gallery/14.jfif",
+                                    "samples/1.jpg",
+                                ],
+                                "text": "Hãy trích xuất thông tin từ hình ảnh này và trả về kết quả dạng markdown.",
+                            }
+                        ],
+                        [
+                            {
+                                "files": [
+                                    "samples/2.png",
                                 ],
-                                "text": "Please help me analyze this picture.",
+                                "text": "Bạn là một nhà sáng tạo nội dung tài năng. Hãy viết một kịch bản quảng cáo cho sản phẩm này.",
                             }
                         ],
                         [
                             {
                                 "files": [
-                                    "gallery/1-2.PNG",
+                                    "samples/3.jpeg",
                                 ],
-                                "text": "Implement this flow chart using python",
+                                "text": "Hãy viết lại một email cho các chủ hộ về nội dung của bảng thông báo.",
                             }
                         ],
                         [
                             {
                                 "files": [
-                                    "gallery/15.PNG",
+                                    "samples/4.jpeg",
                                 ],
-                                "text": "Please help me analyze this picture.",
+                                "text": "Hãy viết trích xuất nội dung của hoá đơn dạng JSON.",
                             }
                         ],
                     ],
@@ -570,7 +578,7 @@ def build_demo():
             [state, system_prompt],
             [state, chatbot, textbox] + btn_list,
         ).then(
-            http_bot,
+            ai_bot,
             [
                 state,
                 temperature,
@@ -588,7 +596,7 @@ def build_demo():
             [state, textbox, system_prompt],
             [state, chatbot, textbox] + btn_list,
         ).then(
-            http_bot,
+            ai_bot,
             [
                 state,
                 temperature,
@@ -604,7 +612,7 @@ def build_demo():
             [state, textbox, system_prompt],
             [state, chatbot, textbox] + btn_list,
         ).then(
-            http_bot,
+            ai_bot,
             [
                 state,
                 temperature,

conversation.py

@@ -47,8 +47,8 @@ class Conversation:
             Conversation.ASSISTANT,
         ]
     )
-    mandatory_system_message = "我是书生·万象，英文名是InternVL，是由上海人工智能实验室、清华大学及多家合作单位联合开发的多模态大语言模型。"
-    system_message: str = "请尽可能详细地回答用户的问题。"
+    mandatory_system_message = ""
+    system_message: str = ""
     messages: List[Dict[str, Any]] = field(default_factory=lambda: [])
     max_image_limit: int = 4
     skip_next: bool = False