style: Clean decimal precision and sync sidebar profile pic

Author: pavanbadempet

frontend/components/sidebar.py

@@ -50,11 +50,26 @@ def render_sidebar():
         if username != 'Guest':
             with st.container():
                 # Simple clean profile display
-                st.markdown(f"""
-                <div style="background-color: rgba(255, 255, 255, 0.05); padding: 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; margin-bottom: 20px;">
+                # Simple clean profile display with Dynamic Picture
+                pic = st.session_state.get('profile_picture')
+                
+                avatar_html = ""
+                if pic:
+                    avatar_html = f"""
+                    <div style="width: 38px; height: 38px; border-radius: 50%; overflow: hidden; border: 2px solid #3B82F6;">
+                        <img src="{pic}" style="width: 100%; height: 100%; object-fit: cover;">
+                    </div>
+                    """
+                else:
+                    avatar_html = f"""
                     <div style="background: #3B82F6; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; color: white;">
                         {username[0].upper()}
                     </div>
+                    """
+
+                st.markdown(f"""
+                <div style="background-color: rgba(255, 255, 255, 0.05); padding: 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; margin-bottom: 20px;">
+                    {avatar_html}
                     <div>
                         <div style="font-weight: 600; font-size: 14px; color: #F1F5F9;">{username}</div>
                         <div style="font-size: 12px; color: #4ADE80;">● Online</div>

frontend/utils/api.py

@@ -81,11 +81,12 @@ def login(username, password) -> bool:
             st.session_state['username'] = username
             save_session(token, username)
 
-            # Fetch profile to get Role
+            # Fetch profile to get Role and Picture
             try:
                 prof = fetch_profile()
                 if prof:
                     st.session_state['role'] = prof.get('role', 'patient')
+                    st.session_state['profile_picture'] = prof.get('profile_picture')
             except:
                 pass
 

frontend/views/profile_view.py

@@ -41,12 +41,12 @@ def render_profile_page():
             with col_inputs:
                 col1, col2 = st.columns(2)
                 with col1:
-                    height = st.number_input("Height (cm)", value=float(profile.get("height") or 170.0))
-                    weight = st.number_input("Weight (kg)", value=float(profile.get("weight") or 70.0))
+                    height = st.number_input("Height (cm)", value=int(profile.get("height") or 170), format="%d", step=1)
+                    weight = st.number_input("Weight (kg)", value=float(profile.get("weight") or 70.0), format="%.1f", step=0.1)
                     diet = st.selectbox("Diet", ["Vegetarian", "Non-Vegetarian", "Vegan", "Keto", "Other"], index=0 if not profile.get("diet") else ["Vegetarian", "Non-Vegetarian", "Vegan", "Keto", "Other"].index(profile.get("diet")))
                 with col2:
                     activity = st.selectbox("Activity Level", ["Sedentary", "Lightly Active", "Moderately Active", "Very Active"], index=0)
-                    sleep = st.slider("Sleep (Hours)", 4.0, 12.0, float(profile.get("sleep_hours") or 7.0))
+                    sleep = st.slider("Sleep (Hours)", 4.0, 12.0, float(profile.get("sleep_hours") or 7.0), step=0.5, format="%.1f")
                     stress = st.selectbox("Stress Level", ["Low", "Moderate", "High"], index=1)
 
                 allow_data = st.checkbox("Allow Data Collection for AI Improvement", value=profile.get("allow_data_collection", True))
@@ -70,8 +70,10 @@ def render_profile_page():
                     "stress_level": stress, "allow_data_collection": allow_data,
                     "profile_picture": pic_data
                 }
-                api.update_profile(payload)
-                st.rerun()
+                if api.update_profile(payload):
+                    # Update Session State immediately for Sidebar sync
+                    st.session_state['profile_picture'] = pic_data
+                    st.rerun()
 
     # Display Metrics
     st.markdown("### My Stats")