@gitlab/duo-ui 2.0.0 → 3.0.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [3.0.1](https://gitlab.com/gitlab-org/duo-ui/compare/v3.0.0...v3.0.1) (2024-11-22)
+
+
+### Bug Fixes
+
+* ensure popover badge truncates in expected way ([a287f72](https://gitlab.com/gitlab-org/duo-ui/commit/a287f7212a49bc7334e8aa7ebc7fa1ce53ba4c12))
+
+# [3.0.0](https://gitlab.com/gitlab-org/duo-ui/compare/v2.0.0...v3.0.0) (2024-11-20)
+
+
+### Features
+
+* Update Duo Components to match GitLab UI v103.3.0 ([9aed5c3](https://gitlab.com/gitlab-org/duo-ui/commit/9aed5c3c12212fceb8d51375c387a79a58cbef0b))
+
+
+### BREAKING CHANGES
+
+* Synced Duo components with GitLab UI v103.3.0
+see: https://gitlab.com/gitlab-org/gitlab-ui/-/releases/v103.3.0
+
 # [2.0.0](https://gitlab.com/gitlab-org/duo-ui/compare/v1.0.0...v2.0.0) (2024-11-12)
 
 

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

@@ -6,7 +6,7 @@ import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, LANGUAGE_IDENTIFIER_DIFF, LANGUAGE_IDE
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
-  name: 'GlDuoChatContextItemDetailsModal',
+  name: 'DuoChatContextItemDetailsModal',
   components: {
     GlAlert,
     GlSkeletonLoader,
@@ -55,7 +55,7 @@ var script = {
     },
     title() {
       var _this$contextItem$met4, _this$contextItem$met5;
-      return ((_this$contextItem$met4 = this.contextItem.metadata) === null || _this$contextItem$met4 === void 0 ? void 0 : _this$contextItem$met4.title) || ((_this$contextItem$met5 = this.contextItem.metadata) === null || _this$contextItem$met5 === void 0 ? void 0 : _this$contextItem$met5.relativePath) || translate('GlDuoChatContextItemDetailsModal.title', 'Preview');
+      return ((_this$contextItem$met4 = this.contextItem.metadata) === null || _this$contextItem$met4 === void 0 ? void 0 : _this$contextItem$met4.title) || ((_this$contextItem$met5 = this.contextItem.metadata) === null || _this$contextItem$met5 === void 0 ? void 0 : _this$contextItem$met5.relativePath) || translate('DuoChatContextItemDetailsModal.title', 'Preview');
     },
     isDependencies() {
       return this.contextItem.category === CONTEXT_ITEM_CATEGORY_DEPENDENCY;
@@ -106,7 +106,7 @@ var script = {
       }
     }
   },
-  CONTENT_ERROR_MESSAGE: translate('GlDuoChatContextItemDetailsModal.contentErrorMessage', 'Item content could not be displayed.')
+  CONTENT_ERROR_MESSAGE: translate('DuoChatContextItemDetailsModal.contentErrorMessage', 'Item content could not be displayed.')
 };
 
 /* script */

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

@@ -1,20 +1,20 @@
 import debounce from 'lodash/debounce';
 import { GlCard } from '@gitlab/ui';
 import { translate } from '../../../../../utils/i18n';
-import GlDuoChatContextItemSelections from '../duo_chat_context_item_selections/duo_chat_context_item_selections';
+import DuoChatContextItemSelections from '../duo_chat_context_item_selections/duo_chat_context_item_selections';
 import { contextItemsValidator, categoriesValidator, wrapIndex } from '../utils';
-import GlDuoChatContextItemMenuCategoryItems from './duo_chat_context_item_menu_category_items';
-import GlDuoChatContextItemMenuSearchItems from './duo_chat_context_item_menu_search_items';
+import DuoChatContextItemMenuCategoryItems from './duo_chat_context_item_menu_category_items';
+import DuoChatContextItemMenuSearchItems from './duo_chat_context_item_menu_search_items';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const SEARCH_DEBOUNCE_MS = 30;
 var script = {
-  name: 'GlDuoChatContextItemMenu',
+  name: 'DuoChatContextItemMenu',
   components: {
     GlCard,
-    GlDuoChatContextItemMenuCategoryItems,
-    GlDuoChatContextItemMenuSearchItems,
-    GlDuoChatContextItemSelections
+    DuoChatContextItemMenuCategoryItems,
+    DuoChatContextItemMenuSearchItems,
+    DuoChatContextItemSelections
   },
   props: {
     /**
@@ -181,7 +181,7 @@ var script = {
           this.selectedCategory = null;
 
           /**
-           * Emitted when the parent GlDuoChat component should refocus on the main prompt input
+           * Emitted when the parent DuoChat component should refocus on the main prompt input
            */
           this.$emit('focus-prompt');
           break;
@@ -222,7 +222,7 @@ var script = {
     }
   },
   i18n: {
-    selectedContextItemsTitle: translate('GlDuoChatContextItemMenu.selectedContextItemsTitle', 'Included references')
+    selectedContextItemsTitle: translate('DuoChatContextItemMenu.selectedContextItemsTitle', 'Included references')
   }
 };
 
@@ -230,7 +230,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.selections.length)?_c('gl-duo-chat-context-item-selections',{staticClass:"gl-mb-3",attrs:{"selections":_vm.selections,"categories":_vm.categories,"removable":true,"title":_vm.$options.i18n.selectedContextItemsTitle,"default-collapsed":false},on:{"remove":_vm.removeItem,"get-content":_vm.onGetContextItemContent}}):_vm._e(),_vm._v(" "),(_vm.open)?_c('gl-card',{staticClass:"slash-commands !gl-absolute gl-bottom-0 gl-w-full gl-pl-0 gl-shadow-md",attrs:{"body-class":"!gl-p-2","data-testid":"context-item-menu"}},[(_vm.showCategorySelection)?_c('gl-duo-chat-context-item-menu-category-items',{attrs:{"active-index":_vm.activeIndex,"categories":_vm.categories},on:{"select":_vm.selectCategory,"active-index-change":function($event){_vm.activeIndex = $event;}}}):_c('gl-duo-chat-context-item-menu-search-items',{attrs:{"active-index":_vm.activeIndex,"category":_vm.selectedCategory,"loading":_vm.loading,"error":_vm.error,"results":_vm.results},on:{"select":_vm.selectItem,"keyup":_vm.handleKeyUp,"active-index-change":function($event){_vm.activeIndex = $event;}},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v;},expression:"searchQuery"}})],1):_vm._e()],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.selections.length)?_c('duo-chat-context-item-selections',{staticClass:"gl-mb-3",attrs:{"selections":_vm.selections,"categories":_vm.categories,"removable":true,"title":_vm.$options.i18n.selectedContextItemsTitle,"default-collapsed":false},on:{"remove":_vm.removeItem,"get-content":_vm.onGetContextItemContent}}):_vm._e(),_vm._v(" "),(_vm.open)?_c('gl-card',{staticClass:"slash-commands !gl-absolute gl-bottom-0 gl-w-full gl-pl-0 gl-shadow-md",attrs:{"body-class":"!gl-p-2","data-testid":"context-item-menu"}},[(_vm.showCategorySelection)?_c('duo-chat-context-item-menu-category-items',{attrs:{"active-index":_vm.activeIndex,"categories":_vm.categories},on:{"select":_vm.selectCategory,"active-index-change":function($event){_vm.activeIndex = $event;}}}):_c('duo-chat-context-item-menu-search-items',{attrs:{"active-index":_vm.activeIndex,"category":_vm.selectedCategory,"loading":_vm.loading,"error":_vm.error,"results":_vm.results},on:{"select":_vm.selectItem,"keyup":_vm.handleKeyUp,"active-index-change":function($event){_vm.activeIndex = $event;}},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v;},expression:"searchQuery"}})],1):_vm._e()],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -3,7 +3,7 @@ import { categoriesValidator } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
-  name: 'GlDuoChatContextItemMenuCategoryItems',
+  name: 'DuoChatContextItemMenuCategoryItems',
   components: {
     GlIcon,
     GlDropdownItem

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

@@ -1,15 +1,15 @@
 import { GlBadge, GlTruncate, GlIcon } from '@gitlab/ui';
-import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
-import { categoryValidator, contextItemValidator, getContextItemSecondaryText, getContextItemIcon, getContextItemSource } from '../utils';
+import DuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
+import { categoryValidator, contextItemValidator, getContextItemSource } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
-  name: 'GlDuoChatContextItemMenuSearchItem',
+  name: 'DuoChatContextItemMenuSearchItem',
   components: {
     GlBadge,
     GlTruncate,
     GlIcon,
-    GlDuoChatContextItemPopover
+    DuoChatContextItemPopover
   },
   props: {
     category: {
@@ -24,16 +24,6 @@ var script = {
     }
   },
   computed: {
-    title() {
-      var _this$contextItem$met;
-      return ((_this$contextItem$met = this.contextItem.metadata) === null || _this$contextItem$met === void 0 ? void 0 : _this$contextItem$met.title) || '';
-    },
-    secondaryText() {
-      return getContextItemSecondaryText(this.contextItem);
-    },
-    icon() {
-      return getContextItemIcon(this.contextItem, this.category);
-    },
     itemSource() {
       return getContextItemSource(this.contextItem);
     }
@@ -44,7 +34,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-flex gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-2 gl-shrink-0",attrs:{"name":_vm.icon,"data-testid":"category-icon"}}),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.title,"data-testid":"item-title"}}),_vm._v(" "),_c('gl-icon',{staticClass:"gl-ml-2 gl-shrink-0 gl-cursor-pointer gl-text-secondary",attrs:{"id":("info-icon-" + (_vm.contextItem.id)),"name":"information-o","size":12}}),_vm._v(" "),_c('gl-duo-chat-context-item-popover',{attrs:{"context-item":_vm.contextItem,"target":("info-icon-" + (_vm.contextItem.id)),"placement":"left"}})],1),_vm._v(" "),(_vm.secondaryText)?_c('div',{staticClass:"gl-align-items-center gl-mt-1 gl-flex gl-shrink-0 gl-whitespace-nowrap gl-text-secondary",attrs:{"data-testid":"item-secondary-text"}},[(_vm.itemSource)?_c('gl-badge',{staticClass:"gl-mr-1",attrs:{"variant":"neutral","data-testid":"context-item-source"}},[_vm._v(_vm._s(_vm.itemSource))]):_vm._e(),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"position":"middle","text":_vm.secondaryText}})],1):_vm._e()])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-flex gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-2 gl-shrink-0",attrs:{"name":_vm.contextItem.metadata.icon,"data-testid":"category-icon"}}),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.contextItem.metadata.title,"data-testid":"item-title"}}),_vm._v(" "),_c('gl-icon',{staticClass:"gl-ml-2 gl-shrink-0 gl-cursor-pointer gl-text-secondary",attrs:{"id":("info-icon-" + (_vm.contextItem.id)),"name":"information-o","size":12}}),_vm._v(" "),_c('duo-chat-context-item-popover',{attrs:{"context-item":_vm.contextItem,"target":("info-icon-" + (_vm.contextItem.id)),"placement":"left"}})],1),_vm._v(" "),(_vm.contextItem.metadata.secondaryText)?_c('div',{staticClass:"gl-align-items-center gl-mt-1 gl-flex gl-shrink-0 gl-whitespace-nowrap gl-text-secondary",attrs:{"data-testid":"item-secondary-text"}},[(_vm.itemSource)?_c('gl-badge',{staticClass:"gl-mr-1",attrs:{"variant":"neutral","data-testid":"context-item-source"}},[_vm._v(_vm._s(_vm.itemSource))]):_vm._e(),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"position":"middle","text":_vm.contextItem.metadata.secondaryText}})],1):_vm._e()])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,17 +1,17 @@
 import { GlAlert, GlDropdownItem, GlFormInput } from '@gitlab/ui';
 import { sprintf, translate } from '@gitlab/ui/dist/utils/i18n';
 import { categoryValidator, contextItemsValidator } from '../utils';
