Design discovery for client and server evaluation in Web IDE (pane management)

live preview (both client side and server side evaluation)
javascript console (client side evaluation, javascript console scoped to the live preview iframe)
web terminal (server side evaluation, bash console to a container)

The Web IDE should work in either context, but we shouldn't do server and client side evaluation at the same time.

A user should be able to tell if client or server side evaluation is available:

client side evaluation will only be available if a package.json with a browser entry point defined exists
server side evaluation will only be available if a web-ide job is defined in the .gitlab-ci.yml and runners tagged with web-ide are available

When client side evaluation is active, a user should be able to view a live preview of their application and debug it with a javascript console

should be possible to resize, hide the live preview panel, and open it into a different tab
should be possible to open the project in Codesandbox to share with others not on my GitLab instance
should be possible to resize and hide the javascript console
should be possible to see the live preview and javascript console at the same time

When server side evaluation is active ...