Bubble editor - UI Builder - Better dev experience to add new elements to the tree

I want to add new elements directly to the tree, without dropping to the view-editor first (not exactly knowing where it was dropped).
The purpose is that I add elements at the right place in the tree immediately.

Add the following contextual option to every tree’s element: “Insert new element …”

→ This must open the “Insert new element @ <selected tree’s element name>” popup.

The popup:

  1. Select element template:
    Should be able to select an element template (a visual, group, input, reusable) with a search bar immediately activated (start typing “te” should show all elements containing te (text, …), pressing arrows or enter to select the element template).

  2. Select insert count:
    Insert count (default 1): Insert more than one element with one action.

  3. Buttons:
    Insert as sibling before <selected tree’s element>
    Insert as sibling after <selected tree’s element>

  4. In case the selected tree’s element is a group, add extra buttons:
    Insert as child on top of <selected tree’s element’s children>
    Insert as child at the bottom of <selected tree’s element’s children>

This would speed up the advanced dev experience tremendously.