@blueking/ai-ui-sdk 0.4.3-beta.24 → 0.4.3-beta.26

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

@@ -1,4 +1,31 @@
-var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+"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 _useClickoutside4 = 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) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -25,21 +52,10 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-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 = {
+var _hoisted_1 = {
     class: "g-flex-row g-justify-end g-mt-16"
 };
-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({
+var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
     props: {
         resourceType: {},
         resource: {},
@@ -63,34 +79,40 @@ export default /*@__PURE__*/ _defineComponent({
     emits: [
         "navigate"
     ],
-    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 formRef = 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({
+    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, _useClickoutside4.useClickoutside)(), handleInitClickoutside = _useClickoutside.handleInitClickoutside;
+        var _useClickoutside2 = (0, _useClickoutside4.useClickoutside)(), handleInitSpaceSelectClickoutside = _useClickoutside2.handleInitClickoutside;
+        var _useClickoutside3 = (0, _useClickoutside4.useClickoutside)(), handleInitAgentSelectClickoutside = _useClickoutside3.handleInitClickoutside;
+        var formRef = (0, _vue.ref)();
+        var spaceSelectRef = (0, _vue.ref)();
+        var agentSelectRef = (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)({
             selectedAgentId: undefined,
             selectedSpaceId: undefined
         });
-        const getWidth = ()=>{
-            return props.resourceType === Module.Skill ? 600 : 280;
+        var getWidth = function getWidth() {
+            return props.resourceType === _enum.Module.Skill ? 600 : 280;
         };
-        const getContent = ()=>{
-            if (props.resourceType === Module.Skill) {
-                return _createVNode2(VariableForm, {
+        var getContent = function getContent() {
+            if (props.resourceType === _enum.Module.Skill) {
+                return (0, _vue.createVNode)(_index2.default, {
                     "ref": variableFormRef,
                     "skillEnvs": renderEnvs.value,
                     "onUpdate:skillEnvs": handleUpdateEnvs
@@ -98,63 +120,65 @@ export default /*@__PURE__*/ _defineComponent({
             }
             return '当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单';
         };
-        const getTitle = ()=>{
-            if (props.resourceType === Module.Skill) {
+        var getTitle = function getTitle() {
+            if (props.resourceType === _enum.Module.Skill) {
                 return '配置 Skill 环境变量';
             }
             return '确认提交申请？';
         };
-        const handleGetSpacesAndSetDefaultSpace = ()=>{
+        var handleGetSpacesAndSetDefaultSpace = function handleGetSpacesAndSetDefaultSpace() {
             isLoadingSpaces.value = true;
-            const params = {
+            var params = {
                 resourceType: props.resourceType,
                 resourceId: props.resource.id
             };
-            if (props.resourceType === Module.Mcp) {
+            if (props.resourceType === _enum.Module.Mcp) {
                 params.mcpType = props.resource.mcpType;
             }
-            return getResourceAuthorizedSpaces(params).then((data)=>{
+            return getResourceAuthorizedSpaces(params).then(function(data) {
                 var _a;
                 spaces.value = data;
                 formData.value.selectedSpaceId = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.spaceId;
-            }).finally(()=>{
+            }).finally(function() {
                 isLoadingSpaces.value = false;
             });
         };
-        const handleGetAgentsAndSetDefaultAgent = ()=>{
+        var handleGetAgentsAndSetDefaultAgent = function handleGetAgentsAndSetDefaultAgent() {
             if (!formData.value.selectedSpaceId) return;
             isLoadingAgents.value = true;
-            const params = {
+            var params = {
                 page: 1,
-                pageSize: MAX_PAGE_SIZE,
+                pageSize: _constants.MAX_PAGE_SIZE,
                 spaceId: formData.value.selectedSpaceId,
-                groupType: GroupType.Space,
-                agentType: AgentType.Single
+                groupType: _enum.GroupType.Space,
+                agentType: _enum.AgentType.Single
             };
-            getAgentList(params).then((data)=>{
+            getAgentList(params).then(function(data) {
                 var _a;
-                let list = data.results.filter((agent)=>{
+                var list = data.results.filter(function(agent) {
                     var _a;
                     return (_a = agent.permission) === null || _a === void 0 ? void 0 : _a.manageAgent;
                 });
-                if (props.resourceType === Module.Agent) {
-                    list = list.filter((agent)=>agent.id !== props.resource.id);
+                if (props.resourceType === _enum.Module.Agent) {
+                    list = list.filter(function(agent) {
+                        return agent.id !== props.resource.id;
+                    });
                 }
                 agents.value = list;
                 formData.value.selectedAgentId = (_a = list[0]) === null || _a === void 0 ? void 0 : _a.id;
-            }).finally(()=>{
+            }).finally(function() {
                 isLoadingAgents.value = false;
             });
         };
-        const handleGoCreateAgent = ()=>{
+        var handleGoCreateAgent = function handleGoCreateAgent() {
             handleClose();
             emits('navigate', {
-                type: SdkNavigateActionType.AgentList,
+                type: _enum.SdkNavigateActionType.AgentList,
                 spaceId: formData.value.selectedSpaceId,
                 isShowCreateAgent: 1
             });
         };
-        const handleClose = ()=>{
+        var handleClose = function handleClose() {
             var _a;
             // 关闭弹窗
             isShowPopover.value = false;
@@ -171,272 +195,541 @@ export default /*@__PURE__*/ _defineComponent({
             // 清空表单验证
             (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.clearValidate();
         };
-        const handleClickOutside = ()=>{
+        var handleClickOutside = function handleClickOutside() {
             handleClose();
         };
-        const handleUpdateEnvs = (data)=>{
-            renderEnvs.value = [
-                ...data
-            ];
+        var handleSpaceSelectClickOutside = function 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();
         };
-        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 handleAgentSelectClickOutside = function 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 handleUpdateEnvs = function handleUpdateEnvs(data) {
+            renderEnvs.value = (0, _toConsumableArray2.default)(data);
+        };
+        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);
+            }));
+        };
+        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);
+            }));
+        };
+        var handleRelateToolToAgent = function handleRelateToolToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee3() {
                 var _a, _b, _c, _d;
-                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) || []
+                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();
                     }
-                }));
-            });
-        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*() {
+                }, _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();
+                    }
+                }, _callee4);
+            }));
+        };
+        var handleRelateMcpToAgent = function handleRelateMcpToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee5() {
                 var _a, _b, _c, _d;
-                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
-                        ]
+                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();
                     }
-                }));
-            });
-        const handleRelateSkillToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                }, _callee5);
+            }));
+        };
+        var handleRelateSkillToAgent = function handleRelateSkillToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee6() {
                 var _a, _b, _c;
-                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
-                            })
-                        ]
+                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();
                     }
