Update app.py

app.py

@@ -46,6 +46,43 @@ if 'coolant_p' not in st.session_state:
 if 'oil_temp' not in st.session_state:
     st.session_state.oil_temp = 80.0
 
+# Callback functions to sync values
+def update_rpm_from_num():
+    st.session_state.rpm = st.session_state.rpm_num
+
+def update_rpm_from_sld():
+    st.session_state.rpm = st.session_state.rpm_sld
+
+def update_fuel_from_num():
+    st.session_state.fuel_p = st.session_state.fuel_num
+
+def update_fuel_from_sld():
+    st.session_state.fuel_p = st.session_state.fuel_sld
+
+def update_oil_p_from_num():
+    st.session_state.oil_p = st.session_state.oil_p_num
+
+def update_oil_p_from_sld():
+    st.session_state.oil_p = st.session_state.oil_p_sld
+
+def update_coolant_t_from_num():
+    st.session_state.coolant_temp = st.session_state.coolant_t_num
+
+def update_coolant_t_from_sld():
+    st.session_state.coolant_temp = st.session_state.coolant_t_sld
+
+def update_coolant_p_from_num():
+    st.session_state.coolant_p = st.session_state.coolant_p_num
+
+def update_coolant_p_from_sld():
+    st.session_state.coolant_p = st.session_state.coolant_p_sld
+
+def update_oil_t_from_num():
+    st.session_state.oil_temp = st.session_state.oil_t_num
+
+def update_oil_t_from_sld():
+    st.session_state.oil_temp = st.session_state.oil_t_sld
+
 # --- CUSTOM CSS ---
 st.markdown("""
 <style>
@@ -381,15 +418,9 @@ def main():
             
             input_col1, input_col2 = st.columns([1, 3])
             with input_col1:
-                rpm_num = st.number_input("", 0, 2500, value=st.session_state.rpm, step=50, key="rpm_num", label_visibility="collapsed")
+                st.number_input("", 0, 2500, value=st.session_state.rpm, step=50, key="rpm_num", label_visibility="collapsed", on_change=update_rpm_from_num)
             with input_col2:
-                rpm_sld = st.slider("", 0, 2500, value=st.session_state.rpm, step=50, key="rpm_sld", label_visibility="collapsed")
-            
-            # Update session state from whichever changed
-            if rpm_num != st.session_state.rpm:
-                st.session_state.rpm = rpm_num
-            if rpm_sld != st.session_state.rpm:
-                st.session_state.rpm = rpm_sld
+                st.slider("", 0, 2500, value=st.session_state.rpm, step=50, key="rpm_sld", label_visibility="collapsed", on_change=update_rpm_from_sld)
             
             st.markdown(f'<div class="param-value-display" style="color: #00d4ff;">{st.session_state.rpm}</div>', unsafe_allow_html=True)
             st.plotly_chart(create_gauge(st.session_state.rpm, 2500, "#00d4ff"), use_container_width=True, config={'displayModeBar': False}, key="g_rpm")
@@ -401,14 +432,9 @@ def main():
             
             input_col1, input_col2 = st.columns([1, 3])
             with input_col1:
-                fuel_num = st.number_input("", 0.0, 25.0, value=st.session_state.fuel_p, step=0.1, key="fuel_num", label_visibility="collapsed")
+                st.number_input("", 0.0, 25.0, value=st.session_state.fuel_p, step=0.1, key="fuel_num", label_visibility="collapsed", on_change=update_fuel_from_num)
             with input_col2:
-                fuel_sld = st.slider("", 0.0, 25.0, value=st.session_state.fuel_p, step=0.1, key="fuel_sld", label_visibility="collapsed")
-            
-            if fuel_num != st.session_state.fuel_p:
-                st.session_state.fuel_p = fuel_num
-            if fuel_sld != st.session_state.fuel_p:
-                st.session_state.fuel_p = fuel_sld
+                st.slider("", 0.0, 25.0, value=st.session_state.fuel_p, step=0.1, key="fuel_sld", label_visibility="collapsed", on_change=update_fuel_from_sld)
             
             st.markdown(f'<div class="param-value-display" style="color: #ff6b35;">{st.session_state.fuel_p:.1f}</div>', unsafe_allow_html=True)
             st.plotly_chart(create_gauge(st.session_state.fuel_p, 25, "#ff6b35"), use_container_width=True, config={'displayModeBar': False}, key="g_fuel")
@@ -423,14 +449,9 @@ def main():
             
             input_col1, input_col2 = st.columns([1, 3])
             with input_col1:
-                oil_p_num = st.number_input("", 0.0, 10.0, value=st.session_state.oil_p, step=0.1, key="oil_p_num", label_visibility="collapsed")
+                st.number_input("", 0.0, 10.0, value=st.session_state.oil_p, step=0.1, key="oil_p_num", label_visibility="collapsed", on_change=update_oil_p_from_num)
             with input_col2:
-                oil_p_sld = st.slider("", 0.0, 10.0, value=st.session_state.oil_p, step=0.1, key="oil_p_sld", label_visibility="collapsed")
-            
-            if oil_p_num != st.session_state.oil_p:
-                st.session_state.oil_p = oil_p_num
-            if oil_p_sld != st.session_state.oil_p:
-                st.session_state.oil_p = oil_p_sld
+                st.slider("", 0.0, 10.0, value=st.session_state.oil_p, step=0.1, key="oil_p_sld", label_visibility="collapsed", on_change=update_oil_p_from_sld)
             
             st.markdown(f'<div class="param-value-display" style="color: #ffaa00;">{st.session_state.oil_p:.2f}</div>', unsafe_allow_html=True)
             st.plotly_chart(create_gauge(st.session_state.oil_p, 10, "#ffaa00"), use_container_width=True, config={'displayModeBar': False}, key="g_oil_p")
@@ -442,14 +463,9 @@ def main():
             
             input_col1, input_col2 = st.columns([1, 3])
             with input_col1:
-                coolant_t_num = st.number_input("", 0.0, 200.0, value=st.session_state.coolant_temp, step=1.0, key="coolant_t_num", label_visibility="collapsed")
+                st.number_input("", 0.0, 200.0, value=st.session_state.coolant_temp, step=1.0, key="coolant_t_num", label_visibility="collapsed", on_change=update_coolant_t_from_num)
             with input_col2:
-                coolant_t_sld = st.slider("", 0.0, 200.0, value=st.session_state.coolant_temp, step=1.0, key="coolant_t_sld", label_visibility="collapsed")
-            
-            if coolant_t_num != st.session_state.coolant_temp:
-                st.session_state.coolant_temp = coolant_t_num
-            if coolant_t_sld != st.session_state.coolant_temp:
-                st.session_state.coolant_temp = coolant_t_sld
+                st.slider("", 0.0, 200.0, value=st.session_state.coolant_temp, step=1.0, key="coolant_t_sld", label_visibility="collapsed", on_change=update_coolant_t_from_sld)
             
             st.markdown(f'<div class="param-value-display" style="color: #ff3366;">{st.session_state.coolant_temp:.1f}</div>', unsafe_allow_html=True)
             st.plotly_chart(create_gauge(st.session_state.coolant_temp, 200, "#ff3366"), use_container_width=True, config={'displayModeBar': False}, key="g_coolant_t")
@@ -464,14 +480,9 @@ def main():
             
             input_col1, input_col2 = st.columns([1, 3])
             with input_col1:
-                coolant_p_num = st.number_input("", 0.0, 10.0, value=st.session_state.coolant_p, step=0.1, key="coolant_p_num", label_visibility="collapsed")
+                st.number_input("", 0.0, 10.0, value=st.session_state.coolant_p, step=0.1, key="coolant_p_num", label_visibility="collapsed", on_change=update_coolant_p_from_num)
             with input_col2:
-                coolant_p_sld = st.slider("", 0.0, 10.0, value=st.session_state.coolant_p, step=0.1, key="coolant_p_sld", label_visibility="collapsed")
-            
-            if coolant_p_num != st.session_state.coolant_p:
-                st.session_state.coolant_p = coolant_p_num
-            if coolant_p_sld != st.session_state.coolant_p:
-                st.session_state.coolant_p = coolant_p_sld
+                st.slider("", 0.0, 10.0, value=st.session_state.coolant_p, step=0.1, key="coolant_p_sld", label_visibility="collapsed", on_change=update_coolant_p_from_sld)
             
             st.markdown(f'<div class="param-value-display" style="color: #00ff88;">{st.session_state.coolant_p:.2f}</div>', unsafe_allow_html=True)
             st.plotly_chart(create_gauge(st.session_state.coolant_p, 10, "#00ff88"), use_container_width=True, config={'displayModeBar': False}, key="g_coolant_p")
@@ -483,14 +494,9 @@ def main():
             
             input_col1, input_col2 = st.columns([1, 3])
             with input_col1:
-                oil_t_num = st.number_input("", 0.0, 150.0, value=st.session_state.oil_temp, step=1.0, key="oil_t_num", label_visibility="collapsed")
+                st.number_input("", 0.0, 150.0, value=st.session_state.oil_temp, step=1.0, key="oil_t_num", label_visibility="collapsed", on_change=update_oil_t_from_num)
             with input_col2:
-                oil_t_sld = st.slider("", 0.0, 150.0, value=st.session_state.oil_temp, step=1.0, key="oil_t_sld", label_visibility="collapsed")
-            
-            if oil_t_num != st.session_state.oil_temp:
-                st.session_state.oil_temp = oil_t_num
-            if oil_t_sld != st.session_state.oil_temp:
-                st.session_state.oil_temp = oil_t_sld
+                st.slider("", 0.0, 150.0, value=st.session_state.oil_temp, step=1.0, key="oil_t_sld", label_visibility="collapsed", on_change=update_oil_t_from_sld)
             
             st.markdown(f'<div class="param-value-display" style="color: #a855f7;">{st.session_state.oil_temp:.1f}</div>', unsafe_allow_html=True)
             st.plotly_chart(create_gauge(st.session_state.oil_temp, 150, "#a855f7"), use_container_width=True, config={'displayModeBar': False}, key="g_oil_t")