first version ui changes

add them and sync  code.