@gitlab/duo-ui 12.3.0 → 12.3.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [12.3.1](https://gitlab.com/gitlab-org/duo-ui/compare/v12.3.0...v12.3.1) (2025-10-16)
+
+
+### Bug Fixes
+
+* **DuoChat:** Fix user message being left aligned ([77d78c3](https://gitlab.com/gitlab-org/duo-ui/commit/77d78c384eaacf30586ef27a2208d27a4c00ec13))
+
 # [12.3.0](https://gitlab.com/gitlab-org/duo-ui/compare/v12.2.0...v12.3.0) (2025-10-16)
 
 

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

@@ -296,7 +296,10 @@ 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('div',{staticClass:"duo-chat-message-container gl-relative gl-flex gl-w-full gl-flex-row gl-items-end",class:{ 'gl-pr-7': _vm.isAssistantMessage },on:{"mouseenter":function($event){_vm.hovered = true;},"mouseleave":function($event){_vm.hovered = false;
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"duo-chat-message-container gl-relative gl-flex gl-w-full gl-flex-row gl-items-end",class:{
+    'gl-pr-7': _vm.isAssistantMessage,
+    'gl-justify-end': _vm.isUserMessage,
+  },on:{"mouseenter":function($event){_vm.hovered = true;},"mouseleave":function($event){_vm.hovered = false;
     _vm.copied = false;}}},[(_vm.isAssistantMessage || _vm.isUserMessage)?[_c('div',{staticClass:"duo-chat-message md gl-flex gl-leading-20 gl-break-anywhere",class:{
         'gl-bg-feedback-info gl-p-4 gl-pr-5 gl-text-feedback-info': _vm.isUserMessage,
         'gl-pb-3': _vm.displaySelectedContextItems && _vm.isUserMessage,

package/package.json

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

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

@@ -328,7 +328,10 @@ export default {
 <template>
   <div
     class="duo-chat-message-container gl-relative gl-flex gl-w-full gl-flex-row gl-items-end"
-    :class="{ 'gl-pr-7': isAssistantMessage }"
+    :class="{
+      'gl-pr-7': isAssistantMessage,
+      'gl-justify-end': isUserMessage,
+    }"
     @mouseenter="hovered = true"
     @mouseleave="
       hovered = false;