@blueking/ai-ui-sdk 0.5.1-beta.4 → 0.5.1-beta.6

package/dist/components/render-card/base/approval-strategy-popover.script.vue.js.js

@@ -8,30 +8,41 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
     key: 1,
-    class: "g-pl-16 g-pr-16 g-pb-12"
+    class: "g-pl-16 g-pr-16 g-pb-16"
 };
 const _hoisted_4 = {
     key: 0,
-    class: "g-flex g-flex-col g-items-start g-gap-8 g-mt-12"
+    class: /*@__PURE__*/ _normalizeClass([
+        'g-flex g-flex-col g-items-start g-gap-8',
+        'g-bg-[var(--aidev-inner-background)] g-mt-10 g-px-16 g-py-12'
+    ])
 };
 const _hoisted_5 = {
     class: "g-flex g-flex-wrap g-gap-4"
 };
-const _hoisted_6 = {
+const _hoisted_6 = [
+    "user-id"
+];
+const _hoisted_7 = {
+    class: "g-text-[var(--aidev-assist-color)] g-text-12 g-mt-4"
+};
+const _hoisted_8 = {
     key: 2,
-    class: "g-px-16 g-text-12 g-text-normal g-mb-12"
+    class: "g-px-16 g-text-12 g-text-[var(--aidev-main-color)] g-mb-12"
 };
-const _hoisted_7 = {
+const _hoisted_9 = {
     class: "g-font-bold"
 };
 import { ref } from 'vue';
 import { isEmpty } from '../../../common/util.ts.js';
+import { ExecutorIdentity } from '../../../enums.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         approvalEnabled: {
             type: Boolean
         },
         approvalStrategyId: {},
+        executorIdentity: {},
         approvalSettings: {},
         toolName: {},
         disabled: {
@@ -49,7 +60,18 @@ export default /*@__PURE__*/ _defineComponent({
         const emits = __emit;
         const renderEnabled = ref();
         const renderApprovalStrategyId = ref();
+        const renderExecutorIdentity = ref();
         const isPopoverOpen = ref(false);
+        const executorList = [
+            {
+                label: '智能体使用者',
+                value: ExecutorIdentity.User
+            },
+            {
+                label: '审批人',
+                value: ExecutorIdentity.Approver
+            }
+        ];
         const getTooltipContent = ()=>{
             if (props.disabled) return props.disabledText;
             return '配置审批策略';
@@ -58,16 +80,16 @@ export default /*@__PURE__*/ _defineComponent({
             const baseClass = 'g-text-16 g-shrink-0';
             const extCls = props.extCls || '';
             if (props.disabled) {
-                return `${baseClass} ai-ui-sdk-icon ai-ui-sdk-shenpi g-text-gray !g-disabled ${extCls}`;
+                return `${baseClass} ai-ui-sdk-icon ai-ui-sdk-shenpi g-text-[var(--aidev-assist-color)] !g-disabled ${extCls}`;
             }
             const iconClass = props.approvalEnabled ? 'ai-ui-sdk-yishenpi' : 'ai-ui-sdk-shenpi';
-            let colorClass = 'g-text-gray';
+            let colorClass = 'g-text-[var(--aidev-assist-color)]';
             if (isPopoverOpen.value) {
-                colorClass = 'g-text-blue';
+                colorClass = 'g-text-[var(--aidev-clickable-color)]';
             } else if (props.approvalEnabled) {
-                colorClass = 'g-text-green';
+                colorClass = 'g-text-[#2caf5e]';
             }
-            const hoverClass = isPopoverOpen.value ? '' : 'hover:!g-text-blue';
+            const hoverClass = isPopoverOpen.value ? '' : 'hover:!g-text-[var(--aidev-clickable-color)]';
             return `${baseClass} ai-ui-sdk-icon ${iconClass} g-cursor-pointer ${colorClass} ${hoverClass} ${extCls}`.trim();
         };
         const getSelectedApprovers = ()=>{
@@ -75,6 +97,10 @@ export default /*@__PURE__*/ _defineComponent({
             const strategy = (_props_approvalSettings = props.approvalSettings) === null || _props_approvalSettings === void 0 ? void 0 : _props_approvalSettings.find((approvalStrategySetting)=>approvalStrategySetting.strategyId === renderApprovalStrategyId.value);
             return strategy === null || strategy === void 0 ? void 0 : strategy.approvers;
         };
+        const getExecutorIdentityLabel = ()=>{
+            var _executorList_find;
+            return (_executorList_find = executorList.find((executor)=>executor.value === renderExecutorIdentity.value)) === null || _executorList_find === void 0 ? void 0 : _executorList_find.label;
+        };
         const getDefaultStrategyId = ()=>{
             var _props_approvalSettings;
             const defaultStrategy = (_props_approvalSettings = props.approvalSettings) === null || _props_approvalSettings === void 0 ? void 0 : _props_approvalSettings.find((approvalStrategySetting)=>approvalStrategySetting.isDefault);
@@ -83,6 +109,7 @@ export default /*@__PURE__*/ _defineComponent({
         const handleShow = ()=>{
             renderEnabled.value = !!props.approvalEnabled;
             renderApprovalStrategyId.value = props.approvalStrategyId || getDefaultStrategyId();
+            renderExecutorIdentity.value = props.executorIdentity || ExecutorIdentity.User;
             isPopoverOpen.value = true;
         };
         const handleHide = ()=>{
@@ -91,7 +118,8 @@ export default /*@__PURE__*/ _defineComponent({
         const handleConfirm = ()=>{
             emits('confirm', {
                 approvalEnabled: renderEnabled.value,
-                approvalStrategyId: renderEnabled.value ? renderApprovalStrategyId.value : ''
+                approvalStrategyId: renderEnabled.value ? renderApprovalStrategyId.value : '',
+                executorIdentity: renderEnabled.value ? renderExecutorIdentity.value : undefined
             });
         };
         return (_ctx, _cache)=>{
@@ -99,7 +127,6 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_alert = _resolveComponent("bk-alert");
             const _component_bk_option = _resolveComponent("bk-option");
             const _component_bk_select = _resolveComponent("bk-select");
-            const _component_bk_user_display_name = _resolveComponent("bk-user-display-name");
             const _component_bk_tag = _resolveComponent("bk-tag");
             const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
             const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
@@ -117,8 +144,8 @@ export default /*@__PURE__*/ _defineComponent({
             }, {
                 content: _withCtx(()=>[
                         _createElementVNode("section", _hoisted_1, [
-                            _cache[3] || (_cache[3] = _createElementVNode("span", {
-                                class: "g-text-14 g-font-bold g-text-black"
+                            _cache[4] || (_cache[4] = _createElementVNode("span", {
+                                class: "g-text-14 g-font-bold g-text-[var(--aidev-title-color)]"
                             }, "配置审批策略", -1 /* CACHED */ )),
                             _createElementVNode("section", _hoisted_2, [
                                 _createVNode(_component_bk_switcher, {
@@ -129,8 +156,8 @@ export default /*@__PURE__*/ _defineComponent({
                                 }, null, 8 /* PROPS */ , [
                                     "modelValue"
                                 ]),
-                                _cache[2] || (_cache[2] = _createElementVNode("span", {
-                                    class: "g-text-12 g-text-gray"
+                                _cache[3] || (_cache[3] = _createElementVNode("span", {
+                                    class: "g-text-12 g-text-[var(--aidev-assist-color)]"
                                 }, "开启审批", -1 /* CACHED */ ))
                             ])
                         ]),
@@ -146,7 +173,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 modelValue: renderApprovalStrategyId.value,
                                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>renderApprovalStrategyId.value = $event),
                                 clearable: false,
-                                class: "g-flex-1 !g-w-full",
+                                class: "!g-w-full",
                                 prefix: "策略"
                             }, {
                                 default: _withCtx(()=>[
@@ -166,8 +193,8 @@ export default /*@__PURE__*/ _defineComponent({
                                 "modelValue"
                             ]),
                             !_unref(isEmpty)(getSelectedApprovers()) ? (_openBlock(), _createElementBlock("section", _hoisted_4, [
-                                _cache[4] || (_cache[4] = _createElementVNode("label", {
-                                    class: "g-shrink-0 g-text-12 g-text-black"
+                                _cache[5] || (_cache[5] = _createElementVNode("label", {
+                                    class: "g-shrink-0 g-text-12 g-text-[var(--aidev-title-color)] g-leading-20"
                                 }, "审批人：", -1 /* CACHED */ )),
                                 _createElementVNode("section", _hoisted_5, [
                                     (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(getSelectedApprovers(), (approver)=>{
@@ -175,20 +202,47 @@ export default /*@__PURE__*/ _defineComponent({
                                             key: approver
                                         }, {
                                             default: _withCtx(()=>[
-                                                    _createVNode(_component_bk_user_display_name, {
+                                                    _createElementVNode("bk-user-display-name", {
                                                         "user-id": approver
-                                                    }, null, 8 /* PROPS */ , [
-                                                        "user-id"
-                                                    ])
+                                                    }, null, 8 /* PROPS */ , _hoisted_6)
                                                 ]),
                                             _: 2 /* DYNAMIC */ 
                                         }, 1024 /* DYNAMIC_SLOTS */ );
                                     }), 128 /* KEYED_FRAGMENT */ ))
                                 ])
-                            ])) : _createCommentVNode("v-if", true)
-                        ])) : (_openBlock(), _createElementBlock("section", _hoisted_6, [
-                            _createElementVNode("span", _hoisted_7, " 【" + _toDisplayString(__props.toolName) + "】 ", 1 /* TEXT */ ),
-                            _cache[5] || (_cache[5] = _createTextVNode("未开启审批功能，请先开启再配置策略 ", -1 /* CACHED */ ))
+                            ])) : _createCommentVNode("v-if", true),
+                            _createVNode(_component_bk_select, {
+                                modelValue: renderExecutorIdentity.value,
+                                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>renderExecutorIdentity.value = $event),
+                                clearable: false,
+                                class: "!g-w-full g-mt-10",
+                                prefix: "执行人"
+                            }, {
+                                default: _withCtx(()=>[
+                                        (_openBlock(), _createElementBlock(_Fragment, null, _renderList(executorList, (strategy)=>{
+                                            return _createVNode(_component_bk_option, {
+                                                label: strategy.label,
+                                                value: strategy.value,
+                                                key: strategy.value
+                                            }, null, 8 /* PROPS */ , [
+                                                "label",
+                                                "value"
+                                            ]);
+                                        }), 64 /* STABLE_FRAGMENT */ ))
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "modelValue"
+                            ]),
+                            _createElementVNode("section", _hoisted_7, [
+                                _cache[6] || (_cache[6] = _createElementVNode("i", {
+                                    class: "ai-ui-sdk-icon ai-ui-sdk-info-line g-text-14 g-mr-4"
+                                }, null, -1 /* CACHED */ )),
+                                _createTextVNode(" 将以“" + _toDisplayString(getExecutorIdentityLabel()) + "“的身份去调用资源 ", 1 /* TEXT */ )
+                            ])
+                        ])) : (_openBlock(), _createElementBlock("section", _hoisted_8, [
+                            _createElementVNode("span", _hoisted_9, " 【" + _toDisplayString(__props.toolName) + "】 ", 1 /* TEXT */ ),
+                            _cache[7] || (_cache[7] = _createTextVNode("未开启审批功能，请先开启再配置策略 ", -1 /* CACHED */ ))
                         ]))
                     ]),
                 default: _withCtx(()=>[

package/dist/components/render-card/base/approval-strategy-popover.vue.d.ts

@@ -1,8 +1,10 @@
+import { ExecutorIdentity } from '@/enums';
 import type { IApprovalSetting } from '@/types/agent';
 import type { IApprovalSettingValue } from '@/types/common';
 interface IProps {
     approvalEnabled?: boolean;
     approvalStrategyId?: string;
+    executorIdentity?: ExecutorIdentity;
     approvalSettings: IApprovalSetting[];
     toolName?: string;
     disabled?: boolean;

package/dist/components/render-card/base/collection-icon.script.vue.js.js

@@ -99,7 +99,7 @@ export default /*@__PURE__*/ _defineComponent({
                 key: 0,
                 class: _normalizeClass([
                     'g-group/collection-icon g-flex-row !g-cursor-pointer',
-                    props.favorite ? 'g-text-fc943b hover:g-text-e38b02' : 'g-text-gray hover:g-text-normal'
+                    props.favorite ? 'g-text-fc943b hover:g-text-e38b02' : 'g-text-[var(--aidev-assist-color)] hover:g-text-[var(--aidev-main-color)]'
                 ]),
                 loading: loading.value,
                 mode: "spin",

package/dist/components/render-card/base/reference-icon.script.vue.js.js

@@ -39,8 +39,8 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 0
                 }, _ctx.$attrs, {
                     class: {
-                        'g-group/reference-icon g-flex-row !g-mr-12 g-text-gray': true,
-                        'hover:g-text-normal !g-cursor-pointer': getIsClickable()
+                        'g-group/reference-icon g-flex-row !g-mr-12 g-text-[var(--aidev-assist-color)]': true,
+                        'hover:g-text-[var(--aidev-main-color)] !g-cursor-pointer': getIsClickable()
                     },
                     onClick: _withModifiers(handleClickReference, [
                         "stop"
@@ -49,7 +49,7 @@ export default /*@__PURE__*/ _defineComponent({
                     _createElementVNode("i", {
                         class: _normalizeClass({
                             'ai-ui-sdk-icon ai-ui-sdk-yinyongchuangjian g-text-16 g-mr-4': true,
-                            'g-group-hover/reference-icon:g-text-blue': getIsClickable()
+                            'g-group-hover/reference-icon:g-text-[var(--aidev-clickable-color)]': getIsClickable()
                         })
                     }, null, 2 /* CLASS */ ),
                     _createTextVNode(" " + _toDisplayString((_props_refCount = props.refCount) !== null && _props_refCount !== void 0 ? _props_refCount : '--'), 1 /* TEXT */ )

package/dist/components/render-card/base.script.vue.js

@@ -18,7 +18,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = {
     key: 1,
-    class: "!g-text-12 g-text-gray g-leading-16"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-16"
 };
 const _hoisted_7 = {
     key: 0,
@@ -120,7 +120,7 @@ export default /*@__PURE__*/ _defineComponent({
             return _openBlock(), _createElementBlock("section", {
                 class: _normalizeClass({
                     [`resource-card-home ${props.type}`]: true,
-                    'hover:!g-border-blue': [
+                    'hover:!g-border-[var(--aidev-clickable-color)]': [
                         _unref(ResourceCardType).Info,
                         _unref(ResourceCardType).Record
                     ].includes(props.type),
@@ -302,8 +302,8 @@ export default /*@__PURE__*/ _defineComponent({
                                                 _withDirectives(_createElementVNode("i", {
                                                     class: _normalizeClass({
                                                         'ai-ui-sdk-icon ai-ui-sdk-delete': true,
-                                                        'g-text-16 g-text-gray !g-cursor-pointer': true,
-                                                        'hover:!g-text-blue': !__props.disabled,
+                                                        'g-text-16 g-text-[var(--aidev-assist-color)] !g-cursor-pointer': true,
+                                                        'hover:!g-text-[var(--aidev-clickable-color)]': !__props.disabled,
                                                         '!g-disabled': __props.disabled
                                                     }),
                                                     onClick: _cache[0] || (_cache[0] = _withModifiers(()=>{}, [
@@ -326,8 +326,8 @@ export default /*@__PURE__*/ _defineComponent({
                                         key: 1,
                                         class: _normalizeClass({
                                             'ai-ui-sdk-icon ai-ui-sdk-delete': true,
-                                            'g-text-16 g-text-gray !g-cursor-pointer': true,
-                                            'hover:!g-text-blue': !__props.disabled,
+                                            'g-text-16 g-text-[var(--aidev-assist-color)] !g-cursor-pointer': true,
+                                            'hover:!g-text-[var(--aidev-clickable-color)]': !__props.disabled,
                                             '!g-disabled': __props.disabled
                                         }),
                                         onClick: handleDelete

package/dist/components/render-card/base.vue.css

@@ -1,54 +1,57 @@
 
-.resource-card-home[data-v-7kkwqo7v] {
+.resource-card-home[data-v-j1f7pliu] {
   background: #FFFFFF;
 }
-.resource-card-home .resource-card-sub-name[data-v-7kkwqo7v] {
+.resource-card-home .resource-card-sub-name[data-v-j1f7pliu] {
     margin-right: -4px;
 }
-.resource-card-home.full[data-v-7kkwqo7v], .resource-card-home.application[data-v-7kkwqo7v], .resource-card-home.market[data-v-7kkwqo7v] {
+.resource-card-home.full[data-v-j1f7pliu], .resource-card-home.application[data-v-j1f7pliu], .resource-card-home.market[data-v-j1f7pliu] {
     padding: 16px 16px 0;
-    box-shadow: 0 2px 4px 0 #0000000d;
-    border-radius: 8px;
+    box-shadow: var(--aidev-card-box-shadow);
+    border-radius: var(--aidev-radius-l);
 }
-.resource-card-home.full[data-v-7kkwqo7v]:hover, .resource-card-home.application[data-v-7kkwqo7v]:hover, .resource-card-home.market[data-v-7kkwqo7v]:hover {
-      box-shadow: 0 2px 10px 0 #0000001f;
+.resource-card-home.full[data-v-j1f7pliu]:hover, .resource-card-home.application[data-v-j1f7pliu]:hover, .resource-card-home.market[data-v-j1f7pliu]:hover {
+      box-shadow: var(--aidev-card-hover-box-shadow);
 }
-.resource-card-home.full .resource-card-name[data-v-7kkwqo7v], .resource-card-home.application .resource-card-name[data-v-7kkwqo7v], .resource-card-home.market .resource-card-name[data-v-7kkwqo7v] {
+.resource-card-home.full .resource-card-name[data-v-j1f7pliu], .resource-card-home.application .resource-card-name[data-v-j1f7pliu], .resource-card-home.market .resource-card-name[data-v-j1f7pliu] {
       font-size: 14px;
-      color: #313238;
+      color: var(--aidev-title-color);
       font-weight: bold;
 }
-.resource-card-home.full .resource-card-description[data-v-7kkwqo7v], .resource-card-home.application .resource-card-description[data-v-7kkwqo7v], .resource-card-home.market .resource-card-description[data-v-7kkwqo7v] {
-      color: #4D4F56;
+.resource-card-home.full .resource-card-description[data-v-j1f7pliu], .resource-card-home.application .resource-card-description[data-v-j1f7pliu], .resource-card-home.market .resource-card-description[data-v-j1f7pliu] {
+      color: var(--aidev-main-color);
       height: 60px;
       white-space: pre-wrap;
       word-break: break-all;
 }
-.resource-card-home.choose[data-v-7kkwqo7v] {
+.resource-card-home.choose[data-v-j1f7pliu] {
     padding: 10px 12px 0;
-    border: 1px solid #DCDEE5;
-    border-radius: 4px;
+    border: 1px solid var(--aidev-line-medium-color);
+    border-radius: var(--aidev-radius-l);
 }
-.resource-card-home.choose .resource-card-name[data-v-7kkwqo7v] {
+.resource-card-home.choose[data-v-j1f7pliu]:hover {
+      border-color: var(--aidev-form-border-color);
+}
+.resource-card-home.choose .resource-card-name[data-v-j1f7pliu] {
       font-size: 14px;
       color: #000000;
       font-weight: bold;
 }
-.resource-card-home.choose .resource-card-description[data-v-7kkwqo7v] {
-      color: #4D4F56;
+.resource-card-home.choose .resource-card-description[data-v-j1f7pliu] {
+      color: var(--aidev-main-color);
       height: 20px;
 }
-.resource-card-home.info[data-v-7kkwqo7v],.resource-card-home.record[data-v-7kkwqo7v] {
+.resource-card-home.info[data-v-j1f7pliu],.resource-card-home.record[data-v-j1f7pliu] {
     padding: 10px 12px;
-    border: 1px solid #DCDEE5;
-    border-radius: 4px;
+    border: 1px solid var(--aidev-line-strong-color);
+    border-radius: var(--aidev-radius-l);
 }
-.resource-card-home.info .resource-card-name[data-v-7kkwqo7v], .resource-card-home.record .resource-card-name[data-v-7kkwqo7v] {
+.resource-card-home.info .resource-card-name[data-v-j1f7pliu], .resource-card-home.record .resource-card-name[data-v-j1f7pliu] {
       font-size: 12px;
-      color: #313238;
+      color: var(--aidev-title-color);
 }
-.resource-card-actions[data-v-7kkwqo7v] {
-  border-top: 1px solid #F5F7FA;
+.resource-card-actions[data-v-j1f7pliu] {
+  border-top: 1px solid var(--aidev-line-weak-color);
   height: 58px;
   gap: 0 8px;
 }

package/dist/components/render-card/base.vue.js

@@ -1,5 +1,5 @@
 import script from './base.script.vue.js';
-script.__scopeId = "data-v-7kkwqo7v";
+script.__scopeId = "data-v-j1f7pliu";
 script.__file = "./src/components/render-card/base.vue";
 import './base.vue.css';
 export default script;

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

@@ -30,7 +30,8 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 0,
                     class: _normalizeClass([
                         'ai-ui-sdk-icon ai-ui-sdk-kejian g-hidden group-hover:g-inline',
-                        'g-text-16 g-text-gray !g-cursor-pointer hover:!g-text-blue g-mr-8'
+                        'g-text-[var(--aidev-assist-color)] hover:!g-text-[var(--aidev-clickable-color)]',
+                        'g-text-16 !g-cursor-pointer g-mr-8'
                     ]),
                     onClick: handleShow
                 }, null, 512 /* NEED_PATCH */ )), [

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

@@ -28,8 +28,8 @@ export default /*@__PURE__*/ _defineComponent({
                 __props.type === _unref(ResourceCardType).Info ? _withDirectives((_openBlock(), _createElementBlock("i", {
                     key: 0,
                     class: _normalizeClass([
-                        'ai-ui-sdk-icon ai-ui-sdk-kejian g-hidden group-hover:g-inline',
-                        '!g-cursor-pointer hover:!g-text-blue g-mr-8 g-text-16 g-text-gray'
+                        'ai-ui-sdk-icon ai-ui-sdk-kejian g-hidden group-hover:g-inline g-text-[var(--aidev-assist-color)]',
+                        '!g-cursor-pointer hover:!g-text-[var(--aidev-clickable-color)] g-mr-8 g-text-16'
                     ]),
                     onClick: handleShow
                 }, null, 512 /* NEED_PATCH */ )), [

package/dist/components/render-card/llm/corner-badge.script.vue.js

@@ -39,7 +39,7 @@ export default /*@__PURE__*/ _defineComponent({
             return props.model.spaceAuthMode === _unref(ModelSpaceAuthMode).Apply ? _withDirectives((_openBlock(), _createElementBlock("section", _hoisted_1, [
                 ..._cache[0] || (_cache[0] = [
                     _createElementVNode("span", {
-                        class: "llm-corner-badge-text g-absolute g-text-10 !g-text-white"
+                        class: "llm-corner-badge-text g-absolute g-text-10 !g-text-[var(--aidev-main-background)]"
                     }, "需申请", -1 /* CACHED */ )
                 ])
             ])), [

package/dist/components/render-card/llm/corner-badge.vue.css

@@ -1,17 +1,17 @@
 
-.llm-corner-badge[data-v-yyxhqqrv] {
+.llm-corner-badge[data-v-1zysl6i6] {
   top: 0;
   right: 0;
   width: 48px;
   height: 48px;
   background: linear-gradient(142.7deg, #fdf4e8 0%, #f8b64f 100%);
   clip-path: polygon(100% 0, 0 0, 100% 100%);
-  border-radius: 0 8px;
+  border-radius: 0 var(--aidev-radius-l);
 }
-.llm-corner-badge[data-v-yyxhqqrv]:hover {
+.llm-corner-badge[data-v-1zysl6i6]:hover {
     background: linear-gradient(142.7deg, #fdf4e8 0%, #e5a239 100%);
 }
-.llm-corner-badge-text[data-v-yyxhqqrv] {
+.llm-corner-badge-text[data-v-1zysl6i6] {
   top: 8px;
   right: 0;
   transform: rotate(45deg);

package/dist/components/render-card/llm/corner-badge.vue.js

@@ -1,5 +1,5 @@
 import script from './corner-badge.script.vue.js';
-script.__scopeId = "data-v-yyxhqqrv";
+script.__scopeId = "data-v-1zysl6i6";
 script.__file = "./src/components/render-card/llm/corner-badge.vue";
 import './corner-badge.vue.css';
 export default script;

package/dist/components/render-card/llm/icons.script.vue.js.js

@@ -58,7 +58,7 @@ export default /*@__PURE__*/ _defineComponent({
                             _createElementVNode("i", {
                                 class: _normalizeClass([
                                     'g-text-16 g-mr-4 !g-cursor-pointer',
-                                    __props.model.like ? 'ai-ui-sdk-icon ai-ui-sdk-dizanshixin g-text-blue' : 'ai-ui-sdk-icon ai-ui-sdk-dizan-2 g-text-gray'
+                                    __props.model.like ? 'ai-ui-sdk-icon ai-ui-sdk-dizanshixin g-text-[var(--aidev-clickable-color)]' : 'ai-ui-sdk-icon ai-ui-sdk-dizan-2 g-text-[var(--aidev-assist-color)]'
                                 ])
                             }, null, 2 /* CLASS */ ),
                             _createElementVNode("span", null, _toDisplayString(__props.model.likeCount || 0), 1 /* TEXT */ )
@@ -90,7 +90,7 @@ export default /*@__PURE__*/ _defineComponent({
                             _createElementVNode("i", {
                                 class: _normalizeClass([
                                     'g-text-16 g-mr-4 !g-cursor-pointer',
-                                    __props.model.dislike ? 'ai-ui-sdk-icon ai-ui-sdk-dicaishixin g-text-red' : 'ai-ui-sdk-icon ai-ui-sdk-dicai-2 g-text-gray'
+                                    __props.model.dislike ? 'ai-ui-sdk-icon ai-ui-sdk-dicaishixin g-text-[#ea3636]' : 'ai-ui-sdk-icon ai-ui-sdk-dicai-2 g-text-[var(--aidev-assist-color)]'
                                 ])
                             }, null, 2 /* CLASS */ ),
                             _createElementVNode("span", null, _toDisplayString(__props.model.dislikeCount || 0), 1 /* TEXT */ )

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

@@ -1,7 +1,7 @@
 
-.like-button:hover .ai-ui-sdk-icon[data-v-xl2qoxzz], .like-button:hover span[data-v-xl2qoxzz] {
-      color: #3A84FF !important;
+.like-button:hover .ai-ui-sdk-icon[data-v-oygilkmv], .like-button:hover span[data-v-oygilkmv] {
+      color: var(--aidev-clickable-color) !important;
 }
-.dislike-button:hover .ai-ui-sdk-icon[data-v-xl2qoxzz], .dislike-button:hover span[data-v-xl2qoxzz], .dislike-button:active .ai-ui-sdk-icon[data-v-xl2qoxzz], .dislike-button:active span[data-v-xl2qoxzz] {
+.dislike-button:hover .ai-ui-sdk-icon[data-v-oygilkmv], .dislike-button:hover span[data-v-oygilkmv], .dislike-button:active .ai-ui-sdk-icon[data-v-oygilkmv], .dislike-button:active span[data-v-oygilkmv] {
       color: #EA3636 !important;
 }

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

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

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

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "llm-info g-mt-12 g-leading-20 g-text-gray !g-text-12"
+    class: "llm-info g-mt-12 g-leading-20 g-text-[var(--aidev-assist-color)] !g-text-12"
 };
 const _hoisted_2 = {
     class: "g-max-truncate",

package/dist/components/render-card/llm/info.vue.css

@@ -1,7 +1,7 @@
 
-.llm-info[data-v-qnyygnem] {
-  background: #F5F7FA;
-  border-radius: 2px;
+.llm-info[data-v-857aj20s] {
+  background: var(--aidev-assist-content-background);
+  border-radius: var(--aidev-radius);
   padding: 8px;
   display: grid;
   gap: 0 4px;

package/dist/components/render-card/llm/info.vue.js

@@ -1,5 +1,5 @@
 import script from './info.script.vue.js.js';
-script.__scopeId = "data-v-qnyygnem";
+script.__scopeId = "data-v-857aj20s";
 script.__file = "./src/components/render-card/llm/info.vue";
 import './info.vue.css';
 export default script;

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

@@ -16,13 +16,13 @@ export default /*@__PURE__*/ _defineComponent({
                 props.model.spaceAuthMode === _unref(ModelSpaceAuthMode).Public ? (_openBlock(), _createElementBlock("span", {
                     key: 0,
                     class: _normalizeClass([
-                        'tag-public g-rounded-2',
+                        'tag-public g-rounded-[var(--aidev-radius-s)]',
                         props.type === 'table' ? '!g-px-8 g-leading-22 g-h-22 g-text-12' : 'g-px-4 g-text-10'
                     ])
                 }, " 公开 ", 2 /* CLASS */ )) : _createCommentVNode("v-if", true),
                 _createElementVNode("span", {
                     class: _normalizeClass({
-                        'g-rounded-2': true,
+                        'g-rounded-[var(--aidev-radius-s)]': true,
                         'g-px-4 g-text-10': props.type === 'card',
                         '!g-px-8 g-leading-22 g-h-22 g-text-12': props.type === 'table',
                         'tag-private': (_props_model_property = props.model.property) === null || _props_model_property === void 0 ? void 0 : _props_model_property.isSelfHost,

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

@@ -1,9 +1,9 @@
 
-.tag-external[data-v-99qsauyu] {
+.tag-external[data-v-a53pjqmn] {
   color: #636a2f;
   background: #EAEFC6;
 }
-.tag-public[data-v-99qsauyu], .tag-private[data-v-99qsauyu] {
-  color: #3a84ff;
+.tag-public[data-v-a53pjqmn], .tag-private[data-v-a53pjqmn] {
+  color: var(--aidev-clickable-color);
   background: #e1ecff;
 }

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

@@ -1,5 +1,5 @@
 import script from './tag-prefix.script.vue.js.js';
-script.__scopeId = "data-v-99qsauyu";
+script.__scopeId = "data-v-a53pjqmn";
 script.__file = "./src/components/render-card/llm/tag-prefix.vue";
 import './tag-prefix.vue.css';
 export default script;

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

@@ -359,7 +359,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 text: props.isTextButton,
                                 class: _normalizeClass([
                                     '!g-p-5',
-                                    props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-4' : ''
+                                    props.isTextButton ? 'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                 ]),
                                 size: "small",
                                 onClick: _cache[3] || (_cache[3] = _withModifiers(()=>{}, [