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

package/dist/components/render-relate-agent/index.script.vue.js

@@ -1,31 +1,4 @@
-"use strict";
-var _interopRequireDefault = require('../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-require('../../node_modules/regenerator-runtime/runtime.js');
-var _defineProperty2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/defineProperty.js'));
-var _toConsumableArray2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-var _vue = require("vue");
-require('../../node_modules/core-js/modules/es.array.concat.js');
-require('../../node_modules/core-js/modules/es.array.filter.js');
-require('../../node_modules/core-js/modules/es.array.find.js');
-require('../../node_modules/core-js/modules/es.array.map.js');
-require('../../node_modules/core-js/modules/es.function.name.js');
-require('../../node_modules/core-js/modules/es.object.assign.js');
-require('../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../node_modules/core-js/modules/es.promise.js');
-require('../../node_modules/core-js/modules/es.promise.finally.js');
-var _constants = require('../../common/constants.ts.js');
-var _util = require('../../common/util.ts.js');
-var _index = _interopRequireDefault(require('../render-select-plus-extension/index.vue.js'));
-var _index2 = _interopRequireDefault(require('../render-skill/variable-form/index.vue.js'));
-var _useAgentHttp2 = require('../../hooks/use-agent-http.ts.js');
-var _useClickoutside2 = require('../../hooks/use-clickoutside.ts.js');
-var _useSpaceHttp2 = require('../../hooks/use-space-http.ts.js');
-var _enum = require('../../types/enum.ts.js');
-var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -52,10 +25,21 @@ var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments,
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var _hoisted_1 = {
+import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
+import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref } from "vue";
+const _hoisted_1 = {
     class: "g-flex-row g-justify-end g-mt-16"
 };
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { ref, toRef, watch } from 'vue';
+import { MAX_PAGE_SIZE, MODULE_NAME } from '../../common/constants.ts.js';
+import { isEmpty } from '../../common/util.ts.js';
+import RenderSelectPlusExtension from '../render-select-plus-extension/index.vue.js';
+import VariableForm from '../render-skill/variable-form/index.vue.js';
+import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
+import { useClickoutside } from '../../hooks/use-clickoutside.ts.js';
+import { useSpaceHttp } from '../../hooks/use-space-http.ts.js';
+import { AgentType, GroupType, Module, PromptSource, ResourceStatus, SdkNavigateActionType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         resourceType: {},
         resource: {},
@@ -65,50 +49,52 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         disabledText: {
             default: ''
         },
-        text: {
-            type: Boolean,
-            default: true
+        isTextButton: {
+            type: Boolean
         },
         boundary: {},
         placement: {
             default: 'right'
         },
         spaceId: {},
-        apiPrefix: {}
+        apiPrefix: {},
+        theme: {}
     },
     emits: [
         "navigate"
     ],
-    setup: function setup(__props, _ref) {
-        var _this = this;
-        var __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var _useAgentHttp = (0, _useAgentHttp2.useAgentHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getAgent = _useAgentHttp.getAgent, getAgentList = _useAgentHttp.getAgentList, updateAgent = _useAgentHttp.updateAgent, getAgentMcpPermission = _useAgentHttp.getAgentMcpPermission, resourceApply = _useAgentHttp.resourceApply;
-        var _useSpaceHttp = (0, _useSpaceHttp2.useSpaceHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getResourceAuthorizedSpaces = _useSpaceHttp.getResourceAuthorizedSpaces;
-        var _useClickoutside = (0, _useClickoutside2.useClickoutside)(), handleInitClickoutside = _useClickoutside.handleInitClickoutside;
-        var formRef = (0, _vue.ref)();
-        var variableFormRef = (0, _vue.ref)();
-        var agents = (0, _vue.ref)([]);
-        var spaces = (0, _vue.ref)([]);
-        var isLoadingAgents = (0, _vue.ref)(false);
-        var isLoadingSpaces = (0, _vue.ref)(false);
-        var isLoadingConfirm = (0, _vue.ref)(false);
-        var isShowPopover = (0, _vue.ref)(false);
-        var isShowConfirm = (0, _vue.ref)(false);
-        var hasMcpPermission = (0, _vue.ref)(undefined);
-        var hasUnfilledRequiredEnv = (0, _vue.ref)(false);
-        var renderEnvs = (0, _vue.ref)([]);
-        var formData = (0, _vue.ref)({
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getAgent, getAgentList, updateAgent, getAgentMcpPermission, resourceApply } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getResourceAuthorizedSpaces } = useSpaceHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleInitClickoutside } = useClickoutside();
+        const { handleInitClickoutside: handleInitSpaceSelectClickoutside } = useClickoutside();
+        const { handleInitClickoutside: handleInitAgentSelectClickoutside } = useClickoutside();
+        const formRef = ref();
+        const spaceSelectRef = ref();
+        const agentSelectRef = ref();
+        const variableFormRef = ref();
+        const agents = ref([]);
+        const spaces = ref([]);
+        const isLoadingAgents = ref(false);
+        const isLoadingSpaces = ref(false);
+        const isLoadingConfirm = ref(false);
+        const isShowPopover = ref(false);
+        const isShowConfirm = ref(false);
+        const hasMcpPermission = ref(undefined);
+        const hasUnfilledRequiredEnv = ref(false);
+        const renderEnvs = ref([]);
+        const formData = ref({
             selectedAgentId: undefined,
             selectedSpaceId: undefined
         });
-        var getWidth = function getWidth() {
-            return props.resourceType === _enum.Module.Skill ? 600 : 280;
+        const getWidth = ()=>{
+            return props.resourceType === Module.Skill ? 600 : 280;
         };
-        var getContent = function getContent() {
-            if (props.resourceType === _enum.Module.Skill) {
-                return (0, _vue.createVNode)(_index2.default, {
+        const getContent = ()=>{
+            if (props.resourceType === Module.Skill) {
+                return _createVNode2(VariableForm, {
                     "ref": variableFormRef,
                     "skillEnvs": renderEnvs.value,
                     "onUpdate:skillEnvs": handleUpdateEnvs
@@ -116,65 +102,63 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             }
             return '当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单';
         };
-        var getTitle = function getTitle() {
-            if (props.resourceType === _enum.Module.Skill) {
+        const getTitle = ()=>{
+            if (props.resourceType === Module.Skill) {
                 return '配置 Skill 环境变量';
             }
             return '确认提交申请？';
         };
-        var handleGetSpacesAndSetDefaultSpace = function handleGetSpacesAndSetDefaultSpace() {
+        const handleGetSpacesAndSetDefaultSpace = ()=>{
             isLoadingSpaces.value = true;
-            var params = {
+            const params = {
                 resourceType: props.resourceType,
                 resourceId: props.resource.id
             };
-            if (props.resourceType === _enum.Module.Mcp) {
+            if (props.resourceType === Module.Mcp) {
                 params.mcpType = props.resource.mcpType;
             }
-            return getResourceAuthorizedSpaces(params).then(function(data) {
+            return getResourceAuthorizedSpaces(params).then((data)=>{
                 var _a;
                 spaces.value = data;
                 formData.value.selectedSpaceId = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.spaceId;
-            }).finally(function() {
+            }).finally(()=>{
                 isLoadingSpaces.value = false;
             });
         };
-        var handleGetAgentsAndSetDefaultAgent = function handleGetAgentsAndSetDefaultAgent() {
+        const handleGetAgentsAndSetDefaultAgent = ()=>{
             if (!formData.value.selectedSpaceId) return;
             isLoadingAgents.value = true;
-            var params = {
+            const params = {
                 page: 1,
-                pageSize: _constants.MAX_PAGE_SIZE,
+                pageSize: MAX_PAGE_SIZE,
                 spaceId: formData.value.selectedSpaceId,
-                groupType: _enum.GroupType.Space,
-                agentType: _enum.AgentType.Single
+                groupType: GroupType.Space,
+                agentType: AgentType.Single
             };
-            getAgentList(params).then(function(data) {
+            getAgentList(params).then((data)=>{
                 var _a;
-                var list = data.results.filter(function(agent) {
+                let list = data.results.filter((agent)=>{
                     var _a;
                     return (_a = agent.permission) === null || _a === void 0 ? void 0 : _a.manageAgent;
                 });
-                if (props.resourceType === _enum.Module.Agent) {
-                    list = list.filter(function(agent) {
-                        return agent.id !== props.resource.id;
-                    });
+                if (props.resourceType === Module.Agent) {
+                    list = list.filter((agent)=>agent.id !== props.resource.id);
                 }
                 agents.value = list;
                 formData.value.selectedAgentId = (_a = list[0]) === null || _a === void 0 ? void 0 : _a.id;
-            }).finally(function() {
+            }).finally(()=>{
                 isLoadingAgents.value = false;
             });
         };
-        var handleGoCreateAgent = function handleGoCreateAgent() {
+        const handleGoCreateAgent = ()=>{
             handleClose();
             emits('navigate', {
-                type: _enum.SdkNavigateActionType.AgentList,
+                type: SdkNavigateActionType.AgentList,
                 spaceId: formData.value.selectedSpaceId,
                 isShowCreateAgent: 1
             });
         };
-        var handleClose = function handleClose() {
+        const handleClose = ()=>{
             var _a;
             // 关闭弹窗
             isShowPopover.value = false;
@@ -191,529 +175,284 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             // 清空表单验证
             (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.clearValidate();
         };
-        var handleClickOutside = function handleClickOutside() {
+        const handleClickOutside = ()=>{
             handleClose();
         };
-        var handleUpdateEnvs = function handleUpdateEnvs(data) {
-            renderEnvs.value = (0, _toConsumableArray2.default)(data);
+        const handleSpaceSelectClickOutside = ()=>{
+            var _a, _b;
+            (_a = spaceSelectRef.value) === null || _a === void 0 ? void 0 : _a.hidePopover();
+            (_b = spaceSelectRef.value) === null || _b === void 0 ? void 0 : _b.handleBlur();
         };
-        var handleShow = function handleShow() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
-                return regeneratorRuntime.wrap(function(_context) {
-                    while(1)switch(_context.prev = _context.next){
-                        case 0:
-                            if (!isShowPopover.value) {
-                                _context.next = 1;
-                                break;
-                            }
-                            return _context.abrupt("return");
-                        case 1:
-                            isShowPopover.value = true;
-                            _context.next = 2;
-                            return handleGetSpacesAndSetDefaultSpace();
-                        case 2:
-                            handleGetAgentsAndSetDefaultAgent();
-                        case 3:
-                        case "end":
-                            return _context.stop();
-                    }
-                }, _callee);
-            }));
+        const handleAgentSelectClickOutside = ()=>{
+            var _a, _b;
+            (_a = agentSelectRef.value) === null || _a === void 0 ? void 0 : _a.hidePopover();
+            (_b = agentSelectRef.value) === null || _b === void 0 ? void 0 : _b.handleBlur();
         };
-        var handleRelateAgentToAgent = function handleRelateAgentToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee2() {
-                var _a, _b, _c, resourceId, currentAgent, selfCommands, relatedAgents;
-                return regeneratorRuntime.wrap(function(_context2) {
-                    while(1)switch(_context2.prev = _context2.next){
-                        case 0:
-                            resourceId = props.resource.id;
-                            if (!((_b = (_a = selectedAgent.relatedAgents) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.find(function(agent) {
-                                return agent.id === resourceId;
-                            }))) {
-                                _context2.next = 1;
-                                break;
-                            }
-                            return _context2.abrupt("return");
-                        case 1:
-                            _context2.next = 2;
-                            return getAgent(resourceId);
-                        case 2:
-                            currentAgent = _context2.sent;
-                            selfCommands = currentAgent.conversationSettings.commands.filter(function(cmd) {
-                                return cmd.agentId === currentAgent.id;
-                            });
-                            relatedAgents = [].concat((0, _toConsumableArray2.default)((_c = selectedAgent.relatedAgents) === null || _c === void 0 ? void 0 : _c.agents), [
-                                currentAgent
-                            ]);
-                            _context2.next = 3;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                relatedAgents: {
-                                    agents: relatedAgents
-                                },
-                                conversationSettings: Object.assign(Object.assign({}, selectedAgent.conversationSettings), {
-                                    commands: [].concat((0, _toConsumableArray2.default)(selectedAgent.conversationSettings.commands), (0, _toConsumableArray2.default)(selfCommands))
-                                })
-                            }));
-                        case 3:
-                        case "end":
-                            return _context2.stop();
-                    }
-                }, _callee2);
-            }));
+        const handleUpdateEnvs = (data)=>{
+            renderEnvs.value = [
+                ...data
+            ];
         };
-        var handleRelateToolToAgent = function handleRelateToolToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee3() {
+        const handleShow = ()=>__awaiter(this, void 0, void 0, function*() {
+                if (isShowPopover.value) return;
+                isShowPopover.value = true;
+                yield handleGetSpacesAndSetDefaultSpace();
+                handleGetAgentsAndSetDefaultAgent();
+            });
+        const handleRelateAgentToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                const resourceId = props.resource.id;
+                if ((_b = (_a = selectedAgent.relatedAgents) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.find((agent)=>agent.id === resourceId)) return;
+                const currentAgent = yield getAgent(resourceId);
+                const selfCommands = currentAgent.conversationSettings.commands.filter((cmd)=>cmd.agentId === currentAgent.id);
+                const relatedAgents = [
+                    ...(_c = selectedAgent.relatedAgents) === null || _c === void 0 ? void 0 : _c.agents,
+                    currentAgent
+                ];
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedAgents: {
+                        agents: relatedAgents
+                    },
+                    conversationSettings: Object.assign(Object.assign({}, selectedAgent.conversationSettings), {
+                        commands: [
+                            ...selectedAgent.conversationSettings.commands,
+                            ...selfCommands
+                        ]
+                    })
+                }));
+            });
+        const handleRelateToolToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
                 var _a, _b, _c, _d;
-                return regeneratorRuntime.wrap(function(_context3) {
-                    while(1)switch(_context3.prev = _context3.next){
-                        case 0:
-                            if (!((_b = (_a = selectedAgent.relatedTools) === null || _a === void 0 ? void 0 : _a.tools) === null || _b === void 0 ? void 0 : _b.find(function(tool) {
-                                return tool.id === props.resource.id;
-                            }))) {
-                                _context3.next = 1;
-                                break;
-                            }
-                            return _context3.abrupt("return");
-                        case 1:
-                            _context3.next = 2;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                relatedTools: {
-                                    tools: [].concat((0, _toConsumableArray2.default)(((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || []), [
-                                        props.resource
-                                    ]),
-                                    mcps: ((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || []
-                                }
-                            }));
-                        case 2:
-                        case "end":
-                            return _context3.stop();
-                    }
-                }, _callee3);
-            }));
-        };
-        var handleRelateKnowledgebaseToAgent = function handleRelateKnowledgebaseToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee4() {
-                var _a, _b, _c, targetKb, isAlreadyRelated;
-                return regeneratorRuntime.wrap(function(_context4) {
-                    while(1)switch(_context4.prev = _context4.next){
-                        case 0:
-                            targetKb = props.resource;
-                            isAlreadyRelated = (_b = (_a = selectedAgent.knowledgebaseSettings) === null || _a === void 0 ? void 0 : _a.knowledgebases) === null || _b === void 0 ? void 0 : _b.find(function(knowledgebase) {
-                                return knowledgebase.id === targetKb.id;
-                            });
-                            if (!isAlreadyRelated) {
-                                _context4.next = 1;
-                                break;
-                            }
-                            return _context4.abrupt("return");
-                        case 1:
-                            _context4.next = 2;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                knowledgebaseSettings: Object.assign(Object.assign({}, selectedAgent.knowledgebaseSettings), {
-                                    knowledgebases: [].concat((0, _toConsumableArray2.default)(((_c = selectedAgent.knowledgebaseSettings) === null || _c === void 0 ? void 0 : _c.knowledgebases) || []), [
-                                        targetKb
-                                    ])
-                                })
-                            }));
-                        case 2:
-                        case "end":
-                            return _context4.stop();
+                if ((_b = (_a = selectedAgent.relatedTools) === null || _a === void 0 ? void 0 : _a.tools) === null || _b === void 0 ? void 0 : _b.find((tool)=>tool.id === props.resource.id)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedTools: {
+                        tools: [
+                            ...((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
+                            props.resource
+                        ],
+                        mcps: ((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || []
                     }
-                }, _callee4);
-            }));
-        };
-        var handleRelateMcpToAgent = function handleRelateMcpToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee5() {
+                }));
+            });
+        const handleRelateKnowledgebaseToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                const targetKb = props.resource;
+                const isAlreadyRelated = (_b = (_a = selectedAgent.knowledgebaseSettings) === null || _a === void 0 ? void 0 : _a.knowledgebases) === null || _b === void 0 ? void 0 : _b.find((knowledgebase)=>knowledgebase.id === targetKb.id);
+                if (isAlreadyRelated) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    knowledgebaseSettings: Object.assign(Object.assign({}, selectedAgent.knowledgebaseSettings), {
+                        knowledgebases: [
+                            ...((_c = selectedAgent.knowledgebaseSettings) === null || _c === void 0 ? void 0 : _c.knowledgebases) || [],
+                            targetKb
+                        ]
+                    })
+                }));
+            });
+        const handleRelateMcpToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
                 var _a, _b, _c, _d;
-                return regeneratorRuntime.wrap(function(_context5) {
-                    while(1)switch(_context5.prev = _context5.next){
-                        case 0:
-                            if (!((_b = (_a = selectedAgent.relatedTools) === null || _a === void 0 ? void 0 : _a.mcps) === null || _b === void 0 ? void 0 : _b.find(function(mcp) {
-                                return mcp.id === props.resource.id && mcp.mcpType === props.resource.mcpType;
-                            }))) {
-                                _context5.next = 1;
-                                break;
-                            }
-                            return _context5.abrupt("return");
-                        case 1:
-                            _context5.next = 2;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                relatedTools: {
-                                    tools: ((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
-                                    mcps: [].concat((0, _toConsumableArray2.default)(((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || []), [
-                                        props.resource
-                                    ])
-                                }
-                            }));
-                        case 2:
-                        case "end":
-                            return _context5.stop();
+                if ((_b = (_a = selectedAgent.relatedTools) === null || _a === void 0 ? void 0 : _a.mcps) === null || _b === void 0 ? void 0 : _b.find((mcp)=>mcp.id === props.resource.id && mcp.mcpType === props.resource.mcpType)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedTools: {
+                        tools: ((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
+                        mcps: [
+                            ...((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || [],
+                            props.resource
+                        ]
                     }
-                }, _callee5);
-            }));
-        };
-        var handleRelateSkillToAgent = function handleRelateSkillToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee6() {
+                }));
+            });
+        const handleRelateSkillToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
                 var _a, _b, _c;
-                return regeneratorRuntime.wrap(function(_context6) {
-                    while(1)switch(_context6.prev = _context6.next){
-                        case 0:
-                            if (!((_b = (_a = selectedAgent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills) === null || _b === void 0 ? void 0 : _b.find(function(skill) {
-                                return skill.id === props.resource.id;
-                            }))) {
-                                _context6.next = 1;
-                                break;
-                            }
-                            return _context6.abrupt("return");
-                        case 1:
-                            _context6.next = 2;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                relatedSkills: {
-                                    skills: [].concat((0, _toConsumableArray2.default)((_c = selectedAgent.relatedSkills) === null || _c === void 0 ? void 0 : _c.skills), [
-                                        Object.assign(Object.assign({}, props.resource), {
-                                            envs: renderEnvs.value
-                                        })
-                                    ])
-                                }
-                            }));
-                        case 2:
-                        case "end":
-                            return _context6.stop();
+                if ((_b = (_a = selectedAgent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills) === null || _b === void 0 ? void 0 : _b.find((skill)=>skill.id === props.resource.id)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedSkills: {
+                        skills: [
+                            ...(_c = selectedAgent.relatedSkills) === null || _c === void 0 ? void 0 : _c.skills,
+                            Object.assign(Object.assign({}, props.resource), {
+                                envs: renderEnvs.value
+                            })
+                        ]
                     }
-                }, _callee6);
-            }));
-        };
-        var handleRelateLLMToAgent = function handleRelateLLMToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee7() {
+                }));
+            });
+        const handleRelateLLMToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
                 var _a, _b, _c;
