Update app.py

app.py

@@ -290,7 +290,7 @@ st.sidebar.markdown('</div>', unsafe_allow_html=True)
 import streamlit as st
 import os
 
-# CSS biar header terlihat seperti 1 kotak besar
+# CSS HEADER BOX
 st.markdown("""
 <style>
 .header-box {
@@ -311,37 +311,48 @@ st.markdown("""
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    width: 100px;  /* Sesuaikan ukuran logo */
+    width: 220px;      /* 🔥 Logo area bigger */
+    height: auto;
+}
+.logo-img {
+    max-width: 200px; /* 🔥 Logo bigger */
     height: auto;
 }
 </style>
 """, unsafe_allow_html=True)
 
-# ==== HEADER LAYOUT (Columns) ====
+# === HEADER LAYOUT ===
 with st.container():
     st.markdown('<div class="header-box">', unsafe_allow_html=True)
-    col1, col2, col3 = st.columns([1, 5, 1])  # tengah lebih besar
 
-    # LEFT (kosong)
+    col1, col2, col3 = st.columns([1, 5, 1])
+
+    # Left (empty)
     with col1:
         st.write("")
 
-    # CENTER — TITLE
+    # CENTER TITLE
     with col2:
         st.markdown("""
             <div class="header-title">
                 <h1 style="margin-bottom:6px;">Proactive Safety Intelligence & Analytics Dashboard</h1>
-                <p style="color:#546e7a; font-size:1.05em; margin-top:-8px;">
-                </p>
+                <p style="color:#546e7a; font-size:1.05em; margin-top:-8px;"></p>
             </div>
         """, unsafe_allow_html=True)
 
-    # RIGHT — LOGO
+    # RIGHT LOGO (NOW BIGGER)
     with col3:
-        try:
-            st.image("pln.png", width=120)  # Sesuaikan width sesuai kebutuhan
-        except:
-            st.write("")  # Jika logo tidak ditemukan, kosongkan
+        if os.path.exists("pln.png"):
+            st.markdown(
+                f"""
+                <div class="logo-container">
+                    <img src="pln.png" class="logo-img">
+                </div>
+                """,
+                unsafe_allow_html=True,
+            )
+        else:
+            st.write("")
 
     st.markdown('</div>', unsafe_allow_html=True)
 
@@ -363,7 +374,6 @@ import streamlit as st
 import plotly.graph_objects as go
 import numpy as np
 import pandas as pd
-
 # =================== OBJECTIVE 1 - Company Reporting Activity (Polar Bar Chart) ===================
 st.markdown(
     """
@@ -491,22 +501,18 @@ if 'temuan_kode_distrik' in df_local.columns:
             current_angle += a
         
         fig = go.Figure()
-        
-        # 🔥 Tambahkan satu trace untuk setiap perusahaan agar muncul di legend
-        for i, (comp, ratio, color, angle) in enumerate(zip(companies, ratios, colors, angles)):
-            fig.add_trace(go.Barpolar(
-                r=[ratio],
-                theta=[mid_angles[i]],
-                width=[angle],
-                marker_color=[color],
-                marker_line_color="white",
-                marker_line_width=1.2,
-                opacity=0.9,
-                hovertemplate="<b>%{text}</b><br>Avg Ratio: %{r[0]:.2f}<extra></extra>",
-                text=[comp],
-                name=comp,  # 🔥 Nama perusahaan untuk legend
-                showlegend=True  # 🔥 Tampilkan di legend
-            ))
+        fig.add_trace(go.Barpolar(
+            r=ratios,
+            theta=mid_angles,
+            width=angles,
+            marker_color=colors,
+            marker_line_color="white",
+            marker_line_width=1.2,
+            opacity=0.9,
+            hovertemplate="<b>%{text}</b><br>Avg Ratio: %{r:.2f}<extra></extra>",
+            text=companies,
+            name='Companies',  # Nama trace untuk legend
+        ))
 
         fig.update_layout(
             title=f'{area_name} Area',
@@ -598,6 +604,8 @@ if 'temuan_kode_distrik' in df_local.columns:
 else:
     st.error("Column 'temuan_kode_distrik' not found in the data. Cannot determine PG/UM areas.")
     st.stop()
+
+
 # =================== OBJECTIVE 2 — Active vs Inactive Locations (Treemap with Color Gradient) ===================
 st.markdown(
     """