sandboxes: UI to show the active sandbox

[josephjclark]

We need a clear but unobtrusive UI to show users that a sandbox is active.

This is super important because there's a danger that a user can look at a workflow without realising that they're looking at a dev (or even prod) environment

Concept for active sandbox:

Obviously size, padding, spacing and styling needs adjusting, just blocking in ideas. The icon is deliberately obnoxiously large.

Note that the breadcrumbs now include the sandbox name

Should we make all button colours match the sandbox colour? Probably? Looks odd to have both, and it'll help continually reinforce the sandbox mode.

Concept for main Project (note that the sandbox stuff "collapses" to a link)

I am considering removing the "Projects" link from breadcrumbs as it is redundant

The inspector needs updating to include banner showing the current sandbox. Not terribly elegant but good enough for now.

[josephjclark]

Sanity check @taylordowns2000 @stuartc : if Sandboxes are Manual Run Only (no triggers), are they unlimited? Should we cap at 100 runs a day or something to prevent abuse?

[elias-ba]

We have laid out the basics in this PR here. Both @josephjclark and I agreed that we should pause this a little bit for now until we have the mechanics well rounded.

[josephjclark]

Put something in the project picker? The sandbox name or an emoji?

[taylordowns2000]

Put something in the project picker? The sandbox name or an emoji?

Yeah I like that. I was also considering that if you are in a Sandbox, we could display (just over the project picker) the name of the parent project that is clickable and allows you to move back (in a single click) to main. This is from the Stripe UI.

And the plot thickens. When you are in a Sandbox, the project picker could actually become a sandbox picker. In other words, if you've got 2 sandboxes in the "UNICEF" project, opening the picker will show you your current sandbox, the other one, and main. If you go back to main then the picker is only for root projects again, and the "go back to main" link in the top left (like Stripe) is gone.

I think it would be quite rare for a user to want to navigate from the sandbox of one project directly to another project. If I'm wrong about that, then maybe scratch this idea or take bits (but not bobs) from it.

[josephjclark]

This is a blocker for the public release of sandboxes. Probably for the internal release too. However we don;t need to make it pretty. I strongly recommend we do something quick, clear and ugly for release - and then tidy it up later.

That probably means plugging in the banner in the inspector and below the breadcrumbs bar.

It would then be an immediate priority to improve for v1.1 or 1.2, which should be this year really