@blueking/ai-ui-sdk 0.3.0-beta.2 → 0.3.0-beta.21

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

@@ -37,7 +37,6 @@ const _hoisted_3 = {
     class: "reference-table"
 };
 import { ref, toRef, watch } from 'vue';
-import { useRouter } from 'vue-router';
 import RenderTTable from '../render-t-table/index.vue.js';
 import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
 import { useCollectionHttp } from '../../hooks/use-collection-http.ts.js';
@@ -47,7 +46,7 @@ import { useLlmHttp } from '../../hooks/use-llm-http.ts.js';
 import { useMcpHttp } from '../../hooks/use-mcp-http.ts.js';
 import { useSkillHttp } from '../../hooks/use-skill-http.ts.js';
 import { useToolHttp } from '../../hooks/use-tool-http.ts.js';
-import { GroupType, KnowledgePathType, Module } from '../../types/enum.ts.js';
+import { GroupType, KnowledgePathType, Module, SdkNavigateActionType } from '../../types/enum.ts.js';
 function _isSlot(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
 }
@@ -64,12 +63,12 @@ export default /*@__PURE__*/ _defineComponent({
         apiPrefix: {}
     },
     emits: [
-        "update:isShow"
+        "update:isShow",
+        "navigate"
     ],
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const router = useRouter();
         const { getAgentReferringAgents } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const { getKnowledgebaseReferringAgents } = useKnowledgeHttp(props.apiPrefix, toRef(props, 'spaceId'));
         ;
@@ -183,7 +182,7 @@ export default /*@__PURE__*/ _defineComponent({
         const getColumns = ()=>tableDataMap.value[radioGroupValue.value].columns.map((column, index)=>({
                     title: column.title,
                     colKey: column.colKey,
-                    className: 'g-height-32',
+                    className: '!g-h-32',
                     cell: (h, { row })=>{
                         if (index === 0) {
                             const cellValue = row[column.colKey];
@@ -244,73 +243,73 @@ export default /*@__PURE__*/ _defineComponent({
                 }
             });
         const handleToDetail = (row)=>{
-            let name = '';
-            let query = {};
             const refRow = row;
+            let action;
             switch(radioGroupValue.value){
                 case Module.Agent:
                     {
                         const agentRow = row;
-                        name = 'agent';
-                        query = {
-                            'x-space-id': agentRow.spaceId,
-                            agent_name: agentRow.agentName,
-                            group_type: GroupType.All
+                        action = {
+                            type: SdkNavigateActionType.Agent,
+                            spaceId: agentRow.spaceId,
+                            agentName: agentRow.agentName,
+                            groupType: GroupType.All
                         };
                         break;
                     }
                 case Module.Knowledgebase:
                     {
-                        name = 'knowledgebase';
-                        query = refRow.pathType === KnowledgePathType.File ? {
-                            'x-space-id': refRow.spaceId,
-                            anchorPath: refRow.parentAnchorPath,
-                            knowledgeName: refRow.knowledgeName,
-                            group_type: GroupType.All
-                        } : {
-                            'x-space-id': refRow.spaceId,
-                            anchorPath: refRow.anchorPath,
-                            group_type: GroupType.All
-                        };
+                        if (refRow.pathType === KnowledgePathType.File) {
+                            action = {
+                                type: SdkNavigateActionType.KnowledgebaseFile,
+                                spaceId: String(refRow.spaceId),
+                                anchorPath: refRow.parentAnchorPath,
+                                knowledgeName: refRow.knowledgeName,
+                                groupType: GroupType.All
+                            };
+                        } else {
+                            action = {
+                                type: SdkNavigateActionType.KnowledgebaseFolder,
+                                spaceId: String(refRow.spaceId),
+                                anchorPath: refRow.anchorPath,
+                                groupType: GroupType.All
+                            };
+                        }
                         break;
                     }
                 case Module.Tool:
                     {
-                        name = 'tool';
-                        query = {
-                            'x-space-id': refRow.spaceId,
-                            tool_name: refRow.toolName,
-                            group_type: GroupType.All
+                        action = {
+                            type: SdkNavigateActionType.Tool,
+                            spaceId: String(refRow.spaceId),
+                            toolName: refRow.toolName,
+                            groupType: GroupType.All
                         };
                         break;
                     }
                 case Module.Cr:
                     {
-                        name = 'code-review-history';
-                        query = {
-                            'x-space-id': refRow.spaceId,
-                            id: refRow.codereviewId
+                        action = {
+                            type: SdkNavigateActionType.Cr,
+                            spaceId: String(refRow.spaceId),
+                            id: String(refRow.codereviewId)
                         };
                         break;
                     }
                 case Module.Mcp:
                     {
-                        name = 'mcp';
-                        query = {
-                            'x-space-id': refRow.spaceId,
-                            mcp_name: refRow.mcpName,
-                            group_type: GroupType.All
+                        action = {
+                            type: SdkNavigateActionType.Mcp,
+                            spaceId: String(refRow.spaceId),
+                            mcpName: refRow.mcpName,
+                            groupType: GroupType.All
                         };
                         break;
                     }
                 default:
                     break;
             }
-            const url = router.resolve({
-                name,
-                query
-            });
-            window.open(url.href, '_blank');
+            emits('navigate', action);
         };
         watch(()=>props.isShow, ()=>{
             if (props.isShow) {
@@ -347,7 +346,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 modelValue: radioGroupValue.value,
                                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>radioGroupValue.value = $event),
                                 type: "capsule",
-                                class: "g-flex-row g-mb-14 g-width-full"
+                                class: "g-flex-row g-mb-14 !g-w-full"
                             }, {
                                 default: _withCtx(()=>[
                                         (_openBlock(), _createElementBlock(_Fragment, null, _renderList(referenceTypes, (referenceType)=>{

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

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

package/dist/components/render-reference/index.vue.d.ts

@@ -1,4 +1,5 @@
 import { Module } from '@/types/enum';
+import type { ISdkNavigateAction } from '@/types/navigate';
 interface IProps {
     isShow: boolean;
     id?: number;
@@ -9,8 +10,10 @@ interface IProps {
     apiPrefix: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
     "update:isShow": (val: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
     "onUpdate:isShow"?: (val: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -81,49 +81,66 @@ function _object_spread_props(target, source) {
 }
 import { defineComponent as _defineComponent } 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";
-import { ref, toRef } from 'vue';
-import { useRouter } from 'vue-router';
+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 RenderSelectPlusExtension from '../render-select-plus-extension/index.vue.js';
 import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
-import { GroupType, Module } from '../../types/enum.ts.js';
+import { useClickoutside } from '../../hooks/use-clickoutside.ts.js';
+import { AgentType, GroupType, Module, SdkNavigateActionType } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         resourceType: {},
         resource: {},
-        isText: {
-            type: Boolean
-        },
         disabled: {
             type: Boolean
         },
-        disabledText: {},
+        disabledText: {
+            default: ''
+        },
         boundary: {},
-        placement: {},
+        placement: {
+            default: 'right'
+        },
         spaceId: {},
         spaces: {},
         apiPrefix: {}
     },
-    setup (__props) {
+    emits: [
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
         const props = __props;
-        const router = useRouter();
-        const { getAgent, getAgentList, updateAgent } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const emits = __emit;
+        const { getAgent, getAgentList, updateAgent, getAgentMcpPermission, resourceApply } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleInitClickoutside } = useClickoutside();
         const formRef = ref();
         const agents = ref([]);
         const isLoadingAgents = ref(false);
         const isLoadingConfirm = ref(false);
-        const isShowPopconfirm = ref(false);
+        const isShowPopover = ref(false);
+        const isShowApplyConfirm = ref(false);
+        const hasMcpPermission = ref(undefined);
         const formData = ref({
             selectedAgentId: undefined,
             selectedSpaceId: props.spaceId
         });
+        const getPermittedSpaces = ()=>{
+            return props.spaces.filter((space)=>{
+                var _space_permission;
+                return (_space_permission = space.permission) === null || _space_permission === void 0 ? void 0 : _space_permission.viewSpace;
+            });
+        };
         const handleGetAgentsAndSetDefaultAgent = ()=>{
             isLoadingAgents.value = true;
             const params = {
                 page: 1,
                 pageSize: MAX_PAGE_SIZE,
                 spaceId: formData.value.selectedSpaceId,
-                groupType: GroupType.Space
+                groupType: GroupType.Space,
+                agentType: AgentType.Single
             };
             getAgentList(params).then((data)=>{
                 var _list_;
@@ -142,23 +159,26 @@ export default /*@__PURE__*/ _defineComponent({
         };
         const handleGoCreateAgent = ()=>{
             handleClose();
-            router.push({
-                name: 'agent-list',
-                query: {
-                    'x-space-id': formData.value.selectedSpaceId,
-                    isShowCreateAgent: 1
-                }
+            emits('navigate', {
+                type: SdkNavigateActionType.AgentList,
+                spaceId: formData.value.selectedSpaceId,
+                isShowCreateAgent: 1
             });
         };
         const handleClose = ()=>{
-            isShowPopconfirm.value = false;
+            isShowPopover.value = false;
+            isShowApplyConfirm.value = false;
+        };
+        const handleClickOutside = ()=>{
+            handleClose();
         };
         const handleShow = ()=>{
             var _formRef_value;
-            if (isShowPopconfirm.value) return;
-            isShowPopconfirm.value = true;
+            if (isShowPopover.value) return;
+            isShowPopover.value = true;
             formData.value.selectedAgentId = undefined;
             formData.value.selectedSpaceId = props.spaceId;
+            hasMcpPermission.value = undefined;
             (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.clearValidate();
             handleGetAgentsAndSetDefaultAgent();
         };
@@ -189,15 +209,52 @@ export default /*@__PURE__*/ _defineComponent({
                 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), {
+                    relatedTools: {
+                        tools: [
+                            ...((_selectedAgent_relatedTools1 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools1 === void 0 ? void 0 : _selectedAgent_relatedTools1.tools) || [],
+                            props.resource
+                        ],
+                        mcps: ((_selectedAgent_relatedTools2 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools2 === void 0 ? void 0 : _selectedAgent_relatedTools2.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 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);
+                if (isAlreadyRelated) return;
+                yield updateAgent(_object_spread_props(_object_spread({}, selectedAgent), {
+                    knowledgebaseSettings: _object_spread_props(_object_spread({}, selectedAgent.knowledgebaseSettings), {
+                        knowledgebases: [
+                            ...((_selectedAgent_knowledgebaseSettings1 = selectedAgent.knowledgebaseSettings) === null || _selectedAgent_knowledgebaseSettings1 === void 0 ? void 0 : _selectedAgent_knowledgebaseSettings1.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), {
                     relatedTools: {
-                        tools: (_selectedAgent_relatedTools1 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools1 === void 0 ? void 0 : _selectedAgent_relatedTools1.tools,
+                        tools: ((_selectedAgent_relatedTools1 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools1 === void 0 ? void 0 : _selectedAgent_relatedTools1.tools) || [],
                         mcps: [
-                            ...(_selectedAgent_relatedTools2 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools2 === void 0 ? void 0 : _selectedAgent_relatedTools2.mcps,
+                            ...((_selectedAgent_relatedTools2 = selectedAgent.relatedTools) === null || _selectedAgent_relatedTools2 === void 0 ? void 0 : _selectedAgent_relatedTools2.mcps) || [],
                             props.resource
                         ]
                     }
@@ -238,73 +295,125 @@ export default /*@__PURE__*/ _defineComponent({
                 return _ref.apply(this, arguments);
             };
         }();
+        const handleBindAndNavigate = function() {
+            var _ref = _async_to_generator(function*(selectedAgent) {
+                var _relateMap_props_resourceType;
+                const relateMap = {
+                    [Module.Agent]: handleRelateAgentToAgent,
+                    [Module.Mcp]: handleRelateMcpToAgent,
+                    [Module.Tool]: handleRelateToolToAgent,
+                    [Module.Skill]: handleRelateSkillToAgent,
+                    [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);
+                handleClose();
+                emits('navigate', {
+                    type: SdkNavigateActionType.AgentDetailSetting,
+                    id: formData.value.selectedAgentId,
+                    spaceId: formData.value.selectedSpaceId
+                });
+            });
+            return function handleBindAndNavigate(selectedAgent) {
+                return _ref.apply(this, arguments);
+            };
+        }();
         const handleConfirm = function() {
             var _ref = _async_to_generator(function*() {
                 try {
-                    var _formRef_value, _relateMap_props_resourceType;
+                    var _formRef_value;
                     yield (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.validate();
-                    isLoadingConfirm.value = true;
+                    if (hasMcpPermission.value === false) {
+                        // 没有权限，显示申请权限弹窗
+                        isShowApplyConfirm.value = true;
+                    } else {
+                        // 有权限，绑定并跳转
+                        isLoadingConfirm.value = true;
+                        const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                        yield handleBindAndNavigate(selectedAgent);
+                    }
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+            return function handleConfirm() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleApplyPermissionAndConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                isLoadingConfirm.value = true;
+                try {
                     const selectedAgent = yield getAgent(formData.value.selectedAgentId);
-                    const relateMap = {
-                        [Module.Agent]: handleRelateAgentToAgent,
-                        [Module.Mcp]: handleRelateMcpToAgent,
-                        [Module.Skill]: handleRelateSkillToAgent,
-                        [Module.LLM]: handleRelateLLMToAgent
-                    };
-                    yield (_relateMap_props_resourceType = relateMap[props.resourceType]) === null || _relateMap_props_resourceType === void 0 ? void 0 : _relateMap_props_resourceType.call(relateMap, selectedAgent);
-                    handleClose();
-                    router.push({
-                        name: 'agent-detail-setting',
-                        query: {
-                            id: formData.value.selectedAgentId,
-                            'x-space-id': formData.value.selectedSpaceId
+                    const resource = [
+                        {
+                            resourceType: Module.Mcp,
+                            resourceCode: props.resource.mcpCode
                         }
-                    });
+                    ];
+                    yield resourceApply(resource, selectedAgent.id);
+                    yield handleBindAndNavigate(selectedAgent);
+                    isShowApplyConfirm.value = false;
                 } catch (error) {
                     console.error(error);
                 } finally{
                     isLoadingConfirm.value = false;
                 }
             });
-            return function handleConfirm() {
+            return function handleApplyPermissionAndConfirm() {
                 return _ref.apply(this, arguments);
             };
         }();
-        const getPermittedSpaces = ()=>{
-            return props.spaces.filter((space)=>{
-                var _space_permission;
-                return (_space_permission = space.permission) === null || _space_permission === void 0 ? void 0 : _space_permission.viewSpace;
+        const handleCheckMcpPermission = ()=>{
+            // 如果资源类型不是 MCP 或者没有选择智能体，则不检查权限
+            if (props.resourceType !== Module.Mcp || !formData.value.selectedAgentId) {
+                hasMcpPermission.value = undefined;
+                return;
+            }
+            // 检查权限
+            isLoadingConfirm.value = true;
+            const mcp = props.resource;
+            getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then((res)=>{
+                hasMcpPermission.value = res.hasPermission;
+            }).catch(()=>{
+                hasMcpPermission.value = undefined;
+            }).finally(()=>{
+                isLoadingConfirm.value = false;
             });
         };
+        const handleCancelApply = ()=>{
+            isShowApplyConfirm.value = false;
+        };
+        handleInitClickoutside('render-relate-agent-popover', handleClickOutside);
+        watch(()=>formData.value.selectedAgentId, handleCheckMcpPermission);
         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_pop_confirm, {
+            return _openBlock(), _createBlock(_component_bk_popover, {
+                trigger: "manual",
+                theme: "light",
                 width: "400",
-                trigger: "click",
-                "confirm-text": "保存并去智能体调试",
+                "ext-cls": "render-relate-agent-popover",
                 placement: props.placement,
-                "is-show": isShowPopconfirm.value,
                 boundary: props.boundary,
-                "confirm-config": {
-                    loading: isLoadingConfirm.value
-                },
-                onConfirm: handleConfirm,
-                onCancel: handleClose
+                "is-show": isShowPopover.value
             }, {
                 content: _withCtx(()=>[
-                        _cache[3] || (_cache[3] = _createElementVNode("span", {
-                            class: "g-text-16 g-text-black g-learning-24"
+                        _cache[5] || (_cache[5] = _createElementVNode("span", {
+                            class: "g-text-16 g-text-black g-leading-24"
                         }, " 关联至智能体 ", -1 /* CACHED */ )),
                         _createVNode(_component_bk_form, {
                             ref_key: "formRef",
                             ref: formRef,
                             "form-type": "vertical",
-                            class: "g-small-form g-small-gap-form g-mt-16",
+                            class: "g-small-form g-small-gap-form !g-mt-16",
                             model: formData.value
                         }, {
                             default: _withCtx(()=>[
@@ -373,6 +482,53 @@ export default /*@__PURE__*/ _defineComponent({
                             _: 1 /* STABLE */ 
                         }, 8 /* PROPS */ , [
                             "model"
+                        ]),
+                        _createElementVNode("section", _hoisted_1, [
+                            _createVNode(_component_bk_pop_confirm, {
+                                trigger: "manual",
+                                placement: "top",
+                                width: "280",
+                                title: "确认提交申请？",
+                                content: "当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单",
+                                "is-show": isShowApplyConfirm.value,
+                                "confirm-config": {
+                                    loading: isLoadingConfirm.value
+                                },
+                                onConfirm: handleApplyPermissionAndConfirm,
+                                onCancel: handleCancelApply
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_button, {
+                                            theme: "primary",
+                                            loading: isLoadingConfirm.value,
+                                            onClick: handleConfirm
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[3] || (_cache[3] = [
+                                                        _createTextVNode(" 保存并去智能体调试 ", -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        }, 8 /* PROPS */ , [
+                                            "loading"
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "is-show",
+                                "confirm-config"
+                            ]),
+                            _createVNode(_component_bk_button, {
+                                class: "g-ml-8",
+                                onClick: handleClose
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[4] || (_cache[4] = [
+                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            })
                         ])
                     ]),
                 default: _withCtx(()=>[
@@ -400,7 +556,7 @@ export default /*@__PURE__*/ _defineComponent({
                                             content: props.disabledText,
                                             disabled: !props.disabled,
                                             placement: 'right',
-                                            extCls: 'g-z-index-9999'
+                                            extCls: '!g-z-9999'
                                         }
                                     ]
                                 ])
@@ -409,9 +565,8 @@ export default /*@__PURE__*/ _defineComponent({
                 _: 3 /* FORWARDED */ 
             }, 8 /* PROPS */ , [
                 "placement",
-                "is-show",
                 "boundary",
-                "confirm-config"
+                "is-show"
             ]);
         };
     }

package/dist/components/render-relate-agent/index.vue.d.ts

@@ -1,13 +1,13 @@
-import type { ISpace, ITool } from '@/types';
+import type { IKnowledgebase, ISpace, ITool } from '@/types';
 import type { IAgent } from '@/types/agent';
 import { Module } from '@/types/enum';
 import type { IMcp } from '@/types/mcp';
 import type { IModel } from '@/types/model';
+import type { ISdkNavigateAction } from '@/types/navigate';
 import type { ISkill } from '@/types/skill';
 interface IProps {
     resourceType: Module;
-    resource: IAgent | IMcp | ISkill | IModel | ITool;
-    isText?: boolean;
+    resource: IAgent | IMcp | ISkill | IModel | ITool | IKnowledgebase;
     disabled?: boolean;
     disabledText?: string;
     boundary?: string;
@@ -16,13 +16,20 @@ interface IProps {
     spaces?: ISpace[];
     apiPrefix: string;
 }
-declare var __VLS_11: {
+declare var __VLS_8: {
     handleShow: () => void;
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_11) => any;
+    trigger?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
+}>, {
+    disabledText: string;
+    placement: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;