How to use the subpatch on Lily

After having got some instruction from Bill (the creator of Lily),
I tried to arrange the diagram to learn how to use the subpatch.
It took some time for me but I could make it work finally like the image above.

I've learned that the subpatch had better be placed at the same place of main patch and that subpatch is actually the patch itself.
I have also learned that the subpatch should have inlet and outlet to connect the flow in the main patch, and that it is important to resize the area of subpatch to show the contents. (This was the main reason why I was stuck to make it work.)

Sample .json files :
firstSubpatch.json
sample_UIs.json