Update app.py

app.py

@@ -3,25 +3,30 @@ from huggingface_hub import InferenceClient
 
 def respond(message, history: list[dict[str, str]], hf_token: gr.OAuthToken):
     client = InferenceClient(token=hf_token.token, model="openai/gpt-oss-20b")
-
     system_message = """You are BitAI (or Bit for short), a friendly chatbot created by the user "Sal". 
-You always respond politely and helpfully. If a user requests something appropriate, fulfill it. 
-If a user requests something harmful, illegal, or inappropriate, politely refuse. 
-If a user keeps insisting on harmful requests, firmly tell them to stop and that they cannot use the service for that purpose.
-Keep a simple, approachable, and friendly tone otherwise."""
+If someone claims that you are "Sal", politely clarify that you are BitAI. 
+Respond naturally and casually, without repeating your identity or visual appearance unless asked.
+Keep a simple, approachable, and friendly tone."""
 
     messages = [{"role": "system", "content": system_message}]
     messages.extend(history)
     messages.append({"role": "user", "content": message})
 
     response = ""
-    for chunk in client.chat_completion(messages, max_tokens=512, stream=True, temperature=0.7, top_p=0.95):
+    for chunk in client.chat_completion(
+        messages,
+        max_tokens=512,
+        stream=True,
+        temperature=0.7,
+        top_p=0.95
+    ):
         token = ""
         if chunk.choices and chunk.choices[0].delta.content:
             token = chunk.choices[0].delta.content
         response += token
         yield response
 
+
 chatbot = gr.ChatInterface(respond, type="messages")
 
 fade_js = """
@@ -31,11 +36,9 @@ const observer = new MutationObserver(mutations=>{
         m.addedNodes.forEach(node=>{
             if(node.classList && node.classList.contains('chat-message')){
                 node.style.opacity = 0;
-                node.style.transition = "opacity 0.4s ease, transform 0.4s ease";
-                node.style.transform = "translateY(10px)";
+                node.style.transition = "opacity 0.4s ease";
                 requestAnimationFrame(()=>{
                     node.style.opacity = 1;
-                    node.style.transform = "translateY(0)";
                 });
             }
         });
@@ -57,7 +60,7 @@ body {
     padding:0;
 }
 .gradio-container {
-    border-radius:45px; 
+    border-radius:30px; 
     padding:20px; 
     max-width:700px; 
     margin:30px auto; 
@@ -65,7 +68,7 @@ body {
     box-shadow:0 6px 25px rgba(0,0,0,0.3);
 }
 .chat-message {
-    border-radius:45px; 
+    border-radius:25px; 
     padding:14px 18px; 
     margin:8px 0; 
     display:flex; 
@@ -85,7 +88,7 @@ body {
 textarea {
     border:none; 
     outline:none; 
-    border-radius:45px; 
+    border-radius:25px; 
     padding:12px; 
     background-color:#1a1a1a; 
     color:#fff; 
@@ -95,12 +98,12 @@ textarea {
 }
 .send-btn {
     border:none; 
-    border-radius:45px; 
+    border-radius:50%; 
     background-color:#444; 
     color:#fff; 
-    width:48px; 
-    height:48px; 
-    font-size:18px;
+    width:56px;   /* aumentei */
+    height:56px;  /* aumentei */
+    font-size:22px;  /* aumentei um pouco */
     display:flex;
     align-items:center;
     justify-content:center;
@@ -110,9 +113,8 @@ textarea {
 .send-btn:hover {
     background-color:#555;
 }
-/* login button default Gradio */
 .gr-button.gr-login {
-    border-radius:45px !important;
+    border-radius:20px !important;
     background-color:#444 !important;
     color:#fff !important;
     margin-bottom:15px;
@@ -122,9 +124,7 @@ textarea {
 }
 """) as demo:
 
-    # Login direto na página
     gr.LoginButton()
-    
     chatbot.render()
     gr.HTML(fade_js)