I very much appreciate your time and input Pier.
I find what you say very strange, because on my computer its just constantly busted and no amount of editing\reloading or anything will fix it.
Here for example i have pulled out all the components and hit refresh and they still exist in the app component tree.
Reloading from the app structure bar or the design structure bar buttons makes no difference.
If i exit the page entirely then reload it then it returns empty, however trying to add a component and it doesn’t appear.
Here i have made changes to one of the components in the app structure and the changes are not reflected in the code, even after doing a refresh of the page, including refreshing the page from design view :
Really strange behaviour i am getting, i have been trying things for countless hours and have never got it to work. I have mostly just given up for the time being and posted a bug report here: Framework 7 Template Bug #1650968013152
I have certainly been digging into the documentation, after a lot of effort i managed to get the picker working in the browser though it doesnt show up in the wappler design. I did this by doing pretty much exactly what you are doing here, loading the page through a component url and putting the appropriate scripting down the bottom. This is how i eventually came across this issue i am having with the template component, as i can see ill be using it a lot i would like to get it ironed out and easier to use.
To make things a bit easier on myself in the shorter term i bound ctrl+k+c (comment selection) and ctrl+k+u (uncomment selection) to my mouse side buttons to comment and uncomment the template lines little easier.