Design: Explore ways to provide catalog on the pipeline editor

Overview

• Related research insights:

• Users expected UI based options to access templates / components from within their yml authoring workflow to help them use templates / components
• Users expected autocomplete options when trying to use the include syntax to reference templates / components from within their yml authoring workflow

We could surface the CI/CD catalog on the pipeline editor or Web IDE - similar to the plugin approach.

Proposal

1st iteration

• Designed & Implemented 🚀 Have a CTA from the pipeline editor: #393209 (closed)

2nd iteration + next steps (out of scope for this issue)

• Surface the CI/CD Catalog in the VS Code as a plugin: This needs further discussions for the implementation details. #422373 (closed)
  • Once we plan to convert the pipeline editor to the Web IDE (VS Code), we need to check the feasibility and how to surface the CI/CD Catalog on the Web IDE. #424483

Additional Information

As a part of the Assignment 3 feedback, a user noted that they would like to a visual integration with components.

• One example they mentioned was having component descriptions being shown alongside the pipeline editor.
• Another example they mentioned was having an integrated search function within the Pipeline Editor.