Add dialog and tab to tree in UI5

I've the following tree which is working as expected now I im having trouble to add to it two things

1. that the all control  will open in dialog (the tree and all the view there)

2. when I click on some entry in the tree I need open in the right side on the tree a tab sconrol how should I do that?

any example will be very helpful

JS Bin - Collaborative JavaScript Debugging

Thanks!