Re-styled the AiGenieChat component to look like Tanuki Bot Chat
What does this MR do and why?
In Tanuki Bot Chat (!117597 - merged) we have introduced the Tanuki Bot Chat. In the course of Define and design the AI Chat Experience, this issue styles the AiGenieChat
component to look like the Tanuki Bot as the first step of unification the chat interface in the product.
Screenshots or screen recordings
explain_code_chat
flag ON:
With Before | After | |
---|---|---|
Little content | ||
A lot of content |
explain_code_chat
flag OFF:
With Before | After | |
---|---|---|
Little content | ||
A lot of content |
How to set up and validate locally
- Enable the following feature flags:
explain_code_snippet
-
explain_code_chat
⚠ this is the flag that works separately from all others and only controls the chat openai_experimentation
ai_experimentation_api
- Add an OpenAI API key by following the steps in !116364 (merged)
- Open a file containing Source Code (Note, this file should not be from the GitLab codebase).
- Highlight some of the Source Code.
- Click on the
(?)
button in the gutter to the left of the source code.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
References https://gitlab.com/gitlab-org/gitlab/-/issues/410106
Edited by Denys Mishunov