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

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

@@ -0,0 +1,920 @@
+"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) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var _hoisted_1 = {
+    class: "g-flex-row g-justify-end g-mt-16"
+};
+var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        resourceType: {},
+        resource: {},
+        disabled: {
+            type: Boolean
+        },
+        disabledText: {
+            default: ''
+        },
+        text: {
+            type: Boolean,
+            default: true
+        },
+        boundary: {},
+        placement: {
+            default: 'right'
+        },
+        spaceId: {},
+        apiPrefix: {}
+    },
+    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)({
+            selectedAgentId: undefined,
+            selectedSpaceId: undefined
+        });
+        var getWidth = function getWidth() {
+            return props.resourceType === _enum.Module.Skill ? 600 : 280;
+        };
+        var getContent = function getContent() {
+            if (props.resourceType === _enum.Module.Skill) {
+                return (0, _vue.createVNode)(_index2.default, {
+                    "ref": variableFormRef,
+                    "skillEnvs": renderEnvs.value,
+                    "onUpdate:skillEnvs": handleUpdateEnvs
+                }, null);
+            }
+            return '当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单';
+        };
+        var getTitle = function getTitle() {
+            if (props.resourceType === _enum.Module.Skill) {
+                return '配置 Skill 环境变量';
+            }
+            return '确认提交申请？';
+        };
+        var handleGetSpacesAndSetDefaultSpace = function handleGetSpacesAndSetDefaultSpace() {
+            isLoadingSpaces.value = true;
+            var params = {
+                resourceType: props.resourceType,
+                resourceId: props.resource.id
+            };
+            if (props.resourceType === _enum.Module.Mcp) {
+                params.mcpType = props.resource.mcpType;
+            }
+            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(function() {
+                isLoadingSpaces.value = false;
+            });
+        };
+        var handleGetAgentsAndSetDefaultAgent = function handleGetAgentsAndSetDefaultAgent() {
+            if (!formData.value.selectedSpaceId) return;
+            isLoadingAgents.value = true;
+            var params = {
+                page: 1,
+                pageSize: _constants.MAX_PAGE_SIZE,
+                spaceId: formData.value.selectedSpaceId,
+                groupType: _enum.GroupType.Space,
+                agentType: _enum.AgentType.Single
+            };
+            getAgentList(params).then(function(data) {
+                var _a;
+                var list = data.results.filter(function(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;
+                    });
+                }
+                agents.value = list;
+                formData.value.selectedAgentId = (_a = list[0]) === null || _a === void 0 ? void 0 : _a.id;
+            }).finally(function() {
+                isLoadingAgents.value = false;
+            });
+        };
+        var handleGoCreateAgent = function handleGoCreateAgent() {
+            handleClose();
+            emits('navigate', {
+                type: _enum.SdkNavigateActionType.AgentList,
+                spaceId: formData.value.selectedSpaceId,
+                isShowCreateAgent: 1
+            });
+        };
+        var handleClose = function handleClose() {
+            var _a;
+            // 关闭弹窗
+            isShowPopover.value = false;
+            isShowConfirm.value = false;
+            // 清空表单数据
+            formData.value.selectedAgentId = undefined;
+            formData.value.selectedSpaceId = undefined;
+            // 清空权限检查结果
+            hasMcpPermission.value = undefined;
+            // 清空必填环境变量检查结果
+            hasUnfilledRequiredEnv.value = false;
+            // 清空环境变量
+            renderEnvs.value = [];
+            // 清空表单验证
+            (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.clearValidate();
+        };
+        var handleClickOutside = function handleClickOutside() {
+            handleClose();
+        };
+        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;
+                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();
+                    }
+                }, _callee4);
+            }));
+        };
+        var handleRelateMcpToAgent = function handleRelateMcpToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee5() {
+                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();
+                    }
+                }, _callee5);
+            }));
+        };
+        var handleRelateSkillToAgent = function handleRelateSkillToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee6() {
+                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();
+                    }
+                }, _callee6);
+            }));
+        };
+        var handleRelateLLMToAgent = function handleRelateLLMToAgent(selectedAgent) {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee7() {
+                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();
+                    }
+                }, _callee1, null, [
+                    [
+                        0,
+                        5,
+                        6,
+                        7
+                    ]
+                ]);
+            }));
+        };
+        var handlePopoverConfirm = function handlePopoverConfirm() {
+            if (props.resourceType === _enum.Module.Skill) {
+                handleValidateSkillAndConfirm();
+            }
+            if (props.resourceType === _enum.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)) {
+                return;
+            }
+            if (props.resourceType === _enum.Module.Skill) {
+                handleCheckSkillEnvs();
+            }
+            if (props.resourceType === _enum.Module.Mcp) {
+                handleCheckMcpPermission();
+            }
+        };
+        // 检查是否有必填的环境变量
+        var handleCheckSkillEnvs = function handleCheckSkillEnvs() {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee12() {
+                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();
+                    }
+                }, _callee12);
+            }));
+        };
+        // 检查 MCP 权限
+        var handleCheckMcpPermission = function 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() {
+                hasMcpPermission.value = undefined;
+            }).finally(function() {
+                isLoadingConfirm.value = false;
+            });
+        };
+        var handleCancelApply = function 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, {
+                placement: props.placement,
+                boundary: props.boundary,
+                "is-show": isShowPopover.value,
+                trigger: "manual",
+                theme: "light",
+                width: "400",
+                "ext-cls": "render-relate-agent-popover"
+            }, {
+                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 */ )),
+                        (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: (0, _vue.withCtx)(function() {
+                                return [
+                                    (0, _vue.createVNode)(_component_bk_form_item, {
+                                        label: "空间",
+                                        property: "selectedSpaceId",
+                                        required: ""
+                                    }, {
+                                        default: (0, _vue.withCtx)(function() {
+                                            return [
+                                                (0, _vue.createVNode)(_component_bk_select, {
+                                                    modelValue: formData.value.selectedSpaceId,
+                                                    "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'
+                                                    },
+                                                    filterable: "",
+                                                    "id-key": "spaceId",
+                                                    "display-key": "spaceName",
+                                                    onChange: handleGetAgentsAndSetDefaultAgent
+                                                }, null, 8 /* PROPS */ , [
+                                                    "modelValue",
+                                                    "loading",
+                                                    "list"
+                                                ])
+                                            ];
+                                        }),
+                                        _: 1 /* STABLE */ 
+                                    }),
+                                    (0, _vue.createVNode)(_component_bk_form_item, {
+                                        label: "智能体",
+                                        property: "selectedAgentId",
+                                        required: ""
+                                    }, {
+                                        default: (0, _vue.withCtx)(function() {
+                                            return [
+                                                (0, _vue.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"),
+                                                    clearable: false,
+                                                    list: agents.value,
+                                                    loading: isLoadingAgents.value,
+                                                    "popover-options": {
+                                                        boundary: 'parent'
+                                                    },
+                                                    filterable: "",
+                                                    "id-key": "id",
+                                                    "display-key": "agentName"
+                                                }, {
+                                                    extension: (0, _vue.withCtx)(function() {
+                                                        return [
+                                                            (0, _vue.createVNode)(_index.default, {
+                                                                text: "去新建",
+                                                                onClick: handleGoCreateAgent
+                                                            })
+                                                        ];
+                                                    }),
+                                                    _: 1 /* STABLE */ 
+                                                }, 8 /* PROPS */ , [
+                                                    "modelValue",
+                                                    "no-data-text",
+                                                    "list",
+                                                    "loading"
+                                                ])
+                                            ];
+                                        }),
+                                        _: 1 /* STABLE */ 
+                                    })
+                                ];
+                            }),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "model"
+                        ]),
+                        (0, _vue.createElementVNode)("section", _hoisted_1, [
+                            (0, _vue.createVNode)(_component_bk_pop_confirm, {
+                                width: getWidth(),
+                                title: getTitle(),
+                                content: getContent(),
+                                "is-show": isShowConfirm.value,
+                                "confirm-config": {
+                                    loading: isLoadingConfirm.value
+                                },
+                                trigger: "manual",
+                                placement: "top",
+                                boundary: "parent",
+                                "ext-cls": "g-popover-confirm",
+                                onConfirm: handlePopoverConfirm,
+                                onCancel: handleCancelApply
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.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 */ )
+                                                ]));
+                                            }),
+                                            _: 1 /* STABLE */ 
+                                        }, 8 /* PROPS */ , [
+                                            "loading"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "width",
+                                "title",
+                                "content",
+                                "is-show",
+                                "confirm-config"
+                            ]),
+                            (0, _vue.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 */ )
+                                    ]));
+                                }),
+                                _: 1 /* STABLE */ 
+                            })
+                        ])
+                    ];
+                }),
+                default: (0, _vue.withCtx)(function() {
+                    return [
+                        (0, _vue.renderSlot)(_ctx.$slots, "trigger", {
+                            handleShow: handleShow
+                        }, function() {
+                            return [
+                                (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_button, {
+                                    disabled: props.disabled,
+                                    text: props.text,
+                                    size: "small",
+                                    onClick: (0, _vue.withModifiers)(handleShow, [
+                                        "stop"
+                                    ])
+                                }, {
+                                    default: (0, _vue.withCtx)(function() {
+                                        return (0, _toConsumableArray2.default)(_cache[2] || (_cache[2] = [
+                                            (0, _vue.createTextVNode)(" 关联至智能体 ", -1 /* CACHED */ )
+                                        ]));
+                                    }),
+                                    _: 1 /* STABLE */ 
+                                }, 8 /* PROPS */ , [
+                                    "disabled",
+                                    "text"
+                                ])), [
+                                    [
+                                        _directive_bk_tooltips,
+                                        {
+                                            content: props.disabledText,
+                                            disabled: !props.disabled,
+                                            placement: 'right',
+                                            extCls: '!g-z-9999'
+                                        }
+                                    ]
+                                ])
+                            ];
+                        }, true)
+                    ];
+                }),
+                _: 3 /* FORWARDED */ 
+            }, 8 /* PROPS */ , [
+                "placement",
+                "boundary",
+                "is-show"
+            ]);
+        };
+    }
+});