{#if imageError || !artist.image}
{:else} {artist.name} {/if}

{artist.name}

{#if bioText}
{@html bioText}
{#if isBioTruncated || bioExpanded} {/if} {#if artist.biography?.source}
Source: {artist.biography.source}
{/if}
{/if}
{#if isRadioLoading && radioLoadingMessage} {#key radioLoadingMessage} {radioLoadingMessage} {/key} {/if}
{#if artistIsBlacklisted}
This artist is blacklisted. Their music is hidden from search, radio, and suggestions.
{/if} {#if showJumpNav}
Jump to
{#each jumpSections as section} {/each}
{#if searchOpen}
{ if (e.key === 'Escape') toggleSearch(); else if (e.key === 'Enter') { e.preventDefault(); if (e.shiftKey) prevResult(); else nextResult(); } }} />
{#if searchQuery} {#if totalFilteredResults === 0} 0/0 {:else} {currentSearchIndex + 1}/{totalFilteredResults} {/if} {/if}
{:else} {/if}
{/if} {#if topTracks.length > 0 || tracksLoading}

Popular Tracks

{#if topTracks.length > 0}
{#if showTracksContextMenu}
showTracksContextMenu = false} role="presentation">
{/if}
{/if}
{#if tracksLoading}
Loading tracks...
{:else}
{#each visibleTracks as track, index} {@const isActiveTrack = isPlaybackActive && activeTrackId === track.id}
handleTrackPlay(track, index)} onkeydown={(e) => e.key === 'Enter' && handleTrackPlay(track, index)} >
{index + 1}
{#if track.album?.image?.thumbnail || track.album?.image?.small} {track.title} {/if}
{track.title}
{#if track.album?.id && onTrackGoToAlbum} {:else}
{track.album?.title || ''}
{/if}
{formatDuration(track.duration)}
{#if onTrackAddFavorite} {/if} handleTrackPlay(track, index)} onPlayNext={onTrackPlayNext ? () => onTrackPlayNext(track) : undefined} onPlayLater={onTrackPlayLater ? () => onTrackPlayLater(track) : undefined} onCreateRadio={() => createTrackRadio(track)} onAddFavorite={onTrackAddFavorite ? () => onTrackAddFavorite(track.id) : undefined} onAddToPlaylist={onTrackAddToPlaylist ? () => onTrackAddToPlaylist(track.id) : undefined} onShareQobuz={onTrackShareQobuz ? () => onTrackShareQobuz(track.id) : undefined} onShareSonglink={onTrackShareSonglink ? () => onTrackShareSonglink(track) : undefined} onGoToAlbum={track.album?.id && onTrackGoToAlbum ? () => onTrackGoToAlbum(track.album!.id) : undefined} />
{/each}
{#if canLoadMoreTracks} {/if} {/if}
{/if}

Discography

{#if artist.albums.length > 0} {artist.albums.length} {/if}
{#if showAlbumSortMenu}
{/if}
{#if artist.albums.length === 0}
No albums found
{:else}
{#each filteredAlbums as album} onAlbumPlay(album.id) : undefined} onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined} onPlayLater={onAlbumPlayLater ? () => onAlbumPlayLater(album.id) : undefined} onAddAlbumToPlaylist={onAddAlbumToPlaylist ? () => onAddAlbumToPlaylist(album.id) : undefined} onShareQobuz={onAlbumShareQobuz ? () => onAlbumShareQobuz(album.id) : undefined} onShareSonglink={onAlbumShareSonglink ? () => onAlbumShareSonglink(album.id) : undefined} onDownload={onAlbumDownload ? () => onAlbumDownload(album.id) : undefined} isAlbumFullyDownloaded={isAlbumDownloaded(album.id)} onOpenContainingFolder={onOpenAlbumFolder ? () => onOpenAlbumFolder(album.id) : undefined} onReDownloadAlbum={onReDownloadAlbum ? () => onReDownloadAlbum(album.id) : undefined} {downloadStateVersion} onclick={() => { onAlbumClick?.(album.id); loadAlbumDownloadStatus(album.id); }} /> {/each}
{/if}
{#if artist.epsSingles.length > 0}

EPs & Singles

{artist.epsSingles.length}
{#if showEpsSinglesSortMenu}
{/if}
{#each filteredEpsSingles as album} onAlbumPlay(album.id) : undefined} onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined} onPlayLater={onAlbumPlayLater ? () => onAlbumPlayLater(album.id) : undefined} onAddAlbumToPlaylist={onAddAlbumToPlaylist ? () => onAddAlbumToPlaylist(album.id) : undefined} onShareQobuz={onAlbumShareQobuz ? () => onAlbumShareQobuz(album.id) : undefined} onShareSonglink={onAlbumShareSonglink ? () => onAlbumShareSonglink(album.id) : undefined} onDownload={onAlbumDownload ? () => onAlbumDownload(album.id) : undefined} isAlbumFullyDownloaded={isAlbumDownloaded(album.id)} onOpenContainingFolder={onOpenAlbumFolder ? () => onOpenAlbumFolder(album.id) : undefined} onReDownloadAlbum={onReDownloadAlbum ? () => onReDownloadAlbum(album.id) : undefined} {downloadStateVersion} onclick={() => { onAlbumClick?.(album.id); loadAlbumDownloadStatus(album.id); }} /> {/each}
{/if} {#if artist.liveAlbums.length > 0}

Live Albums

{artist.liveAlbums.length}
{#if showLiveAlbumsSortMenu}
{/if}
{#each filteredLiveAlbums as album} onAlbumPlay(album.id) : undefined} onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined} onPlayLater={onAlbumPlayLater ? () => onAlbumPlayLater(album.id) : undefined} onAddAlbumToPlaylist={onAddAlbumToPlaylist ? () => onAddAlbumToPlaylist(album.id) : undefined} onShareQobuz={onAlbumShareQobuz ? () => onAlbumShareQobuz(album.id) : undefined} onShareSonglink={onAlbumShareSonglink ? () => onAlbumShareSonglink(album.id) : undefined} onDownload={onAlbumDownload ? () => onAlbumDownload(album.id) : undefined} isAlbumFullyDownloaded={isAlbumDownloaded(album.id)} onOpenContainingFolder={onOpenAlbumFolder ? () => onOpenAlbumFolder(album.id) : undefined} onReDownloadAlbum={onReDownloadAlbum ? () => onReDownloadAlbum(album.id) : undefined} {downloadStateVersion} onclick={() => { onAlbumClick?.(album.id); loadAlbumDownloadStatus(album.id); }} /> {/each}
{/if} {#if artist.compilations.length > 0}

Compilations

{artist.compilations.length}
{#if showCompilationsSortMenu}
{/if}
{#each filteredCompilations as album} onAlbumPlay(album.id) : undefined} onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined} onPlayLater={onAlbumPlayLater ? () => onAlbumPlayLater(album.id) : undefined} onAddAlbumToPlaylist={onAddAlbumToPlaylist ? () => onAddAlbumToPlaylist(album.id) : undefined} onShareQobuz={onAlbumShareQobuz ? () => onAlbumShareQobuz(album.id) : undefined} onShareSonglink={onAlbumShareSonglink ? () => onAlbumShareSonglink(album.id) : undefined} onDownload={onAlbumDownload ? () => onAlbumDownload(album.id) : undefined} isAlbumFullyDownloaded={isAlbumDownloaded(album.id)} onOpenContainingFolder={onOpenAlbumFolder ? () => onOpenAlbumFolder(album.id) : undefined} onReDownloadAlbum={onReDownloadAlbum ? () => onReDownloadAlbum(album.id) : undefined} {downloadStateVersion} onclick={() => { onAlbumClick?.(album.id); loadAlbumDownloadStatus(album.id); }} /> {/each}
{/if} {#if artist.others.length > 0}

Others

{artist.others.length}
{#if showOthersSortMenu}
{/if}
{#each filteredOthers as album} onAlbumPlay(album.id) : undefined} onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined} onPlayLater={onAlbumPlayLater ? () => onAlbumPlayLater(album.id) : undefined} onAddAlbumToPlaylist={onAddAlbumToPlaylist ? () => onAddAlbumToPlaylist(album.id) : undefined} onShareQobuz={onAlbumShareQobuz ? () => onAlbumShareQobuz(album.id) : undefined} onShareSonglink={onAlbumShareSonglink ? () => onAlbumShareSonglink(album.id) : undefined} onDownload={onAlbumDownload ? () => onAlbumDownload(album.id) : undefined} isAlbumFullyDownloaded={isAlbumDownloaded(album.id)} onOpenContainingFolder={onOpenAlbumFolder ? () => onOpenAlbumFolder(album.id) : undefined} onReDownloadAlbum={onReDownloadAlbum ? () => onReDownloadAlbum(album.id) : undefined} {downloadStateVersion} onclick={() => { onAlbumClick?.(album.id); loadAlbumDownloadStatus(album.id); }} /> {/each}
{/if} {#if artist.playlists.length > 0}

Playlists

{artist.playlists.length}
{#each filteredPlaylists as playlist} {/each}
{/if} {#if artist.tributes.length > 0}

Tributes & Covers

{artist.tributes.length}
{#if tributesExpanded}
{#if showTributesSortMenu}
{/if}
{/if}
{#if tributesExpanded}
{#each visibleTributes as album} onAlbumPlay(album.id) : undefined} onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined} onPlayLater={onAlbumPlayLater ? () => onAlbumPlayLater(album.id) : undefined} onAddAlbumToPlaylist={onAddAlbumToPlaylist ? () => onAddAlbumToPlaylist(album.id) : undefined} onShareQobuz={onAlbumShareQobuz ? () => onAlbumShareQobuz(album.id) : undefined} onShareSonglink={onAlbumShareSonglink ? () => onAlbumShareSonglink(album.id) : undefined} onDownload={onAlbumDownload ? () => onAlbumDownload(album.id) : undefined} isAlbumFullyDownloaded={isAlbumDownloaded(album.id)} onOpenContainingFolder={onOpenAlbumFolder ? () => onOpenAlbumFolder(album.id) : undefined} onReDownloadAlbum={onReDownloadAlbum ? () => onReDownloadAlbum(album.id) : undefined} {downloadStateVersion} onclick={() => { onAlbumClick?.(album.id); loadAlbumDownloadStatus(album.id); }} /> {/each}
{#if canLoadMoreTributes}
{/if} {/if}
{/if} {#if showNetworkSidebar} {/if}