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

package/dist/components/render-dialog/choose-result.vue.css

@@ -1,59 +1,59 @@
 
-.choose-result[data-v-eyxm4nsq] {
+.choose-result[data-v-ol75u0o7] {
   height: 100%;
   background: #F5F7FA;
   padding: 16px 24px;
   font-size: 12px;
 }
-.result-title[data-v-eyxm4nsq] {
+.result-title[data-v-ol75u0o7] {
   line-height: 28px;
   font-size: 20px;
-  color: #313238;
+  color: var(--aidev-title-color);
 }
-.result-main[data-v-eyxm4nsq] {
+.result-main[data-v-ol75u0o7] {
   margin-top: 12px;
 }
-.result-main .result-head[data-v-eyxm4nsq] {
+.result-main .result-head[data-v-ol75u0o7] {
     justify-content: space-between;
     line-height: 32px;
 }
-.result-main .result-head .title-num[data-v-eyxm4nsq] {
-      color: #3A84FF;
+.result-main .result-head .title-num[data-v-ol75u0o7] {
+      color: var(--aidev-clickable-color);
       font-weight: 700;
 }
-.result-main .result-head .head-clear[data-v-eyxm4nsq] {
+.result-main .result-head .head-clear[data-v-ol75u0o7] {
       cursor: pointer;
-      color: #3A84FF;
+      color: var(--aidev-clickable-color);
 }
-.result-item[data-v-eyxm4nsq] {
+.result-item[data-v-ol75u0o7] {
   line-height: 32px;
   background: #FFFFFF;
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
   border: 0 !important;
   margin-top: 4px;
   padding: 0 8px;
 }
-.result-item:hover .item-close[data-v-eyxm4nsq] {
+.result-item:hover .item-close[data-v-ol75u0o7] {
       display: block !important;
 }
-.result-item[data-v-eyxm4nsq]:hover {
+.result-item[data-v-ol75u0o7]:hover {
     box-shadow: 0 2px 6px 0 #1919291a;
 }
-.result-item .result-space-name[data-v-eyxm4nsq] {
+.result-item .result-space-name[data-v-ol75u0o7] {
     max-width: 40%;
 }
-.result-item .item-close[data-v-eyxm4nsq] {
+.result-item .item-close[data-v-ol75u0o7] {
     cursor: pointer;
     font-size: 16px;
-    color: #C4C6CC;
+    color: var(--aidev-disabled-color);
     display: none !important;
 }
-.result-item .item-close[data-v-eyxm4nsq]:hover {
-      color: #979BA5;
+.result-item .item-close[data-v-ol75u0o7]:hover {
+      color: var(--aidev-assist-color);
 }
-.hover-shadow-strong[data-v-eyxm4nsq]:hover {
+.hover-shadow-strong[data-v-ol75u0o7]:hover {
   transition: box-shadow 0.2s;
 }
-.popover-main[data-v-eyxm4nsq] {
+.popover-main[data-v-ol75u0o7] {
   padding: 8px 8px 10px;
 }

package/dist/components/render-dialog/choose-result.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-result.script.vue.js';
-script.__scopeId = "data-v-eyxm4nsq";
+script.__scopeId = "data-v-ol75u0o7";
 script.__file = "./src/components/render-dialog/choose-result.vue";
 import './choose-result.vue.css';
 export default script;

package/dist/components/render-dialog/choose-space.script.vue.js.js

@@ -98,7 +98,7 @@ const _hoisted_5 = [
     "data-ellipsis-tooltip"
 ];
 const _hoisted_6 = {
-    class: "space-tool-number g-leading-16 g-text-gray"
+    class: "space-tool-number g-leading-16 g-text-[var(--aidev-assist-color)]"
 };
 import { ref, toRef, watch } from 'vue';
 import { MAX_PAGE_SIZE } from '../../common/constants.ts.js';
@@ -457,7 +457,7 @@ export default /*@__PURE__*/ _defineComponent({
                                         ]
                                     ]) : _createCommentVNode("v-if", true),
                                     _cache[3] || (_cache[3] = _createElementVNode("i", {
-                                        class: "ai-ui-sdk-icon ai-ui-sdk-benkongjiangongkai !g-text-18 g-text-light-gray"
+                                        class: "ai-ui-sdk-icon ai-ui-sdk-benkongjiangongkai !g-text-18 g-text-[var(--aidev-disabled-color)]"
                                     }, null, -1 /* CACHED */ )),
                                     _createElementVNode("span", {
                                         "data-ellipsis-tooltip": space.spaceName,

package/dist/components/render-dialog/choose-space.vue.css

@@ -1,36 +1,36 @@
 
-.choose-space[data-v-7k3t1tc1] {
+.choose-space[data-v-ykg6rh8k] {
   padding: 0 18px 0 24px;
   height: 100%;
   font-size: 12px;
 }
-.space-list[data-v-7k3t1tc1] {
+.space-list[data-v-ykg6rh8k] {
   margin-top: 12px;
   height: calc(100% - 88px);
 }
-.space-list .space-item[data-v-7k3t1tc1] {
+.space-list .space-item[data-v-ykg6rh8k] {
     line-height: 32px;
     padding-left: 8px;
 }
-.space-list .space-item[data-v-7k3t1tc1]:hover {
+.space-list .space-item[data-v-ykg6rh8k]:hover {
       background: #f5f7fa;
 }
-.space-list .space-item.space-item-active[data-v-7k3t1tc1] {
-      background: #F0F5FF;
-      color: #3A84FF;
+.space-list .space-item.space-item-active[data-v-ykg6rh8k] {
+      background: var(--aidev-item-hover-background);
+      color: var(--aidev-clickable-color);
 }
-.space-list .space-item.space-item-active .space-tool-number[data-v-7k3t1tc1] {
+.space-list .space-item.space-item-active .space-tool-number[data-v-ykg6rh8k] {
         background: #A3C5FD;
         color: #FFFFFF;
 }
-.space-list .space-item.space-item-active .bkaidev-guanlikongjian-3[data-v-7k3t1tc1] {
-        color: #3A84FF;
+.space-list .space-item.space-item-active .bkaidev-guanlikongjian-3[data-v-ykg6rh8k] {
+        color: var(--aidev-clickable-color);
 }
-.space-list .space-item.space-item-active .ai-ui-sdk-icon[data-v-7k3t1tc1] {
-        color: #3A84FF;
+.space-list .space-item.space-item-active .ai-ui-sdk-icon[data-v-ykg6rh8k] {
+        color: var(--aidev-clickable-color);
 }
-.space-list .space-tool-number[data-v-7k3t1tc1] {
+.space-list .space-tool-number[data-v-ykg6rh8k] {
     padding: 0 6px;
-    border-radius: 2px;
+    border-radius: var(--aidev-radius);
     background: #F0F1F5;
 }

package/dist/components/render-dialog/choose-space.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-space.script.vue.js.js';
-script.__scopeId = "data-v-7k3t1tc1";
+script.__scopeId = "data-v-ykg6rh8k";
 script.__file = "./src/components/render-dialog/choose-space.vue";
 import './choose-space.vue.css';
 export default script;

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

@@ -1,24 +1,24 @@
 
-.resource-dialog[data-v-pt4122o8] .bk-modal-wrapper {
+.resource-dialog[data-v-2eoswyyd] .bk-modal-wrapper {
     max-width: 1600px;
 }
-.resource-dialog-main[data-v-pt4122o8] {
+.resource-dialog-main[data-v-2eoswyyd] {
   height: 60vh;
 }
-.resource-dialog-choose[data-v-pt4122o8] {
+.resource-dialog-choose[data-v-2eoswyyd] {
   width: 75%;
   height: 100%;
 }
-.resource-dialog-title[data-v-pt4122o8] {
+.resource-dialog-title[data-v-2eoswyyd] {
   font-size: 20px;
   line-height: 28px;
-  color: #313238;
+  color: var(--aidev-title-color);
   padding: 15px 24px 14px;
 }
-.resource-dialog-layout[data-v-pt4122o8] {
+.resource-dialog-layout[data-v-2eoswyyd] {
   height: calc(100% - 57px);
 }
-.resource-dialog-result[data-v-pt4122o8] {
+.resource-dialog-result[data-v-2eoswyyd] {
   width: 25%;
   height: 100%;
 }

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

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

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

@@ -6,7 +6,7 @@
   background-color: #fff;
   color: #333;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 }
 .tippy-box[data-theme~='light'] .tippy-arrow {
     color: #fff;
@@ -19,7 +19,7 @@
   color: #333;
   border: 1px solid #dcdee5;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 }
 .tippy-box[data-theme~='light-border'] .tippy-arrow {
     color: #fff;

package/dist/components/render-file-card/index.vue.css

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-boxfmklz] {
+.upload-file-home[data-v-x1phm1qf] {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DCDEE5;
-  border-radius: 4px;
+  border-radius: var(--aidev-radius);
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-boxfmklz]:hover {
-    border: 1px solid #3A84FF;
+.upload-file-home[data-v-x1phm1qf]:hover {
+    border: 1px solid var(--aidev-clickable-color);
 }
-.upload-file-home:hover .file-icons[data-v-boxfmklz] {
+.upload-file-home:hover .file-icons[data-v-x1phm1qf] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-boxfmklz] {
+.upload-file-home .file-icon[data-v-x1phm1qf] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-boxfmklz] {
+.upload-file-home .file-content[data-v-x1phm1qf] {
     font-size: 12px;
     flex: 1;
     align-items: flex-start;
@@ -23,28 +23,28 @@
     font-weight: normal;
     width: 0;
 }
-.upload-file-home .file-content .file-name[data-v-boxfmklz] {
+.upload-file-home .file-content .file-name[data-v-x1phm1qf] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-boxfmklz] {
+.upload-file-home .file-content .file-size[data-v-x1phm1qf] {
       font-size: 12px;
-      color: #979BA5;
+      color: var(--aidev-assist-color);
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-boxfmklz] {
+.upload-file-home .file-icons[data-v-x1phm1qf] {
     display: none;
-    color: #979BA5;
+    color: var(--aidev-assist-color);
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-boxfmklz]  {
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-x1phm1qf]  {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-boxfmklz]:hover {
-        color: #3A84FF;
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-x1phm1qf]:hover {
+        color: var(--aidev-clickable-color);
 }
-.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-boxfmklz] {
+.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-x1phm1qf] {
       margin: 0;
 }

package/dist/components/render-file-card/index.vue.js

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

package/dist/components/render-file-type-icon/index.vue.css

@@ -1,19 +1,19 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-u0y6zmg9] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-mlr5hkkd] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-u0y6zmg9], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-u0y6zmg9], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-u0y6zmg9] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-mlr5hkkd], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-mlr5hkkd], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-mlr5hkkd] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-u0y6zmg9] {
-  color: #C4C6CC;
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-mlr5hkkd] {
+  color: var(--aidev-disabled-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-u0y6zmg9] {
-  color: #979BA5;
+.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-mlr5hkkd] {
+  color: var(--aidev-assist-color);
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-u0y6zmg9] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-mlr5hkkd] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-u0y6zmg9] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-mlr5hkkd] {
   color: #14A568;
 }

package/dist/components/render-file-type-icon/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-u0y6zmg9";
+script.__scopeId = "data-v-mlr5hkkd";
 script.__file = "./src/components/render-file-type-icon/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,22 +1,22 @@
 
-.generate-type-tag[data-v-92ozezm9] {
-  border-radius: 2px;
+.generate-type-tag[data-v-m51q3llg] {
+  border-radius: var(--aidev-radius);
   text-align: left;
   white-space: nowrap;
 }
-.generate-type-tag.public[data-v-92ozezm9] {
-    color: #2CAF5E;
-    background-color: #DAF6E5;
+.generate-type-tag.public[data-v-m51q3llg] {
+    color: var(--aidev-generate-public-color);
+    background-color: var(--aidev-generate-public-background);
 }
-.generate-type-tag.public[data-v-92ozezm9]:hover {
-      color: #299E56;
-      background-color: #CBF0DA;
+.generate-type-tag.public[data-v-m51q3llg]:hover {
+      color: var(--aidev-generate-public-hover-color);
+      background-color: var(--aidev-generate-public-hover-background);
 }
-.generate-type-tag.space[data-v-92ozezm9] {
-    color: #45A0A5;
-    background-color: #D8F4F5;
+.generate-type-tag.space[data-v-m51q3llg] {
+    color: var(--aidev-generate-space-color);
+    background-color: var(--aidev-generate-space-background);
 }
-.generate-type-tag.space[data-v-92ozezm9]:hover {
-      color: #388A8E;
-      background-color: #B6E7E9;
+.generate-type-tag.space[data-v-m51q3llg]:hover {
+      color: var(--aidev-generate-space-hover-color);
+      background-color: var(--aidev-generate-space-hover-background);
 }

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

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-92ozezm9";
+script.__scopeId = "data-v-m51q3llg";
 script.__file = "./src/components/render-generate-tag/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,20 +1,20 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
 const _hoisted_1 = {
-    class: "g-shadow-[0_3px_4px_0_#0000000a] g-w-full g-bg-white"
+    class: "g-shadow-[0_3px_4px_0_#0000000a] g-w-full g-bg-[var(--aidev-main-background)]"
 };
 const _hoisted_2 = {
     class: /*@__PURE__*/ _normalizeClass([
         'g-leading-24 g-pt-14 g-pb-14 g-flex-row g-justify-between',
-        'g-border-b-[#EAEBF0] g-pl-24 g-pr-16 !g-h-52'
+        'g-border-b-[var(--aidev-border-color)] g-pl-24 g-pr-16 !g-h-52'
     ])
 };
 const _hoisted_3 = {
-    class: "g-text-black g-text-16"
+    class: "g-text-[var(--aidev-title-color)] g-text-16"
 };
 const _hoisted_4 = {
     key: 0,
-    class: "g-flex-row g-bg-f0f1f5 g-p-4 g-inline-flex-row g-rounded-2"
+    class: "g-flex-row g-bg-[var(--aidev-inner-background)] g-p-4 g-inline-flex-row g-rounded-[var(--aidev-radius)]"
 };
 const _hoisted_5 = [
     "onClick"
@@ -66,8 +66,9 @@ export default /*@__PURE__*/ _defineComponent({
                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.tabs, (tab)=>{
                             return _openBlock(), _createElementBlock("li", {
                                 class: _normalizeClass({
-                                    'g-flex-row g-px-12 g-py-2 g-h-24 g-text-12 g-leading-20 !g-cursor-pointer': true,
-                                    'g-text-blue g-bg-white': props.groupType === tab.id
+                                    'g-flex-row g-px-12 g-py-2 g-h-24 g-text-12 g-leading-20': true,
+                                    'g-rounded-[var(--aidev-radius)] !g-cursor-pointer': true,
+                                    'g-text-[var(--aidev-clickable-color)] g-bg-[var(--aidev-main-background)]': props.groupType === tab.id
                                 }),
                                 key: tab.id,
                                 onClick: ($event)=>handleChoose(tab.id)
@@ -84,7 +85,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 ]) : _createCommentVNode("v-if", true),
                                 _createVNode(_component_bk_loading, {
                                     loading: props.loading,
-                                    color: props.groupType === tab.id ? '#fff' : '#f0f1f5',
+                                    color: props.groupType === tab.id ? '#fff' : 'var(--aidev-inner-background)',
                                     class: "g-number-font",
                                     mode: "spin",
                                     size: "mini",

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

@@ -32,7 +32,7 @@ export default /*@__PURE__*/ _defineComponent({
             }), null, 16 /* FULL_PROPS */ , _hoisted_1)) : (_openBlock(), _createElementBlock("i", _mergeProps({
                 key: 1
             }, _ctx.$attrs, {
-                class: `bkaidev-icon bkaidev-${getRenderUrl()} g-text-gray`,
+                class: `bkaidev-icon bkaidev-${getRenderUrl()} g-text-[var(--aidev-assist-color)]`,
                 style: {
                     fontSize: `${__props.size}px`
                 }

package/dist/components/render-knowledge/icon/index.vue.css

@@ -1,4 +1,4 @@
 
-.ai-ui-sdk-icon[data-v-e7ywdtlo] {
-  color: #979ba5;
+.ai-ui-sdk-icon[data-v-k66jtofl] {
+  color: var(--aidev-assist-color);
 }

package/dist/components/render-knowledge/icon/index.vue.js

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

package/dist/components/render-knowledge/search/index.script.vue.js.js

@@ -135,7 +135,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",

package/dist/components/render-knowledgebase/search/index.script.vue.js.js

@@ -78,7 +78,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",

package/dist/components/render-markdown/edit.postcss.css

@@ -3,7 +3,11 @@
   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: #4d4f56;
+  color: var(--aidev-main-color);
+}
+
+.toastui-editor-defaultUI {
+  border-color: var(--aidev-form-border-color);
 }
 
 .toastui-editor-defaultUI .toastui-editor-toolbar {
@@ -87,6 +91,14 @@
     line-height: 40px;
   }
 
+.full-screen-wrap:not(.is-disabled) .toastui-editor-defaultUI:hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.full-screen-wrap:not(.is-disabled) .toastui-editor-defaultUI:focus-within {
+  border-color: var(--aidev-form-active-border-color);
+}
+
 .bk-form-item.is-error .toastui-editor-defaultUI {
     border: 1px solid #ea3636 !important;
   }

package/dist/components/render-markdown/prism-atom-one-dark.postcss.css

@@ -36,7 +36,7 @@ pre[class*='language-'] {
 
 :not(pre) > code[class*='language-'] {
   padding: 2px 6px;
-  border-radius: 4px;
+  border-radius: var(--aidev-radius);
   color: #e06c75;
 }
 

package/dist/components/render-markdown/view.postcss.css

@@ -31,7 +31,7 @@
   .toastui-editor .toastui-editor-contents td,
   .toastui-editor-md-preview .toastui-editor-contents p,
   .toastui-editor-md-preview .toastui-editor-contents td {
-    color: #4d4f56;
+    color: var(--aidev-main-color);
   }
 
   .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
@@ -67,7 +67,7 @@
 
   .aidev-markdown-preview .toastui-editor-contents table th, .toastui-editor .toastui-editor-contents table th, .toastui-editor-md-preview .toastui-editor-contents table th {
       background-color: #fff;
-      color: #4d4f56;
+      color: var(--aidev-main-color);
       font-weight: bold;
     }
 
@@ -89,11 +89,11 @@
     float: right;
     margin: -25px -12px 0 0;
     font-size: 14px;
-    color: #979ba5;
+    color: var(--aidev-assist-color);
     cursor: pointer;
     user-select: none;
   }
 
   .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button:hover {
-      color: #3a84ff;
+      color: var(--aidev-clickable-color);
     }

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

@@ -4,7 +4,7 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { ref, toRef, watch } from 'vue';
 import RenderInstallGuide from './install-guide.vue.js';
@@ -93,11 +93,11 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                 default: _withCtx(()=>[
                         _createVNode(_component_bk_form, {
-                            "form-type": "vertical",
-                            class: "g-small-form g-small-gap-form",
                             model: {
                                 selectedInstallTargetType: selectedInstallTargetType.value
-                            }
+                            },
+                            "form-type": "vertical",
+                            class: "g-small-form g-small-gap-form"
                         }, {
                             default: _withCtx(()=>[
                                     _createVNode(_component_bk_form_item, {
@@ -109,11 +109,11 @@ export default /*@__PURE__*/ _defineComponent({
                                                 _createVNode(_component_bk_select, {
                                                     modelValue: selectedInstallTargetType.value,
                                                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>selectedInstallTargetType.value = $event),
-                                                    "id-key": "targetType",
-                                                    "display-key": "displayName",
                                                     list: installTargets.value,
                                                     loading: isLoadingInstallTargets.value,
-                                                    clearable: false
+                                                    clearable: false,
+                                                    "id-key": "targetType",
+                                                    "display-key": "displayName"
                                                 }, null, 8 /* PROPS */ , [
                                                     "modelValue",
                                                     "list",

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

@@ -62,7 +62,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 placeholder: "搜索中英文名称、描述、更新人",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [

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

@@ -237,7 +237,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-[#dcdee5] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                 ]),
                                 size: "small",
                                 onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [

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

@@ -1,6 +1,6 @@
 
-.resource-card-description[data-v-o352bz5w] {
-  color: #4D4F56;
+.resource-card-description[data-v-667hsq37] {
+  color: var(--aidev-main-color);
   height: 120px;
   white-space: pre-wrap;
   word-break: break-all;

package/dist/components/render-prompt/content/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-o352bz5w";
+script.__scopeId = "data-v-667hsq37";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -56,7 +56,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、内容、更新人' : '搜索中英文名称、内容',
                 "model-value": props.search,
                 data: searchOptions.value,