Update app.py

app.py

@@ -1719,24 +1719,39 @@ with col_insights:
         st.info("Shift data not available for Shift Pattern Analysis.")
 
     # 4. Operator Risk Profiling
-    if col_operator and col_operator in df.columns:
-        operator_alerts = df[col_operator].value_counts()
-        top_risk_operators = operator_alerts.head(5)
+# 4. Operator Risk Profiling
+if col_operator and col_operator in df.columns:
+    operator_alerts = df[col_operator].value_counts()
+    top_risk_operators = operator_alerts.head(5)  # Top 5 operators by alerts
+
+    st.markdown("**High-Risk Operator Identification**")
+
+    # Warna berdasarkan ranking 1–5
+    colors = ["#d32f2f", "#e57373", "#ef9a9a", "#ffcdd2", "#ffe1e4"]
+
+    for idx, (op_name, count) in enumerate(top_risk_operators.items()):
+        op_pct = (count / len(df)) * 100
+        color = colors[idx] if idx < len(colors) else colors[-1]
+
+        # Teks normal untuk nama dan jumlah alert
+        st.markdown(f"**Operator:** {op_name}  \n**Alerts:** {count}")
+
+        # Hanya 'Share' yang berwarna sesuai ranking
+        st.markdown(
+            f"<span style='font-weight:600'>Share:</span> "
+            f"<span style='color:{color}; font-weight:700'>{op_pct:.1f}% of total alerts</span>",
+            unsafe_allow_html=True
+        )
+
+        # Risk message (tetap gunakan component Streamlit agar konsisten)
+        if op_pct > 5:
+            st.warning(f"Operator {op_name} has high fatigue risk ({op_pct:.1f}%). Consider coaching or rest plan.")
+        else:
+            st.info(f"Operator {op_name} fatigue risk is within acceptable range ({op_pct:.1f}%).")
+
+else:
+    st.info("Operator data not available for Operator Risk Profiling.")
 
-        st.markdown(f"**High-Risk Operator Identification**")
-        for op_name, count in top_risk_operators.items():
-            op_pct = (count / len(df)) * 100
-            # Ganti st.metric dengan HTML custom
-            st.markdown(f"""
-            <div style="font-size: 24px; font-weight: bold;">{count} alerts</div>
-            <div style="color: red; font-size: 14px; margin-top: -5px;">↑ {op_pct:.1f}% of total alerts</div>
-            """, unsafe_allow_html=True)
-            if op_pct > 5:
-                st.warning(f"Operator {op_name} has high fatigue risk ({op_pct:.1f}% of alerts). Consider coaching or rest plan.")
-            else:
-                st.info(f"Operator {op_name} fatigue risk is within acceptable range ({op_pct:.1f}%).")
-    else:
-        st.info("Operator data not available for Operator Risk Profiling.")
 
 
 # Kolom kanan: AI Recommendations