@gitlab/duo-ui 13.2.0 → 13.4.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [13.4.0](https://gitlab.com/gitlab-org/duo-ui/compare/v13.3.0...v13.4.0) (2025-10-30)
+
+
+### Features
+
+* Improve support for work items and notes ([7c0c5e3](https://gitlab.com/gitlab-org/duo-ui/commit/7c0c5e3b3da6a5ee11fde57344348228f50c1362))
+
+# [13.3.0](https://gitlab.com/gitlab-org/duo-ui/compare/v13.2.0...v13.3.0) (2025-10-29)
+
+
+### Features
+
+* **DuoChatHeader:** adds visual tip for foundational agents ([9524a88](https://gitlab.com/gitlab-org/duo-ui/commit/9524a88b72d37db64a25a742cfaf76812c30db9f))
+
 # [13.2.0](https://gitlab.com/gitlab-org/duo-ui/compare/v13.1.0...v13.2.0) (2025-10-28)
 
 

package/dist/components/chat/components/duo_chat_header/duo_chat_header.js

@@ -2,6 +2,7 @@ import Vue from 'vue';
 import { GlToast, GlAlert, GlButton, GlExperimentBadge, GlDisclosureDropdown, GlSafeHtmlDirective, GlTooltipDirective } from '@gitlab/ui';
 import { translate, sprintf } from '../../../../utils/i18n';
 import { VIEW_TYPES } from './constants';
+import DuoChatHeaderAgentItem from './duo_chat_header_agent_item/duo_chat_header_agent_item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
@@ -24,7 +25,8 @@ var script = {
     GlAlert,
     GlButton,
     GlExperimentBadge,
-    GlDisclosureDropdown
+    GlDisclosureDropdown,
+    DuoChatHeaderAgentItem
   },
   directives: {
     SafeHtml: GlSafeHtmlDirective,
@@ -149,7 +151,7 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=
           _vm.isMultithreaded && (_vm.activeThreadId || _vm.currentView === _vm.VIEW_TYPES.LIST || _vm.hasManyAgents)
         )?[(_vm.hasManyAgents)?_c('gl-disclosure-dropdown',{attrs:{"title":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"toggle-text":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"items":_vm.agents,"data-testid":"chat-new-button","variant":"confirm","category":"tertiary","size":"small","icon":"duo-chat-new","text-sr-only":"","aria-label":_vm.$options.i18n.CHAT_NEW_LABEL,"no-caret":""},on:{"action":_vm.startNewChat},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
         var item = ref.item;
-return [_c('span',{staticClass:"gl-flex gl-flex-col"},[_c('span',{attrs:{"clas":"gl-block"}},[_vm._v(_vm._s(item.name))]),_vm._v(" "),_c('span',{staticClass:"gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap gl-text-sm"},[_vm._v(_vm._s(item.description))])])]}}],null,false,117082970)}):_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"data-testid":"chat-new-button","variant":"confirm","category":"tertiary","size":"small","icon":"duo-chat-new","aria-label":_vm.$options.i18n.CHAT_NEW_LABEL},on:{"click":_vm.startNewChat}})]:_vm._e(),_vm._v(" "),(_vm.isMultithreaded && _vm.currentView === _vm.VIEW_TYPES.CHAT)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_HISTORY_TOOLTIP,"data-testid":"go-back-to-list-button","category":"tertiary","size":"small","icon":"history","aria-label":_vm.$options.i18n.CHAT_BACK_LABEL},on:{"click":function($event){return _vm.$emit('go-back')}}}):_vm._e(),_vm._v(" "),(_vm.isMultithreaded && _vm.activeThreadId && _vm.currentView === _vm.VIEW_TYPES.LIST)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP,"data-testid":"go-back-to-chat-button","category":"tertiary","size":"small","icon":"go-back","aria-label":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP},on:{"click":function($event){return _vm.$emit('go-back-to-chat')}}}):_vm._e(),_vm._v(" "),(_vm.sessionId)?_c('gl-disclosure-dropdown',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip",value:(_vm.showSessionDropdownTooltip),expression:"showSessionDropdownTooltip"}],attrs:{"icon":"ellipsis_v","category":"tertiary","text-sr-only":"","size":"small","toggle-text":_vm.$options.i18n.CHAT_DROPDOWN_MORE_OPTIONS,"items":_vm.sessionIdItems,"no-caret":""},on:{"shown":_vm.showSessionDropdown,"hidden":_vm.hideSessionDropdown}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":function($event){return _vm.$emit('close')}}})],2)]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"!gl-pl-9",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2)};
+return [_c('duo-chat-header-agent-item',{attrs:{"agent":item}})]}}],null,false,1406306174)}):_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"data-testid":"chat-new-button","variant":"confirm","category":"tertiary","size":"small","icon":"duo-chat-new","aria-label":_vm.$options.i18n.CHAT_NEW_LABEL},on:{"click":_vm.startNewChat}})]:_vm._e(),_vm._v(" "),(_vm.isMultithreaded && _vm.currentView === _vm.VIEW_TYPES.CHAT)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_HISTORY_TOOLTIP,"data-testid":"go-back-to-list-button","category":"tertiary","size":"small","icon":"history","aria-label":_vm.$options.i18n.CHAT_BACK_LABEL},on:{"click":function($event){return _vm.$emit('go-back')}}}):_vm._e(),_vm._v(" "),(_vm.isMultithreaded && _vm.activeThreadId && _vm.currentView === _vm.VIEW_TYPES.LIST)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP,"data-testid":"go-back-to-chat-button","category":"tertiary","size":"small","icon":"go-back","aria-label":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP},on:{"click":function($event){return _vm.$emit('go-back-to-chat')}}}):_vm._e(),_vm._v(" "),(_vm.sessionId)?_c('gl-disclosure-dropdown',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip",value:(_vm.showSessionDropdownTooltip),expression:"showSessionDropdownTooltip"}],attrs:{"icon":"ellipsis_v","category":"tertiary","text-sr-only":"","size":"small","toggle-text":_vm.$options.i18n.CHAT_DROPDOWN_MORE_OPTIONS,"items":_vm.sessionIdItems,"no-caret":""},on:{"shown":_vm.showSessionDropdown,"hidden":_vm.hideSessionDropdown}}):_vm._e(),_vm._v(" "),_c('gl-button',{staticClass:"gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":function($event){return _vm.$emit('close')}}})],2)]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"!gl-pl-9",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/components/duo_chat_header/duo_chat_header_agent_item/duo_chat_header_agent_item.js

@@ -0,0 +1,62 @@
+import { GlIcon, GlTooltipDirective } from '@gitlab/ui';
+import { translate } from '@gitlab/ui/dist/utils/i18n';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+const i18n = {
+  CHAT_VERIFIED_AGENT: translate('DuoChat.verifiedAgent', 'Created and maintained by GitLab')
+};
+var script = {
+  name: 'ChatAgentItem',
+  components: {
+    GlIcon
+  },
+  directives: {
+    GlTooltip: GlTooltipDirective
+  },
+  props: {
+    agent: {
+      type: Object,
+      required: true
+    }
+  },
+  i18n
+};
+
+/* 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('span',{staticClass:"gl-flex gl-flex-col"},[_c('span',{staticClass:"gl-mb-1 gl-inline-block gl-text-lg gl-font-bold gl-text-strong"},[_vm._v("\n    "+_vm._s(_vm.agent.name)+"\n    "),(_vm.agent.foundational)?_c('gl-icon',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"name":"tanuki-verified","variant":"subtle","title":_vm.$options.i18n.CHAT_VERIFIED_AGENT}}):_vm._e()],1),_vm._v(" "),_c('span',{staticClass:"gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap gl-text-sm"},[_vm._v("\n    "+_vm._s(_vm.agent.description)+"\n  ")])])};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;
+export { i18n };

package/dist/components/chat/components/duo_chat_header/web_duo_chat_header.js

@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import { GlToast, GlAlert, GlAvatar, GlButton, GlDisclosureDropdown, GlSafeHtmlDirective, GlTooltipDirective } from '@gitlab/ui';
 import { translate, sprintf } from '../../../../utils/i18n';
+import DuoChatHeaderAgentItem from './duo_chat_header_agent_item/duo_chat_header_agent_item';
 import { VIEW_TYPES } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -24,7 +25,8 @@ var script = {
     GlAlert,
     GlAvatar,
     GlButton,
-    GlDisclosureDropdown
+    GlDisclosureDropdown,
+    DuoChatHeaderAgentItem
   },
   directives: {
     SafeHtml: GlSafeHtmlDirective,
@@ -154,7 +156,7 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=
           _vm.isMultithreaded && (_vm.activeThreadId || _vm.currentView === _vm.VIEW_TYPES.LIST || _vm.hasManyAgents)
         )?[(_vm.hasManyAgents)?_c('gl-disclosure-dropdown',{attrs:{"title":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"toggle-text":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"items":_vm.agents,"data-testid":"chat-new-button","variant":"confirm","category":"tertiary","size":"small","icon":"duo-chat-new","text-sr-only":"","aria-label":_vm.$options.i18n.CHAT_NEW_LABEL,"no-caret":""},on:{"action":_vm.startNewChat},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
         var item = ref.item;
-return [_c('span',{staticClass:"gl-flex gl-flex-col"},[_c('span',{staticClass:"gl-block"},[_vm._v(_vm._s(item.name))]),_vm._v(" "),_c('span',{staticClass:"gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap gl-text-sm"},[_vm._v(_vm._s(item.description))])])]}}],null,false,2800000557)}):_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"data-testid":"chat-new-button","variant":"confirm","category":"tertiary","size":"small","icon":"duo-chat-new","aria-label":_vm.$options.i18n.CHAT_NEW_LABEL},on:{"click":_vm.startNewChat}})]:_vm._e(),_vm._v(" "),(!_vm.showStudioHeader && _vm.isMultithreaded && _vm.currentView === _vm.VIEW_TYPES.CHAT)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_HISTORY_TOOLTIP,"data-testid":"go-back-to-list-button","category":"tertiary","size":"small","icon":"history","aria-label":_vm.$options.i18n.CHAT_BACK_LABEL},on:{"click":function($event){return _vm.$emit('go-back')}}}):_vm._e(),_vm._v(" "),(_vm.isMultithreaded && _vm.activeThreadId && _vm.currentView === _vm.VIEW_TYPES.LIST)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP,"data-testid":"go-back-to-chat-button","category":"tertiary","size":"small","icon":"go-back","aria-label":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP},on:{"click":function($event){return _vm.$emit('go-back-to-chat')}}}):_vm._e(),_vm._v(" "),(_vm.sessionId)?_c('gl-disclosure-dropdown',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip",value:(_vm.showSessionDropdownTooltip),expression:"showSessionDropdownTooltip"}],attrs:{"icon":"ellipsis_v","category":"tertiary","text-sr-only":"","size":"small","toggle-text":_vm.$options.i18n.CHAT_DROPDOWN_MORE_OPTIONS,"items":_vm.sessionIdItems,"no-caret":""},on:{"shown":_vm.showSessionDropdown,"hidden":_vm.hideSessionDropdown}}):_vm._e()],2)]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"!gl-pl-9",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2)};
+return [_c('duo-chat-header-agent-item',{attrs:{"agent":item}})]}}],null,false,1406306174)}):_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_NEW_TOOLTIP,"data-testid":"chat-new-button","variant":"confirm","category":"tertiary","size":"small","icon":"duo-chat-new","aria-label":_vm.$options.i18n.CHAT_NEW_LABEL},on:{"click":_vm.startNewChat}})]:_vm._e(),_vm._v(" "),(!_vm.showStudioHeader && _vm.isMultithreaded && _vm.currentView === _vm.VIEW_TYPES.CHAT)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_HISTORY_TOOLTIP,"data-testid":"go-back-to-list-button","category":"tertiary","size":"small","icon":"history","aria-label":_vm.$options.i18n.CHAT_BACK_LABEL},on:{"click":function($event){return _vm.$emit('go-back')}}}):_vm._e(),_vm._v(" "),(_vm.isMultithreaded && _vm.activeThreadId && _vm.currentView === _vm.VIEW_TYPES.LIST)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"title":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP,"data-testid":"go-back-to-chat-button","category":"tertiary","size":"small","icon":"go-back","aria-label":_vm.$options.i18n.CHAT_BACK_TO_CHAT_TOOLTIP},on:{"click":function($event){return _vm.$emit('go-back-to-chat')}}}):_vm._e(),_vm._v(" "),(_vm.sessionId)?_c('gl-disclosure-dropdown',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip",value:(_vm.showSessionDropdownTooltip),expression:"showSessionDropdownTooltip"}],attrs:{"icon":"ellipsis_v","category":"tertiary","text-sr-only":"","size":"small","toggle-text":_vm.$options.i18n.CHAT_DROPDOWN_MORE_OPTIONS,"items":_vm.sessionIdItems,"no-caret":""},on:{"shown":_vm.showSessionDropdown,"hidden":_vm.hideSessionDropdown}}):_vm._e()],2)]),_vm._v(" "),_vm._t("subheader"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"!gl-pl-9",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/components/duo_chat_message/message_types/message_tool.js

@@ -120,7 +120,7 @@ var script = {
       return this.isDetailsOpen ? 'chevron-down' : 'chevron-right';
     },
     requiresApproval() {
-      return [APPROVAL_TOOL_NAMES.runCommand, APPROVAL_TOOL_NAMES.runGitCommand, APPROVAL_TOOL_NAMES.createIssue, APPROVAL_TOOL_NAMES.updateIssue, APPROVAL_TOOL_NAMES.createMergeRequest, APPROVAL_TOOL_NAMES.updateMergeRequest, APPROVAL_TOOL_NAMES.createEpic, APPROVAL_TOOL_NAMES.updateEpic, APPROVAL_TOOL_NAMES.createCommit].includes(this.toolName);
+      return Object.values(APPROVAL_TOOL_NAMES).includes(this.toolName);
     },
     shouldShowDetails() {
       var _this$message;

package/dist/components/chat/components/duo_chat_message_tool_approval/components/issuable_tool_params.js

@@ -1,8 +1,9 @@
-import { sprintf, translate } from '../../../../../utils/i18n';
+import { translate, sprintf } from '../../../../../utils/i18n';
 import { APPROVAL_TOOL_NAMES } from '../../../constants';
 import BaseToolParams from './base_tool_params';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
+const NOTE_MESSAGE = translate('IssuableToolParams.NOTE_MESSAGE', 'Post a note on %{noteParentLabel} <code>%{noteParentIid}</code> that belongs to %{workItemParentType} <code>%{workItemParentId}</code>.');
 var script = {
   name: 'IssuableToolParams',
   components: {
@@ -12,7 +13,7 @@ var script = {
     toolName: {
       type: String,
       required: true,
-      validator: toolName => [APPROVAL_TOOL_NAMES.createIssue, APPROVAL_TOOL_NAMES.updateIssue, APPROVAL_TOOL_NAMES.createEpic, APPROVAL_TOOL_NAMES.updateEpic, APPROVAL_TOOL_NAMES.createMergeRequest, APPROVAL_TOOL_NAMES.updateMergeRequest].includes(toolName)
+      validator: toolName => Object.values(APPROVAL_TOOL_NAMES).includes(toolName)
     },
     toolParams: {
       type: Object,
@@ -33,21 +34,59 @@ var script = {
       return (_this$toolParams4 = this.toolParams) === null || _this$toolParams4 === void 0 ? void 0 : _this$toolParams4.labels;
     },
     description() {
-      var _this$toolParams5;
-      return (_this$toolParams5 = this.toolParams) === null || _this$toolParams5 === void 0 ? void 0 : _this$toolParams5.description;
+      var _this$toolParams5, _this$toolParams6;
+      return ((_this$toolParams5 = this.toolParams) === null || _this$toolParams5 === void 0 ? void 0 : _this$toolParams5.description) || ((_this$toolParams6 = this.toolParams) === null || _this$toolParams6 === void 0 ? void 0 : _this$toolParams6.body);
     },
     sourceBranch() {
-      var _this$toolParams6;
-      return (_this$toolParams6 = this.toolParams) === null || _this$toolParams6 === void 0 ? void 0 : _this$toolParams6.sourceBranch;
+      var _this$toolParams7;
+      return (_this$toolParams7 = this.toolParams) === null || _this$toolParams7 === void 0 ? void 0 : _this$toolParams7.sourceBranch;
     },
     targetBranch() {
-      var _this$toolParams7;
-      return (_this$toolParams7 = this.toolParams) === null || _this$toolParams7 === void 0 ? void 0 : _this$toolParams7.targetBranch;
+      var _this$toolParams8;
+      return (_this$toolParams8 = this.toolParams) === null || _this$toolParams8 === void 0 ? void 0 : _this$toolParams8.targetBranch;
+    },
+    confidential() {
+      var _this$toolParams9;
+      return (_this$toolParams9 = this.toolParams) === null || _this$toolParams9 === void 0 ? void 0 : _this$toolParams9.confidential;
+    },
+    workItemParentType() {
+      var _this$toolParams0, _this$toolParams1;
+      if ((_this$toolParams0 = this.toolParams) !== null && _this$toolParams0 !== void 0 && _this$toolParams0.projectId) {
+        return 'project';
+      }
+      if ((_this$toolParams1 = this.toolParams) !== null && _this$toolParams1 !== void 0 && _this$toolParams1.groupId) {
+        return 'group';
+      }
+      return 'resource';
+    },
+    workItemParentId() {
+      var _this$toolParams10, _this$toolParams11, _this$toolParams12;
+      return ((_this$toolParams10 = this.toolParams) === null || _this$toolParams10 === void 0 ? void 0 : _this$toolParams10.url) || ((_this$toolParams11 = this.toolParams) === null || _this$toolParams11 === void 0 ? void 0 : _this$toolParams11.groupId) || ((_this$toolParams12 = this.toolParams) === null || _this$toolParams12 === void 0 ? void 0 : _this$toolParams12.projectId);
+    },
+    noteParentIid() {
+      var _this$toolParams13, _this$toolParams14, _this$toolParams15;
+      return ((_this$toolParams13 = this.toolParams) === null || _this$toolParams13 === void 0 ? void 0 : _this$toolParams13.issueIid) || ((_this$toolParams14 = this.toolParams) === null || _this$toolParams14 === void 0 ? void 0 : _this$toolParams14.mergeRequestIid) || ((_this$toolParams15 = this.toolParams) === null || _this$toolParams15 === void 0 ? void 0 : _this$toolParams15.workItemIid);
+    },
+    noteParentLabel() {
+      switch (this.toolName) {
+        case APPROVAL_TOOL_NAMES.createMergeRequestNote:
+          return this.$options.i18n.MERGE_REQUEST_LABEL;
+        case APPROVAL_TOOL_NAMES.createWorkItemNote:
+          return this.$options.i18n.WORK_ITEM_LABEL;
+        case APPROVAL_TOOL_NAMES.createIssueNote:
+          return this.$options.i18n.ISSUE_LABEL;
+        default:
+          return '';
+      }
+    },
+    isNote() {
+      return [APPROVAL_TOOL_NAMES.createMergeRequestNote, APPROVAL_TOOL_NAMES.createWorkItemNote, APPROVAL_TOOL_NAMES.createIssueNote].includes(this.toolName);
     },
     message() {
       let message = this.$options.i18n[this.toolName] || '';
       const labelsMessage = this.$options.i18n.ASSIGN_LABELS_MESSAGE;
       const branchMessage = this.$options.i18n.BRANCH_MESSAGE;
+      const confidentialMessage = this.$options.i18n.CONFIDENTIAL_MESSAGE;
       if (this.title) {
         message = `${message} ${this.$options.i18n.TITLE_MESSAGE}`;
       }
@@ -57,10 +96,20 @@ var script = {
       if (this.labels) {
         message = `${message} ${labelsMessage}`;
       }
+      if (this.confidential) {
+        message = `${message} ${confidentialMessage}`;
+      }
       return sprintf(message, {
         project: this.project,
+        workItemParentType: this.workItemParentType,
+        workItemParentId: this.workItemParentId,
+        noteParentLabel: this.noteParentLabel,
+        noteParentIid: this.noteParentIid,
         ...this.toolParams
       });
+    },
+    accordionTitle() {
+      return this.isNote ? this.$options.i18n.NOTE_ACCORDION_TITLE : '';
     }
   },
   i18n: {
@@ -68,12 +117,21 @@ var script = {
     [APPROVAL_TOOL_NAMES.updateIssue]: translate('IssuableToolParams.UPDATE_ISSUE', 'Update issue <code>%{issueIid}</code> in project <code>%{project}</code>.'),
     [APPROVAL_TOOL_NAMES.createEpic]: translate('IssuableToolParams.CREATE_EPIC', 'Create an epic in group <code>%{groupId}</code>.'),
     [APPROVAL_TOOL_NAMES.updateEpic]: translate('IssuableToolParams.UPDATE_EPIC', 'Update epic <code>%{epicId}</code> in group <code>%{groupId}</code>.'),
+    [APPROVAL_TOOL_NAMES.createWorkItem]: translate('IssuableToolParams.CREATE_WORK_ITEM', 'Create a work item with type <em>"%{typeName}"</em> in %{workItemParentType} <code>%{workItemParentId}</code>.'),
+    [APPROVAL_TOOL_NAMES.updateWorkItem]: translate('IssuableToolParams.UPDATE_WORK_ITEM', 'Update work item <code>%{workItemIid}</code> in %{workItemParentType} <code>%{workItemParentId}</code>.'),
     [APPROVAL_TOOL_NAMES.createMergeRequest]: translate('IssuableToolParams.CREATE_MERGE_REQUEST', 'Open a merge request in project <code>%{project}</code>.'),
     [APPROVAL_TOOL_NAMES.updateMergeRequest]: translate('IssuableToolParams.UPDATE_MERGE_REQUEST', 'Update merge request <code>%{mergeRequestIid}</code> in project <code>%{project}</code>.'),
+    [APPROVAL_TOOL_NAMES.createMergeRequestNote]: NOTE_MESSAGE,
+    [APPROVAL_TOOL_NAMES.createWorkItemNote]: NOTE_MESSAGE,
+    [APPROVAL_TOOL_NAMES.createIssueNote]: NOTE_MESSAGE,
     TITLE_MESSAGE: translate('IssuableToolParams.TITLE_MESSAGE', 'Set the title "<em>%{title}</em>".'),
     BRANCH_MESSAGE: translate('IssuableToolParams.BRANCH_MESSAGE', 'From branch <code>%{sourceBranch}</code> to branch <code>%{targetBranch}</code>.'),
-    ASSIGN_LABELS_MESSAGE: translate('CreateIssueToolParams.ASSIGN_LABELS_MESSAGE', 'Assign the labels <code>%{labels}</code>.'),
-    ACCORDION_TITLE: translate('CreateIssueToolParams.ACCORDION_TITLE', 'Read description')
+    ASSIGN_LABELS_MESSAGE: translate('IssuableToolParams.ASSIGN_LABELS_MESSAGE', 'Assign the labels <code>%{labels}</code>.'),
+    CONFIDENTIAL_MESSAGE: translate('IssuableToolParams.CONFIDENTIAL_MESSAGE', 'Set as confidential.'),
+    MERGE_REQUEST_LABEL: translate('IssuableToolParams.MERGE_REQUEST_LABEL', 'merge request'),
+    ISSUE_LABEL: translate('IssuableToolParams.ISSUE_LABEL', 'issue'),
+    WORK_ITEM_LABEL: translate('IssuableToolParams.WORK_ITEM_LABEL', 'work item'),
+    NOTE_ACCORDION_TITLE: translate('IssuableToolParams.NOTE_ACCORDION_TITLE', "Read note's content")
   }
 };
 
@@ -81,7 +139,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('base-tool-params',{attrs:{"message":_vm.message,"description":_vm.description}})};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-tool-params',{attrs:{"message":_vm.message,"description":_vm.description,"custom-accordion-title":_vm.accordionTitle}})};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/components/duo_chat_message_tool_approval/components/pre_block.js

@@ -3,7 +3,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 /* script */
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{staticClass:"gl-border gl-grid gl-text-pretty gl-rounded-lg gl-border-strong gl-bg-strong gl-p-5 gl-font-monospace"},[_c('code',[_vm._t("default")],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{staticClass:"js-syntax-highlight gl-border gl-grid gl-text-pretty gl-rounded-lg gl-border-strong gl-bg-strong gl-p-5 gl-font-monospace"},[_c('code',[_vm._t("default")],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/components/duo_chat_message_tool_approval/message_tool_approval.js

@@ -38,7 +38,12 @@ const i18n = {
     [APPROVAL_TOOL_NAMES.updateIssue]: translate('MessageToolApproval.updateIssue', 'Duo wants to update an issue.'),
     [APPROVAL_TOOL_NAMES.createEpic]: translate('MessageToolApproval.createEpic', 'Duo wants to create an epic.'),
     [APPROVAL_TOOL_NAMES.updateEpic]: translate('MessageToolApproval.updateEpic', 'Duo wants to update an epic.'),
+    [APPROVAL_TOOL_NAMES.createWorkItem]: translate('MessageToolApproval.createWorkItem', 'Duo wants to create a work item.'),
+    [APPROVAL_TOOL_NAMES.updateWorkItem]: translate('MessageToolApproval.updateWorkItem', 'Duo wants to update a work item.'),
     [APPROVAL_TOOL_NAMES.createMergeRequest]: translate('MessageToolApproval.createMergeRequest', 'Duo wants to create a merge request.'),
+    [APPROVAL_TOOL_NAMES.createIssueNote]: translate('MessageToolApproval.createIssueNote', 'Duo wants to post a note on an issue.'),
+    [APPROVAL_TOOL_NAMES.createMergeRequestNote]: translate('MessageToolApproval.createMergeRequestNote', 'Duo wants to post a note on a merge request.'),
+    [APPROVAL_TOOL_NAMES.createWorkItemNote]: translate('MessageToolApproval.createWorkItemNote', 'Duo wants to post a note on a work item.'),
     [APPROVAL_TOOL_NAMES.runCommand]: translate('MessageToolApproval.runCommand', 'Duo wants to run a command.'),
     [APPROVAL_TOOL_NAMES.runGitCommand]: translate('MessageToolApproval.runGitCommand', 'Duo wants to run a git command.')
   },
@@ -55,6 +60,11 @@ const TOOL_PARAMS_VIEW_COMPONENTS = {
   [APPROVAL_TOOL_NAMES.updateEpic]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.createMergeRequest]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.updateMergeRequest]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createWorkItem]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.updateWorkItem]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createMergeRequestNote]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createWorkItemNote]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createIssueNote]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.runCommand]: 'RunCommandToolParams',
   [APPROVAL_TOOL_NAMES.runGitCommand]: 'RunCommandToolParams'
 };

