Add Metrics to Operations Tab

Problem

Many of our Operations related features can be hard to find. Metrics is buried within an icon for an individual environment, and pod logs are buried insight of deploy boards.

While these work flows make sense, we should add a way to get to them directly from the Operations tab that is now available in 11.0.

Solution

With the addition of the Operations tab, we should continue to add operations related features to it. One obvious one is our existing metrics support. This will drastically increase the discoverability of the feature, as well as make it more accessible.

We should add a new Metrics item to the Operations tab as follows:

• First item underneath the Operations tab, move Environments lower
• Clicking on Operations now opens this screen, instead of Environments
• Upon initial view, we show the production environment, if one exists.
  • If Prometheus isn't enabled, show the standard empty state with the button to configure it.
  • If production doesn't exist, show an empty state staying the production environment was not found with a link to the CI/CD environment documentation..
• Clicking on the monitoring button for an environment will take you to this page, for the environment in question.

Designs

Contextual sidebar

The items order:

1. Metrics
2. Pod logs
3. Environments
4. Kubernetes

Empty states

Prometheus is disabled

• It shows the Prometheus empty state we created (https://gitlab.com/gitlab-org/gitlab-ce/issues/42558).

Production doesn't exist

• Copy:

• Header title: "No deployed environments"
• Description: "Check out the CI/CD documentation on deploying to an environment"
• Button label: "Learn about environments"

• Illustration: operations-metrics_empty in gitlab-svgs

Prometheus is disabled	Production doesn't exist