{#each SEARCH_SCOPES as s, i (s)} select(s)} onkeydown={(e) => onKeyDown(e, i)} class="px-4 py-1.5 rounded-full text-sm whitespace-nowrap transition-colors border {scope === s ? 'bg-[var(--color-jellyfin)] border-[var(--color-jellyfin)] text-white' : 'bg-[var(--color-surface)] border-gray-700 text-gray-300 hover:text-white hover:border-gray-500'}" > {SCOPE_LABELS[s]} {/each}