Update app.py

app.py

@@ -4,16 +4,28 @@ from huggingface_hub import InferenceClient
 # Função do bot
 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 respond politely, refuse inappropriate requests, and keep a friendly tone."""
-    
+
+    # Descrição melhorada
+    system_message = """You are BitAI (or simply Bit), a friendly chatbot created by the user "Sal". 
+- Always answer in a polite and clear way. 
+- Keep a playful and friendly personality, but never rude. 
+- Refuse harmful, inappropriate or unsafe requests. 
+- You are still a work in progress, so if you don’t know something, admit it kindly.
+- Never claim to be "Sal". Only identify yourself as BitAI (Bit)."""
+
     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):
-        token = chunk.choices[0].delta.content if chunk.choices and chunk.choices[0].delta.content else ""
+    for chunk in client.chat_completion(
+        messages, max_tokens=512, stream=True, temperature=0.7, top_p=0.95
+    ):
+        token = (
+            chunk.choices[0].delta.content
+            if chunk.choices and chunk.choices[0].delta.content
+            else ""
+        )
         response += token
         yield response
 
@@ -28,7 +40,7 @@ function initTitle() {
         titleContainer.innerHTML = `
             <div class="title-inner">
                 <h1 class="chat-title">Talk with BitAI (W.I.P)</h1>
-                <p class="chat-subtitle">Still updating, might not know everything, filter slightly broken</p>
+                <p class="chat-subtitle">Your friendly AI, still learning — answers might be limited</p>
                 <button class="close-title-btn">
                     <svg width="28" height="28" viewBox="0 0 24 24">
                         <path fill="#fff" d="M12 16l-6-6h12z"/>
@@ -38,13 +50,13 @@ function initTitle() {
         `;
         grContainer.insertBefore(titleContainer, grContainer.firstChild);
 
-        // animação de aparecer
+        // animação aparecer
         setTimeout(() => {
             titleContainer.style.opacity = "1";
             titleContainer.style.transform = "translateY(0)";
         }, 100);
 
-        // fechar com a seta
+        // fechar com seta
         const closeBtn = titleContainer.querySelector(".close-title-btn");
         closeBtn.addEventListener("click", () => {
             titleContainer.style.transition = "all 0.4s ease";
@@ -55,23 +67,23 @@ function initTitle() {
     }
 }
 
-// esperar carregar tudo
+// esperar carregar
 window.addEventListener("load", () => {
     setTimeout(initTitle, 300);
-});
 
-// deixar botão de enviar grande
-window.addEventListener("load", () => {
-    const txtArea = document.querySelector("textarea");
-    const btn = document.querySelector(".send-btn");
-    if(txtArea && btn){
-        const resize = () => {
+    // deixar botão enviar grande
+    const observer = new MutationObserver(() => {
+        const txtArea = document.querySelector("textarea");
+        const btn = document.querySelector("button.primary");
+        if(txtArea && btn){
             btn.style.height = txtArea.offsetHeight + "px";
             btn.style.width = txtArea.offsetHeight + "px";
-        };
-        resize();
-        new ResizeObserver(resize).observe(txtArea);
-    }
+            btn.style.borderRadius = "50%";
+            btn.style.fontSize = "16px";
+            observer.disconnect();
+        }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
 });
 </script>
 
@@ -85,7 +97,7 @@ window.addEventListener("load", () => {
     position:relative;
 }
 .title-inner { display:inline-block; position:relative; }
-.chat-title { font-size:32px; color:#fff; margin-bottom:10px; cursor:pointer; }
+.chat-title { font-size:32px; color:#fff; margin-bottom:10px; }
 .chat-subtitle { font-size:14px; color:#aaa; margin-bottom:10px; }
 .close-title-btn {
     position:absolute;
@@ -97,14 +109,6 @@ window.addEventListener("load", () => {
     transition: transform 0.2s;
 }
 .close-title-btn:hover { transform:scale(1.2); }
-.send-btn {
-    border:none;
-    border-radius:50%;
-    background:linear-gradient(145deg,#555,#444);
-    color:#fff;
-    cursor:pointer;
-    transition:0.3s;
-}
 </style>
 """