Update app.py

app.py

@@ -17,82 +17,19 @@ if not GROQ_API_KEY:
     st.error("⚠️ API Key Missing! Please set it in your environment.")
     st.stop()
 
-st.set_page_config(page_title="IntelliCare Portal | Hassan Naseer", layout="wide", page_icon="🏥")
-
-# --- 2. ADVANCED CSS: THE STATIC FRAME ENGINE ---
-def inject_static_frame():
-    st.markdown("""
-    <style>
-    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
-    
-    /* 1. LOCK THE ENTIRE PAGE: No page-level scrolling allowed */
-    html, body, [data-testid="stAppViewContainer"] {
-        overflow: hidden !important;
-        height: 100vh;
-        font-family: 'Poppins', sans-serif;
-    }
-
-    /* 2. STATIC SIDEBAR: Locked 100% */
-    [data-testid="stSidebar"] {
-        background: linear-gradient(180deg, #0f172a 0%, #1e3a8a 100%);
-        position: fixed;
-        height: 100vh;
-        z-index: 1000;
-    }
-    [data-testid="stSidebar"] * { color: #f8fafc !important; }
-
-    /* 3. THE SCROLLABLE CHAT BOARD: The only area that allows scrolling */
-    .chat-board-container {
-        height: 60vh; /* Fixed height for the chat area */
-        overflow-y: auto;
-        padding: 20px;
-        background: #ffffff;
-        border-radius: 15px;
-        border: 1px solid #e2e8f0;
-        display: flex;
-        flex-direction: column;
-        margin-top: 10px;
-    }
-
-    /* 4. STATIC PROMPT BAR: Fixed to bottom, never moves */
-    div[data-testid="stChatInput"] {
-        position: fixed !important;
-        bottom: 40px !important;
-        left: 20% !important; /* Sidebar width adjustment */
-        width: 70% !important;
-        z-index: 999 !important;
-        border-radius: 30px !important;
-        border: 2px solid #3b82f6 !important;
-        background: white !important;
-        box-shadow: 0 -5px 20px rgba(0,0,0,0.05) !important;
-    }
-
-    /* Professional Message Bubbles */
-    .user-msg {
-        background: #3b82f6; color: white; padding: 15px;
-        border-radius: 20px 20px 0 20px; align-self: flex-end;
-        margin-bottom: 12px; max-width: 80%;
-    }
-    .ai-msg {
-        background: #f8fafc; color: #1e293b; padding: 15px;
-        border-radius: 20px 20px 20px 0; align-self: flex-start;
-        margin-bottom: 12px; max-width: 80%; border: 1px solid #e2e8f0;
-    }
-    .voice-btn { background: none; border: none; cursor: pointer; float: right; font-size: 1.1rem; }
-    </style>
-
-    <script>
-    function speak(text) {
-        window.speechSynthesis.cancel();
-        const msg = new SpeechSynthesisUtterance(text);
-        window.speechSynthesis.speak(msg);
-    }
-    </script>
-    """, unsafe_allow_html=True)
-
-inject_static_frame()
-
-# --- 3. DATABASE & SESSION UTILS ---
+st.set_page_config(page_title="IntelliCare Portal", layout="wide", page_icon="🏥")
+
+# --- 2. SIMPLE THEME ---
+# Removed advanced CSS to return to the original simple look
+st.markdown("""
+<style>
+    .chat-bubble { padding: 15px; border-radius: 10px; margin-bottom: 10px; border: 1px solid #ddd; }
+    .user-msg { background-color: #e3f2fd; border-left: 5px solid #2196f3; }
+    .ai-msg { background-color: #f1f8e9; border-left: 5px solid #4caf50; }
+</style>
+""", unsafe_allow_html=True)
+
+# --- 3. PERSISTENCE & UTILS ---
 USER_DB, HISTORY_DB = "users_secure.csv", "clinical_history.csv"
 def hash_pass(pwd): return hashlib.sha256(str.encode(pwd)).hexdigest()
 def load_db(file, cols):
@@ -103,16 +40,15 @@ if "logged_in" not in st.session_state: st.session_state.logged_in = False
 if "msgs" not in st.session_state: st.session_state.msgs = []
 if "active_doc" not in st.session_state: st.session_state.active_doc = None
 
-# --- 4. ACCOUNT & PORTAL AUTHENTICATION ---
-
+# --- 4. AUTHENTICATION (Account Creation & Login) ---
 if not st.session_state.logged_in:
