{#if shouldShow && displayMedia}
{#if $isRemoteMode && $selectedSession}
Playing on {$selectedSession.deviceName}
{/if}
{#if displayMedia?.primaryImageTag}
{:else}
{/if}
{displayMedia?.name}
{#if displayMedia?.artistItems?.length} {#each displayMedia?.artistItems as artist, i}
navigateToArtist(e, artist.id)} class="hover:text-white hover:underline transition-colors" > {artist.name}
{#if i < (displayMedia?.artistItems?.length ?? 0) - 1}
,
{/if} {/each} {:else if displayMedia?.artists?.length}
{displayMedia?.artists.join(", ")}
{/if} {#if displayMedia?.albumId && displayMedia?.albumName} {#if displayMedia?.artistItems?.length || displayMedia?.artists?.length}
•
{/if}
{displayMedia?.albumName}
{:else if displayMedia?.albumName}
{displayMedia?.albumName}
{/if}
{#if displayMedia}
{/if}
{formatTime(displayPosition)} / {formatTime(displayDuration)}
{ showOverflowMenu = !showOverflowMenu; haptics.tap(); }} class="p-2 hover:bg-white/10 rounded-full transition-colors" aria-label="More options" >
{#if showOverflowMenu}
View Queue
{#if displayMedia?.albumId}
Go to Album
{/if} {#if displayMedia?.artistItems?.length}
Go to Artist
{/if}
Add to Playlist
Share
{/if}
{/if} {#if showOverflowMenu}
showOverflowMenu = false} aria-label="Close menu" >
{/if}