The components in the frontend libraries include a mix of mgnl and magnolia in their names which is exposed in the browser and Angular developer tools. Customers may not be too keen on exposing the CMS they use in the DOM.

Proposal: align & rename components in libraries, using exclusively the "editable" prefix, e.g. In Angular:

// component selectors, as visible in browser inspector
* mgnl-page → editable-page
* mgnl-area → editable-area
* mgnl-component → editable-component

// TypeScript class names, as visible in Augary development tool
* MgnlPageComponent -> EditablePage(Component)
* MagnoliaAreaComponent -> EditableArea(Component)
* MagnoliaComponent -> EditableComponent

-Component suffix may either be omitted (consistency between Magnolia components) or added (Angular conventions https://angular.io/guide/styleguide#style-02-03);
it should be considered an implementation detail anyway.

React should be aligned accordingly too. Samples need to be updated as well.