feat(webui): add dashboard stat details

webui/app.js

@@ -361,6 +361,8 @@ function renderChannels(accountId, channels) {
 
   // Update channel count stat
   panel.querySelector('.channel-count').textContent = String(channels.length);
+  panel.querySelector('.channel-active-count').textContent = String(channels.length);
+  panel.querySelector('.channel-inactive-count').textContent = '0';
 }
 
 function renderJobs(accountId, jobs) {
@@ -616,6 +618,7 @@ function renderSummary(accountId, data) {
   const d = data.dashboard || data.state || {};
   const health = data.health || {};
   panel.querySelector('.forwarding-count').textContent = String((d.forwarding_rules || []).length);
+  panel.querySelector('.forwarding-active-count').textContent = String((d.forwarding_rules || []).length);
   const toggle = panel.querySelector('.scrape-media-label');
   toggle.textContent = d.scrape_media ? 'ON' : 'OFF';
   const healthOk = health.api_credentials && health.session_ready && health.data_dir_exists;
@@ -626,6 +629,11 @@ function renderSummary(accountId, data) {
     `${health.media_count || 0} media`,
     health.active_job ? `active: ${health.active_job.status}` : 'idle',
   ].join(' | ');
+  const mediaCount = Number(health.media_count || 0);
+  panel.querySelector('.media-session-count').textContent = String(mediaCount);
+  panel.querySelector('.media-total-count').textContent = String(mediaCount);
+  panel.querySelector('.health-session-value').textContent = health.session_ready ? 'Valid' : 'Check';
+  panel.querySelector('.health-rate-value').textContent = health.active_job ? 'Busy' : 'OK';
 }
 
 /* ── Account data loading ───────────────────────────── */