Update app.py

app.py

@@ -146,7 +146,7 @@ import gradio as gr
 # Pastikan Anda memiliki variabel loaded_models dan fungsi analisis_gaji_final yang terdefinisi
 
 # ------------------------------
-# CLEAN UI (DASHBOARD STYLE) - ALIGN LEFT
+# CLEAN UI (DASHBOARD STYLE) - FIXED
 # ------------------------------
 
 custom_css = """
@@ -157,15 +157,7 @@ custom_css = """
     border-radius: 12px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.06);
 }
-/* PERBAIKAN UTAMA: Menghapus margin:auto untuk membuat tampilan rata kiri */
-.gradio-container {
-    max-width: 1100px !important; 
-    margin: 0 !important; /* Mengganti margin:auto dengan margin 0 (atau margin-left: 0;) */
-}
-/* Memastikan body Gradio juga rata kiri */
-body {
-    align-items: flex-start;
-}
+.gradio-container {max-width: 1100px !important; margin:auto;}
 </style>
 """
 
@@ -175,8 +167,8 @@ with gr.Blocks(title="Salary AI") as demo:
     gr.HTML(custom_css)
 
     gr.Markdown("""
-    <h1 style='text-align:left;'>💼 Salary AI Dashboard</h1>
-    <p style='text-align:left; color:gray;'>
+    <h1 style='text-align:center;'>💼 Salary AI Dashboard</h1>
+    <p style='text-align:center; color:gray;'>
         Prediksi gaji + Benchmark Nasional & Regional Indonesia.
     </p>
     """)
@@ -188,23 +180,11 @@ with gr.Blocks(title="Salary AI") as demo:
             gr.HTML("<div class='dashboard-box'><h3>📥 Input Data</h3>")
             t1 = gr.Textbox(label="Posisi Pekerjaan", placeholder="cth: Data Analyst")
             t2 = gr.Textbox(label="Kabupaten/Kota", placeholder="cth: Bandung")
-            
-            # --- Bagian ini membutuhkan definisi 'loaded_models' ---
-            # Jika 'loaded_models' belum didefinisikan, gunakan choices sementara
-            # Contoh: choices=["Random Forest", "Linear Regression"]
-            # model = gr.Dropdown(
-            #     choices=list(loaded_models.keys()), 
-            #     value="Random Forest",
-            #     label="Model Prediksi"
-            # )
-            
-            # Menggunakan contoh choices agar kode dapat dijalankan
             model = gr.Dropdown(
-                choices=["Random Forest", "Linear Regression", "Decision Tree"],
+                choices=list(loaded_models.keys()),
                 value="Random Forest",
                 label="Model Prediksi"
             )
-            
             btn = gr.Button("🔍 Analisis Gaji", variant="primary")
             gr.HTML("</div>")
 
@@ -215,14 +195,12 @@ with gr.Blocks(title="Salary AI") as demo:
             out_plot = gr.Plot()
             gr.HTML("</div>")
 
-    # --- Bagian ini membutuhkan definisi fungsi 'analisis_gaji_final' ---
-    # btn.click(
-    #     analisis_gaji_final,
-    #     inputs=[t1, t2, model],
-    #     outputs=[out_html, out_plot]
-    # )
+    btn.click(
+        analisis_gaji_final,
+        inputs=[t1, t2, model],
+        outputs=[out_html, out_plot]
+    )
 
 if __name__ == "__main__":
     print("App running...")
-    # PASTIKAN INI TIDAK DIKOMENTARI
     demo.launch(share=True, debug=True)