Update src/streamlit_app.py

src/streamlit_app.py

@@ -19,9 +19,8 @@ import os
 from langdetect import detect, DetectorFactory
 DetectorFactory.seed = 0
 
-
 # ==============================
-# SETTING PATH
+# SETTING PATH ABSOLUT UNTUK GAMBAR
 # ==============================
 BASE_DIR = os.path.dirname(os.path.abspath(__file__))
 
@@ -42,7 +41,7 @@ if 'page' not in st.session_state:
     st.session_state.page = "uji_kalimat"
 
 # ==============================
-# GLOBAL CSS
+# GLOBAL CSS — Vancouver Bitcoin Style
 # ==============================
 st.markdown("""
 <style>
@@ -462,7 +461,7 @@ st.markdown("""
 
 
 # ==============================
-# HEADER / NAVBAR 
+# HEADER / NAVBAR — Vancouver Bitcoin style
 # ==============================
 def set_page(page_name):
     st.session_state.page = page_name
@@ -476,7 +475,7 @@ st.markdown("""
 </div>
 """, unsafe_allow_html=True)
 
-
+# Nav buttons sit just below navbar strip using columns
 nav_col_pad, nav_col1, nav_col2, nav_col_end = st.columns([6, 1, 1, 1])
 
 with nav_col1:
@@ -495,7 +494,7 @@ with nav_col2:
         set_page("analisis_batch"); st.rerun()
     st.markdown('</div>', unsafe_allow_html=True)
 
-
+# ── Navbar overlay CSS (applies color context per page) ──
 if st.session_state.page == "uji_kalimat":
     st.markdown("""
     <style>
@@ -533,7 +532,7 @@ def load_all_models():
     roberta_large = pipeline("sentiment-analysis", model="siebert/sentiment-roberta-large-english",          device=-1, truncation=True, max_length=512)
     return vader, bertweet, roberta, roberta_large
 
-with st.spinner('...'):
+with st.spinner('Mempersiapkan model NLP...'):
     vader, bertweet, roberta, roberta_large = load_all_models()
 
 
@@ -572,7 +571,7 @@ def get_daily_label(score):
 # ==============================================================================
 if st.session_state.page == "uji_kalimat":
 
-
+    # ── Hero section ──
     st.markdown('<div class="hero-wrap">', unsafe_allow_html=True)
 
     col_text, col_img = st.columns([1.1, 1], gap="large")
@@ -617,7 +616,7 @@ if st.session_state.page == "uji_kalimat":
         try:
             st.image(img_hero, use_container_width=True)
         except Exception:
-            
+            # Placeholder visual bila gambar belum ada
             st.markdown("""
             <div style="background:rgba(255,255,255,0.1);border:2px dashed rgba(255,255,255,0.3);
                 border-radius:20px;height:320px;display:flex;align-items:center;
@@ -626,9 +625,9 @@ if st.session_state.page == "uji_kalimat":
                 🖼️ Tambahkan<br><code>crypto-currency-concept-830px.png</code><br>ke folder project
             </div>""", unsafe_allow_html=True)
 
-    st.markdown('</div>', unsafe_allow_html=True)  
+    st.markdown('</div>', unsafe_allow_html=True)  # close hero-wrap
 
-   
+    # ── Result section ──
     if analyze_btn:
         st.markdown("""
         <div class="result-wrap">
@@ -679,7 +678,7 @@ if st.session_state.page == "uji_kalimat":
                 ("RoBERTa Large", rl_label),
             ]
 
-          
+            # Show as styled cards in 2 columns (2+2+1)
             st.markdown("<div style='padding: 0 3rem 3rem;'>", unsafe_allow_html=True)
             col_a, col_b = st.columns(2)
 
@@ -724,17 +723,17 @@ elif st.session_state.page == "analisis_batch":
         "grid.color": "#F1F5F9",
     })
 
