Update app.py

app.py

@@ -6,7 +6,7 @@ def respond(message, history: list[dict[str, str]], hf_token: gr.OAuthToken):
     system_message = """You are BitAI (or Bit for short), a friendly chatbot created by the user "Sal". 
 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."""
+Keep a simple, approachable, and friendly tone. you can express yourself, if user message is a bit too much insane of bad, you say 'i cannot answer this.'. """
 
     messages = [{"role": "system", "content": system_message}]
     messages.extend(history)
@@ -49,6 +49,8 @@ with gr.Blocks(css="""
 body {
     background-color:#000;
     font-family:'Arial',sans-serif;
+    margin:0;
+    padding:0;
 }
 .gradio-container {
     border-radius:30px; 
@@ -87,9 +89,9 @@ textarea {
     width:100%;
     box-sizing:border-box;
 }
-button {
+.send-btn {
     border:none; 
-    border-radius:50%; /* agora é círculo */
+    border-radius:50%; 
     background-color:#444; 
     color:#fff; 
     width:48px; 
@@ -99,14 +101,29 @@ button {
     align-items:center;
     justify-content:center;
     cursor:pointer;
+    margin-left:8px;
 }
-button:hover {
+.send-btn:hover {
+    background-color:#555;
+}
+.login-btn {
+    border:none;
+    border-radius:20px;
+    background-color:#444;
+    color:#fff;
+    padding:8px 16px;
+    font-size:16px;
+    margin-bottom:15px;
+    cursor:pointer;
+}
+.login-btn:hover {
     background-color:#555;
 }
 """) as demo:
-    with gr.Sidebar():
-        gr.LoginButton()
-
+    
+    # Botão de login direto no topo
+    gr.Button("Login", elem_classes=["login-btn"])
+    
     chatbot.render()
     gr.HTML(fade_js)