Background

This is a followup on stories HAC-1943 & HAC-1944, which were around adding the topology list and graph view patterns to the Application view UI. This story reintroduces the component -> environment flow at the top of the screen that was removed when the topology was added.

This flow allows the user to understand their ci/cd in context as they are viewing the details of the components list (composition) or an environment. This is beneficial so the user understands the flow of the composition into the Development environment, and can confirm they are interacting with the environment they expect (ex. viewing Prod when they meant to look at Stage.)

Acceptance criteria

• The user should see cards that represent the components list (composition) and each environment, with the flow conveyed between these (via arrows)
• The user can select the components list or an environment and this visualization is retained, while showing the details of the application components or environment

UX Design

General UX design for application view: https://docs.google.com/document/d/1IiOz_GTpBOgXPjbksZqKBPV8p92exQlqsQJcO1uZ_so/edit?usp=sharing

Design specific to refining vertical space in this screen: https://docs.google.com/document/d/1Y21RixZM-02DQ-QwJw38OGp_3Bmfkic-Al7jhW--H5E/edit?usp=sharing