@gitlab/ui 102.0.0 → 102.1.0

package/dist/index.js

@@ -0,0 +1,115 @@
+export { default as GlDuoWorkflowPrompt } from './components/experimental/duo/workflow/components/duo_workflow_prompt/duo_workflow_prompt';
+export { default as GlDuoWorkflowPanel } from './components/experimental/duo/workflow/components/duo_workflow_panel/duo_workflow_panel';
+export { default as GlTableLite } from './components/base/table_lite/table_lite';
+export { default as GlDropdownForm } from './components/base/dropdown/dropdown_form';
+export { default as GlKeysetPagination } from './components/base/keyset_pagination/keyset_pagination';
+export { default as GlInputGroupText } from './components/base/form/input_group_text/input_group_text';
+export { default as GlFormCombobox } from './components/base/form/form_combobox/form_combobox';
+export { default as GlTokenSelector } from './components/base/token_selector/token_selector';
+export { default as GlNavItemDropdown } from './components/base/nav/nav_item_dropdown';
+export { default as GlNav } from './components/base/nav/nav';
+export { default as GlNavItem } from './components/base/nav/nav_item';
+export { default as GlFormCheckboxTree } from './components/base/form/form_checkbox_tree/form_checkbox_tree';
+export { default as GlMarkdown } from './components/base/markdown/markdown';
+export { default as GlIntersectionObserver } from './components/utilities/intersection_observer/intersection_observer';
+export { default as GlDeprecatedLink, default as GlLink } from './components/base/link/link';
+export { default as GlIcon } from './components/base/icon/icon';
+export { default as GlAnimatedChevronRightDownIcon } from './components/base/animated_icon/animated_chevron_right_down_icon';
+export { default as GlAnimatedDuoChatIcon } from './components/base/animated_icon/animated_duo_chat_icon';
+export { default as GlAnimatedLoaderIcon } from './components/base/animated_icon/animated_loader_icon';
+export { default as GlAnimatedNotificationIcon } from './components/base/animated_icon/animated_notifications_icon';
+export { default as GlAnimatedSidebarIcon } from './components/base/animated_icon/animated_sidebar_icon';
+export { default as GlAnimatedSmileIcon } from './components/base/animated_icon/animated_smile_icon';
+export { default as GlAnimatedSortIcon } from './components/base/animated_icon/animated_sort_icon';
+export { default as GlAnimatedStarIcon } from './components/base/animated_icon/animated_star_icon';
+export { default as GlAnimatedTodoIcon } from './components/base/animated_icon/animated_todo_icon';
+export { default as GlAnimatedUploadIcon } from './components/base/animated_icon/animated_upload_icon';
+export { default as GlLoadingIcon } from './components/base/loading_icon/loading_icon';
+export { default as GlModal } from './components/base/modal/modal';
+export { default as GlPagination } from './components/base/pagination/pagination';
+export { default as GlPaginatedList } from './components/base/paginated_list/paginated_list';
+export { default as GlPopover } from './components/base/popover/popover';
+export { default as GlProgressBar } from './components/base/progress_bar/progress_bar';
+export { default as GlToken } from './components/base/token/token';
+export { default as GlBadge } from './components/base/badge/badge';
+export { default as GlBanner } from './components/base/banner/banner';
+export { default as GlButton } from './components/base/button/button';
+export { default as GlTooltip } from './components/base/tooltip/tooltip';
+export { default as GlToast } from './components/base/toast/toast';
+export { default as GlDashboardSkeleton } from './components/regions/dashboard_skeleton/dashboard_skeleton';
+export { default as GlEmptyState } from './components/regions/empty_state/empty_state';
+export { default as GlForm } from './components/base/form/form';
+export { default as GlFormCharacterCount } from './components/base/form/form_character_count/form_character_count';
+export { default as GlFormDate } from './components/base/form/form_date/form_date';
+export { default as GlFormInput } from './components/base/form/form_input/form_input';
+export { default as GlFormInputGroup } from './components/base/form/form_input_group/form_input_group';
+export { default as GlFormRadio } from './components/base/form/form_radio/form_radio';
+export { default as GlFormRadioGroup } from './components/base/form/form_radio_group/form_radio_group';
+export { default as GlFormSelect } from './components/base/form/form_select/form_select';
+export { default as GlFormTextarea } from './components/base/form/form_textarea/form_textarea';
+export { default as GlFormGroup } from './components/base/form/form_group/form_group';
+export { default as GlFormFields } from './components/base/form/form_fields/form_fields';
+export { default as GlSearchBoxByType } from './components/base/search_box_by_type/search_box_by_type';
+export { default as GlSearchBoxByClick } from './components/base/search_box_by_click/search_box_by_click';
+export { default as GlDropdownItem } from './components/base/dropdown/dropdown_item';
+export { default as GlDropdownSectionHeader } from './components/base/dropdown/dropdown_section_header';
+export { default as GlDropdownDivider } from './components/base/dropdown/dropdown_divider';
+export { default as GlDropdownText } from './components/base/dropdown/dropdown_text';
+export { default as GlDropdown } from './components/base/dropdown/dropdown';
+export { default as GlCollapsibleListbox } from './components/base/new_dropdowns/listbox/listbox';
+export { default as GlListboxItem } from './components/base/new_dropdowns/listbox/listbox_item';
+export { default as GlDisclosureDropdown } from './components/base/new_dropdowns/disclosure/disclosure_dropdown';
+export { default as GlDisclosureDropdownItem } from './components/base/new_dropdowns/disclosure/disclosure_dropdown_item';
+export { default as GlDisclosureDropdownGroup } from './components/base/new_dropdowns/disclosure/disclosure_dropdown_group';
+export { default as GlPath } from './components/base/path/path';
+export { default as GlTable } from './components/base/table/table';
+export { default as GlBreadcrumb } from './components/base/breadcrumb/breadcrumb';
+export { default as GlScrollableTabs } from './components/base/tabs/tabs/scrollable_tabs';
+export { default as GlTabs } from './components/base/tabs/tabs/tabs';
+export { default as GlTab } from './components/base/tabs/tab/tab';
+export { default as GlButtonGroup } from './components/base/button_group/button_group';
+export { default as GlFormCheckbox } from './components/base/form/form_checkbox/form_checkbox';
+export { default as GlFormCheckboxGroup } from './components/base/form/form_checkbox/form_checkbox_group';
+export { default as GlAvatar } from './components/base/avatar/avatar';
+export { default as GlAvatarsInline } from './components/base/avatars_inline/avatars_inline';
+export { default as GlAvatarLabeled } from './components/base/avatar_labeled/avatar_labeled';
+export { default as GlAvatarLink } from './components/base/avatar_link/avatar_link';
+export { default as GlLabel } from './components/base/label/label';
+export { default as GlDatepicker } from './components/base/datepicker/datepicker';
+export { default as GlDaterangePicker } from './components/base/daterange_picker/daterange_picker';
+export { default as GlToggle } from './components/base/toggle/toggle';
+export { default as GlSorting } from './components/base/sorting/sorting';
+export { default as GlInfiniteScroll } from './components/base/infinite_scroll/infinite_scroll';
+export { default as GlAlert } from './components/base/alert/alert';
+export { default as GlSegmentedControl } from './components/base/segmented_control/segmented_control';
+export { default as GlSkeletonLoader } from './components/base/skeleton_loader/skeleton_loader';
+export { default as GlDrawer } from './components/base/drawer/drawer';
+export { default as GlCard } from './components/base/card/card';
+export { default as GlFilteredSearchSuggestion } from './components/base/filtered_search/filtered_search_suggestion';
+export { default as GlFilteredSearchSuggestionList } from './components/base/filtered_search/filtered_search_suggestion_list';
+export { default as GlFilteredSearchTerm } from './components/base/filtered_search/filtered_search_term';
+export { default as GlFilteredSearchToken } from './components/base/filtered_search/filtered_search_token';
+export { default as GlFilteredSearchTokenSegment } from './components/base/filtered_search/filtered_search_token_segment';
+export { default as GlFilteredSearch } from './components/base/filtered_search/filtered_search';
+export { default as GlBroadcastMessage } from './components/base/broadcast_message/broadcast_message';
+export { default as GlCollapse } from './components/base/collapse/collapse';
+export { default as GlAccordion } from './components/base/accordion/accordion';
+export { default as GlAccordionItem } from './components/base/accordion/accordion_item';
+export { default as GlExperimentBadge } from './components/experimental/experiment_badge/experiment_badge';
+export { default as GlDuoUserFeedback } from './components/experimental/duo/user_feedback/user_feedback';
+export { default as GlDuoChat } from './components/experimental/duo/chat/duo_chat';
+export { default as GlDuoChatContextItemMenu } from './components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu';
+export { default as GlAnimatedNumber } from './components/utilities/animated_number/animated_number';
+export { default as GlFriendlyWrap } from './components/utilities/friendly_wrap/friendly_wrap';
+export { default as GlIntersperse } from './components/utilities/intersperse/intersperse';
+export { default as GlSprintf } from './components/utilities/sprintf/sprintf';
+export { default as GlTruncate } from './components/utilities/truncate/truncate';
+export { default as GlTruncateText } from './components/utilities/truncate_text/truncate_text';
+export { GlModalDirective } from './directives/modal';
+export { GlTooltipDirective } from './directives/tooltip';
+export { GlResizeObserverDirective } from './directives/resize_observer/resize_observer';
+export { GlCollapseToggleDirective } from './directives/collapse_toggle';
+export { SafeLinkDirective as GlSafeLinkDirective } from './directives/safe_link/safe_link';
+export { SafeHtmlDirective as GlSafeHtmlDirective } from './directives/safe_html/safe_html';
+export { OutsideDirective as GlOutsideDirective } from './directives/outside/outside';
+export { HoverLoadDirective as GlHoverLoadDirective } from './directives/hover_load/hover_load';