-import GlDuoChatContextItemMenuSearchItemsLoading from './duo_chat_context_item_menu_search_items_loading';
-import GlDuoChatContextItemMenuSearchItem from './duo_chat_context_item_menu_search_item';
+import DuoChatContextItemMenuSearchItemsLoading from './duo_chat_context_item_menu_search_items_loading';
+import DuoChatContextItemMenuSearchItem from './duo_chat_context_item_menu_search_item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
-  name: 'GlDuoChatContextItemMenuSearchItems',
+  name: 'DuoChatContextItemMenuSearchItems',
   components: {
     GlAlert,
     GlDropdownItem,
-    GlDuoChatContextItemMenuSearchItem,
-    GlDuoChatContextItemMenuSearchItemsLoading,
+    DuoChatContextItemMenuSearchItem,
+    DuoChatContextItemMenuSearchItemsLoading,
     GlFormInput
   },
   model: {
@@ -58,7 +58,7 @@ var script = {
       return Boolean(this.userInitiatedSearch && !this.loading && !this.error && !this.results.length);
     },
     searchInputPlaceholder() {
-      return sprintf(translate('GlDuoChatContextItemMenu.searchInputPlaceholder', 'Search %{categoryLabel}...'), {
+      return sprintf(translate('DuoChatContextItemMenu.searchInputPlaceholder', 'Search %{categoryLabel}...'), {
         categoryLabel: this.category.label.toLowerCase()
       });
     }
@@ -90,7 +90,7 @@ var script = {
     }
   },
   i18n: {
-    emptyStateMessage: translate('GlDuoChatContextItemMenu.emptyStateMessage', 'No results found')
+    emptyStateMessage: translate('DuoChatContextItemMenu.emptyStateMessage', 'No results found')
   }
 };
 
@@ -98,11 +98,11 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"gl-max-h-31 gl-overflow-y-scroll"},[(_vm.loading)?_c('gl-duo-chat-context-item-menu-search-items-loading',{attrs:{"rows":_vm.numLoadingItems}}):(_vm.error)?_c('gl-alert',{staticClass:"gl-m-3",attrs:{"variant":"danger","dismissible":false,"data-testid":"search-results-error"}},[_vm._v("\n      "+_vm._s(_vm.error)+"\n    ")]):(_vm.showEmptyState)?_c('div',{staticClass:"gl-rounded-base gl-p-3 gl-text-center gl-text-secondary",attrs:{"data-testid":"search-results-empty-state"}},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.emptyStateMessage)+"\n    ")]):_c('ul',{staticClass:"gl-mb-1 gl-list-none gl-flex-row gl-pl-0"},_vm._l((_vm.results),function(contextItem,index){return _c('gl-dropdown-item',{key:contextItem.id,staticClass:"duo-chat-context-search-result-item",class:{
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"gl-max-h-31 gl-overflow-y-scroll"},[(_vm.loading)?_c('duo-chat-context-item-menu-search-items-loading',{attrs:{"rows":_vm.numLoadingItems}}):(_vm.error)?_c('gl-alert',{staticClass:"gl-m-3",attrs:{"variant":"danger","dismissible":false,"data-testid":"search-results-error"}},[_vm._v("\n      "+_vm._s(_vm.error)+"\n    ")]):(_vm.showEmptyState)?_c('div',{staticClass:"gl-rounded-base gl-p-3 gl-text-center gl-text-secondary",attrs:{"data-testid":"search-results-empty-state"}},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.emptyStateMessage)+"\n    ")]):_c('ul',{staticClass:"gl-mb-1 gl-list-none gl-flex-row gl-pl-0"},_vm._l((_vm.results),function(contextItem,index){return _c('gl-dropdown-item',{key:contextItem.id,staticClass:"duo-chat-context-search-result-item",class:{
           'active-command': _vm.isActiveItem(contextItem, index),
           'gl-cursor-not-allowed [&>button]:focus-within:!gl-shadow-none':
             !contextItem.metadata.enabled,
-        },attrs:{"id":("dropdown-item-" + index),"tabindex":!contextItem.metadata.enabled ? -1 : undefined,"data-testid":"search-result-item"},on:{"click":function($event){return _vm.selectItem(contextItem)}}},[_c('div',{on:{"mouseenter":function($event){return _vm.setActiveIndex(index)}}},[_c('gl-duo-chat-context-item-menu-search-item',{class:{ 'gl-text-secondary': !contextItem.metadata.enabled },attrs:{"context-item":contextItem,"category":_vm.category,"data-testid":"search-result-item-details"}})],1)])}),1)],1),_vm._v(" "),_c('gl-form-input',{ref:"contextMenuSearchInput",attrs:{"value":_vm.searchQuery,"placeholder":_vm.searchInputPlaceholder,"autofocus":"","data-testid":"context-menu-search-input"},on:{"input":function($event){return _vm.$emit('update:searchQuery', $event)},"keyup":_vm.handleKeyUp}})],1)};
+        },attrs:{"id":("dropdown-item-" + index),"tabindex":!contextItem.metadata.enabled ? -1 : undefined,"data-testid":"search-result-item"},on:{"click":function($event){return _vm.selectItem(contextItem)}}},[_c('div',{on:{"mouseenter":function($event){return _vm.setActiveIndex(index)}}},[_c('duo-chat-context-item-menu-search-item',{class:{ 'gl-text-secondary': !contextItem.metadata.enabled },attrs:{"context-item":contextItem,"category":_vm.category,"data-testid":"search-result-item-details"}})],1)])}),1)],1),_vm._v(" "),_c('gl-form-input',{ref:"contextMenuSearchInput",attrs:{"value":_vm.searchQuery,"placeholder":_vm.searchInputPlaceholder,"autofocus":"","data-testid":"context-menu-search-input"},on:{"input":function($event){return _vm.$emit('update:searchQuery', $event)},"keyup":_vm.handleKeyUp}})],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -2,7 +2,7 @@ import { translate } from '../../../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
-  name: 'GlDuoChatContextItemMenuSearchItemsLoading',
+  name: 'DuoChatContextItemMenuSearchItemsLoading',
   props: {
     rows: {
       type: Number,
@@ -10,7 +10,7 @@ var script = {
     }
   },
   i18n: {
-    loadingMessage: translate('GlDuoChatContextItemMenu.loadingMessage', 'Loading...')
+    loadingMessage: translate('DuoChatContextItemMenu.loadingMessage', 'Loading...')
   }
 };
 

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

