Update pages/4_Statistics.py

pages/4_Statistics.py

@@ -3,15 +3,15 @@ import os
 from langchain_huggingface import HuggingFaceEndpoint, ChatHuggingFace
 from langchain_core.messages import HumanMessage, SystemMessage
 
-# Set environment variables
+# --- Environment Token Setup ---
 hf = os.getenv('Data_science')
 os.environ['HUGGINGFACEHUB_API_TOKEN'] = hf
 os.environ['HF_TOKEN'] = hf
 
-# Page setup
-st.set_page_config(page_title="Statistics Mentor Chat", layout="centered")
+# --- Streamlit Page Config ---
+st.set_page_config(page_title="📊 Statistics Mentor Chat", page_icon="📈", layout="centered")
 
-# Custom style
+# --- Custom CSS Styling ---
 st.markdown("""
     <style>
     .main {
@@ -19,42 +19,61 @@ st.markdown("""
         padding: 2rem;
         font-family: 'Segoe UI', sans-serif;
     }
+    h1, h2, h3, h4, h5, h6, p, label, .css-10trblm, .css-q8sbsg {
+        color: #ffffff !important;
+        text-align: center;
+    }
+    .stTextInput > div > div > input {
+        background-color: rgba(255, 255, 255, 0.1);
+        color: white;
+        border: 1px solid rgba(255, 255, 255, 0.5);
+        border-radius: 8px;
+        padding: 0.6em;
+    }
+    .stTextInput > div > div > input::placeholder {
+        color: rgba(255, 255, 255, 0.6);
+    }
     .stButton>button {
-        background: #ffffff10;
-        border: 2px solid #ffffff50;
+        background: rgba(255, 255, 255, 0.15);
+        border: 2px solid rgba(255, 255, 255, 0.4);
         color: white;
         font-size: 18px;
-        font-weight: 600;
+        font-weight: bold;
         padding: 0.8em 1.2em;
         border-radius: 12px;
         width: 100%;
-        transition: 0.3s ease;
-        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+        transition: all 0.3s ease;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
     }
     .stButton>button:hover {
-        background: #ffffff30;
-        border-color: #fff;
-        color: #ffffff;
+        background: rgba(255, 255, 255, 0.3);
+        border-color: white;
+        color: white;
     }
-    h1, h3, p, label {
-        color: #ffffff;
-        text-align: center;
+    .stSidebar > div:first-child {
+        background: #2c3e50;
+        padding: 1rem;
+        border-radius: 0 15px 15px 0;
+    }
+    .stSidebar h1, .stSidebar h2, .stSidebar h3, .stSidebar label, .stSidebar p {
+        color: white !important;
     }
     hr {
-        border: 1px solid #ffffff50;
+        border: 1px solid rgba(255, 255, 255, 0.3);
         margin: 2em 0;
     }
     </style>
 """, unsafe_allow_html=True)
 
-# Title
+# --- Page Title ---
 st.title("📊 Statistics Mentor Chat")
+st.markdown("### 🧮 Ask questions about probability, distributions, testing, and more!")
 
-# Sidebar
-st.sidebar.title("Mentor Preferences")
-exp = st.sidebar.selectbox("Select your experience level:", ["Beginner", "Intermediate", "Expert"])
+# --- Sidebar: Experience Selection ---
+st.sidebar.title("🎓 Mentor Preferences")
+exp = st.sidebar.selectbox("📚 Select your experience level:", ["Beginner", "Intermediate", "Expert"])
 
-# Model setup
+# --- Load Language Model ---
 stats_model_skeleton = HuggingFaceEndpoint(
     repo_id='THUDM/GLM-4-32B-0414',
     provider='novita',
@@ -72,30 +91,30 @@ stats_mentor = ChatHuggingFace(
     task='conversational'
 )
 
-# Session key
+# --- Chat Session State ---
 PAGE_KEY = "chat_history_stats"
 if PAGE_KEY not in st.session_state:
     st.session_state[PAGE_KEY] = []
 
-# Chat form
+# --- Chat Input ---
 with st.form(key="chat_form"):
-    user_input = st.text_input("Ask your question:")
-    submit = st.form_submit_button("Send")
+    user_input = st.text_input("📌 Ask your Statistics question:", placeholder="e.g. What is the difference between mean and median?")
+    submit = st.form_submit_button("📤 Send")
 
-# Chat logic
+# --- Chat Handling Logic ---
 if submit and user_input:
     system_prompt = (
-        f"Act as a statistics mentor with {exp.lower()} expertise. "
-        f"Answer in a friendly tone and within 150 words. "
-        f"If the question is not statistics-related, politely say it's out of scope."
+        f"You are a statistics mentor with {exp.lower()} expertise. "
+        f"Answer only statistics-related questions in a concise, friendly tone. "
+        f"Keep responses under 150 words. If the topic is out of scope, politely say so."
     )
     messages = [SystemMessage(content=system_prompt), HumanMessage(content=user_input)]
     result = stats_mentor.invoke(messages)
     st.session_state[PAGE_KEY].append((user_input, result.content))
 
-# Display chat history
-st.subheader("🗨️ Chat History")
+# --- Chat History ---
+st.subheader("📜 Chat History")
 for user, bot in st.session_state[PAGE_KEY]:
-    st.markdown(f"**You:** {user}")
-    st.markdown(f"**Mentor:** {bot}")
+    st.markdown(f"**🙋 You:** {user}")
+    st.markdown(f"**📈 Mentor:** {bot}")
     st.markdown("---")