@gitlab/ui 101.16.0 → 102.1.0

package/CHANGELOG.md

@@ -1,3 +1,47 @@
+# [102.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v102.0.0...v102.1.0) (2024-11-12)
+
+
+### Bug Fixes
+
+* Add index.js back to the library ([c3e38b1](https://gitlab.com/gitlab-org/gitlab-ui/commit/c3e38b1776794f573bc1175e83c3b870ae5a3787))
+
+
+### Features
+
+* **Bootstrap:** Remove reboot colors on body ([9e76796](https://gitlab.com/gitlab-org/gitlab-ui/commit/9e76796b74d37b39ece81789065b6beca59dd7d4))
+
+# [102.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v101.16.0...v102.0.0) (2024-11-12)
+
+
+### Bug Fixes
+
+* **GlCheckbox:** always add a label, even for empty content ([4154c08](https://gitlab.com/gitlab-org/gitlab-ui/commit/4154c082e5935031f1f5670fc16ad3c87b736251))
+
+
+### Features
+
+* **FormRadio,FormCheckbox:** Remove buttons style ([5ca17b0](https://gitlab.com/gitlab-org/gitlab-ui/commit/5ca17b0841d2d13c5a977cc674ef24a7273fa1d4))
+* **GlButton:** Remove pill and squared properties ([7c61763](https://gitlab.com/gitlab-org/gitlab-ui/commit/7c617631e03f4e042caf95471d3d15a22856fac3))
+* **GlFormRadio,GlFormCheckbox:** Remove plain style ([415542c](https://gitlab.com/gitlab-org/gitlab-ui/commit/415542c144bcd599428065c736db16233801526a))
+* **GlNav,GlTabs:** Remove vertical and card designs ([8bd8b00](https://gitlab.com/gitlab-org/gitlab-ui/commit/8bd8b00821494e80aacffb5210b24c73fc9a608a))
+
+
+### BREAKING CHANGES
+
+* **GlNav,GlTabs:** BootstrapVue's Nav and Tabs components support a vertical, and card
+styles. These styles are now removed in GitLab UI.
+* **GlFormRadio,GlFormCheckbox:** The GlFormRadio and GlFormCheckbox do not support the property 'plain'
+anymore. Prefer overriding the CSS styles in case native browser styles
+should be used instead.
+* **FormRadio,FormCheckbox:** BootstrapVue's Radio Buttons and Checkboxes support a button style mode
+which was never documented within our system. We do not support adding
+the property 'button' on GlFormRadio and GlFormCheckbox.
+* **GlButton:** The GlButton does not support the properties 'pill' and 'squared'
+anymore.
+Prefer using the styles with the usual border radius. When absolutely
+necessary, apply GitLab UI Util CSS classes to override the border
+radius
+
 # [101.16.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v101.15.0...v101.16.0) (2024-11-07)
 
 

package/dist/components/experimental/duo/chat/components/duo_chat_context/constants.js

@@ -1,3 +1,12 @@
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
+
 const CONTEXT_ITEM_CATEGORY_ISSUE = 'issue';
 const CONTEXT_ITEM_CATEGORY_MERGE_REQUEST = 'merge_request';
 const CONTEXT_ITEM_CATEGORY_FILE = 'file';

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.js

@@ -8,6 +8,14 @@ import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, LANGUAGE_IDENTIFIER_DIFF, LANGUAGE_IDE
 import GlAlert from '../../../../../../base/alert/alert';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatContextItemDetailsModal',
   components: {
@@ -93,6 +101,9 @@ var script = {
       if (this.contextItem.category !== CONTEXT_ITEM_CATEGORY_DEPENDENCY) {
         return null;
       }
+      if (!this.contextItem.content) {
+        return null;
+      }
       try {
         return JSON.parse(this.contextItem.content);
       } catch (error) {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.js

@@ -7,6 +7,14 @@ import GlDuoChatContextItemMenuCategoryItems from './duo_chat_context_item_menu_
 import GlDuoChatContextItemMenuSearchItems from './duo_chat_context_item_menu_search_items';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const SEARCH_DEBOUNCE_MS = 30;
 var script = {
   name: 'GlDuoChatContextItemMenu',

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_category_items.js

@@ -3,6 +3,14 @@ import GlIcon from '../../../../../../base/icon/icon';
 import { categoriesValidator } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatContextItemMenuCategoryItems',
   components: {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.js

@@ -5,6 +5,14 @@ import { categoryValidator, contextItemValidator, getContextItemSecondaryText, g
 import GlBadge from '../../../../../../base/badge/badge';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatContextItemMenuSearchItem',
   components: {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items.js

@@ -7,6 +7,14 @@ import GlDuoChatContextItemMenuSearchItemsLoading from './duo_chat_context_item_
 import GlDuoChatContextItemMenuSearchItem from './duo_chat_context_item_menu_search_item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatContextItemMenuSearchItems',
   components: {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items_loading.js

@@ -1,6 +1,14 @@
 import { translate } from '../../../../../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatContextItemMenuSearchItemsLoading',
   props: {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js

@@ -8,6 +8,14 @@ import { formatMergeRequestId, formatIssueId, getContextItemIcon, getContextItem
 import GlBadge from '../../../../../../base/badge/badge';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'DuoChatContextItemPopover',
   components: {

package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.js

@@ -8,6 +8,14 @@ import GlDuoChatContextItemDetailsModal from '../duo_chat_context_item_details_m
 import { contextItemsValidator, getContextItemIcon } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatContextItemSelections',
   components: {

package/dist/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.js

@@ -1,5 +1,13 @@
 import { CONTEXT_ITEM_CATEGORY_DEPENDENCY, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST } from './constants';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const MOCK_CATEGORIES = [{
   label: 'Files',
   value: CONTEXT_ITEM_CATEGORY_FILE,

package/dist/components/experimental/duo/chat/components/duo_chat_context/utils.js

@@ -1,6 +1,14 @@
 import { translate } from '../../../../../../utils/i18n';
 import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_LOCAL_GIT_COMMIT, CONTEXT_ITEM_LOCAL_GIT_DIFF, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST } from './constants';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 function categoryValidator(category) {
   return Boolean(category && category.value && category.label && category.icon);
 }

package/dist/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.js

@@ -2,6 +2,14 @@ import GlDuoChatMessage from '../duo_chat_message/duo_chat_message';
 import { translate } from '../../../../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const i18n = {
   CONVERSATION_NEW_CHAT: translate('GlDuoChatConversation.newChat', 'New chat')
 };

package/dist/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.js

@@ -4,6 +4,14 @@ import GlAnimatedLoaderIcon from '../../../../../base/animated_icon/animated_loa
 import { LOADING_TRANSITION_DURATION } from '../../constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const i18n = {
   LOADER_LOADING_MESSAGE: translate('GlDuoChatLoader.loaderLoadingMessage', '%{tool} is %{transition} an answer'),
   LOADER_LOADING_TRANSITIONS: [translate('GlDuoChatLoader.loaderLoadingTransitionsFinding', 'finding'), translate('GlDuoChatLoader.loaderLoadingTransitionsWorkingOn', 'working on'), translate('GlDuoChatLoader.loaderLoadingTransitionsGenerating', 'generating'), translate('GlDuoChatLoader.loaderLoadingTransitionsProducing', 'producing')],

package/dist/components/experimental/duo/chat/components/duo_chat_message/buttons_utils.js

@@ -1,5 +1,13 @@
 import iconsPath from '@gitlab/svgs/dist/icons.svg';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const createButton = function () {
   let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Insert the code snippet';
   let iconId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'insert';

package/dist/components/experimental/duo/chat/components/duo_chat_message/constants.js

@@ -1,3 +1,12 @@
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
+
 const DUO_CODE_SCRIM_TOP_CLASS = 'scrim-top';
 const DUO_CODE_SCRIM_BOTTOM_CLASS = 'scrim-bottom';
 const DUO_CODE_SCRIM_OFFSET = 16;

package/dist/components/experimental/duo/chat/components/duo_chat_message/copy_code_element.js

@@ -1,5 +1,13 @@
 import { createButton } from './buttons_utils';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 class CopyCodeElement extends HTMLElement {
   constructor() {
     super();

package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js

@@ -17,6 +17,14 @@ import { concatUntilEmpty } from './utils';
 import { DUO_CODE_SCRIM_BOTTOM_CLASS, DUO_CODE_SCRIM_OFFSET, DUO_CODE_SCRIM_TOP_CLASS } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const i18n = {
   MODAL: {
     TITLE: translate('GlDuoChatMessage.modalTitle', 'Give feedback on GitLab Duo Chat'),

package/dist/components/experimental/duo/chat/components/duo_chat_message/utils.js

@@ -1,3 +1,12 @@
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
+
 const concatUntilEmpty = arr => {
   if (!arr) return '';
   let end = arr.findIndex(el => !el);

package/dist/components/experimental/duo/chat/components/duo_chat_message_sources/duo_chat_message_sources.js

@@ -4,6 +4,14 @@ import GlLink from '../../../../../base/link/link';
 import { DOCUMENTATION_SOURCE_TYPES } from '../../constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const i18n = {
   MESSAGE_SOURCE: function () {
     let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;

package/dist/components/experimental/duo/chat/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.js

@@ -1,6 +1,14 @@
 import GlButton from '../../../../../base/button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoChatPredefinedPrompts',
   components: {

package/dist/components/experimental/duo/chat/constants.js

@@ -1,3 +1,12 @@
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
+
 const CHAT_RESET_MESSAGE = '/reset';
 const CHAT_CLEAR_MESSAGE = '/clear';
 const CHAT_INCLUDE_MESSAGE = '/include';

package/dist/components/experimental/duo/chat/duo_chat.js

@@ -18,6 +18,14 @@ import GlDuoChatConversation from './components/duo_chat_conversation/duo_chat_c
 import { CHAT_RESET_MESSAGE, CHAT_INCLUDE_MESSAGE, MESSAGE_MODEL_ROLES, CHAT_CLEAR_MESSAGE } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const i18n = {
   CHAT_DEFAULT_TITLE: translate('GlDuoChat.chatDefaultTitle', 'GitLab Duo Chat'),
   CHAT_CLOSE_LABEL: translate('GlDuoChat.chatCloseLabel', 'Close the Code Explanation'),

package/dist/components/experimental/duo/chat/markdown_renderer.js

@@ -1,7 +1,14 @@
 import { Marked } from 'marked';
 import markedBidi from 'marked-bidi';
 
-// eslint-disable-next-line no-restricted-imports
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const duoMarked = new Marked([{
   async: false,
   breaks: false,

package/dist/components/experimental/duo/chat/mock_data.js

@@ -2,6 +2,14 @@ import { setStoryTimeout } from '../../../../utils/test_utils';
 import { DOCUMENTATION_SOURCE_TYPES, MESSAGE_MODEL_ROLES, CHAT_RESET_MESSAGE, CHAT_CLEAR_MESSAGE, CHAT_INCLUDE_MESSAGE } from './constants';
 import { getMockContextItems } from './components/duo_chat_context/mock_context_data';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const MOCK_SOURCES = [{
   title: 'GitLab Handbook',
   source_type: DOCUMENTATION_SOURCE_TYPES.HANDBOOK.value,

package/dist/components/experimental/duo/user_feedback/user_feedback.js

@@ -3,6 +3,14 @@ import GlButton from '../../../base/button/button';
 import FeedbackModal from './user_feedback_modal';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 const i18n = {
   FEEDBACK_LINK_TEXT: 'Give feedback to improve this answer.',
   FEEDBACK_THANKS: 'Thank you for your feedback.'

package/dist/components/experimental/duo/user_feedback/user_feedback_modal.js

@@ -5,6 +5,7 @@ import GlFormTextarea from '../../../base/form/form_textarea/form_textarea';
 import GlFormCheckboxGroup from '../../../base/form/form_checkbox/form_checkbox_group';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+//
 const i18n = {
   MODAL: {
     TITLE: 'Give feedback on GitLab Duo',

package/dist/components/experimental/duo/workflow/components/duo_workflow_panel/duo_workflow_panel.js

@@ -5,6 +5,14 @@ import { GlTooltipDirective } from '../../../../../../directives/tooltip';
 import { translate } from '../../../../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoWorkflowPanel',
   components: {

package/dist/components/experimental/duo/workflow/components/duo_workflow_prompt/duo_workflow_prompt.js

@@ -6,6 +6,14 @@ import GlFormInput from '../../../../../base/form/form_input/form_input';
 import { translate } from '../../../../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+/**
+ * This component has been migrated to the Duo-UI library (https://gitlab.com/gitlab-org/duo-ui).
+ *
+ * Please use the corresponding component in Duo-UI going forward.
+ * All future development and maintenance for Duo components should take place in Duo-UI.
+ *
+ * For more details, see the migration epic: https://gitlab.com/groups/gitlab-org/-/epics/15344 or reach out to the Duo-Chat team in #g_duo_chat.
+ */
 var script = {
   name: 'GlDuoWorkflowPrompt',
   components: {