Bulk actions for sessions

[cristineguadelupe]

Closes #914

Screen.Recording.2022-01-28.at.17.20.17.mov

[josevalim]

This is looking great! Some feedback:

1. Let's rename "Disconnect session" to "Disconnect runtime". For the icon, let's use the same icon for the runtime in the notebook sidebar.

2. For consistency, let's also add "Disconnect runtime" to the individual icon here:

   

3. When I said we should have two buttons, I was thinking we would only have two actions: Cancel and Close. But right now we have multiple actions so I would stick with a single button called [ Actions ]. Inside the button we will have the following actions "Cancel", "Select all", "Disconnect runtime", and "Close sessions". If nothing is selected, both "Disconnect runtime" and "Close sessions" should show up disabled

4. Minor nitpick: the alignment of "Runtime sessions" with the button looks weird. Maybe we should move the button to the right side? Either before or after the "Sorting" button.

EDIT:

5. In "Close session" confirmation window, if any of the sessions we are closing were not saved to disk, we should explicitly say so. I don't think we need to list the name of the sessions. So I would go with something like this:

   Are you sure you want to close 5 sections?
   Important: 3 notebooks are not persisted and their content will be lost.

[jonatanklosko]

Fantastic work using LiveView.JS! A couple more comments from me 🐱

[josevalim]

Looks great to me! I have only dropped very minor comments.

However, I think we need a test that goes through the process of:

1. Starting a runtime
2. Closing it off via a bulk action
3. Verifying the runtime is gone

Once that is ready, this is all done!

[jonatanklosko]

Awesome job! 🐱

@josevalim?

[josevalim]

Absolutely beautiful! I have dropped one very tiny comment!