onDragStart?.(row.position)} ondragover={(e) => { e.preventDefault(); onDragOver?.(e, row.position); }} ondrop={(e) => { e.preventDefault(); onDrop?.(e, row.position); }} > {#if isOwner} {/if} !isUnavailable && onPlay(row.position)} disabled={isUnavailable} >

{row.title}

{row.artist_name} · {row.album_title}

{format(row.duration_sec)} {#if !isUnavailable && liveTrack} {/if} {#if isOwner} onRemove(row.position)} aria-label={`Remove ${row.title} from playlist`} class="flex-shrink-0 rounded p-1 text-text-muted hover:bg-surface hover:text-action-destructive" > {/if}