@gitlab/duo-ui 11.1.1 → 11.2.0

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

@@ -0,0 +1,112 @@
+<script>
+import { sprintf, translate } from '../../../../../utils/i18n';
+import { APPROVAL_TOOL_NAMES } from '../../../constants';
+import BaseToolParams from './base_tool_params.vue';
+
+export default {
+  name: 'IssuableToolParams',
+  components: {
+    BaseToolParams,
+  },
+  props: {
+    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),
+    },
+    toolParams: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    project() {
+      return this.toolParams?.projectPath || this.toolParams?.projectId;
+    },
+    title() {
+      return this.toolParams?.title;
+    },
+    labels() {
+      return this.toolParams?.labels;
+    },
+    description() {
+      return this.toolParams?.description;
+    },
+    sourceBranch() {
+      return this.toolParams?.sourceBranch;
+    },
+    targetBranch() {
+      return this.toolParams?.targetBranch;
+    },
+    message() {
+      let message = this.$options.i18n[this.toolName] || '';
+      const labelsMessage = this.$options.i18n.ASSIGN_LABELS_MESSAGE;
+      const branchMessage = this.$options.i18n.BRANCH_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}`;
+      }
+
+      return sprintf(message, { project: this.project, ...this.toolParams });
+    },
+  },
+  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.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>.'
+    ),
+    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'),
+  },
+};
+</script>
+<template>
+  <base-tool-params :message="message" :description="description" />
+</template>

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

@@ -1,30 +1,75 @@
 <script>
 import { GlIcon } from '@gitlab/ui';
+import { translate } from '../../../../../utils/i18n';
+import { APPROVAL_TOOL_NAMES } from '../../../constants';
+import BaseToolParams from './base_tool_params.vue';
 
 export default {
   name: 'RunCommandToolParams',
   components: {
     GlIcon,
+    BaseToolParams,
   },
   props: {
-    program: {
+    toolName: {
       type: String,
       required: true,
     },
+    program: {
+      type: String,
+      required: false,
+      default: '',
+    },
     args: {
       type: String,
-      required: true,
+      required: false,
+      default: '',
+    },
+    command: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    toolResponse: {
+      type: Object,
+      required: false,
+      default: null,
+    },
+    workingDirectory: {
+      type: String,
+      required: false,
+      default: '',
     },
   },
   computed: {
     formattedCommand() {
-      return `${this.program} ${this.args}`;
+      if (this.toolName === APPROVAL_TOOL_NAMES.runCommand) {
+        return this.command?.length ? this.command : `${this.program} ${this.args}`;
+      }
+
+      return `git ${this.command} ${this.args}`;
     },
+    withWorkingDirectory() {
+      return this.workingDirectory?.length
+        ? `${this.workingDirectory}> ${this.formattedCommand}`
+        : this.formattedCommand;
+    },
+    commandOutput() {
+      return this.toolResponse?.content;
+    },
+  },
+  i18n: {
+    SEE_COMMAND_OUTPUT: translate('RunCommandToolParams.ACCORDION_TITLE', 'Expand command output'),
   },
 };
 </script>
 <template>
-  <div class="gl-flex gl-items-center gl-gap-3">
-    <gl-icon name="terminal" /> <code>{{ formattedCommand }}</code>
-  </div>
+  <base-tool-params
+    :description="commandOutput"
+    :custom-accordion-title="$options.i18n.SEE_COMMAND_OUTPUT"
+  >
+    <div class="gl-flex gl-items-center gl-gap-3">
+      <gl-icon name="terminal" /> <code>{{ withWorkingDirectory }}</code>
+    </div>
+  </base-tool-params>
 </template>

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

@@ -10,25 +10,22 @@ import {
 } from '@gitlab/ui';
 import { translate } from '../../../../utils/i18n';
 import { convertKeysToCamelCase } from '../../../../utils/object';
-import { acceptedApproveToolPayloads } from '../../constants';
+import { acceptedApproveToolPayloads, APPROVAL_TOOL_NAMES } from '../../constants';
 import CreateCommitToolParams from './components/create_commit_tool_params.vue';
-import CreateIssueToolParams from './components/create_issue_tool_params.vue';
-import CreateMergeRequestToolParams from './components/create_merge_request_tool_params.vue';
+import IssuableToolParams from './components/issuable_tool_params.vue';
 import RunCommandToolParams from './components/run_command_tool_params.vue';
 
-export const APPROVAL_TOOL_NAMES = {
-  createCommit: 'create_commit',
-  createIssue: 'create_issue',
-  createMergeRequest: 'create_merge_request',
-  runCommand: 'run_command',
-};
-
 export const PROCESSING_STATE = {
   APPROVING: 'approving',
   DENYING: 'denying',
   NONE: null,
 };
 
+export const TOOL_STATUS = {
+  Pending: 'pending',
+  Approved: 'approved',
+};
+
 export const i18n = {
   TOOL_APPROVAL_DESCRIPTION: translate(
     'MessageToolApproval.toolApprovalDescription',
@@ -62,6 +59,18 @@ export const i18n = {
       '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.createMergeRequest]: translate(
       'MessageToolApproval.createMergeRequest',
       'Duo wants to create a merge request.'
@@ -70,15 +79,33 @@ export const i18n = {
       'MessageToolApproval.runCommand',
       'Duo wants to run a command.'
     ),
+    [APPROVAL_TOOL_NAMES.runGitCommand]: translate(
+      'MessageToolApproval.runGitCommand',
+      'Duo wants to run a git command.'
+    ),
   },
-  TOOL_STATUS: translate('MessageToolApproval.toolStatus', 'Pending'),
+  [TOOL_STATUS.Pending]: translate('MessageToolApproval.toolStatusPending', 'Pending'),
+  [TOOL_STATUS.Approved]: translate('MessageToolApproval.toolStatusApproved', 'Approved'),
+  TOGGLE_PARAMS_BUTTON_EXPAND: translate(
+    'MessageToolApproval.collapseButtonCollapsed',
+    'Display tool details'
+  ),
+  TOGGLE_PARAMS_BUTTON_COLLAPSE: translate(
+    'MessageToolApproval.collapseButtonExpanded',
+    'Hide tool details'
+  ),
 };
 
 const TOOL_PARAMS_VIEW_COMPONENTS = {
   [APPROVAL_TOOL_NAMES.createCommit]: 'CreateCommitToolParams',
-  [APPROVAL_TOOL_NAMES.createIssue]: 'CreateIssueToolParams',
-  [APPROVAL_TOOL_NAMES.createMergeRequest]: 'CreateMergeRequestToolParams',
+  [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.runCommand]: 'RunCommandToolParams',
+  [APPROVAL_TOOL_NAMES.runGitCommand]: 'RunCommandToolParams',
 };
 
 export default {
@@ -92,8 +119,7 @@ export default {
     GlDropdown,
     GlDropdownItem,
     CreateCommitToolParams,
-    CreateIssueToolParams,
-    CreateMergeRequestToolParams,
+    IssuableToolParams,
     RunCommandToolParams,
   },
   props: {
@@ -101,11 +127,21 @@ export default {
       required: true,
       type: Object,
     },
+    workingDirectory: {
+      type: String,
+      required: false,
+      default: '',
+    },
     isProcessing: {
       type: Boolean,
       required: false,
       default: false,
     },
+    approvalStatus: {
+      type: String,
+      required: false,
+      default: TOOL_STATUS.Pending,
+    },
     /**
      * Array of approval options for multi-approval functionality
      * @property {string} type - The approval type (approve-tool-once, approve-for-session, always-approve-tool)
@@ -137,6 +173,7 @@ export default {
       showDenialReason: false,
       denialReason: '',
       localProcessingState: PROCESSING_STATE.NONE,
+      collapsed: this.approvalStatus === TOOL_STATUS.Approved,
     };
   },
   computed: {
@@ -146,6 +183,9 @@ export default {
     toolParameters() {
       return this.message?.tool_info?.args || {};
     },
+    toolResponse() {
+      return this.message?.tool_info?.tool_response;
+    },
     camelCaseToolParameters() {
       return convertKeysToCamelCase(this.toolParameters);
     },
@@ -153,7 +193,27 @@ export default {
       return Object.keys(this.toolParameters).length > 0;
     },
     toolApprovalTitle() {
-      return i18n.TOOL_APPROVAL_TITLES[this.toolName];
+      return i18n.TOOL_APPROVAL_TITLES[this.toolName] || this.toolName;
+    },
+    toolStatusLabel() {
+      return i18n[this.approvalStatus];
+    },
+    toolStatusVariant() {
+      return {
+        [TOOL_STATUS.Pending]: 'neutral',
+        [TOOL_STATUS.Approved]: 'info',
+      }[this.approvalStatus];
+    },
+    collapsible() {
+      return this.approvalStatus === TOOL_STATUS.Approved;
+    },
+    collapseButtonProps() {
+      return this.collapsed
+        ? { icon: 'chevron-right', title: i18n.TOGGLE_PARAMS_BUTTON_EXPAND }
+        : { icon: 'chevron-down', title: i18n.TOGGLE_PARAMS_BUTTON_COLLAPSE };
+    },
+    isApproved() {
+      return this.approvalStatus === TOOL_STATUS.Approved;
     },
     isApproving() {
       return this.isProcessing && this.localProcessingState === PROCESSING_STATE.APPROVING;
@@ -247,14 +307,25 @@ export default {
 </script>
 
 <template>
-  <gl-card>
+  <gl-card class="gl-w-full" :body-class="{ 'gl-hidden': collapsed }">
     <template #header>
-      <div class="gl-flex gl-items-center gl-justify-between">
+      <div class="gl-flex gl-items-center gl-justify-between gl-gap-3">
         <span>
-          {{ toolApprovalTitle }}
+          <gl-button
+            v-if="collapsible"
+            variant="default"
+            category="tertiary"
+            size="small"
+            data-testid="toggle-details-button"
+            v-bind="collapseButtonProps"
+            @click="collapsed = !collapsed"
+          />
+          <span>
+            {{ toolApprovalTitle }}
+          </span>
         </span>
-        <gl-badge>
-          {{ $options.i18n.TOOL_STATUS }}
+        <gl-badge :variant="toolStatusVariant">
+          {{ toolStatusLabel }}
         </gl-badge>
       </div>
     </template>
@@ -262,6 +333,10 @@ export default {
       :is="toolParamsViewComponent"
       v-if="toolParamsViewComponent"
       class="gl-leading-20"
+      :tool-name="toolName"
+      :tool-params="camelCaseToolParameters"
+      :tool-response="toolResponse"
+      :working-directory="workingDirectory"
       v-bind="camelCaseToolParameters"
     />
     <div
@@ -283,7 +358,7 @@ export default {
         </span>
       </div>
     </div>
-    <template #footer>
+    <template v-if="!isApproved" #footer>
       <div v-if="!showDenialReason" class="gl-flex gl-gap-2">
         <!-- Split button when multiple approval options available -->
         <gl-dropdown

package/src/components/chat/constants.js

@@ -49,3 +49,15 @@ export const acceptedApproveToolPayloads = {
   APPROVE_SESSION,
   APPROVE_ALL_TOOLS,
 };
+
+export const APPROVAL_TOOL_NAMES = {
+  createCommit: 'create_commit',
+  createIssue: 'create_issue',
+  updateIssue: 'update_issue',
+  createEpic: 'create_epic',
+  updateEpic: 'update_epic',
+  createMergeRequest: 'create_merge_request',
+  updateMergeRequest: 'update_merge_request',
+  runCommand: 'run_command',
+  runGitCommand: 'run_git_command',
+};

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/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?',

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__;