Code suggestions: status bar icon shows a loading state

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.

Background for this issue

We have an icon in the status bar that shows the various states of code suggestions (gitlab-web-ide#132 (moved)).

The icons we use in the status bar appear here:

The icons of the different status are as follows:

Image	Description
	Enabled
	Disabled
	Error (e.g. code suggestions down)

Problem to solve

We have received feedback that it can be difficult to tell if there is a code suggestion loading as one is typing. Even though code suggestion is enabled, it is not clear if it is currently retrieving a suggestion.

Suggested solution

• Add an additional icon to display the status when a code suggestion is loading.
• When the suggestion has loaded, the icon goes back to the normal/enabled state

Icon to add:

Image	Description
	Icon to indicate that there is code suggestion loading

Gif:

Figma file