ui: show active device type counts in streams header
Parses each session's client string (e.g. "Emby for Roku / Bedroom TV") into a device category using priority-ordered regex matching: Android TV, Fire TV, Apple TV, Android, iOS, Roku, LG, Samsung, Google TV, Kodi, Browser, Desktop. Counts are grouped and sorted by frequency, displayed as compact chips to the right of the server badges: Emby 7 Jellyfin 2 · 3 Android 2 Roku 1 Fire TV 1 iOS Unknown client strings are silently skipped (not shown as "Other"). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
586c7c36c1
commit
bea7b6b045
@@ -749,10 +749,15 @@ mark { background: #5d4037; color: #ffcc80; border-radius: 2px; }
|
||||
.vv-doc-hint { font-size: 12px; color: #666; margin-top: 8px; }
|
||||
|
||||
/* Media stream sessions */
|
||||
.vv-stream-servers { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
|
||||
.vv-stream-servers { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; align-items: center; }
|
||||
.vv-server-badge { background: #333; border: 1px solid #555; color: #aaa;
|
||||
font-size: 10px; padding: 1px 7px; border-radius: 10px; }
|
||||
.vv-server-badge-sm { font-size: 9px; padding: 1px 6px; flex-shrink: 0; }
|
||||
/* Device type chips — shown right of server badges when sessions are active */
|
||||
.vv-device-sep { color: #2a2a2a; font-size: 12px; margin: 0 2px; user-select: none; }
|
||||
.vv-device-chip { font-size: 10px; color: #666; padding: 1px 7px;
|
||||
border-radius: 10px; background: #181818; border: 1px solid #252525;
|
||||
white-space: nowrap; }
|
||||
.vv-stream-empty { color: #555; font-style: italic; font-size: 12px; margin: 4px 0; }
|
||||
.vv-stream-empty span { font-size: 11px; color: #444; }
|
||||
.vv-stream-row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #282828; }
|
||||
|
||||
Reference in New Issue
Block a user