Update launching flow to include status dialogue

[plante-msft]

Update launch flow to add a flyout dialogue while project is launching:

• Flyout dialogue updates each app's status with a green check once app is launched and in position.
• Dismiss button to dismiss dialogue from view.
• Cancel button to cancel project launch. This is a hard cancel on the launch execution flow, but does not "clean up" apps that have already launched.
• Flyout persists for 1 second after all apps have launched before automatically dismissing itself.

• Spinner is applied while app is launching
• Green check is applied once app has successfully launched
• Red X is applied if launch fails

cc @crutkas @hamza-usmani

[hamza-usmani]

Notes:

• "Dismiss" and "Cancel" should be flipped following common UX/UI priniciples Best practice UX: Proceed/continue actions are on the right, negate or cancel actions on the left

[plante-msft]

Notes:

• "Dismiss" and "Cancel" should be flipped following common UX/UI priniciples Best practice UX: Proceed/continue actions are on the right, negate or cancel actions on the left

Somehow these got switched and the other launch flyout was removed from the original screenshot - thanks for calling this out. Image has been updated.

[hamza-usmani]

Another note: If an app is loading, it should not have a check or X, simply blank. I am assuming this is what is being represented above (ie. Terminal has failed to launch and the other apps have succeeded, not that terminal has not yet launched)

[plante-msft]

Good callout - updated to include the third variant.

[plante-msft]

@donlaci @SeraphimaZykova should we gate the same project's launch behind the dialogues presence on-screen? Thinking of how to account for an accidental double-launch (ex. double-clicking taskbar icon)

[SeraphimaZykova]

@donlaci @SeraphimaZykova should we gate the same project's launch behind the dialogues presence on-screen? Thinking of how to account for an accidental double-launch (ex. double-clicking taskbar icon)

I think that would make sense. We can add a mutex to prevent multiple instances of Launcher from running, ensuring that only one project launches at a time.

[plante-msft]

@donlaci apologies as I should have specified this in the original issue - the loading circle displayed while the app is launching should be animated