Add runtime info panel

[jonatanklosko]

Didn't focus on the side panel design, since we're gonna have it redesigned anyway :)

runtimes.mp4

[josevalim]

@jonatanklosko when there is no runtime, maybe we can show something like "Type: Elixir standalone" with both "Connect" and "Settings" button? This way we can remove the default note from the modal, because the default will be clear on the sidebar. WDYT?

[josevalim]

I also think we can remove the "The code is evaluated in a separate Elixir runtime (node), which you can configure yourself here. " leading paragraph from the modal.

[jonatanklosko]

when there is no runtime, maybe we can show something like "Type: Elixir standalone" with both "Connect" and "Settings" button?

Do we need to optimise that though? I think it will be confusing to show runtime information even though it's not really connected. If the user wants to go with the default runtime, they won't connect manually anyway and just start evaluating stuff. If they are opening the runtime panel before evaluation, it's likely they actually want to pick another runtime type.

I also think we can remove the "The code is evaluated in a separate Elixir runtime (node), which you can configure yourself here. " leading paragraph from the modal.

Sounds good, and if we want to keep the information we could also use a question mark with a tooltip (that said, it's fine not to ^^).

[josevalim]

Do we need to optimise that though?

I mostly want to avoid the case where someone wants to double check the runtime being used and now they need to click to open the modal. To avoid confusion, I am sure Aakash can make something that makes it clear if it is connected or not. In any case, we don't need to have the "Connect" button but I do think we should show the default runtime.

[jonatanklosko]

Let me know if that's enough for Aakash to iterate on :)

runtime_panel.mp4

[josevalim]

@jonatanklosko beautiful! Please merge and deploy so Aakash can explore it. :)