Nudge users to add a pipeline from the MR screen

Please create designs based off the mock-up below nudging users to set up a pipeline from the MR screen.

Changes we're introducing

Add the pipeline widget to MRs without a pipeline

We currently don't show the pipeline widget on MRs when no pipeline is set up. With this work, we'll add a pipeline widget even to the MRs that don't have a pipeline and we'll say: No pipeline: Add the .gitlab-ci.yml file to create one.

The Add the .gitlab-ci.yml file part is a link that acts in the same way as the Show me how button in the popover:

• Goes to the "New file" page with the .gitlab-CI.yml preset preselected
• Starts the guided tour

We'll use the "not found" pipeline icon for this widget:

Show the popover

We'll also show a popover that warns users about potentially adding technical debt and code vulnerabilities.

We'll use the existing pipeline illustration to make it more appealing and eye-catching.

pipelines_empty.svg

Design specs

Title: Are you adding technical debt or code vulnerabilities?

Description: Detect issues before deployment with a CI pipeline that continuously tests your code. We created a quick guide that’ll show you how to create one. Make your code more secure and more robust in just a minute.

Interactions

Two buttons:

• Show me how: Starts the guided tour. The destination of the link is the same as clicking the "Set up CI/CD" button on the project overview page + triggering the guided tour
• No thanks, don’t show this again: Dismiss the popover, never show it to this user again. Keep the "No pipeline" widget on the MR.

Close icon:

• Acts in the same way as the No thanks, don’t show this again button.

Feature Flag

• Name is suggest_pipeline and is default off