Update app.py

app.py

@@ -3,7 +3,6 @@ from typing import List, Dict
 from gradio_client import Client
 
 def create_chat_app():
-    # Language configurations
     TRANSLATIONS = {
         "en": {
             "title": "🤖 Chat with Llama 3.3 70B",
@@ -11,7 +10,7 @@ def create_chat_app():
             This is a chatbot based on the Llama 3.3 70B model. To use:
             1. Type your message in the field below
             2. Adjust parameters as needed
-            3. Press Enter to send
+            3. Click Send or press Enter
             """,
             "system_message": "You are a helpful and friendly assistant based on the Llama 3.3 70B model.",
             "system_message_label": "System Message",
@@ -19,13 +18,13 @@ def create_chat_app():
             "temperature_label": "Temperature",
             "top_p_label": "Top-p (Nucleus Sampling)",
             "message_placeholder": "Type your message here...",
+            "send_button": "Send",
+            "clear_button": "Clear Chat",
             "info_section": """
             ### ℹ️ Information
             - Model: Llama 3.3 70B Instruct
             - Language: English/Portuguese
             - Hosting: Hugging Face Spaces
-            
-            For best performance, adjust the parameters according to your needs.
             """,
             "error_message": "Sorry, an error occurred: {}\nPlease check your connection and settings.",
             "examples": [
@@ -41,7 +40,7 @@ def create_chat_app():
             Este é um chatbot baseado no modelo Llama 3.3 70B. Para usar:
             1. Digite sua mensagem no campo abaixo
             2. Ajuste os parâmetros conforme necessário
-            3. Pressione Enter para enviar
+            3. Clique em Enviar ou pressione Enter
             """,
             "system_message": "Você é um assistente amigável e prestativo que responde em português. Você é baseado no modelo Llama 3.3 70B.",
             "system_message_label": "Mensagem do Sistema",
@@ -49,13 +48,13 @@ def create_chat_app():
             "temperature_label": "Temperatura",
             "top_p_label": "Top-p (Amostragem Nucleus)",
             "message_placeholder": "Digite sua mensagem aqui...",
+            "send_button": "Enviar",
+            "clear_button": "Limpar Chat",
             "info_section": """
             ### ℹ️ Informações
             - Modelo: Llama 3.3 70B Instruct
             - Idioma: Português/Inglês
             - Hospedagem: Hugging Face Spaces
-            
-            Para melhor desempenho, ajuste os parâmetros de acordo com suas necessidades.
             """,
             "error_message": "Desculpe, ocorreu um erro: {}\nPor favor, verifique sua conexão e configurações.",
             "examples": [
@@ -76,10 +75,12 @@ def create_chat_app():
         top_p: float,
         language: str,
     ):
+        if not message.strip():  # Não processa mensagens vazias
+            return chat_history, ""
+            
         try:
             client = Client("aifeifei798/feifei-chat")
             
-            # Format conversation history
             formatted_message = f"{system_message}\n\nConversation history:\n"
             for msg in chat_history:
                 formatted_message += f"{msg['role']}: {msg['content']}\n"
@@ -99,7 +100,6 @@ def create_chat_app():
                 api_name="/chat"
             )
             
-            # Update chat history in the new format
             chat_history.extend([
                 {"role": "user", "content": message},
                 {"role": "assistant", "content": response}
@@ -122,15 +122,22 @@ def create_chat_app():
             chatbot = gr.Chatbot(
                 value=[],
                 height=400,
-                type="messages"  # Use the new messages format
+                type="messages"
             )
             
-            message = gr.Textbox(
-                placeholder=TRANSLATIONS["en"]["message_placeholder"],
-                lines=3
-            )
+            with gr.Row():
+                message = gr.Textbox(
+                    placeholder=TRANSLATIONS["en"]["message_placeholder"],
+                    lines=3,
+                    scale=9  # Ocupa 90% do espaço
+                )
+                send_btn = gr.Button(
+                    TRANSLATIONS["en"]["send_button"], 
+                    variant="primary",
+                    scale=1  # Ocupa 10% do espaço
+                )
             
-            with gr.Accordion("Settings", open=False):
+            with gr.Accordion("Settings/Configurações", open=False):
                 system_message = gr.Textbox(
                     value=TRANSLATIONS["en"]["system_message"],
                     label=TRANSLATIONS["en"]["system_message_label"]
@@ -167,7 +174,7 @@ def create_chat_app():
                     interactive=True
                 )
                 
-                clear = gr.Button("Clear")
+                clear_btn = gr.Button(TRANSLATIONS["en"]["clear_button"])
         
         gr.Markdown(TRANSLATIONS["en"]["info_section"])
         
@@ -177,15 +184,20 @@ def create_chat_app():
         )
         
         # Event handlers
-        message.submit(
+        send_btn.click(
             respond,
             [message, chatbot, system_message, max_tokens, temperature, top_p, language_selector],
             [chatbot, message]
         )
         
-        clear.click(lambda: ([], ""), outputs=[chatbot, message])
+        message.submit(  # Permite também enviar com Enter
+            respond,
+            [message, chatbot, system_message, max_tokens, temperature, top_p, language_selector],
+            [chatbot, message]
+        )
+        
+        clear_btn.click(lambda: ([], ""), outputs=[chatbot, message])
         
-        # Update interface text when language changes
         def update_language(lang):
             trans = TRANSLATIONS[lang]
             return (
@@ -194,7 +206,9 @@ def create_chat_app():
                 trans["system_message_label"],
                 trans["max_tokens_label"],
                 trans["temperature_label"],
-                trans["top_p_label"]
+                trans["top_p_label"],
+                trans["send_button"],
+                trans["clear_button"]
             )
         
         language_selector.change(
@@ -203,10 +217,12 @@ def create_chat_app():
             outputs=[
                 message,
                 system_message,
-                system_message,  # For label
-                max_tokens,      # For label
-                temperature,     # For label
-                top_p           # For label
+                system_message,
+                max_tokens,
+                temperature,
+                top_p,
+                send_btn,
+                clear_btn
             ]
         )