-                }));
-            });
-        const handleRelateLLMToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                }, _callee6);
+            }));
+        };
+        var handleRelateLLMToAgent = function handleRelateLLMToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee7() {
                 var _a, _b, _c;
-                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);
+                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();
                     }
-                } catch (error) {
-                    console.error(error);
-                } finally{
-                    isLoadingConfirm.value = false;
-                }
-            });
-        const handlePopoverConfirm = ()=>{
-            if (props.resourceType === Module.Skill) {
+                }, _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();
+                    }
+                }, _callee1, null, [
+                    [
+                        0,
+                        5,
+                        6,
+                        7
+                    ]
+                ]);
+            }));
+        };
+        var handlePopoverConfirm = function handlePopoverConfirm() {
+            if (props.resourceType === _enum.Module.Skill) {
                 handleValidateSkillAndConfirm();
             }
-            if (props.resourceType === Module.Mcp) {
+            if (props.resourceType === _enum.Module.Mcp) {
                 handleApplyPermissionAndConfirm();
             }
         };
-        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)) {
+        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)) {
                 return;
             }
-            if (props.resourceType === Module.Skill) {
+            if (props.resourceType === _enum.Module.Skill) {
                 handleCheckSkillEnvs();
             }
-            if (props.resourceType === Module.Mcp) {
+            if (props.resourceType === _enum.Module.Mcp) {
                 handleCheckMcpPermission();
             }
         };
         // 检查是否有必填的环境变量
-        const handleCheckSkillEnvs = ()=>__awaiter(this, void 0, void 0, function*() {
+        var handleCheckSkillEnvs = function handleCheckSkillEnvs() {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee12() {
                 var _a, _b;
-                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
-                        });
+                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();
                     }
-                    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;
-                    });
-                }
-            });
+                }, _callee12);
+            }));
+        };
         // 检查 MCP 权限
