nandan Hi and sorry for this very late answer.
I have been facing this issue in the past and I think it is very usefull to keep a trace of the discussion, in this forum, for other peoles.
Obviously, when using the allOf keyword, the SwaggerHub designer must decide which of the available schema must be displayed first.
Of course, we can naturally expect to see the document preview to follow the same order than the script but, as far as I know, the last schema declaration is always taken and displayed first!!
Anyway, now that this fact is known we can try to find a way to get our expected order.
First, I propose to extend the usage of allOf in such way:
Then we can easily play with the wanted order of our visual preview:
It's a more elegant way to enhance your approach #2 😉
Let us know if you have any other suggestions
Enjoy!!