@gitlab/duo-ui 15.8.2 → 15.8.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [15.8.3](https://gitlab.com/gitlab-org/duo-ui/compare/v15.8.2...v15.8.3) (2026-02-02)
+
+
+### Bug Fixes
+
+* Show run command error output ([672bfd2](https://gitlab.com/gitlab-org/duo-ui/commit/672bfd221d1526403a767fa42b79092907b0837d))
+
 ## [15.8.2](https://gitlab.com/gitlab-org/duo-ui/compare/v15.8.1...v15.8.2) (2026-01-30)
 
 

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

@@ -138,8 +138,20 @@ var script = {
       return (_this$message$tool_in4 = this.message.tool_info) === null || _this$message$tool_in4 === void 0 ? void 0 : _this$message$tool_in4.name;
     },
     toolResponseContent() {
-      var _this$message$tool_in5, _this$message$tool_in6;
-      return (_this$message$tool_in5 = this.message.tool_info) === null || _this$message$tool_in5 === void 0 ? void 0 : (_this$message$tool_in6 = _this$message$tool_in5.tool_response) === null || _this$message$tool_in6 === void 0 ? void 0 : _this$message$tool_in6.content;
+      var _this$message$tool_in5;
+      const toolResponse = (_this$message$tool_in5 = this.message.tool_info) === null || _this$message$tool_in5 === void 0 ? void 0 : _this$message$tool_in5.tool_response;
+      if (!toolResponse) return '';
+
+      // Handle object format with content property
+      if (typeof toolResponse === 'object' && toolResponse.content) {
+        return toolResponse.content;
+      }
+
+      // Handle string format (error case)
+      if (typeof toolResponse === 'string') {
+        return toolResponse;
+      }
+      return '';
     },
     collapseIconName() {
       return this.isDetailsOpen ? 'chevron-down' : 'chevron-right';

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

@@ -31,7 +31,7 @@ var script = {
       default: ''
     },
     toolResponse: {
-      type: Object,
+      type: [Object, String],
       required: false,
       default: null
     },
@@ -54,8 +54,18 @@ var script = {
       return (_this$workingDirector = this.workingDirectory) !== null && _this$workingDirector !== void 0 && _this$workingDirector.length ? `${this.workingDirectory}> ${this.formattedCommand}` : this.formattedCommand;
     },
     commandOutput() {
-      var _this$toolResponse;
-      return (_this$toolResponse = this.toolResponse) === null || _this$toolResponse === void 0 ? void 0 : _this$toolResponse.content;
+      if (!this.toolResponse) return '';
+
+      // Handle object format with content property
+      if (typeof this.toolResponse === 'object' && this.toolResponse.content) {
+        return this.toolResponse.content;
+      }
+
+      // Handle string format (error case)
+      if (typeof this.toolResponse === 'string') {
+        return this.toolResponse;
+      }
+      return '';
     }
   },
   i18n: {

package/dist/components/chat/mock_data.js

@@ -260,6 +260,21 @@ const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_RESPONSE = {
   status: 'success',
   role: 'request'
 };
+const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_ERROR_RESPONSE = {
+  id: '126',
+  content: 'Tool run_command requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    args: {
+      program: 'nonexistingcommand'
+    },
+    name: 'run_command',
+    tool_response: 'Tool run_command raised ToolException: Action error: Process exited with code 127 \u001b]633;C\u0007zsh: command not found: nonexistingcommand\r\n\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m'
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'failure',
+  role: 'request'
+};
 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.',
@@ -813,4 +828,4 @@ const AGENTIC_THREADLIST = [{
   }
 }];
 
-export { AGENTIC_THREADLIST, INCLUDE_SLASH_COMMAND, MOCK_AGENT_MESSAGE, MOCK_AGENT_MESSAGE_WITH_LONG_CODE_BLOCK, MOCK_AGENT_MESSAGE_WITH_MARKDOWN, 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_MESSAGE_ONLY, 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_MERGE_REQUEST, 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_TOOL_MESSAGE_WITH_REQUEST_AND_RESPONSE_DETAILS, 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_AGENT_MESSAGE_WITH_LONG_CODE_BLOCK, MOCK_AGENT_MESSAGE_WITH_MARKDOWN, 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_MESSAGE_ONLY, 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_ERROR_RESPONSE, 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_MERGE_REQUEST, 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_TOOL_MESSAGE_WITH_REQUEST_AND_RESPONSE_DETAILS, 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": "15.8.2",
+  "version": "15.8.3",
   "description": "Duo UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -105,7 +105,7 @@
     "@gitlab/fonts": "^1.3.1",
     "@gitlab/stylelint-config": "6.2.2",
     "@gitlab/svgs": "^3.154.0",
-    "@gitlab/ui": "^128.3.0",
+    "@gitlab/ui": "^128.6.0",
     "@jest/test-sequencer": "^29.7.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",

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

@@ -134,7 +134,21 @@ export default {
       return this.message.tool_info?.name;
     },
     toolResponseContent() {
-      return this.message.tool_info?.tool_response?.content;
+      const toolResponse = this.message.tool_info?.tool_response;
+
+      if (!toolResponse) return '';
+
+      // Handle object format with content property
+      if (typeof toolResponse === 'object' && toolResponse.content) {
+        return toolResponse.content;
+      }
+
+      // Handle string format (error case)
+      if (typeof toolResponse === 'string') {
+        return toolResponse;
+      }
+
+      return '';
     },
     collapseIconName() {
       return this.isDetailsOpen ? 'chevron-down' : 'chevron-right';

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

@@ -31,7 +31,7 @@ export default {
       default: '',
     },
     toolResponse: {
-      type: Object,
+      type: [Object, String],
       required: false,
       default: null,
     },
@@ -55,7 +55,19 @@ export default {
         : this.formattedCommand;
     },
     commandOutput() {
-      return this.toolResponse?.content;
+      if (!this.toolResponse) return '';
+
+      // Handle object format with content property
+      if (typeof this.toolResponse === 'object' && this.toolResponse.content) {
+        return this.toolResponse.content;
+      }
+
+      // Handle string format (error case)
+      if (typeof this.toolResponse === 'string') {
+        return this.toolResponse;
+      }
+
+      return '';
     },
   },
   i18n: {

package/src/components/chat/mock_data.js

@@ -296,6 +296,21 @@ export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_RESPONSE =
   role: 'request',
 };
 
+export const MOCK_REQUEST_MESSAGE_WITH_TOOL_APPROVAL_RUN_COMMAND_WITH_ERROR_RESPONSE = {
+  id: '126',
+  content: 'Tool run_command requires approval. Please confirm if you want to proceed.',
+  message_type: MESSAGE_MODEL_ROLES.request,
+  tool_info: {
+    args: { program: 'nonexistingcommand' },
+    name: 'run_command',
+    tool_response:
+      'Tool run_command raised ToolException: Action error: Process exited with code 127 \u001b]633;C\u0007zsh: command not found: nonexistingcommand\r\n\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m',
+  },
+  timestamp: '2025-06-25T19:22:21.290791+00:00',
+  status: 'failure',
+  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.',