add new ui for semantic