The Tree mode for the editor displays all JSF application artifacts referenced in the configuration file in a tree format. By selecting any node you can see and edit its properties which will appear in the right-hand area. For example, a Managed Bean:
To edit some artifact, right-click any node and select one of the available actions in the context menu. You can also edit in the properties window to the right:
The same way you can create a new artifact: