@blueking/ai-ui-sdk 0.3.0-beta.22 → 0.3.0-beta.24

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

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-ruio7ibi] {
+.upload-file-home[data-v-irrf9cso] {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DCDEE5;
   border-radius: 4px;
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-ruio7ibi]:hover {
+.upload-file-home[data-v-irrf9cso]:hover {
     border: 1px solid #3A84FF;
 }
-.upload-file-home:hover .file-icons[data-v-ruio7ibi] {
+.upload-file-home:hover .file-icons[data-v-irrf9cso] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-ruio7ibi] {
+.upload-file-home .file-icon[data-v-irrf9cso] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-ruio7ibi] {
+.upload-file-home .file-content[data-v-irrf9cso] {
     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-ruio7ibi] {
+.upload-file-home .file-content .file-name[data-v-irrf9cso] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-ruio7ibi] {
+.upload-file-home .file-content .file-size[data-v-irrf9cso] {
       font-size: 12px;
       color: #979BA5;
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-ruio7ibi] {
+.upload-file-home .file-icons[data-v-irrf9cso] {
     display: none;
     color: #979BA5;
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-ruio7ibi]  {
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-irrf9cso]  {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-ruio7ibi]:hover {
+.upload-file-home .file-icons .ai-ui-sdk-icon[data-v-irrf9cso]:hover {
         color: #3A84FF;
 }
-.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-ruio7ibi] {
+.upload-file-home .file-icons .ai-ui-sdk-delete[data-v-irrf9cso] {
       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-ruio7ibi";
+script.__scopeId = "data-v-irrf9cso";
 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-ybvfbld0] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-bcxnywp6] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-ybvfbld0], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-ybvfbld0], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-ybvfbld0] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-bcxnywp6], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-bcxnywp6], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-bcxnywp6] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-ybvfbld0] {
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-bcxnywp6] {
   color: #C4C6CC;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-ybvfbld0] {
+.ai-ui-sdk-icon.ai-ui-sdk-archive-line[data-v-bcxnywp6] {
   color: #979BA5;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-ybvfbld0] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-bcxnywp6] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-ybvfbld0] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-bcxnywp6] {
   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-ybvfbld0";
+script.__scopeId = "data-v-bcxnywp6";
 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-fdy4fokd] {
+.generate-type-tag[data-v-qlamk38z] {
   border-radius: 2px;
   text-align: left;
   white-space: nowrap;
 }
-.generate-type-tag.public[data-v-fdy4fokd] {
+.generate-type-tag.public[data-v-qlamk38z] {
     color: #2CAF5E;
     background-color: #DAF6E5;
 }
-.generate-type-tag.public[data-v-fdy4fokd]:hover {
+.generate-type-tag.public[data-v-qlamk38z]:hover {
       color: #299E56;
       background-color: #CBF0DA;
 }
-.generate-type-tag.space[data-v-fdy4fokd] {
+.generate-type-tag.space[data-v-qlamk38z] {
     color: #45A0A5;
     background-color: #D8F4F5;
 }
-.generate-type-tag.space[data-v-fdy4fokd]:hover {
+.generate-type-tag.space[data-v-qlamk38z]:hover {
       color: #388A8E;
       background-color: #B6E7E9;
 }

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-fdy4fokd";
+script.__scopeId = "data-v-qlamk38z";
 script.__file = "./src/components/render-generate-tag/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,13 +1,13 @@
 
-.header-home[data-v-rojp7k3d] {
+.header-home[data-v-zw5eirme] {
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
-.render-tab[data-v-rojp7k3d] {
+.render-tab[data-v-zw5eirme] {
   border-bottom: 2px solid transparent;
 }
-.render-tab.active[data-v-rojp7k3d] {
+.render-tab.active[data-v-zw5eirme] {
     color: #3A84FF;
     border-bottom: 2px solid #3A84FF;
 }

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

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

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

@@ -1,4 +1,4 @@
 
-.ai-ui-sdk-icon[data-v-d78yqzr0] {
+.ai-ui-sdk-icon[data-v-ptm0xbz4] {
   color: #979ba5;
 }

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-d78yqzr0";
+script.__scopeId = "data-v-ptm0xbz4";
 script.__file = "./src/components/render-knowledge/icon/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,20 +1,20 @@
 
-.dislike-icon[data-v-v0dact9o] {
+.dislike-icon[data-v-sr2plh08] {
   transform: rotateX(180deg);
 }
-.option-items[data-v-v0dact9o] {
+.option-items[data-v-sr2plh08] {
   padding: 1px 8px;
   background-color: #F0F1F5;
   line-height: 22px;
   border-radius: 2px;
 }
-.option-items[data-v-v0dact9o]:hover {
+.option-items[data-v-sr2plh08]:hover {
     background-color: #E1ECFF;
     color: #3A84FF;
 }
-.option-items-selected[data-v-v0dact9o]{
+.option-items-selected[data-v-sr2plh08]{
   background-color: #E1ECFF;
 }
-[data-v-v0dact9o] .bk-form-item {
+[data-v-sr2plh08] .bk-form-item {
   margin-bottom: 17px;
 }

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

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

package/dist/components/render-markdown/filter-css.ts.js

@@ -200,6 +200,11 @@ export const escapeHtml = (html)=>{
                 'align'
             ]
         },
+        onTagAttr (tag, name, value) {
+            if (name === 'data-nodeid') {
+                return `${name}="${value}"`;
+            }
+        },
         css: false
     }));
 };

package/dist/components/render-markdown/view.ts.js

@@ -55,6 +55,9 @@ export default defineComponent({
                 initialValue: props.value,
                 customHTMLSanitizer: escapeHtml
             }, commonConfig));
+            viewer.eventEmitter.listen('updatePreview', (editResult)=>{
+                editResult.forEach((item)=>viewer.preview.replaceRangeNodes(item));
+            });
         };
         const handleDestroy = ()=>{
             viewer.destroy();

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

@@ -1,5 +1,5 @@
 
-.resource-card-description[data-v-xl0bob09] {
+.resource-card-description[data-v-2fe6dzzu] {
   color: #4D4F56;
   height: 120px;
   white-space: pre-wrap;

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-xl0bob09";
+script.__scopeId = "data-v-2fe6dzzu";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-w10nvg3s]{
+.reference-table[data-v-2slaq5m4]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-w10nvg3s]{
+.bk-radio-button[data-v-2slaq5m4]{
   flex: 1;
   text-align: center;
 }

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

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

package/dist/components/render-resource-version/index.vue.css

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-8yks5p1h] {
+.resource-version[data-v-3xd80zha] {
   border-radius: 2px;
   text-align: left;
   color: #4D4F56;
   background-color: #F0F1F5;
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-8yks5p1h] {
+.resource-version .bkaidev-rizhifenxi[data-v-3xd80zha] {
     color: #3A84FF;
 }

package/dist/components/render-resource-version/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-8yks5p1h";
+script.__scopeId = "data-v-3xd80zha";
 script.__file = "./src/components/render-resource-version/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-router-tab/index.vue.css

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-8ofw8rsq] {
+.router-tab[data-v-acu208kr] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-8ofw8rsq] {
+.router-tab a[data-v-acu208kr] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: #4D4F56;
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-8ofw8rsq] {
+.router-tab a.router-link-exact-active[data-v-acu208kr] {
       color: #3A84FF;
       border-bottom: 2px solid #3A84FF;
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-8ofw8rsq";
+script.__scopeId = "data-v-acu208kr";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-select-plus-extension/index.vue.css

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-mufvv3qh] {
+.select-plus-extension[data-v-ovw55bu5] {
   cursor: pointer;
   width: 100%;
   display: flex;
@@ -8,10 +8,10 @@
   font-size: 12px;
   line-height: 20px;
 }
-.select-plus-extension .ai-ui-sdk-icon[data-v-mufvv3qh]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-ovw55bu5]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-mufvv3qh]:hover {
+.select-plus-extension[data-v-ovw55bu5]:hover {
     color: #3A84FF;
 }

package/dist/components/render-select-plus-extension/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-mufvv3qh";
+script.__scopeId = "data-v-ovw55bu5";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -80,7 +80,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, unref as _unref, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row"
 };
@@ -89,7 +89,7 @@ const _hoisted_2 = {
 };
 import { Message } from 'bkui-vue';
 import { onBeforeUnmount, ref, toRef, useTemplateRef, watch } from 'vue';
-import RenderOpenclawLinuxGuide from './openclaw-linux-guide.vue.js';
+import RenderInstallGuide from './install-guide.vue.js';
 import RenderOpenclawWindowsInstances from './openclaw-windows-instances.vue.js';
 import { TEN_SECONDS } from '../../../common/constants.ts.js';
 import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
@@ -121,11 +121,16 @@ export default /*@__PURE__*/ _defineComponent({
             emits('update:isShow', false);
         };
         const handleConfirm = ()=>{
-            if (selectedInstallTargetType.value === SkillInstallTargetType.OpenclawLinux) {
-                handleClose();
-            }
-            if (selectedInstallTargetType.value === SkillInstallTargetType.OpenclawWindows) {
-                handleInstallOpenclawWindows();
+            switch(selectedInstallTargetType.value){
+                case SkillInstallTargetType.OpenclawLinux:
+                case SkillInstallTargetType.Cursor:
+                    handleClose();
+                    break;
+                case SkillInstallTargetType.OpenclawWindows:
+                    handleInstallOpenclawWindows();
+                    break;
+                default:
+                    break;
             }
         };
         const handleInstallOpenclawWindows = function() {
@@ -263,6 +268,12 @@ export default /*@__PURE__*/ _defineComponent({
                         }, {
                             default: _withCtx(()=>[
                                     _createVNode(_component_bk_form_item, {
+                                        class: _normalizeClass({
+                                            '!g-mb-6': [
+                                                _unref(SkillInstallTargetType).OpenclawLinux,
+                                                _unref(SkillInstallTargetType).Cursor
+                                            ].includes(selectedInstallTargetType.value)
+                                        }),
                                         label: "安装至",
                                         property: "selectedInstallTargetType",
                                         required: ""
@@ -284,20 +295,27 @@ export default /*@__PURE__*/ _defineComponent({
                                                 ])
                                             ]),
                                         _: 1 /* STABLE */ 
-                                    }),
-                                    selectedInstallTargetType.value === _unref(SkillInstallTargetType).OpenclawLinux ? (_openBlock(), _createBlock(RenderOpenclawLinuxGuide, {
+                                    }, 8 /* PROPS */ , [
+                                        "class"
+                                    ]),
+                                    [
+                                        _unref(SkillInstallTargetType).OpenclawLinux,
+                                        _unref(SkillInstallTargetType).Cursor
+                                    ].includes(selectedInstallTargetType.value) ? (_openBlock(), _createBlock(RenderInstallGuide, {
                                         key: 0,
+                                        "skill-install-target-type": selectedInstallTargetType.value,
                                         id: props.selectedSkill.id,
                                         "api-prefix": props.apiPrefix,
                                         "space-id": props.spaceId
                                     }, null, 8 /* PROPS */ , [
+                                        "skill-install-target-type",
                                         "id",
                                         "api-prefix",
                                         "space-id"
                                     ])) : _createCommentVNode("v-if", true),
                                     selectedInstallTargetType.value === _unref(SkillInstallTargetType).OpenclawWindows ? (_openBlock(), _createBlock(_component_bk_form_item, {
                                         key: 1,
-                                        label: "请选择 Openclaw 实例",
+                                        label: "Openclaw 实例",
                                         property: "selectedOpenclawWindowsInstances",
                                         required: ""
                                     }, {

package/dist/components/render-skill/install/{openclaw-linux-guide.script.vue.js.js → install-guide.script.vue.js.js}

@@ -1,6 +1,6 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx } from "vue";
-import { onBeforeMount, ref, toRef } from 'vue';
+import { ref, toRef, watch } from 'vue';
 import RenderMarkdown from '../../render-markdown/view.ts.js';
 import RenderSearchEmpty from '../../render-search-empty/index.vue.js';
 import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
@@ -8,7 +8,8 @@ export default /*@__PURE__*/ _defineComponent({
     props: {
         id: {},
         apiPrefix: {},
-        spaceId: {}
+        spaceId: {},
+        skillInstallTargetType: {}
     },
     setup (__props) {
         const props = __props;
@@ -18,13 +19,18 @@ export default /*@__PURE__*/ _defineComponent({
         const handleGetLinuxInstallGuide = ()=>{
             if (!props.id) return;
             isLoading.value = true;
-            getSkillInstallGuide(props.id).then((res)=>{
+            const params = {
+                targetType: props.skillInstallTargetType
+            };
+            getSkillInstallGuide(props.id, params).then((res)=>{
                 installGuide.value = res.markdown;
             }).finally(()=>{
                 isLoading.value = false;
             });
         };
-        onBeforeMount(handleGetLinuxInstallGuide);
+        watch(()=>props.skillInstallTargetType, handleGetLinuxInstallGuide, {
+            immediate: true
+        });
         return (_ctx, _cache)=>{
             const _component_bk_loading = _resolveComponent("bk-loading");
             return _openBlock(), _createBlock(_component_bk_loading, {

package/dist/components/render-skill/install/{openclaw-linux-guide.vue.d.ts → install-guide.vue.d.ts}

@@ -1,7 +1,9 @@
+import type { SkillInstallTargetType } from '@/types/enum';
 interface IProps {
     id?: number;
     apiPrefix: string;
     spaceId?: string;
+    skillInstallTargetType?: SkillInstallTargetType;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/render-skill/install/install-guide.vue.js

@@ -0,0 +1,3 @@
+import script from './install-guide.script.vue.js.js';
+script.__file = "./src/components/render-skill/install/install-guide.vue";
+export default script;

package/dist/components/render-skill/install/openclaw-windows-instances.script.vue.js.js

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, normalizeClass as _normalizeClass, createBlock as _createBlock } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, unref as _unref } from "vue";
 const _hoisted_1 = [
     "onClick"
 ];
@@ -19,6 +19,7 @@ const _hoisted_5 = {
     class: "!g-text-12 g-text-gray g-leading-22 g-truncate"
 };
 import { onBeforeMount, ref, toRef } from 'vue';
+import { isEmpty } from '../../../common/util.ts.js';
 import RenderCheckbox from '../../render-checkbox/index.vue.js';
 import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -49,7 +50,7 @@ export default /*@__PURE__*/ _defineComponent({
             return (_instanceStatusMap_value_instance_hostName = instanceStatusMap.value[instance.hostName]) === null || _instanceStatusMap_value_instance_hostName === void 0 ? void 0 : _instanceStatusMap_value_instance_hostName.isInstalled;
         };
         const handleSelectOpenclawWindowsInstance = (instance)=>{
-            if (getIsInstanceInstalled(instance)) return;
+            if (isLoadingInstanceStatus.value || getIsInstanceInstalled(instance)) return;
             if (props.selectedOpenclawWindowsInstances.some((item)=>item.hostName === instance.hostName)) {
                 emits('update:selectedOpenclawWindowsInstances', props.selectedOpenclawWindowsInstances.filter((item)=>item.hostName !== instance.hostName));
             } else {
@@ -83,19 +84,21 @@ export default /*@__PURE__*/ _defineComponent({
         onBeforeMount(handleGetOpenclawWindowsInstances);
         return (_ctx, _cache)=>{
             const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_bk_exception = _resolveComponent("bk-exception");
             return _openBlock(), _createBlock(_component_bk_loading, {
                 loading: isLoadingInstances.value,
-                class: "g-max-h-400 g-scrollbar"
+                class: "g-max-h-400 g-scrollbar g-min-h-98"
             }, {
                 default: _withCtx(()=>[
                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(openclawWindowsInstances.value, (instance, index)=>{
                             return _openBlock(), _createElementBlock("section", {
                                 key: instance.hostName,
                                 class: _normalizeClass([
-                                    'g-flex-row g-rounded-2 !g-cursor-pointer',
+                                    'g-flex-row g-rounded-2',
                                     'g-pt-12 g-pb-12 !g-pr-16 g-pl-12',
                                     '!g-bg-dark-gray hover:!g-bg-light-blue',
-                                    index > 0 ? 'g-mt-10' : ''
+                                    index > 0 ? 'g-mt-10' : '',
+                                    isLoadingInstanceStatus.value ? 'g-disabled' : 'g-cursor-pointer'
                                 ]),
                                 onClick: ($event)=>handleSelectOpenclawWindowsInstance(instance)
                             }, [
@@ -106,24 +109,34 @@ export default /*@__PURE__*/ _defineComponent({
                                 ]),
                                 _createVNode(_component_bk_loading, {
                                     loading: isLoadingInstanceStatus.value,
+                                    theme: "primary",
                                     mode: "spin",
-                                    class: "g-flex-row !g-items-center"
+                                    size: "mini",
+                                    class: "g-flex-row !g-items-center g-w-16"
                                 }, {
                                     default: _withCtx(()=>[
-                                            _createVNode(RenderCheckbox, {
+                                            !isLoadingInstanceStatus.value ? (_openBlock(), _createBlock(RenderCheckbox, {
+                                                key: 0,
                                                 checked: getIsInstanceChecked(instance),
                                                 disabled: getIsInstanceInstalled(instance)
                                             }, null, 8 /* PROPS */ , [
                                                 "checked",
                                                 "disabled"
-                                            ])
+                                            ])) : _createCommentVNode("v-if", true)
                                         ]),
                                     _: 2 /* DYNAMIC */ 
                                 }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
                                     "loading"
                                 ])
                             ], 10 /* CLASS, PROPS */ , _hoisted_1);
-                        }), 128 /* KEYED_FRAGMENT */ ))
+                        }), 128 /* KEYED_FRAGMENT */ )),
+                        _unref(isEmpty)(openclawWindowsInstances.value) ? (_openBlock(), _createBlock(_component_bk_exception, {
+                            key: 0,
+                            class: "agent-empty",
+                            type: "empty",
+                            scene: "part",
+                            description: "暂无 Openclaw 实例"
+                        })) : _createCommentVNode("v-if", true)
                     ]),
                 _: 1 /* STABLE */ 
             }, 8 /* PROPS */ , [