@gitlab/duo-ui 11.1.2 → 11.2.1

package/src/components/chat/mock_data.js

@@ -205,6 +205,51 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND = {
   role: 'request',
 };
 
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_RESPONSE = {
+  id: '125',
+  content: 'Tool run_command requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    args: { command: 'cat Dockerfile | grep ENV' },
+    name: 'run_command',
+    tool_response: {
+      id: null,
+      name: 'run_command',
+      type: 'ToolMessage',
+      status: 'success',
+      content:
+        '\u001b]133;C;\u0007\u001b]633;E;cat Dockerfile | grep ENV;790e289b-7fc3-4fa8-accb-83538d075bfb\u0007\u001b]633;C\u0007ENV PYTHONDONTWRITEBYTECODE=1 \\\r\n',
+      artifact: null,
+      tool_call_id: 'toolu_01W1DWmLp26vLrohCV5ernd4',
+      additional_kwargs: {},
+      response_metadata: {},
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_GIT_COMMAND = {
+  status: 'success',
+  content: 'Tool run_git_command requires approval. Please confirm if you want to proceed.',
+  timestamp: '2025-09-24T10:05:58.707330+00:00',
+  tool_info: {
+    args: {
+      args: '-r',
+      command: 'branch',
+      repository_url: 'https://gdk.test:3443/gitlab-duo/test',
+    },
+    name: 'run_git_command',
+  },
+  message_type: 'request',
+  correlation_id: null,
+  message_sub_type: null,
+  additional_context: null,
+  requestId: '41-1',
+  role: 'assistant',
+};
+
 export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE = {
   id: '125',
   content: 'Tool run_command requires approval. Please confirm if you want to proceed.',
@@ -224,6 +269,41 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_ISSUE = {
   role: 'request',
 };
 
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_ISSUE = {
+  id: '125',
+  content: 'Tool update_issue requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'update_issue',
+    args: {
+      project_id: 123,
+      issue_iid: 2,
+      title: 'CSP bug in VSCode Fork prevents loading external web views in Web IDE',
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_EPIC = {
+  id: '125',
+  content: 'Tool create_epic requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'create_epic',
+    args: {
+      group_id: 'gitlab-duo',
+      title: 'CI Pipeline roadmap',
+      description:
+        'This epic contains issues related to making the CI pipeline of various projects more efficient',
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
 export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_COMMIT = {
   id: '125',
   content: 'Tool create_commit requires approval. Please confirm if you want to proceed.',

package/src/components/chat/web_duo_chat.scss

@@ -0,0 +1,10 @@
+.duo-chat-input {
+  &.web-only {
+    position: relative;
+    overflow: visible;
+
+    &::after {
+      @apply gl-p-2;
+    }
+  }
+}

package/src/components/chat/web_duo_chat.vue

@@ -10,7 +10,7 @@ import {
   GlSafeHtmlDirective as SafeHtml,
 } from '@gitlab/ui';
 
-import { translate } from '../../utils/i18n';
+import { sprintf, translate, translatePlural } from '@gitlab/ui/dist/utils/i18n';
 
 import {
   badgeTypes,
@@ -401,6 +401,13 @@ export default {
     activeThreadTitleForView() {
       return (this.currentView === VIEW_TYPES.CHAT && this.activeThreadTitle) || '';
     },
+    hasFooterControls() {
+      return (
+        this.$scopedSlots?.['footer-controls'] &&
+        typeof this.$scopedSlots['footer-controls'] === 'function' &&
+        this.$scopedSlots['footer-controls']()
+      );
+    },
   },
   watch: {
     multiThreadedView(newView) {
@@ -671,10 +678,28 @@ export default {
       document.execCommand('redo');
     },
     remainingCharacterCountMessage(count) {
-      return `${count} characters remaining`;
+      return sprintf(
+        translatePlural(
+          'WebDuoChat.remainingCharacterCountMessage',
+          '%{count} character remaining.',
+          '%{count} characters remaining.'
+        )(count),
+        {
+          count,
+        }
+      );
     },
     overLimitCharacterCountMessage(count) {
-      return `${Math.abs(count)} characters over limit`;
+      return sprintf(
+        translatePlural(
+          'WebDuoChat.overLimitCharacterCountMessage',
+          '%{count} character over limit.',
+          '%{count} characters over limit.'
+        )(count),
+        {
+          count,
+        }
+      );
     },
   },
   i18n,
@@ -784,7 +809,7 @@ export default {
         </div>
 
         <div
-          class="duo-chat-input gl-min-h-8 gl-max-w-full gl-grow gl-flex-col gl-rounded-bl-[12px] gl-rounded-br-[18px] gl-rounded-tl-[12px] gl-rounded-tr-[12px] gl-align-top"
+          class="duo-chat-input web-only gl-relative gl-min-h-8 gl-max-w-full gl-grow gl-flex-col gl-rounded-bl-[12px] gl-rounded-br-[18px] gl-rounded-tl-[12px] gl-rounded-tr-[12px] gl-align-top"
         >
           <div
             class="gl-flex gl-justify-between gl-border-0 gl-border-b-1 gl-border-solid gl-border-strong gl-px-4 gl-py-4"
@@ -792,7 +817,7 @@ export default {
             <div>{{ $options.i18n.CHAT_MODEL_PLACEHOLDER }}</div>
             <div><slot name="agentic-switch"></slot></div>
           </div>
-          <div class="gl-h-[40px] gl-grow" :data-value="prompt">
+          <div class="gl-h-[80px] gl-grow" :data-value="prompt">
             <gl-card
               v-if="shouldShowSlashCommands"
               ref="commands"
@@ -845,25 +870,34 @@ export default {
               <template #remaining-character-count-text="{ count }">
                 <span
                   v-if="count <= promptLengthWarningCount"
-                  class="gl-absolute gl-bottom-[-25px] gl-right-px gl-pr-3"
+                  class="gl-absolute gl-bottom-0 gl-bottom-[-1.6rem] gl-right-0 gl-pr-3 gl-text-sm"
+                  :class="{
+                    'gl-bottom-[-5rem]': hasFooterControls,
+                    'gl-bottom-[-1.6rem]': !hasFooterControls,
+                  }"
                 >
                   {{ remainingCharacterCountMessage(count) }}
                 </span>
               </template>
               <template #character-count-over-limit-text="{ count }">
-                <span class="gl-absolute gl-bottom-[-25px] gl-right-px gl-pr-3">{{
-                  overLimitCharacterCountMessage(count)
-                }}</span>
+                <span
+                  class="gl-absolute gl-bottom-[-1.6rem] gl-right-px gl-pr-3 gl-text-sm"
+                  :class="{
+                    'gl-bottom-[-5rem]': hasFooterControls,
+                    'gl-bottom-[-1.6rem]': !hasFooterControls,
+                  }"
+                  >{{ overLimitCharacterCountMessage(count) }}</span
+                >
               </template>
             </gl-form-textarea>
           </div>
-          <div class="gl-flex gl-justify-end gl-px-3 gl-pb-3">
+          <div class="gl-absolute gl-bottom-0 gl-right-0 gl-px-3 gl-pb-3">
             <gl-button
               v-if="displaySubmitButton"
               icon="paper-airplane"
               category="primary"
               variant="confirm"
-              class="gl-bottom-2 gl-right-2 gl-ml-auto !gl-rounded-full"
+              class="!gl-rounded-full"
               type="submit"
               data-testid="chat-prompt-submit-button"
               :disabled="isPromptEmpty"
@@ -874,7 +908,7 @@ export default {
               icon="stop"
               category="primary"
               variant="default"
-              class="gl-bottom-2 gl-right-2 gl-ml-auto !gl-rounded-full"
+              class="!gl-rounded-full"
               data-testid="chat-prompt-cancel-button"
               :aria-label="$options.i18n.CHAT_CANCEL_LABEL"
               @click="cancelPrompt"

package/src/scss/components.scss

@@ -2,6 +2,7 @@
 @import '@gitlab/ui/src/scss/mixins';
 
 @import '../components/chat/duo_chat';
+@import '../components/chat/web_duo_chat';
 @import '../components/chat/components/duo_chat_loader/duo_chat_loader';
 @import '../components/chat/components/duo_chat_message/duo_chat_message';
 @import '../components/ui/duo_recent_collapsible/duo_recent_collapsible';

package/translations.js

@@ -35,6 +35,7 @@ export default {
   'AgenticToolRejectionModal.placeholder': "Explain why you're rejecting this tool execution...",
   'AgenticToolRejectionModal.submitText': 'Submit Rejection',
   'AgenticToolRejectionModal.title': 'Provide Rejection Reason',
+  'BaseToolParams.ACCORDION_TITLE': 'Read description',
   'CreateCommitToolParams.actionWithNoContent': 'This action does not have any content.',
   'CreateCommitToolParams.actionsCountMessage': null,
   'CreateCommitToolParams.chmodFileActionLabel': 'Change permissions for file %{filePath}',
@@ -48,12 +49,7 @@ export default {
   'CreateCommitToolParams.unknownFileActionLabel': 'Modify file %{filePath}',
   'CreateCommitToolParams.updateFileActionLabel': 'Update file %{filePath}',
   'CreateIssueToolParams.ACCORDION_TITLE': 'Read description',
-  'CreateIssueToolParams.ISSUE_SUMMARY_MESSAGE_BASE':
-    'Open an issue with title "%{title}" in project %{project}.',
-  'CreateIssueToolParams.ISSUE_SUMMARY_MESSAGE_WITH_LABELS': 'Assign the labels %{labels}.',
-  'CreateMergeRequestToolParams.ACCORDION_TITLE': 'Read description',
-  'CreateMergeRequestToolParams.MERGE_REQUEST_SUMMARY_MESSAGE':
-    'Open a merge request with title "%{title}" in project %{project} from branch %{sourceBranch} to branch %{targetBranch}.',
+  'CreateIssueToolParams.ASSIGN_LABELS_MESSAGE': 'Assign the labels <code>%{labels}</code>.',
   'DuoChat.chatBackLabel': 'Back to history',
   'DuoChat.chatBackToChatToolTip': 'Back to chat',
   'DuoChat.chatCancelLabel': 'Cancel',
@@ -123,12 +119,28 @@ export default {
   'DuoRecentCollapsable.viewAllText': 'View All',
   'GlDuoChat.chatDisclamer': 'Responses may be inaccurate. Verify before use.',
   'GlDuoChat.chatHistoryTitle': 'Chat history',
+  'IssuableToolParams.BRANCH_MESSAGE':
+    'From branch <code>%{sourceBranch}</code> to branch <code>%{targetBranch}</code>.',
+  '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.TITLE_MESSAGE': 'Set the title "<em>%{title}</em>".',
+  'IssuableToolParams.UPDATE_EPIC':
+    'Update epic <code>%{epicId}</code> in group <code>%{groupId}</code>.',
+  'IssuableToolParams.UPDATE_ISSUE':
+    '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>.',
   'MessageToolApproval.approveAllText': 'Always approve this tool',
   'MessageToolApproval.approveSessionText': 'Approve for session',
   'MessageToolApproval.approveText': 'Approve',
   'MessageToolApproval.approvingText': 'Approving...',
   'MessageToolApproval.cancelText': 'Cancel',
+  'MessageToolApproval.collapseButtonCollapsed': 'Display tool details',
+  'MessageToolApproval.collapseButtonExpanded': 'Hide tool details',
   '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.createMergeRequest': 'Duo wants to create a merge request.',
   'MessageToolApproval.denialReasonLabel': 'Rejection reason',
@@ -139,11 +151,16 @@ export default {
   'MessageToolApproval.noParametersText': 'No parameters will be sent with this request.',
   'MessageToolApproval.parametersText': 'Request',
   'MessageToolApproval.runCommand': 'Duo wants to run a command.',
+  'MessageToolApproval.runGitCommand': 'Duo wants to run a git command.',
   'MessageToolApproval.toolApprovalDescription':
     'GitLab Duo Agentic Chat wants to execute a tool. Do you want to proceed?',
   'MessageToolApproval.toolLabel': 'Tool:',
-  'MessageToolApproval.toolStatus': 'Pending',
+  'MessageToolApproval.toolStatusApproved': 'Approved',
+  'MessageToolApproval.toolStatusPending': 'Pending',
   'MessageToolApproval.toolUnknown': 'Unknown',
+  'MessageToolApproval.updateEpic': 'Duo wants to update an epic.',
+  'MessageToolApproval.updateIssue': 'Duo wants to update an issue.',
+  'RunCommandToolParams.ACCORDION_TITLE': 'Expand command output',
   'WebAgenticDuoChat.chatCancelLabel': 'Cancel',
   'WebAgenticDuoChat.chatDefaultPredefinedPromptsChangePassword':
     'How do I change my password in GitLab?',
@@ -186,4 +203,6 @@ export default {
   'WebDuoChat.copySessionIdFailedToast': 'Could not copy session ID',
   'WebDuoChat.copySessionIdSuccessToast': 'Session ID copied to clipboard',
   'WebDuoChat.copySessionIdTooltip': 'Copy session ID',
+  'WebDuoChat.overLimitCharacterCountMessage': null,
+  'WebDuoChat.remainingCharacterCountMessage': null,
 };

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

@@ -1,88 +0,0 @@
-import { GlSprintf, GlAccordion, GlAccordionItem } from '@gitlab/ui';
-import { translate } from '../../../../../utils/i18n';
-import PreBlock from './pre_block';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'CreateIssueToolParams',
-  components: {
-    GlSprintf,
-    GlAccordion,
-    GlAccordionItem,
-    PreBlock
-  },
-  props: {
-    projectId: {
-      type: [String, Number],
-      required: true
-    },
-    projectPath: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    title: {
-      type: String,
-      required: true
-    },
-    description: {
-      type: String,
-      required: true
-    },
-    labels: {
-      type: String,
-      required: false,
-      default: ''
-    }
-  },
-  computed: {
-    issueMessage() {
-      const baseMessage = this.$options.i18n.ISSUE_SUMMARY_MESSAGE_BASE;
-      const labelsMessage = this.$options.i18n.ISSUE_SUMMARY_MESSAGE_WITH_LABELS;
-      return this.labels ? `${baseMessage} ${labelsMessage}` : baseMessage;
-    }
-  },
-  i18n: {
-    ISSUE_SUMMARY_MESSAGE_BASE: translate('CreateIssueToolParams.ISSUE_SUMMARY_MESSAGE_BASE', 'Open an issue with title "%{title}" in project %{project}.'),
-    ISSUE_SUMMARY_MESSAGE_WITH_LABELS: translate('CreateIssueToolParams.ISSUE_SUMMARY_MESSAGE_WITH_LABELS', 'Assign the labels %{labels}.'),
-    ACCORDION_TITLE: translate('CreateIssueToolParams.ACCORDION_TITLE', 'Read description')
-  }
-};
-
-/* 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',[_c('gl-sprintf',{attrs:{"message":_vm.issueMessage},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('em',[_vm._v(_vm._s(_vm.title))])]},proxy:true},{key:"project",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.projectPath || _vm.projectId))])]},proxy:true},{key:"labels",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.labels))])]},proxy:true}])})],1),_vm._v(" "),_c('gl-accordion',{staticClass:"-gl-ml-2 gl-mt-3",attrs:{"header-level":3}},[_c('gl-accordion-item',{attrs:{"title":_vm.$options.i18n.ACCORDION_TITLE}},[_c('pre-block',[_vm._v(_vm._s(_vm.description))])],1)],1)],1)};
-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__;

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

@@ -1,83 +0,0 @@
-import { GlSprintf, GlAccordion, GlAccordionItem } from '@gitlab/ui';
-import { translate } from '../../../../../utils/i18n';
-import PreBlock from './pre_block';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'CreateMergeRequestToolParams',
-  components: {
-    GlSprintf,
-    GlAccordion,
-    GlAccordionItem,
-    PreBlock
-  },
-  props: {
-    projectId: {
-      type: [String, Number],
-      required: true
-    },
-    projectPath: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    title: {
-      type: String,
-      required: true
-    },
-    sourceBranch: {
-      type: String,
-      required: true
-    },
-    targetBranch: {
-      type: String,
-      required: true
-    },
-    description: {
-      type: String,
-      required: true
-    }
-  },
-  i18n: {
-    MERGE_REQUEST_SUMMARY_MESSAGE: translate('CreateMergeRequestToolParams.MERGE_REQUEST_SUMMARY_MESSAGE', 'Open a merge request with title "%{title}" in project %{project} from branch %{sourceBranch} to branch %{targetBranch}.'),
-    ACCORDION_TITLE: translate('CreateMergeRequestToolParams.ACCORDION_TITLE', 'Read description')
-  }
-};
-
-/* 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',[_c('gl-sprintf',{attrs:{"message":_vm.$options.i18n.MERGE_REQUEST_SUMMARY_MESSAGE},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('em',[_vm._v(_vm._s(_vm.title))])]},proxy:true},{key:"project",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.projectPath || _vm.projectId))])]},proxy:true},{key:"sourceBranch",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.sourceBranch))])]},proxy:true},{key:"targetBranch",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.targetBranch))])]},proxy:true}])})],1),_vm._v(" "),_c('gl-accordion',{staticClass:"-gl-ml-2 gl-mt-3",attrs:{"header-level":3}},[_c('gl-accordion-item',{attrs:{"title":_vm.$options.i18n.ACCORDION_TITLE}},[_c('pre-block',[_vm._v(_vm._s(_vm.description))])],1)],1)],1)};
-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__;

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

@@ -1,80 +0,0 @@
-<script>
-import { GlSprintf, GlAccordion, GlAccordionItem } from '@gitlab/ui';
-import { translate } from '../../../../../utils/i18n';
-import PreBlock from './pre_block.vue';
-
-export default {
-  name: 'CreateIssueToolParams',
-  components: {
-    GlSprintf,
-    GlAccordion,
-    GlAccordionItem,
-    PreBlock,
-  },
-  props: {
-    projectId: {
-      type: [String, Number],
-      required: true,
-    },
-    projectPath: {
-      type: String,
-      required: false,
-      default: '',
-    },
-    title: {
-      type: String,
-      required: true,
-    },
-    description: {
-      type: String,
-      required: true,
-    },
-    labels: {
-      type: String,
-      required: false,
-      default: '',
-    },
-  },
-  computed: {
-    issueMessage() {
-      const baseMessage = this.$options.i18n.ISSUE_SUMMARY_MESSAGE_BASE;
-      const labelsMessage = this.$options.i18n.ISSUE_SUMMARY_MESSAGE_WITH_LABELS;
-
-      return this.labels ? `${baseMessage} ${labelsMessage}` : baseMessage;
-    },
-  },
-  i18n: {
-    ISSUE_SUMMARY_MESSAGE_BASE: translate(
-      'CreateIssueToolParams.ISSUE_SUMMARY_MESSAGE_BASE',
-      'Open an issue with title "%{title}" in project %{project}.'
-    ),
-    ISSUE_SUMMARY_MESSAGE_WITH_LABELS: translate(
-      'CreateIssueToolParams.ISSUE_SUMMARY_MESSAGE_WITH_LABELS',
-      'Assign the labels %{labels}.'
-    ),
-    ACCORDION_TITLE: translate('CreateIssueToolParams.ACCORDION_TITLE', 'Read description'),
-  },
-};
-</script>
-<template>
-  <div class="gl-flex gl-flex-col">
-    <div>
-      <gl-sprintf :message="issueMessage">
-        <template #title>
-          <em>{{ title }}</em>
-        </template>
-        <template #project>
-          <code>{{ projectPath || projectId }}</code>
-        </template>
-        <template #labels>
-          <code>{{ labels }}</code>
-        </template>
-      </gl-sprintf>
-    </div>
-    <gl-accordion class="-gl-ml-2 gl-mt-3" :header-level="3">
-      <gl-accordion-item :title="$options.i18n.ACCORDION_TITLE">
-        <pre-block>{{ description }}</pre-block>
-      </gl-accordion-item>
-    </gl-accordion>
-  </div>
-</template>

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

@@ -1,74 +0,0 @@
-<script>
-import { GlSprintf, GlAccordion, GlAccordionItem } from '@gitlab/ui';
-import { translate } from '../../../../../utils/i18n';
-import PreBlock from './pre_block.vue';
-
-export default {
-  name: 'CreateMergeRequestToolParams',
-  components: {
-    GlSprintf,
-    GlAccordion,
-    GlAccordionItem,
-    PreBlock,
-  },
-  props: {
-    projectId: {
-      type: [String, Number],
-      required: true,
-    },
-    projectPath: {
-      type: String,
-      required: false,
-      default: '',
-    },
-    title: {
-      type: String,
-      required: true,
-    },
-    sourceBranch: {
-      type: String,
-      required: true,
-    },
-    targetBranch: {
-      type: String,
-      required: true,
-    },
-    description: {
-      type: String,
-      required: true,
-    },
-  },
-  i18n: {
-    MERGE_REQUEST_SUMMARY_MESSAGE: translate(
-      'CreateMergeRequestToolParams.MERGE_REQUEST_SUMMARY_MESSAGE',
-      'Open a merge request with title "%{title}" in project %{project} from branch %{sourceBranch} to branch %{targetBranch}.'
-    ),
-    ACCORDION_TITLE: translate('CreateMergeRequestToolParams.ACCORDION_TITLE', 'Read description'),
-  },
-};
-</script>
-<template>
-  <div class="gl-flex gl-flex-col">
-    <div>
-      <gl-sprintf :message="$options.i18n.MERGE_REQUEST_SUMMARY_MESSAGE">
-        <template #title>
-          <em>{{ title }}</em>
-        </template>
-        <template #project>
-          <code>{{ projectPath || projectId }}</code>
-        </template>
-        <template #sourceBranch>
-          <code>{{ sourceBranch }}</code>
-        </template>
-        <template #targetBranch>
-          <code>{{ targetBranch }}</code>
-        </template>
-      </gl-sprintf>
-    </div>
-    <gl-accordion class="-gl-ml-2 gl-mt-3" :header-level="3">
-      <gl-accordion-item :title="$options.i18n.ACCORDION_TITLE">
-        <pre-block>{{ description }}</pre-block>
-      </gl-accordion-item>
-    </gl-accordion>
-  </div>
-</template>