@blueking/ai-ui-sdk 0.3.0-beta.4 → 0.3.0-beta.6

package/dist/components/render-markdown/view.postcss.css

@@ -1,99 +1,99 @@
-.aidev-markdown-preview .toastui-editor-contents,
-.toastui-editor .toastui-editor-contents,
-.toastui-editor-md-preview .toastui-editor-contents {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
-}
-
-  .aidev-markdown-preview .toastui-editor-contents pre, .toastui-editor .toastui-editor-contents pre, .toastui-editor-md-preview .toastui-editor-contents pre {
-    max-height: 500px;
-    overflow-y: auto;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
-
-  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb {
-      width: 6px;
-      height: 6px;
-      border-radius: 3px;
-      background-color: #dcdee5;
-    }
-
-  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover {
-        background-color: #979ba5;
-      }
-
-  .aidev-markdown-preview .toastui-editor-contents p,
-  .aidev-markdown-preview .toastui-editor-contents td,
-  .toastui-editor .toastui-editor-contents p,
-  .toastui-editor .toastui-editor-contents td,
-  .toastui-editor-md-preview .toastui-editor-contents p,
-  .toastui-editor-md-preview .toastui-editor-contents td {
-    color: #4d4f56;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
-    margin: 32px 0 20px;
-    border-bottom: 2px solid #eaecef;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h2, .toastui-editor .toastui-editor-contents h2, .toastui-editor-md-preview .toastui-editor-contents h2 {
-    margin: 24px 0 16px;
-    border-bottom: 1px solid #eaecef;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h3, .toastui-editor .toastui-editor-contents h3, .toastui-editor-md-preview .toastui-editor-contents h3 {
-    margin: 18px 0 12px;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h4, .toastui-editor .toastui-editor-contents h4, .toastui-editor-md-preview .toastui-editor-contents h4 {
-    margin: 14px 0 8px;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents h5,
-  .aidev-markdown-preview .toastui-editor-contents h6,
-  .toastui-editor .toastui-editor-contents h5,
-  .toastui-editor .toastui-editor-contents h6,
-  .toastui-editor-md-preview .toastui-editor-contents h5,
-  .toastui-editor-md-preview .toastui-editor-contents h6 {
-    margin: 10px 0 4px;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents i, .toastui-editor .toastui-editor-contents i, .toastui-editor-md-preview .toastui-editor-contents i {
-    font-style: normal;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents table th, .toastui-editor .toastui-editor-contents table th, .toastui-editor-md-preview .toastui-editor-contents table th {
-      background-color: #fff;
-      color: #4d4f56;
-      font-weight: bold;
-    }
-
-  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(odd) {
-        background-color: #f6f8fa;
-      }
-
-  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(even) {
-        background-color: #fff;
-      }
-
-  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-wrap {
-    position: relative;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button, .toastui-editor .toastui-editor-contents .markdown-code-copy-button, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button {
-    position: sticky;
-    top: -16px;
-    float: right;
-    margin: -25px -12px 0 0;
-    font-size: 14px;
-    color: #979ba5;
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button:hover {
-      color: #3a84ff;
-    }
+.aidev-markdown-preview .toastui-editor-contents,
+.toastui-editor .toastui-editor-contents,
+.toastui-editor-md-preview .toastui-editor-contents {
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
+}
+
+  .aidev-markdown-preview .toastui-editor-contents pre, .toastui-editor .toastui-editor-contents pre, .toastui-editor-md-preview .toastui-editor-contents pre {
+    max-height: 500px;
+    overflow-y: auto;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb {
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+    }
+
+  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover {
+        background-color: #979ba5;
+      }
+
+  .aidev-markdown-preview .toastui-editor-contents p,
+  .aidev-markdown-preview .toastui-editor-contents td,
+  .toastui-editor .toastui-editor-contents p,
+  .toastui-editor .toastui-editor-contents td,
+  .toastui-editor-md-preview .toastui-editor-contents p,
+  .toastui-editor-md-preview .toastui-editor-contents td {
+    color: #4d4f56;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
+    margin: 32px 0 20px;
+    border-bottom: 2px solid #eaecef;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h2, .toastui-editor .toastui-editor-contents h2, .toastui-editor-md-preview .toastui-editor-contents h2 {
+    margin: 24px 0 16px;
+    border-bottom: 1px solid #eaecef;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h3, .toastui-editor .toastui-editor-contents h3, .toastui-editor-md-preview .toastui-editor-contents h3 {
+    margin: 18px 0 12px;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h4, .toastui-editor .toastui-editor-contents h4, .toastui-editor-md-preview .toastui-editor-contents h4 {
+    margin: 14px 0 8px;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h5,
+  .aidev-markdown-preview .toastui-editor-contents h6,
+  .toastui-editor .toastui-editor-contents h5,
+  .toastui-editor .toastui-editor-contents h6,
+  .toastui-editor-md-preview .toastui-editor-contents h5,
+  .toastui-editor-md-preview .toastui-editor-contents h6 {
+    margin: 10px 0 4px;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents i, .toastui-editor .toastui-editor-contents i, .toastui-editor-md-preview .toastui-editor-contents i {
+    font-style: normal;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents table th, .toastui-editor .toastui-editor-contents table th, .toastui-editor-md-preview .toastui-editor-contents table th {
+      background-color: #fff;
+      color: #4d4f56;
+      font-weight: bold;
+    }
+
+  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(odd) {
+        background-color: #f6f8fa;
+      }
+
+  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(even) {
+        background-color: #fff;
+      }
+
+  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-wrap {
+    position: relative;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button, .toastui-editor .toastui-editor-contents .markdown-code-copy-button, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button {
+    position: sticky;
+    top: -16px;
+    float: right;
+    margin: -25px -12px 0 0;
+    font-size: 14px;
+    color: #979ba5;
+    cursor: pointer;
+    user-select: none;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button:hover {
+      color: #3a84ff;
+    }

package/dist/components/render-permission-tag/index.vue.css

@@ -1,4 +1,4 @@
 
-.permission-popover {
+.permission-popover {
   padding: 7px 14px !important;
-}
+}

package/dist/components/render-prompt/actions/index.script.vue.js.js

@@ -1,14 +1,13 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, withCtx as _withCtx, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
 import { ref, toRef } from 'vue';
-import { useRouter } from 'vue-router';
 import { handleCopy, uuid } from '../../../common/util.ts.js';
 import ApplicationBaseActions from '../../render-card/base/application-base-actions.vue.js';
 import RenderDropdown from '../../render-dropdown/index.vue.js';
 import { usePermission } from '../../../hooks/use-permission.ts.js';
 import { usePromptHttp } from '../../../hooks/use-prompt-http.ts.js';
 import { useSessionHttp } from '../../../hooks/use-session-http.ts.js';
-import { Module, ResourceCardType, ResourcePermissionAction, ResourceStatus } from '../../../types/enum.ts.js';
+import { Module, ResourceCardType, ResourcePermissionAction, ResourceStatus, SdkNavigateActionType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         prompt: {},
@@ -23,12 +22,12 @@ export default /*@__PURE__*/ _defineComponent({
     emits: [
         "success-delete",
         "success-restore",
-        "edit"
+        "edit",
+        "navigate"
     ],
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const router = useRouter();
         const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
         const { deletePrompt, restorePrompt } = usePromptHttp(props.apiPrefix, toRef(props, 'spaceId'));
         // useSessionHttp 参数需确认
@@ -98,13 +97,13 @@ export default /*@__PURE__*/ _defineComponent({
                     isAutoCalcPrompt: true
                 }
             };
-            plusSession(data).then((session)=>router.push({
-                    name: 'chat',
-                    query: {
-                        sessionCode: session.sessionCode,
-                        promptId: prompt.id
-                    }
-                })).finally(()=>{
+            plusSession(data).then((session)=>{
+                emits('navigate', {
+                    type: SdkNavigateActionType.Chat,
+                    sessionCode: session.sessionCode,
+                    id: prompt.id
+                });
+            }).finally(()=>{
                 isStartingChat.value = false;
             });
         };

package/dist/components/render-prompt/actions/index.vue.d.ts

@@ -1,4 +1,5 @@
 import { ResourceCardType } from '@/types/enum';
+import type { ISdkNavigateAction } from '@/types/navigate';
 import type { IPrompt } from '@/types/prompt';
 interface IProps {
     prompt: IPrompt;
@@ -10,10 +11,12 @@ interface IProps {
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     edit: (val: IPrompt) => any;
+    navigate: (value: ISdkNavigateAction) => any;
     "success-delete": () => any;
     "success-restore": () => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
     onEdit?: (val: IPrompt) => any;
+    onNavigate?: (value: ISdkNavigateAction) => any;
     "onSuccess-delete"?: () => any;
     "onSuccess-restore"?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/render-prompt/content/index.vue.css

@@ -1,7 +1,7 @@
 
-.resource-card-description[data-v-rrtajurh] {
-  color: #4D4F56;
-  height: 120px;
-  white-space: pre-wrap;
+.resource-card-description[data-v-oirjuisu] {
+  color: #4D4F56;
+  height: 120px;
+  white-space: pre-wrap;
   word-break: break-all;
-}
+}

package/dist/components/render-prompt/content/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-rrtajurh";
+script.__scopeId = "data-v-oirjuisu";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

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'));
         ;
@@ -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) {

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

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-ine7ppuf]{
+.reference-table[data-v-nsrnz7qq]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-ine7ppuf]{
-  flex: 1;
+.bk-radio-button[data-v-nsrnz7qq]{
+  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-ine7ppuf";
+script.__scopeId = "data-v-nsrnz7qq";
 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

@@ -82,31 +82,32 @@ 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';
 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 { GroupType, Module, SdkNavigateActionType } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         resourceType: {},
         resource: {},
-        isText: {
-            type: Boolean
-        },
         disabled: {
             type: Boolean
         },
         disabledText: {},
         boundary: {},
-        placement: {},
+        placement: {
+            default: 'right'
+        },
         spaceId: {},
         spaces: {},
         apiPrefix: {}
     },
-    setup (__props) {
+    emits: [
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
         const props = __props;
-        const router = useRouter();
+        const emits = __emit;
         const { getAgent, getAgentList, updateAgent } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const formRef = ref();
         const agents = ref([]);
@@ -142,12 +143,10 @@ 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 = ()=>{
@@ -189,15 +188,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
                         ]
                     }
@@ -248,17 +284,17 @@ export default /*@__PURE__*/ _defineComponent({
                     const relateMap = {
                         [Module.Agent]: handleRelateAgentToAgent,
                         [Module.Mcp]: handleRelateMcpToAgent,
+                        [Module.Tool]: handleRelateToolToAgent,
                         [Module.Skill]: handleRelateSkillToAgent,
-                        [Module.LLM]: handleRelateLLMToAgent
+                        [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();
-                    router.push({
-                        name: 'agent-detail-setting',
-                        query: {
-                            id: formData.value.selectedAgentId,
-                            'x-space-id': formData.value.selectedSpaceId
-                        }
+                    emits('navigate', {
+                        type: SdkNavigateActionType.AgentDetailSetting,
+                        id: formData.value.selectedAgentId,
+                        spaceId: formData.value.selectedSpaceId
                     });
                 } catch (error) {
                     console.error(error);