@gitlab/ui 94.4.2 → 94.5.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [94.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v94.4.2...v94.5.0) (2024-10-01)
+
+
+### Features
+
+* support "local git" Duo Chat pinned context category ([127691f](https://gitlab.com/gitlab-org/gitlab-ui/commit/127691f786b076d2f20b44d4030ab2f526e8bf3a))
+
 ## [94.4.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v94.4.1...v94.4.2) (2024-09-27)
 
 

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

@@ -1,5 +1,8 @@
 const CONTEXT_ITEM_CATEGORY_ISSUE = 'issue';
 const CONTEXT_ITEM_CATEGORY_MERGE_REQUEST = 'merge_request';
 const CONTEXT_ITEM_CATEGORY_FILE = 'file';
+const CONTEXT_ITEM_CATEGORY_LOCAL_GIT = 'local_git';
+const CONTEXT_ITEM_LOCAL_GIT_COMMIT = 'commit';
+const CONTEXT_ITEM_LOCAL_GIT_DIFF = 'diff';
 
-export { CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST };
+export { CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_LOCAL_GIT_COMMIT, CONTEXT_ITEM_LOCAL_GIT_DIFF };

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

@@ -1,12 +1,14 @@
 import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
+import GlTruncate from '../../../../../../utilities/truncate/truncate';
 import GlIcon from '../../../../../../base/icon/icon';
-import { categoryValidator, contextItemValidator, formatMergeRequestId, formatIssueId } from '../utils';
-import { CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_FILE } from '../constants';
+import { categoryValidator, contextItemValidator, formatGitItemSecondaryText, formatMergeRequestId, formatIssueId, getContextItemIcon } from '../utils';
+import { CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_FILE } from '../constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
   name: 'GlDuoChatContextItemMenuSearchItem',
   components: {
+    GlTruncate,
     GlIcon,
     GlDuoChatContextItemPopover
   },
@@ -35,9 +37,14 @@ var script = {
           return formatIssueId(this.contextItem.metadata.iid);
         case CONTEXT_ITEM_CATEGORY_MERGE_REQUEST:
           return formatMergeRequestId(this.contextItem.metadata.iid);
+        case CONTEXT_ITEM_CATEGORY_LOCAL_GIT:
+          return formatGitItemSecondaryText(this.contextItem);
         default:
           return '';
       }
+    },
+    icon() {
+      return getContextItemIcon(this.contextItem, this.category);
     }
   }
 };
@@ -46,7 +53,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.category.icon,"data-testid":"category-icon"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.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(" "),_c('div',{staticClass:"gl-mt-1 gl-shrink-0 gl-whitespace-nowrap gl-text-secondary"},[_vm._v("\n    "+_vm._s(_vm.secondaryText)+"\n  ")])])};
+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-mt-1 gl-shrink-0 gl-whitespace-nowrap gl-text-secondary",attrs:{"data-testid":"item-secondary-text"}},[_c('gl-truncate',{attrs:{"text":_vm.secondaryText}})],1):_vm._e()])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,14 +1,16 @@
-import GlPopover from '../../../../../../base/popover/popover';
+import GlAlert from '../../../../../../base/alert/alert';
 import GlIcon from '../../../../../../base/icon/icon';
+import GlPopover from '../../../../../../base/popover/popover';
+import GlTruncate from '../../../../../../utilities/truncate/truncate';
 import { translate } from '../../../../../../../utils/i18n';
