So I noticed that when adding a custom UI selector in the selector builder of a given UI element, unlike the ones that get placed there by capturing them on the relevant webpage, the custom UI selectors that I put in do not get added to the 'visual editor' for me to pick and choose nested UI elements and their attributes, with the help of the Columns, rows, functions and blue boxes etc.
So, something I've added here (the first screenshot), unless they were in the original capture and I've only modified it, it would not be visible and editable in the visual editor (second screenshot). Btw, the actual content of these screenshot aren't good examples because they're all in the original hierarchy but when they're not, e.g. I want to take a second capture but with only a sub set of the hierarchy but don't want it all on the same UI element [variable]. i.e. I don't want to loose my previous work and modifications.
As an aside, the toggle button here is confusing. To me the first window is a visual editor and the second window 'custom'. So when the visual editor is open, the text appearing at the right of the toggle should be 'visual editor'.
A third comment I'd like to make is that it's annoying that the field containing the actual, full UI selector, at the bottom of the window (on the visual editor i.e. the second screenshot) isn't editable too, like it is in the Custom window. Once I learnt the various symbols representing the various functions (^,*,@ etc.) I don't want to be un/clicking anymore blue boxes (attributes and selectors), selecting drop down fields and spend ages scrolling to the end or the beginning of the long Value texts, of which only small parts are visible at a once, to find if there's a digit or dynamic value that needs generalizing.
