Declutter IPTV source status line

- Shorten the EPG count label and drop it when zero (most sources have no
  EPG configured).
- Only show a status badge when there's something to flag (error/pending);
  "ok" is already implied by having fresh counts.
- Truncate the status line with ellipsis instead of wrapping/overflowing.

Author: YangHanqing

web/app.js

@@ -3207,18 +3207,27 @@ function renderServerList(servers) {
   servers.filter(s => _normType(s.type) === 'iptv').forEach(refreshIPTVServerCardStatus);
 }
 
+// Channel/EPG-matched counts shared by the settings server card and the
+// library browser status line. EPG is dropped entirely when zero — most
+// sources have no EPG configured, and "EPG 0" carries no information.
+function _iptvCountParts(summary) {
+  const parts = [tr('iptvChannelsCount', { count: summary.channel_count || 0 })];
+  if (summary.epg_matched_count) parts.push(tr('iptvEpgMatched', { count: summary.epg_matched_count }));
+  return parts;
+}
+
 async function refreshIPTVServerCardStatus(s) {
   try {
     const summary = await api('GET', `/api/iptv/summary?server_id=${encodeURIComponent(s.id)}`);
     const el = document.getElementById(`iptv-summary-${s.id}`);
     if (!el) return;
-    const statusKey = summary.refresh_status === 'ok' ? 'iptvSourceStatusOk'
-      : (summary.refresh_status === 'error' ? 'iptvSourceStatusError' : 'iptvSourceStatusPending');
-    el.textContent = [
-      tr('iptvChannelsCount', { count: summary.channel_count || 0 }),
-      tr('iptvEpgMatched', { count: summary.epg_matched_count || 0 }),
-      tr(statusKey),
-    ].join(' · ');
+    const parts = _iptvCountParts(summary);
+    // "ok" is the expected steady state and is already implied by having
+    // fresh counts; only surface the badge when there's something to flag.
+    if (summary.refresh_status !== 'ok') {
+      parts.push(tr(summary.refresh_status === 'error' ? 'iptvSourceStatusError' : 'iptvSourceStatusPending'));
+    }
+    el.textContent = parts.join(' · ');
     el.classList.toggle('iptv-status-error', summary.refresh_status === 'error');
   } catch (_) {}
 }
@@ -3782,21 +3791,18 @@ async function loadIPTVSourceStatus() {
 function renderIPTVSourceStatus(s) {
   const el = document.getElementById('iptv-source-status');
   if (!el) return;
-  const statusKey = s.refresh_status === 'ok' ? 'iptvSourceStatusOk'
-    : (s.refresh_status === 'error' ? 'iptvSourceStatusError' : 'iptvSourceStatusPending');
-  const parts = [
-    tr('iptvChannelsCount', { count: s.channel_count || 0 }),
-    tr('iptvEpgMatched', { count: s.epg_matched_count || 0 }),
-  ];
+  const parts = _iptvCountParts(s);
   if (s.last_refreshed) {
     const time = new Date(s.last_refreshed);
     if (!isNaN(time)) parts.push(tr('iptvLastUpdated', { time: time.toLocaleString() }));
   }
-  const statusCls = s.refresh_status === 'error' ? ' iptv-status-error' : '';
-  el.innerHTML = `
-    <span>${parts.map(esc).join(' · ')}</span>
-    <span class="${statusCls}">${esc(tr(statusKey))}</span>
-  `;
+  // "ok" is the expected steady state and is already implied by having
+  // fresh counts; only show a second line when there's something to flag.
+  const badge = s.refresh_status === 'ok' ? '' : `
+    <span class="${s.refresh_status === 'error' ? 'iptv-status-error' : ''}">${esc(tr(
+      s.refresh_status === 'error' ? 'iptvSourceStatusError' : 'iptvSourceStatusPending'
+    ))}</span>`;
+  el.innerHTML = `<span class="iptv-source-status-line">${parts.map(esc).join(' · ')}</span>${badge}`;
 }
 
 async function refreshIPTVSource() {

web/i18n.js

@@ -318,7 +318,7 @@
       needPlaylistUrl: '请输入播放列表地址',
       iptvRefreshing: '正在获取频道列表…',
       iptvChannelsCount: '{count} 个频道',
-      iptvEpgMatched: 'EPG 匹配 {count} 个频道',
+      iptvEpgMatched: 'EPG {count}',
       iptvLastUpdated: '上次更新：{time}',
       iptvNoGuide: '暂无节目单',
       categoryAll: '全部',
@@ -656,7 +656,7 @@
       needPlaylistUrl: 'Please enter a playlist URL',
       iptvRefreshing: 'Fetching channel list…',
       iptvChannelsCount: '{count} channels',
-      iptvEpgMatched: 'EPG matched {count} channels',
+      iptvEpgMatched: 'EPG {count}',
       iptvLastUpdated: 'Last updated: {time}',
       iptvNoGuide: 'No guide available',
       categoryAll: 'All',

web/styles.css

@@ -1230,6 +1230,9 @@ button { font-family: inherit; }
   padding: 10px 14px; font-size: 12px; color: var(--text-muted);
   display: grid; gap: 4px;
 }
+.iptv-source-status-line {
+  min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
 .iptv-status-error { color: #ff7a7a; }
 .iptv-category-row {
   display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none;