-                return regeneratorRuntime.wrap(function(_context7) {
-                    while(1)switch(_context7.prev = _context7.next){
-                        case 0:
-                            if (!(((_a = selectedAgent.promptSetting) === null || _a === void 0 ? void 0 : _a.llmCode) === ((_b = props.resource) === null || _b === void 0 ? void 0 : _b.llmCode))) {
-                                _context7.next = 1;
-                                break;
-                            }
-                            return _context7.abrupt("return");
-                        case 1:
-                            _context7.next = 2;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
-                                    llmCode: (_c = props.resource) === null || _c === void 0 ? void 0 : _c.llmCode
-                                })
-                            }));
-                        case 2:
-                        case "end":
-                            return _context7.stop();
-                    }
-                }, _callee7);
-            }));
-        };
-        var handleRelatePromptToAgent = function handleRelatePromptToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee8() {
-                var prompt;
-                return regeneratorRuntime.wrap(function(_context8) {
-                    while(1)switch(_context8.prev = _context8.next){
-                        case 0:
-                            prompt = props.resource;
-                            _context8.next = 1;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
-                                    promptType: _enum.PromptSource.UserDefine,
-                                    promptContent: prompt.content
-                                })
-                            }));
-                        case 1:
-                        case "end":
-                            return _context8.stop();
-                    }
-                }, _callee8);
-            }));
-        };
-        var handleRelateCollectionToAgent = function handleRelateCollectionToAgent(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee9() {
-                var _a, collection;
-                return regeneratorRuntime.wrap(function(_context9) {
-                    while(1)switch(_context9.prev = _context9.next){
-                        case 0:
-                            collection = props.resource;
-                            if (!(((_a = selectedAgent.promptSetting) === null || _a === void 0 ? void 0 : _a.collectionId) === collection.id)) {
-                                _context9.next = 1;
-                                break;
-                            }
-                            return _context9.abrupt("return");
-                        case 1:
-                            _context9.next = 2;
-                            return updateAgent(Object.assign(Object.assign({}, selectedAgent), {
-                                promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
-                                    promptType: _enum.PromptSource.Collection,
-                                    collectionId: collection.id,
-                                    collectionName: collection.name,
-                                    collectionVariables: collection.variables,
-                                    collectionContent: collection.content
-                                })
-                            }));
-                        case 2:
-                        case "end":
-                            return _context9.stop();
-                    }
-                }, _callee9);
-            }));
-        };
-        var handleBindAndNavigate = function handleBindAndNavigate(selectedAgent) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee0() {
-                var _a, relateMap;
-                return regeneratorRuntime.wrap(function(_context0) {
-                    while(1)switch(_context0.prev = _context0.next){
-                        case 0:
-                            relateMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _enum.Module.Agent, handleRelateAgentToAgent), _enum.Module.Mcp, handleRelateMcpToAgent), _enum.Module.Tool, handleRelateToolToAgent), _enum.Module.Skill, handleRelateSkillToAgent), _enum.Module.LLM, handleRelateLLMToAgent), _enum.Module.Knowledgebase, handleRelateKnowledgebaseToAgent), _enum.Module.Prompt, handleRelatePromptToAgent), _enum.Module.Collection, handleRelateCollectionToAgent);
-                            _context0.next = 1;
-                            return (_a = relateMap[props.resourceType]) === null || _a === void 0 ? void 0 : _a.call(relateMap, selectedAgent);
-                        case 1:
-                            emits('navigate', {
-                                type: _enum.SdkNavigateActionType.AgentDetailSetting,
-                                id: formData.value.selectedAgentId,
-                                spaceId: formData.value.selectedSpaceId,
-                                isNewTab: true
-                            });
-                            handleClose();
-                        case 2:
-                        case "end":
-                            return _context0.stop();
-                    }
-                }, _callee0);
-            }));
-        };
-        var handleConfirm = function handleConfirm() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee1() {
-                var _a, selectedAgent, _t;
-                return regeneratorRuntime.wrap(function(_context1) {
-                    while(1)switch(_context1.prev = _context1.next){
-                        case 0:
-                            _context1.prev = 0;
-                            _context1.next = 1;
-                            return (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
-                        case 1:
-                            if (!(hasMcpPermission.value === false || hasUnfilledRequiredEnv.value)) {
-                                _context1.next = 2;
-                                break;
-                            }
-                            // 没有权限或必填环境变量未配置，显示弹窗
-                            isShowConfirm.value = true;
-                            _context1.next = 4;
-                            break;
-                        case 2:
-                            // 有权限且必填环境变量已配置，绑定并跳转
-                            isLoadingConfirm.value = true;
-                            _context1.next = 3;
-                            return getAgent(formData.value.selectedAgentId);
-                        case 3:
-                            selectedAgent = _context1.sent;
-                            _context1.next = 4;
-                            return handleBindAndNavigate(selectedAgent);
-                        case 4:
-                            _context1.next = 6;
-                            break;
-                        case 5:
-                            _context1.prev = 5;
-                            _t = _context1["catch"](0);
-                            console.error(_t);
-                        case 6:
-                            _context1.prev = 6;
-                            isLoadingConfirm.value = false;
-                            return _context1.finish(6);
-                        case 7:
-                        case "end":
-                            return _context1.stop();
+                if (((_a = selectedAgent.promptSetting) === null || _a === void 0 ? void 0 : _a.llmCode) === ((_b = props.resource) === null || _b === void 0 ? void 0 : _b.llmCode)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
+                        llmCode: (_c = props.resource) === null || _c === void 0 ? void 0 : _c.llmCode
+                    })
+                }));
+            });
+        const handleRelatePromptToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                const prompt = props.resource;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
+                        promptType: PromptSource.UserDefine,
+                        promptContent: prompt.content
+                    })
+                }));
+            });
+        const handleRelateCollectionToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                const collection = props.resource;
+                if (((_a = selectedAgent.promptSetting) === null || _a === void 0 ? void 0 : _a.collectionId) === collection.id) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
+                        promptType: PromptSource.Collection,
+                        collectionId: collection.id,
+                        collectionName: collection.name,
+                        collectionVariables: collection.variables,
+                        collectionContent: collection.content
+                    })
+                }));
+            });
+        const handleBindAndNavigate = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                const relateMap = {
+                    [Module.Agent]: handleRelateAgentToAgent,
+                    [Module.Mcp]: handleRelateMcpToAgent,
+                    [Module.Tool]: handleRelateToolToAgent,
+                    [Module.Skill]: handleRelateSkillToAgent,
+                    [Module.LLM]: handleRelateLLMToAgent,
+                    [Module.Knowledgebase]: handleRelateKnowledgebaseToAgent,
+                    [Module.Prompt]: handleRelatePromptToAgent,
+                    [Module.Collection]: handleRelateCollectionToAgent
+                };
+                yield (_a = relateMap[props.resourceType]) === null || _a === void 0 ? void 0 : _a.call(relateMap, selectedAgent);
+                emits('navigate', {
+                    type: SdkNavigateActionType.AgentDetailSetting,
+                    id: formData.value.selectedAgentId,
+                    spaceId: formData.value.selectedSpaceId,
+                    isNewTab: true
+                });
+                handleClose();
+            });
+        const handleConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                try {
+                    yield (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+                    if (hasMcpPermission.value === false || hasUnfilledRequiredEnv.value) {
+                        // 没有权限或必填环境变量未配置，显示弹窗
+                        isShowConfirm.value = true;
+                    } else {
+                        // 有权限且必填环境变量已配置，绑定并跳转
+                        isLoadingConfirm.value = true;
+                        const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                        yield handleBindAndNavigate(selectedAgent);
                     }
-                }, _callee1, null, [
-                    [
-                        0,
-                        5,
-                        6,
-                        7
-                    ]
-                ]);
-            }));
-        };
-        var handlePopoverConfirm = function handlePopoverConfirm() {
-            if (props.resourceType === _enum.Module.Skill) {
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+        const handlePopoverConfirm = ()=>{
+            if (props.resourceType === Module.Skill) {
                 handleValidateSkillAndConfirm();
             }
-            if (props.resourceType === _enum.Module.Mcp) {
+            if (props.resourceType === Module.Mcp) {
                 handleApplyPermissionAndConfirm();
             }
         };
-        var handleValidateSkillAndConfirm = function handleValidateSkillAndConfirm() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee10() {
-                var _a, selectedAgent, _t2;
-                return regeneratorRuntime.wrap(function(_context10) {
-                    while(1)switch(_context10.prev = _context10.next){
-                        case 0:
-                            isLoadingConfirm.value = true;
-                            _context10.prev = 1;
-                            _context10.next = 2;
-                            return (_a = variableFormRef.value) === null || _a === void 0 ? void 0 : _a.validate();
-                        case 2:
-                            _context10.next = 3;
-                            return getAgent(formData.value.selectedAgentId);
-                        case 3:
-                            selectedAgent = _context10.sent;
-                            _context10.next = 4;
-                            return handleBindAndNavigate(selectedAgent);
-                        case 4:
-                            isShowConfirm.value = false;
-                            _context10.next = 6;
-                            break;
-                        case 5:
-                            _context10.prev = 5;
-                            _t2 = _context10["catch"](1);
-                            console.error(_t2);
-                        case 6:
-                            _context10.prev = 6;
-                            isLoadingConfirm.value = false;
-                            return _context10.finish(6);
-                        case 7:
-                        case "end":
-                            return _context10.stop();
-                    }
-                }, _callee10, null, [
-                    [
-                        1,
-                        5,
-                        6,
-                        7
-                    ]
-                ]);
-            }));
-        };
-        var handleApplyPermissionAndConfirm = function handleApplyPermissionAndConfirm() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee11() {
-                var selectedAgent, resource, _t3;
-                return regeneratorRuntime.wrap(function(_context11) {
-                    while(1)switch(_context11.prev = _context11.next){
-                        case 0:
-                            isLoadingConfirm.value = true;
-                            _context11.prev = 1;
-                            _context11.next = 2;
-                            return getAgent(formData.value.selectedAgentId);
-                        case 2:
-                            selectedAgent = _context11.sent;
-                            resource = [
-                                {
-                                    resourceType: _enum.Module.Mcp,
-                                    resourceCode: props.resource.mcpCode
-                                }
-                            ];
-                            _context11.next = 3;
-                            return resourceApply(resource, selectedAgent.id);
-                        case 3:
-                            _context11.next = 4;
-                            return handleBindAndNavigate(selectedAgent);
-                        case 4:
-                            isShowConfirm.value = false;
-                            _context11.next = 6;
-                            break;
-                        case 5:
-                            _context11.prev = 5;
-                            _t3 = _context11["catch"](1);
-                            console.error(_t3);
-                        case 6:
-                            _context11.prev = 6;
-                            isLoadingConfirm.value = false;
-                            return _context11.finish(6);
-                        case 7:
-                        case "end":
-                            return _context11.stop();
-                    }
-                }, _callee11, null, [
-                    [
-                        1,
-                        5,
-                        6,
-                        7
-                    ]
-                ]);
-            }));
-        };
-        var handleCheckConfirm = function handleCheckConfirm() {
-            if ((0, _util.isEmpty)(formData.value.selectedAgentId)) {
+        const handleValidateSkillAndConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                isLoadingConfirm.value = true;
+                try {
+                    yield (_a = variableFormRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+                    const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                    yield handleBindAndNavigate(selectedAgent);
+                    isShowConfirm.value = false;
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+        const handleApplyPermissionAndConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                isLoadingConfirm.value = true;
+                try {
+                    const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                    const resource = [
+                        {
+                            resourceType: Module.Mcp,
+                            resourceCode: props.resource.mcpCode
+                        }
+                    ];
+                    yield resourceApply(resource, selectedAgent.id);
+                    yield handleBindAndNavigate(selectedAgent);
+                    isShowConfirm.value = false;
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+        const handleCheckConfirm = ()=>{
+            if (isEmpty(formData.value.selectedAgentId)) {
                 return;
             }
-            if (props.resourceType === _enum.Module.Skill) {
+            if (props.resourceType === Module.Skill) {
                 handleCheckSkillEnvs();
             }
-            if (props.resourceType === _enum.Module.Mcp) {
+            if (props.resourceType === Module.Mcp) {
                 handleCheckMcpPermission();
             }
         };
         // 检查是否有必填的环境变量
-        var handleCheckSkillEnvs = function handleCheckSkillEnvs() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee12() {
+        const handleCheckSkillEnvs = ()=>__awaiter(this, void 0, void 0, function*() {
                 var _a, _b;
-                return regeneratorRuntime.wrap(function(_context12) {
-                    while(1)switch(_context12.prev = _context12.next){
-                        case 0:
-                            renderEnvs.value = (_b = (_a = props.resource.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.map(function(env) {
-                                if ((0, _util.isEmpty)(env.value) && !(0, _util.isEmpty)(env.default)) {
-                                    return Object.assign(Object.assign({}, env), {
-                                        value: env.default
-                                    });
-                                }
-                                return env;
-                            });
-                            hasUnfilledRequiredEnv.value = renderEnvs.value.some(function(env) {
-                                return env.required && (0, _util.isEmpty)(env.value);
-                            });
-                            if (hasUnfilledRequiredEnv.value) {
-                                isLoadingConfirm.value = true;
-                                getAgent(formData.value.selectedAgentId).then(function(agent) {
-                                    var _a;
-                                    var isAlreadyRelated = (_a = agent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills.find(function(skill) {
-                                        return skill.id === props.resource.id;
-                                    });
-                                    if (isAlreadyRelated) {
-                                        hasUnfilledRequiredEnv.value = false;
-                                        renderEnvs.value = [];
-                                    }
-                                }).finally(function() {
-                                    isLoadingConfirm.value = false;
-                                });
-                            }
-                        case 1:
-                        case "end":
-                            return _context12.stop();
+                renderEnvs.value = (_b = (_a = props.resource.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.map((env)=>{
+                    if (isEmpty(env.value) && !isEmpty(env.default)) {
+                        return Object.assign(Object.assign({}, env), {
+                            value: env.default
+                        });
                     }
-                }, _callee12);
-            }));
-        };
+                    return env;
+                });
+                hasUnfilledRequiredEnv.value = renderEnvs.value.some((env)=>env.required && isEmpty(env.value));
+                if (hasUnfilledRequiredEnv.value) {
+                    isLoadingConfirm.value = true;
+                    getAgent(formData.value.selectedAgentId).then((agent)=>{
+                        var _a;
+                        const isAlreadyRelated = (_a = agent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills.find((skill)=>skill.id === props.resource.id);
+                        if (isAlreadyRelated) {
+                            hasUnfilledRequiredEnv.value = false;
+                            renderEnvs.value = [];
+                        }
+                    }).finally(()=>{
+                        isLoadingConfirm.value = false;
+                    });
+                }
+            });
         // 检查 MCP 权限
-        var handleCheckMcpPermission = function handleCheckMcpPermission() {
+        const handleCheckMcpPermission = ()=>{
             isLoadingConfirm.value = true;
-            var mcp = props.resource;
-            getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then(function(res) {
-                hasMcpPermission.value = res.status !== _enum.ResourceStatus.NoPermission;
-            }).catch(function() {
+            const mcp = props.resource;
+            getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then((res)=>{
+                hasMcpPermission.value = res.status !== ResourceStatus.NoPermission;
+            }).catch(()=>{
                 hasMcpPermission.value = undefined;
-            }).finally(function() {
+            }).finally(()=>{
                 isLoadingConfirm.value = false;
             });
         };
-        var handleCancelApply = function handleCancelApply() {
+        const handleCancelApply = ()=>{
             isShowConfirm.value = false;
         };
         handleInitClickoutside('render-relate-agent-popover', handleClickOutside);
-        (0, _vue.watch)(function() {
-            return formData.value.selectedAgentId;
-        }, handleCheckConfirm);
-        return function(_ctx, _cache) {
-            var _component_bk_button = (0, _vue.resolveComponent)("bk-button");
-            var _component_bk_select = (0, _vue.resolveComponent)("bk-select");
-            var _component_bk_form_item = (0, _vue.resolveComponent)("bk-form-item");
-            var _component_bk_form = (0, _vue.resolveComponent)("bk-form");
-            var _component_bk_pop_confirm = (0, _vue.resolveComponent)("bk-pop-confirm");
-            var _component_bk_popover = (0, _vue.resolveComponent)("bk-popover");
-            var _directive_bk_tooltips = (0, _vue.resolveDirective)("bk-tooltips");
-            return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_popover, {
+        handleInitSpaceSelectClickoutside('space-select', handleSpaceSelectClickOutside);
+        handleInitAgentSelectClickoutside('agent-select', handleAgentSelectClickOutside);
+        watch(()=>formData.value.selectedAgentId, handleCheckConfirm);
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_select = _resolveComponent("bk-select");
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createBlock(_component_bk_popover, {
                 placement: props.placement,
                 boundary: props.boundary,
                 "is-show": isShowPopover.value,
@@ -722,38 +461,37 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 width: "400",
                 "ext-cls": "render-relate-agent-popover"
             }, {
-                content: (0, _vue.withCtx)(function() {
-                    return [
-                        _cache[5] || (_cache[5] = (0, _vue.createElementVNode)("span", {
+                content: _withCtx(()=>[
+                        _cache[5] || (_cache[5] = _createElementVNode("span", {
                             class: "g-text-16 g-text-black g-leading-24"
                         }, " 关联至智能体 ", -1 /* CACHED */ )),
-                        (0, _vue.createVNode)(_component_bk_form, {
+                        _createVNode(_component_bk_form, {
                             model: formData.value,
                             ref_key: "formRef",
                             ref: formRef,
                             "form-type": "vertical",
                             class: "g-small-form g-small-gap-form !g-mt-16"
                         }, {
-                            default: (0, _vue.withCtx)(function() {
-                                return [
-                                    (0, _vue.createVNode)(_component_bk_form_item, {
+                            default: _withCtx(()=>[
+                                    _createVNode(_component_bk_form_item, {
                                         label: "空间",
                                         property: "selectedSpaceId",
                                         required: ""
                                     }, {
-                                        default: (0, _vue.withCtx)(function() {
-                                            return [
-                                                (0, _vue.createVNode)(_component_bk_select, {
+                                        default: _withCtx(()=>[
+                                                _createVNode(_component_bk_select, {
                                                     modelValue: formData.value.selectedSpaceId,
-                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-                                                        return formData.value.selectedSpaceId = $event;
-                                                    }),
+                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>formData.value.selectedSpaceId = $event),
                                                     clearable: false,
                                                     loading: isLoadingSpaces.value,
                                                     list: spaces.value,
                                                     "popover-options": {
-                                                        boundary: 'parent'
+                                                        boundary: 'parent',
+                                                        extCls: 'space-select'
                                                     },
+                                                    class: "space-select",
+                                                    ref_key: "spaceSelectRef",
+                                                    ref: spaceSelectRef,
                                                     filterable: "",
                                                     "id-key": "spaceId",
                                                     "display-key": "spaceName",
@@ -763,41 +501,39 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                                     "loading",
                                                     "list"
                                                 ])
-                                            ];
-                                        }),
+                                            ]),
                                         _: 1 /* STABLE */ 
                                     }),
-                                    (0, _vue.createVNode)(_component_bk_form_item, {
+                                    _createVNode(_component_bk_form_item, {
                                         label: "智能体",
                                         property: "selectedAgentId",
                                         required: ""
                                     }, {
-                                        default: (0, _vue.withCtx)(function() {
-                                            return [
-                                                (0, _vue.createVNode)(_component_bk_select, {
+                                        default: _withCtx(()=>[
+                                                _createVNode(_component_bk_select, {
                                                     modelValue: formData.value.selectedAgentId,
-                                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
-                                                        return formData.value.selectedAgentId = $event;
-                                                    }),
-                                                    "no-data-text": "\u6682\u65E0\u672A\u5173\u8054\u8BE5".concat((0, _vue.unref)(_constants.MODULE_NAME)[props.resourceType], "\u7684\u667A\u80FD\u4F53"),
+                                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>formData.value.selectedAgentId = $event),
+                                                    "no-data-text": `暂无未关联该${_unref(MODULE_NAME)[props.resourceType]}的智能体`,
                                                     clearable: false,
                                                     list: agents.value,
                                                     loading: isLoadingAgents.value,
                                                     "popover-options": {
-                                                        boundary: 'parent'
+                                                        boundary: 'parent',
+                                                        extCls: 'agent-select'
                                                     },
+                                                    class: "agent-select",
+                                                    ref_key: "agentSelectRef",
+                                                    ref: agentSelectRef,
                                                     filterable: "",
                                                     "id-key": "id",
                                                     "display-key": "agentName"
                                                 }, {
-                                                    extension: (0, _vue.withCtx)(function() {
-                                                        return [
-                                                            (0, _vue.createVNode)(_index.default, {
+                                                    extension: _withCtx(()=>[
+                                                            _createVNode(RenderSelectPlusExtension, {
                                                                 text: "去新建",
                                                                 onClick: handleGoCreateAgent
                                                             })
-                                                        ];
-                                                    }),
+                                                        ]),
                                                     _: 1 /* STABLE */ 
                                                 }, 8 /* PROPS */ , [
                                                     "modelValue",
@@ -805,18 +541,16 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                                     "list",
                                                     "loading"
                                                 ])
-                                            ];
-                                        }),
+                                            ]),
                                         _: 1 /* STABLE */ 
                                     })
-                                ];
-                            }),
+                                ]),
                             _: 1 /* STABLE */ 
                         }, 8 /* PROPS */ , [
                             "model"
                         ]),
-                        (0, _vue.createElementVNode)("section", _hoisted_1, [
-                            (0, _vue.createVNode)(_component_bk_pop_confirm, {
+                        _createElementVNode("section", _hoisted_1, [
+                            _createVNode(_component_bk_pop_confirm, {
                                 width: getWidth(),
                                 title: getTitle(),
                                 content: getContent(),
@@ -831,24 +565,22 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                 onConfirm: handlePopoverConfirm,
                                 onCancel: handleCancelApply
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_component_bk_button, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_button, {
                                             loading: isLoadingConfirm.value,
                                             theme: "primary",
                                             onClick: handleConfirm
                                         }, {
-                                            default: (0, _vue.withCtx)(function() {
-                                                return (0, _toConsumableArray2.default)(_cache[3] || (_cache[3] = [
-                                                    (0, _vue.createTextVNode)(" 保存并去智能体调试 ", -1 /* CACHED */ )
-                                                ]));
-                                            }),
+                                            default: _withCtx(()=>[
+                                                    ..._cache[3] || (_cache[3] = [
+                                                        _createTextVNode(" 保存并去智能体调试 ", -1 /* CACHED */ )
+                                                    ])
+                                                ]),
                                             _: 1 /* STABLE */ 
                                         }, 8 /* PROPS */ , [
                                             "loading"
                                         ])
-                                    ];
-                                }),
+                                    ]),
                                 _: 1 /* STABLE */ 
                             }, 8 /* PROPS */ , [
                                 "width",
@@ -857,43 +589,42 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                 "is-show",
                                 "confirm-config"
                             ]),
-                            (0, _vue.createVNode)(_component_bk_button, {
+                            _createVNode(_component_bk_button, {
                                 class: "g-ml-8",
                                 onClick: handleClose
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return (0, _toConsumableArray2.default)(_cache[4] || (_cache[4] = [
-                                        (0, _vue.createTextVNode)(" 取消 ", -1 /* CACHED */ )
-                                    ]));
-                                }),
+                                default: _withCtx(()=>[
+                                        ..._cache[4] || (_cache[4] = [
+                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
                                 _: 1 /* STABLE */ 
                             })
                         ])
-                    ];
-                }),
-                default: (0, _vue.withCtx)(function() {
-                    return [
-                        (0, _vue.renderSlot)(_ctx.$slots, "trigger", {
+                    ]),
+                default: _withCtx(()=>[
+                        _renderSlot(_ctx.$slots, "trigger", {
                             handleShow: handleShow
-                        }, function() {
-                            return [
-                                (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_button, {
+                        }, ()=>[
+                                _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
                                     disabled: props.disabled,
-                                    text: props.text,
+                                    text: props.isTextButton,
+                                    theme: __props.theme,
                                     size: "small",
-                                    onClick: (0, _vue.withModifiers)(handleShow, [
+                                    onClick: _withModifiers(handleShow, [
                                         "stop"
                                     ])
                                 }, {
-                                    default: (0, _vue.withCtx)(function() {
-                                        return (0, _toConsumableArray2.default)(_cache[2] || (_cache[2] = [
-                                            (0, _vue.createTextVNode)(" 关联至智能体 ", -1 /* CACHED */ )
-                                        ]));
-                                    }),
+                                    default: _withCtx(()=>[
+                                            ..._cache[2] || (_cache[2] = [
+                                                _createTextVNode(" 关联至智能体 ", -1 /* CACHED */ )
+                                            ])
+                                        ]),
                                     _: 1 /* STABLE */ 
                                 }, 8 /* PROPS */ , [
                                     "disabled",
-                                    "text"
+                                    "text",
+                                    "theme"
                                 ])), [
                                     [
                                         _directive_bk_tooltips,
@@ -905,10 +636,8 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                         }
                                     ]
                                 ])
-                            ];
-                        }, true)
-                    ];
-                }),
+                            ], true)
+                    ]),
                 _: 3 /* FORWARDED */ 
             }, 8 /* PROPS */ , [
                 "placement",