up

app.py

@@ -122,8 +122,15 @@ def serve_index():
 
 @app.route('/<path:path>')
 def serve_static(path):
+    # Try the exact path first
     if os.path.isfile(path):
         return send_from_directory('.', path)
+    
+    # Try adding .html
+    html_path = path + ".html"
+    if os.path.isfile(html_path):
+        return send_from_directory('.', html_path)
+        
     return send_from_directory('.', 'index.html')
 
 

dashboard.html

@@ -23,7 +23,7 @@
       <div class="sec-head" style="margin-bottom:14px">
         <div><div class="sec-title">Ringkasan Analisis</div><div class="sec-sub" id="datePeriod"></div></div>
         <div class="actions">
-          <button class="btn btn-ghost btn-sm" onclick="location.href='upload.html'">Upload Baru</button>
+          <button class="btn btn-ghost btn-sm" onclick="location.href='upload'">Upload Baru</button>
         </div>
       </div>
       <div class="kpi-grid" id="kpiGrid"></div>

index.html

@@ -44,7 +44,7 @@
               <span><strong>Mohon Maaf:</strong> Model machine learning IndoBERT saat ini masih dalam tahap pengembangan, sehingga hasil prediksi mungkin belum sepenuhnya akurat dan terkadang terjadi kesalahan klasifikasi.</span>
             </div>
             <div class="ih-hero-btns reveal-up" style="--d:300ms">
-              <a href="upload.html" class="btn btn-primary">Mulai Analisis</a>
+              <a href="upload" class="btn btn-primary">Mulai Analisis</a>
               <a href="#cara-pakai" class="btn btn-ghost" id="learnMoreBtn">Pelajari cara pakai ↓</a>
             </div>
             <div class="ih-stats reveal-up" style="--d:420ms">
@@ -76,14 +76,14 @@
               <h3>Upload File CSV</h3>
               <p>Seret & lepas file CSV ke halaman <strong>Upload Data</strong>. Mendukung file sangat besar (1GB+) dan
                 banyak file sekaligus.</p>
-              <a href="upload.html" class="ih-step-link">Upload Sekarang →</a>
+              <a href="upload" class="ih-step-link">Upload Sekarang →</a>
             </div>
             <div class="ih-step-chevron">›</div>
             <div class="ih-step">
               <div class="ih-step-num purple">03</div>
               <h3>Analisis Mendalam</h3>
               <p>Jelajahi berbagai visualisasi: Dashboard, Analytics, Tabel Data, dan Cleaning Lab yang interaktif.</p>
-              <a href="dashboard.html" class="ih-step-link">Mulai Eksplorasi →</a>
+              <a href="dashboard" class="ih-step-link">Mulai Eksplorasi →</a>
             </div>
           </div>
         </section>
@@ -146,7 +146,7 @@
                 <li>Hapus data sekali klik</li>
                 <li>Keamanan data enkripsi</li>
               </ul>
-              <a href="history.html" class="ih-feat-link">Buka Riwayat →</a>
+              <a href="history" class="ih-feat-link">Buka Riwayat →</a>
             </div>
             <div class="ih-feat reveal-up" style="--d:60ms">
               <h3>Dashboard Visual</h3>
@@ -157,7 +157,7 @@
                 <li>Time-series sentiment</li>
                 <li>Visualisasi per-kategori</li>
               </ul>
-              <a href="dashboard.html" class="ih-feat-link">Buka Dashboard →</a>
+              <a href="dashboard" class="ih-feat-link">Buka Dashboard →</a>
             </div>
             <div class="ih-feat reveal-up" style="--d:120ms">
               <h3>Analytics</h3>
@@ -168,7 +168,7 @@
                 <li>Confidence histogram</li>
                 <li>Radar engagement per sentimen</li>
               </ul>
-              <a href="analytics.html" class="ih-feat-link">Buka Analytics →</a>
+              <a href="analytics" class="ih-feat-link">Buka Analytics →</a>
             </div>
             <div class="ih-feat reveal-up" style="--d:180ms">
               <h3>Data &amp; Tabel</h3>
@@ -179,7 +179,7 @@
                 <li>Pagination cepat</li>
                 <li>Export hasil ke JSON</li>
               </ul>
-              <a href="data.html" class="ih-feat-link">Buka Tabel →</a>
+              <a href="data" class="ih-feat-link">Buka Tabel →</a>
             </div>
             <div class="ih-feat reveal-up" style="--d:240ms">
               <h3>Cleaning Lab</h3>
@@ -191,7 +191,7 @@
                 <li>Statistik kata dihapus</li>
                 <li>Distribusi sebelum/sesudah</li>
               </ul>
-              <a href="cleaning.html" class="ih-feat-link">Buka Lab →</a>
+              <a href="cleaning" class="ih-feat-link">Buka Lab →</a>
             </div>
           </div>
         </section>
@@ -234,7 +234,7 @@
             <p>Dapatkan data di XScraper, lalu upload ke SentiMeter dan mulai eksplorasi insight mendalam.</p>
             <div class="ih-cta-box-btns">
               <a href="https://xscraper.fwh.is" target="_blank" rel="noopener" class="btn btn-ghost">Ke XScraper</a>
-              <a href="upload.html" class="btn btn-primary">Mulai Upload Data</a>
+              <a href="upload" class="btn btn-primary">Mulai Upload Data</a>
             </div>
           </div>
         </section>

js/analytics.js