package/dist/vendor/bootstrap-vue/src/components/collapse/collapse.js

@@ -1,6 +1,5 @@
 import { extend } from '../../vue';
 import { NAME_COLLAPSE } from '../../constants/components';
-import { CLASS_NAME_SHOW } from '../../constants/classes';
 import { EVENT_NAME_SHOW, EVENT_NAME_SHOWN, EVENT_NAME_HIDE, EVENT_NAME_HIDDEN } from '../../constants/events';
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';
 import { SLOT_NAME_DEFAULT } from '../../constants/slots';
@@ -15,7 +14,7 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 import { BVCollapse } from './helpers/bv-collapse';
 
 // --- Constants ---
-
+const CLASS_NAME_SHOW = 'show';
 const ROOT_ACTION_EVENT_NAME_TOGGLE = getRootActionEventName(NAME_COLLAPSE, 'toggle');
 const ROOT_ACTION_EVENT_NAME_REQUEST_STATE = getRootActionEventName(NAME_COLLAPSE, 'request-state');
 const ROOT_EVENT_NAME_ACCORDION = getRootEventName(NAME_COLLAPSE, 'accordion');

package/dist/vendor/bootstrap-vue/src/constants/env.js

@@ -9,7 +9,6 @@ const DOCUMENT = HAS_DOCUMENT_SUPPORT ? document : {};
 const NAVIGATOR = HAS_NAVIGATOR_SUPPORT ? navigator : {};
 const USER_AGENT = (NAVIGATOR.userAgent || '').toLowerCase();
 const IS_JSDOM = USER_AGENT.indexOf('jsdom') > 0;
