Update pages/gen_ai.py

pages/gen_ai.py

@@ -3,22 +3,56 @@ import os
 from langchain_huggingface import HuggingFaceEndpoint, ChatHuggingFace
 from langchain_core.messages import HumanMessage, SystemMessage
 
-# Set Hugging Face tokens
+# Load Hugging Face token from environment
 hf = os.getenv('Data_science')
 os.environ['HUGGINGFACEHUB_API_TOKEN'] = hf
 os.environ['HF_TOKEN'] = hf
 
-# --- Page Configuration ---
+# --- Page Config ---
 st.set_page_config(page_title="GenAI Mentor Chat", layout="centered")
+
+# --- Custom CSS Styling ---
+st.markdown("""
+    <style>
+    .main {
+        background: linear-gradient(135deg, #41295a 0%, #2F0743 100%);
+        color: white;
+        padding: 2rem;
+    }
+    .stButton>button {
+        background: #ffffff10;
+        border: 1.5px solid #ffffff50;
+        color: white;
+        font-size: 17px;
+        padding: 0.7em 1.1em;
+        border-radius: 10px;
+        width: 100%;
+        transition: 0.2s ease;
+        font-weight: 600;
+    }
+    .stButton>button:hover {
+        background: #ffffff30;
+        border-color: #fff;
+        color: #ffffff;
+    }
+    h1, h3, label {
+        color: #ffffff;
+        text-align: center;
+    }
+    hr {
+        border: 1px solid #ffffff40;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+# --- Title ---
 st.title("🤖 GenAI Mentor Chat")
 
-# --- Sidebar: Experience Level ---
+# --- Sidebar for Experience ---
 st.sidebar.title("Mentor Preferences")
-experience_label = st.sidebar.selectbox(
-    "Select your experience level:", ["Beginner", "Intermediate", "Experienced"]
-)
+experience_label = st.sidebar.selectbox("Select your experience level:", ["Beginner", "Intermediate", "Expert"])
 
-# --- Initialize Chat Model ---
+# --- Model Initialization ---
 genai_skeleton = HuggingFaceEndpoint(
     repo_id='google/gemma-2-9b-it',
     provider='nebius',
@@ -42,7 +76,7 @@ PAGE_KEY = "genai_chat_history"
 if PAGE_KEY not in st.session_state:
     st.session_state[PAGE_KEY] = []
 
-# --- Chat Input Form ---
+# --- Chat Input ---
 with st.form(key="chat_form"):
     user_input = st.text_input("Ask your question:")
     submit = st.form_submit_button("Send")
@@ -50,15 +84,15 @@ with st.form(key="chat_form"):
 # --- Chat Logic ---
 if submit and user_input:
     system_prompt = (
-        f"You are a Generative AI mentor with {experience_label.lower()} experience. "
-        f"Answer only Generative AI questions in a friendly tone, within 150 words. "
-        f"Politely inform if the question is out of scope."
+        f"Act as a Generative AI mentor with {experience_label.lower()} expertise. "
+        f"Explain concepts in a friendly tone, within 150 words. "
+        f"If the question is not related to Generative AI, politely say it's out of scope."
     )
     messages = [SystemMessage(content=system_prompt), HumanMessage(content=user_input)]
     result = genai_chat.invoke(messages)
     st.session_state[PAGE_KEY].append((user_input, result.content))
 
-# --- Chat History Display ---
+# --- Display Chat History ---
 st.subheader("🗨️ Chat History")
 for user, bot in st.session_state[PAGE_KEY]:
     st.markdown(f"**You:** {user}")