Queue ({items.length})
{#if items.length === 0}
Queue is empty
{:else}
{#each dndItems as item, index (item.dndId)}
onItemClick?.(index)} class="flex-1 flex items-center gap-3 text-left min-w-0" aria-label="Play {item.name}" >
{#if currentIndex === index}
{:else}
{index + 1}
{/if}
{#if item.primaryImageTag}
{/if}
{item.name}
{#if item.artists?.length}
{item.artists.join(", ")}
{/if}
{formatDuration(item.runTimeTicks)}
handleRemove(e, index)} class="p-1 rounded text-gray-500 hover:text-red-400 hover:bg-white/5 transition-colors" aria-label="Remove from queue" >
{/each}
{/if}