Update src/streamlit_app.py

src/streamlit_app.py

@@ -3,61 +3,55 @@ import pandas as pd
 import os
 
 # ==============================================================================
-# 1. STYLE CSS V2 (GRILLES DE SÉLECTION BLANC SUR NOIR)
+# 1. STYLE CSS V2 (LISTE DÉROULANTE ULTRA-VISIBLE)
 # ==============================================================================
 st.set_page_config(page_title="Brake Lab V2", layout="centered")
 
 st.markdown("""
     <style>
-    /* 1.1 FOND GLOBAL BLANC */
+    /* 1.1 FOND GLOBAL ET TEXTE */
     .stApp { background-color: #FFFFFF !important; }
     * { color: #000000 !important; font-family: 'Arial', sans-serif; }
     
-    /* 1.2 SAISIE NUMÉRIQUE : BLANC SUR NOIR */
+    /* 1.2 INPUT NUMÉRIQUE (TEXTE BLANC SUR NOIR) */
     input[type="number"] {
         color: #FFFFFF !important;
         background-color: #1E1E1E !important;
         border-radius: 8px !important;
         font-weight: bold !important;
-        font-size: 22px !important;
     }
 
-    /* 1.3 GRILLES DE SÉLECTION (SELECTBOX) : BLANC SUR NOIR */
-    /* La boite fermée */
+    /* 1.3 SELECTBOX : LA BOITE PRINCIPALE */
     div[data-baseweb="select"] {
         background-color: #1E1E1E !important;
         border: 2px solid #000000 !important;
         border-radius: 8px !important;
     }
-    
-    /* Le texte à l'intérieur de la boite fermée */
     div[data-baseweb="select"] div {
-        color: #FFFFFF !important;
-        font-weight: bold !important;
+        color: #FFFFFF !important; /* Texte sélectionné en blanc */
     }
 
-    /* La liste qui s'ouvre (le menu) */
-    ul[role="listbox"] {
+    /* 1.4 LA LISTE DÉROULANTE (MENU OUVERT) */
+    div[role="listbox"] {
         background-color: #1E1E1E !important;
-        border: 2px solid #000000 !important;
     }
-    
-    /* Les options dans la liste */
+
     li[role="option"] {
         color: #FFFFFF !important;
         background-color: #1E1E1E !important;
         font-weight: bold !important;
-        border-bottom: 1px solid #333 !important;
+        padding: 10px !important;
+        border-bottom: 1px solid #333333 !important;
     }
-    
-    /* Option survolée */
-    li[role="option"]:hover {
+
+    li[role="option"]:hover, li[aria-selected="true"] {
         background-color: #0082C3 !important;
         color: #FFFFFF !important;
     }
 
-    /* 1.4 SUPPRESSION DES ICONES CASSÉES (_arrow) */
-    svg { fill: #FFFFFF !important; } /* Force les flèches de sélection en blanc */
+    li[role="option"] span {
+        color: #FFFFFF !important;
+    }
 
     /* 1.5 CARTES DE RÉSULTATS */
     .perf-box {
@@ -67,13 +61,21 @@ st.markdown("""
         background-color: #FFFFFF;
         text-align: center;
         margin-top: 20px;
-        box-shadow: 5px 5px 0px #000;
+        box-shadow: 6px 6px 0px #000;
     }
     .perf-value {
         font-size: 45px;
         font-weight: 900;
         color: #0082C3 !important;
-        margin: 10px 0;
+    }
+
+    /* 1.6 SECTION COEFFICIENTS */
+    .coef-info {
+        margin-top: 30px;
+        padding: 15px;
+        background-color: #F0F2F6;
+        border-radius: 10px;
+        border: 1px solid #CCC;
     }
     </style>
     """, unsafe_allow_html=True)
@@ -97,36 +99,38 @@ df = load_data()
 # ==============================================================================
 if not df.empty:
     st.markdown("<h1 style='text-align: center;'>🎯 Brake Performance Finder</h1>", unsafe_allow_html=True)
-    st.markdown("<p style='text-align: center;'>Calcul précis de la force de freinage par modèle.</p>", unsafe_allow_html=True)
-
-    st.write("") # Espace
+    st.markdown("<p style='text-align: center; color: #666 !important;'>Entrée Effort -> Extraction Coefficients -> Résultat</p>", unsafe_allow_html=True)
     
-    # Zone de saisie
-    c1, c2 = st.columns(2)
+    st.write("") 
+    
+    col1, col2 = st.columns(2)
 
-    with c1:
+    with col1:
         effort_val = st.number_input("Effort Levier [N]", min_value=40, max_value=200, value=100, step=1)
 
-    with c2:
+    with col2:
         model_list = df['model name'].unique().tolist()
-        model_choice = st.selectbox("Modèle à tester", options=model_list)
+        model_choice = st.selectbox("Modèle (Model)", options=model_list)
 
-    # --- CALCUL ---
+    # --- CALCUL & EXTRACTION ---
     row = df[df['model name'] == model_choice].iloc[0]
     
-    # Formule : y = ax + b
-    res_dry = row['dry a'] * effort_val + row['dry b']
-    res_wet = row['wet a'] * effort_val + row['wet b']
+    # Paramètres Sec
+    a_dry, b_dry = row['dry a'], row['dry b']
+    res_dry = a_dry * effort_val + b_dry
+    
+    # Paramètres Humide
+    a_wet, b_wet = row['wet a'], row['wet b']
+    res_wet = a_wet * effort_val + b_wet
 
-    # --- AFFICHAGE ---
+    # --- AFFICHAGE DES RÉSULTATS ---
     st.write("") 
-    
     res_c1, res_c2 = st.columns(2)
 
     with res_c1:
         st.markdown(f"""
             <div class="perf-box">
-                <p style="font-size: 18px; font-weight: bold; color: #555 !important;">CONDITION : SEC</p>
+                <p style="font-size: 18px; font-weight: bold;">CONDITION : SEC</p>
                 <p class="perf-value">{round(res_dry, 1)} N</p>
                 <p style="font-weight: bold;">Force de freinage</p>
             </div>
@@ -135,11 +139,24 @@ if not df.empty:
     with res_c2:
         st.markdown(f"""
             <div class="perf-box">
-                <p style="font-size: 18px; font-weight: bold; color: #555 !important;">CONDITION : HUMIDE</p>
+                <p style="font-size: 18px; font-weight: bold;">CONDITION : HUMIDE</p>
                 <p class="perf-value" style="color: #E63312 !important;">{round(res_wet, 1)} N</p>
                 <p style="font-weight: bold;">Force de freinage</p>
             </div>
         """, unsafe_allow_html=True)
 
+    # --- SECTION DÉTAILS (AUTOMATIQUE) ---
+    st.markdown("---")
+    with st.expander("🛠️ Détails des Coefficients (Extraits de Data)"):
+        c_sec, c_hum = st.columns(2)
+        with c_sec:
+            st.write(f"**Coefficients Sec :**")
+            st.write(f"a = `{a_dry}`")
+            st.write(f"b = `{b_dry}`")
+        with c_hum:
+            st.write(f"**Coefficients Humide :**")
+            st.write(f"a = `{a_wet}`")
+            st.write(f"b = `{b_wet}`")
+
 else:
-    st.error("Fichier de données non trouvé. Vérifiez la présence du fichier Excel.")
+    st.error("Données introuvables. Vérifiez le fichier Excel.")