@gitlab/duo-ui 15.1.0 → 15.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [15.2.0](https://gitlab.com/gitlab-org/duo-ui/compare/v15.1.0...v15.2.0) (2025-12-11)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* Update agent message to render title and icon ([0a910d7](https://gitlab.com/gitlab-org/duo-ui/commit/0a910d7b519488eff16bc51798481d070f4d0ef3))
|
|
7
|
+
|
|
1
8
|
# [15.1.0](https://gitlab.com/gitlab-org/duo-ui/compare/v15.0.8...v15.1.0) (2025-12-10)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { GlSafeHtmlDirective } from '@gitlab/ui';
|
|
1
|
+
import { GlIcon, GlSafeHtmlDirective } from '@gitlab/ui';
|
|
2
2
|
import MessageFeedback from '../message_feedback';
|
|
3
3
|
import BaseMessage from './message_base';
|
|
4
4
|
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
@@ -7,7 +7,8 @@ var script = {
|
|
|
7
7
|
name: 'DuoAgentMessage',
|
|
8
8
|
components: {
|
|
9
9
|
BaseMessage,
|
|
10
|
-
MessageFeedback
|
|
10
|
+
MessageFeedback,
|
|
11
|
+
GlIcon
|
|
11
12
|
},
|
|
12
13
|
directives: {
|
|
13
14
|
SafeHtml: GlSafeHtmlDirective
|
|
@@ -46,7 +47,7 @@ var script = {
|
|
|
46
47
|
const __vue_script__ = script;
|
|
47
48
|
|
|
48
49
|
/* template */
|
|
49
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-message',{staticClass:"gl-text-gray-900",attrs:{"message":_vm.message},scopedSlots:_vm._u([{key:"message",fn:function(slotProps){return [_vm._t("message",function(){return [_c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(slotProps.htmlContent),expression:"slotProps.htmlContent",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content",on:{"insert-code-snippet":_vm.onInsertCodeSnippet,"copy-code-snippet":_vm.onCopyCodeSnippet}})]},null,slotProps),_vm._v(" "),(_vm.withFeedback)?_c('message-feedback',{on:{"feedback":function($event){return _vm.$emit('feedback', $event)}}}):_vm._e()]}}],null,true)})};
|
|
50
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-message',{staticClass:"gl-text-gray-900",attrs:{"message":_vm.message},scopedSlots:_vm._u([{key:"message",fn:function(slotProps){return [(_vm.message.title)?_c('div',{staticClass:"gl-my-3 gl-flex gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-center gl-gap-x-2"},[(_vm.message.icon)?_c('gl-icon',{attrs:{"name":_vm.message.icon,"size":_vm.message.iconSize,"variant":_vm.message.iconVariant}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-text-lg",attrs:{"data-testid":"message-title"}},[_vm._v(_vm._s(_vm.message.title))])],1)]):_vm._e(),_vm._v(" "),_vm._t("message",function(){return [_c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(slotProps.htmlContent),expression:"slotProps.htmlContent",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content",on:{"insert-code-snippet":_vm.onInsertCodeSnippet,"copy-code-snippet":_vm.onCopyCodeSnippet}})]},null,slotProps),_vm._v(" "),(_vm.withFeedback)?_c('message-feedback',{on:{"feedback":function($event){return _vm.$emit('feedback', $event)}}}):_vm._e()]}}],null,true)})};
|
|
50
51
|
var __vue_staticRenderFns__ = [];
|
|
51
52
|
|
|
52
53
|
/* style */
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import { GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
|
|
2
|
+
import { GlIcon, GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
|
|
3
3
|
import MessageFeedback from '../message_feedback.vue';
|
|
4
4
|
import BaseMessage from './message_base.vue';
|
|
5
5
|
|
|
@@ -8,6 +8,7 @@ export default {
|
|
|
8
8
|
components: {
|
|
9
9
|
BaseMessage,
|
|
10
10
|
MessageFeedback,
|
|
11
|
+
GlIcon,
|
|
11
12
|
},
|
|
12
13
|
directives: {
|
|
13
14
|
SafeHtml,
|
|
@@ -44,6 +45,17 @@ export default {
|
|
|
44
45
|
<template>
|
|
45
46
|
<base-message :message="message" class="gl-text-gray-900">
|
|
46
47
|
<template #message="slotProps">
|
|
48
|
+
<div v-if="message.title" class="gl-my-3 gl-flex gl-flex-col">
|
|
49
|
+
<div class="gl-flex gl-items-center gl-gap-x-2">
|
|
50
|
+
<gl-icon
|
|
51
|
+
v-if="message.icon"
|
|
52
|
+
:name="message.icon"
|
|
53
|
+
:size="message.iconSize"
|
|
54
|
+
:variant="message.iconVariant"
|
|
55
|
+
/>
|
|
56
|
+
<span data-testid="message-title" class="gl-text-lg">{{ message.title }}</span>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
47
59
|
<slot name="message" v-bind="slotProps">
|
|
48
60
|
<div
|
|
49
61
|
ref="content"
|