{#snippet artistChip()} {/snippet}

{#if artUrl} {/if}

{#if isStream} {/if}

{#if artUrl} {/if} {#if player.status === "playing" && ui.windowActive} {/if}

{#if player.track?.title}

{player.track.title}{metaParts[0] ? ` — ${metaParts[0]}` : ""}

{/if}

{#if npGlassy} {/if}

{#if statusLine} {#key statusPhase} {statusLine} {/key} {/if} {metaParts[1] || player.track?.title || "Nothing playing"}

{#if currentItem} [ { title: currentItem.title, artist: currentItem.artist ?? metaParts[0] ?? null, album: currentItem.album ?? metaParts[1] ?? null, duration_secs: currentItem.duration ?? null, // A stream item's path names a file on the PEER's // machine — the row goes in as a stream row that // plays through the resolver, not a fake local // file. Its catalog id and cover ride along. path: currentItem.stream ? null : currentItem.path, art_path: currentItem.stream ? null : (currentItem.art ?? null), trackId: currentItem.trackId ?? null, artUrl: currentItem.stream ? (currentItem.artUrl ?? null) : null, }, ]} /> {/if} {#if isStream && currentItem?.stream} {/if} {#if isStream} {/if}

{#if artUrl} {/if} {#if panelContentVisible} {#if currentItem}

{#if artUrl} {:else}

{/if}

{#if metaParts[0]} {/if} {#if metaParts[1]} {/if}

{#each waveBars as v, i} {/each}

{fmtTime(player.position)} -{fmtTime(Math.max(0, (player.duration ?? 0) - (player.position ?? 0)))}

{#if quality}

{#if quality.format} {#if LOSSLESS.has(quality.format)}{/if} {quality.format} {/if} {#if quality.bitrate} {quality.bitrate} kbps{quality.vbr ? " VBR" : ""} {/if} {#if fmtRate(quality)}{fmtRate(quality)}{/if} {#if fmtSize(quality.size)}{fmtSize(quality.size)}{/if}

{/if}

{#each panes as p (p)} {/each}

{#key pane}

{#if pane === "queue"} {#if upNext} {/if} {#if albumRows.length > 1}

{albumMode ? "From the album" : "Queue"} {albumRows.length} tracks

{#each albumRows as row, i (row.key)} {@const isNow = row.queueIndex >= 0 && row.queueIndex === player.queueIndex} {/each}

{:else}

Nothing queued after this one.

{/if} {:else if pane === "lyrics"} {:else if pane === "artist"} {@render artistChip()} {#if discovery.socials.length}

{#each discovery.socials as link (link.kind)} {@const meta = SOCIAL_META[link.kind] ?? SOCIAL_META.website} { e.preventDefault(); api.openExternal(link.url); }} > {/each}

{/if} {#if releaseList.length}

Releases {#if discovery.albumCount}{discovery.albumCount} total{/if}

{#if showAllReleases} {#each releaseSections as section (section.key)}

{section.label} {section.count}

{#each section.rows as row (row.album.id)} {#if row.heading}

{row.heading}

{/if} {/each}

{/each} {:else}

{#each releaseList as al (al.id)} {/each}

{/if} {#if discovery.albums.length > moreAlbums.length} {/if} {/if} {#if relatedArtists.length}

Fans also like

{#each relatedArtists as ar} {/each}

{/if} {:else}

About this record

{#if albumTitle}

{#if artUrl}

{/if}

{albumTitle}

{#if recordSub}

{recordSub}

{/if}

{/if} {#if albumInfo?.description} {#if descLede}

{descLede}

{/if} {#if descRest}

{descRest}

{/if} {/if} {#if recordTiles.length}

{#each recordTiles as tile (tile.label)}

{tile.value}{tile.label}

{/each}

{/if} {#if albumInfo?.genre || albumInfo?.label || releasedOn}

{#if albumInfo?.genre}{albumInfo.genre}{/if} {#if albumInfo?.label}{albumInfo.label}{/if} {#if releasedOn}{releasedOn}{/if}

{/if}

About the artist

{@render artistChip()} {#if activeYears}

Active {activeYears}

{/if} {#if discovery.bio}

{discovery.bio}

{/if} {#if !albumInfo?.description && !discovery.bio}

Nothing written about this record yet.

{/if} {#if albumInfo?.description || discovery.bio || recordTiles.length}

{#if albumInfo?.description || discovery.bio}Words Wikipedia · {/if} {#if recordTiles.length}Counts Last.fm · {/if} Catalogue Deezer + MusicBrainz

{/if} {/if}

{/key} {:else}

Nothing playing

{/if} {/if}

{#if ui.nowPlaying}

{#if dragging} {ui.nowPlayingWidth}{atDefault ? " · default" : ""} {/if} {/if}