-    st.markdown("<h1 style='text-align: center; color: #1e3a8a; padding-top: 50px;'>🏥 INTELLICARE PORTAL</h1>", unsafe_allow_html=True)
-    c2 = st.columns([1, 2, 1])[1]
+    st.markdown("<h1 style='text-align: center;'>🏥 IntelliCare Portal</h1>", unsafe_allow_html=True)
+    c1, c2, c3 = st.columns([1, 2, 1])
     with c2:
-        tab1, tab2 = st.tabs(["🔐 Login", "✨ Create Account"])
+        tab1, tab2 = st.tabs(["🔐 Login", "📝 Create Account"])
         with tab1:
             u, p = st.text_input("Username"), st.text_input("Password", type="password")
-            if st.button("SIGN IN"):
+            if st.button("Sign In"):
                 db = load_db(USER_DB, ["username", "password", "role"])
                 match = db[(db['username'] == u) & (db['password'] == hash_pass(p))]
                 if not match.empty:
@@ -121,90 +57,83 @@ if not st.session_state.logged_in:
                     st.rerun()
         with tab2:
             nu, np, nr = st.text_input("New ID"), st.text_input("New Pass", type="password"), st.selectbox("I am a:", ["Patient", "Doctor"])
-            if st.button("REGISTER"):
+            if st.button("Register Account"):
                 df = load_db(USER_DB, ["username", "password", "role"])
                 if nu not in df['username'].values:
                     pd.concat([df, pd.DataFrame([{"username": nu, "password": hash_pass(np), "role": nr}])]).to_csv(USER_DB, index=False)
-                    st.success("Account Ready! Log in.")
+                    st.success("Registered! You can now log in.")
     st.stop()
 
-# --- 5. STATIC DASHBOARD SIDEBAR ---
+# --- 5. SIDEBAR NAVIGATION ---
 with st.sidebar:
-    st.markdown(f"### 👤 {st.session_state.username}\n**{st.session_state.role} Mode**")
-    if st.button("🚪 Logout Session"): st.session_state.logged_in = False; st.rerun()
+    st.markdown(f"### 👤 {st.session_state.username}")
+    if st.button("Logout"): st.session_state.logged_in = False; st.rerun()
     st.divider()
     if st.session_state.role == "Patient":
-        nav = st.radio("Dashboard Navigation", ["💬 AI Chat Board", "🧪 Health Lab", "📍 Nearby Clinics", "📞 Video Consult"])
+        nav = st.radio("Menu", ["💬 AI Chat", "🧪 Health Lab", "📍 Nearby Clinics", "📞 Video Consult"])
     else:
-        nav = st.radio("Dashboard Navigation", ["🖥️ Consultation Desk", "📋 Patient Records"])
+        nav = st.radio("Menu", ["🖥️ Consultation Desk", "📋 Patient Records"])
 
-# --- 6. PORTAL MODULES ---
-if nav == "💬 AI Chat Board":
-    st.markdown("### 💬 Clinical Intelligence Assistant")
-    
-    # INDEPENDENT SCROLL AREA: Only this box scrolls when chat is long
-    st.markdown('<div class="chat-board-container">', unsafe_allow_html=True)
-    if not st.session_state.msgs:
-        st.markdown('<div class="ai-msg">Portal Active. Input your symptoms or clinical reports.</div>', unsafe_allow_html=True)
+# --- 6. PORTAL FEATURES ---
+if nav == "💬 AI Chat":
+    st.markdown("### 💬 Clinical AI Assistant")
     
+    # Simple Chat Display
     for m in st.session_state.msgs:
         bubble = "user-msg" if m["role"] == "user" else "ai-msg"
-        icon = f'<button class="voice-btn" onclick="speak(\'{m["content"].replace("'", "")}\')">🔊</button>' if m["role"] == "assistant" else ""
-        st.markdown(f'<div class="{bubble}">{icon}{m["content"]}</div>', unsafe_allow_html=True)
-    st.markdown('</div>', unsafe_allow_html=True)
+        st.markdown(f'<div class="chat-bubble {bubble}">{m["content"]}</div>', unsafe_allow_html=True)
 
-    # STATIC INPUT CONTROLS (Always visible at bottom)
+    # Simple Input Section
     st.divider()
