@if (panelMode() === 'channels') {

{{ currentRoom()?.description || 'Choose a text channel or jump into voice.' }}

} @else {

{{ knownUserCount() }} members

{{ onlineRoomUsers().length + (currentUser() ? 1 : 0) }} online right now

}

@if (panelMode() === 'channels') {

Text Channels

@if (canManageChannels()) { }

@for (ch of textChannels(); track ch.id) { }

Voice Channels

@if (canManageChannels()) { }

@if (!voiceEnabled()) {

Voice is disabled by host

}

@for (ch of voiceChannels(); track ch.id) {

@if (voiceUsersInRoom(ch.id).length > 0) {

@for (u of voiceUsersInRoom(ch.id); track u.id) {

{{ u.displayName }} @if (u.id !== currentUser()?.id) { } @if (isUserStreaming(u.oderId || u.id)) { } @if (u.voiceState?.isMuted) { } @if (isUserLocallyMuted(u)) { }

}

} @if (panelMode() === 'users') {

@if (currentUser()) {

You

@if (currentUser()?.voiceState?.isConnected) {

In voice

} @if (currentUser() && isUserStreaming(currentUser()!.oderId || currentUser()!.id)) { }

} @if (onlineRoomUsers().length > 0) {

Online - {{ onlineRoomUsers().length }}

@for (user of onlineRoomUsers(); track user.id) {

@if (user.role === 'host') { Owner } @else if (user.role === 'admin') { Admin } @else if (user.role === 'moderator') { Mod }

@if (user.voiceState?.isConnected) {

In voice

} @if (isUserStreaming(user.oderId || user.id)) { }

}

} @if (offlineRoomMembers().length > 0) {

Offline - {{ offlineRoomMembers().length }}

@for (member of offlineRoomMembers(); track member.oderId || member.id) {

@if (member.role === 'host') { Owner } @else if (member.role === 'admin') { Admin } @else if (member.role === 'moderator') { Mod }

Offline

}

} @if (onlineRoomUsers().length === 0 && offlineRoomMembers().length === 0) {

No other users in this server

}

} @if (panelMode() === 'channels' && showVoiceControls() && voiceEnabled()) {

}