@gitlab/duo-ui 13.10.8 → 14.1.0

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

@@ -0,0 +1,72 @@
+<script>
+import { sprintf, translate } from '../../../../../utils/i18n';
+import { APPROVAL_TOOL_NAMES } from '../../../constants';
+import BaseToolParams from './base_tool_params.vue';
+
+export default {
+  name: 'DefaultToolParams',
+  components: {
+    BaseToolParams,
+  },
+  props: {
+    toolName: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    toolParams: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    title() {
+      return this.toolParams?.title;
+    },
+    description() {
+      return this.toolParams?.description || this.toolParams?.body || this.toolParams?.comment;
+    },
+    isNote() {
+      return [
+        APPROVAL_TOOL_NAMES.createMergeRequestNote,
+        APPROVAL_TOOL_NAMES.createWorkItemNote,
+        APPROVAL_TOOL_NAMES.createIssueNote,
+      ].includes(this.toolName);
+    },
+    message() {
+      const message = this.title ? this.$options.i18n.TITLE_MESSAGE : '';
+
+      return sprintf(message, {
+        ...this.toolParams,
+      });
+    },
+    accordionTitle() {
+      return this.isNote ? this.$options.i18n.NOTE_ACCORDION_TITLE : '';
+    },
+    displayRawOutput() {
+      return !this.message;
+    },
+  },
+  i18n: {
+    TITLE_MESSAGE: translate(
+      'IssuableToolParams.TITLE_MESSAGE',
+      'Set the title "<em>%{title}</em>".'
+    ),
+    NOTE_ACCORDION_TITLE: translate(
+      'IssuableToolParams.NOTE_ACCORDION_TITLE',
+      "Read note's content"
+    ),
+  },
+};
+</script>
+<template>
+  <div>
+    <base-tool-params
+      with-json-view
+      :tool-params="toolParams"
+      :message="message"
+      :description="description"
+      :custom-accordion-title="accordionTitle"
+    />
+  </div>
+</template>

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

@@ -0,0 +1,42 @@
+<script>
+import { translate } from '../../../../../utils/i18n';
+import PreBlock from './pre_block.vue';
+
+export default {
+  name: 'ToolParamsJsonView',
+  components: {
+    PreBlock,
+  },
+  props: {
+    toolParams: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    hasToolParams() {
+      return Object.keys(this.toolParams || {}).length > 0;
+    },
+  },
+  i18n: {
+    REQUEST_TEXT: translate('MessageToolApproval.parametersText', 'Request parameters'),
+    NO_PARAMETERS_TEXT: translate(
+      'MessageToolApproval.noParametersText',
+      'No parameters will be sent with this request.'
+    ),
+  },
+};
+</script>
+<template>
+  <figure class="gl-m-0 gl-flex gl-flex-col gl-gap-2">
+    <figcaption class="gl-text-subtle">
+      {{ $options.i18n.REQUEST_TEXT }}
+    </figcaption>
+    <pre-block v-if="hasToolParams" class="language-json" data-testid="tool-parameters">{{
+      JSON.stringify(toolParams, null, 2)
+    }}</pre-block>
+    <span v-else class="gl-text-sm gl-text-gray-500" data-testid="no-parameters-message">
+      {{ $options.i18n.NO_PARAMETERS_TEXT }}
+    </span>
+  </figure>
+</template>

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

@@ -8,13 +8,14 @@ import {
   GlDropdown,
   GlDropdownItem,
 } from '@gitlab/ui';
+import startCase from 'lodash/startCase';
+import capitalize from 'lodash/capitalize';
 import { translate } from '../../../../utils/i18n';
 import { convertKeysToCamelCase } from '../../../../utils/object';
 import { acceptedApproveToolPayloads, APPROVAL_TOOL_NAMES } from '../../constants';
 import CreateCommitToolParams from './components/create_commit_tool_params.vue';
-import IssuableToolParams from './components/issuable_tool_params.vue';
+import DefaultToolParams from './components/default_tool_params.vue';
 import RunCommandToolParams from './components/run_command_tool_params.vue';
