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

@if (currentRoom()?.icon) { } @else { {{ currentRoom()?.name?.charAt(0)?.toUpperCase() || '#' }} }

{{ currentRoom()?.name || ('room.panel.serverFallback' | translate) }}

{{ currentRoom()?.description || ('room.panel.serverDescriptionFallback' | translate) }}

} @else {

{{ 'room.panel.membersCount' | translate: { count: knownUserCount() } }}

{{ 'room.panel.onlineNow' | translate: { count: onlineRoomUsers().length + (currentUser() ? 1 : 0) } }}

}

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

@if (canManageChannels()) { }

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

@if (canManageChannels()) { }

@if (!voiceEnabled()) {

}

@if (showVoiceChannelSkeleton()) { } @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 (hasConnectivityIssue(u)) { } @if (u.id !== currentUser()?.id) { } @if (isUserStreaming(u.oderId || u.id)) { } @if (u.voiceState?.isMuted) { } @if (isUserLocallyMuted(u)) { }

}

@if (pluginChannelSections().length > 0 || pluginMenuActions().length > 0 || pluginSidePanels().length > 0 || showPluginSkeleton()) {

@if (showPluginSkeleton()) {

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

@for (record of pluginChannelSections(); track record.id) { }

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

@for (record of pluginSidePanels(); track record.id) {

}

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

@if (currentUser()) {

@if (currentUser()?.gameActivity; as activity) {

@if (activity.store?.url) { } @else { {{ 'room.panel.playing' | translate: { game: activity.name } }} } {{ gameActivityElapsed(currentUser()) }}

}

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

@if (isPassiveVoiceClient()) { {{ 'room.panel.voiceOnOtherDevice' | translate }} } @else { {{ 'room.panel.inVoice' | translate }} }

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

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

{{ 'room.panel.online' | translate: { count: onlineRoomUsers().length } }}

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

@if (user.role === 'host') { {{ 'room.panel.roles.owner' | translate }} } @else if (user.role === 'admin') { {{ 'room.panel.roles.admin' | translate }} } @else if (user.role === 'moderator') { {{ 'room.panel.roles.mod' | translate }} }

@if (user.gameActivity; as activity) {

@if (activity.store?.url) { } @else { {{ 'room.panel.playing' | translate: { game: activity.name } }} } {{ gameActivityElapsed(user) }}

}

@if (user.voiceState?.isConnected) {

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

}

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

{{ 'room.panel.offline' | translate: { count: offlineRoomMembers().length } }}

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

@if (member.role === 'host') { {{ 'room.panel.roles.owner' | translate }} } @else if (member.role === 'admin') { {{ 'room.panel.roles.admin' | translate }} } @else if (member.role === 'moderator') { {{ 'room.panel.roles.mod' | translate }} }

}

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

}

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

}