Merge branch 'je-add-generated-by-ai-note' into 'master'

Add a note about content generated by AI

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/118011



Merged-by: Denys Mishunov <dmishunov@gitlab.com>
Approved-by: Nataliia Radina <nradina@gitlab.com>
Approved-by: Denys Mishunov <dmishunov@gitlab.com>
Co-authored-by: Jacques <jerasmus@gitlab.com>

ee/app/assets/javascripts/ai/components/ai_genie_chat.vue

@@ -98,7 +98,8 @@ export default {
       primary-button-link="https://internal-handbook.gitlab.io/handbook/product/ai-strategy/ai-integration-effort/legal_restrictions/"
       :primary-button-text="__('Read more')"
     >
-      <span v-safe-html="$options.i18n.GENIE_CHAT_LEGAL_NOTICE"></span>
+      <strong v-safe-html="$options.i18n.GENIE_CHAT_LEGAL_GENERATED_BY_AI"></strong>
+      <p v-safe-html="$options.i18n.GENIE_CHAT_LEGAL_NOTICE"></p>
     </gl-alert>
     <code-block-highlighted
       :language="snippetLanguage"

ee/app/assets/javascripts/ai/constants.js

@@ -12,6 +12,7 @@ export const i18n = {
     { gitlabOrg: '<code>/gitlab-org</code>', gitlabCom: '<code>/gitlab-com</code>' },
     false,
   ),
+  GENIE_CHAT_LEGAL_GENERATED_BY_AI: s__('AI|Responses generated by AI'),
   REQUEST_ERROR: s__('AI|Something went wrong. Please try again later'),
   EXPERIMENT_BADGE: s__('AI|Experiment'),
   FEEDBACK_LINK: s__('AI|Give feedback on code explanation'),

ee/spec/frontend/ai/components/ai_genie_chat_spec.js

@@ -22,6 +22,7 @@ describe('AiGenieChat', () => {
   const findSelectedText = () => wrapper.findComponent(CodeBlockHighlighted);
   const findChatContent = () => wrapper.findByTestId('chat-content');
   const findAlert = () => wrapper.findByTestId('chat-error');
+  const findGeneratedByAI = () => wrapper.findByText(i18n.GENIE_CHAT_LEGAL_GENERATED_BY_AI);
   const findWarning = () => wrapper.findByTestId('chat-legal-warning');
   const findBadge = () => wrapper.findComponent(GlBadge);
   const findFeedbackLink = () => wrapper.findByTestId('feedback-link');
@@ -95,7 +96,12 @@ describe('AiGenieChat', () => {
     expect(findSelectedText().props('language')).toBe(snippetLanguage);
   });
 
-  it('renders a legal warning when renderd', () => {
+  it('renders a generated by AI note', () => {
+    createComponent();
+    expect(findGeneratedByAI().exists()).toBe(true);
+  });
+
+  it('renders a legal warning when rendered', () => {
     createComponent();
     expect(findWarning().exists()).toBe(true);
   });

locale/gitlab.pot

@@ -1866,6 +1866,9 @@ msgstr ""
 msgid "AI|Give feedback on code explanation"
 msgstr ""
+msgid "AI|Responses generated by AI"
+msgstr ""
+
 msgid "AI|Something went wrong. Please try again later"
 msgstr ""