-import { CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_FILE } from '../constants';
-import { formatMergeRequestId, formatIssueId } from '../utils';
-import GlAlert from '../../../../../../base/alert/alert';
+import { CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST, CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT } from '../constants';
+import { formatMergeRequestId, formatIssueId, formatGitItemSecondaryText, getContextItemIcon, getContextItemTypeLabel } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
   name: 'DuoChatContextItemPopover',
   components: {
+    GlTruncate,
     GlAlert,
     GlIcon,
     GlPopover
@@ -62,6 +64,9 @@ var script = {
       var _this$filePath;
       return (_this$filePath = this.filePath) === null || _this$filePath === void 0 ? void 0 : _this$filePath.split('/');
     },
+    gitDetails() {
+      return this.contextItem.category === CONTEXT_ITEM_CATEGORY_LOCAL_GIT ? formatGitItemSecondaryText(this.contextItem) : null;
+    },
     isEnabled() {
       return this.contextItem.metadata.enabled !== false;
     },
@@ -69,24 +74,10 @@ var script = {
       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() {
-      switch (this.contextItem.category) {
-        case 'merge_request':
-          return 'merge-request';
-        case 'issue':
-          return 'issues';
-        default:
-          return 'project';
-      }
+      return getContextItemIcon(this.contextItem);
     },
     itemTypeLabel() {
-      switch (this.contextItem.category) {
-        case 'merge_request':
-          return translate('DuoChatContextItemPopover.MergeRequest', 'Merge request');
-        case 'issue':
-          return translate('DuoChatContextItemPopover.Issue', 'Issue');
-        default:
-          return translate('DuoChatContextItemPopover.File', 'Project file');
-      }
+      return getContextItemTypeLabel(this.contextItem);
     }
   },
   methods: {
@@ -98,7 +89,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.contextItem.metadata.title)+"\n      ")]),_vm._v(" "),_c('div',{staticClass:"gl-font-normal gl-text-subtle"},[_vm._v(_vm._s(_vm.itemTypeLabel))])])]},proxy:true}])},[_vm._v(" "),_c('div',[(_vm.filePath !== null)?_c('div',[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":"document","size":12,"variant":"subtle"}}),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),_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',[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_c('span',{staticClass:"gl-break-all"},[_vm._v(_vm._s(_vm.contextItem.metadata.project))]),(_vm.id !== null)?_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.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-font-normal gl-text-subtle"},[_vm._v(_vm._s(_vm.itemTypeLabel))]):_vm._e()])]},proxy:true}])},[_vm._v(" "),_c('div',[(_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.gitDetails)?_c('div',{staticClass:"gl-flex gl-items-center",attrs:{"data-testid":"git-details"}},[_c('gl-icon',{staticClass:"gl-mr-1 gl-shrink-0",attrs:{"name":_vm.iconName,"size":12,"variant":"subtle"}}),_vm._v(" "),_c('gl-truncate',{staticClass:"gl-min-w-0",attrs:{"text":_vm.gitDetails}})],1):_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_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,14 +1,15 @@
 import uniqueId from 'lodash/uniqueId';
 import GlIcon from '../../../../../../base/icon/icon';
 import GlToken from '../../../../../../base/token/token';
+import GlTruncate from '../../../../../../utilities/truncate/truncate';
 import GlDuoChatContextItemPopover from '../duo_chat_context_item_popover/duo_chat_context_item_popover';
-import { CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST } from '../constants';
-import { contextItemsValidator } from '../utils';
+import { contextItemsValidator, getContextItemIcon } from '../utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
   name: 'GlDuoChatContextItemSelections',
   components: {
+    GlTruncate,
     GlIcon,
     GlDuoChatContextItemPopover,
     GlToken
@@ -74,14 +75,7 @@ var script = {
     }
   },
   methods: {
-    getIconName(category) {
-      const iconMap = {
-        [CONTEXT_ITEM_CATEGORY_FILE]: 'document',
-        [CONTEXT_ITEM_CATEGORY_ISSUE]: 'issues',
-        [CONTEXT_ITEM_CATEGORY_MERGE_REQUEST]: 'merge-request'
-      };
-      return iconMap[category] || 'document';
-    },
+    getContextItemIcon,
     toggleCollapse() {
       this.isCollapsed = !this.isCollapsed;
     },
@@ -99,7 +93,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",class:_vm.tokenVariantClasses,attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"view-only":!_vm.removable,"variant":"default"},on:{"close":function($event){return _vm.onRemoveItem(item)}}},[_c('div',{staticClass:"gl-flex gl-items-center",attrs:{"id":("context-item-" + (item.id) + "-" + _vm.selectionsId)}},[_c('gl-icon',{staticClass:"gl-mr-1",attrs:{"name":_vm.getIconName(item.category),"size":12}}),_vm._v("\n        "+_vm._s(item.metadata.title)+"\n      ")],1),_vm._v(" "),_c('gl-duo-chat-context-item-popover',{attrs:{"context-item":item,"target":("context-item-" + (item.id) + "-" + _vm.selectionsId + "-token"),"placement":"bottom"}})],1)}),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"},on:{"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"}})],1)}),1)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,9 +1,13 @@
-import { CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST } from './constants';
+import { CONTEXT_ITEM_CATEGORY_FILE, CONTEXT_ITEM_CATEGORY_LOCAL_GIT, CONTEXT_ITEM_CATEGORY_ISSUE, CONTEXT_ITEM_CATEGORY_MERGE_REQUEST } from './constants';
 
 const MOCK_CATEGORIES = [{
   label: 'Files',
   value: CONTEXT_ITEM_CATEGORY_FILE,
   icon: 'document'
+}, {
+  label: 'Local Git',
+  value: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  icon: 'git'
 }, {
   label: 'Issues',
   value: CONTEXT_ITEM_CATEGORY_ISSUE,
@@ -109,8 +113,61 @@ const mockMergeRequests = [MOCK_CONTEXT_ITEM_MERGE_REQUEST, {
     iid: 3344
   }
 }, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED];
+const MOCK_CONTEXT_ITEM_GIT_DIFF = {
+  id: '6d88b466-0c38-48d6-b271-deda47f97cee',
+  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  metadata: {
+    enabled: true,
+    title: 'Current working changes',
+    commitId: 'main',
+    repositoryName: 'example/garden',
+    gitType: 'diff'
+  }
+};
+const MOCK_CONTEXT_ITEM_GIT_COMMIT = {
+  id: '20f8caf94cb8f5e5f9dbd1a9ac32702321de201b',
+  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  metadata: {
+    enabled: true,
+    title: 'fix: some bug fix commit',
+    commitId: '20f8caf94cb8f5e5f9dbd1a9ac32702321de201b',
+    repositoryName: 'example/garden',
+    gitType: 'commit'
+  }
+};
+const mockGitItems = [MOCK_CONTEXT_ITEM_GIT_DIFF, {
+  id: 'diff-example/garden',
+  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  metadata: {
+    enabled: true,
+    title: 'Diff from default branch',
+    commitId: 'main',
+    repositoryName: 'example/garden',
+    gitType: 'diff'
+  }
+}, MOCK_CONTEXT_ITEM_GIT_COMMIT, {
+  id: '32b9b56b6de75b32909986755fbc470f20fb6fc0',
+  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  metadata: {
+    enabled: true,
+    title: 'feat: add cool new feature',
+    commitId: '32b9b56b6de75b32909986755fbc470f20fb6fc0',
+    repositoryName: 'example/garden',
+    gitType: 'commit'
+  }
+}, {
+  id: '775d7efdce25c1af48c55abcadbefd1f181b92ce',
+  category: CONTEXT_ITEM_CATEGORY_LOCAL_GIT,
+  metadata: {
+    enabled: true,
+    title: 'fix: stop foo from bar when baz because customers ding',
+    commitId: '775d7efdce25c1af48c55abcadbefd1f181b92ce',
+    repositoryName: 'example/garden',
+    gitType: 'commit'
+  }
+}];
 const getMockContextItems = () => {
-  const allItems = [...mockFiles, ...mockIssues, ...mockMergeRequests];
+  const allItems = [...mockFiles, ...mockGitItems, ...mockIssues, ...mockMergeRequests];
 
   // put disabled items in the back
   const disabledItems = allItems.filter(item => !item.metadata.enabled);
@@ -118,4 +175,4 @@ const getMockContextItems = () => {
   return [...enabledItems, ...disabledItems];
 };
 
-export { MOCK_CATEGORIES, MOCK_CONTEXT_ITEM_FILE, MOCK_CONTEXT_ITEM_FILE_DISABLED, MOCK_CONTEXT_ITEM_ISSUE, MOCK_CONTEXT_ITEM_ISSUE_DISABLED, MOCK_CONTEXT_ITEM_MERGE_REQUEST, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED, getMockCategory, getMockContextItems };
+export { MOCK_CATEGORIES, MOCK_CONTEXT_ITEM_FILE, MOCK_CONTEXT_ITEM_FILE_DISABLED, MOCK_CONTEXT_ITEM_GIT_COMMIT, MOCK_CONTEXT_ITEM_GIT_DIFF, MOCK_CONTEXT_ITEM_ISSUE, MOCK_CONTEXT_ITEM_ISSUE_DISABLED, MOCK_CONTEXT_ITEM_MERGE_REQUEST, MOCK_CONTEXT_ITEM_MERGE_REQUEST_DISABLED, getMockCategory, getMockContextItems };

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

@@ -1,3 +1,6 @@
+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);
 }
@@ -21,6 +24,73 @@ function formatMergeRequestId(iid) {
   if (!iid) return '';
   return `!${iid}`;
 }
+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.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.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 || ''}`;
+}
 
 /**
  * Calculates a new index within a range. If the new index would fall out of bounds, wraps to the start/end of the range.
@@ -33,4 +103,4 @@ function wrapIndex(currentIndex, step, totalLength) {
   return (currentIndex + step + totalLength) % totalLength;
 }
 
-export { categoriesValidator, categoryValidator, contextItemValidator, contextItemsValidator, formatIssueId, formatMergeRequestId, wrapIndex };
+export { categoriesValidator, categoryValidator, contextItemValidator, contextItemsValidator, formatGitItemSecondaryText, formatIssueId, formatMergeRequestId, getContextItemIcon, getContextItemTypeLabel, wrapIndex };