-    col1, col2, col3 = st.columns([1, 8, 1])
+    q = st.chat_input("Ask a medical question...")
+    
+    col1, col2 = st.columns([1, 5])
     with col1:
-        with st.popover("➕"):
-            up = st.file_uploader("Upload Medical PDF", type=['pdf'])
-            if up:
-                with pdfplumber.open(up) as f:
-                    st.session_state.active_doc = " ".join([p.extract_text() for p in f.pages])
-                    st.success("PDF Analyzed.")
+        up = st.file_uploader("➕ Attach PDF", type=['pdf'])
+        if up:
+            with pdfplumber.open(up) as f:
+                st.session_state.active_doc = " ".join([p.extract_text() for p in f.pages])
+                st.success("PDF Loaded")
     with col2:
-        q = st.chat_input("Enter clinical query...")
-    with col3:
-        v = st.audio_input("🎤", label_visibility="collapsed")
+        v = st.audio_input("🎤 Voice Message")
 
-    # AI RESPONSE ENGINE
     final_q = q if q else (v if v else None)
     if final_q:
         if hasattr(final_q, 'getvalue'):
             final_q = Groq(api_key=GROQ_API_KEY).audio.transcriptions.create(file=("a.wav", final_q.getvalue()), model="whisper-large-v3", response_format="text")
         st.session_state.msgs.append({"role": "user", "content": final_q})
-        sys_p = "Medical Assistant. Analyze documents if present. Strictly clinical advice only."
-        ctx = f"PDF_DATA: {st.session_state.active_doc}"
-        ans = Groq(api_key=GROQ_API_KEY).chat.completions.create(model="llama-3.3-70b-versatile", messages=[{"role": "system", "content": sys_p}, {"role": "system", "content": ctx}] + st.session_state.msgs)
+        
+        sys_p = "Medical AI. Answer clinical queries. Use PDF if provided. Refuse non-medical topics."
+        ans = Groq(api_key=GROQ_API_KEY).chat.completions.create(model="llama-3.3-70b-versatile", messages=[{"role": "system", "content": sys_p}, {"role": "system", "content": f"CTX: {st.session_state.active_doc}"}] + st.session_state.msgs)
         st.session_state.msgs.append({"role": "assistant", "content": ans.choices[0].message.content})
         st.rerun()
 
 elif nav == "🧪 Health Lab":
-    st.markdown("### 🧪 Health Diagnostics")
-    tool = st.selectbox("Tool Selection", ["BMI Analyzer", "Glucose Tracker", "ECG Sim"])
+    st.markdown("### 🧪 Health Tools")
+    tool = st.selectbox("Tool", ["BMI Analyzer", "Glucose Tracker", "ECG Simulator"])
     if tool == "BMI Analyzer":
         
         w, h = st.number_input("Weight (kg)", 70), st.number_input("Height (cm)", 175)
         bmi = round(w / ((h/100)**2), 1)
+        st.metric("Your BMI", bmi)
         st.plotly_chart(go.Figure(go.Indicator(mode="gauge+number", value=bmi, gauge={'bar':{'color':"#10b981"}})))
     elif tool == "Glucose Tracker":
         
         st.area_chart(pd.DataFrame(np.random.randn(20, 1).cumsum() + 100))
-    elif tool == "ECG Sim":
+    elif tool == "ECG Simulator":
         
         hr = st.slider("BPM", 40, 180, 72)
         y = np.sin(2 * np.pi * (hr/60) * np.linspace(0, 2, 200))
         st.plotly_chart(go.Figure(data=go.Scatter(y=y, mode='lines', line=dict(color='#ff4b4b'))))
 
 elif nav == "📍 Nearby Clinics":
-    st.markdown("### 📍 Specialist Hospital Finder")
+    st.markdown("### 📍 Specialist Hospital Locator")
     loc = streamlit_geolocation()
     if loc.get("latitude"):
         m = folium.Map(location=[loc["latitude"], loc["longitude"]], zoom_start=14)
         st_folium(m, width=1000, height=500)
 
 elif nav == "📞 Video Consult":
-    st.markdown("### 📞 Specialist Live Call")
+    st.markdown("### 📞 Live Doctor Session")
     if st.button("Start Meeting"):
         st.components.v1.html(f'<iframe src="https://meet.jit.si/IntelliCare-{st.session_state.username}" width="100%" height="600px"></iframe>', height=650)