{#if a.mbid} {a.name} {:else} {a.name} {/if} {plural(a.wants.length, 'album', 'albums')}

{#each a.wants as w (w.id)}
• {#if w.image_url} {/if}

  {#if w.album_id && w.held_at} {w.title} {:else} {w.title} {/if} {#if kind(w)} · {kind(w)}{/if}

  {why(w)} · {w.held_at ? `held ${relativeTime(w.held_at)}` : `wanted ${relativeTime(w.wanted_at)}`}

  {#if w.held_at && w.upgrade}

  {upgradeLine(w)}

  {/if} {#if searchable(w)}

  {wantStatus(w)} {#if needsYou(w)} Decide on Activity {/if}

  {:else if arrived(w)}

  {arrived(w)}

  {/if}

  (shown = shown === w.id ? null : w.id)} aria-expanded={shown === w.id} aria-label="Tracks of {w.title}" class="inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary" > Tracks {#if searchable(w)} onSearch(w)} disabled={searching !== null || !!w.grab?.live} aria-label="Search for {w.title} now" class="inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary disabled:opacity-50" > {searching === w.id ? 'Searching…' : 'Search'} (open = open === w.id ? null : w.id)} aria-expanded={open === w.id} aria-label="Releases found for {w.title}" class="inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary" > Releases {/if} onRemove(w)} disabled={busy === w.id} aria-label={w.held_at ? `Take ${w.title} off the list` : `Stop wanting ${w.title}`} class="inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs text-text-secondary hover:bg-surface-hover hover:text-text-primary disabled:opacity-50" > Remove
  {#if shown === w.id}
  {/if} {#if open === w.id && searchable(w)}
  {/if}
{/each}