Update app.py

app.py

@@ -13,7 +13,7 @@ st.set_page_config(
     initial_sidebar_state="expanded"  # Changed to show chat history by default
 )
 
-# Enhanced CSS with chat history styling
+# Enhanced CSS with chat history styling and BLACK NEW CHAT BUTTON
 st.markdown("""
 <style>
     .stApp {
@@ -40,6 +40,32 @@ st.markdown("""
         font-style: italic;
     }
     
+    /* NEW CHAT BUTTON - Black background, white text */
+    .stButton > button[kind="primary"] {
+        background-color: #000000 !important;
+        border-color: #000000 !important;
+        color: #ffffff !important;
+    }
+    
+    .stButton > button[kind="primary"]:hover {
+        background-color: #333333 !important;
+        border-color: #333333 !important;
+        color: #ffffff !important;
+    }
+    
+    .stButton > button[kind="primary"]:active {
+        background-color: #1a1a1a !important;
+        border-color: #1a1a1a !important;
+        color: #ffffff !important;
+    }
+    
+    .stButton > button[kind="primary"]:focus {
+        background-color: #000000 !important;
+        border-color: #000000 !important;
+        color: #ffffff !important;
+        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25) !important;
+    }
+    
     /* Chat history styling */
     .chat-history-item {
         padding: 8px 12px;
@@ -332,8 +358,7 @@ def start_new_chat():
 def get_user_id():
     """Get unique ID for this user session"""
     if 'user_id' not in st.session_state:
-        st.session_state.user_id = str(uuid.uuid4())[
-            :8]  # Short ID for family use
+        st.session_state.user_id = str(uuid.uuid4())[:8]  # Short ID for family use
     return st.session_state.user_id
 
 
@@ -498,12 +523,9 @@ def get_ai_response(messages, model="openai/gpt-3.5-turbo"):
 st.title("Chat Flow 🕷")
 st.caption("10 powerful Models, one simple chat.")
 
-# Sidebar with Chat History
+# Sidebar for chat management and settings
 with st.sidebar:
-    # NEW: Chat History Section at the top
-    st.header("💬 Chat History")
-    
-    # New Chat Button
+    # New Chat Button - NOW WITH BLACK STYLING
     if st.button("➕ New Chat", use_container_width=True, type="primary"):
         start_new_chat()
         st.rerun()
@@ -550,7 +572,7 @@ with st.sidebar:
                             st.rerun()
                     
                     with col_delete:
-                        if st.button("🗑️", key=f"delete_{session_id}"):
+                        if st.button("✕", key=f"delete_{session_id}"):
                             delete_session(session_id)
                             # If deleted session was current, start new chat
                             if session_id == current_session_id:
@@ -709,8 +731,6 @@ with st.sidebar:
         st.success("Chat cleared!")
         st.rerun()
 
-# Show welcome message when no messages
-
 # Display chat messages
 for message in st.session_state.messages:
     with st.chat_message(message["role"]):