-const IS_IE = /msie|trident/.test(USER_AGENT);
 
 // Determine if the browser supports the option passive for events
 const HAS_PASSIVE_EVENT_SUPPORT = (() => {
@@ -33,13 +32,5 @@ const HAS_PASSIVE_EVENT_SUPPORT = (() => {
   }
   return passiveEventSupported;
 })();
-const HAS_POINTER_EVENT_SUPPORT = IS_BROWSER && Boolean(WINDOW.PointerEvent || WINDOW.MSPointerEvent);
 
-/* istanbul ignore next: JSDOM only checks for 'IntersectionObserver' */
-const HAS_INTERACTION_OBSERVER_SUPPORT = IS_BROWSER && 'IntersectionObserver' in WINDOW && 'IntersectionObserverEntry' in WINDOW &&
-// Edge 15 and UC Browser lack support for `isIntersecting`
-// but we an use `intersectionRatio > 0` instead
-// 'isIntersecting' in window.IntersectionObserverEntry.prototype &&
-'intersectionRatio' in WINDOW.IntersectionObserverEntry.prototype;
-
-export { DOCUMENT, HAS_DOCUMENT_SUPPORT, HAS_INTERACTION_OBSERVER_SUPPORT, HAS_MUTATION_OBSERVER_SUPPORT, HAS_NAVIGATOR_SUPPORT, HAS_PASSIVE_EVENT_SUPPORT, HAS_POINTER_EVENT_SUPPORT, HAS_WINDOW_SUPPORT, IS_BROWSER, IS_IE, IS_JSDOM, NAVIGATOR, USER_AGENT, WINDOW };
+export { DOCUMENT, HAS_DOCUMENT_SUPPORT, HAS_MUTATION_OBSERVER_SUPPORT, HAS_NAVIGATOR_SUPPORT, HAS_PASSIVE_EVENT_SUPPORT, HAS_WINDOW_SUPPORT, IS_BROWSER, IS_JSDOM, NAVIGATOR, USER_AGENT, WINDOW };

package/dist/vendor/bootstrap-vue/src/constants/key-codes.js

@@ -4,9 +4,8 @@ const CODE_ENTER = 13;
 const CODE_ESC = 27;
 const CODE_HOME = 36;
 const CODE_LEFT = 37;
-const CODE_PAGEUP = 33;
 const CODE_RIGHT = 39;
 const CODE_SPACE = 32;
 const CODE_UP = 38;
 
-export { CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_PAGEUP, CODE_RIGHT, CODE_SPACE, CODE_UP };
+export { CODE_DOWN, CODE_END, CODE_ENTER, CODE_ESC, CODE_HOME, CODE_LEFT, CODE_RIGHT, CODE_SPACE, CODE_UP };

package/dist/vendor/bootstrap-vue/src/utils/plugins.js

@@ -47,32 +47,6 @@ const installFactory = function () {
   return install;
 };
 
-/**
- * Plugin install factory function (no plugin config option).
- * @param {object} { components, directives }
- * @returns {function} plugin install function
- */
-const installFactoryNoConfig = function () {
-  let {
-    components,
-    directives,
-    plugins
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const install = Vue => {
-    if (install.installed) {
-      /* istanbul ignore next */
-      return;
-    }
-    install.installed = true;
-    checkMultipleVue(Vue);
-    registerComponents(Vue, components);
-    registerDirectives(Vue, directives);
-    registerPlugins(Vue, plugins);
-  };
-  install.installed = false;
-  return install;
-};
-
 /**
  * Plugin object factory function.
  * @param {object} { components, directives, plugins }
@@ -87,20 +61,6 @@ const pluginFactory = function () {
   };
 };
 
-/**
- * Plugin object factory function (no config option).
- * @param {object} { components, directives, plugins }
- * @returns {object} plugin install object
- */
-const pluginFactoryNoConfig = function () {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let extend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return {
-    ...extend,
-    install: installFactoryNoConfig(options)
-  };
-};
-
 /**
  * Load a group of plugins.
  * @param {object} Vue
@@ -180,4 +140,4 @@ const vueUse = VuePlugin => {
   }
 };
 
-export { checkMultipleVue, installFactory, installFactoryNoConfig, pluginFactory, pluginFactoryNoConfig, registerComponent, registerComponents, registerDirective, registerDirectives, registerPlugins, vueUse };
+export { checkMultipleVue, installFactory, pluginFactory, registerComponent, registerComponents, registerDirective, registerDirectives, registerPlugins, vueUse };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "102.0.0",
+  "version": "102.1.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -115,6 +115,7 @@
     "@jest/test-sequencer": "^29.7.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
+    "@rollup/plugin-replace": "^2.3.2",
     "@storybook/addon-a11y": "^7.6.20",
     "@storybook/addon-docs": "^7.6.20",
     "@storybook/addon-essentials": "^7.6.20",

package/src/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.
+ */
+
 export const CONTEXT_ITEM_CATEGORY_ISSUE = 'issue';
 export const CONTEXT_ITEM_CATEGORY_MERGE_REQUEST = 'merge_request';
 export const CONTEXT_ITEM_CATEGORY_FILE = 'file';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_details_modal/duo_chat_context_item_details_modal.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import { nextTick } from 'vue';
 import { contextItemValidator } from '../utils';
 import GlModal from '../../../../../../base/modal/modal.vue';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.md

@@ -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.
+-->
+
 Allows selecting and removing context items for the conversation.
 
 **Note:**
@@ -12,15 +21,15 @@ The component expects items with specific display properties:
 export type AIContextItem = {
   id: string;
   category: 'file' | 'snippet' | 'issue' | 'merge_request' | 'dependency';
-  
+
   content?: string; // some categories allow loading/displaying content in the details-modal
-  
+
   metadata: {
     icon: string; // should be a valid gitlab-ui icon name
     title: string;
     secondaryText: string;
     subTypeLabel: string;
-    
+
     // Additional properties some categories have to help differentiate results
     project?: string;
     repositoryName?: string;

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import debounce from 'lodash/debounce';
 import { translate } from '../../../../../../../utils/i18n';
 import GlCard from '../../../../../../base/card/card.vue';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_category_items.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import GlDropdownItem from '../../../../../../base/dropdown/dropdown_item.vue';
 import GlIcon from '../../../../../../base/icon/icon.vue';
 import { categoriesValidator } from '../utils';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover.vue';
 import GlTruncate from '../../../../../../utilities/truncate/truncate.vue';
 import GlIcon from '../../../../../../base/icon/icon.vue';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import GlDropdownItem from '../../../../../../base/dropdown/dropdown_item.vue';
 import GlFormInput from '../../../../../../base/form/form_input/form_input.vue';
 import GlAlert from '../../../../../../base/alert/alert.vue';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_items_loading.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import { translate } from '../../../../../../../utils/i18n';
 
 export default {

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import GlAlert from '../../../../../../base/alert/alert.vue';
 import GlIcon from '../../../../../../base/icon/icon.vue';
 import GlPopover from '../../../../../../base/popover/popover.vue';

package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_selections/duo_chat_context_item_selections.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import uniqueId from 'lodash/uniqueId';
 import GlIcon from '../../../../../../base/icon/icon.vue';
 import GlToken from '../../../../../../base/token/token.vue';

package/src/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.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.
+ */
+
 import {
   CONTEXT_ITEM_CATEGORY_DEPENDENCY,
   CONTEXT_ITEM_CATEGORY_FILE,

package/src/components/experimental/duo/chat/components/duo_chat_context/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.
+ */
+
 import { translate } from '../../../../../../utils/i18n';
 import {
   CONTEXT_ITEM_CATEGORY_FILE,

package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.md

@@ -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.
+-->
+
 A component that lists messages in a conversation, and presents an optional delimiter to
 mark the beginning of the conversation.
 

package/src/components/experimental/duo/chat/components/duo_chat_conversation/duo_chat_conversation.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import GlDuoChatMessage from '../duo_chat_message/duo_chat_message.vue';
 import { translate } from '../../../../../../utils/i18n';
 

package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.md

@@ -1 +1,10 @@
+<!--
+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.
+-->
+
 The Duo Chat loader. Is shown while waiting for the chat response.

package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.scss

@@ -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.
+ */
+
 .duo-chat-loader {
   @apply gl-flex;
   @apply gl-text-gray-500;

package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import { translate } from '../../../../../../utils/i18n';
 import GlSprintf from '../../../../../utilities/sprintf/sprintf.vue';
 import GlAnimatedLoaderIcon from '../../../../../base/animated_icon/animated_loader_icon.vue';

package/src/components/experimental/duo/chat/components/duo_chat_message/buttons_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.
+ */
+
 import iconsPath from '@gitlab/svgs/dist/icons.svg';
 
 export const createButton = (title = 'Insert the code snippet', iconId = 'insert') => {

package/src/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.
+ */
+
 export const DUO_CODE_SCRIM_TOP_CLASS = 'scrim-top';
 export const DUO_CODE_SCRIM_BOTTOM_CLASS = 'scrim-bottom';
 export const DUO_CODE_SCRIM_OFFSET = 16;

package/src/components/experimental/duo/chat/components/duo_chat_message/copy_code_element.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.
+ */
+
 import { createButton } from './buttons_utils';
 
 export class CopyCodeElement extends HTMLElement {

package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.scss

@@ -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.
+ */
+
 @import '../../variables';
 
 .duo-chat-message {

package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue

@@ -1,4 +1,13 @@
 <script>
+/**
+ * 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.
+ */
+
 import throttle from 'lodash/throttle';
 import GlIcon from '../../../../../base/icon/icon.vue';
 import GlAnimatedLoaderIcon from '../../../../../base/animated_icon/animated_loader_icon.vue';

package/src/components/experimental/duo/chat/components/duo_chat_message/insert_code_snippet_element.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.
+ */
+
 import { createButton } from './buttons_utils';
 
 const CODE_MARKDOWN_CLASS = 'js-markdown-code';

package/src/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.
+ */
+
 export const concatUntilEmpty = (arr) => {
   if (!arr) return '';
 

package/src/components/experimental/duo/chat/components/duo_chat_message_sources/duo_chat_message_sources.md

@@ -1 +1,10 @@
+<!--
+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.
+-->
+
 A simple component to list documentation sources for a documentation-related AI response messages.