@blueking/ai-ui-sdk 0.3.0-beta.29 → 0.3.0-beta.30

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

@@ -1,92 +1,40 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
     }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
             }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
             }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
         }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
         }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-import { defineComponent as _defineComponent } from 'vue';
+        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, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row g-justify-end g-mt-16"
 };
 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';
@@ -118,18 +66,40 @@ export default /*@__PURE__*/ _defineComponent({
         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 isShowApplyConfirm = ref(false);
+        const isShowConfirm = ref(false);
         const hasMcpPermission = ref(undefined);
+        const hasRequiredSkillEnvs = ref(false);
+        const renderEnvs = ref([]);
         const formData = ref({
             selectedAgentId: undefined,
             selectedSpaceId: undefined
         });
+        const getWidth = ()=>{
+            return props.resourceType === Module.Skill ? 600 : 280;
+        };
+        const getContent = ()=>{
+            if (props.resourceType === Module.Skill) {
+                return _createVNode2(VariableForm, {
+                    "ref": variableFormRef,
+                    "skillEnvs": renderEnvs.value,
+                    "onUpdate:skillEnvs": handleUpdateEnvs
+                }, null);
+            }
+            return '当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单';
+        };
+        const getTitle = ()=>{
+            if (props.resourceType === Module.Skill) {
+                return '配置 Skill 环境变量';
+            }
+            return '确认提交申请？';
+        };
         const handleGetSpacesAndSetDefaultSpace = ()=>{
             isLoadingSpaces.value = true;
             const params = {
@@ -140,9 +110,9 @@ export default /*@__PURE__*/ _defineComponent({
                 params.mcpType = props.resource.mcpType;
             }
             return getResourceAuthorizedSpaces(params).then((data)=>{
-                var _data_;
+                var _a;
                 spaces.value = data;
-                formData.value.selectedSpaceId = (_data_ = data[0]) === null || _data_ === void 0 ? void 0 : _data_.spaceId;
+                formData.value.selectedSpaceId = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.spaceId;
             }).finally(()=>{
                 isLoadingSpaces.value = false;
             });
@@ -158,16 +128,16 @@ export default /*@__PURE__*/ _defineComponent({
                 agentType: AgentType.Single
             };
             getAgentList(params).then((data)=>{
-                var _list_;
+                var _a;
                 let list = data.results.filter((agent)=>{
-                    var _agent_permission;
-                    return (_agent_permission = agent.permission) === null || _agent_permission === void 0 ? void 0 : _agent_permission.manageAgent;
+                    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);
                 }
                 agents.value = list;
-                formData.value.selectedAgentId = (_list_ = list[0]) === null || _list_ === void 0 ? void 0 : _list_.id;
+                formData.value.selectedAgentId = (_a = list[0]) === null || _a === void 0 ? void 0 : _a.id;
             }).finally(()=>{
                 isLoadingAgents.value = false;
             });
@@ -181,48 +151,51 @@ export default /*@__PURE__*/ _defineComponent({
             });
         };
         const handleClose = ()=>{
-            var // 清空表单验证
-            _formRef_value;
+            var _a;
             // 关闭弹窗
             isShowPopover.value = false;
-            isShowApplyConfirm.value = false;
+            isShowConfirm.value = false;
             // 清空表单数据
             formData.value.selectedAgentId = undefined;
             formData.value.selectedSpaceId = undefined;
             // 清空权限检查结果
             hasMcpPermission.value = undefined;
-            (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.clearValidate();
+            // 清空必填环境变量检查结果
+            hasRequiredSkillEnvs.value = false;
+            // 清空环境变量
+            renderEnvs.value = [];
+            // 清空表单验证
+            (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.clearValidate();
         };
         const handleClickOutside = ()=>{
             handleClose();
         };
-        const handleShow = function() {
-            var _ref = _async_to_generator(function*() {
+        const handleUpdateEnvs = (data)=>{
+            renderEnvs.value = [
+                ...data
+            ];
+        };
+        const handleShow = ()=>__awaiter(this, void 0, void 0, function*() {
                 if (isShowPopover.value) return;
                 isShowPopover.value = true;
                 yield handleGetSpacesAndSetDefaultSpace();
                 handleGetAgentsAndSetDefaultAgent();
             });
-            return function handleShow() {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleRelateAgentToAgent = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _selectedAgent_relatedAgents_agents, _selectedAgent_relatedAgents, _selectedAgent_relatedAgents1;
+        const handleRelateAgentToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
                 const resourceId = props.resource.id;
-                if ((_selectedAgent_relatedAgents = selectedAgent.relatedAgents) === null || _selectedAgent_relatedAgents === void 0 ? void 0 : (_selectedAgent_relatedAgents_agents = _selectedAgent_relatedAgents.agents) === null || _selectedAgent_relatedAgents_agents === void 0 ? void 0 : _selectedAgent_relatedAgents_agents.find((agent)=>agent.id === resourceId)) return;
+                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 = [
-                    ...(_selectedAgent_relatedAgents1 = selectedAgent.relatedAgents) === null || _selectedAgent_relatedAgents1 === void 0 ? void 0 : _selectedAgent_relatedAgents1.agents,
+                    ...(_c = selectedAgent.relatedAgents) === null || _c === void 0 ? void 0 : _c.agents,
                     currentAgent
                 ];
-                yield updateAgent(_object_spread_props(_object_spread({}, selectedAgent), {
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
                     relatedAgents: {
                         agents: relatedAgents
                     },
-                    conversationSettings: _object_spread_props(_object_spread({}, selectedAgent.conversationSettings), {
+                    conversationSettings: Object.assign(Object.assign({}, selectedAgent.conversationSettings), {
                         commands: [
                             ...selectedAgent.conversationSettings.commands,
                             ...selfCommands
@@ -230,99 +203,71 @@ export default /*@__PURE__*/ _defineComponent({
                     })
                 }));
             });
-            return function handleRelateAgentToAgent(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleRelateToolToAgent = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _selectedAgent_relatedTools_tools, _selectedAgent_relatedTools, _selectedAgent_relatedTools1, _selectedAgent_relatedTools2;
-                if ((_selectedAgent_relatedTools = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools === void 0 ? void 0 : (_selectedAgent_relatedTools_tools = _selectedAgent_relatedTools.tools) === null || _selectedAgent_relatedTools_tools === void 0 ? void 0 : _selectedAgent_relatedTools_tools.find((tool)=>tool.id === props.resource.id)) return;
-                yield updateAgent(_object_spread_props(_object_spread({}, selectedAgent), {
+        const handleRelateToolToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                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: [
-                            ...((_selectedAgent_relatedTools1 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools1 === void 0 ? void 0 : _selectedAgent_relatedTools1.tools) || [],
+                            ...((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
                             props.resource
                         ],
-                        mcps: ((_selectedAgent_relatedTools2 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools2 === void 0 ? void 0 : _selectedAgent_relatedTools2.mcps) || []
+                        mcps: ((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || []
                     }
                 }));
             });
-            return function handleRelateToolToAgent(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleRelateKnowledgebaseToAgent = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _selectedAgent_knowledgebaseSettings_knowledgebases, _selectedAgent_knowledgebaseSettings, _selectedAgent_knowledgebaseSettings1;
+        const handleRelateKnowledgebaseToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
                 const targetKb = props.resource;
-                const isAlreadyRelated = (_selectedAgent_knowledgebaseSettings = selectedAgent.knowledgebaseSettings) === null || _selectedAgent_knowledgebaseSettings === void 0 ? void 0 : (_selectedAgent_knowledgebaseSettings_knowledgebases = _selectedAgent_knowledgebaseSettings.knowledgebases) === null || _selectedAgent_knowledgebaseSettings_knowledgebases === void 0 ? void 0 : _selectedAgent_knowledgebaseSettings_knowledgebases.find((knowledgebase)=>knowledgebase.id === targetKb.id);
+                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_spread_props(_object_spread({}, selectedAgent), {
-                    knowledgebaseSettings: _object_spread_props(_object_spread({}, selectedAgent.knowledgebaseSettings), {
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    knowledgebaseSettings: Object.assign(Object.assign({}, selectedAgent.knowledgebaseSettings), {
                         knowledgebases: [
-                            ...((_selectedAgent_knowledgebaseSettings1 = selectedAgent.knowledgebaseSettings) === null || _selectedAgent_knowledgebaseSettings1 === void 0 ? void 0 : _selectedAgent_knowledgebaseSettings1.knowledgebases) || [],
+                            ...((_c = selectedAgent.knowledgebaseSettings) === null || _c === void 0 ? void 0 : _c.knowledgebases) || [],
                             targetKb
                         ]
                     })
                 }));
             });
-            return function handleRelateKnowledgebaseToAgent(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleRelateMcpToAgent = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _selectedAgent_relatedTools_mcps, _selectedAgent_relatedTools, _selectedAgent_relatedTools1, _selectedAgent_relatedTools2;
-                if ((_selectedAgent_relatedTools = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools === void 0 ? void 0 : (_selectedAgent_relatedTools_mcps = _selectedAgent_relatedTools.mcps) === null || _selectedAgent_relatedTools_mcps === void 0 ? void 0 : _selectedAgent_relatedTools_mcps.find((mcp)=>mcp.id === props.resource.id && mcp.mcpType === props.resource.mcpType)) return;
-                yield updateAgent(_object_spread_props(_object_spread({}, selectedAgent), {
+        const handleRelateMcpToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                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: ((_selectedAgent_relatedTools1 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools1 === void 0 ? void 0 : _selectedAgent_relatedTools1.tools) || [],
+                        tools: ((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
                         mcps: [
-                            ...((_selectedAgent_relatedTools2 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools2 === void 0 ? void 0 : _selectedAgent_relatedTools2.mcps) || [],
+                            ...((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || [],
                             props.resource
                         ]
                     }
                 }));
             });
-            return function handleRelateMcpToAgent(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleRelateSkillToAgent = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _selectedAgent_relatedSkills_skills, _selectedAgent_relatedSkills, _selectedAgent_relatedSkills1;
-                if ((_selectedAgent_relatedSkills = selectedAgent.relatedSkills) === null || _selectedAgent_relatedSkills === void 0 ? void 0 : (_selectedAgent_relatedSkills_skills = _selectedAgent_relatedSkills.skills) === null || _selectedAgent_relatedSkills_skills === void 0 ? void 0 : _selectedAgent_relatedSkills_skills.find((skill)=>skill.id === props.resource.id)) return;
-                yield updateAgent(_object_spread_props(_object_spread({}, selectedAgent), {
+        const handleRelateSkillToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                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: [
-                            ...(_selectedAgent_relatedSkills1 = selectedAgent.relatedSkills) === null || _selectedAgent_relatedSkills1 === void 0 ? void 0 : _selectedAgent_relatedSkills1.skills,
-                            props.resource
+                            ...(_c = selectedAgent.relatedSkills) === null || _c === void 0 ? void 0 : _c.skills,
+                            Object.assign(Object.assign({}, props.resource), {
+                                envs: renderEnvs.value
+                            })
                         ]
                     }
                 }));
             });
-            return function handleRelateSkillToAgent(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleRelateLLMToAgent = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _selectedAgent_promptSetting, _props_resource, _props_resource1;
-                if (((_selectedAgent_promptSetting = selectedAgent.promptSetting) === null || _selectedAgent_promptSetting === void 0 ? void 0 : _selectedAgent_promptSetting.llmCode) === ((_props_resource = props.resource) === null || _props_resource === void 0 ? void 0 : _props_resource.llmCode)) return;
-                yield updateAgent(_object_spread_props(_object_spread({}, selectedAgent), {
-                    promptSetting: _object_spread_props(_object_spread({}, selectedAgent.promptSetting), {
-                        llmCode: (_props_resource1 = props.resource) === null || _props_resource1 === void 0 ? void 0 : _props_resource1.llmCode
+        const handleRelateLLMToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                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
                     })
                 }));
             });
-            return function handleRelateLLMToAgent(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleBindAndNavigate = function() {
-            var _ref = _async_to_generator(function*(selectedAgent) {
-                var _relateMap_props_resourceType;
+        const handleBindAndNavigate = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
                 const relateMap = {
                     [Module.Agent]: handleRelateAgentToAgent,
                     [Module.Mcp]: handleRelateMcpToAgent,
@@ -331,7 +276,7 @@ export default /*@__PURE__*/ _defineComponent({
                     [Module.LLM]: handleRelateLLMToAgent,
                     [Module.Knowledgebase]: handleRelateKnowledgebaseToAgent
                 };
-                yield (_relateMap_props_resourceType = relateMap[props.resourceType]) === null || _relateMap_props_resourceType === void 0 ? void 0 : _relateMap_props_resourceType.call(relateMap, selectedAgent);
+                yield (_a = relateMap[props.resourceType]) === null || _a === void 0 ? void 0 : _a.call(relateMap, selectedAgent);
                 emits('navigate', {
                     type: SdkNavigateActionType.AgentDetailSetting,
                     id: formData.value.selectedAgentId,
@@ -340,20 +285,15 @@ export default /*@__PURE__*/ _defineComponent({
                 });
                 handleClose();
             });
-            return function handleBindAndNavigate(selectedAgent) {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleConfirm = function() {
-            var _ref = _async_to_generator(function*() {
+        const handleConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
                 try {
-                    var _formRef_value;
-                    yield (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.validate();
-                    if (hasMcpPermission.value === false) {
-                        // 没有权限，显示申请权限弹窗
-                        isShowApplyConfirm.value = true;
+                    yield (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+                    if (hasMcpPermission.value === false || hasRequiredSkillEnvs.value) {
+                        // 没有权限或必填环境变量未配置，显示弹窗
+                        isShowConfirm.value = true;
                     } else {
-                        // 有权限，绑定并跳转
+                        // 有权限且必填环境变量已配置，绑定并跳转
                         isLoadingConfirm.value = true;
                         const selectedAgent = yield getAgent(formData.value.selectedAgentId);
                         yield handleBindAndNavigate(selectedAgent);
@@ -364,12 +304,29 @@ export default /*@__PURE__*/ _defineComponent({
                     isLoadingConfirm.value = false;
                 }
             });
-            return function handleConfirm() {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleApplyPermissionAndConfirm = function() {
-            var _ref = _async_to_generator(function*() {
+        const handlePopoverConfirm = ()=>{
+            if (props.resourceType === Module.Skill) {
+                handleValidateSkillAndConfirm();
+            }
+            if (props.resourceType === 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);
@@ -381,24 +338,47 @@ export default /*@__PURE__*/ _defineComponent({
                     ];
                     yield resourceApply(resource, selectedAgent.id);
                     yield handleBindAndNavigate(selectedAgent);
-                    isShowApplyConfirm.value = false;
+                    isShowConfirm.value = false;
                 } catch (error) {
                     console.error(error);
                 } finally{
                     isLoadingConfirm.value = false;
                 }
             });
-            return function handleApplyPermissionAndConfirm() {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        const handleCheckMcpPermission = ()=>{
-            // 如果资源类型不是 MCP 或者没有选择智能体，则不检查权限
-            if (props.resourceType !== Module.Mcp || !formData.value.selectedAgentId) {
-                hasMcpPermission.value = undefined;
+        const handleCheckConfirm = ()=>{
+            if (isEmpty(formData.value.selectedAgentId)) {
                 return;
             }
-            // 检查权限
+            if (props.resourceType === Module.Skill) {
+                handleCheckSkillEnvs();
+            }
+            if (props.resourceType === Module.Mcp) {
+                handleCheckMcpPermission();
+            }
+        };
+        // 检查是否有必填的环境变量
+        const handleCheckSkillEnvs = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                hasRequiredSkillEnvs.value = !isEmpty((_b = (_a = props.resource.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.some((env)=>env.required));
+                renderEnvs.value = [
+                    ...(_c = props.resource.bkaiDependencies) === null || _c === void 0 ? void 0 : _c.envs
+                ];
+                if (hasRequiredSkillEnvs.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) {
+                            hasRequiredSkillEnvs.value = false;
+                            renderEnvs.value = [];
+                        }
+                    }).finally(()=>{
+                        isLoadingConfirm.value = false;
+                    });
+                }
+            });
+        // 检查 MCP 权限
+        const handleCheckMcpPermission = ()=>{
             isLoadingConfirm.value = true;
             const mcp = props.resource;
             getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then((res)=>{
@@ -410,10 +390,10 @@ export default /*@__PURE__*/ _defineComponent({
             });
         };
         const handleCancelApply = ()=>{
-            isShowApplyConfirm.value = false;
+            isShowConfirm.value = false;
         };
         handleInitClickoutside('render-relate-agent-popover', handleClickOutside);
-        watch(()=>formData.value.selectedAgentId, handleCheckMcpPermission);
+        watch(()=>formData.value.selectedAgentId, handleCheckConfirm);
         return (_ctx, _cache)=>{
             const _component_bk_button = _resolveComponent("bk-button");
             const _component_bk_select = _resolveComponent("bk-select");
@@ -515,15 +495,16 @@ export default /*@__PURE__*/ _defineComponent({
                             _createVNode(_component_bk_pop_confirm, {
                                 trigger: "manual",
                                 placement: "top",
-                                width: "280",
-                                title: "确认提交申请？",
-                                content: "当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单",
                                 boundary: "parent",
-                                "is-show": isShowApplyConfirm.value,
+                                "ext-cls": "g-popover-confirm",
+                                width: getWidth(),
+                                title: getTitle(),
+                                content: getContent(),
+                                "is-show": isShowConfirm.value,
                                 "confirm-config": {
                                     loading: isLoadingConfirm.value
                                 },
-                                onConfirm: handleApplyPermissionAndConfirm,
+                                onConfirm: handlePopoverConfirm,
                                 onCancel: handleCancelApply
                             }, {
                                 default: _withCtx(()=>[
@@ -544,6 +525,9 @@ export default /*@__PURE__*/ _defineComponent({
                                     ]),
                                 _: 1 /* STABLE */ 
                             }, 8 /* PROPS */ , [
+                                "width",
+                                "title",
+                                "content",
                                 "is-show",
                                 "confirm-config"
                             ]),

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

@@ -1,3 +1,3 @@
-import script from './index.script.vue.js.js';
+import script from './index.script.vue.js';
 script.__file = "./src/components/render-relate-agent/index.vue";
 export default script;

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

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

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

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

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

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

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

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