@@ -1,7 +1,7 @@
 import { GlBadge, GlTruncate, GlAlert, GlIcon, GlPopover } from '@gitlab/ui';
 import { translate } from '../../../../../utils/i18n';
-import { CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_FILE } from '../constants';
-import { formatMergeRequestId, formatIssueId, getContextItemIcon, getContextItemTypeLabel, getContextItemSecondaryText, getContextItemSource } from '../utils';
+import { CONTEXT_ITEM_CATEGORY_FILE } from '../constants';
+import { getContextItemSource } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
@@ -38,23 +38,6 @@ var script = {
     }
   },
   computed: {
-    id() {
-      const isIssuable = this.contextItem.category === CONTEXT_ITEM_CATEGORY_ISSUE || this.contextItem.category === CONTEXT_ITEM_CATEGORY_MERGE_REQUEST;
-      return isIssuable ? this.contextItem.metadata.iid : null;
-    },
-    formattedId() {
-      switch (this.contextItem.category) {
-        case CONTEXT_ITEM_CATEGORY_ISSUE:
-          return formatIssueId(this.id);
-        case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
-          return formatMergeRequestId(this.id);
-        default:
-          return '';
-      }
-    },
-    title() {
-      return this.contextItem.metadata.title || '';
-    },
     filePath() {
       return this.contextItem.category === CONTEXT_ITEM_CATEGORY_FILE ? this.contextItem.metadata.relativePath || '' : null;
     },
@@ -68,15 +51,6 @@ var script = {
     disabledMessage() {
       return Array.isArray(this.contextItem.metadata.disabledReasons) && this.contextItem.metadata.disabledReasons.length > 0 ? this.contextItem.metadata.disabledReasons.join(', ') : translate('DuoChatContextItemPopover.DisabledReason', 'This item is disabled');
     },
-    iconName() {
-      return getContextItemIcon(this.contextItem);
-    },
-    itemTypeLabel() {
-      return getContextItemTypeLabel(this.contextItem);
-    },
-    secondaryText() {
-      return getContextItemSecondaryText(this.contextItem);
-    },
     itemSource() {
       return getContextItemSource(this.contextItem);
     }
@@ -90,7 +64,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-popover',{attrs:{"target":_vm.target,"triggers":"hover focus","placement":_vm.placement,"title":_vm.title,"custom-class":"gl-duo-chat-item-popover"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_c('div',{staticClass:"gl-heading-3 gl-mb-1 gl-mt-2 gl-leading-1",attrs:{"data-testid":"chat-context-popover-title"}},[_vm._v("\n        "+_vm._s(_vm.title)+"\n      ")]),_vm._v(" "),(_vm.itemTypeLabel)?_c('div',{staticClass:"gl-flex gl-items-center gl-font-normal gl-text-subtle"},[_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.itemTypeLabel}})],1):_vm._e()])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.secondaryText)?_c('div',{staticClass:"gl-flex gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-1 gl-shrink-0",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_vm._v(" "),(_vm.itemSource)?_c('gl-badge',{staticClass:"gl-mr-1"},[_vm._v(_vm._s(_vm.itemSource))]):_vm._e(),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.secondaryText}})],1):(_vm.filePath)?_c('div',[_c('gl-icon',{attrs:{"name":"document","size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._v(" "),_vm._l((_vm.filePathArray),function(pathPart,index){return _c('span',{key:pathPart,staticClass:"gl-break-all"},[_vm._v(_vm._s(pathPart)+_vm._s(index + 1 < _vm.filePathArray.length ? '/' : ''))])})],2):_c('div',[(_vm.iconName)?_c('gl-icon',{attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._v(" "),(_vm.id)?_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.formattedId))]):_vm._e()],1),_vm._v(" "),(!_vm.isEnabled)?_c('gl-alert',{staticClass:"gl-mb-1 gl-mt-3 gl-p-4 gl-text-sm",attrs:{"variant":"danger","data-testid":"chat-context-popover-disabled","dismissible":false,"show-icon":false}},[_vm._v("\n      "+_vm._s(_vm.disabledMessage)+"\n    ")]):_vm._e()],1)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-popover',{attrs:{"target":_vm.target,"triggers":"hover focus","placement":_vm.placement,"title":_vm.contextItem.metadata.title,"custom-class":"duo-chat-item-popover"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_c('div',{staticClass:"gl-heading-3 gl-mb-1 gl-mt-2 gl-leading-1",attrs:{"data-testid":"chat-context-popover-title"}},[_vm._v("\n        "+_vm._s(_vm.contextItem.metadata.title)+"\n      ")]),_vm._v(" "),(_vm.contextItem.metadata.subTypeLabel)?_c('div',{staticClass:"gl-flex gl-items-center gl-font-normal gl-text-subtle"},[_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.contextItem.metadata.subTypeLabel}})],1):_vm._e()])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.contextItem.metadata.secondaryText)?_c('div',{staticClass:"gl-flex gl-items-center"},[_c('gl-icon',{staticClass:"gl-mr-1 gl-shrink-0",attrs:{"name":_vm.contextItem.metadata.icon,"size":12,"variant":"subtle"}}),_vm._v(" "),(_vm.itemSource)?_c('gl-badge',{staticClass:"gl-mr-1 gl-flex-1 gl-min-w-[33%]"},[_c('gl-truncate',{attrs:{"text":_vm.itemSource,"position":"middle"}})],1):_vm._e(),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-flex-2 gl-min-w-[33%]",attrs:{"text":_vm.contextItem.metadata.secondaryText,"position":"middle"}})],1):(_vm.filePath)?_c('div',[_c('gl-icon',{attrs:{"name":"document","size":12,"variant":"subtle"}}),_vm._v(" "),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_vm._v(" "),_vm._l((_vm.filePathArray),function(pathPart,index){return _c('span',{key:pathPart,staticClass:"gl-break-all"},[_vm._v(_vm._s(pathPart)+_vm._s(index + 1 < _vm.filePathArray.length ? '/' : ''))])})],2):_vm._e(),_vm._v(" "),(!_vm.isEnabled)?_c('gl-alert',{staticClass:"gl-mb-1 gl-mt-3 gl-p-4 gl-text-sm",attrs:{"variant":"danger","data-testid":"chat-context-popover-disabled","dismissible":false,"show-icon":false}},[_vm._v("\n      "+_vm._s(_vm.disabledMessage)+"\n    ")]):_vm._e()],1)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,18 +1,18 @@
 import uniqueId from 'lodash/uniqueId';
 import { GlTruncate, GlIcon, GlToken } from '@gitlab/ui';
-import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
+import DuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
 import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_DEPENDENCY } from '../constants';
-import GlDuoChatContextItemDetailsModal from '../duo_chat_context_item_details_modal/duo_chat_context_item_details_modal';
-import { contextItemsValidator, getContextItemIcon } from '../utils';
+import DuoChatContextItemDetailsModal from '../duo_chat_context_item_details_modal/duo_chat_context_item_details_modal';
+import { contextItemsValidator } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
-  name: 'GlDuoChatContextItemSelections',
+  name: 'DuoChatContextItemSelections',
   components: {
     GlTruncate,
-    GlDuoChatContextItemDetailsModal,
+    DuoChatContextItemDetailsModal,
     GlIcon,
-    GlDuoChatContextItemPopover,
+    DuoChatContextItemPopover,
     GlToken
   },
   props: {
@@ -80,7 +80,6 @@ var script = {
     }
   },
   methods: {
-    getContextItemIcon,
     toggleCollapse() {
       this.isCollapsed = !this.isCollapsed;
     },
@@ -118,7 +117,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-flex gl-flex-col",class:_vm.variantClasses},[_c('button',{staticClass:"gl-flex gl-w-full gl-items-center gl-border-0 gl-bg-transparent gl-p-0 gl-text-left gl-text-xs gl-lowercase gl-text-inherit",attrs:{"data-testid":"chat-context-selections-title","type":"button"},on:{"click":_vm.toggleCollapse}},[_c('gl-icon',{attrs:{"name":_vm.collapseIconName,"data-testid":"chat-context-collapse-icon"}}),_vm._v(" "+_vm._s(_vm.title)+"\n  ")],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isCollapsed),expression:"!isCollapsed"}],staticClass:"gl-mt-1 gl-flex gl-grow gl-flex-wrap",attrs:{"data-testid":"chat-context-tokens-wrapper"}},_vm._l((_vm.selections),function(item){return _c('gl-token',{key:item.id,staticClass:"gl-mb-2 gl-mr-2 gl-max-w-full",class:_vm.tokenVariantClasses,attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"view-only":!_vm.removable,"variant":"default","tabindex":_vm.canOpen(item) ? 0 : -1,"role":_vm.canOpen(item) ? 'button' : undefined},on:{"click":function($event){return _vm.onOpenItem($event, item)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onOpenItem($event, item)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onOpenItem($event, item)}],"close":function($event){return _vm.onRemoveItem(item)}}},[_c('div',{staticClass:"gl-flex gl-min-w-0 gl-items-center",attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId)}},[(_vm.getContextItemIcon(item))?_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.getContextItemIcon(item),"size":12}}):_vm._e(),_vm._v(" "),_c('gl-truncate',{attrs:{"text":item.metadata.title,"position":"middle"}})],1),_vm._v(" "),_c('gl-duo-chat-context-item-popover',{attrs:{"context-item":item,"target":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"placement":"bottom"},on:{"show-git-diff":function($event){return _vm.onOpenItem(item)}}})],1)}),1),_vm._v(" "),(_vm.contextItemPreview)?_c('gl-duo-chat-context-item-details-modal',{attrs:{"context-item":_vm.contextItemPreview},on:{"close":_vm.onClosePreview}}):_vm._e()],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-flex gl-flex-col",class:_vm.variantClasses},[_c('button',{staticClass:"gl-flex gl-w-full gl-items-center gl-border-0 gl-bg-transparent gl-p-0 gl-text-left gl-text-xs gl-lowercase gl-text-inherit",attrs:{"data-testid":"chat-context-selections-title","type":"button"},on:{"click":_vm.toggleCollapse}},[_c('gl-icon',{attrs:{"name":_vm.collapseIconName,"data-testid":"chat-context-collapse-icon"}}),_vm._v(" "+_vm._s(_vm.title)+"\n  ")],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isCollapsed),expression:"!isCollapsed"}],staticClass:"gl-mt-1 gl-flex gl-grow gl-flex-wrap",attrs:{"data-testid":"chat-context-tokens-wrapper"}},_vm._l((_vm.selections),function(item){return _c('gl-token',{key:item.id,staticClass:"gl-mb-2 gl-mr-2 gl-max-w-full",class:_vm.tokenVariantClasses,attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"view-only":!_vm.removable,"variant":"default","tabindex":_vm.canOpen(item) ? 0 : -1,"role":_vm.canOpen(item) ? 'button' : undefined},on:{"click":function($event){return _vm.onOpenItem($event, item)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onOpenItem($event, item)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onOpenItem($event, item)}],"close":function($event){return _vm.onRemoveItem(item)}}},[_c('div',{staticClass:"gl-flex gl-min-w-0 gl-items-center",attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId)}},[(item.metadata.icon)?_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":item.metadata.icon,"size":12}}):_vm._e(),_vm._v(" "),_c('gl-truncate',{attrs:{"text":item.metadata.title,"position":"middle"}})],1),_vm._v(" "),_c('duo-chat-context-item-popover',{attrs:{"context-item":item,"target":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"placement":"bottom"},on:{"show-git-diff":function($event){return _vm.onOpenItem(item)}}})],1)}),1),_vm._v(" "),(_vm.contextItemPreview)?_c('duo-chat-context-item-details-modal',{attrs:{"context-item":_vm.contextItemPreview},on:{"close":_vm.onClosePreview}}):_vm._e()],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,6 +1,3 @@
-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';
-
 function categoryValidator(category) {
   return Boolean(category && category.value && category.label && category.icon);
 }
@@ -16,107 +13,9 @@ function contextItemValidator(item) {
 function contextItemsValidator(items) {
   return Array.isArray(items) && items.every(item => contextItemValidator(item));
 }
-function formatIssueId(iid) {
-  if (!iid) return '';
-  return `#${iid}`;
-}
-function formatMergeRequestId(iid) {
-  if (!iid) return '';
-  return `!${iid}`;
-}
 function getContextItemSource(contextItem) {
   return contextItem.metadata.repositoryName || contextItem.metadata.project || null;
 }
-function getGitItemIcon(contextItem) {
-  const iconMap = {
-    [CONTEXT_ITEM_LOCAL_GIT_COMMIT]: 'commit',
-    [CONTEXT_ITEM_LOCAL_GIT_DIFF]: 'comparison'
-  };
-  const {
-    gitType
-  } = contextItem.metadata;
-  return iconMap[gitType] || null;
-}
-
-/**
- * Gets the icon name for a given contextItem.
- */
-function getContextItemIcon(contextItem) {
-  let category = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    icon: null
-  };
-  if (contextItem.metadata.icon) {
-    return contextItem.metadata.icon;
-  }
-  if (contextItem.category === CONTEXT_ITEM_CATEGORY_LOCAL_GIT) {
-    const gitIcon = getGitItemIcon(contextItem);
-    if (gitIcon) return gitIcon;
-  }
-  if (category.icon) {
-    return category.icon;
-  }
-  const iconMap = {
-    [CONTEXT_ITEM_CATEGORY_FILE]: 'document',
-    [CONTEXT_ITEM_CATEGORY_ISSUE]: 'issues',
-    [CONTEXT_ITEM_CATEGORY_MERGE_REQUEST]: 'merge-request',
-    [CONTEXT_ITEM_CATEGORY_LOCAL_GIT]: 'git'
-  };
-  return iconMap[contextItem.category] || null;
-}
-function getContextItemTypeLabel(contextItem) {
-  if (contextItem.metadata.subTypeLabel) {
-    return contextItem.metadata.subTypeLabel;
-  }
-  if (contextItem.category === CONTEXT_ITEM_CATEGORY_LOCAL_GIT) {
-    switch (contextItem.metadata.gitType) {
-      case CONTEXT_ITEM_LOCAL_GIT_DIFF:
-        return translate('DuoChatContextItemTypeLabel.GitDiff', 'Local Git repository diff');
-      case CONTEXT_ITEM_LOCAL_GIT_COMMIT:
-        return translate('DuoChatContextItemTypeLabel.GitCommit', 'Local Git repository commit');
-      default:
-        return translate('DuoChatContextItemTypeLabel.GitDefault', 'Local Git repository');
-    }
-  }
-  switch (contextItem.category) {
-    case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
-      return translate('DuoChatContextItemTypeLabel.MergeRequest', 'Merge request');
-    case CONTEXT_ITEM_CATEGORY_ISSUE:
-      return translate('DuoChatContextItemTypeLabel.Issue', 'Issue');
-    case CONTEXT_ITEM_CATEGORY_FILE:
-      return translate('DuoChatContextItemTypeLabel.File', 'Project file');
-    default:
-      return '';
-  }
-}
-
-/**
- * Gets the secondary text line for a git context item, showing repository and commit ID
- */
-function formatGitItemSecondaryText(contextItem) {
-  const {
-    repositoryName,
-    commitId
-  } = contextItem.metadata;
-  const separator = commitId ? ' - ' : '';
-  return `${repositoryName}${separator}${commitId || ''}`;
-}
-function getContextItemSecondaryText(contextItem) {
-  if (contextItem.metadata.secondaryText) {
-    return contextItem.metadata.secondaryText;
-  }
-  switch (contextItem.category) {
-    case CONTEXT_ITEM_CATEGORY_FILE:
-      return contextItem.metadata.relativePath;
-    case CONTEXT_ITEM_CATEGORY_ISSUE:
-      return formatIssueId(contextItem.metadata.iid);
-    case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
-      return formatMergeRequestId(contextItem.metadata.iid);
-    case CONTEXT_ITEM_CATEGORY_LOCAL_GIT:
-      return formatGitItemSecondaryText(contextItem);
-    default:
-      return '';
-  }
-}
 
 /**
  * Calculates a new index within a range. If the new index would fall out of bounds, wraps to the start/end of the range.
@@ -129,4 +28,4 @@ function wrapIndex(currentIndex, step, totalLength) {
   return (currentIndex + step + totalLength) % totalLength;
 }
 
-export { categoriesValidator, categoryValidator, contextItemValidator, contextItemsValidator, formatGitItemSecondaryText, formatIssueId, formatMergeRequestId, getContextItemIcon, getContextItemSecondaryText, getContextItemSource, getContextItemTypeLabel, wrapIndex };
+export { categoriesValidator, categoryValidator, contextItemValidator, contextItemsValidator, getContextItemSource, wrapIndex };

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

@@ -1,18 +1,18 @@
 import { translate } from '../../../../utils/i18n';
-import GlDuoChatMessage from '../duo_chat_message/duo_chat_message';
+import DuoChatMessage from '../duo_chat_message/duo_chat_message';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
-  CONVERSATION_NEW_CHAT: translate('GlDuoChatConversation.newChat', 'New chat')
+  CONVERSATION_NEW_CHAT: translate('DuoChatConversation.newChat', 'New chat')
 };
 const isMessage = item => Boolean(item) && (item === null || item === void 0 ? void 0 : item.role);
 
 // eslint-disable-next-line unicorn/no-array-callback-reference
 const itemsValidator = items => items.every(isMessage);
 var script = {
-  name: 'GlDuoChatConversation',
+  name: 'DuoChatConversation',
   components: {
-    GlDuoChatMessage
+    DuoChatMessage
   },
   props: {
     /**
@@ -66,7 +66,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['gl-flex gl-flex-col gl-justify-end', { 'insert-code-hidden': !_vm.enableCodeInsertion }]},[(_vm.showDelimiter)?_c('div',{staticClass:"gl-my-5 gl-flex gl-items-center gl-gap-4 gl-text-gray-500",attrs:{"data-testid":"conversation-delimiter"}},[_c('hr',{staticClass:"gl-grow"}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.$options.i18n.CONVERSATION_NEW_CHAT))]),_vm._v(" "),_c('hr',{staticClass:"gl-grow"})]):_vm._e(),_vm._v(" "),_vm._l((_vm.messages),function(msg,index){return _c('gl-duo-chat-message',{key:((msg.role) + "-" + index),attrs:{"message":msg,"is-cancelled":_vm.canceledRequestIds.includes(msg.requestId)},on:{"track-feedback":_vm.onTrackFeedback,"insert-code-snippet":_vm.onInsertCodeSnippet,"get-context-item-content":_vm.onGetContextItemContent}})})],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['gl-flex gl-flex-col gl-justify-end', { 'insert-code-hidden': !_vm.enableCodeInsertion }]},[(_vm.showDelimiter)?_c('div',{staticClass:"gl-my-5 gl-flex gl-items-center gl-gap-4 gl-text-gray-500",attrs:{"data-testid":"conversation-delimiter"}},[_c('hr',{staticClass:"gl-grow"}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.$options.i18n.CONVERSATION_NEW_CHAT))]),_vm._v(" "),_c('hr',{staticClass:"gl-grow"})]):_vm._e(),_vm._v(" "),_vm._l((_vm.messages),function(msg,index){return _c('duo-chat-message',{key:((msg.role) + "-" + index),attrs:{"message":msg,"is-cancelled":_vm.canceledRequestIds.includes(msg.requestId)},on:{"track-feedback":_vm.onTrackFeedback,"insert-code-snippet":_vm.onInsertCodeSnippet,"get-context-item-content":_vm.onGetContextItemContent}})})],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,17 +1,18 @@
-import { GlSprintf } from '@gitlab/ui';
+import { GlSprintf, GlAnimatedLoaderIcon } from '@gitlab/ui';
 import { translate } from '../../../../utils/i18n';
 import { LOADING_TRANSITION_DURATION } from '../../constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 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')],
-  GITLAB_DUO: translate('GlDuoChatLoader.gitlabDuo', 'GitLab Duo')
+  LOADER_LOADING_MESSAGE: translate('DuoChatLoader.loaderLoadingMessage', '%{tool} is %{transition} an answer'),
+  LOADER_LOADING_TRANSITIONS: [translate('DuoChatLoader.loaderLoadingTransitionsFinding', 'finding'), translate('DuoChatLoader.loaderLoadingTransitionsWorkingOn', 'working on'), translate('DuoChatLoader.loaderLoadingTransitionsGenerating', 'generating'), translate('DuoChatLoader.loaderLoadingTransitionsProducing', 'producing')],
+  GITLAB_DUO: translate('DuoChatLoader.gitlabDuo', 'GitLab Duo')
 };
 var script = {
-  name: 'GlDuoChatLoader',
+  name: 'DuoChatLoader',
   components: {
-    GlSprintf
+    GlSprintf,
+    GlAnimatedLoaderIcon
   },
   i18n,
   props: {
@@ -65,8 +66,8 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"duo-chat-loader gl-flex gl-items-center"},[_vm._m(0),_vm._v(" "),_c('div',[_c('gl-sprintf',{attrs:{"message":_vm.$options.i18n.LOADER_LOADING_MESSAGE},scopedSlots:_vm._u([{key:"tool",fn:function(){return [_c('strong',{attrs:{"data-testid":"tool"}},[_vm._v(_vm._s(_vm.toolName))])]},proxy:true},{key:"transition",fn:function(){return [_c('transition-group',{ref:"transition",staticClass:"transition gl-relative gl-inline-block gl-align-bottom",attrs:{"name":"text"},on:{"after-leave":_vm.computeTransitionWidth}},_vm._l((_vm.$options.i18n.LOADER_LOADING_TRANSITIONS),function(message,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isCurrentTransition(index)),expression:"isCurrentTransition(index)"}],key:message,ref:_vm.isCurrentTransition(index) ? 'currentTransition' : '',refInFor:true,staticClass:"gl-absolute gl-bottom-0 gl-left-0 gl-whitespace-nowrap",attrs:{"data-testid":_vm.isCurrentTransition(index) ? 'current-transition' : ''}},[_vm._v(_vm._s(message))])}),0)]},proxy:true}])})],1)])};
-var __vue_staticRenderFns__ = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-mr-3 gl-flex"},[_c('div',{staticClass:"duo-chat-loader__dot duo-chat-loader__dot--1"}),_vm._v(" "),_c('div',{staticClass:"duo-chat-loader__dot duo-chat-loader__dot--2"}),_vm._v(" "),_c('div',{staticClass:"duo-chat-loader__dot duo-chat-loader__dot--3"})])}];
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"duo-chat-loader gl-mt-5 gl-flex gl-items-center gl-gap-3"},[_c('gl-animated-loader-icon',{attrs:{"is-on":true}}),_vm._v(" "),_c('div',[_c('gl-sprintf',{attrs:{"message":_vm.$options.i18n.LOADER_LOADING_MESSAGE},scopedSlots:_vm._u([{key:"tool",fn:function(){return [_c('strong',{attrs:{"data-testid":"tool"}},[_vm._v(_vm._s(_vm.toolName))])]},proxy:true},{key:"transition",fn:function(){return [_c('transition-group',{ref:"transition",staticClass:"transition gl-relative gl-inline-block gl-align-bottom",attrs:{"name":"text"},on:{"after-leave":_vm.computeTransitionWidth}},_vm._l((_vm.$options.i18n.LOADER_LOADING_TRANSITIONS),function(message,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.isCurrentTransition(index)),expression:"isCurrentTransition(index)"}],key:message,ref:_vm.isCurrentTransition(index) ? 'currentTransition' : '',refInFor:true,staticClass:"gl-absolute gl-bottom-0 gl-left-0 gl-whitespace-nowrap",attrs:{"data-testid":_vm.isCurrentTransition(index) ? 'current-transition' : ''}},[_vm._v(_vm._s(message))])}),0)]},proxy:true}])})],1)],1)};
+var __vue_staticRenderFns__ = [];
 
   /* style */
   const __vue_inject_styles__ = undefined;