-import PreBlock from './components/pre_block.vue';
 
 export const PROCESSING_STATE = {
   APPROVING: 'approving',
@@ -40,71 +41,12 @@ export const i18n = {
   APPROVING_TEXT: translate('MessageToolApproval.approvingText', 'Approving...'),
   DENY_TEXT: translate('MessageToolApproval.denyText', 'Deny'),
   DENYING_TEXT: translate('MessageToolApproval.denyingText', 'Denying...'),
-  NO_PARAMETERS_TEXT: translate(
-    'MessageToolApproval.noParametersText',
-    'No parameters will be sent with this request.'
-  ),
-  REQUEST_TEXT: translate('MessageToolApproval.parametersText', 'Request parameters'),
   DENIAL_REASON_LABEL: translate('MessageToolApproval.denialReasonLabel', 'Rejection reason'),
   DENIAL_REASON_PLACEHOLDER: translate(
     'MessageToolApproval.denialReasonPlaceholder',
     "Tell Duo why you're rejecting this tool execution..."
   ),
   CANCEL_TEXT: translate('MessageToolApproval.cancelText', 'Cancel'),
-  TOOL_APPROVAL_TITLES: {
-    [APPROVAL_TOOL_NAMES.createCommit]: translate(
-      'MessageToolApproval.createCommit',
-      'Duo wants to push a commit.'
-    ),
-    [APPROVAL_TOOL_NAMES.createIssue]: translate(
-      'MessageToolApproval.createIssue',
-      'Duo wants to open an issue.'
-    ),
-    [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.'
-    ),
-  },
   [TOOL_STATUS.Pending]: translate('MessageToolApproval.toolStatusPending', 'Pending'),
   [TOOL_STATUS.Approved]: translate('MessageToolApproval.toolStatusApproved', 'Approved'),
   TOGGLE_PARAMS_BUTTON_EXPAND: translate(
@@ -123,17 +65,6 @@ export const i18n = {
 
 const TOOL_PARAMS_VIEW_COMPONENTS = {
   [APPROVAL_TOOL_NAMES.createCommit]: 'CreateCommitToolParams',
-  [APPROVAL_TOOL_NAMES.createIssue]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.updateIssue]: 'IssuableToolParams',
-  [APPROVAL_TOOL_NAMES.createEpic]: 'IssuableToolParams',
-  [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',
 };
@@ -149,9 +80,8 @@ export default {
     GlDropdown,
     GlDropdownItem,
     CreateCommitToolParams,
-    IssuableToolParams,
+    DefaultToolParams,
     RunCommandToolParams,
-    PreBlock,
   },
   props: {
     messages: {
@@ -236,7 +166,7 @@ export default {
       }
 
       // Single tool: show specific tool message
-      return i18n.TOOL_APPROVAL_TITLES[this.toolName] || this.toolName;
+      return capitalize(startCase(this.toolName));
     },
     toolStatusLabel() {
       return i18n[this.approvalStatus];
@@ -347,7 +277,7 @@ export default {
       return convertKeysToCamelCase(obj);
     },
     getToolParamsComponent(toolName) {
-      return TOOL_PARAMS_VIEW_COMPONENTS[toolName];
+      return TOOL_PARAMS_VIEW_COMPONENTS[toolName] || 'DefaultToolParams';
     },
   },
   i18n,
@@ -364,7 +294,7 @@ export default {
   >
     <template #header>
       <div class="gl-flex gl-items-center gl-justify-between gl-gap-3">
-        <span>
+        <span class="gl-inline-flex gl-items-center gl-gap-2">
           <gl-button
             v-if="collapsible"
             variant="default"
@@ -386,7 +316,6 @@ export default {
     <div v-for="(toolMsg, index) in messages" :key="toolMsg.id || index">
       <component
         :is="getToolParamsComponent(toolMsg.tool_info && toolMsg.tool_info.name)"
-        v-if="getToolParamsComponent(toolMsg.tool_info && toolMsg.tool_info.name)"
         :class="['gl-leading-20', { 'gl-border-t gl-mt-3 gl-border-gray-100 gl-pt-3': index > 0 }]"
         :tool-name="toolMsg.tool_info && toolMsg.tool_info.name"
         :tool-params="convertKeysToCamelCase((toolMsg.tool_info && toolMsg.tool_info.args) || {})"
@@ -394,27 +323,6 @@ export default {
         :tool-response="toolMsg.tool_info && toolMsg.tool_info.tool_response"
         :working-directory="workingDirectory"
       />
-      <figure
-        v-else
-        class="gl-m-0 gl-flex gl-flex-col gl-gap-2"
-        :class="{ 'gl-border-t gl-mt-3 gl-border-gray-100 gl-pt-3': index > 0 }"
-      >
-        <figcaption class="gl-text-subtle">
-          {{ $options.i18n.REQUEST_TEXT }}
-        </figcaption>
-        <pre-block
-          v-if="
-            toolMsg.tool_info &&
-            toolMsg.tool_info.args &&
-            Object.keys(toolMsg.tool_info.args).length > 0
-          "
-          data-testid="tool-parameters"
-          >{{ JSON.stringify(toolMsg.tool_info.args, null, 2) }}</pre-block
-        >
-        <span v-else class="gl-text-sm gl-text-gray-500" data-testid="no-parameters-message">
-          {{ $options.i18n.NO_PARAMETERS_TEXT }}
-        </span>
-      </figure>
     </div>
     <template v-if="!isApproved" #footer>
       <div v-if="!showDenialReason" class="gl-flex gl-gap-2">

package/src/components/chat/mock_data.js

@@ -209,6 +209,23 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_MERGE_REQUEST = {
   role: 'request',
 };
 
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_UPDATE_MERGE_REQUEST = {
+  id: '125',
+  content: 'Tool update_merge_request requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    name: 'update_merge_request',
+    args: {
+      url: 'https://gitlab.com/gitlab-org/editor-extensions/gitlab-language-server/-/merge_requests/123',
+      description:
+        '## What does this MR do?\n\nThis MR updates the `group` field in the `web_ide_language_server` beta feature flag configuration from `group::remote development` to `group:: editor extensions`.\n\n## Related issues\n\nThis change aligns the feature flag with the correct group ownership.\n\n## Changes made\n\n- Updated `config/feature_flags/beta/web_ide_language_server.yml`\n- Changed group field from `group::remote development` to `group:: editor extensions`\n\n## Checklist\n\n- [x] Feature flag configuration updated\n- [x] Group field correctly set to `group:: editor extensions`',
+    },
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'success',
+  role: 'request',
+};
+
 export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND = {
   id: '125',
   content: 'Tool run_command requires approval. Please confirm if you want to proceed.',
@@ -442,6 +459,7 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_CREATE_WORK_ITEM = {
         '## 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],
+      confidential: true,
     },
   },
   timestamp: '2025-06-25T19:22:21.290791+00:00',

package/translations.js

@@ -35,14 +35,31 @@ 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',
+  'BaseToolParams.ExpandDescriptionTitle': 'Read description',
+  'BaseToolParams.ExpandJsonViewTitle': 'See request parameters as JSON',
+  'BaseToolParams.confidentialLabel': 'Confidential',
+  'BaseToolParams.dismissalReasonLabel': 'Dismissal reason',
+  'BaseToolParams.dueDateLabel': 'Due date',
+  'BaseToolParams.epicLabel': 'Epic',
+  'BaseToolParams.groupLabel': 'Group',
+  'BaseToolParams.healthStatusLabel': 'Health status',
+  'BaseToolParams.issueLabel': 'Issue',
+  'BaseToolParams.labelsLabel': 'Labels',
+  'BaseToolParams.mergeRequestLabel': 'Merge request',
+  'BaseToolParams.projectLabel': 'Project',
+  'BaseToolParams.sourceBranchLabel': 'Source branch',
+  'BaseToolParams.startDateLabel': 'Start date',
+  'BaseToolParams.stateLabel': 'State',
+  'BaseToolParams.targetBranchLabel': 'Target branch',
+  'BaseToolParams.typeLabel': 'Type',
+  'BaseToolParams.vulnerabilityLabel': 'Vulnerability',
+  'BaseToolParams.workItemLabel': 'Work item',
   'CreateCommitToolParams.actionWithNoContent': 'This action does not have any content.',
   'CreateCommitToolParams.actionsCountMessage': null,
   'CreateCommitToolParams.chmodFileActionLabel': 'Change permissions for file %{filePath}',
   'CreateCommitToolParams.commitSummaryAutoBranchMessage':
-    'Create a commit in a new auto-created branch and project %{project}.',
-  'CreateCommitToolParams.commitSummaryMessage':
-    'Create a commit in the branch %{branch} and project %{project}.',
+    'Create a commit in a new auto-created branch.',
+  'CreateCommitToolParams.commitSummaryMessage': 'Create a commit in the branch %{branch}.',
   'CreateCommitToolParams.createFileActionLabel': 'Create file %{filePath}',
   'CreateCommitToolParams.deleteFileActionLabel': 'Delete file %{filePath}',
   'CreateCommitToolParams.expandFileChanges': 'Expand file changes',
@@ -119,31 +136,8 @@ 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>.',
   '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>.',
-  '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',
@@ -151,14 +145,6 @@ export default {
   '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.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...",
@@ -167,17 +153,13 @@ export default {
   'MessageToolApproval.multiToolTitle': 'Duo wants to execute %{count} tools.',
   'MessageToolApproval.noParametersText': 'No parameters will be sent with this request.',
   'MessageToolApproval.parametersText': 'Request parameters',
-  '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.toolStatusApproved': 'Approved',
   'MessageToolApproval.toolStatusPending': 'Pending',
   '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.',
+  No: 'No',
   'RunCommandToolParams.ACCORDION_TITLE': 'Expand command output',
   'WebAgenticDuoChat.agenticChatEmptyStateGreeting': 'Hello, I’m %{agentName}!',
   'WebAgenticDuoChat.chatCancelLabel': 'Cancel',
@@ -220,7 +202,8 @@ export default {
   'WebDuoChat.closeChatHeaderLabel': 'Close chat',
   'WebDuoChat.copySessionIdFailedToast': 'Could not copy session ID',
   'WebDuoChat.copySessionIdSuccessToast': 'Session ID copied to clipboard',
-  'WebDuoChat.copySessionIdTooltip': 'Copy session ID: %{id}',
+  'WebDuoChat.copySessionIdTooltip': 'Copy Chat Session ID (%{id})',
   'WebDuoChat.overLimitCharacterCountMessage': null,
   'WebDuoChat.remainingCharacterCountMessage': null,
+  Yes: 'Yes',
 };

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

@@ -1,174 +0,0 @@
-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>.');
-var script = {
-  name: 'IssuableToolParams',
-  components: {
-    BaseToolParams
-  },
-  props: {
-    toolName: {
-      type: String,
-      required: true,
-      validator: toolName => Object.values(APPROVAL_TOOL_NAMES).includes(toolName)
-    },
-    toolParams: {
-      type: Object,
-      required: true
-    }
-  },
-  computed: {
-    project() {
-      var _this$toolParams, _this$toolParams2;
-      return ((_this$toolParams = this.toolParams) === null || _this$toolParams === void 0 ? void 0 : _this$toolParams.projectPath) || ((_this$toolParams2 = this.toolParams) === null || _this$toolParams2 === void 0 ? void 0 : _this$toolParams2.projectId);
-    },
-    title() {
-      var _this$toolParams3;
-      return (_this$toolParams3 = this.toolParams) === null || _this$toolParams3 === void 0 ? void 0 : _this$toolParams3.title;
-    },
-    labels() {
-      var _this$toolParams4;
-      return (_this$toolParams4 = this.toolParams) === null || _this$toolParams4 === void 0 ? void 0 : _this$toolParams4.labels;
-    },
-    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$toolParams7;
-      return (_this$toolParams7 = this.toolParams) === null || _this$toolParams7 === void 0 ? void 0 : _this$toolParams7.sourceBranch;
-    },
-    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, _this$toolParams16;
-      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) || ((_this$toolParams16 = this.toolParams) === null || _this$toolParams16 === void 0 ? void 0 : _this$toolParams16.url);
-    },
-    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}`;
-      }
-      if (this.sourceBranch && this.targetBranch) {
-        message = `${message} ${branchMessage}`;
-      }
-      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: {
-    [APPROVAL_TOOL_NAMES.createIssue]: translate('IssuableToolParams.CREATE_ISSUE', 'Open an issue in project <code>%{project}</code>.'),
-    [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('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")
-  }
-};
-
-/* 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,"custom-accordion-title":_vm.accordionTitle}})};
-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__;