package/dist/components/chat/constants.js

@@ -48,8 +48,13 @@ const APPROVAL_TOOL_NAMES = {
   updateIssue: 'update_issue',
   createEpic: 'create_epic',
   updateEpic: 'update_epic',
+  createWorkItem: 'create_work_item',
+  updateWorkItem: 'update_work_item',
   createMergeRequest: 'create_merge_request',
   updateMergeRequest: 'update_merge_request',
+  createMergeRequestNote: 'create_merge_request_note',
+  createWorkItemNote: 'create_work_item_note',
+  createIssueNote: 'create_issue_note',
   runCommand: 'run_command',
   runGitCommand: 'run_git_command'
 };

package/dist/components/chat/mock_data.js

@@ -344,6 +344,91 @@ const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT_AUTO_BRANCH = {
   status: 'success',
   role: 'request'
 };
+const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM = {
+  id: '127',
+  content: 'Tool create_work_item requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_work_item',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      title: 'Implement dark mode toggle for chat interface',
+      type_name: 'Issue',
+      description: '## Overview\n\nUsers have requested the ability to toggle between light and dark modes in the chat interface to improve usability in different lighting conditions.\n\n## Requirements\n\n- [ ] Add a toggle button in the chat header\n- [ ] Implement theme switching logic\n- [ ] Persist user preference in localStorage\n- [ ] Ensure all chat components support both themes\n- [ ] Update existing CSS variables for dark mode\n\n## Acceptance Criteria\n\n- Toggle button is visible and accessible\n- Theme changes are applied immediately\n- User preference is remembered across sessions\n- All text remains readable in both modes\n- Icons and UI elements adapt to the selected theme',
+      labels: ['enhancement', 'ui', 'accessibility'],
+      assignee_ids: [123]
+    }
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request'
+};
+const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_WORK_ITEM = {
+  id: '128',
+  content: 'Tool update_work_item requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'update_work_item',
+    args: {
+      group_id: 'gitlab-org',
+      work_item_iid: 42,
+      title: 'Implement dark mode toggle for chat interface - Updated',
+      state: 'opened',
+      add_label_ids: ['bug', 'priority::high']
+    }
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request'
+};
+const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST_NOTE = {
+  id: '129',
+  content: 'Tool create_merge_request_note requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_merge_request_note',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      merge_request_iid: 156,
+      body: "Great work on implementing the dark mode feature! 🎉\n\nI've reviewed the changes and they look solid. A few observations:\n\n- The CSS variables approach is clean and maintainable\n- The localStorage persistence works perfectly\n- All components adapt well to both themes\n\nThis will definitely improve the user experience. Ready to merge once the pipeline passes!"
+    }
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request'
+};
+const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM_NOTE = {
+  id: '130',
+  content: 'Tool create_work_item_note requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_work_item_note',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      work_item_iid: 42,
+      body: "I've started working on this work item and made good progress on the initial implementation.\n\n## Progress Update\n\n✅ **Completed:**\n- Added toggle button component\n- Implemented basic theme switching logic\n- Created CSS variables for dark mode\n\n🔄 **In Progress:**\n- Testing theme persistence across sessions\n- Ensuring all components support both themes\n\n📋 **Next Steps:**\n- Update remaining UI components\n- Add accessibility improvements\n- Write comprehensive tests\n\nExpected completion by end of week. Will update with any blockers."
+    }
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request'
+};
+const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE_NOTE = {
+  id: '131',
+  content: 'Tool create_issue_note requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_issue_note',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      issue_iid: 89,
+      body: "Thanks for reporting this issue! 👍\n\nI can reproduce the problem on my local environment. It seems like the CSP headers are indeed blocking the external web views.\n\n## Investigation Results\n\nAfter analyzing the VSCode Fork implementation, I found that:\n\n1. The CSP directive `frame-src` is too restrictive\n2. We need to allowlist specific domains for external web views\n3. The current policy blocks all external iframe content\n\n## Proposed Solution\n\nI'll create a merge request to:\n- Update the CSP configuration\n- Add necessary domain allowlisting\n- Ensure security is maintained while fixing the functionality\n\nAssigning this to myself and will have a fix ready soon."
+    }
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request'
+};
 const MOCK_WORKFLOW_END_MESSAGE = {
   id: '123',
   content: "Search for 'duo.*chat.*message' in directory",
@@ -656,4 +741,4 @@ const AGENTIC_THREADLIST = [{
   }
 }];
 