-
+    # ── Batch hero section ──
     st.markdown('<div class="batch-wrap">', unsafe_allow_html=True)
 
     col_upload, col_img_b = st.columns([1.4, 1], gap="large")
 
     with col_upload:
         st.markdown("""
-        <p class="batch-eyebrow">⚙️ Analisis · Batch Processing</p>
+        <p class="batch-eyebrow">⚙️ Analisis Masal · Batch Processing</p>
         <h2 class="batch-title">Analisis Batch<br>Data Tweet</h2>
         <p class="batch-sub">
-            Unggah file tweet (.txt) untuk diekstraksi dan 
+            Unggah file rekam jejak tweet (.txt) untuk diekstraksi dan 
             dianalisis secara masal terhadap volatilitas pasar Bitcoin.
         </p>""", unsafe_allow_html=True)
 
@@ -769,9 +768,9 @@ elif st.session_state.page == "analisis_batch":
                 🖼️ Tambahkan<br><code>slice3-1-1536x830.png</code><br>ke folder project
             </div>""", unsafe_allow_html=True)
 
-    st.markdown('</div>', unsafe_allow_html=True)  
+    st.markdown('</div>', unsafe_allow_html=True)  # close batch-wrap
 
-    
+    # ── Processing & results ──
     if tweet_files and analyze_batch_btn:
         st.markdown('<div class="result-wrap">', unsafe_allow_html=True)
         st.markdown("""
@@ -883,7 +882,7 @@ elif st.session_state.page == "analisis_batch":
                         else:
                             st.markdown("<hr class='vbc-divider'>", unsafe_allow_html=True)
 
-                            st.markdown("🗣️ Data Sentimen Mentah")
+                            st.markdown("#### 🗣️ Data Sentimen Mentah")
                             raw_display_cols = ["date","raw_tweet","vader","textblob","bertweet","roberta","roberta_large"]
                             st.dataframe(df[raw_display_cols], use_container_width=True, hide_index=True)
 
@@ -903,12 +902,12 @@ elif st.session_state.page == "analisis_batch":
                             for col in models:
                                 daily_display_cols.extend([col, f"{col}_label"])
 
-                            st.markdown("₿ Data Harga Bitcoin & Volatilitas Bitcoin")
+                            st.markdown("#### ₿ Historis Harga & Volatilitas Bitcoin")
                             st.dataframe(df_price[["date","price","pct_change","log_return"]], use_container_width=True, hide_index=True)
 
                             df_merged = pd.merge(df_price, df_sentiment_daily, on="date", how="inner")
 
-                            st.markdown("🗂️ Dataset Final (Terintegrasi)")
+                            st.markdown("### 🗂️ Dataset Final (Terintegrasi)")
                             final_display_cols = ["date","price","pct_change","log_return"] + [c for c in daily_display_cols if c != "date"]
                             st.dataframe(df_merged[final_display_cols], use_container_width=True, hide_index=True)
 
@@ -954,7 +953,7 @@ elif st.session_state.page == "analisis_batch":
                             st.pyplot(fig_line)
 
                             # Scatter
-                            st.markdown("🔵 Pola Distribusi Scatter")
+                            st.markdown("### 🔵 Pola Distribusi Scatter")
                             cols = st.columns(3)
                             for idx2, method in enumerate(["vader","textblob","bertweet","roberta","roberta_large"]):
                                 with cols[idx2 % 3]:
@@ -993,7 +992,8 @@ elif st.session_state.page == "analisis_batch":
                                 **Hipotesis Ditolak (H0 Diterima):** Tidak ditemukan bukti empiris korelasi linier yang signifikan (seluruh *p-value* >= 0.05). 
                                 Volatilitas harga cenderung dipengaruhi oleh faktor teknikal/fundamental di luar sentimen X.
                                 """)
-        st.markdown('</div>', unsafe_allow_html=True)
+
+        st.markdown('</div>', unsafe_allow_html=True)  # close result-wrap
 
     elif analyze_batch_btn and not tweet_files:
-        st.warning("⚠️ Silakan unggah minimal satu file .txt terlebih dahulu.")
+        st.warning("⚠️ Silakan unggah minimal satu file .txt terlebih dahulu.")