@blueking/ai-ui-sdk 0.3.0-beta.2 → 0.3.0-beta.4

package/dist/components/render-card/mcp/actions.script.vue.js.js

@@ -197,7 +197,7 @@ export default /*@__PURE__*/ _defineComponent({
                         key: 0,
                         size: "small",
                         class: _normalizeClass({
-                            'g-disabled': !__props.mcp.permission.manageMcp
+                            '!g-disabled': !__props.mcp.permission.manageMcp
                         }),
                         onMouseenter: handleManagePermissionMouseEnter,
                         onMousemove: handleManagePermissionMouseMove,
@@ -303,7 +303,7 @@ export default /*@__PURE__*/ _defineComponent({
                 }, {
                     trigger: _withCtx(()=>[
                             _createVNode(_component_bk_button, {
-                                class: "g-pl-5 g-pr-5",
+                                class: "!g-pl-5 !g-pr-5",
                                 size: "small",
                                 onClick: _cache[3] || (_cache[3] = _withModifiers(()=>{}, [
                                     "stop"

package/dist/components/render-card/mcp/code-suffix.script.vue.js

@@ -16,7 +16,7 @@ const _hoisted_4 = {
     class: "g-max-truncate"
 };
 const _hoisted_5 = {
-    class: "g-text-blue g-font-number"
+    class: "g-text-blue g-number-font"
 };
 const _hoisted_6 = {
     key: 3,
@@ -37,7 +37,7 @@ export default /*@__PURE__*/ _defineComponent({
         const tooltipContent = _createVNode("ul", null, [
             (_a = props.mcp.mcpTools) === null || _a === void 0 ? void 0 : _a.map((tool)=>_createVNode("li", {
                     "key": tool.toolName,
-                    "class": "g-learning-20"
+                    "class": "g-leading-20"
                 }, [
                     tool.toolName,
                     _createTextVNode2(" "),

package/dist/components/render-card/mcp/index.script.vue.js.js

@@ -71,7 +71,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderBase, {
-                class: "g-position-relative",
+                class: "g-relative",
                 module: _unref(Module).Mcp,
                 type: props.type,
                 name: props.mcp.mcpName,

package/dist/components/render-card/mcp/name-suffix.script.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as _defineComponent, createVNode as _createVNode, createTextVNode as _createTextVNode2 } from 'vue';
 import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = {
-    class: "g-text-blue g-font-number g-learning-16 g-cursor-pointer g-ml-4 tool-number"
+    class: "g-text-blue g-number-font g-leading-16 !g-cursor-pointer g-ml-4 tool-number"
 };
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -16,7 +16,7 @@ export default /*@__PURE__*/ _defineComponent({
                 _createTextVNode2("\u5305\u542B\u5DE5\u5177\uFF1A"),
                 (_a = props.mcp.mcpToolNames) === null || _a === void 0 ? void 0 : _a.map((name)=>_createVNode("li", {
                         "key": name,
-                        "class": "g-learning-20"
+                        "class": "g-leading-20"
                     }, [
                         name
                     ]))

package/dist/components/render-card/mcp/name-suffix.vue.css

@@ -1,11 +1,11 @@
 
-.tool-number[data-v-4itnz00i] {
-  background: #E1ECFF;
-  border-radius: 2px;
-  padding: 0 4px;
+.tool-number[data-v-arde521y] {
+  background: #E1ECFF;
+  border-radius: 2px;
+  padding: 0 4px;
   font-size: 10px;
 }
-.tool-number[data-v-4itnz00i]:hover {
-    background: #3A84FF;
+.tool-number[data-v-arde521y]:hover {
+    background: #3A84FF;
     color: #fff;
-}
+}

package/dist/components/render-card/mcp/name-suffix.vue.js

@@ -1,5 +1,5 @@
 import script from './name-suffix.script.vue.js';
-script.__scopeId = "data-v-4itnz00i";
+script.__scopeId = "data-v-arde521y";
 script.__file = "./src/components/render-card/mcp/name-suffix.vue";
 import './name-suffix.vue.css';
 export default script;

package/dist/components/render-card/mcp/prefix-info-tool.script.vue.js.js

@@ -34,8 +34,8 @@ export default /*@__PURE__*/ _defineComponent({
                 key: 0,
                 class: _normalizeClass({
                     'bkaidev-icon bkaidev-setting-2 g-text-16 g-text-gray g-ml-16 g-mr-16': true,
-                    'g-cursor-pointer g-hover-text-blue': !getIsDisabled(),
-                    'g-disabled': getIsDisabled()
+                    '!g-cursor-pointer hover:!g-text-blue': !getIsDisabled(),
+                    '!g-disabled': getIsDisabled()
                 }),
                 onClick: handleSettings
             }, null, 2 /* CLASS */ )), [

package/dist/components/render-card/prompt/icons.vue.css

@@ -1,4 +1,4 @@
 
-.like-button:hover .bkaidev-icon[data-v-mz34s434], .like-button:hover span[data-v-mz34s434] {
+.like-button:hover .bkaidev-icon[data-v-yhirubbd], .like-button:hover span[data-v-yhirubbd] {
       color: #3A84FF !important;
-}
+}

package/dist/components/render-card/prompt/icons.vue.js

@@ -1,5 +1,5 @@
 import script from './icons.script.vue.js.js';
-script.__scopeId = "data-v-mz34s434";
+script.__scopeId = "data-v-yhirubbd";
 script.__file = "./src/components/render-card/prompt/icons.vue";
 import './icons.vue.css';
 export default script;

package/dist/components/render-card/prompt/index.script.vue.js.js

@@ -73,7 +73,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderBase, {
-                class: "g-position-relative",
+                class: "g-relative",
                 module: _unref(Module).Prompt,
                 type: props.type,
                 id: props.prompt.id,
@@ -108,8 +108,8 @@ export default /*@__PURE__*/ _defineComponent({
                 content: _withCtx(()=>[
                         _createVNode(RenderContent, {
                             class: _normalizeClass({
-                                'g-mb-10': true,
-                                'g-mt-16': [
+                                '!g-mb-10': true,
+                                '!g-mt-16': [
                                     _unref(ResourceCardType).Full,
                                     _unref(ResourceCardType).Market,
                                     _unref(ResourceCardType).Application

package/dist/components/render-card/role/index.script.vue.js.js

@@ -74,7 +74,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderBase, {
-                class: "g-position-relative",
+                class: "g-relative",
                 module: _unref(Module).Collection,
                 type: props.type,
                 name: props.role.name,
@@ -127,7 +127,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                 content: _withCtx(()=>[
                         _createVNode(RenderContent, {
-                            class: "g-mt-16",
+                            class: "!g-mt-16",
                             role: props.role,
                             type: __props.type,
                             "role-types": __props.roleTypes

package/dist/components/render-card/skill/index.script.vue.js.js

@@ -78,7 +78,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderBase, {
-                class: "g-position-relative",
+                class: "g-relative",
                 module: _unref(Module).Skill,
                 type: props.type,
                 name: props.skill.skillName,

package/dist/components/render-card/skill/tag-prefix.script.vue.js.js

@@ -41,7 +41,7 @@ export default /*@__PURE__*/ _defineComponent({
                 ((_props_skill_scanner = props.skill.scanner) === null || _props_skill_scanner === void 0 ? void 0 : _props_skill_scanner.effectiveStatus) ? _withDirectives((_openBlock(), _createElementBlock("span", {
                     key: 0,
                     class: _normalizeClass([
-                        "g-pl-6 g-pr-6 g-rounded-2 g-text-10 g-cursor-pointer",
+                        "!g-pl-6 !g-pr-6 g-rounded-2 g-text-10 !g-cursor-pointer",
                         (_statusConfig_props_skill_scanner_effectiveStatus = statusConfig[props.skill.scanner.effectiveStatus]) === null || _statusConfig_props_skill_scanner_effectiveStatus === void 0 ? void 0 : _statusConfig_props_skill_scanner_effectiveStatus.tagClass
                     ]),
                     onClick: _withModifiers(handleDetail, [
@@ -51,7 +51,7 @@ export default /*@__PURE__*/ _defineComponent({
                     _createElementVNode("i", {
                         class: _normalizeClass([
                             (_statusConfig_props_skill_scanner_effectiveStatus1 = statusConfig[props.skill.scanner.effectiveStatus]) === null || _statusConfig_props_skill_scanner_effectiveStatus1 === void 0 ? void 0 : _statusConfig_props_skill_scanner_effectiveStatus1.iconClass,
-                            'g-mr-2 g-text-12'
+                            'g-mr-2 !g-text-12'
                         ])
                     }, null, 2 /* CLASS */ ),
                     _createTextVNode(" " + _toDisplayString(props.skill.scanner.effectiveStatusCn), 1 /* TEXT */ )

package/dist/components/render-card/skill/tag-prefix.vue.css

@@ -1,13 +1,13 @@
 
-.tag-pass[data-v-9ca8iava] {
-  color: #299E56;
+.tag-pass[data-v-prifcubl] {
+  color: #299E56;
   background: #DAF6E5;
 }
-.tag-fail[data-v-9ca8iava] {
-  color: #E71818;
+.tag-fail[data-v-prifcubl] {
+  color: #E71818;
   background: #FFDDDD;
 }
-.tag-error[data-v-9ca8iava] {
-  color: #E38B02;
+.tag-error[data-v-prifcubl] {
+  color: #E38B02;
   background: #FCE5C0;
-}
+}

package/dist/components/render-card/skill/tag-prefix.vue.js

@@ -1,5 +1,5 @@
 import script from './tag-prefix.script.vue.js.js';
-script.__scopeId = "data-v-9ca8iava";
+script.__scopeId = "data-v-prifcubl";
 script.__file = "./src/components/render-card/skill/tag-prefix.vue";
 import './tag-prefix.vue.css';
 export default script;

package/dist/components/render-card/tool/actions.script.vue.js.js

@@ -149,7 +149,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 0,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.tool.permission.manageTool
+                        '!g-disabled': !__props.tool.permission.manageTool
                     }),
                     onMouseenter: handleManagePermissionMouseEnter,
                     onMousemove: handleManagePermissionMouseMove,
@@ -172,7 +172,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 1,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.tool.permission.useTool
+                        '!g-disabled': !__props.tool.permission.useTool
                     }),
                     onMouseenter: handleUsePermissionMouseEnter,
                     onMousemove: handleUsePermissionMouseMove,
@@ -199,7 +199,7 @@ export default /*@__PURE__*/ _defineComponent({
                 }, {
                     trigger: _withCtx(()=>[
                             _createVNode(_component_bk_button, {
-                                class: "g-pl-5 g-pr-5",
+                                class: "!g-pl-5 !g-pr-5",
                                 size: "small",
                                 onClick: _cache[2] || (_cache[2] = _withModifiers(()=>{}, [
                                     "stop"

package/dist/components/render-card/tool/index.script.vue.js.js

@@ -72,7 +72,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderBase, {
-                class: "g-position-relative",
+                class: "g-relative",
                 module: _unref(Module).Tool,
                 type: props.type,
                 name: props.tool.toolName,

package/dist/components/render-card/tool/prefix-info-tool.script.vue.js.js

@@ -24,8 +24,8 @@ export default /*@__PURE__*/ _defineComponent({
                 key: 0,
                 class: _normalizeClass({
                     'bkaidev-icon bkaidev-setting-2 g-text-16 g-text-gray g-ml-16 g-mr-16': true,
-                    'g-cursor-pointer g-hover-text-blue': !props.disabled,
-                    'g-disabled': props.disabled
+                    '!g-cursor-pointer hover:!g-text-blue': !props.disabled,
+                    '!g-disabled': props.disabled
                 }),
                 onClick: handleSettings
             }, null, 2 /* CLASS */ )), [

package/dist/components/render-checkbox/index.script.vue.js.js

@@ -30,8 +30,8 @@ export default /*@__PURE__*/ _defineComponent({
             return __props.title || __props.suffixTitle ? (_openBlock(), _createElementBlock("span", {
                 key: 0,
                 class: _normalizeClass([
-                    'g-flex-row g-align-center',
-                    props.disabled ? 'g-disabled' : 'g-cursor-pointer'
+                    'g-flex-row !g-items-center',
+                    props.disabled ? '!g-disabled' : '!g-cursor-pointer'
                 ]),
                 onClick: handleClick
             }, [

package/dist/components/render-checkbox/index.vue.css

@@ -1,59 +1,59 @@
 
-.checkbox[data-v-h7r5hrsv] {
-  position: relative;
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  border: 1px solid #979ba5;
-  border-radius: 2px;
+.checkbox[data-v-ysxi6ex9] {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #979ba5;
+  border-radius: 2px;
   cursor: pointer;
 }
-.checkbox.disabled[data-v-h7r5hrsv] {
-    cursor: not-allowed;
-    background: #fafbfd;
+.checkbox.disabled[data-v-ysxi6ex9] {
+    cursor: not-allowed;
+    background: #fafbfd;
     border-color: #dcdee5;
 }
-.checkbox.disabled.checked[data-v-h7r5hrsv] {
-      background-color: #a3c5fd;
+.checkbox.disabled.checked[data-v-ysxi6ex9] {
+      background-color: #a3c5fd;
       border-color: #a3c5fd;
 }
-.checkbox.disabled.indeterminate[data-v-h7r5hrsv] {
-      background-color: #fafbfd;
+.checkbox.disabled.indeterminate[data-v-ysxi6ex9] {
+      background-color: #fafbfd;
       border-color: #dcdee5;
 }
-.checkbox.disabled.indeterminate[data-v-h7r5hrsv]:after {
+.checkbox.disabled.indeterminate[data-v-ysxi6ex9]:after {
         background: #dcdee5;
 }
-.checkbox.checked[data-v-h7r5hrsv] {
-    background-color: #3a84ff;
+.checkbox.checked[data-v-ysxi6ex9] {
+    background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.checked[data-v-h7r5hrsv]:after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 4px;
-      height: 8px;
-      border: 2px solid #fff;
-      border-top: 0;
-      border-left: 0;
-      content: "";
-      transform: translate(-50%, -60%) rotate(45deg);
+.checkbox.checked[data-v-ysxi6ex9]:after {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 4px;
+      height: 8px;
+      border: 2px solid #fff;
+      border-top: 0;
+      border-left: 0;
+      content: "";
+      transform: translate(-50%, -60%) rotate(45deg);
       transform-origin: center;
 }
-.checkbox.indeterminate[data-v-h7r5hrsv] {
-    background-color: #3a84ff;
+.checkbox.indeterminate[data-v-ysxi6ex9] {
+    background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.indeterminate[data-v-h7r5hrsv]:after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 8px;
-      height: 2px;
-      background: #fff;
-      border: none;
-      border-radius: 2px;
-      content: "";
+.checkbox.indeterminate[data-v-ysxi6ex9]:after {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 8px;
+      height: 2px;
+      background: #fff;
+      border: none;
+      border-radius: 2px;
+      content: "";
       transform: translate(-50%, -50%);
-}
+}

package/dist/components/render-checkbox/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-h7r5hrsv";
+script.__scopeId = "data-v-ysxi6ex9";
 script.__file = "./src/components/render-checkbox/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-choose-tag/index.vue.css

@@ -1,46 +1,46 @@
 
-.plus-tag-input[data-v-u7ytllcf] {
-  padding: 7px 12px;
-  height: 40px;
-  background: #FAFBFD;
+.plus-tag-input[data-v-2xdzwtt5] {
+  padding: 7px 12px;
+  height: 40px;
+  background: #FAFBFD;
   border-top: 1px solid #DCDEE5;
 }
-.plus-tag-input .plus-tag-done[data-v-u7ytllcf] {
-    cursor: pointer;
-    font-size: 22px;
-    color: #2DCB56;
+.plus-tag-input .plus-tag-done[data-v-2xdzwtt5] {
+    cursor: pointer;
+    font-size: 22px;
+    color: #2DCB56;
     margin: 0 5px 0 10px;
 }
-.plus-tag-input .plus-tag-error[data-v-u7ytllcf] {
-    cursor: pointer;
-    font-size: 16px;
-    color: #C4C6CC;
+.plus-tag-input .plus-tag-error[data-v-2xdzwtt5] {
+    cursor: pointer;
+    font-size: 16px;
+    color: #C4C6CC;
     margin-right: 5px;
 }
-.plus-tag-input .plus-tag-form[data-v-u7ytllcf] {
+.plus-tag-input .plus-tag-form[data-v-2xdzwtt5] {
     flex: 1;
 }
-.plus-tag-input .plus-tag-form-item[data-v-u7ytllcf] {
+.plus-tag-input .plus-tag-form-item[data-v-2xdzwtt5] {
     margin-bottom: 0;
 }
-.plus-tag[data-v-u7ytllcf] {
-  cursor: pointer;
-  width: 100%;
-  height: 40px;
-  background: #FAFBFD;
-  border-top: 1px solid #DCDEE5;
-  border-radius: 0 0 2px 2px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 12px;
+.plus-tag[data-v-2xdzwtt5] {
+  cursor: pointer;
+  width: 100%;
+  height: 40px;
+  background: #FAFBFD;
+  border-top: 1px solid #DCDEE5;
+  border-radius: 0 0 2px 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
   line-height: 20px;
 }
-.plus-tag[data-v-u7ytllcf]:hover {
+.plus-tag[data-v-2xdzwtt5]:hover {
     color: #3A84FF;
-}
+}
 
 
-.bk-cascader-popover:has(.render-tag) .bk-cascader-node {
+.bk-cascader-popover:has(.render-tag) .bk-cascader-node {
     width: 240px !important;
-}
+}

package/dist/components/render-choose-tag/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-u7ytllcf";
+script.__scopeId = "data-v-2xdzwtt5";
 script.__file = "./src/components/render-choose-tag/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-collapse/index.script.vue.js.js

@@ -1,7 +1,7 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 const _hoisted_1 = {
-    class: "g-text-black g-font-bold g-text-12"
+    class: "g-text-black g-font-bold !g-text-12"
 };
 const _hoisted_2 = {
     key: 0,
@@ -24,12 +24,12 @@ export default /*@__PURE__*/ _defineComponent({
             const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
             return _openBlock(), _createElementBlock(_Fragment, null, [
                 _createElementVNode("span", _mergeProps(_ctx.$attrs, {
-                    class: "collapse-title g-flex-row g-cursor-pointer",
+                    class: "collapse-title g-flex-row !g-cursor-pointer",
                     onClick: toggleShow
                 }), [
                     _createElementVNode("i", {
                         class: _normalizeClass({
-                            'bkaidev-icon bkaidev-angle-up-fill-3 g-text-12 g-mr-8': true,
+                            'bkaidev-icon bkaidev-angle-up-fill-3 !g-text-12 g-mr-8': true,
                             'is-hidden': !isShow.value
                         })
                     }, null, 2 /* CLASS */ ),

package/dist/components/render-collapse/index.vue.css

@@ -1,10 +1,10 @@
 
-.collapse-title[data-v-5w81wopi] {
-  height: 28px;
-  background: #F0F1F5;
-  border-radius: 2px;
+.collapse-title[data-v-3krix8o7] {
+  height: 28px;
+  background: #F0F1F5;
+  border-radius: 2px;
   padding: 0 12px;
 }
-.collapse-title .is-hidden[data-v-5w81wopi] {
+.collapse-title .is-hidden[data-v-3krix8o7] {
     transform: rotate(-90deg);
-}
+}

package/dist/components/render-collapse/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-5w81wopi";
+script.__scopeId = "data-v-3krix8o7";
 script.__file = "./src/components/render-collapse/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-collection/actions/index.script.vue.js.js

@@ -160,7 +160,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 0,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.role.permission.manageCollection
+                        '!g-disabled': !__props.role.permission.manageCollection
                     }),
                     onMouseenter: handleManagePermissionMouseEnter,
                     onMousemove: handleManagePermissionMouseMove,
@@ -183,7 +183,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 1,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.role.permission.useCollection
+                        '!g-disabled': !__props.role.permission.useCollection
                     }),
                     loading: isStartingChat.value,
                     onMouseenter: handleUsePermissionMouseEnter,
@@ -208,7 +208,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 2,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.role.permission.useCollection
+                        '!g-disabled': !__props.role.permission.useCollection
                     }),
                     onMouseenter: handleUsePermissionMouseEnter,
                     onMousemove: handleUsePermissionMouseMove,
@@ -236,7 +236,7 @@ export default /*@__PURE__*/ _defineComponent({
                 }, {
                     trigger: _withCtx(()=>[
                             _createVNode(_component_bk_button, {
-                                class: "g-pl-5 g-pr-5",
+                                class: "!g-pl-5 !g-pr-5",
                                 size: "small",
                                 onClick: _cache[3] || (_cache[3] = _withModifiers(()=>{}, [
                                     "stop"

package/dist/components/render-collection/content/index.script.vue.js

@@ -4,7 +4,7 @@ const _hoisted_1 = {
     class: "row-list-wrap g-scrollbar"
 };
 const _hoisted_2 = {
-    class: "g-flex-row g-mb-6 g-learning-16 g-height-16"
+    class: "g-flex-row g-mb-6 g-leading-16 g-h-16"
 };
 const _hoisted_3 = {
     class: "prompt-tag"
@@ -13,10 +13,10 @@ const _hoisted_4 = {
     key: 0
 };
 const _hoisted_5 = {
-    class: "g-ml-12 g-mt-12 g-block"
+    class: "g-ml-12 g-mt-12 !g-block"
 };
 const _hoisted_6 = {
-    class: "g-flex-row g-mb-6 g-mt-12 g-learning-16 g-height-16"
+    class: "g-flex-row g-mb-6 g-mt-12 g-leading-16 g-h-16"
 };
 const _hoisted_7 = {
     class: "prompt-tag"
@@ -52,7 +52,7 @@ export default /*@__PURE__*/ _defineComponent({
                     }, [
                         _createElementVNode("span", _hoisted_2, [
                             _cache[0] || (_cache[0] = _createElementVNode("span", {
-                                class: "g-font-bold g-text-12"
+                                class: "g-font-bold !g-text-12"
                             }, "Prompt", -1 /* CACHED */ )),
                             _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_3, [
                                 _createTextVNode(_toDisplayString(_unref(getCollectionTypeName)(item.role)), 1 /* TEXT */ )
@@ -72,7 +72,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 }, [
                                     _createElementVNode("span", _hoisted_6, [
                                         _cache[1] || (_cache[1] = _createElementVNode("span", {
-                                            class: "g-font-bold g-text-12"
+                                            class: "g-font-bold !g-text-12"
                                         }, "Prompt", -1 /* CACHED */ )),
                                         _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_7, [
                                             _createTextVNode(_toDisplayString(_unref(getCollectionTypeName)(variable.role)), 1 /* TEXT */ )

package/dist/components/render-collection/content/index.vue.css

@@ -1,23 +1,23 @@
 
-.row-list-wrap[data-v-klppdnhx] {
-  height: 186px;
+.row-list-wrap[data-v-9bjneg35] {
+  height: 186px;
   overflow-y: auto;
 }
-.role-list-item[data-v-klppdnhx] {
-  padding: 12px;
-  background: #f5f7fa;
+.role-list-item[data-v-9bjneg35] {
+  padding: 12px;
+  background: #f5f7fa;
   border-radius: 2px;
 }
-.role-list-item .prompt-tag[data-v-klppdnhx] {
-    padding: 0 8px;
-    border: 1px solid #dcdee5;
-    border-radius: 11px;
-    font-size: 10px;
+.role-list-item .prompt-tag[data-v-9bjneg35] {
+    padding: 0 8px;
+    border: 1px solid #dcdee5;
+    border-radius: 11px;
+    font-size: 10px;
     margin-left: 8px;
 }
-.role-list-item .prompt-content[data-v-klppdnhx] {
-    font-size: 12px;
-    line-height: 20px;
-    word-break: break-all;
+.role-list-item .prompt-content[data-v-9bjneg35] {
+    font-size: 12px;
+    line-height: 20px;
+    word-break: break-all;
     white-space: pre-line;
-}
+}