Update app.py

app.py

@@ -12,7 +12,7 @@ zaid = DebuggerAgent()
 # In-memory chat
 chat_memory = []
 
-# Load greeting shortcut mappings (optional JSON file)
+# Greeting shortcuts
 GREETING_RESPONSES = {
     "hi": "Hey there! 👋",
     "hello": "Hello! How can I help?",
@@ -31,7 +31,7 @@ def chat(user_input):
         return chat_memory
 
     is_greeting, shortcut = fast_greeting_handler(user_input)
-    
+
     if is_greeting:
         response_aymaan = shortcut + " (Aymaan)"
         response_zaid = shortcut + " (Zaid)"
@@ -42,13 +42,11 @@ def chat(user_input):
         user_msg = ACPMessage(sender="User", receiver="Zaid", performative="inform", content=user_input)
         response_zaid = zaid.receive_message(user_msg).content
 
-    chat_memory.append({"role": "user", "content": user_input})
+    chat_memory.append({"role": "You", "content": user_input})
     chat_memory.append({"role": "Aymaan", "content": response_aymaan})
     chat_memory.append({"role": "Zaid", "content": response_zaid})
 
-    formatted = []
-    for item in chat_memory:
-        formatted.append((item["role"], item["content"]))
+    formatted = [(item["role"], item["content"]) for item in chat_memory]
     return formatted
 
 def reset_memory():
@@ -56,20 +54,50 @@ def reset_memory():
     chat_memory = []
     return []
 
-with gr.Blocks(css="footer {margin-top: 2em; text-align: center;}") as demo:
-    gr.Markdown("## 🤖 BotTalks (Groq Edition) — Chat with Aymaan & Zaid")
+custom_css = """
+footer {
+    margin-top: 2em;
+    text-align: center;
+    color: #999;
+    font-size: 0.9em;
+}
+
+.gradio-container {
+    background: linear-gradient(to bottom right, #f0f2f5, #dbe6f3);
+    font-family: 'Segoe UI', sans-serif;
+}
+
+textarea, .gr-button {
+    border-radius: 12px !important;
+}
+
+.gr-button {
+    background-color: #007bff !important;
+    color: white !important;
+    font-weight: bold;
+    transition: background-color 0.3s ease;
+}
 
-    chatbot = gr.Chatbot(label="Group Chat", height=300)
-    msg = gr.Textbox(label="Type your message...")
-    send_btn = gr.Button("Send")
-    clear_btn = gr.Button("🧹 Clear Chat")
+.gr-button:hover {
+    background-color: #0056b3 !important;
+}
+"""
+
+with gr.Blocks(css=custom_css) as demo:
+    gr.Markdown("### 💬 ChatLoop — Your Dual AI Chat")
+    
+    chatbot = gr.Chatbot(label="Chat", height=400, bubble_full_width=False)
+    with gr.Row():
+        msg = gr.Textbox(placeholder="Type your message here...", show_label=False, lines=1, max_lines=4, scale=4)
+        send_btn = gr.Button("📨 Send", scale=1)
+    clear_btn = gr.Button("🧹 Clear Chat", variant="secondary")
 
     send_btn.click(chat, inputs=msg, outputs=chatbot)
     clear_btn.click(reset_memory, outputs=chatbot)
 
     gr.HTML("""
     <footer>
-        👨‍💻 Made by <a href="https://github.com/aymnsk" target="_blank">aymnsk</a> • Powered by <a href="https://groq.com/" target="_blank">Groq API</a>
+        Built with ❤️ by <a href="https://github.com/aymnsk" target="_blank">aymnsk</a>
     </footer>
     """)