Code suggestions: sidebar multiple suggestions (post-MVC)

Background

We will be launching AI assisted code suggestions as a pre-installed extension in the GitLab web IDE in May. This issue is part of an epic for the UX portion of this project.

What's this issue all about

Code suggestions has the ability to show multiple suggestions. This issue proposes showing multiple suggestions in the sidebar.

The sidebar has 3 sections:

• Suggestions: this issue
• About: #133 (moved)
• How to: #133 (moved)

Logic

• Suggestions sidebar updates as the user moves the cursor through the editor
• Suggestions sidebar can communicate various statuses:
  • No suggestions at the moment
  • Code suggestions does not work on [programming language]
  • Code suggestions is down
  • Code suggestions is disabled at the moment
  • Code suggestions needs to be enabled by your GitLab group admin
  • Loading suggestions

Designs

• Design impression in design management below ⬇
• Figma file - under Sidebar states section

Things to note

Image	Description	Question
	Suggestions load sequentially	Is this how it works technically?
	As more suggestions load, the counter next to the title SUGGESTIONS increases	Is this possible?
	Suggestions have syntax highlighting
	Suggestions do not wrap. The user can scroll horizontally. Suggestions have a max height. The user can scroll vertically.	What should the max height be?
	Suggestions sidebar updates contextually - e.g. if the user accepts a suggestion, the sidebar updates to no suggestions at the moment
	It's possible to give feedback on a suggestion (issue)	If a user is giving feedback on a specific suggestion, can we pass the suggestion (the code itself) with the user's feedback?
	It's possible that the suggestions section of the sidebar can communicate many statuses including things like "no suggestions", "suggestions does not work on [programming language]", "suggestions is down", "suggestions is disabled", "suggestions needs to be enabled by a GitLab group admin", "Loading"	What other statuses?