-export { AGENTIC_THREADLIST, INCLUDE_SLASH_COMMAND, MOCK_AGENT_MESSAGE, MOCK_REQUEST_MESSAGE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT_AUTO_BRANCH, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT_OLD_NEW_CONTENT, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_EPIC, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_PARAMS, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_RESPONSE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_GIT_COMMAND, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_ISSUE, MOCK_RESPONSE_MESSAGE, MOCK_RESPONSE_MESSAGE_FOR_STREAMING, MOCK_TOOL_MESSAGE, MOCK_TOOL_MESSAGE_WITH_LINK, MOCK_USER_PROMPT_MESSAGE, MOCK_WORKFLOW_END_MESSAGE, SLASH_COMMANDS, THREADLIST, generateMockResponseChunks, generateSeparateChunks, renderGFM, renderMarkdown };
+export { AGENTIC_THREADLIST, INCLUDE_SLASH_COMMAND, MOCK_AGENT_MESSAGE, MOCK_REQUEST_MESSAGE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT_AUTO_BRANCH, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT_OLD_NEW_CONTENT, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_EPIC, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE_NOTE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST_NOTE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM_NOTE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_PARAMS, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_RESPONSE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_GIT_COMMAND, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_ISSUE, MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_WORK_ITEM, MOCK_RESPONSE_MESSAGE, MOCK_RESPONSE_MESSAGE_FOR_STREAMING, MOCK_TOOL_MESSAGE, MOCK_TOOL_MESSAGE_WITH_LINK, MOCK_USER_PROMPT_MESSAGE, MOCK_WORKFLOW_END_MESSAGE, SLASH_COMMANDS, THREADLIST, generateMockResponseChunks, generateSeparateChunks, renderGFM, renderMarkdown };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/duo-ui",
-  "version": "13.2.0",
+  "version": "13.4.0",
   "description": "Duo UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/chat/components/duo_chat_header/duo_chat_header.vue

