changes in display of info

src/streamlit_app.py

@@ -3,42 +3,57 @@ import requests
 
 API_URL = "https://kleb38-oc-p5.hf.space"
 
-st.set_page_config(page_title="FUTURISYS — Prédiction RH", page_icon="👥", layout="wide")
-st.title("👥 FUTURISYS — Prédiction de départ RH")
+st.set_page_config(page_title="FUTURISYS — HR Prediction", page_icon="👥", layout="wide")
+st.title("👥 FUTURISYS — HR Departure Prediction")
 
-tab1, tab2 = st.tabs(["📝 Prédiction manuelle", "🔍 Recherche par ID"])
+tab2, tab1 = st.tabs(["🔍 Search by ID", "📝 Manual Prediction"])
 
-# ─── Fonctions communes ────────────────────────────────────────────────────────
+# ─── Common functions ─────────────────────────────────────────────────────────
 
 def afficher_resultat(data):
     prediction = data["statut_employe"]
     score = data["probability_score"]
     facteurs = data["top_5_factors"]
 
-    # Couleur selon le risque
     if "HIGH" in prediction:
         st.error(f"🚨 {prediction}")
     else:
         st.success(f"✅ {prediction}")
 
-    st.metric("Score de probabilité", f"{score * 100:.1f}%")
-    st.markdown(f"*Seuil stratégique : {data['model_threshold']} — {data['note']}*")
+    st.metric("Probability score", f"{score * 100:.1f}%")
+    st.markdown(f"*Strategic threshold: {data['model_threshold']} — {data['note']}*")
+
+    st.subheader("Top 5 SHAP factors")
+    col_rank, col_name, col_interp, col_val = st.columns([0.5, 2, 3.5, 1.5])
+    col_rank.markdown("**#**")
+    col_name.markdown("**Feature**")
+    col_interp.markdown("**Interpretation**")
+    col_val.markdown("**Value**")
+    st.divider()
 
-    st.subheader("Top 5 facteurs SHAP")
     for rang, (facteur, details) in enumerate(facteurs.items()):
         interpretation = details["interpretation"]
         valeur = details["feature_value"]
-        st.markdown(f"**{rang+1}. {facteur}** — {interpretation} *(valeur : {valeur})*")
 
-# ─── Onglet 1 : Formulaire manuel ─────────────────────────────────────────────
+        decreases = "decreases" in interpretation.lower()
+        color = "#00c853" if decreases else "#d50000"
+        arrow = "↓" if decreases else "↑"
+
+        col_rank, col_name, col_interp, col_val = st.columns([0.5, 2, 3.5, 1.5])
+        col_rank.markdown(f"**{rang + 1}**")
+        col_name.markdown(f"`{facteur}`")
+        col_interp.markdown(f'<span style="color:{color}; font-weight:600">{arrow} {interpretation}</span>', unsafe_allow_html=True)
+        col_val.markdown(f"`{valeur}`")
+
+# ─── Tab 1 : Manual form ──────────────────────────────────────────────────────
 
 with tab1:
-    st.header("Saisir les données d'un employé")
+    st.header("Enter employee data")
 
     col1, col2, col3 = st.columns(3)
 
     with col1:
-        st.subheader("Informations personnelles")
+        st.subheader("Personal information")
         genre = st.selectbox("Genre", ["M", "F"])
         age = st.number_input("Âge", min_value=18, max_value=65, value=35)
         statut_marital = st.selectbox("Statut marital", ["Célibataire", "Marié(e)", "Divorcé(e)"])
@@ -51,7 +66,7 @@ with tab1:
         frequence_deplacement = st.selectbox("Fréquence de déplacement", ["Jamais", "Occasionnel", "Fréquent"])
 
     with col2:
-        st.subheader("Poste et expérience")
+        st.subheader("Position and experience")
         departement = st.selectbox("Département", ["Commercial", "Consulting", "RH"])
         poste = st.selectbox("Poste", [
             "Cadre Commercial", "Consultant", "Directeur RH",
@@ -72,7 +87,7 @@ with tab1:
         ])
 
     with col3:
-        st.subheader("Satisfaction")
+        st.subheader("Satisfaction scores")
         satisfaction_env = st.slider("Satisfaction environnement", 1, 4, 3)
         satisfaction_travail = st.slider("Satisfaction nature du travail", 1, 4, 3)
         satisfaction_equipe = st.slider("Satisfaction équipe", 1, 4, 3)
@@ -83,7 +98,7 @@ with tab1:
         nb_participation_pee = st.number_input("Participations PEE", min_value=0, max_value=6, value=3)
         nb_employes_sous_resp = st.number_input("Employés sous responsabilité", min_value=0, max_value=20, value=0)
 
-    if st.button("🔮 Prédire le risque de départ", type="primary"):
+    if st.button("🔮 Predict departure risk", type="primary"):
         payload = {
             "Genre": genre,
             "Statut Marital": statut_marital,
@@ -112,25 +127,25 @@ with tab1:
             "Augmentation salaire précédente": augmentation
         }
 
-        with st.spinner("Prédiction en cours..."):
+        with st.spinner("Predicting..."):
             try:
                 response = requests.post(f"{API_URL}/predict", json=payload)
                 if response.status_code == 200:
                     afficher_resultat(response.json())
                 else:
-                    st.error(f"Erreur API : {response.status_code} — {response.json()}")
+                    st.error(f"API error: {response.status_code} — {response.text}")
             except Exception as e:
-                st.error(f"Impossible de contacter l'API : {e}")
+                st.error(f"Could not reach the API: {e}")
 
-# ─── Onglet 2 : Recherche par ID ──────────────────────────────────────────────
+# ─── Tab 2 : Search by ID ─────────────────────────────────────────────────────
 
 with tab2:
-    st.header("Rechercher un employé par ID")
+    st.header("Search an employee by ID")
 
-    id_employee = st.number_input("ID Employé", min_value=1, value=1, step=1)
+    id_employee = st.number_input("Employee ID", min_value=1, value=1, step=1)
 
-    if st.button("🔍 Rechercher et prédire", type="primary"):
-        with st.spinner("Recherche en cours..."):
+    if st.button("🔍 Search and predict", type="primary"):
+        with st.spinner("Searching..."):
             try:
                 response = requests.get(f"{API_URL}/predict/{id_employee}")
                 if response.status_code == 200:
@@ -138,6 +153,6 @@ with tab2:
                 elif response.status_code == 404:
                     st.warning(f"⚠️ {response.json()['detail']}")
                 else:
-                    st.error(f"Erreur API : {response.status_code}")
+                    st.error(f"API error: {response.status_code}")
             except Exception as e:
-                st.error(f"Impossible de contacter l'API : {e}")
+                st.error(f"Could not reach the API: {e}")