Update app.py

app.py

@@ -99,88 +99,105 @@ def formatted_number_input(title, hint, minval, maxval, defvalue, steps, valform
     return user_input
 
 
+
 # ====================================
 # Section : Capture Engine Parameters
 # ====================================
 st.subheader ("Engine Parameters")
 
-col_left, col_right = st.columns([1,1])
-
-with col_left:
+# divide UI into two column layout by defining two columns 
+# left column is used for input and right for output
+col_inputs, col_output = st.columns([3, 1.5])
 
-    rpm = formatted_number_input(
-        "Lubricating oil pressure in kilopascals (kPa)",
-        "50 to 2500",
-        minval=50.0,
-        maxval=2500.0,
-        defvalue=735.0,
-        steps=10.0,
-        valformat="%.2f"
-    )
-    
-    
-    oil_pressure = formatted_number_input(
-        "Lubricating oil pressure in kilopascals (kPa)",
-        "0.001 to 10.0",
-        minval=0.001,
-        maxval=10.0,
-        defvalue=3.300000,
-        steps=0.001,
-        valformat="%.6f"
-    )
+# update contnent (input) in left input column
+with col_inputs:
     
-    
-    fuel_pressure = formatted_number_input(
-        "Fuel Pressure in kilopascals (kPa)",
-        "0.01 to 25.0",
-        minval=0.01,
-        maxval=25.0,
-        defvalue=6.500000,
-        steps=0.01,
-        valformat="%.6f"
-    )
+    col_left, col_right = st.columns([1,1])
 
-with col_right:
-    coolant_pressure = formatted_number_input(
-        "Coolant Pressure in kilopascals (kPa)",
-        "0.01 to 10.0",
-        minval=0.01,
-        maxval=10.0,
-        defvalue=2.250000,
-        steps=0.10,
-        valformat="%.6f"
-    )
-    
-    
-    lub_oil_temp = formatted_number_input(
-        "Lubricating oil Temperature in degrees Celsius (°C)",
-        "50.0 to 100.0",
-        minval=50.0,
-        maxval=100.0,
-        defvalue=75.0,
-        steps=0.1,
-        valformat="%.6f"
-    )
-    
+    # define inputs in left column
+    with col_left:
     
-    coolant_temp = formatted_number_input(
-        "Coolant Temperature in degrees Celsius (°C)",
-        "50.0 to 200.0",
-        minval=50.0,
-        maxval=200.0,
-        defvalue=75.000000,
-        steps=0.1,
-        valformat="%.6f"
-    )
+        rpm = formatted_number_input(
+            "Lubricating oil pressure in kilopascals (kPa)",
+            "50 to 2500",
+            minval=50.0,
+            maxval=2500.0,
+            defvalue=735.0,
+            steps=10.0,
+            valformat="%.2f"
+        )
+        
+        
+        oil_pressure = formatted_number_input(
+            "Lubricating oil pressure in kilopascals (kPa)",
+            "0.001 to 10.0",
+            minval=0.001,
+            maxval=10.0,
+            defvalue=3.300000,
+            steps=0.001,
+            valformat="%.6f"
+        )
+        
+        
+        fuel_pressure = formatted_number_input(
+            "Fuel Pressure in kilopascals (kPa)",
+            "0.01 to 25.0",
+            minval=0.01,
+            maxval=25.0,
+            defvalue=6.500000,
+            steps=0.01,
+            valformat="%.6f"
+        )
 
-st.markdown('</div>', unsafe_allow_html=True)
+    # define inputs in left column
+    with col_right:
+        coolant_pressure = formatted_number_input(
+            "Coolant Pressure in kilopascals (kPa)",
+            "0.01 to 10.0",
+            minval=0.01,
+            maxval=10.0,
+            defvalue=2.250000,
+            steps=0.10,
+            valformat="%.6f"
+        )
+        
+        
+        lub_oil_temp = formatted_number_input(
+            "Lubricating oil Temperature in degrees Celsius (°C)",
+            "50.0 to 100.0",
+            minval=50.0,
+            maxval=100.0,
+            defvalue=75.0,
+            steps=0.1,
+            valformat="%.6f"
+        )
+        
+        
+        coolant_temp = formatted_number_input(
+            "Coolant Temperature in degrees Celsius (°C)",
+            "50.0 to 200.0",
+            minval=50.0,
+            maxval=200.0,
+            defvalue=75.000000,
+            steps=0.1,
+            valformat="%.6f"
+        )
 
-st.markdown("---")
+#st.markdown('</div>', unsafe_allow_html=True)
 
-col_btn1, col_btn2, col_btn3 = st.columns([1,2,1])
+#st.markdown("---")
 
-with col_btn2:
-    # ==========================
+#col_btn1, col_btn2, col_btn3 = st.columns([1,2,1])
+
+with col_output:
+    st.markdown("### 🧠 Prediction Result")
+
+    output_placeholder = st.empty()
+    details_placeholder = st.empty()
+
+with col_output:
+
+        # ==========================
     # Single Value Prediction
     # ==========================
     if st.button("Check fo Maintenance"):
@@ -215,37 +232,43 @@ with col_btn2:
         
                 # generate output string
                 if prediction_from_backend == 1:
-                    resultstr = "Engine **likely** needs maintenance."
+                    output_placeholder.error("⚠️ Engine likely needs maintenance")
                 else:
-                    resultstr = "Engine does not need any maintenance"
+                    output_placeholder.success("✅ Engine operating normally")
         
-                st.success(resultstr)
+                details_placeholder.markdown("""
+                **Model:** XGBoost  
+                **Threshold:** 0.5  
+                **Inference:** Real-time
+                """)
                 
             else:
     
                 error_str = result.get ("message")
-    
-                st.error(error_str)
+
+                output_placeholder.error(f"⚠️ {error_str}")
     
         elif response.status_code == 400 or response.status_code == 500:  # known errors
             
             ## get result as json
             result = response.json ()
-    
+
+            # get error message
             error_str = result.get ("message")
-            st.error (f"Error processing request- Status Code : {response.status_code}, error : {error_str}")
+
+            # show error message
+            output_placeholder.error(f"⚠️ Error processing request- Status Code : {response.status_code}, error : {error_str}")
             
         else:
-            st.error (f"Error processing request- Status Code : {response.status_code}")
-    
-        # Show the etails of data frame prepared from user input
-        st.subheader("📦 Input Data Summary")
-        st.dataframe (input_df)
+            output_placeholder.error(f"⚠️ Error processing request- Status Code : {response.status_code}")
 
+    
 
 # ==============================
 # Batch Prediction
 # ==============================
+st.markdown("---")
+
 st.subheader ("Batch Prediction for Engine Maintenance")
 
 file = st.file_uploader ("Upload CSV file", type=["csv"])