Update app.py

app.py

@@ -1,6 +1,5 @@
 import gradio as gr
 from huggingface_hub import InferenceClient
-import time
 
 def respond(message, history: list[dict[str, str]], hf_token: gr.OAuthToken):
     client = InferenceClient(token=hf_token.token, model="openai/gpt-oss-20b")
@@ -19,20 +18,20 @@ Keep a simple, approachable, and friendly tone."""
         if chunk.choices and chunk.choices[0].delta.content:
             token = chunk.choices[0].delta.content
         response += token
-
-        # Yield por partes para dar efeito de digitação
-        for i in range(len(response)):
-            yield response[:i+1]
-            time.sleep(0.01)  # velocidade do "typing"
+        yield response
 
 chatbot = gr.ChatInterface(respond, type="messages")
 
 with gr.Blocks(css="""
-body{background-color:#000;font-family:'Arial',sans-serif;}
-.gradio-container{border-radius:20px;padding:15px;max-width:700px;margin:20px auto;background-color:#fff;}
-.chat-message{border-radius:15px;padding:10px 15px;margin:5px 0; display:flex; flex-direction:column;}
-.chat-message.user{background-color:#dceefc; align-items:flex-end;}
-.chat-message.bot{background-color:#f0f0f0; align-items:flex-start;}
+body {background-color:#000; font-family:'Arial',sans-serif;}
+.gradio-container {border-radius:20px; padding:15px; max-width:700px; margin:20px auto; background-color:#fff;}
+.chat-message {border-radius:15px; padding:10px 15px; margin:5px 0; display:flex; flex-direction:column; opacity:0; animation: fadein 0.5s forwards;}
+.chat-message.user {background-color:#dceefc; align-items:flex-end;}
+.chat-message.bot {background-color:#f0f0f0; align-items:flex-start;}
+@keyframes fadein {
+  from {opacity:0;}
+  to {opacity:1;}
+}
 """) as demo:
     with gr.Sidebar():
         gr.LoginButton()