@@ -3,7 +3,7 @@
 // ── Guard: stop cleanly if no data ──
 const _store = SM.loadData();
 if (!_store) {
-  window.location.replace('upload.html');
+  window.location.replace('upload');
   throw new Error('No data — redirecting');
 }
 

js/cleaning.js

@@ -4,7 +4,7 @@ SM.setChartDefaults();
 
 const store = SM.loadData();
 if (!store) {
-  window.location.replace('upload.html');
+  window.location.replace('upload');
   throw new Error('No data — redirecting to upload');
 }
 const { rows, meta } = store;

js/dashboard.js

@@ -3,7 +3,7 @@
 // ── Guard BEFORE DOM ──
 const _store = SM.loadData();
 if (!_store) {
-  window.location.replace('upload.html');
+  window.location.replace('upload');
   throw new Error('No data — redirecting');
 }
 

js/data.js

@@ -3,7 +3,7 @@ SM.injectLayout('nav-data');
 
 const store = SM.loadData();
 if (!store) {
-  window.location.replace('upload.html');
+  window.location.replace('upload');
   throw new Error('No data — redirecting to upload');
 }
 const { rows, meta } = store;

js/history.js

@@ -21,7 +21,7 @@ function renderHistory() {
       <div class="history-empty reveal-up" style="--d:100ms">
         <h3>Belum Ada Riwayat Analisis</h3>
         <p>Log aktivitas analisis Anda akan muncul di sini. Silakan mulai dengan mengunggah dan memproses file CSV pertama Anda.</p>
-        <a href="upload.html" class="btn btn-primary btn-lg empty-cta">Mulai Analisis Sekarang</a>
+        <a href="upload" class="btn btn-primary btn-lg empty-cta">Mulai Analisis Sekarang</a>
       </div>
     `;
     return;
@@ -97,7 +97,7 @@ window.viewHistory = function(id) {
   if (SM.loadHistoryItem(id)) {
     SM.showToast('Data riwayat berhasil dimuat.');
     setTimeout(() => {
-      window.location.href = 'dashboard.html';
+      window.location.href = 'dashboard';
     }, 500);
   } else {
     SM.showToast('Gagal memuat riwayat data.', 'error');

js/shared.js

@@ -384,15 +384,15 @@ const I = {
 
 // ─── SIDEBAR INJECTOR ───────────────────────────────
 const NAV_ITEMS = [
-  { href:'index.html',     label:'Pengenalan',    id:'nav-intro',     icon: I.intro,    alwaysUnlocked: true },
-  { href:'upload.html',    label:'Upload Data',   id:'nav-upload',    icon: I.upload,   alwaysUnlocked: true },
-  { href:'dashboard.html', label:'Dashboard',     id:'nav-dashboard', icon: I.dash },
-  { href:'analytics.html', label:'Analytics',     id:'nav-analytics', icon: I.chart },
-  { href:'tweets.html',    label:'Tweet List',    id:'nav-tweets',    icon: I.tweets },
-  { href:'data.html',      label:'Data & Tabel',  id:'nav-data',      icon: I.table },
-  { href:'cleaning.html',  label:'Cleaning Lab',  id:'nav-cleaning',  icon: I.lab },
-  { href:'history.html',   label:'Riwayat Analisis', id:'nav-history', icon: I.history, alwaysUnlocked: true },
-  { href:'support.html',   label:'Dukungan',      id:'nav-support',   icon: I.heart,   alwaysUnlocked: true },
+  { href:'/',           label:'Pengenalan',    id:'nav-intro',     icon: I.intro,    alwaysUnlocked: true },
+  { href:'upload',      label:'Upload Data',   id:'nav-upload',    icon: I.upload,   alwaysUnlocked: true },
+  { href:'dashboard',   label:'Dashboard',     id:'nav-dashboard', icon: I.dash },
+  { href:'analytics',   label:'Analytics',     id:'nav-analytics', icon: I.chart },
+  { href:'tweets',      label:'Tweet List',    id:'nav-tweets',    icon: I.tweets },
+  { href:'data',        label:'Data & Tabel',  id:'nav-data',      icon: I.table },
+  { href:'cleaning',    label:'Cleaning Lab',  id:'nav-cleaning',  icon: I.lab },
+  { href:'history',     label:'Riwayat Analisis', id:'nav-history', icon: I.history, alwaysUnlocked: true },
+  { href:'support',     label:'Dukungan',      id:'nav-support',   icon: I.heart,   alwaysUnlocked: true },
 ];
 
 function injectLayout(activePage) {

js/tweets.js

@@ -2,7 +2,7 @@
 
 const _store = SM.loadData();
 if (!_store) {
-  window.location.replace('upload.html');
+  window.location.replace('upload');
   throw new Error('No data — redirecting');
 }
 

js/upload.js

@@ -131,7 +131,7 @@ document.getElementById('btnAnalyze').addEventListener('click', async () => {
           </span>
         `,
         type: 'success',
-        onConfirm: () => { window.location.href = 'dashboard.html'; }
+        onConfirm: () => { window.location.href = 'dashboard'; }
       });
     }, 400);
 
@@ -206,7 +206,7 @@ if (btnDemo) {
           title: 'Demo Selesai',
           message: `Berhasil memproses <strong>${rows.length}</strong> tweet demo dengan model IndoBERT. Lihat hasilnya di dashboard!`,
           type: 'success',
-          onConfirm: () => { window.location.href = 'dashboard.html'; }
+          onConfirm: () => { window.location.href = 'dashboard'; }
         });
       }, 400);
     } catch (err) {