diff --git a/ui/src/components/codemirror-editor/index.vue b/ui/src/components/codemirror-editor/index.vue
index 1835fb7c8..4286c6906 100644
--- a/ui/src/components/codemirror-editor/index.vue
+++ b/ui/src/components/codemirror-editor/index.vue
@@ -57,7 +57,7 @@ const emit = defineEmits(['update:modelValue', 'submitDialog'])
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -88,7 +88,7 @@ function getRangeFromLineAndColumn(state: any, line: number, column: number, end
 
 const regexpLinter = linter(async (view) => {
   const diagnostics: Diagnostic[] = []
-  await loadSharedApi({ type: 'tool', systemType: type.value })
+  await loadSharedApi({ type: 'tool', systemType: apiType.value })
     .postPylint(view.state.doc.toString())
     .then((ok: any) => {
       ok.data.forEach((element: any) => {
diff --git a/ui/src/components/generate-related-dialog/index.vue b/ui/src/components/generate-related-dialog/index.vue
index de336a8ad..4abc794b0 100644
--- a/ui/src/components/generate-related-dialog/index.vue
+++ b/ui/src/components/generate-related-dialog/index.vue
@@ -46,7 +46,7 @@
           />
         </el-form-item>
         <el-form-item
-          v-if="['document', 'knowledge'].includes(apiType)"
+          v-if="['document', 'knowledge'].includes(apiSubmitType)"
           :label="$t('components.selectParagraph.title')"
           prop="state"
         >
@@ -72,8 +72,6 @@
 <script setup lang="ts">
 import { reactive, ref, watch, computed } from 'vue'
 import { useRoute } from 'vue-router'
-import documentApi from '@/api/knowledge/document'
-import paragraphApi from '@/api/knowledge/paragraph'
 import useStore from '@/stores'
 import { groupBy } from 'lodash'
 import { MsgSuccess } from '@/utils/message'
@@ -81,19 +79,15 @@ import { t } from '@/locales'
 import type { FormInstance } from 'element-plus'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
+const props = defineProps<{
+  apiType: 'systemShare' | 'workspace' | 'systemManage'
+}>()
+
 const route = useRoute()
 const {
   params: { id, documentId }, // id为knowledgeID
 } = route as any
-const type = computed(() => {
-  if (route.path.includes('shared')) {
-    return 'systemShare'
-  } else if (route.path.includes('resource-management')) {
-    return 'systemManage'
-  } else {
-    return 'workspace'
-  }
-})
+
 const { model, prompt, user } = useStore()
 
 const emit = defineEmits(['refresh'])
@@ -103,7 +97,7 @@ const loading = ref<boolean>(false)
 const dialogVisible = ref<boolean>(false)
 const modelOptions = ref<any>(null)
 const idList = ref<string[]>([])
-const apiType = ref('') // 文档document或段落paragraph
+const apiSubmitType = ref('') // 文档document或段落paragraph
 const state = ref<'all' | 'error'>('error')
 const stateMap = {
   all: ['0', '1', '2', '3', '4', '5', 'n'],
@@ -141,7 +135,7 @@ const open = (ids: string[], type: string, _knowledgeId?: string) => {
   knowledgeId.value = _knowledgeId
   getModel()
   idList.value = ids
-  apiType.value = type
+  apiSubmitType.value = type
   dialogVisible.value = true
 }
 
@@ -153,33 +147,37 @@ const submitHandle = async (formEl: FormInstance) => {
     if (valid) {
       // 保存提示词
       prompt.save(user.userInfo?.id as string, form.value)
-      if (apiType.value === 'paragraph') {
+      if (apiSubmitType.value === 'paragraph') {
         const data = {
           ...form.value,
           paragraph_id_list: idList.value,
         }
-        paragraphApi.putBatchGenerateRelated(id, documentId, data, loading).then(() => {
-          MsgSuccess(t('views.document.generateQuestion.successMessage'))
-          emit('refresh')
-          dialogVisible.value = false
-        })
-      } else if (apiType.value === 'document') {
+        loadSharedApi({ type: 'paragraph', systemType: props.apiType })
+          .putBatchGenerateRelated(id, documentId, data, loading)
+          .then(() => {
+            MsgSuccess(t('views.document.generateQuestion.successMessage'))
+            emit('refresh')
+            dialogVisible.value = false
+          })
+      } else if (apiSubmitType.value === 'document') {
         const data = {
           ...form.value,
           document_id_list: idList.value,
           state_list: stateMap[state.value],
         }
-        documentApi.putBatchGenerateRelated(id, data, loading).then(() => {
-          MsgSuccess(t('views.document.generateQuestion.successMessage'))
-          emit('refresh')
-          dialogVisible.value = false
-        })
-      } else if (apiType.value === 'knowledge') {
+        loadSharedApi({ type: 'knowledge', systemType: props.apiType })
+          .putBatchGenerateRelated(id, data, loading)
+          .then(() => {
+            MsgSuccess(t('views.document.generateQuestion.successMessage'))
+            emit('refresh')
+            dialogVisible.value = false
+          })
+      } else if (apiSubmitType.value === 'knowledge') {
         const data = {
           ...form.value,
           state_list: stateMap[state.value],
         }
-        loadSharedApi({ type: 'knowledge', systemType: type.value })
+        loadSharedApi({ type: 'knowledge', systemType: props.apiType })
           .putGenerateRelated(id ? id : knowledgeId.value, data, loading)
           .then(() => {
             MsgSuccess(t('views.document.generateQuestion.successMessage'))
@@ -192,7 +190,7 @@ const submitHandle = async (formEl: FormInstance) => {
 
 function getModel() {
   loading.value = true
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: props.apiType })
     .getKnowledgeModel()
     .then((res: any) => {
       modelOptions.value = groupBy(res?.data, 'provider')
diff --git a/ui/src/layout/components/breadcrumb/index.vue b/ui/src/layout/components/breadcrumb/index.vue
index a10bf5073..21d9ecd8a 100644
--- a/ui/src/layout/components/breadcrumb/index.vue
+++ b/ui/src/layout/components/breadcrumb/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="breadcrumb ml-4 mt-4 mb-12 flex">
-    <back-button :to="activeMenu" class="mt-4"></back-button>
+    <back-button to="-1" class="mt-4"></back-button>
     <div class="flex align-center">
       <el-avatar
         v-if="isApplication && isAppIcon(current?.icon)"
@@ -21,94 +21,6 @@
 
       <div class="ellipsis" :title="current?.name">{{ current?.name }}</div>
     </div>
-    <!-- <el-dropdown
-      placement="bottom"
-      trigger="click"
-      @command="changeMenu"
-      class="w-full"
-      style="display: block"
-    >
-      <div class="breadcrumb-hover flex-between cursor">
-        <div class="flex align-center">
-          <el-avatar
-            v-if="isApplication && isAppIcon(current?.icon)"
-            shape="square"
-            :size="24"
-            style="background: none"
-            class="mr-8"
-          >
-            <img :src="current?.icon" alt="" />
-          </el-avatar>
-          <LogoIcon
-            v-else-if="isApplication"
-            height="28px"
-            style="width: 28px; height: 28px; display: block"
-          />
-          <KnowledgeIcon v-else-if="isKnowledge" :type="current?.type" />
-
-          <div class="ellipsis" :title="current?.name">{{ current?.name }}</div>
-        </div>
-
-        <el-button text>
-          <el-icon><CaretBottom /></el-icon>
-        </el-button>
-      </div>
-      <template #dropdown>
-        <el-scrollbar>
-          <div style="max-height: 400px">
-            <el-dropdown-menu>
-              <template v-for="(item, index) in list" :key="index">
-                <div :class="item.id === id ? 'dropdown-active' : ''">
-                  <el-dropdown-item :command="item.id">
-                    <div class="flex align-center">
-                      <el-avatar
-                        v-if="isApplication && isAppIcon(item?.icon)"
-                        shape="square"
-                        :size="24"
-                        style="background: none"
-                        class="mr-8"
-                      >
-                        <img :src="item?.icon" alt="" />
-                      </el-avatar>
-
-                      <el-avatar
-                        v-else-if="isApplication"
-                        :name="item.name"
-                        pinyinColor
-                        class="mr-12"
-                        shape="square"
-                        :size="24"
-                      />
-
-                      <KnowledgeIcon v-if="isKnowledge" :type="item.type" />
-
-                      <span class="ellipsis" :title="item?.name"> {{ item?.name }}</span>
-                    </div>
-                  </el-dropdown-item>
-                </div>
-              </template>
-            </el-dropdown-menu>
-          </div>
-        </el-scrollbar>
-        <div class="breadcrumb__footer border-t" style="padding: 8px 11px; min-width: 200px">
-          <template v-if="isApplication">
-            <div class="w-full text-left cursor" @click="openCreateDialog">
-              <el-button link>
-                <el-icon class="mr-4"><Plus /></el-icon>
-                {{ $t('views.application.createApplication') }}
-              </el-button>
-            </div>
-          </template>
-          <template v-else-if="isKnowledge">
-            <div class="w-full text-left cursor" @click="openCreateDialog">
-              <el-button link>
-                <el-icon class="mr-4"><Plus /></el-icon> {{ $t('views.knowledge.createKnowledge') }}
-              </el-button>
-            </div>
-          </template>
-        </div>
-      </template>
-    </el-dropdown> -->
   </div>
 </template>
 
@@ -127,7 +39,7 @@ const {
   params: { id },
 } = route as any
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -154,7 +66,7 @@ const isKnowledge = computed(() => {
 
 function getKnowledgeDetail() {
   loading.value = true
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .getKnowledgeDetail(id)
     .then((res: any) => {
       current.value = res.data
diff --git a/ui/src/layout/layout-template/MainLayout.vue b/ui/src/layout/layout-template/MainLayout.vue
index abf2a164f..4a5145b64 100644
--- a/ui/src/layout/layout-template/MainLayout.vue
+++ b/ui/src/layout/layout-template/MainLayout.vue
@@ -23,9 +23,12 @@ import AppMain from '@/layout/app-main/index.vue'
 import useStore from '@/stores'
 import { useRoute } from 'vue-router'
 const route = useRoute()
+const {
+  params: { folderId }, // id为knowledgeID
+} = route as any
 
 const isShared = computed(() => {
-  return route.path.endsWith('hared') || route.name.includes('ResourceManagement')
+  return folderId === 'shared' || route.name.includes('ResourceManagement')
 })
 const { theme } = useStore()
 const isDefaultTheme = computed(() => {
diff --git a/ui/src/router/modules/system.ts b/ui/src/router/modules/system.ts
index 9e8105e86..248dac376 100644
--- a/ui/src/router/modules/system.ts
+++ b/ui/src/router/modules/system.ts
@@ -150,9 +150,9 @@ const systemRouter = {
                 [RoleConst.ADMIN],
                 [PermissionConst.SHARED_TOOL_READ],
                 [EditionConst.IS_EE],
-                'OR'
-              )
-            ]
+                'OR',
+              ),
+            ],
           },
           component: () => import('@/views/system-shared/ToolSharedIndex.vue'),
         },
@@ -169,9 +169,9 @@ const systemRouter = {
                 [RoleConst.ADMIN],
                 [PermissionConst.SHARED_MODEL_READ],
                 [EditionConst.IS_EE],
-                'OR'
-              )
-            ]
+                'OR',
+              ),
+            ],
           },
           component: () => import('@/views/system-shared/ModelSharedIndex.vue'),
         },
diff --git a/ui/src/utils/dynamics-api/shared-api.ts b/ui/src/utils/dynamics-api/shared-api.ts
index 71e7eb42a..fca68ad1e 100644
--- a/ui/src/utils/dynamics-api/shared-api.ts
+++ b/ui/src/utils/dynamics-api/shared-api.ts
@@ -1,16 +1,22 @@
 import knowledgeWorkspaceApi from '@/api/knowledge/knowledge'
+import documentWorkspaceApi from '@/api/knowledge/document'
+import paragraphWorkspaceApi from '@/api/knowledge/paragraph'
 import modelWorkspaceApi from '@/api/model/model'
 import toolWorkspaceApi from '@/api/tool/tool'
 import sharedWorkspaceApi from '@/api/shared-workspace'
 import toolSystemShareApi from '@/api/system-shared/tool'
 import modelSystemShareApi from '@/api/system-shared/model'
 import knowledgeSystemShareApi from '@/api/system-shared/knowledge'
+import documentSystemShareApi from '@/api/system-shared/document'
+import paragraphSystemShareApi from '@/api/system-shared/paragraph'
 
 // 普通 API
 const workspaceApiMap = {
   knowledge: knowledgeWorkspaceApi,
   model: modelWorkspaceApi,
   tool: toolWorkspaceApi,
+  document: documentWorkspaceApi,
+  paragraph: paragraphWorkspaceApi,
 } as any
 
 // 系统分享 API
@@ -18,6 +24,8 @@ const systemShareApiMap = {
   knowledge: knowledgeSystemShareApi,
   model: modelSystemShareApi,
   tool: toolSystemShareApi,
+  document: documentSystemShareApi,
+  paragraph: paragraphSystemShareApi,
 } as any
 
 // 资源管理 API
diff --git a/ui/src/views/document/ImportLarkDocument.vue b/ui/src/views/document/ImportLarkDocument.vue
index c8adbd057..1c4be2302 100644
--- a/ui/src/views/document/ImportLarkDocument.vue
+++ b/ui/src/views/document/ImportLarkDocument.vue
@@ -144,6 +144,7 @@ import { getImgUrl } from '@/utils/utils'
 import { t } from '@/locales'
 import type Node from 'element-plus/es/components/tree/src/model/node'
 import documentApi from '@/api/knowledge/document'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const router = useRouter()
 const route = useRoute()
diff --git a/ui/src/views/document/UploadDocument.vue b/ui/src/views/document/UploadDocument.vue
index b6f0773b5..e3d56d1d6 100644
--- a/ui/src/views/document/UploadDocument.vue
+++ b/ui/src/views/document/UploadDocument.vue
@@ -60,7 +60,7 @@ import { useRouter, useRoute } from 'vue-router'
 import SetRules from './upload/SetRules.vue'
 import ResultSuccess from './upload/ResultSuccess.vue'
 import UploadComponent from './upload/UploadComponent.vue'
-import documentApi from '@/api/knowledge/document'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import { MsgConfirm, MsgSuccess } from '@/utils/message'
 import { t } from '@/locales'
 import useStore from '@/stores'
@@ -75,6 +75,16 @@ const {
   query: { id }, // id为knowledgeID，有id的是上传文档
 } = route
 
+const apiType = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
+
 const SetRulesRef = ref()
 const UploadComponentRef = ref()
 
@@ -94,11 +104,15 @@ async function next() {
       })
       if (id) {
         // QA文档上传
-        documentApi.postQADocument(id as string, fd, loading).then((res) => {
-          MsgSuccess(t('common.submitSuccess'))
-          clearStore()
-          router.push({ path: `/knowledge/${id}/${folderId}/document` })
-        })
+        loadSharedApi({ type: 'document', systemType: apiType.value })
+          .postQADocument(id as string, fd, loading)
+          .then(() => {
+            MsgSuccess(t('common.submitSuccess'))
+            clearStore()
+            router.push({
+              path: `/knowledge/${id}/${folderId}/document`,
+            })
+          })
       }
     } else if (documentsType.value === 'table') {
       const fd = new FormData()
@@ -109,11 +123,15 @@ async function next() {
       })
       if (id) {
         // table文档上传
-        documentApi.postTableDocument(id as string, fd, loading).then((res) => {
-          MsgSuccess(t('common.submitSuccess'))
-          clearStore()
-          router.push({ path: `/knowledge/${id}/${folderId}/document` })
-        })
+        loadSharedApi({ type: 'document', systemType: apiType.value })
+          .postTableDocument(id as string, fd, loading)
+          .then(() => {
+            MsgSuccess(t('common.submitSuccess'))
+            clearStore()
+            router.push({
+              path: `/knowledge/${id}/${folderId}/document`,
+            })
+          })
       }
     } else {
       if (active.value++ > 2) active.value = 0
@@ -152,7 +170,9 @@ function submit() {
       .then(() => {
         MsgSuccess(t('common.submitSuccess'))
         clearStore()
-        router.push({ path: `/knowledge/${id}/${folderId}/document` })
+        router.push({
+          path: `/knowledge/${id}/${folderId}/document`,
+        })
       })
       .catch(() => {
         loading.value = false
diff --git a/ui/src/views/document/component/SelectKnowledgeDialog.vue b/ui/src/views/document/component/SelectKnowledgeDialog.vue
index 6e2d69b0c..009e4c32c 100644
--- a/ui/src/views/document/component/SelectKnowledgeDialog.vue
+++ b/ui/src/views/document/component/SelectKnowledgeDialog.vue
@@ -66,7 +66,8 @@ const route = useRoute()
 const {
   params: { id }, // id为knowledgeID
 } = route as any
-const type = computed(() => {
+
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -99,7 +100,7 @@ const loadTree = (node: any, resolve: any) => {
   console.log(node)
   if (node.isLeaf) return resolve([])
   const folder_id = node.level === 0 ? '' : node.data.id
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .getKnowledgeList(folder_id, loading)
     .then((res: any) => {
       resolve(res.data)
diff --git a/ui/src/views/document/index.vue b/ui/src/views/document/index.vue
index f137977d4..242eaa63c 100644
--- a/ui/src/views/document/index.vue
+++ b/ui/src/views/document/index.vue
@@ -7,26 +7,32 @@
           <div class="flex-between">
             <div>
               <el-button
-                v-if="knowledgeDetail.type === 0 && permissionPrecise.doc_create(id)"
-                type="danger"
+                v-if="knowledgeDetail?.type === 0 && permissionPrecise.doc_create(id)"
+                type="primary"
                 @click="
-                  router.push({ path: `/knowledge/document/upload/${folderId}`, query: { id: id } })
+                  router.push({
+                    path: `/knowledge/document/upload/${folderId}`,
+                    query: { id: id },
+                  })
                 "
                 >{{ $t('views.document.uploadDocument') }}
               </el-button>
               <el-button
-                v-if="knowledgeDetail.type === 1 && permissionPrecise.doc_create(id)"
+                v-if="knowledgeDetail?.type === 1 && permissionPrecise.doc_create(id)"
                 type="primary"
                 @click="importDoc"
                 >{{ $t('views.document.importDocument') }}
               </el-button>
               <el-button
-                v-if="knowledgeDetail.type === 2 && permissionPrecise.doc_create(id)"
+                v-if="knowledgeDetail?.type === 2 && permissionPrecise.doc_create(id)"
                 type="primary"
                 @click="
                   router.push({
                     path: `/knowledge/import`,
-                    query: { id: id, folder_token: knowledgeDetail.meta.folder_token },
+                    query: {
+                      id: id,
+                      folder_token: knowledgeDetail?.meta.folder_token,
+                    },
                   })
                 "
                 >{{ $t('views.document.importDocument') }}
@@ -73,7 +79,7 @@
                       divided
                       @click="syncLarkMulDocument"
                       :disabled="multipleSelection.length === 0"
-                      v-if="knowledgeDetail.type === 2 && permissionPrecise.doc_sync(id)"
+                      v-if="knowledgeDetail?.type === 2 && permissionPrecise.doc_sync(id)"
                       >{{ $t('views.document.syncDocument') }}
                     </el-dropdown-item>
 
@@ -103,7 +109,7 @@
             class="mt-16"
             :data="documentData"
             :pagination-config="paginationConfig"
-            :quick-create="knowledgeDetail.type === 0 && permissionPrecise.doc_create(id)"
+            :quick-create="knowledgeDetail?.type === 0 && permissionPrecise.doc_create(id)"
             @sizeChange="handleSizeChange"
             @changePage="getList"
             @cell-mouse-enter="cellMouseEnter"
@@ -351,7 +357,7 @@
                   />
                 </span>
                 <el-divider direction="vertical" />
-                <template v-if="knowledgeDetail.type === 0">
+                <template v-if="knowledgeDetail?.type === 0">
                   <span
                     class="mr-4"
                     v-if="
@@ -451,7 +457,7 @@
                     </el-dropdown>
                   </span>
                 </template>
-                <template v-if="knowledgeDetail.type === 1 || knowledgeDetail.type === 2">
+                <template v-if="knowledgeDetail?.type === 1 || knowledgeDetail?.type === 2">
                   <span class="mr-4">
                     <el-button
                       type="primary"
@@ -571,14 +577,13 @@
     <SyncWebDialog ref="SyncWebDialogRef" @refresh="refresh" />
     <!-- 选择知识库 -->
     <SelectKnowledgeDialog ref="selectKnowledgeDialogRef" @refresh="refreshMigrate" />
-    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="getList" />
+    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="getList" :apiType="apiType" />
   </div>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, computed } from 'vue'
 import { useRouter, useRoute, onBeforeRouteLeave, onBeforeRouteUpdate } from 'vue-router'
 import { ElTable } from 'element-plus'
-import documentApi from '@/api/knowledge/document'
 import ImportDocumentDialog from './component/ImportDocumentDialog.vue'
 import SyncWebDialog from '@/views/knowledge/component/SyncWebDialog.vue'
 import SelectKnowledgeDialog from './component/SelectKnowledgeDialog.vue'
@@ -598,32 +603,12 @@ import permissionMap from '@/permission'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const route = useRoute()
-const { folder, user } = useStore()
-
-const type = computed(() => {
-  if (route.path.includes('shared')) {
-    return 'systemShare'
-  } else if (route.path.includes('resource-management')) {
-    return 'systemManage'
-  } else {
-    return 'workspace'
-  }
-})
-const permissionPrecise = computed(() => {
-  return permissionMap['knowledge'][type.value]
-})
-
 const router = useRouter()
 const {
   params: { id, folderId }, // id为knowledgeID
 } = route as any
-
-const { common, knowledge, document } = useStore()
+const { common, document } = useStore()
 const storeKey = 'documents'
-const getTaskState = (status: string, taskType: number) => {
-  const statusList = status.split('').reverse()
-  return taskType - 1 > statusList.length + 1 ? 'n' : statusList[taskType - 1]
-}
 onBeforeRouteUpdate(() => {
   common.savePage(storeKey, null)
   common.saveCondition(storeKey, null)
@@ -639,6 +624,25 @@ onBeforeRouteLeave((to: any) => {
     })
   }
 })
+
+const apiType = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
+const permissionPrecise = computed(() => {
+  return permissionMap['knowledge'][apiType.value]
+})
+
+const getTaskState = (status: string, taskType: number) => {
+  const statusList = status.split('').reverse()
+  return taskType - 1 > statusList.length + 1 ? 'n' : statusList[taskType - 1]
+}
+
 const beforePagination = computed(() => common.paginationConfig[storeKey])
 const beforeSearch = computed(() => common.search[storeKey])
 const embeddingContentDialogRef = ref<InstanceType<typeof EmbeddingContentDialog>>()
@@ -666,14 +670,14 @@ const title = ref('')
 const selectKnowledgeDialogRef = ref()
 
 const exportDocument = (document: any) => {
-  documentApi
+  loadSharedApi({ type: 'document', systemType: apiType.value })
     .exportDocument(document.name, document.knowledge_id, document.id, loading)
     .then(() => {
       MsgSuccess(t('common.exportSuccess'))
     })
 }
 const exportDocumentZip = (document: any) => {
-  documentApi
+  loadSharedApi({ type: 'document', systemType: apiType.value })
     .exportDocumentZip(document.name, document.knowledge_id, document.id, loading)
     .then(() => {
       MsgSuccess(t('common.exportSuccess'))
@@ -691,10 +695,12 @@ function cancelTaskHandle(val: any) {
     id_list: arr,
     type: val,
   }
-  documentApi.putBatchCancelTask(id, obj, loading).then(() => {
-    MsgSuccess(t('views.document.tip.cancelSuccess'))
-    multipleTableRef.value?.clearSelection()
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .putBatchCancelTask(id, obj, loading)
+    .then(() => {
+      MsgSuccess(t('views.document.tip.cancelSuccess'))
+      multipleTableRef.value?.clearSelection()
+    })
 }
 
 function clearSelection() {
@@ -734,9 +740,11 @@ function beforeCommand(attr: string, val: any, task_type?: number) {
 }
 
 const cancelTask = (row: any, task_type: number) => {
-  documentApi.putCancelTask(id, row.id, { type: task_type }).then(() => {
-    MsgSuccess(t('views.document.tip.sendMessage'))
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .putCancelTask(id, row.id, { type: task_type })
+    .then(() => {
+      MsgSuccess(t('views.document.tip.sendMessage'))
+    })
 }
 
 function importDoc() {
@@ -791,9 +799,11 @@ function syncLarkDocument(row: any) {
     confirmButtonClass: 'color-danger',
   })
     .then(() => {
-      documentApi.putLarkDocumentSync(id, row.id).then(() => {
-        getList()
-      })
+      loadSharedApi({ type: 'document', systemType: apiType.value })
+        .putLarkDocumentSync(id, row.id)
+        .then(() => {
+          getList()
+        })
     })
     .catch(() => {})
 }
@@ -805,9 +815,11 @@ function syncWebDocument(row: any) {
       confirmButtonClass: 'color-danger',
     })
       .then(() => {
-        documentApi.putDocumentSync(row.knowledge_id, row.id).then(() => {
-          getList()
-        })
+        loadSharedApi({ type: 'document', systemType: apiType.value })
+          .putDocumentSync(row.knowledge_id, row.id)
+          .then(() => {
+            getList()
+          })
       })
       .catch(() => {})
   } else {
@@ -822,9 +834,11 @@ function syncWebDocument(row: any) {
 
 function refreshDocument(row: any) {
   const embeddingDocument = (stateList: Array<string>) => {
-    return documentApi.putDocumentRefresh(row.knowledge_id, row.id, stateList).then(() => {
-      getList()
-    })
+    return loadSharedApi({ type: 'document', systemType: apiType.value })
+      .putDocumentRefresh(row.knowledge_id, row.id, stateList)
+      .then(() => {
+        getList()
+      })
   }
   embeddingContentDialogRef.value?.open(embeddingDocument)
 }
@@ -834,7 +848,7 @@ function rowClickHandle(row: any, column: any) {
     return
   }
 
-  router.push({ path: `/paragraph/${id}/${row.id}` })
+  router.push({ path: `/paragraph/${id}/${row.id}`, query: { type: apiType.value } })
 }
 
 /*
@@ -861,10 +875,12 @@ function syncMulDocument() {
       arr.push(v.id)
     }
   })
-  documentApi.putMulSyncDocument(id, arr, loading).then(() => {
-    MsgSuccess(t('views.document.sync.successMessage'))
-    getList()
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .putMulSyncDocument(id, arr, loading)
+    .then(() => {
+      MsgSuccess(t('views.document.sync.successMessage'))
+      getList()
+    })
 }
 
 function syncLarkMulDocument() {
@@ -874,10 +890,12 @@ function syncLarkMulDocument() {
       arr.push(v.id)
     }
   })
-  documentApi.delMulLarkSyncDocument(id, arr, loading).then(() => {
-    MsgSuccess(t('views.document.sync.successMessage'))
-    getList()
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .delMulLarkSyncDocument(id, arr, loading)
+    .then(() => {
+      MsgSuccess(t('views.document.sync.successMessage'))
+      getList()
+    })
 }
 
 function deleteMulDocument() {
@@ -896,11 +914,13 @@ function deleteMulDocument() {
           arr.push(v.id)
         }
       })
-      documentApi.delMulDocument(id, arr, loading).then(() => {
-        MsgSuccess(t('views.document.delete.successMessage'))
-        multipleTableRef.value?.clearSelection()
-        getList()
-      })
+      loadSharedApi({ type: 'document', systemType: apiType.value })
+        .delMulDocument(id, arr, loading)
+        .then(() => {
+          MsgSuccess(t('views.document.delete.successMessage'))
+          multipleTableRef.value?.clearSelection()
+          getList()
+        })
     })
     .catch(() => {})
 }
@@ -908,10 +928,12 @@ function deleteMulDocument() {
 function batchRefresh() {
   const arr: string[] = multipleSelection.value.map((v) => v.id)
   const embeddingBatchDocument = (stateList: Array<string>) => {
-    documentApi.putBatchRefresh(id, arr, stateList, loading).then(() => {
-      MsgSuccess(t('views.document.tip.vectorizationSuccess'))
-      multipleTableRef.value?.clearSelection()
-    })
+    loadSharedApi({ type: 'document', systemType: apiType.value })
+      .putBatchRefresh(id, arr, stateList, loading)
+      .then(() => {
+        MsgSuccess(t('views.document.tip.vectorizationSuccess'))
+        multipleTableRef.value?.clearSelection()
+      })
   }
   embeddingContentDialogRef.value?.open(embeddingBatchDocument)
 }
@@ -926,10 +948,12 @@ function deleteDocument(row: any) {
     },
   )
     .then(() => {
-      documentApi.delDocument(id, row.id, loading).then(() => {
-        MsgSuccess(t('common.deleteSuccess'))
-        getList()
-      })
+      loadSharedApi({ type: 'document', systemType: apiType.value })
+        .delDocument(id, row.id, loading)
+        .then(() => {
+          MsgSuccess(t('common.deleteSuccess'))
+          getList()
+        })
     })
     .catch(() => {})
 }
@@ -938,9 +962,9 @@ function deleteDocument(row: any) {
   更新名称或状态
 */
 function updateData(documentId: string, data: any, msg: string) {
-  documentApi
+  loadSharedApi({ type: 'document', systemType: apiType.value })
     .putDocument(id, documentId, data, loading)
-    .then((res) => {
+    .then((res: any) => {
       const index = documentData.value.findIndex((v) => v.id === documentId)
       documentData.value.splice(index, 1, res.data)
       MsgSuccess(msg)
@@ -995,16 +1019,16 @@ function getList(bool?: boolean) {
     order_by: orderBy.value,
     folder_id: folderId,
   }
-  documentApi
+  loadSharedApi({ type: 'document', systemType: apiType.value })
     .getDocumentPage(id as string, paginationConfig.value, param, bool ? undefined : loading)
-    .then((res) => {
+    .then((res: any) => {
       documentData.value = res.data.records
       paginationConfig.value.total = res.data.total
     })
 }
 
 function getDetail() {
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .getKnowledgeDetail(id, loading)
     .then((res: any) => {
       knowledgeDetail.value = res.data
diff --git a/ui/src/views/document/upload/ResultSuccess.vue b/ui/src/views/document/upload/ResultSuccess.vue
index 5227b2c13..f97cb9721 100644
--- a/ui/src/views/document/upload/ResultSuccess.vue
+++ b/ui/src/views/document/upload/ResultSuccess.vue
@@ -16,12 +16,24 @@
         </div>
       </template>
       <template #extra>
-        <el-button @click="router.push({ path: `/knowledge` })">{{
-          $t('views.knowledge.ResultSuccess.buttons.toknowledge')
-        }}</el-button>
+        <el-button
+          @click="
+            router.push({
+              path: `/knowledge`,
+              query: {
+                type: apiType,
+              },
+            })
+          "
+          >{{ $t('views.knowledge.ResultSuccess.buttons.toknowledge') }}</el-button
+        >
         <el-button
           type="primary"
-          @click="router.push({ path: `/knowledge/${data?.id}/${folderId}/document` })"
+          @click="
+            router.push({
+              path: `/knowledge/${data?.id}/${folderId}/document`,
+            })
+          "
           >{{ $t('views.knowledge.ResultSuccess.buttons.toDocument') }}</el-button
         >
       </template>
@@ -68,18 +80,29 @@ import { computed } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { numberFormat } from '@/utils/utils'
 import { filesize, getImgUrl } from '@/utils/utils'
-const route = useRoute()
+
 const props = defineProps({
   data: {
     type: Object,
     default: () => {},
   },
 })
-
+const router = useRouter()
+const route = useRoute()
 const {
   params: { id, folderId }, // id为knowledgeID
 } = route as any
-const router = useRouter()
+
+const apiType = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
+
 const paragraph_count = computed(() =>
   props.data?.document_list.reduce((sum: number, obj: any) => (sum += obj.paragraph_count), 0),
 )
diff --git a/ui/src/views/document/upload/SetRules.vue b/ui/src/views/document/upload/SetRules.vue
index 51cc04415..4a9e13406 100644
--- a/ui/src/views/document/upload/SetRules.vue
+++ b/ui/src/views/document/upload/SetRules.vue
@@ -123,9 +123,9 @@ import { ref, computed, onMounted, reactive, watch } from 'vue'
 import ParagraphPreview from '@/views/knowledge/component/ParagraphPreview.vue'
 import { useRoute } from 'vue-router'
 import { cutFilename } from '@/utils/utils'
-import documentApi from '@/api/knowledge/document'
 import useStore from '@/stores'
 import type { KeyValue } from '@/api/type/common'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 const { knowledge } = useStore()
 const documentsFiles = computed(() => knowledge.documentsFiles)
 const splitPatternList = ref<Array<KeyValue<string, string>>>([])
@@ -133,6 +133,17 @@ const route = useRoute()
 const {
   query: { id }, // id为knowledgeID
 } = route as any
+
+const apiType = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
+
 const radio = ref('1')
 const loading = ref(false)
 const paragraphList = ref<any[]>([])
@@ -187,7 +198,7 @@ function splitDocument() {
       }
     })
   }
-  documentApi
+  loadSharedApi({ type: 'document', systemType: apiType.value })
     .postSplitDocument(id, fd)
     .then((res: any) => {
       const list = res.data
@@ -218,9 +229,11 @@ function splitDocument() {
 }
 
 const initSplitPatternList = () => {
-  documentApi.listSplitPattern(id, patternLoading).then((ok) => {
-    splitPatternList.value = ok.data
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .listSplitPattern(id, patternLoading)
+    .then((ok) => {
+      splitPatternList.value = ok.data
+    })
 }
 
 watch(radio, () => {
diff --git a/ui/src/views/document/upload/UploadComponent.vue b/ui/src/views/document/upload/UploadComponent.vue
index ba9acbd2d..ae291749e 100644
--- a/ui/src/views/document/upload/UploadComponent.vue
+++ b/ui/src/views/document/upload/UploadComponent.vue
@@ -196,24 +196,37 @@
 </template>
 <script setup lang="ts">
 import { ref, reactive, onUnmounted, onMounted, computed, watch, nextTick } from 'vue'
+import { useRoute } from 'vue-router'
 import type { UploadFiles } from 'element-plus'
 import { filesize, getImgUrl, isRightType } from '@/utils/utils'
 import { MsgError } from '@/utils/message'
-import documentApi from '@/api/knowledge/document'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import useStore from '@/stores'
 import { t } from '@/locales'
+
+const route = useRoute()
+
+const apiType = computed(() => {
+  if (route.path.includes('shared')) {
+    return 'systemShare'
+  } else if (route.path.includes('resource-management')) {
+    return 'systemManage'
+  } else {
+    return 'workspace'
+  }
+})
 const { knowledge } = useStore()
 const documentsFiles = computed(() => knowledge.documentsFiles)
 const documentsType = computed(() => knowledge.documentsType)
 const form = ref({
   fileType: 'txt',
-  fileList: [] as any
+  fileList: [] as any,
 })
 
 const rules = reactive({
   fileList: [
-    { required: true, message: t('views.document.upload.requiredMessage'), trigger: 'change' }
-  ]
+    { required: true, message: t('views.document.upload.requiredMessage'), trigger: 'change' },
+  ],
 })
 const FormRef = ref()
 
@@ -223,16 +236,16 @@ watch(form.value, (value) => {
 })
 
 function downloadTemplate(type: string) {
-  documentApi.exportQATemplate(
+  loadSharedApi({ type: 'document', systemType: apiType.value }).exportQATemplate(
     `${type}${t('views.document.upload.template')}.${type == 'csv' ? type : 'xlsx'}`,
-    type
+    type,
   )
 }
 
 function downloadTableTemplate(type: string) {
-  documentApi.exportTableTemplate(
+  loadSharedApi({ type: 'document', systemType: apiType.value }).exportTableTemplate(
     `${type}${t('views.document.upload.template')}.${type == 'csv' ? type : 'xlsx'}`,
-    type
+    type,
   )
 }
 
@@ -303,13 +316,13 @@ onMounted(() => {
 onUnmounted(() => {
   form.value = {
     fileType: 'txt',
-    fileList: []
+    fileList: [],
   }
 })
 
 defineExpose({
   validate,
-  form
+  form,
 })
 </script>
 <style scoped lang="scss">
@@ -323,5 +336,4 @@ defineExpose({
     color: var(--el-color-primary-light-5);
   }
 }
-
 </style>
diff --git a/ui/src/views/hit-test/index.vue b/ui/src/views/hit-test/index.vue
index 7348c7a60..461fabde3 100644
--- a/ui/src/views/hit-test/index.vue
+++ b/ui/src/views/hit-test/index.vue
@@ -230,7 +230,7 @@ const {
   meta: { activeMenu },
   params: { id },
 } = route as any
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -324,7 +324,7 @@ function getHitTestList() {
     ...formInline.value,
   }
   if (isDataset.value) {
-    loadSharedApi({ type: 'knowledge', systemType: type.value })
+    loadSharedApi({ type: 'knowledge', systemType: apiType.value })
       .putKnowledgeHitTest(id, obj, loading)
       .then((res: any) => {
         paragraphDetail.value = res.data && arraySort(res.data, 'comprehensive_score', true)
diff --git a/ui/src/views/knowledge/KnowledgeSetting.vue b/ui/src/views/knowledge/KnowledgeSetting.vue
index 07b1e63cd..f777eda67 100644
--- a/ui/src/views/knowledge/KnowledgeSetting.vue
+++ b/ui/src/views/knowledge/KnowledgeSetting.vue
@@ -22,7 +22,7 @@
                   shadow="never"
                   class="mb-8 w-full"
                   style="line-height: 22px"
-                  v-if="detail.type === 0"
+                  v-if="detail?.type === 0"
                 >
                   <div class="flex align-center">
                     <el-avatar class="mr-8 avatar-blue" shape="square" :size="32">
@@ -78,7 +78,7 @@
               <el-form-item
                 :label="$t('views.knowledge.form.source_url.label')"
                 prop="source_url"
-                v-if="detail.type === 1"
+                v-if="detail?.type === 1"
               >
                 <el-input
                   v-model="form.source_url"
@@ -88,7 +88,7 @@
               </el-form-item>
               <el-form-item
                 :label="$t('views.knowledge.form.selector.label')"
-                v-if="detail.type === 1"
+                v-if="detail?.type === 1"
               >
                 <el-input
                   v-model="form.selector"
@@ -96,7 +96,7 @@
                   @blur="form.selector = form.selector.trim()"
                 />
               </el-form-item>
-              <el-form-item label="App ID" prop="app_id" v-if="detail.type === 2">
+              <el-form-item label="App ID" prop="app_id" v-if="detail?.type === 2">
                 <el-input
                   v-model="form.app_id"
                   :placeholder="
@@ -104,7 +104,7 @@
                   "
                 />
               </el-form-item>
-              <el-form-item label="App Secret" prop="app_id" v-if="detail.type === 2">
+              <el-form-item label="App Secret" prop="app_id" v-if="detail?.type === 2">
                 <el-input
                   v-model="form.app_secret"
                   type="password"
@@ -114,7 +114,7 @@
                   "
                 />
               </el-form-item>
-              <el-form-item label="Folder Token" prop="folder_token" v-if="detail.type === 2">
+              <el-form-item label="Folder Token" prop="folder_token" v-if="detail?.type === 2">
                 <el-input
                   v-model="form.folder_token"
                   :placeholder="
@@ -123,7 +123,7 @@
                 />
               </el-form-item>
 
-              <div v-if="detail.type === 0">
+              <div v-if="detail?.type === 0">
                 <h4 class="title-decoration-1 mb-16">
                   {{ $t('common.otherSetting') }}
                 </h4>
@@ -173,7 +173,7 @@ const {
   params: { id },
 } = route as any
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -248,20 +248,20 @@ async function submit() {
           })
             .then(() => {
               if (detail.value.type === 2) {
-                loadSharedApi({ type: 'knowledge', systemType: type.value })
+                loadSharedApi({ type: 'knowledge', systemType: apiType.value })
                   .putLarkKnowledge(id, obj, loading)
                   .then(() => {
-                    loadSharedApi({ type: 'knowledge', systemType: type.value })
+                    loadSharedApi({ type: 'knowledge', systemType: apiType.value })
                       .putReEmbeddingKnowledge(id)
                       .then(() => {
                         MsgSuccess(t('common.saveSuccess'))
                       })
                   })
               } else {
-                loadSharedApi({ type: 'knowledge', systemType: type.value })
+                loadSharedApi({ type: 'knowledge', systemType: apiType.value })
                   .putKnowledge(id, obj, loading)
                   .then(() => {
-                    loadSharedApi({ type: 'knowledge', systemType: type.value })
+                    loadSharedApi({ type: 'knowledge', systemType: apiType.value })
                       .putReEmbeddingKnowledge(id)
                       .then(() => {
                         MsgSuccess(t('common.saveSuccess'))
@@ -272,17 +272,17 @@ async function submit() {
             .catch(() => {})
         } else {
           if (detail.value.type === 2) {
-            loadSharedApi({ type: 'knowledge', systemType: type.value })
+            loadSharedApi({ type: 'knowledge', systemType: apiType.value })
               .putLarkKnowledge(id, obj, loading)
               .then(() => {
-                loadSharedApi({ type: 'knowledge', systemType: type.value })
+                loadSharedApi({ type: 'knowledge', systemType: apiType.value })
                   .putReEmbeddingKnowledge(id)
                   .then(() => {
                     MsgSuccess(t('common.saveSuccess'))
                   })
               })
           } else {
-            loadSharedApi({ type: 'knowledge', systemType: type.value })
+            loadSharedApi({ type: 'knowledge', systemType: apiType.value })
               .putKnowledge(id, obj, loading)
               .then(() => {
                 MsgSuccess(t('common.saveSuccess'))
@@ -295,12 +295,12 @@ async function submit() {
 }
 
 function getDetail() {
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .getKnowledgeDetail(id, loading)
     .then((res: any) => {
       detail.value = res.data
       cloneModelId.value = res.data?.embedding_model_id
-      if (detail.value.type === '1' || detail.value.type === '2') {
+      if (detail.value?.type === 1 || detail.value?.type === 2) {
         form.value = res.data.meta
       }
     })
diff --git a/ui/src/views/knowledge/component/KnowledgeListContainer.vue b/ui/src/views/knowledge/component/KnowledgeListContainer.vue
index ebc49e583..177e6ae84 100644
--- a/ui/src/views/knowledge/component/KnowledgeListContainer.vue
+++ b/ui/src/views/knowledge/component/KnowledgeListContainer.vue
@@ -176,7 +176,9 @@
                 :description="item.desc"
                 class="cursor"
                 @click="
-                  router.push({ path: `/knowledge/${item.id}/${folder.currentFolder.id}/document` })
+                  router.push({
+                    path: `/knowledge/${item.id}/${folder.currentFolder.id || 'shared'}/document`,
+                  })
                 "
               >
                 <template #icon>
@@ -188,7 +190,7 @@
                   </el-text>
                 </template>
                 <template #tag>
-                  <el-tag v-if="isShared" type="info" class="info-tag">
+                  <el-tag v-if="isShared || isSystemShare" type="info" class="info-tag">
                     {{ t('views.system.shared.label') }}
                   </el-tag>
                 </template>
@@ -250,7 +252,7 @@
                             icon="Setting"
                             @click.stop="
                               router.push({
-                                path: `/knowledge/${item.id}/${folder.currentFolder.id}/setting`,
+                                path: `/knowledge/${item.id}/${folder.currentFolder.id || 'shared'}/setting`,
                               })
                             "
                             v-if="permissionPrecise.setting(item.id)"
@@ -295,7 +297,7 @@
 
   <component :is="currentCreateDialog" ref="CreateKnowledgeDialogRef" v-if="!isShared" />
   <CreateFolderDialog ref="CreateFolderDialogRef" v-if="!isShared" />
-  <GenerateRelatedDialog ref="GenerateRelatedDialogRef" />
+  <GenerateRelatedDialog ref="GenerateRelatedDialogRef" :apiType="apiType" />
   <SyncWebDialog ref="SyncWebDialogRef" v-if="!isShared" />
   <AuthorizedWorkspace
     ref="AuthorizedWorkspaceDialogRef"
@@ -328,7 +330,7 @@ const router = useRouter()
 const route = useRoute()
 const { folder, user, knowledge } = useStore()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -338,14 +340,14 @@ const type = computed(() => {
   }
 })
 const permissionPrecise = computed(() => {
-  return permissionMap['knowledge'][type.value]
+  return permissionMap['knowledge'][apiType.value]
 })
 
 const isShared = computed(() => {
   return folder.currentFolder.id === 'share'
 })
 const isSystemShare = computed(() => {
-  return type.value === 'systemShare'
+  return apiType.value === 'systemShare'
 })
 
 const loading = ref(false)
@@ -365,7 +367,6 @@ const paginationConfig = reactive({
 })
 
 const knowledgeList = ref<any[]>([])
-const currentFolder = ref<any>({})
 
 const CreateKnowledgeDialogRef = ref()
 const currentCreateDialog = shallowRef<any>(null)
@@ -393,7 +394,7 @@ function openCreateDialog(data: any) {
 }
 
 function reEmbeddingKnowledge(row: any) {
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .putReEmbeddingKnowledge(row.id)
     .then(() => {
       MsgSuccess(t('common.submitSuccess'))
@@ -418,14 +419,14 @@ function openGenerateDialog(row: any) {
 }
 
 const exportKnowledge = (item: any) => {
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .exportKnowledge(item.name, item.id, loading)
     .then(() => {
       MsgSuccess(t('common.exportSuccess'))
     })
 }
 const exportZipKnowledge = (item: any) => {
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .exportZipKnowledge(item.name, item.id, loading)
     .then(() => {
       MsgSuccess(t('common.exportSuccess'))
@@ -442,7 +443,7 @@ function deleteKnowledge(row: any) {
     },
   )
     .then(() => {
-      loadSharedApi({ type: 'knowledge', systemType: type.value })
+      loadSharedApi({ type: 'knowledge', systemType: apiType.value })
         .delKnowledge(row.id, loading)
         .then(() => {
           const list = cloneDeep(knowledge.knowledgeList)
@@ -483,7 +484,7 @@ function getList() {
     [search_type.value]: search_form.value[search_type.value],
   }
   knowledge
-    .asyncGetKnowledgeListPage(paginationConfig, isShared.value, type.value, params, loading)
+    .asyncGetKnowledgeListPage(paginationConfig, isShared.value, apiType.value, params, loading)
     .then((res: any) => {
       paginationConfig.total = res.data?.total
       knowledge.setKnowledgeList([...knowledgeList.value, ...res.data.records])
@@ -495,7 +496,10 @@ function clickFolder(item: any) {
 }
 
 onMounted(() => {
-  if (type.value !== 'workspace') {
+  if (apiType.value !== 'workspace') {
+    folder.setCurrentFolder({
+      id: '',
+    })
     getList()
   }
 })
diff --git a/ui/src/views/knowledge/component/SyncWebDialog.vue b/ui/src/views/knowledge/component/SyncWebDialog.vue
index fdd439241..bb968d135 100644
--- a/ui/src/views/knowledge/component/SyncWebDialog.vue
+++ b/ui/src/views/knowledge/component/SyncWebDialog.vue
@@ -42,7 +42,7 @@ import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import { t } from '@/locales'
 
 const route = useRoute()
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -70,7 +70,7 @@ const open = (id: string) => {
 }
 
 const submit = () => {
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .putSyncWebKnowledge(knowledgeId.value, method.value, loading)
     .then((res: any) => {
       emit('refresh', res.data)
diff --git a/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue b/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue
index 9dd4ca6c3..95980de37 100644
--- a/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-component/CreateKnowledgeDialog.vue
@@ -33,7 +33,7 @@ const emit = defineEmits(['refresh'])
 
 const router = useRouter()
 const route = useRoute()
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -65,11 +65,16 @@ const submitHandle = async () => {
       folder_id: currentFolder.value?.id,
       ...BaseFormRef.value.form,
     }
-    loadSharedApi({ type: 'knowledge', systemType: type.value })
+    loadSharedApi({ type: 'knowledge', systemType: apiType.value })
       .postKnowledge(obj, loading)
       .then((res: any) => {
         MsgSuccess(t('common.createSuccess'))
-        router.push({ path: `/knowledge/${res.data.id}/${currentFolder.value.id}/document` })
+        router.push({
+          path: `/knowledge/${res.data.id}/${currentFolder.value.id}/document`,
+          query: {
+            type: apiType.value,
+          },
+        })
         emit('refresh')
       })
   } else {
diff --git a/ui/src/views/knowledge/create-component/CreateLarkKnowledgeDialog.vue b/ui/src/views/knowledge/create-component/CreateLarkKnowledgeDialog.vue
index fc3da4548..10de6c881 100644
--- a/ui/src/views/knowledge/create-component/CreateLarkKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-component/CreateLarkKnowledgeDialog.vue
@@ -62,7 +62,7 @@ const emit = defineEmits(['refresh'])
 
 const router = useRouter()
 const route = useRoute()
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -157,11 +157,16 @@ const submitHandle = async () => {
           ...BaseFormRef.value.form,
           ...knowledgeForm.value,
         }
-        loadSharedApi({ type: 'knowledge', systemType: type.value })
+        loadSharedApi({ type: 'knowledge', systemType: apiType.value })
           .postLarkKnowledge(obj, loading)
           .then((res: any) => {
             MsgSuccess(t('common.createSuccess'))
-            router.push({ path: `/knowledge/${res.data.id}/${currentFolder.value.id}/document` })
+            router.push({
+              path: `/knowledge/${res.data.id}/${currentFolder.value.id}/document`,
+              query: {
+                type: apiType.value,
+              },
+            })
             emit('refresh')
           })
       } else {
diff --git a/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue b/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue
index 812f39c5f..a0110e9b8 100644
--- a/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-component/CreateWebKnowledgeDialog.vue
@@ -54,7 +54,7 @@ const emit = defineEmits(['refresh'])
 
 const router = useRouter()
 const route = useRoute()
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -111,11 +111,16 @@ const submitHandle = async () => {
           ...BaseFormRef.value.form,
           ...knowledgeForm.value,
         }
-        loadSharedApi({ type: 'knowledge', systemType: type.value })
+        loadSharedApi({ type: 'knowledge', systemType: apiType.value })
           .postWebKnowledge(obj, loading)
           .then((res: any) => {
             MsgSuccess(t('common.createSuccess'))
-            router.push({ path: `/knowledge/${res.data.id}/${currentFolder.value.id}/document` })
+            router.push({
+              path: `/knowledge/${res.data.id}/${currentFolder.value.id}/document`,
+              query: {
+                type: apiType.value,
+              },
+            })
             emit('refresh')
           })
       } else {
diff --git a/ui/src/views/knowledge/index.vue b/ui/src/views/knowledge/index.vue
index ef25903ce..034ca920c 100644
--- a/ui/src/views/knowledge/index.vue
+++ b/ui/src/views/knowledge/index.vue
@@ -30,8 +30,7 @@ import { useRoute } from 'vue-router'
 import useStore from '@/stores'
 const route = useRoute()
 const { folder, knowledge } = useStore()
-
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -41,7 +40,7 @@ const type = computed(() => {
   }
 })
 const permissionPrecise = computed(() => {
-  return permissionMap['knowledge'][type.value]
+  return permissionMap['knowledge'][apiType.value]
 })
 const loading = ref(false)
 
diff --git a/ui/src/views/model/component/CreateModelDialog.vue b/ui/src/views/model/component/CreateModelDialog.vue
index 8a0269a28..2dda19b16 100644
--- a/ui/src/views/model/component/CreateModelDialog.vue
+++ b/ui/src/views/model/component/CreateModelDialog.vue
@@ -252,7 +252,7 @@ import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -390,7 +390,7 @@ const submit = () => {
     ?.validate()
     .then(() => {
       if (providerValue.value) {
-        loadSharedApi({ type: 'model', systemType: type.value })
+        loadSharedApi({ type: 'model', systemType: apiType.value })
           .createModel(
             {
               ...base_form_data.value,
diff --git a/ui/src/views/model/component/EditModel.vue b/ui/src/views/model/component/EditModel.vue
index 6b93640fc..7caa6abe1 100644
--- a/ui/src/views/model/component/EditModel.vue
+++ b/ui/src/views/model/component/EditModel.vue
@@ -134,7 +134,7 @@ import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -222,7 +222,7 @@ const list_base_model = (model_type: any, change?: boolean) => {
 }
 const open = (provider: Provider, model: Model) => {
   modelValue.value = model
-  loadSharedApi({ type: 'model', systemType: type.value })
+  loadSharedApi({ type: 'model', systemType: apiType.value })
     .getModelById(model.id, formLoading)
     .then((ok: any) => {
       modelValue.value = ok.data
@@ -255,7 +255,7 @@ const close = () => {
 const submit = () => {
   dynamicsFormRef.value?.validate().then(() => {
     if (modelValue.value) {
-      loadSharedApi({ type: 'model', systemType: type.value })
+      loadSharedApi({ type: 'model', systemType: apiType.value })
         .updateModel(
           modelValue.value.id,
           {
diff --git a/ui/src/views/model/component/ModelCard.vue b/ui/src/views/model/component/ModelCard.vue
index faecc7b93..6509fe359 100644
--- a/ui/src/views/model/component/ModelCard.vue
+++ b/ui/src/views/model/component/ModelCard.vue
@@ -204,7 +204,7 @@ const deleteModel = () => {
 }
 
 const cancelDownload = () => {
-  loadSharedApi({ type: 'model', systemType: type.value })
+  loadSharedApi({ type: 'model', systemType: apiType.value })
     .pauseDownload(props.model.id)
     .then(() => {
       downModel.value = undefined
@@ -227,7 +227,7 @@ const icon = computed(() => {
 const initInterval = () => {
   interval = setInterval(() => {
     if (currentModel.value.status === 'DOWNLOAD') {
-      loadSharedApi({ type: 'model', systemType: type.value })
+      loadSharedApi({ type: 'model', systemType: apiType.value })
         .getModelMetaById(props.model.id)
         .then((ok: any) => {
           downModel.value = ok.data
diff --git a/ui/src/views/model/component/ParamSettingDialog.vue b/ui/src/views/model/component/ParamSettingDialog.vue
index d26289622..a78906a38 100644
--- a/ui/src/views/model/component/ParamSettingDialog.vue
+++ b/ui/src/views/model/component/ParamSettingDialog.vue
@@ -95,7 +95,7 @@ const props = defineProps<{
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -112,7 +112,7 @@ const AddParamRef = ref()
 const open = () => {
   dialogVisible.value = true
   loading.value = true
-  loadSharedApi({ type: 'model', systemType: type.value })
+  loadSharedApi({ type: 'model', systemType: apiType.value })
     .getModelParamsForm(props.model.id, loading)
     .then((ok: any) => {
       loading.value = false
@@ -164,7 +164,7 @@ function refresh(data: any, index: any) {
 }
 
 function submit() {
-  loadSharedApi({ type: 'model', systemType: type.value })
+  loadSharedApi({ type: 'model', systemType: apiType.value })
     .updateModelParamsForm(props.model.id, modelParamsForm.value, loading)
     .then((ok: any) => {
       MsgSuccess(t('views.model.tip.saveSuccessMessage'))
diff --git a/ui/src/views/model/index.vue b/ui/src/views/model/index.vue
index 0f7211605..ce9e68301 100644
--- a/ui/src/views/model/index.vue
+++ b/ui/src/views/model/index.vue
@@ -131,7 +131,7 @@ import permissionMap from '@/permission'
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -141,10 +141,10 @@ const type = computed(() => {
   }
 })
 const permissionPrecise = computed(() => {
-  return permissionMap['model'][type.value]
+  return permissionMap['model'][apiType.value]
 })
 const isSystemShare = computed(() => {
-  return type.value === 'systemShare'
+  return apiType.value === 'systemShare'
 })
 const commonList1 = ref()
 const commonList2 = ref()
@@ -202,7 +202,7 @@ const openCreateModel = (provider?: Provider, model_type?: string) => {
 
 const list_model = () => {
   const params = active_provider.value?.provider ? { provider: active_provider.value.provider } : {}
-  loadSharedApi({ type: 'model', isShared: isShared.value, systemType: type.value })
+  loadSharedApi({ type: 'model', isShared: isShared.value, systemType: apiType.value })
     .getModel({ ...model_search_form.value, ...params }, list_model_loading)
     .then((ok: any) => {
       model_list.value = ok.data
diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
index 3e45be8c0..14f40b797 100644
--- a/ui/src/views/paragraph/component/ParagraphCard.vue
+++ b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -68,11 +68,11 @@
 
     <ParagraphDialog ref="ParagraphDialogRef" :title="title" @refresh="refresh" />
     <SelectDocumentDialog ref="SelectDocumentDialogRef" @refresh="refreshMigrateParagraph" />
-    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" />
+    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" :apiType="apiType" />
   </el-card>
 </template>
 <script setup lang="ts">
-import { ref, useSlots } from 'vue'
+import { ref, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { t } from '@/locales'
 import useStore from '@/stores'
@@ -80,17 +80,21 @@ import GenerateRelatedDialog from '@/components/generate-related-dialog/index.vu
 import ParagraphDialog from '@/views/paragraph/component/ParagraphDialog.vue'
 import SelectDocumentDialog from '@/views/paragraph/component/SelectDocumentDialog.vue'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
-
+const props = defineProps<{
+  data: any
+  disabled?: boolean
+}>()
 const { paragraph } = useStore()
 
 const route = useRoute()
 const {
   params: { id, documentId },
+  query: { type },
 } = route as any
-const props = defineProps<{
-  data: any
-  disabled?: boolean
-}>()
+
+const apiType = computed(() => {
+  return type as 'systemShare' | 'workspace' | 'systemManage'
+})
 
 const emit = defineEmits(['changeState', 'deleteParagraph', 'refresh', 'refreshMigrateParagraph'])
 const loading = ref(false)
diff --git a/ui/src/views/paragraph/component/SelectDocumentDialog.vue b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
index a85c7c386..2d4071225 100644
--- a/ui/src/views/paragraph/component/SelectDocumentDialog.vue
+++ b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
@@ -90,7 +90,7 @@ const {
   params: { id, documentId }, // id为knowledgeID
 } = route as any
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -147,7 +147,7 @@ const defaultProps = {
 const loadTree = (node: any, resolve: any) => {
   if (node.isLeaf) return resolve([])
   const folder_id = node.level === 0 ? '' : node.data.id
-  loadSharedApi({ type: 'knowledge', systemType: type.value })
+  loadSharedApi({ type: 'knowledge', systemType: apiType.value })
     .getKnowledgeList(folder_id, optionLoading)
     .then((res: any) => {
       resolve(res.data)
diff --git a/ui/src/views/paragraph/index.vue b/ui/src/views/paragraph/index.vue
index 1d2b3fe81..ab9311a35 100644
--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@@ -138,30 +138,31 @@
     </el-card>
     <ParagraphDialog ref="ParagraphDialogRef" :title="title" @refresh="refresh" />
     <SelectDocumentDialog ref="SelectDocumentDialogRef" @refresh="refreshMigrateParagraph" />
-    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" />
+    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" :apiType="apiType" />
   </div>
 </template>
 <script setup lang="ts">
 import { reactive, ref, onMounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
-import { cloneDeep } from 'lodash'
-import documentApi from '@/api/knowledge/document'
-import paragraphApi from '@/api/knowledge/paragraph'
 import ParagraphDialog from './component/ParagraphDialog.vue'
 import ParagraphCard from './component/ParagraphCard.vue'
 import SelectDocumentDialog from './component/SelectDocumentDialog.vue'
 import GenerateRelatedDialog from '@/components/generate-related-dialog/index.vue'
 import { VueDraggable } from 'vue-draggable-plus'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 import useStore from '@/stores'
 import { t } from '@/locales'
-import disable$ from 'dingtalk-jsapi/api/ui/pullToRefresh/disable'
-const { paragraph } = useStore()
 const route = useRoute()
 const {
   params: { id, documentId },
+  query: { type },
 } = route as any
 
+const apiType = computed(() => {
+  return type as 'systemShare' | 'workspace' | 'systemManage'
+})
+
 const SelectDocumentDialogRef = ref()
 const ParagraphDialogRef = ref()
 const loading = ref(false)
@@ -224,7 +225,7 @@ function deleteMulParagraph() {
     },
   )
     .then(() => {
-      paragraphApi
+      loadSharedApi({ type: 'paragraph', systemType: apiType.value })
         .putMulParagraph(id, documentId, multipleSelection.value, changeStateloading)
         .then(() => {
           paragraphDetail.value = paragraphDetail.value.filter(
@@ -242,14 +243,6 @@ function batchSelectedHandle(bool: boolean) {
   multipleSelection.value = []
 }
 
-function selectHandle(id: string) {
-  if (multipleSelection.value.includes(id)) {
-    multipleSelection.value.splice(multipleSelection.value.indexOf(id), 1)
-  } else {
-    multipleSelection.value.push(id)
-  }
-}
-
 function searchHandle() {
   paginationConfig.current_page = 1
   paragraphDetail.value = []
@@ -262,13 +255,15 @@ function addParagraph() {
 }
 
 function getDetail() {
-  documentApi.getDocumentDetail(id, documentId, loading).then((res) => {
-    documentDetail.value = res.data
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .getDocumentDetail(id, documentId, loading)
+    .then((res: any) => {
+      documentDetail.value = res.data
+    })
 }
 
 function getParagraphList() {
-  paragraphApi
+  loadSharedApi({ type: 'paragraph', systemType: apiType.value })
     .getParagraphPage(
       id,
       documentId,
@@ -276,7 +271,7 @@ function getParagraphList() {
       search.value && { [searchType.value]: search.value },
       loading,
     )
-    .then((res) => {
+    .then((res: any) => {
       paragraphDetail.value = [...paragraphDetail.value, ...res.data.records]
       paginationConfig.total = res.data.total
     })
@@ -314,7 +309,12 @@ function onEnd(event?: any) {
     paragraph_id: paragraphDetail.value[event.newIndex].id,
     new_position: paragraphDetail.value[event.newIndex].position,
   }
-  paragraphApi.putAdjustPosition(id, documentId, obj, loading)
+  loadSharedApi({ type: 'paragraph', systemType: apiType.value }).putAdjustPosition(
+    id,
+    documentId,
+    obj,
+    loading,
+  )
 }
 
 onMounted(() => {
diff --git a/ui/src/views/problem/index.vue b/ui/src/views/problem/index.vue
index 051b38a01..a75ebc791 100644
--- a/ui/src/views/problem/index.vue
+++ b/ui/src/views/problem/index.vue
@@ -7,17 +7,17 @@
           <div class="flex-between">
             <div>
               <el-button type="primary" @click="createProblem"
-                v-if="permissionPrecise.problem_create(id)"  
+                v-if="permissionPrecise.problem_create(id)"
               >
                 {{ $t('views.problem.createProblem') }}
               </el-button>
               <el-button @click="relateProblem()" :disabled="multipleSelection.length === 0"
-                v-if="permissionPrecise.problem_relate(id)"  
+                v-if="permissionPrecise.problem_relate(id)"
               >
                 {{ $t('views.problem.relateParagraph.title') }}
               </el-button>
               <el-button @click="deleteMulDocument" :disabled="multipleSelection.length === 0"
-                v-if="permissionPrecise.problem_delete(id)"  
+                v-if="permissionPrecise.problem_delete(id)"
               >
                 {{ $t('views.problem.setting.batchDelete') }}
               </el-button>
@@ -160,9 +160,12 @@ import permissionMap from '@/permission'
 
 
 const route = useRoute()
+const {
+  params: { id }, // 知识库id
+} = route as any
 const { folder, user } = useStore()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -172,11 +175,9 @@ const type = computed(() => {
   }
 })
 const permissionPrecise = computed(() => {
-  return permissionMap['knowledge'][type.value]
+  return permissionMap['knowledge'][apiType.value]
 })
-const {
-  params: { id }, // 知识库id
-} = route as any
+
 
 const { problem } = useStore()
 
diff --git a/ui/src/views/resource-management/document/upload/UploadComponent.vue b/ui/src/views/resource-management/document/upload/UploadComponent.vue
index 12534c14c..818e5ae75 100644
--- a/ui/src/views/resource-management/document/upload/UploadComponent.vue
+++ b/ui/src/views/resource-management/document/upload/UploadComponent.vue
@@ -202,6 +202,7 @@ import { MsgError } from '@/utils/message'
 import documentApi from '@/api/resource-management/document'
 import useStore from '@/stores/modules-resource-management'
 import { t } from '@/locales'
+
 const { knowledge } = useStore()
 const documentsFiles = computed(() => knowledge.documentsFiles)
 const documentsType = computed(() => knowledge.documentsType)
diff --git a/ui/src/views/resource-management/paragraph/index.vue b/ui/src/views/resource-management/paragraph/index.vue
index d1f564a51..442f961ee 100644
--- a/ui/src/views/resource-management/paragraph/index.vue
+++ b/ui/src/views/resource-management/paragraph/index.vue
@@ -134,14 +134,13 @@
     </el-card>
     <ParagraphDialog ref="ParagraphDialogRef" :title="title" @refresh="refresh" />
     <SelectDocumentDialog ref="SelectDocumentDialogRef" @refresh="refreshMigrateParagraph" />
-    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" />
+    <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="refresh" :apiType="apiType" />
   </div>
 </template>
 <script setup lang="ts">
 import { reactive, ref, onMounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { cloneDeep } from 'lodash'
-import documentApi from '@/api/resource-management/document'
 import paragraphApi from '@/api/resource-management/paragraph'
 import ParagraphDialog from './component/ParagraphDialog.vue'
 import ParagraphCard from './component/ParagraphCard.vue'
@@ -149,14 +148,18 @@ import SelectDocumentDialog from './component/SelectDocumentDialog.vue'
 import GenerateRelatedDialog from '@/components/generate-related-dialog/index.vue'
 import { VueDraggable } from 'vue-draggable-plus'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
-import useStore from '@/stores/modules-resource-management'
 import { t } from '@/locales'
-const { paragraph } = useStore()
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 const route = useRoute()
 const {
   params: { id, documentId },
+  query: { type },
 } = route as any
 
+const apiType = computed(() => {
+  return type as 'systemShare' | 'workspace' | 'systemManage'
+})
+
 const SelectDocumentDialogRef = ref()
 const ParagraphDialogRef = ref()
 const loading = ref(false)
@@ -254,9 +257,11 @@ function addParagraph() {
 }
 
 function getDetail() {
-  documentApi.getDocumentDetail(id, documentId, loading).then((res) => {
-    documentDetail.value = res.data
-  })
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .getDocumentDetail(id, documentId, loading)
+    .then((res) => {
+      documentDetail.value = res.data
+    })
 }
 
 function getParagraphList() {
diff --git a/ui/src/views/tool/ToolDebugDrawer.vue b/ui/src/views/tool/ToolDebugDrawer.vue
index ca8a23a1b..0d4475147 100644
--- a/ui/src/views/tool/ToolDebugDrawer.vue
+++ b/ui/src/views/tool/ToolDebugDrawer.vue
@@ -117,7 +117,7 @@ import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -160,7 +160,7 @@ watch(debugVisible, (bool) => {
 const submit = async (formEl: FormInstance | undefined) => {
   const validate = formEl ? formEl.validate() : Promise.resolve()
   Promise.all([dynamicsFormRef.value?.validate(), validate]).then(() => {
-    loadSharedApi({ type: 'tool', systemType: type.value })
+    loadSharedApi({ type: 'tool', systemType: apiType.value })
       .postToolDebug(form.value, loading)
       .then((res: any) => {
         if (res.code === 500) {
diff --git a/ui/src/views/tool/ToolFormDrawer.vue b/ui/src/views/tool/ToolFormDrawer.vue
index 7c2beec60..26eb85d92 100644
--- a/ui/src/views/tool/ToolFormDrawer.vue
+++ b/ui/src/views/tool/ToolFormDrawer.vue
@@ -264,10 +264,13 @@ import useStore from '@/stores'
 import permissionMap from '@/permission'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
+const props = defineProps({
+  title: String,
+})
 const route = useRoute()
 const { folder, user } = useStore()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -277,12 +280,10 @@ const type = computed(() => {
   }
 })
 const permissionPrecise = computed(() => {
-  return permissionMap['tool'][type.value]
+  return permissionMap['tool'][apiType.value]
 })
 
-const props = defineProps({
-  title: String,
-})
+
 
 const emit = defineEmits(['refresh'])
 const FieldFormDialogRef = ref()
@@ -424,7 +425,7 @@ const submit = async (formEl: FormInstance | undefined) => {
   await formEl.validate((valid: any) => {
     if (valid) {
       if (isEdit.value) {
-        loadSharedApi({ type: 'tool', systemType: type.value })
+        loadSharedApi({ type: 'tool', systemType: apiType.value })
           .putTool(form.value?.id as string, form.value, loading)
           .then((res: any) => {
             MsgSuccess(t('common.editSuccess'))
@@ -436,7 +437,7 @@ const submit = async (formEl: FormInstance | undefined) => {
           folder_id: folder.currentFolder?.id,
           ...form.value,
         }
-        loadSharedApi({ type: 'tool', systemType: type.value })
+        loadSharedApi({ type: 'tool', systemType: apiType.value })
           .postTool(obj, loading)
           .then((res: any) => {
             MsgSuccess(t('common.createSuccess'))
diff --git a/ui/src/views/tool/component/InitParamDrawer.vue b/ui/src/views/tool/component/InitParamDrawer.vue
index c1e055294..26da2ef55 100644
--- a/ui/src/views/tool/component/InitParamDrawer.vue
+++ b/ui/src/views/tool/component/InitParamDrawer.vue
@@ -39,7 +39,7 @@ const emit = defineEmits(['refresh'])
 
 const route = useRoute()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -68,7 +68,7 @@ watch(debugVisible, (bool) => {
 
 const submit = async () => {
   dynamicsFormRef.value.validate().then(() => {
-    loadSharedApi({ type: 'tool', systemType: type.value })
+    loadSharedApi({ type: 'tool', systemType: apiType.value })
       .putTool(form.value?.id as string, form.value, loading)
       .then((res: any) => {
         MsgSuccess(t('common.editSuccess'))
diff --git a/ui/src/views/tool/component/ToolListContainer.vue b/ui/src/views/tool/component/ToolListContainer.vue
index 08b7547ea..f9ea706e1 100644
--- a/ui/src/views/tool/component/ToolListContainer.vue
+++ b/ui/src/views/tool/component/ToolListContainer.vue
@@ -313,7 +313,7 @@ import { t } from '@/locales'
 const route = useRoute()
 const { folder, user, tool } = useStore()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -327,11 +327,11 @@ const isShared = computed(() => {
   return folder.currentFolder.id === 'share'
 })
 const isSystemShare = computed(() => {
-  return type.value === 'systemShare'
+  return apiType.value === 'systemShare'
 })
 
 const permissionPrecise = computed(() => {
-  return permissionMap['tool'][type.value]
+  return permissionMap['tool'][apiType.value]
 })
 
 const InitParamDrawerRef = ref()
@@ -370,7 +370,7 @@ function openCreateDialog(data?: any) {
   }
   ToolDrawertitle.value = data ? t('views.tool.editTool') : t('views.tool.createTool')
   if (data) {
-    loadSharedApi({ type: 'tool', systemType: type.value })
+    loadSharedApi({ type: 'tool', systemType: apiType.value })
       .getToolById(data?.id, loading)
       .then((res: any) => {
         ToolFormDrawerRef.value.open(res.data)
@@ -393,7 +393,7 @@ async function changeState(row: any) {
       const obj = {
         is_active: !row.is_active,
       }
-      loadSharedApi({ type: 'tool', systemType: type.value })
+      loadSharedApi({ type: 'tool', systemType: apiType.value })
         .putTool(row.id, obj, changeStateloading)
         .then(() => {
           const list = cloneDeep(tool.toolList)
@@ -407,7 +407,7 @@ async function changeState(row: any) {
         })
     })
   } else {
-    const res = await loadSharedApi({ type: 'tool', systemType: type.value }).getToolById(
+    const res = await loadSharedApi({ type: 'tool', systemType: apiType.value }).getToolById(
       row.id,
       changeStateloading,
     )
@@ -424,7 +424,7 @@ async function changeState(row: any) {
     const obj = {
       is_active: !row.is_active,
     }
-    loadSharedApi({ type: 'tool', systemType: type.value })
+    loadSharedApi({ type: 'tool', systemType: apiType.value })
       .putTool(row.id, obj, changeStateloading)
       .then(() => {
         const list = cloneDeep(tool.toolList)
@@ -462,7 +462,7 @@ function copyTool(row: any) {
 }
 
 function exportTool(row: any) {
-  loadSharedApi({ type: 'tool', systemType: type.value })
+  loadSharedApi({ type: 'tool', systemType: apiType.value })
     .exportTool(row.id, row.name, loading)
     .catch((e: any) => {
       if (e.response.status !== 403) {
@@ -484,7 +484,7 @@ function deleteTool(row: any) {
     },
   )
     .then(() => {
-      loadSharedApi({ type: 'tool', systemType: type.value })
+      loadSharedApi({ type: 'tool', systemType: apiType.value })
         .delTool(row.id, loading)
         .then(() => {
           const list = cloneDeep(tool.toolList)
@@ -498,7 +498,7 @@ function deleteTool(row: any) {
 }
 
 function configInitParams(item: any) {
-  loadSharedApi({ type: 'tool', systemType: type.value })
+  loadSharedApi({ type: 'tool', systemType: apiType.value })
     .getToolById(item?.id, changeStateloading)
     .then((res: any) => {
       InitParamDrawerRef.value.open(res.data)
@@ -517,7 +517,7 @@ function addInternalFunction(data?: any, isEdit?: boolean) {
 
 function confirmAddInternalFunction(data?: any, isEdit?: boolean) {
   if (isEdit) {
-    loadSharedApi({ type: 'tool', systemType: type.value })
+    loadSharedApi({ type: 'tool', systemType: apiType.value })
       .putTool(data?.id as string, { name: data.name }, loading)
       .then((res: any) => {
         MsgSuccess(t('common.saveSuccess'))
@@ -531,7 +531,7 @@ function importTool(file: any) {
   const formData = new FormData()
   formData.append('file', file.raw, file.name)
   elUploadRef.value.clearFiles()
-  loadSharedApi({ type: 'tool', systemType: type.value })
+  loadSharedApi({ type: 'tool', systemType: apiType.value })
     .postImportTool(formData, loading)
     .then(async (res: any) => {
       if (res?.data) {
@@ -572,7 +572,7 @@ function getList() {
     [search_type.value]: search_form.value[search_type.value],
   }
   tool
-    .asyncGetToolListPage(paginationConfig, isShared.value, type.value, params, loading)
+    .asyncGetToolListPage(paginationConfig, isShared.value, apiType.value, params, loading)
     .then((res: any) => {
       paginationConfig.total = res.data?.total
       tool.setToolList([...tool.toolList, ...res.data?.records])
@@ -584,7 +584,7 @@ function clickFolder(item: any) {
 }
 
 onMounted(() => {
-  if (type.value !== 'workspace') {
+  if (apiType.value !== 'workspace') {
     getList()
   }
 })
diff --git a/ui/src/views/tool/index.vue b/ui/src/views/tool/index.vue
index cc2c77880..02faf6a0a 100644
--- a/ui/src/views/tool/index.vue
+++ b/ui/src/views/tool/index.vue
@@ -31,7 +31,7 @@ import useStore from '@/stores'
 const route = useRoute()
 const { folder, tool } = useStore()
 
-const type = computed(() => {
+const apiType = computed(() => {
   if (route.path.includes('shared')) {
     return 'systemShare'
   } else if (route.path.includes('resource-management')) {
@@ -41,7 +41,7 @@ const type = computed(() => {
   }
 })
 const permissionPrecise = computed(() => {
-  return permissionMap['tool'][type.value]
+  return permissionMap['tool'][apiType.value]
 })
 
 const loading = ref(false)