@@ -11,6 +11,7 @@ import {
 } from '@gitlab/ui';
 import { sprintf, translate } from '../../../../utils/i18n';
 import { VIEW_TYPES } from './constants';
+import DuoChatHeaderAgentItem from './duo_chat_header_agent_item/duo_chat_header_agent_item.vue';
 
 export const i18n = {
   CHAT_BACK_LABEL: translate('DuoChat.chatBackLabel', 'Back to history'),
@@ -42,6 +43,7 @@ export default {
     GlButton,
     GlExperimentBadge,
     GlDisclosureDropdown,
+    DuoChatHeaderAgentItem,
   },
   directives: {
     SafeHtml,
@@ -198,12 +200,7 @@ export default {
             @action="startNewChat"
           >
             <template #list-item="{ item }">
-              <span class="gl-flex gl-flex-col">
-                <span clas="gl-block">{{ item.name }}</span>
-                <span class="gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap gl-text-sm">{{
-                  item.description
-                }}</span>
-              </span>
+              <duo-chat-header-agent-item :agent="item" />
             </template>
           </gl-disclosure-dropdown>
           <gl-button

package/src/components/chat/components/duo_chat_header/duo_chat_header_agent_item/duo_chat_header_agent_item.vue

@@ -0,0 +1,43 @@
+<script>
+import { GlTooltipDirective, GlIcon } from '@gitlab/ui';
+import { translate } from '@gitlab/ui/dist/utils/i18n';
+
+export const i18n = {
+  CHAT_VERIFIED_AGENT: translate('DuoChat.verifiedAgent', 'Created and maintained by GitLab'),
+};
+
+export default {
+  name: 'ChatAgentItem',
+  components: {
+    GlIcon,
+  },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
+  props: {
+    agent: {
+      type: Object,
+      required: true,
+    },
+  },
+  i18n,
+};
+</script>
+
+<template>
+  <span class="gl-flex gl-flex-col">
+    <span class="gl-mb-1 gl-inline-block gl-text-lg gl-font-bold gl-text-strong">
+      {{ agent.name }}
+      <gl-icon
+        v-if="agent.foundational"
+        v-gl-tooltip
+        name="tanuki-verified"
+        variant="subtle"
+        :title="$options.i18n.CHAT_VERIFIED_AGENT"
+      />
+    </span>
+    <span class="gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap gl-text-sm">
+      {{ agent.description }}
+    </span>
+  </span>
+</template>

package/src/components/chat/components/duo_chat_header/web_duo_chat_header.md

@@ -0,0 +1 @@
+A component that handles the header of the chat, including agent selection

package/src/components/chat/components/duo_chat_header/web_duo_chat_header.vue

@@ -10,6 +10,7 @@ import {
   GlDisclosureDropdown,
 } from '@gitlab/ui';
 import { sprintf, translate } from '../../../../utils/i18n';
+import DuoChatHeaderAgentItem from './duo_chat_header_agent_item/duo_chat_header_agent_item.vue';
 import { VIEW_TYPES } from './constants';
 
 export const i18n = {
@@ -42,6 +43,7 @@ export default {
     GlAvatar,
     GlButton,
     GlDisclosureDropdown,
+    DuoChatHeaderAgentItem,
   },
   directives: {
     SafeHtml,
@@ -222,12 +224,7 @@ export default {
             @action="startNewChat"
           >
             <template #list-item="{ item }">
-              <span class="gl-flex gl-flex-col">
-                <span class="gl-block">{{ item.name }}</span>
-                <span class="gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap gl-text-sm">{{
-                  item.description
-                }}</span>
-              </span>
+              <duo-chat-header-agent-item :agent="item" />
             </template>
           </gl-disclosure-dropdown>
           <gl-button

package/src/components/chat/components/duo_chat_message/message_types/message_tool.vue

@@ -115,17 +115,7 @@ export default {
       return this.isDetailsOpen ? 'chevron-down' : 'chevron-right';
     },
     requiresApproval() {
-      return [
-        APPROVAL_TOOL_NAMES.runCommand,
-        APPROVAL_TOOL_NAMES.runGitCommand,
-        APPROVAL_TOOL_NAMES.createIssue,
-        APPROVAL_TOOL_NAMES.updateIssue,
-        APPROVAL_TOOL_NAMES.createMergeRequest,
-        APPROVAL_TOOL_NAMES.updateMergeRequest,
-        APPROVAL_TOOL_NAMES.createEpic,
-        APPROVAL_TOOL_NAMES.updateEpic,
-        APPROVAL_TOOL_NAMES.createCommit,
-      ].includes(this.toolName);
+      return Object.values(APPROVAL_TOOL_NAMES).includes(this.toolName);
     },
     shouldShowDetails() {
       return (

package/src/components/chat/components/duo_chat_message_tool_approval/components/issuable_tool_params.vue

@@ -3,6 +3,11 @@ import { sprintf, translate } from '../../../../../utils/i18n';
 import { APPROVAL_TOOL_NAMES } from '../../../constants';
 import BaseToolParams from './base_tool_params.vue';
 
+const NOTE_MESSAGE = translate(
+  'IssuableToolParams.NOTE_MESSAGE',
+  'Post a note on %{noteParentLabel} <code>%{noteParentIid}</code> that belongs to %{workItemParentType} <code>%{workItemParentId}</code>.'
+);
+
 export default {
   name: 'IssuableToolParams',
   components: {
@@ -12,15 +17,7 @@ export default {
     toolName: {
       type: String,
       required: true,
-      validator: (toolName) =>
-        [
-          APPROVAL_TOOL_NAMES.createIssue,
-          APPROVAL_TOOL_NAMES.updateIssue,
-          APPROVAL_TOOL_NAMES.createEpic,
-          APPROVAL_TOOL_NAMES.updateEpic,
-          APPROVAL_TOOL_NAMES.createMergeRequest,
-          APPROVAL_TOOL_NAMES.updateMergeRequest,
-        ].includes(toolName),
+      validator: (toolName) => Object.values(APPROVAL_TOOL_NAMES).includes(toolName),
     },
     toolParams: {
       type: Object,
@@ -38,7 +35,7 @@ export default {
       return this.toolParams?.labels;
     },
     description() {
-      return this.toolParams?.description;
+      return this.toolParams?.description || this.toolParams?.body;
     },
     sourceBranch() {
       return this.toolParams?.sourceBranch;
@@ -46,10 +43,54 @@ export default {
     targetBranch() {
       return this.toolParams?.targetBranch;
     },
+    confidential() {
+      return this.toolParams?.confidential;
+    },
+    workItemParentType() {
+      if (this.toolParams?.projectId) {
+        return 'project';
+      }
+
+      if (this.toolParams?.groupId) {
+        return 'group';
+      }
+
+      return 'resource';
+    },
+    workItemParentId() {
+      return this.toolParams?.url || this.toolParams?.groupId || this.toolParams?.projectId;
+    },
+    noteParentIid() {
+      return (
+        this.toolParams?.issueIid ||
+        this.toolParams?.mergeRequestIid ||
+        this.toolParams?.workItemIid
+      );
+    },
+    noteParentLabel() {
+      switch (this.toolName) {
+        case APPROVAL_TOOL_NAMES.createMergeRequestNote:
+          return this.$options.i18n.MERGE_REQUEST_LABEL;
+        case APPROVAL_TOOL_NAMES.createWorkItemNote:
+          return this.$options.i18n.WORK_ITEM_LABEL;
+        case APPROVAL_TOOL_NAMES.createIssueNote:
+          return this.$options.i18n.ISSUE_LABEL;
+        default:
+          return '';
+      }
+    },
+    isNote() {
+      return [
+        APPROVAL_TOOL_NAMES.createMergeRequestNote,
+        APPROVAL_TOOL_NAMES.createWorkItemNote,
+        APPROVAL_TOOL_NAMES.createIssueNote,
+      ].includes(this.toolName);
+    },
     message() {
       let message = this.$options.i18n[this.toolName] || '';
       const labelsMessage = this.$options.i18n.ASSIGN_LABELS_MESSAGE;
       const branchMessage = this.$options.i18n.BRANCH_MESSAGE;
+      const confidentialMessage = this.$options.i18n.CONFIDENTIAL_MESSAGE;
 
       if (this.title) {
         message = `${message} ${this.$options.i18n.TITLE_MESSAGE}`;
@@ -63,7 +104,21 @@ export default {
         message = `${message} ${labelsMessage}`;
       }
 
-      return sprintf(message, { project: this.project, ...this.toolParams });
+      if (this.confidential) {
+        message = `${message} ${confidentialMessage}`;
+      }
+
+      return sprintf(message, {
+        project: this.project,
+        workItemParentType: this.workItemParentType,
+        workItemParentId: this.workItemParentId,
+        noteParentLabel: this.noteParentLabel,
+        noteParentIid: this.noteParentIid,
+        ...this.toolParams,
+      });
+    },
+    accordionTitle() {
+      return this.isNote ? this.$options.i18n.NOTE_ACCORDION_TITLE : '';
     },
   },
   i18n: {
@@ -83,6 +138,14 @@ export default {
       'IssuableToolParams.UPDATE_EPIC',
       'Update epic <code>%{epicId}</code> in group <code>%{groupId}</code>.'
     ),
+    [APPROVAL_TOOL_NAMES.createWorkItem]: translate(
+      'IssuableToolParams.CREATE_WORK_ITEM',
+      'Create a work item with type <em>"%{typeName}"</em> in %{workItemParentType} <code>%{workItemParentId}</code>.'
+    ),
+    [APPROVAL_TOOL_NAMES.updateWorkItem]: translate(
+      'IssuableToolParams.UPDATE_WORK_ITEM',
+      'Update work item <code>%{workItemIid}</code> in %{workItemParentType} <code>%{workItemParentId}</code>.'
+    ),
     [APPROVAL_TOOL_NAMES.createMergeRequest]: translate(
       'IssuableToolParams.CREATE_MERGE_REQUEST',
       'Open a merge request in project <code>%{project}</code>.'
@@ -91,6 +154,9 @@ export default {
       'IssuableToolParams.UPDATE_MERGE_REQUEST',
       'Update merge request <code>%{mergeRequestIid}</code> in project <code>%{project}</code>.'
     ),
+    [APPROVAL_TOOL_NAMES.createMergeRequestNote]: NOTE_MESSAGE,
+    [APPROVAL_TOOL_NAMES.createWorkItemNote]: NOTE_MESSAGE,
+    [APPROVAL_TOOL_NAMES.createIssueNote]: NOTE_MESSAGE,
     TITLE_MESSAGE: translate(
       'IssuableToolParams.TITLE_MESSAGE',
       'Set the title "<em>%{title}</em>".'
@@ -100,13 +166,27 @@ export default {
       'From branch <code>%{sourceBranch}</code> to branch <code>%{targetBranch}</code>.'
     ),
     ASSIGN_LABELS_MESSAGE: translate(
-      'CreateIssueToolParams.ASSIGN_LABELS_MESSAGE',
+      'IssuableToolParams.ASSIGN_LABELS_MESSAGE',
       'Assign the labels <code>%{labels}</code>.'
     ),
-    ACCORDION_TITLE: translate('CreateIssueToolParams.ACCORDION_TITLE', 'Read description'),
+    CONFIDENTIAL_MESSAGE: translate(
+      'IssuableToolParams.CONFIDENTIAL_MESSAGE',
+      'Set as confidential.'
+    ),
+    MERGE_REQUEST_LABEL: translate('IssuableToolParams.MERGE_REQUEST_LABEL', 'merge request'),
+    ISSUE_LABEL: translate('IssuableToolParams.ISSUE_LABEL', 'issue'),
+    WORK_ITEM_LABEL: translate('IssuableToolParams.WORK_ITEM_LABEL', 'work item'),
+    NOTE_ACCORDION_TITLE: translate(
+      'IssuableToolParams.NOTE_ACCORDION_TITLE',
+      "Read note's content"
+    ),
   },
 };
 </script>
 <template>
-  <base-tool-params :message="message" :description="description" />
+  <base-tool-params
+    :message="message"
+    :description="description"
+    :custom-accordion-title="accordionTitle"
+  />
 </template>

package/src/components/chat/components/duo_chat_message_tool_approval/components/pre_block.vue

@@ -1,5 +1,5 @@
 <template>
   <pre
-    class="gl-border gl-grid gl-text-pretty gl-rounded-lg gl-border-strong gl-bg-strong gl-p-5 gl-font-monospace"
+    class="js-syntax-highlight gl-border gl-grid gl-text-pretty gl-rounded-lg gl-border-strong gl-bg-strong gl-p-5 gl-font-monospace"
   ><code><slot></slot></code></pre>
 </template>

package/src/components/chat/components/duo_chat_message_tool_approval/message_tool_approval.vue

@@ -72,10 +72,30 @@ export const i18n = {
       'MessageToolApproval.updateEpic',
       'Duo wants to update an epic.'
     ),
+    [APPROVAL_TOOL_NAMES.createWorkItem]: translate(
+      'MessageToolApproval.createWorkItem',
+      'Duo wants to create a work item.'
+    ),
+    [APPROVAL_TOOL_NAMES.updateWorkItem]: translate(
+      'MessageToolApproval.updateWorkItem',
+      'Duo wants to update a work item.'
+    ),
     [APPROVAL_TOOL_NAMES.createMergeRequest]: translate(
       'MessageToolApproval.createMergeRequest',
       'Duo wants to create a merge request.'
     ),
+    [APPROVAL_TOOL_NAMES.createIssueNote]: translate(
+      'MessageToolApproval.createIssueNote',
+      'Duo wants to post a note on an issue.'
+    ),
+    [APPROVAL_TOOL_NAMES.createMergeRequestNote]: translate(
+      'MessageToolApproval.createMergeRequestNote',
+      'Duo wants to post a note on a merge request.'
+    ),
+    [APPROVAL_TOOL_NAMES.createWorkItemNote]: translate(
+      'MessageToolApproval.createWorkItemNote',
+      'Duo wants to post a note on a work item.'
+    ),
     [APPROVAL_TOOL_NAMES.runCommand]: translate(
       'MessageToolApproval.runCommand',
       'Duo wants to run a command.'
@@ -105,6 +125,11 @@ const TOOL_PARAMS_VIEW_COMPONENTS = {
   [APPROVAL_TOOL_NAMES.updateEpic]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.createMergeRequest]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.updateMergeRequest]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createWorkItem]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.updateWorkItem]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createMergeRequestNote]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createWorkItemNote]: 'IssuableToolParams',
+  [APPROVAL_TOOL_NAMES.createIssueNote]: 'IssuableToolParams',
   [APPROVAL_TOOL_NAMES.runCommand]: 'RunCommandToolParams',
   [APPROVAL_TOOL_NAMES.runGitCommand]: 'RunCommandToolParams',
 };

package/src/components/chat/constants.js

@@ -56,8 +56,13 @@ export const APPROVAL_TOOL_NAMES = {
   updateIssue: 'update_issue',
   createEpic: 'create_epic',
   updateEpic: 'update_epic',
+  createWorkItem: 'create_work_item',
+  updateWorkItem: 'update_work_item',
   createMergeRequest: 'create_merge_request',
   updateMergeRequest: 'update_merge_request',
+  createMergeRequestNote: 'create_merge_request_note',
+  createWorkItemNote: 'create_work_item_note',
+  createIssueNote: 'create_issue_note',
   runCommand: 'run_command',
   runGitCommand: 'run_git_command',
 };

package/src/components/chat/mock_data.js

@@ -391,6 +391,98 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT_AUTO_BRANCH =
   role: 'request',
 };
 
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM = {
+  id: '127',
+  content: 'Tool create_work_item requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_work_item',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      title: 'Implement dark mode toggle for chat interface',
+      type_name: 'Issue',
+      description:
+        '## Overview\n\nUsers have requested the ability to toggle between light and dark modes in the chat interface to improve usability in different lighting conditions.\n\n## Requirements\n\n- [ ] Add a toggle button in the chat header\n- [ ] Implement theme switching logic\n- [ ] Persist user preference in localStorage\n- [ ] Ensure all chat components support both themes\n- [ ] Update existing CSS variables for dark mode\n\n## Acceptance Criteria\n\n- Toggle button is visible and accessible\n- Theme changes are applied immediately\n- User preference is remembered across sessions\n- All text remains readable in both modes\n- Icons and UI elements adapt to the selected theme',
+      labels: ['enhancement', 'ui', 'accessibility'],
+      assignee_ids: [123],
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_WORK_ITEM = {
+  id: '128',
+  content: 'Tool update_work_item requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'update_work_item',
+    args: {
+      group_id: 'gitlab-org',
+      work_item_iid: 42,
+      title: 'Implement dark mode toggle for chat interface - Updated',
+      state: 'opened',
+      add_label_ids: ['bug', 'priority::high'],
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST_NOTE = {
+  id: '129',
+  content:
+    'Tool create_merge_request_note requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_merge_request_note',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      merge_request_iid: 156,
+      body: "Great work on implementing the dark mode feature! 🎉\n\nI've reviewed the changes and they look solid. A few observations:\n\n- The CSS variables approach is clean and maintainable\n- The localStorage persistence works perfectly\n- All components adapt well to both themes\n\nThis will definitely improve the user experience. Ready to merge once the pipeline passes!",
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM_NOTE = {
+  id: '130',
+  content: 'Tool create_work_item_note requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_work_item_note',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      work_item_iid: 42,
+      body: "I've started working on this work item and made good progress on the initial implementation.\n\n## Progress Update\n\n✅ **Completed:**\n- Added toggle button component\n- Implemented basic theme switching logic\n- Created CSS variables for dark mode\n\n🔄 **In Progress:**\n- Testing theme persistence across sessions\n- Ensuring all components support both themes\n\n📋 **Next Steps:**\n- Update remaining UI components\n- Add accessibility improvements\n- Write comprehensive tests\n\nExpected completion by end of week. Will update with any blockers.",
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE_NOTE = {
+  id: '131',
+  content: 'Tool create_issue_note requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_issue_note',
+    args: {
+      project_id: 'gitlab-org/duo-ui',
+      issue_iid: 89,
+      body: "Thanks for reporting this issue! 👍\n\nI can reproduce the problem on my local environment. It seems like the CSP headers are indeed blocking the external web views.\n\n## Investigation Results\n\nAfter analyzing the VSCode Fork implementation, I found that:\n\n1. The CSP directive `frame-src` is too restrictive\n2. We need to allowlist specific domains for external web views\n3. The current policy blocks all external iframe content\n\n## Proposed Solution\n\nI'll create a merge request to:\n- Update the CSP configuration\n- Add necessary domain allowlisting\n- Ensure security is maintained while fixing the functionality\n\nAssigning this to myself and will have a fix ready soon.",
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
 export const MOCK_WORKFLOW_END_MESSAGE = {
   id: '123',
   content: "Search for 'duo.*chat.*message' in directory",

package/translations.js

@@ -50,8 +50,6 @@ export default {
   'CreateCommitToolParams.readCommitMessage': 'Read commit message',
   'CreateCommitToolParams.unknownFileActionLabel': 'Modify file %{filePath}',
   'CreateCommitToolParams.updateFileActionLabel': 'Update file %{filePath}',
-  'CreateIssueToolParams.ACCORDION_TITLE': 'Read description',
-  'CreateIssueToolParams.ASSIGN_LABELS_MESSAGE': 'Assign the labels <code>%{labels}</code>.',
   'DuoChat.chatBackLabel': 'Back to history',
   'DuoChat.chatBackToChatToolTip': 'Back to chat',
   'DuoChat.chatCancelLabel': 'Cancel',
@@ -81,6 +79,7 @@ export default {
   'DuoChat.emptyHistoryTitle': 'See your chat history',
   'DuoChat.openChatLabel': 'Open chat: %{title}',
   'DuoChat.threadDeleteLabel': 'Delete this chat',
+  'DuoChat.verifiedAgent': 'Created and maintained by GitLab',
   'DuoChatContextItemDetailsModal.contentErrorMessage': 'Item content could not be displayed.',
   'DuoChatContextItemDetailsModal.title': 'Preview',
   'DuoChatContextItemMenu.emptyStateMessage': 'No results found',
@@ -121,12 +120,21 @@ export default {
   'DuoRecentCollapsable.viewAllText': 'View All',
   'GlDuoChat.chatDisclamer': 'Responses may be inaccurate. Verify before use.',
   'GlDuoChat.chatHistoryTitle': 'Chat history',
+  'IssuableToolParams.ASSIGN_LABELS_MESSAGE': 'Assign the labels <code>%{labels}</code>.',
   'IssuableToolParams.BRANCH_MESSAGE':
     'From branch <code>%{sourceBranch}</code> to branch <code>%{targetBranch}</code>.',
+  'IssuableToolParams.CONFIDENTIAL_MESSAGE': 'Set as confidential.',
   'IssuableToolParams.CREATE_EPIC': 'Create an epic in group <code>%{groupId}</code>.',
   'IssuableToolParams.CREATE_ISSUE': 'Open an issue in project <code>%{project}</code>.',
   'IssuableToolParams.CREATE_MERGE_REQUEST':
     'Open a merge request in project <code>%{project}</code>.',
+  'IssuableToolParams.CREATE_WORK_ITEM':
+    'Create a work item with type <em>"%{typeName}"</em> in %{workItemParentType} <code>%{workItemParentId}</code>.',
+  'IssuableToolParams.ISSUE_LABEL': 'issue',
+  'IssuableToolParams.MERGE_REQUEST_LABEL': 'merge request',
+  'IssuableToolParams.NOTE_ACCORDION_TITLE': "Read note's content",
+  'IssuableToolParams.NOTE_MESSAGE':
+    'Post a note on %{noteParentLabel} <code>%{noteParentIid}</code> that belongs to %{workItemParentType} <code>%{workItemParentId}</code>.',
   'IssuableToolParams.TITLE_MESSAGE': 'Set the title "<em>%{title}</em>".',
   'IssuableToolParams.UPDATE_EPIC':
     'Update epic <code>%{epicId}</code> in group <code>%{groupId}</code>.',
@@ -134,6 +142,9 @@ export default {
     'Update issue <code>%{issueIid}</code> in project <code>%{project}</code>.',
   'IssuableToolParams.UPDATE_MERGE_REQUEST':
     'Update merge request <code>%{mergeRequestIid}</code> in project <code>%{project}</code>.',
+  'IssuableToolParams.UPDATE_WORK_ITEM':
+    'Update work item <code>%{workItemIid}</code> in %{workItemParentType} <code>%{workItemParentId}</code>.',
+  'IssuableToolParams.WORK_ITEM_LABEL': 'work item',
   'MessageToolApproval.approveAllText': 'Always approve this tool',
   'MessageToolApproval.approveSessionText': 'Approve for session',
   'MessageToolApproval.approveText': 'Approve',
@@ -144,7 +155,11 @@ export default {
   'MessageToolApproval.createCommit': 'Duo wants to push a commit.',
   'MessageToolApproval.createEpic': 'Duo wants to create an epic.',
   'MessageToolApproval.createIssue': 'Duo wants to open an issue.',
+  'MessageToolApproval.createIssueNote': 'Duo wants to post a note on an issue.',
   'MessageToolApproval.createMergeRequest': 'Duo wants to create a merge request.',
+  'MessageToolApproval.createMergeRequestNote': 'Duo wants to post a note on a merge request.',
+  'MessageToolApproval.createWorkItem': 'Duo wants to create a work item.',
+  'MessageToolApproval.createWorkItemNote': 'Duo wants to post a note on a work item.',
   'MessageToolApproval.denialReasonLabel': 'Rejection reason',
   'MessageToolApproval.denialReasonPlaceholder':
     "Tell Duo why you're rejecting this tool execution...",
@@ -162,6 +177,7 @@ export default {
   'MessageToolApproval.toolUnknown': 'Unknown',
   'MessageToolApproval.updateEpic': 'Duo wants to update an epic.',
   'MessageToolApproval.updateIssue': 'Duo wants to update an issue.',
+  'MessageToolApproval.updateWorkItem': 'Duo wants to update a work item.',
   'RunCommandToolParams.ACCORDION_TITLE': 'Expand command output',
   'WebAgenticDuoChat.chatCancelLabel': 'Cancel',
   'WebAgenticDuoChat.chatDefaultPredefinedPromptsChangePassword':