Update app.py

app.py

@@ -19,6 +19,7 @@ TOP_P_DEFAULT = 0.95
 client = InferenceClient(MODEL_REPO)
 translator = pipeline("translation", model=TRANSLATOR_MODEL)
 
+
 # ---------------- HELPERS ----------------
 def is_translation_request(message: str) -> bool:
     """
@@ -38,9 +39,10 @@ def stream_response(message, chat_history, system_message, max_tokens, temperatu
     if is_translation_request(message):
         try:
             translated = translator(message, src_lang="auto", tgt_lang="en")[0]["translation_text"]
+            response = f"🌐 **Translation → English:**\n\n{translated}"
             return "", chat_history + [
                 {"role": "user", "content": message},
-                {"role": "assistant", "content": translated}
+                {"role": "assistant", "content": response}
             ]
         except Exception as e:
             return "", chat_history + [
@@ -79,20 +81,35 @@ def stream_response(message, chat_history, system_message, max_tokens, temperatu
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet", secondary_hue="pink")) as demo:
     gr.Markdown(
         """
-        # 🌍 Zephyr-7B with Multilingual Support
-        - 💬 Normal chat powered by **Zephyr-7B**  
-        - 🌐 Translation powered by **M2M100** (auto-detects non-English or "translate" requests)  
+        # 🤖 Zephyr-7B Chat + 🌍 Translator  
+        Welcome! This app combines **Zephyr-7B** (for smart chat) with **M2M100** (for multilingual translation).  
+
+        **How to use:**
+        - 💬 Ask *anything* → Zephyr will reply.  
+        - 🌐 Paste non-English text or say "translate" → auto translation into English.  
+        - ⚙️ Adjust settings in the panel if you want different styles.  
+
+        ---
         """
     )
 
-    chatbot = gr.Chatbot(type="messages", height=500, show_copy_button=True, label="Chat")
+    chatbot = gr.Chatbot(
+        type="messages",
+        height=500,
+        show_copy_button=True,
+        label="Chat Assistant"
+    )
 
     with gr.Row():
-        msg = gr.Textbox(label="💬 Message", placeholder="Type your message…", scale=6)
-        send_btn = gr.Button("🚀", variant="primary", scale=1)
-        clear_btn = gr.Button("🧹", scale=1)
+        msg = gr.Textbox(
+            label="💬 Your Message",
+            placeholder="Type here and press Enter or click 🚀",
+            scale=6
+        )
+        send_btn = gr.Button("🚀 Send", variant="primary", scale=1)
+        clear_btn = gr.Button("🧹 Clear Chat", scale=1)
 
-    with gr.Accordion("⚙️ Settings", open=False):
+    with gr.Accordion("⚙️ Advanced Settings", open=False):
         system_prompt = gr.Textbox(label="System Prompt", value=SYSTEM_PROMPT_DEFAULT, lines=3)
         response_style = gr.Dropdown(
             ["Concise", "Detailed", "Essay"], value="Concise", label="Response Style"
@@ -114,5 +131,8 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet", secondary_hue="pink"))
     )
     clear_btn.click(lambda: [], None, chatbot, queue=False)
 
+    gr.Markdown("---")
+    gr.Markdown("🔗 Built with ❤️ using [Zephyr-7B](https://huggingface.co/HuggingFaceH4/zephyr-7b-beta) & [M2M100](https://huggingface.co/facebook/m2m100_418M).")
+
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()