-        const handleCheckMcpPermission = ()=>{
+        var handleCheckMcpPermission = function handleCheckMcpPermission() {
             isLoadingConfirm.value = true;
-            const mcp = props.resource;
-            getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then((res)=>{
-                hasMcpPermission.value = res.status !== ResourceStatus.NoPermission;
-            }).catch(()=>{
+            var mcp = props.resource;
+            getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then(function(res) {
+                hasMcpPermission.value = res.status !== _enum.ResourceStatus.NoPermission;
+            }).catch(function() {
                 hasMcpPermission.value = undefined;
-            }).finally(()=>{
+            }).finally(function() {
                 isLoadingConfirm.value = false;
             });
         };
-        const handleCancelApply = ()=>{
+        var handleCancelApply = function handleCancelApply() {
             isShowConfirm.value = false;
         };
         handleInitClickoutside('render-relate-agent-popover', handleClickOutside);
-        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, {
+        handleInitSpaceSelectClickoutside('space-select', handleSpaceSelectClickOutside);
+        handleInitAgentSelectClickoutside('agent-select', handleAgentSelectClickOutside);
+        (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, {
                 placement: props.placement,
                 boundary: props.boundary,
                 "is-show": isShowPopover.value,
@@ -445,33 +738,42 @@ export default /*@__PURE__*/ _defineComponent({
                 width: "400",
                 "ext-cls": "render-relate-agent-popover"
             }, {
-                content: _withCtx(()=>[
-                        _cache[5] || (_cache[5] = _createElementVNode("span", {
+                content: (0, _vue.withCtx)(function() {
+                    return [
+                        _cache[5] || (_cache[5] = (0, _vue.createElementVNode)("span", {
                             class: "g-text-16 g-text-black g-leading-24"
                         }, " 关联至智能体 ", -1 /* CACHED */ )),
-                        _createVNode(_component_bk_form, {
+                        (0, _vue.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: _withCtx(()=>[
-                                    _createVNode(_component_bk_form_item, {
+                            default: (0, _vue.withCtx)(function() {
+                                return [
+                                    (0, _vue.createVNode)(_component_bk_form_item, {
                                         label: "空间",
                                         property: "selectedSpaceId",
                                         required: ""
                                     }, {
-                                        default: _withCtx(()=>[
-                                                _createVNode(_component_bk_select, {
+                                        default: (0, _vue.withCtx)(function() {
+                                            return [
+                                                (0, _vue.createVNode)(_component_bk_select, {
                                                     modelValue: formData.value.selectedSpaceId,
-                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>formData.value.selectedSpaceId = $event),
+                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
+                                                        return 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",
@@ -481,35 +783,45 @@ export default /*@__PURE__*/ _defineComponent({
                                                     "loading",
                                                     "list"
                                                 ])
-                                            ]),
+                                            ];
+                                        }),
                                         _: 1 /* STABLE */ 
                                     }),
-                                    _createVNode(_component_bk_form_item, {
+                                    (0, _vue.createVNode)(_component_bk_form_item, {
                                         label: "智能体",
                                         property: "selectedAgentId",
                                         required: ""
                                     }, {
-                                        default: _withCtx(()=>[
-                                                _createVNode(_component_bk_select, {
+                                        default: (0, _vue.withCtx)(function() {
+                                            return [
+                                                (0, _vue.createVNode)(_component_bk_select, {
                                                     modelValue: formData.value.selectedAgentId,
-                                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>formData.value.selectedAgentId = $event),
-                                                    "no-data-text": `暂无未关联该${_unref(MODULE_NAME)[props.resourceType]}的智能体`,
+                                                    "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"),
                                                     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: _withCtx(()=>[
-                                                            _createVNode(RenderSelectPlusExtension, {
+                                                    extension: (0, _vue.withCtx)(function() {
+                                                        return [
+                                                            (0, _vue.createVNode)(_index.default, {
                                                                 text: "去新建",
                                                                 onClick: handleGoCreateAgent
                                                             })
-                                                        ]),
+                                                        ];
+                                                    }),
                                                     _: 1 /* STABLE */ 
                                                 }, 8 /* PROPS */ , [
                                                     "modelValue",
@@ -517,16 +829,18 @@ export default /*@__PURE__*/ _defineComponent({
                                                     "list",
                                                     "loading"
                                                 ])
-                                            ]),
+                                            ];
+                                        }),
                                         _: 1 /* STABLE */ 
                                     })
-                                ]),
+                                ];
+                            }),
                             _: 1 /* STABLE */ 
                         }, 8 /* PROPS */ , [
                             "model"
                         ]),
-                        _createElementVNode("section", _hoisted_1, [
-                            _createVNode(_component_bk_pop_confirm, {
+                        (0, _vue.createElementVNode)("section", _hoisted_1, [
+                            (0, _vue.createVNode)(_component_bk_pop_confirm, {
                                 width: getWidth(),
                                 title: getTitle(),
                                 content: getContent(),
@@ -541,22 +855,24 @@ export default /*@__PURE__*/ _defineComponent({
                                 onConfirm: handlePopoverConfirm,
                                 onCancel: handleCancelApply
                             }, {
-                                default: _withCtx(()=>[
-                                        _createVNode(_component_bk_button, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_component_bk_button, {
                                             loading: isLoadingConfirm.value,
                                             theme: "primary",
                                             onClick: handleConfirm
                                         }, {
-                                            default: _withCtx(()=>[
-                                                    ..._cache[3] || (_cache[3] = [
-                                                        _createTextVNode(" 保存并去智能体调试 ", -1 /* CACHED */ )
-                                                    ])
-                                                ]),
+                                            default: (0, _vue.withCtx)(function() {
+                                                return (0, _toConsumableArray2.default)(_cache[3] || (_cache[3] = [
+                                                    (0, _vue.createTextVNode)(" 保存并去智能体调试 ", -1 /* CACHED */ )
+                                                ]));
+                                            }),
                                             _: 1 /* STABLE */ 
                                         }, 8 /* PROPS */ , [
                                             "loading"
                                         ])
-                                    ]),
+                                    ];
+                                }),
                                 _: 1 /* STABLE */ 
                             }, 8 /* PROPS */ , [
                                 "width",
@@ -565,37 +881,40 @@ export default /*@__PURE__*/ _defineComponent({
                                 "is-show",
                                 "confirm-config"
                             ]),
-                            _createVNode(_component_bk_button, {
+                            (0, _vue.createVNode)(_component_bk_button, {
                                 class: "g-ml-8",
                                 onClick: handleClose
                             }, {
-                                default: _withCtx(()=>[
-                                        ..._cache[4] || (_cache[4] = [
-                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
-                                        ])
-                                    ]),
+                                default: (0, _vue.withCtx)(function() {
+                                    return (0, _toConsumableArray2.default)(_cache[4] || (_cache[4] = [
+                                        (0, _vue.createTextVNode)(" 取消 ", -1 /* CACHED */ )
+                                    ]));
+                                }),
                                 _: 1 /* STABLE */ 
                             })
                         ])
-                    ]),
-                default: _withCtx(()=>[
-                        _renderSlot(_ctx.$slots, "trigger", {
+                    ];
+                }),
+                default: (0, _vue.withCtx)(function() {
+                    return [
+                        (0, _vue.renderSlot)(_ctx.$slots, "trigger", {
                             handleShow: handleShow
-                        }, ()=>[
-                                _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                        }, function() {
+                            return [
+                                (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_button, {
                                     disabled: props.disabled,
                                     text: props.isTextButton,
                                     theme: __props.theme,
                                     size: "small",
-                                    onClick: _withModifiers(handleShow, [
+                                    onClick: (0, _vue.withModifiers)(handleShow, [
                                         "stop"
                                     ])
                                 }, {
-                                    default: _withCtx(()=>[
-                                            ..._cache[2] || (_cache[2] = [
-                                                _createTextVNode(" 关联至智能体 ", -1 /* CACHED */ )
-                                            ])
-                                        ]),
+                                    default: (0, _vue.withCtx)(function() {
+                                        return (0, _toConsumableArray2.default)(_cache[2] || (_cache[2] = [
+                                            (0, _vue.createTextVNode)(" 关联至智能体 ", -1 /* CACHED */ )
+                                        ]));
+                                    }),
                                     _: 1 /* STABLE */ 
                                 }, 8 /* PROPS */ , [
                                     "disabled",
@@ -612,8 +931,10 @@ export default /*@__PURE__*/ _defineComponent({
                                         }
                                     ]
                                 ])
-                            ], true)
-                    ]),
+                            ];
+                        }, true)
+                    ];
+                }),
                 _: 3 /* FORWARDED */ 
             }, 8 /* PROPS */ , [
                 "placement",