Upload 2 files

config.js

@@ -28,6 +28,9 @@ window.JM_CONFIG = Object.freeze({
   // Web Push (VAPID) — funguo YA UMMA tu. Private key iwe Supabase secrets pekee.
   VAPID_PUBLIC_KEY: 'BCgKqA0rqp_xKw90XP0kGwNuTm5nPA1BAOaqiDM3be-lDoeBW7hKRhnEi7sJ8VcCQ5TdJ-6rZ0WVGBGKV7bwfFw',
 
+  // Onyesha idadi ya walio online juu ya app (false = ficha). Takwimu zinabaki kwenye admin-online.html
+  SHOW_ONLINE: true,
+
   // Matangazo (Adsterra). Zima yote kwa kubadilisha kuwa false — hakuna haja ya kugusa index.html.
   ADS_ENABLED: true,
 });

index.html

@@ -58,6 +58,10 @@
   .brand{font-weight:800; font-size:17px;}
   .brand span{color:var(--accent);}
   .top-icons{display:flex; gap:16px; align-items:center;}
+  .online-pill{display:none; align-items:center; gap:5px; font-size:11px; font-weight:700; padding:4px 9px; border-radius:999px; background:rgba(255,255,255,.08); color:var(--text); white-space:nowrap;}
+  .online-pill.on{display:inline-flex;}
+  .online-pill i{width:7px; height:7px; border-radius:50%; background:#2ee59d; animation:jmOnlinePulse 1.6s infinite;}
+  @keyframes jmOnlinePulse{50%{opacity:.3}}
   .icon-btn{width:22px;height:22px; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:0.9;}
   .search-box{display:none; align-items:center; gap:8px; background:var(--card); border:1px solid var(--border);
     border-radius:999px; padding:6px 12px; flex:1; margin-right:10px;}
@@ -1275,6 +1279,7 @@
       <input id="searchInput" placeholder="Tafuta filamu, series...">
     </div>
     <div class="top-icons">
+      <div class="online-pill" id="onlinePill" title="Online sasa"><i></i><span id="onlineNum">0</span></div>
       <div class="icon-btn" id="dlTopBtn" data-nav="downloads" title="Downloads" data-i18n-title="tip_downloads" style="position:relative"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v11"/><path d="M7.5 10.5 12 15l4.5-4.5"/><path d="M3 19h18"/></svg><span class="nav-badge" id="dqNavBadge" style="display:none">0</span></div>
       <div class="icon-btn" id="notifBellBtn" title="Notifications" data-i18n-title="tip_notifications" style="position:relative">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></svg>
@@ -11263,16 +11268,26 @@ Router.sync();   // inafungua tab/ukurasa sahihi kulingana na URL (#/live, #/mat
       if (!dev) { dev = (crypto.randomUUID && crypto.randomUUID()) || (Date.now() + '-' + Math.random().toString(36).slice(2)); localStorage.setItem('jm_dev', dev); }
     } catch (_) { return; }
     const platform = ((window.matchMedia && matchMedia('(display-mode: standalone)').matches) || navigator.standalone === true) ? 'pwa' : 'web';
+    const H = { apikey: C.PROFILE_KEY, Authorization: 'Bearer ' + C.PROFILE_KEY, 'Content-Type': 'application/json' };
+    const pill = document.getElementById('onlinePill'), num = document.getElementById('onlineNum');
+    const fmt = n => n >= 1000 ? (n / 1000).toFixed(n >= 10000 ? 0 : 1).replace('.0', '') + 'k' : String(n);
+    const loadOnline = () => {
+      if (C.SHOW_ONLINE === false || !pill || document.hidden) return Promise.resolve();
+      return fetch(C.PROFILE_URL + '/rest/v1/rpc/jm_online_stats', { method: 'POST', headers: H, body: '{}' })
+        .then(r => r.ok ? r.json() : null)
+        .then(d => { if (d && typeof d.online_now === 'number' && d.online_now > 0) { num.textContent = fmt(d.online_now); pill.classList.add('on'); } })
+        .catch(() => {});
+    };
     const ping = () => {
-      if (document.hidden) return;
-      fetch(C.PROFILE_URL + '/rest/v1/rpc/jm_heartbeat', {
-        method: 'POST', keepalive: true,
-        headers: { apikey: C.PROFILE_KEY, Authorization: 'Bearer ' + C.PROFILE_KEY, 'Content-Type': 'application/json' },
+      if (document.hidden) return Promise.resolve();
+      return fetch(C.PROFILE_URL + '/rest/v1/rpc/jm_heartbeat', {
+        method: 'POST', keepalive: true, headers: H,
         body: JSON.stringify({ p_dev: dev, p_platform: platform })
       }).catch(() => {});
     };
-    ping(); setInterval(ping, 60000);
-    document.addEventListener('visibilitychange', () => { if (!document.hidden) ping(); });
+    const tick = () => ping().then(loadOnline);
+    tick(); setInterval(tick, 60000);
+    document.addEventListener('visibilitychange', () => { if (!document.hidden) tick(); });
   } catch (_) {}
 })();
 </script>