diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 30df5128468..1fc36ad9177 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -501,6 +501,16 @@ System 接口由资源管理服务提供；本地开源后端没有对应扩展
 
 ### 知识库文档
 
+`workspace/knowledge/document.ts` 同时维护文档启停、删除、召回设置、向量化、分词索引、
+任务取消、生成问题、迁移、同步、导出、原文件下载/替换及标签关联。
+批量任务沿用 v2 的 `id_list` / `state_list`；生成问题使用 `document_id_list`，
+添加标签使用 `document_ids` / `tag_ids`，迁移和批量导出直接提交文档 ID 数组。
+向量化、生成问题默认排除成功分段，也可选择全部分段。任务类型使用 `DOCUMENT_TASK_TYPE`。
+文档设置的共享载荷为 `DocumentSettingPayload`，生成问题使用 `DocumentGeneratePayload`；
+单项设置通过 `meta` 保留来源数据，批量设置将 `allow_download` 放在顶层。
+飞书同步沿用 v2 扩展接口 `/knowledge/lark/<knowledgeId>/_batch`，需部署环境支持。
+共享文档 API 继续仅提供查询，不增加写入方法。
+
 `workspace/knowledge/document.ts` 维护文档分页查询，路径为
 `/workspace/<workspaceId>/knowledge/<knowledgeId>/document/<currentPage>/<pageSize>`。
 `putQuickCreateDocuments(knowledgeId, documents)` 通过 PUT `document/batch_create` 创建空白文档，
diff --git a/ui/src/api/admin/workspace/knowledge/document.ts b/ui/src/api/admin/workspace/knowledge/document.ts
index 496b3339baf..e3499a10d21 100644
--- a/ui/src/api/admin/workspace/knowledge/document.ts
+++ b/ui/src/api/admin/workspace/knowledge/document.ts
@@ -1,6 +1,15 @@
-import { get, put } from '../../core/request'
+import { del, downloadRequest, get, getExportFile, post, put } from '../../core/request'
 import type { ParamsPage, ResponsePage } from '../../core/types'
-import type { Dict, DocumentItem, DocumentQuickCreatePayload } from '@/api/types'
+import type {
+  Dict,
+  DocumentGeneratePayload,
+  DocumentItem,
+  DocumentQuickCreatePayload,
+  DocumentSettingPayload,
+  DocumentTaskState,
+  DocumentTaskType,
+  KnowledgeTagGroup,
+} from '@/api/types'
 import { getWorkspaceId } from '@/utils/resource-context'
 
 const getPrefix = (knowledgeId: string) => `/workspace/${getWorkspaceId()}/knowledge/${knowledgeId}/document`
@@ -13,4 +22,97 @@ const getDocumentPage = (knowledgeId: string, page: ParamsPage, query?: Dict<unk
 const putQuickCreateDocuments = (knowledgeId: string, documents: DocumentQuickCreatePayload[]) =>
   put<DocumentQuickCreatePayload[], DocumentItem[]>(`${getPrefix(knowledgeId)}/batch_create`, documents)
 
-export default { getDocumentPage, putQuickCreateDocuments }
+/** 更新文档启用状态。 */
+const putDocumentActive = (knowledgeId: string, documentId: string, isActive: boolean) =>
+  put(`${getPrefix(knowledgeId)}/${documentId}`, { is_active: isActive })
+
+/** 删除单个文档。 */
+const deleteDocument = (knowledgeId: string, documentId: string) => del(`${getPrefix(knowledgeId)}/${documentId}`)
+
+/** 批量删除文档。 */
+const putBatchDeleteDocuments = (knowledgeId: string, documentIds: string[]) =>
+  put(`${getPrefix(knowledgeId)}/batch_delete`, { id_list: documentIds })
+
+/** 批量提交文档向量化。 */
+const putBatchRefreshDocuments = (knowledgeId: string, documentIds: string[], stateList: DocumentTaskState[]) =>
+  put(`${getPrefix(knowledgeId)}/batch_refresh`, { id_list: documentIds, state_list: stateList })
+
+/** 批量提交文档分词索引。 */
+const putBatchTokenizeDocuments = (knowledgeId: string, documentIds: string[], stateList: DocumentTaskState[]) =>
+  put(`${getPrefix(knowledgeId)}/batch_tokenize`, { id_list: documentIds, state_list: stateList })
+
+/** 批量取消指定文档任务。 */
+const putBatchCancelDocumentTask = (knowledgeId: string, documentIds: string[], taskType: DocumentTaskType) =>
+  put(`${getPrefix(knowledgeId)}/batch_cancel_task`, { id_list: documentIds, type: taskType })
+
+/** 保存单个文档的召回及来源设置。 */
+const putDocumentSetting = (knowledgeId: string, documentId: string, data: DocumentSettingPayload) =>
+  put(`${getPrefix(knowledgeId)}/${documentId}`, data)
+
+/** 批量保存文档召回设置。 */
+const putBatchDocumentSetting = (knowledgeId: string, documentIds: string[], data: DocumentSettingPayload) =>
+  put(`${getPrefix(knowledgeId)}/batch_hit_handling`, { ...data, id_list: documentIds })
+
+/** 根据文档内容生成关联问题。 */
+const putGenerateDocumentQuestions = (knowledgeId: string, data: DocumentGeneratePayload) =>
+  put(`${getPrefix(knowledgeId)}/batch_generate_related`, data)
+
+/** 将选中文档迁移至目标知识库。 */
+const putMigrateDocuments = (knowledgeId: string, targetKnowledgeId: string, documentIds: string[]) =>
+  put(`${getPrefix(knowledgeId)}/migrate/${targetKnowledgeId}`, documentIds)
+
+/** 同步 Web 文档。 */
+const putSyncDocuments = (knowledgeId: string, documentIds: string[]) => put(`${getPrefix(knowledgeId)}/batch_sync`, { id_list: documentIds })
+
+/** 同步飞书文档。 */
+const putSyncLarkDocuments = (knowledgeId: string, documentIds: string[]) =>
+  put(`/workspace/${getWorkspaceId()}/knowledge/lark/${knowledgeId}/_batch`, { id_list: documentIds })
+
+/** 导出所选文档为 Excel 或 ZIP。 */
+const exportDocuments = (knowledgeId: string, documentIds: string[], format: 'excel' | 'zip') =>
+  downloadRequest(`${getPrefix(knowledgeId)}/${format === 'excel' ? 'batch_export' : 'batch_export_zip'}`, 'POST', documentIds)
+
+/** 下载文档原文件。 */
+const downloadDocumentSource = (knowledgeId: string, document: DocumentItem) =>
+  getExportFile(document.name, `${getPrefix(knowledgeId)}/${document.id}/download_source_file`)
+
+/** 替换文档原文件。 */
+const postReplaceDocumentSource = (knowledgeId: string, documentId: string, file: File) => {
+  const data = new FormData()
+  data.append('file', file)
+  return post(`${getPrefix(knowledgeId)}/${documentId}/replace_source_file`, data)
+}
+
+/** 查询文档当前标签。 */
+const getDocumentTags = (knowledgeId: string, documentId: string) => get<KnowledgeTagGroup[]>(`${getPrefix(knowledgeId)}/${documentId}/tags`)
+
+/** 批量添加文档标签。 */
+const postAddDocumentTags = (knowledgeId: string, documentIds: string[], tagIds: string[]) =>
+  post(`${getPrefix(knowledgeId)}/batch_add_tag`, { document_ids: documentIds, tag_ids: tagIds })
+
+/** 移除文档标签关联。 */
+const putDeleteDocumentTags = (knowledgeId: string, documentId: string, tagIds: string[]) =>
+  put(`${getPrefix(knowledgeId)}/${documentId}/tags/batch_delete`, tagIds)
+
+export default {
+  getDocumentPage,
+  putQuickCreateDocuments,
+  putDocumentActive,
+  deleteDocument,
+  putBatchDeleteDocuments,
+  putBatchRefreshDocuments,
+  putBatchTokenizeDocuments,
+  putBatchCancelDocumentTask,
+  putDocumentSetting,
+  putBatchDocumentSetting,
+  putGenerateDocumentQuestions,
+  putMigrateDocuments,
+  putSyncDocuments,
+  putSyncLarkDocuments,
+  exportDocuments,
+  downloadDocumentSource,
+  postReplaceDocumentSource,
+  getDocumentTags,
+  postAddDocumentTags,
+  putDeleteDocumentTags,
+}
diff --git a/ui/src/api/types/document.ts b/ui/src/api/types/document.ts
index 81fc4308c57..60b561a01f9 100644
--- a/ui/src/api/types/document.ts
+++ b/ui/src/api/types/document.ts
@@ -9,6 +9,23 @@ export interface DocumentQuickCreatePayload {
   name: string
 }
 
+/** 文档召回及来源设置。 */
+export interface DocumentSettingPayload {
+  hit_handling_method: DocumentHitHandling
+  directly_return_similarity: number
+  meta?: Record<string, unknown>
+  allow_download?: boolean
+}
+
+/** 根据文档分段生成问题。 */
+export interface DocumentGeneratePayload {
+  document_id_list: string[]
+  model_id: string
+  model_params_setting: Record<string, unknown>
+  prompt: string
+  state_list: DocumentTaskState[]
+}
+
 /** 文件各任务的分段计数及状态发生时间。 */
 export interface DocumentStatusMeta {
   aggs?: { status: string | null; count: number }[]
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index b1b98e89f64..c651badf755 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -666,14 +666,25 @@ Workspace API 内部通过 `getWorkspaceId()` 读取当前路由工作空间。
 设置页中。当前设置页仅接入 Workspace 路由和 API，暂不增加前端权限判断。
 更换向量模型需确认，先保存再重新向量化，整条流程禁止重复提交；向量化失败时保留原模型比较基准，
 允许再次保存重试。Web、飞书设置保留未编辑的 `meta` 字段，上传限制使用详情顶层值。
-`knowledge-detail/document/index.vue` 仅维护文档列表查询，使用 `MkComplexSearch`、`MkTable`。
+`knowledge-detail/document/index.vue` 维护文档列表查询、多选和文档操作，使用 `MkComplexSearch`、`MkTable`。
 搜索只提供名称 `name` 和创建者 `create_user`；创建者通过 Workspace `CommonApi.getAllUsers`
 加载，支持按 `nick_name` 远程搜索。列表使用 `documentData`、`paginationConfig`、`documentQuery`，
 查询方法为 `loadDocuments`，搜索处理为 `handleSearchChange`，搜索变化后回到第一页。
 文档页通过 `onMounted` 加载文档列表，创建者选项在展开下拉或输入关键词时通过 `remoteMethod`
 按需加载，不在进入页面时预加载；其他列表页的同类创建者筛选遵循相同方式。不额外监听路由重置状态。切换工作空间
 整页加载并返回知识库列表；当前知识库与共享资源入口均从其他页面进入，挂载时初始化筛选和分页。
-无轮询、排序入口、选择列和文档操作。
+无轮询和排序入口。非共享文档显示选择列，按文档 ID 跨页保留选择，搜索或筛选变化时清空；
+选中后通过 `footer-batch-actions` 展示批量操作。右侧固定操作列提供启停、向量化、分词索引和更多菜单，
+运行或排队中的任务切换为取消入口。Web、飞书提供同步，普通与工作流文档提供原文下载和替换。
+单项与批量操作共用页面请求状态，删除和同步先确认，成功后清空选择并刷新，导出和下载保留选择。
+文档操作入口与专属弹窗合并放在 `document/components/`：`ButtonDocumentTask` 负责向量化分段范围与生成问题配置，
+`ButtonDocumentSetting` 负责召回及来源设置，`ButtonMigrateDocument` 选择目标知识库，
+`ButtonDocumentTags` 添加已有标签和移除文档标签关联。组件接收知识库 ID、文档 ID 或文档数组及禁用状态，
+点击时快照本次操作对象，内部管理弹窗和请求，成功后通过 `refresh` 通知页面刷新，失败保留输入。
+任务组件通过 `action` 区分向量化与生成问题，通过 `batch` 切换批量按钮；行内入口使用 `display` 区分菜单与图标按钮。
+设置组件通过 `batch` 区分单项与批量，标签组件通过 `manageTags` 区分标签管理与批量添加。
+页面不再维护这些弹窗 Ref 和打开方法；承载入口的 `MkTableMoreDropdown` 使用 `persistent`，避免菜单收起时卸载弹窗。
+不新增前端权限判断；共享文档不展示选择列及操作入口。
 文档分页接口维护在 `workspace/knowledge/document.ts`，页面管理 loading。文件状态表头使用
 `MkDropdown` 单选筛选全部、成功、失败、索引中、分词索引中、排队中和生成中；查询组合
 `status` 与可选的 `task_type`，切换选项清除旧任务类型并回到第一页，保留名称和创建者条件。
diff --git a/ui/src/views/home/index.vue b/ui/src/views/home/index.vue
index b714e0c570b..fb515c54af6 100644
--- a/ui/src/views/home/index.vue
+++ b/ui/src/views/home/index.vue
@@ -41,54 +41,52 @@ watch(
 )
 </script>
 <template>
-  <el-scrollbar class="h-full">
-    <div class="px-6 py-4">
-      <!-- 快捷创建 -->
-      <h4 class="mb-4">快捷创建</h4>
-      <HomeQuickCreate :workspace-id="workspaceId" />
-      <!-- 资源 -->
-      <h4 class="mb-4 mt-4">资源</h4>
-      <HomeResourceOverview :api="HomepageApi" :workspace-id="workspaceId" />
-      <!-- 监控 -->
-      <HomeStatistics class="mt-4" :workspace-id="workspaceId" :application-id="applicationId" :api="HomepageApi">
-        <template #application="{ loading }">
-          <el-select
-            v-model="applicationId"
-            filterable
-            remote
-            fit-input-width
-            class="w-55!"
-            :remote-method="loadApplications"
-            :loading="applicationsLoading"
-            :disabled="loading"
-            @change="handleApplicationChange"
-          >
-            <el-option label="全部智能体" value="all">
+  <MkViewLayout title="">
+    <!-- 快捷创建 -->
+    <h4 class="mb-4 mt-4">快捷创建</h4>
+    <HomeQuickCreate :workspace-id="workspaceId" />
+    <!-- 资源 -->
+    <h4 class="mb-4 mt-4">资源</h4>
+    <HomeResourceOverview :api="HomepageApi" :workspace-id="workspaceId" />
+    <!-- 监控 -->
+    <HomeStatistics class="mt-4" :workspace-id="workspaceId" :application-id="applicationId" :api="HomepageApi">
+      <template #application="{ loading }">
+        <el-select
+          v-model="applicationId"
+          filterable
+          remote
+          fit-input-width
+          class="w-55!"
+          :remote-method="loadApplications"
+          :loading="applicationsLoading"
+          :disabled="loading"
+          @change="handleApplicationChange"
+        >
+          <el-option label="全部智能体" value="all">
+            <div class="flex-align-center gap-2">
+              <MkIcon name="icon_card_outlined" :size="20" class="shrink-0 text-N600" />
+              <span>全部智能体</span>
+            </div>
+          </el-option>
+          <template v-for="application in applications" :key="application.id">
+            <el-option :label="application.name" :value="application.id">
               <div class="flex-align-center gap-2">
-                <MkIcon name="icon_card_outlined" :size="20" class="shrink-0 text-N600" />
-                <span>全部智能体</span>
+                <ApplicationIcon :icon="application.icon" :size="20" class="shrink-0" />
+                <span class="truncate" :title="application.name">{{ application.name }}</span>
               </div>
             </el-option>
-            <template v-for="application in applications" :key="application.id">
-              <el-option :label="application.name" :value="application.id">
-                <div class="flex-align-center gap-2">
-                  <ApplicationIcon :icon="application.icon" :size="20" class="shrink-0" />
-                  <span class="truncate" :title="application.name">{{ application.name }}</span>
-                </div>
-              </el-option>
-            </template>
-            <template #label="{ label, value }">
-              <div class="flex-align-center gap-2">
-                <MkIcon v-if="value === 'all'" name="icon_card_outlined" :size="18" class="shrink-0" />
-                <ApplicationIcon v-else :icon="selectedApplication?.icon" :size="18" class="shrink-0" />
-                <span class="truncate" :title="label">{{ label }}</span>
-              </div>
-            </template>
-          </el-select>
-        </template>
-      </HomeStatistics>
-      <!-- 排行榜 TOP5 -->
-      <HomeRankings class="mt-4" :workspace-id="workspaceId" :api="HomepageApi" />
-    </div>
-  </el-scrollbar>
+          </template>
+          <template #label="{ label, value }">
+            <div class="flex-align-center gap-2">
+              <MkIcon v-if="value === 'all'" name="icon_card_outlined" :size="18" class="shrink-0" />
+              <ApplicationIcon v-else :icon="selectedApplication?.icon" :size="18" class="shrink-0" />
+              <span class="truncate" :title="label">{{ label }}</span>
+            </div>
+          </template>
+        </el-select>
+      </template>
+    </HomeStatistics>
+    <!-- 排行榜 TOP5 -->
+    <HomeRankings class="mt-4" :workspace-id="workspaceId" :api="HomepageApi" />
+  </MkViewLayout>
 </template>
diff --git a/ui/src/views/knowledge-detail/document/components/ButtonDocumentSetting.vue b/ui/src/views/knowledge-detail/document/components/ButtonDocumentSetting.vue
new file mode 100644
index 00000000000..4df3b4fc2d5
--- /dev/null
+++ b/ui/src/views/knowledge-detail/document/components/ButtonDocumentSetting.vue
@@ -0,0 +1,128 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { FormInstance } from 'element-plus'
+import { DOCUMENT_HIT_HANDLING, KNOWLEDGE_TYPE } from '@/api/enums'
+import type { DocumentItem, DocumentSettingPayload } from '@/api/types'
+import DocumentApi from '@/api/admin/workspace/knowledge/document'
+import { DOCUMENT_HIT_HANDLING_LABELS } from '@/constants/document'
+import { MsgSuccess } from '@/utils/message'
+
+defineOptions({ name: 'ButtonDocumentSetting' })
+const props = defineProps<{ knowledgeId: string; documents: DocumentItem[]; batch?: boolean; disabled?: boolean }>()
+const emit = defineEmits<{ refresh: [] }>()
+const visible = ref(false)
+const loading = ref(false)
+const formRef = ref<FormInstance>()
+const document = ref<DocumentItem>()
+const targetDocumentIds = ref<string[]>([])
+const form = ref({
+  hit_handling_method: DOCUMENT_HIT_HANDLING.OPTIMIZATION as DocumentSettingPayload['hit_handling_method'],
+  directly_return_similarity: 0.9,
+  source_url: '',
+  selector: '',
+  allow_download: true,
+})
+
+function handleOpenDialog() {
+  if (props.disabled || loading.value || !props.documents.length) return
+  const documents = props.documents
+  const batch = props.batch
+  document.value = batch ? undefined : documents[0]
+  targetDocumentIds.value = documents.map(({ id }) => id)
+  const current = document.value
+  form.value = {
+    hit_handling_method: current?.hit_handling_method ?? DOCUMENT_HIT_HANDLING.OPTIMIZATION,
+    directly_return_similarity: current?.directly_return_similarity ?? 0.9,
+    source_url: String(current?.meta?.source_url ?? ''),
+    selector: String(current?.meta?.selector ?? ''),
+    allow_download: current?.meta?.allow_download !== false,
+  }
+  visible.value = true
+}
+
+async function handleSubmit() {
+  if (loading.value || !(await formRef.value?.validate().catch(() => false))) return
+  loading.value = true
+  const data: DocumentSettingPayload = {
+    hit_handling_method: form.value.hit_handling_method,
+    directly_return_similarity: form.value.directly_return_similarity,
+  }
+  let request: Promise<unknown>
+  if (document.value) {
+    data.meta = { ...document.value.meta, allow_download: form.value.allow_download }
+    if (document.value.type === KNOWLEDGE_TYPE.WEB) {
+      data.meta.source_url = form.value.source_url.trim()
+      data.meta.selector = form.value.selector
+    }
+    request = DocumentApi.putDocumentSetting(props.knowledgeId, document.value.id, data)
+  } else {
+    request = DocumentApi.putBatchDocumentSetting(props.knowledgeId, targetDocumentIds.value, { ...data, allow_download: form.value.allow_download })
+  }
+  return request
+    .then(() => {
+      MsgSuccess('设置成功')
+      visible.value = false
+      emit('refresh')
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleClosed() {
+  document.value = undefined
+  targetDocumentIds.value = []
+  formRef.value?.clearValidate()
+}
+</script>
+
+<template>
+  <!-- 文档设置入口 -->
+  <MkAction label="设置" icon="icon_setting" :disabled="disabled || loading || !documents.length" @click="handleOpenDialog" />
+  <MkDialog v-model="visible" title="文档设置" :show-close="!loading" @closed="handleClosed">
+    <el-form ref="formRef" :model="form" label-position="top" :disabled="loading" @submit.prevent>
+      <template v-if="document?.type === KNOWLEDGE_TYPE.WEB">
+        <el-form-item
+          label="文档地址"
+          prop="source_url"
+          :rules="[
+            { required: true, message: '请输入文档地址', trigger: 'blur' },
+            { whitespace: true, message: '文档地址不能为空白', trigger: 'blur' },
+          ]"
+        >
+          <el-input v-model="form.source_url" />
+        </el-form-item>
+        <el-form-item label="选择器"><el-input v-model="form.selector" /></el-form-item>
+      </template>
+      <el-form-item label="召回处理">
+        <el-radio-group v-model="form.hit_handling_method">
+          <template v-for="(label, value) in DOCUMENT_HIT_HANDLING_LABELS" :key="value">
+            <el-radio :value="value">{{ label }}</el-radio>
+          </template>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="form.hit_handling_method === DOCUMENT_HIT_HANDLING.DIRECTLY_RETURN" label="相似度阈值">
+        <el-input-number
+          v-model="form.directly_return_similarity"
+          :min="0"
+          :max="1"
+          :precision="3"
+          :step="0.1"
+          :value-on-clear="0"
+          controls-position="right"
+          align="left"
+        />
+      </el-form-item>
+      <el-checkbox v-model="form.allow_download">{{ document?.type === KNOWLEDGE_TYPE.WEB ? '允许预览' : '允许下载' }}</el-checkbox>
+    </el-form>
+    <template #footer>
+      <!-- 取消文档设置 -->
+      <el-button :disabled="loading" @click="visible = false">取消</el-button>
+      <!-- 保存文档设置 -->
+      <el-button type="primary" :loading="loading" @click="handleSubmit">确认</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/knowledge-detail/document/components/ButtonDocumentTags.vue b/ui/src/views/knowledge-detail/document/components/ButtonDocumentTags.vue
new file mode 100644
index 00000000000..35c34cb1fb0
--- /dev/null
+++ b/ui/src/views/knowledge-detail/document/components/ButtonDocumentTags.vue
@@ -0,0 +1,142 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import type { KnowledgeTagGroup } from '@/api/types'
+import DocumentApi from '@/api/admin/workspace/knowledge/document'
+import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import { MsgSuccess } from '@/utils/message'
+
+defineOptions({ name: 'ButtonDocumentTags' })
+const props = defineProps<{ knowledgeId: string; documentIds: string[]; manageTags?: boolean; disabled?: boolean }>()
+const emit = defineEmits<{ refresh: [] }>()
+const visible = ref(false)
+const loading = ref(false)
+const optionLoading = ref(false)
+const targetDocumentIds = ref<string[]>([])
+const manage = ref(false)
+const selectedTagIds = ref<string[]>([])
+const tagGroups = ref<KnowledgeTagGroup[]>([])
+const documentTagGroups = ref<KnowledgeTagGroup[]>([])
+const documentTags = computed(() => documentTagGroups.value.flatMap((group) => group.values.map((tag) => ({ ...tag, key: group.key }))))
+
+function handleOpenDialog() {
+  if (props.disabled || loading.value || optionLoading.value || !props.documentIds.length) return
+  const ids = props.documentIds
+  const manageTags = props.manageTags ?? false
+  targetDocumentIds.value = [...ids]
+  manage.value = manageTags
+  selectedTagIds.value = []
+  documentTagGroups.value = []
+  visible.value = true
+  optionLoading.value = true
+  Promise.all([
+    KnowledgeApi.getKnowledgeTags(props.knowledgeId),
+    manageTags && ids[0] ? DocumentApi.getDocumentTags(props.knowledgeId, ids[0]) : Promise.resolve([]),
+  ])
+    .then(([groups, currentTags]) => {
+      tagGroups.value = groups
+      documentTagGroups.value = currentTags
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      optionLoading.value = false
+    })
+}
+
+function handleAddTags() {
+  if (loading.value || !selectedTagIds.value.length) return
+  loading.value = true
+  return DocumentApi.postAddDocumentTags(props.knowledgeId, targetDocumentIds.value, selectedTagIds.value)
+    .then(() => {
+      MsgSuccess('添加成功')
+      emit('refresh')
+      selectedTagIds.value = []
+      if (manage.value && targetDocumentIds.value[0]) {
+        return DocumentApi.getDocumentTags(props.knowledgeId, targetDocumentIds.value[0]).then((groups) => {
+          documentTagGroups.value = groups
+        })
+      }
+      visible.value = false
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleDeleteTag(tagId: string) {
+  const documentId = targetDocumentIds.value[0]
+  if (loading.value || !documentId) return
+  loading.value = true
+  return DocumentApi.putDeleteDocumentTags(props.knowledgeId, documentId, [tagId])
+    .then(() => {
+      MsgSuccess('移除成功')
+      documentTagGroups.value = documentTagGroups.value.map((group) => ({ ...group, values: group.values.filter(({ id }) => id !== tagId) }))
+      emit('refresh')
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleClosed() {
+  targetDocumentIds.value = []
+  selectedTagIds.value = []
+  documentTagGroups.value = []
+  tagGroups.value = []
+}
+</script>
+
+<template>
+  <!-- 文档标签设置或批量添加入口 -->
+  <MkAction
+    :label="manageTags ? '标签设置' : '添加标签'"
+    icon="icon_tag"
+    :disabled="disabled || loading || !documentIds.length"
+    @click="handleOpenDialog"
+  />
+  <MkDialog v-model="visible" :title="manage ? '标签设置' : '添加标签'" :show-close="!loading && !optionLoading" @closed="handleClosed">
+    <el-form label-position="top" @submit.prevent>
+      <el-form-item label="标签">
+        <el-select
+          v-model="selectedTagIds"
+          multiple
+          filterable
+          placeholder="请选择标签"
+          :loading="optionLoading"
+          :disabled="loading || optionLoading"
+        >
+          <template v-for="group in tagGroups" :key="group.key">
+            <el-option-group :label="group.key">
+              <template v-for="tag in group.values" :key="tag.id">
+                <el-option :label="`${group.key}: ${tag.value}`" :value="tag.id" :disabled="documentTags.some((current) => current.id === tag.id)" />
+              </template>
+            </el-option-group>
+          </template>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <el-table v-if="manage" :data="documentTags" v-loading="loading || optionLoading">
+      <el-table-column prop="key" label="标签名" />
+      <el-table-column prop="value" label="标签值" />
+      <el-table-column label="操作" width="80">
+        <template #default="{ row }">
+          <!-- 移除文档标签 -->
+          <MkAction display="button" label="移除" icon="icon_delete-trash_outlined" :disabled="loading" @click="handleDeleteTag(row.id)" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <template #footer>
+      <!-- 关闭标签设置 -->
+      <el-button :disabled="loading || optionLoading" @click="visible = false">关闭</el-button>
+      <!-- 添加文档标签 -->
+      <el-button type="primary" :disabled="!selectedTagIds.length || optionLoading" :loading="loading" @click="handleAddTags">添加</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/knowledge-detail/document/components/ButtonDocumentTask.vue b/ui/src/views/knowledge-detail/document/components/ButtonDocumentTask.vue
new file mode 100644
index 00000000000..545c554b8ba
--- /dev/null
+++ b/ui/src/views/knowledge-detail/document/components/ButtonDocumentTask.vue
@@ -0,0 +1,147 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { FormInstance } from 'element-plus'
+import { DOCUMENT_TASK_STATE } from '@/api/enums'
+import type { ModelItem, ModelProviderItem } from '@/api/types'
+import DocumentApi from '@/api/admin/workspace/knowledge/document'
+import ModelApi from '@/api/admin/workspace/model'
+import ModelProviderApi from '@/api/admin/model-provider'
+import SelectModel from '@/components/business/select-model/index.vue'
+import { MsgSuccess } from '@/utils/message'
+
+defineOptions({ name: 'ButtonDocumentTask' })
+const props = defineProps<{
+  knowledgeId: string
+  documentIds: string[]
+  action: 'embedding' | 'generate'
+  batch?: boolean
+  display?: 'menu' | 'button'
+  disabled?: boolean
+}>()
+const emit = defineEmits<{ refresh: [] }>()
+const visible = ref(false)
+const loading = ref(false)
+const optionLoading = ref(false)
+const task = ref<'embedding' | 'generate'>('embedding')
+const targetDocumentIds = ref<string[]>([])
+const scope = ref<'error' | 'all'>('error')
+const formRef = ref<FormInstance>()
+const form = ref({ model_id: '', model_params_setting: {} as Record<string, unknown>, prompt: '' })
+const modelOptions = ref<ModelItem[]>([])
+const providerOptions = ref<ModelProviderItem[]>([])
+
+function handleOpenDialog() {
+  if (props.disabled || loading.value || optionLoading.value || !props.documentIds.length) return
+  const ids = props.documentIds
+  const action = props.action
+  targetDocumentIds.value = [...ids]
+  task.value = action
+  scope.value = 'error'
+  form.value = {
+    model_id: '',
+    model_params_setting: {},
+    prompt: '请根据以下内容生成相关问题，每个问题使用 <question></question> 标签包裹。只输出问题。\n内容：{data}',
+  }
+  visible.value = true
+  if (action === 'generate') {
+    optionLoading.value = true
+    Promise.all([ModelApi.getModelListWithShared({ model_type: 'LLM' }), ModelProviderApi.getProviderListByModelType('LLM')])
+      .then(([models, providers]) => {
+        modelOptions.value = models
+        providerOptions.value = providers
+      })
+      .catch(() => {
+        // 请求层统一提示错误，保留当前输入。
+      })
+      .finally(() => {
+        optionLoading.value = false
+      })
+  }
+}
+
+async function handleSubmit() {
+  if (loading.value || optionLoading.value) return
+  if (task.value === 'generate' && !(await formRef.value?.validate().catch(() => false))) return
+  loading.value = true
+  const stateList = Object.values(DOCUMENT_TASK_STATE).filter((state) => scope.value === 'all' || state !== DOCUMENT_TASK_STATE.SUCCESS)
+  const request =
+    task.value === 'embedding'
+      ? DocumentApi.putBatchRefreshDocuments(props.knowledgeId, targetDocumentIds.value, stateList)
+      : DocumentApi.putGenerateDocumentQuestions(props.knowledgeId, {
+          ...form.value,
+          document_id_list: targetDocumentIds.value,
+          state_list: stateList,
+        })
+  return request
+    .then(() => {
+      MsgSuccess('任务已提交')
+      visible.value = false
+      emit('refresh')
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleClosed() {
+  targetDocumentIds.value = []
+  formRef.value?.clearValidate()
+}
+</script>
+
+<template>
+  <!-- 文档向量化或生成问题入口 -->
+  <el-button v-if="batch" :disabled="disabled || loading || !documentIds.length" @click="handleOpenDialog">
+    {{ action === 'embedding' ? '向量化' : '生成问题' }}
+  </el-button>
+  <MkAction
+    v-else
+    :display="display ?? 'menu'"
+    :label="action === 'embedding' ? '向量化' : '生成问题'"
+    :icon="action === 'embedding' ? 'icon_refresh_outlined' : 'icon_new-chat_outlined'"
+    :disabled="disabled || loading || !documentIds.length"
+    @click="handleOpenDialog"
+  />
+  <MkDialog v-model="visible" :title="task === 'embedding' ? '向量化' : '生成问题'" :show-close="!loading && !optionLoading" @closed="handleClosed">
+    <el-form ref="formRef" :model="form" label-position="top" :disabled="loading || optionLoading" @submit.prevent>
+      <template v-if="task === 'generate'">
+        <p class="mb-4 text-N600">提示词使用 {data} 引用分段内容，生成的问题需使用 &lt;question&gt;&lt;/question&gt; 标签包裹。</p>
+        <el-form-item label="AI 模型" prop="model_id" :rules="[{ required: true, message: '请选择 AI 模型', trigger: 'change' }]">
+          <SelectModel
+            v-model="form.model_id"
+            v-model:model-params="form.model_params_setting"
+            :options="modelOptions"
+            :provider-options="providerOptions"
+            can-edit-params
+            :disabled="loading || optionLoading"
+          />
+        </el-form-item>
+        <el-form-item
+          label="提示词"
+          prop="prompt"
+          :rules="[
+            { required: true, message: '请输入提示词', trigger: 'blur' },
+            { whitespace: true, message: '提示词不能为空白', trigger: 'blur' },
+          ]"
+        >
+          <el-input v-model="form.prompt" type="textarea" :rows="7" />
+        </el-form-item>
+      </template>
+      <el-form-item label="选择分段">
+        <el-radio-group v-model="scope">
+          <el-radio value="error">未成功的分段</el-radio>
+          <el-radio value="all">全部分段</el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <!-- 取消任务配置 -->
+      <el-button :disabled="loading || optionLoading" @click="visible = false">取消</el-button>
+      <!-- 提交文档任务 -->
+      <el-button type="primary" :loading="loading" :disabled="optionLoading" @click="handleSubmit">确认</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/knowledge-detail/document/components/ButtonMigrateDocument.vue b/ui/src/views/knowledge-detail/document/components/ButtonMigrateDocument.vue
new file mode 100644
index 00000000000..dce3835cb09
--- /dev/null
+++ b/ui/src/views/knowledge-detail/document/components/ButtonMigrateDocument.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { KnowledgeItem } from '@/api/types'
+import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import DocumentApi from '@/api/admin/workspace/knowledge/document'
+import { MsgSuccess } from '@/utils/message'
+
+defineOptions({ name: 'ButtonMigrateDocument' })
+const props = defineProps<{ knowledgeId: string; documentIds: string[]; disabled?: boolean }>()
+const emit = defineEmits<{ refresh: [] }>()
+const visible = ref(false)
+const loading = ref(false)
+const optionLoading = ref(false)
+const knowledgeOptions = ref<KnowledgeItem[]>([])
+const targetKnowledgeId = ref('')
+const targetDocumentIds = ref<string[]>([])
+
+function handleOpenDialog() {
+  if (props.disabled || loading.value || optionLoading.value || !props.documentIds.length) return
+  const ids = props.documentIds
+  targetDocumentIds.value = [...ids]
+  targetKnowledgeId.value = ''
+  visible.value = true
+  optionLoading.value = true
+  KnowledgeApi.getAllKnowledge()
+    .then((knowledge) => {
+      knowledgeOptions.value = knowledge.filter(({ id }) => id !== props.knowledgeId)
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      optionLoading.value = false
+    })
+}
+
+function handleSubmit() {
+  if (!targetKnowledgeId.value || loading.value) return
+  loading.value = true
+  return DocumentApi.putMigrateDocuments(props.knowledgeId, targetKnowledgeId.value, targetDocumentIds.value)
+    .then(() => {
+      MsgSuccess('迁移成功')
+      visible.value = false
+      emit('refresh')
+    })
+    .catch(() => {
+      // 请求层统一提示错误，保留当前输入。
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleClosed() {
+  targetKnowledgeId.value = ''
+  targetDocumentIds.value = []
+  knowledgeOptions.value = []
+}
+</script>
+
+<template>
+  <!-- 文档迁移入口 -->
+  <MkAction label="迁移" icon="icon_move2_outlined" :disabled="disabled || loading || !documentIds.length" @click="handleOpenDialog" />
+  <MkDialog v-model="visible" title="迁移文档" :show-close="!loading && !optionLoading" @closed="handleClosed">
+    <el-form label-position="top" @submit.prevent>
+      <el-form-item label="目标知识库" required>
+        <el-select v-model="targetKnowledgeId" filterable placeholder="请选择知识库" :loading="optionLoading" :disabled="loading">
+          <template v-for="target in knowledgeOptions" :key="target.id">
+            <el-option :label="target.name" :value="target.id" />
+          </template>
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <!-- 取消文档迁移 -->
+      <el-button :disabled="loading || optionLoading" @click="visible = false">取消</el-button>
+      <!-- 确认迁移文档 -->
+      <el-button type="primary" :loading="loading" :disabled="!targetKnowledgeId || optionLoading" @click="handleSubmit">确认</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/knowledge-detail/document/index.vue b/ui/src/views/knowledge-detail/document/index.vue
index 6a75d4bc3fb..7143193fa76 100644
--- a/ui/src/views/knowledge-detail/document/index.vue
+++ b/ui/src/views/knowledge-detail/document/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
-import type { CascaderOption } from 'element-plus'
+import type { CascaderOption, UploadFile } from 'element-plus'
 import type MkQuickCreate from '@/components/global/mk-table/MkQuickCreate.vue'
 import type { ResourceDetailPageProps } from '@/layout/ResourceDetailLayout.vue'
 import DocumentApi from '@/api/admin/workspace/knowledge/document'
@@ -13,13 +13,17 @@ import CommonSystemApi from '@/api/admin/system/common'
 import { DOCUMENT_TASK_STATE, DOCUMENT_TASK_TYPE, KNOWLEDGE_TYPE, STATE_TYPES } from '@/api/enums'
 import { DOCUMENT_HIT_HANDLING_LABELS } from '@/constants/document'
 import { STATE_LABELS } from '@/constants/state'
-import type { Dict, DocumentHitHandling, DocumentItem, OptionItem } from '@/api/types'
+import type { Dict, DocumentHitHandling, DocumentItem, DocumentTaskType, OptionItem } from '@/api/types'
 import { datetimeFormat } from '@/utils/time'
 import { isWorkspaceSharedResource } from '@/utils/resource-context'
 import { numberFormat } from '@/utils/number'
-import { MsgSuccess } from '@/utils/message'
+import { MsgConfirm, MsgInfo, MsgSuccess } from '@/utils/message'
 import DocumentStatus from './components/DocumentStatus.vue'
 import DocumentTags from './components/DocumentTags.vue'
+import ButtonDocumentTask from './components/ButtonDocumentTask.vue'
+import ButtonDocumentSetting from './components/ButtonDocumentSetting.vue'
+import ButtonMigrateDocument from './components/ButtonMigrateDocument.vue'
+import ButtonDocumentTags from './components/ButtonDocumentTags.vue'
 import { useKnowledgeDetailContext } from '../context'
 
 defineOptions({ name: 'DocumentListView' })
@@ -30,6 +34,121 @@ const route = useRoute()
 const knowledgeId = computed(() => String(route.params.knowledgeId ?? ''))
 const { knowledge } = useKnowledgeDetailContext()
 
+/* 文档多选：翻页保留选择，查询条件变化时清空。 */
+const documentTableRef = ref<{ clearSelection: () => void }>()
+const selectedDocuments = ref<DocumentItem[]>([])
+const selectedDocumentIds = computed(() => selectedDocuments.value.map(({ id }) => id))
+
+function handleSelectionChange(documents: unknown[]) {
+  selectedDocuments.value = documents as DocumentItem[]
+}
+
+function clearDocumentSelection() {
+  documentTableRef.value?.clearSelection()
+  selectedDocuments.value = []
+}
+
+/* 单项与批量文档操作 */
+const operationLoading = ref(false)
+const canSyncDocuments = computed(() => knowledge.value?.type === KNOWLEDGE_TYPE.WEB || knowledge.value?.type === KNOWLEDGE_TYPE.LARK)
+
+function getSelectedDocuments(document?: DocumentItem) {
+  return document ? [document] : selectedDocuments.value
+}
+
+function isTaskRunning(document: DocumentItem, taskType: DocumentTaskType) {
+  const state = document.status?.at(-taskType)
+  return state === DOCUMENT_TASK_STATE.PENDING || state === DOCUMENT_TASK_STATE.STARTED
+}
+
+function refreshAfterOperation() {
+  clearDocumentSelection()
+  return loadDocuments()
+}
+
+function runDocumentOperation(request: () => Promise<unknown>, refresh = true) {
+  if (operationLoading.value) return Promise.resolve()
+  operationLoading.value = true
+  return request()
+    .then(() => {
+      MsgSuccess('操作成功')
+      if (refresh) return refreshAfterOperation()
+    })
+    .catch(() => {
+      // 请求层统一提示错误，失败保留选择以便重试。
+    })
+    .finally(() => {
+      operationLoading.value = false
+    })
+}
+
+function handleCancelTask(taskType: DocumentTaskType, document?: DocumentItem) {
+  const ids = getSelectedDocuments(document).map(({ id }) => id)
+  if (ids.length) return runDocumentOperation(() => DocumentApi.putBatchCancelDocumentTask(knowledgeId.value, ids, taskType))
+}
+
+function handleTokenize(document?: DocumentItem) {
+  const ids = getSelectedDocuments(document).map(({ id }) => id)
+  if (ids.length) return runDocumentOperation(() => DocumentApi.putBatchTokenizeDocuments(knowledgeId.value, ids, Object.values(DOCUMENT_TASK_STATE)))
+}
+
+function handleChangeActive(document: DocumentItem) {
+  return runDocumentOperation(() => DocumentApi.putDocumentActive(knowledgeId.value, document.id, !document.is_active))
+}
+
+function handleExport(format: 'excel' | 'zip', document?: DocumentItem) {
+  const ids = getSelectedDocuments(document).map(({ id }) => id)
+  if (ids.length) return runDocumentOperation(() => DocumentApi.exportDocuments(knowledgeId.value, ids, format), false)
+}
+
+function handleDownload(document: DocumentItem) {
+  return runDocumentOperation(() => DocumentApi.downloadDocumentSource(knowledgeId.value, document), false)
+}
+
+function handleReplace(file: UploadFile, document: DocumentItem) {
+  if (file.raw) {
+    const sourceFile = file.raw
+    return runDocumentOperation(() => DocumentApi.postReplaceDocumentSource(knowledgeId.value, document.id, sourceFile))
+  }
+}
+
+function handleSync(document?: DocumentItem) {
+  const documents = getSelectedDocuments(document)
+  if (!documents.length || operationLoading.value) return
+  if (document?.type === KNOWLEDGE_TYPE.WEB && !document.meta?.source_url) {
+    MsgInfo('文档没有来源地址，请先在设置中填写文档地址')
+    return
+  }
+  const ids = documents.map(({ id }) => id)
+  return MsgConfirm('同步文档', '同步后将覆盖现有文档内容，是否继续？', { confirmButtonText: '同步' })
+    .then(() => {
+      return runDocumentOperation(() =>
+        knowledge.value?.type === KNOWLEDGE_TYPE.LARK
+          ? DocumentApi.putSyncLarkDocuments(knowledgeId.value, ids)
+          : DocumentApi.putSyncDocuments(knowledgeId.value, ids),
+      )
+    })
+    .catch(() => {})
+}
+
+function handleDelete(document?: DocumentItem) {
+  const documents = getSelectedDocuments(document)
+  if (!documents.length || operationLoading.value) return
+  const ids = documents.map(({ id }) => id)
+  return MsgConfirm(`删除 ${ids.length} 个文档`, '删除后无法恢复，是否继续？')
+    .then(() => {
+      return runDocumentOperation(() => {
+        const request = document
+          ? DocumentApi.deleteDocument(knowledgeId.value, document.id)
+          : DocumentApi.putBatchDeleteDocuments(knowledgeId.value, ids)
+        return request.then(() => {
+          paginationConfig.value.total = Math.max(0, paginationConfig.value.total - ids.length)
+        })
+      })
+    })
+    .catch(() => {})
+}
+
 /* 快速创建 */
 const showQuickCreate = computed(() => knowledge.value?.type === KNOWLEDGE_TYPE.BASE && !isWorkspaceSharedResource())
 const quickCreateRef = ref<InstanceType<typeof MkQuickCreate>>()
@@ -143,11 +262,12 @@ function loadDocumentTagOptions() {
 }
 
 function handleDocumentFilterChange() {
+  clearDocumentSelection()
   paginationConfig.value.currentPage = 1
   return loadDocuments()
 }
 
-function loadDocuments() {
+function loadDocuments(): Promise<void> {
   loading.value = true
   const requestApi = isWorkspaceSharedResource() ? SharedDocumentApi : DocumentApi
   return requestApi
@@ -162,6 +282,12 @@ function loadDocuments() {
     .then((page) => {
       documentData.value = page.records
       paginationConfig.value.total = page.total
+      // 删除或迁移最后一页文档后，回到仍有数据的最后一页。
+      const lastPage = Math.max(1, Math.ceil(page.total / paginationConfig.value.pageSize))
+      if (paginationConfig.value.currentPage > lastPage) {
+        paginationConfig.value.currentPage = lastPage
+        return loadDocuments()
+      }
     })
     .finally(() => {
       loading.value = false
@@ -169,6 +295,7 @@ function loadDocuments() {
 }
 
 function handleSearchChange(query?: Dict<unknown>) {
+  clearDocumentSelection()
   documentQuery.value = query ?? {}
   paginationConfig.value.currentPage = 1
   return loadDocuments()
@@ -187,18 +314,23 @@ onMounted(() => {
     </div>
   </Teleport>
   <MkTable
-    v-loading="loading"
+    ref="documentTableRef"
+    v-loading="loading || operationLoading"
     :data="documentData"
     v-model:pagination-config="paginationConfig"
     :max-table-height="210"
     @current-change="loadDocuments"
     @size-change="loadDocuments"
+    @selection-change="handleSelectionChange"
     resizable
   >
     <template v-if="showQuickCreate" #body-prepend>
       <!-- 快速创建空白文档 -->
       <MkQuickCreate ref="quickCreateRef" text="快速创建空白文档" placeholder="请输入文档名称" @create="handleCreateDocument" />
     </template>
+
+    <el-table-column v-if="!isWorkspaceSharedResource()" type="selection" width="40" fixed="left" reserve-selection />
+
     <el-table-column prop="name" label="文档名称" min-width="220" show-overflow-tooltip />
 
     <el-table-column width="140">
@@ -283,5 +415,6 @@ onMounted(() => {
     <el-table-column label="创建时间" width="180">
       <template #default="{ row }">{{ datetimeFormat(row.create_time) }}</template>
     </el-table-column>
+
   </MkTable>
 </template>
diff --git a/ui/src/views/system/home/index.vue b/ui/src/views/system/home/index.vue
index 11526458775..a146d5f856a 100644
--- a/ui/src/views/system/home/index.vue
+++ b/ui/src/views/system/home/index.vue
@@ -69,63 +69,61 @@ onMounted(() => {
 })
 </script>
 <template>
-  <el-scrollbar class="h-full">
-    <!-- 切换工作空间 -->
-    <div class="px-6 py-4">
+  <MkViewLayout title="">
+    <template #top>
       <WorkspaceDropdown v-model="selectedWorkspaceId" :options="workspaceOptions" @select="handleWorkspaceSelect" />
-    </div>
-    <el-divider />
+    </template>
+
     <!-- 资源 -->
-    <div class="px-6 py-4">
-      <h4 class="mb-4 mt-4">资源</h4>
-      <HomeResourceOverview :key="selectedWorkspaceId" :api="SystemHomepageApi" :workspace-id="selectedWorkspaceId" />
-      <!-- 监控 -->
-      <HomeStatistics
-        :key="selectedWorkspaceId"
-        class="mt-4"
-        :workspace-id="selectedWorkspaceId"
-        :application-id="applicationId"
-        :api="SystemHomepageApi"
-      >
-        <template #application="{ loading }">
-          <el-select
-            v-model="applicationId"
-            filterable
-            remote
-            fit-input-width
-            class="w-55!"
-            :remote-method="loadApplications"
-            :loading="applicationsLoading"
-            :disabled="loading"
-            @change="handleApplicationChange"
-          >
-            <el-option label="全部智能体" value="all">
+
+    <h4 class="mb-4 mt-4">资源</h4>
+    <HomeResourceOverview :key="selectedWorkspaceId" :api="SystemHomepageApi" :workspace-id="selectedWorkspaceId" />
+    <!-- 监控 -->
+    <HomeStatistics
+      :key="selectedWorkspaceId"
+      class="mt-4"
+      :workspace-id="selectedWorkspaceId"
+      :application-id="applicationId"
+      :api="SystemHomepageApi"
+    >
+      <template #application="{ loading }">
+        <el-select
+          v-model="applicationId"
+          filterable
+          remote
+          fit-input-width
+          class="w-55!"
+          :remote-method="loadApplications"
+          :loading="applicationsLoading"
+          :disabled="loading"
+          @change="handleApplicationChange"
+        >
+          <el-option label="全部智能体" value="all">
+            <div class="flex-align-center gap-2">
+              <MkIcon name="icon_card_outlined" :size="20" class="shrink-0 text-N600" />
+              <span>全部智能体</span>
+            </div>
+          </el-option>
+          <!--  TODO 全部智能体 -->
+          <template v-for="application in applications" :key="application.id">
+            <el-option :label="application.name" :value="application.id">
               <div class="flex-align-center gap-2">
-                <MkIcon name="icon_card_outlined" :size="20" class="shrink-0 text-N600" />
-                <span>全部智能体</span>
+                <ApplicationIcon :icon="application.icon" :size="20" class="shrink-0" />
+                <span class="truncate" :title="application.name">{{ application.name }}</span>
               </div>
             </el-option>
-            <!--  TODO 全部智能体 -->
-            <template v-for="application in applications" :key="application.id">
-              <el-option :label="application.name" :value="application.id">
-                <div class="flex-align-center gap-2">
-                  <ApplicationIcon :icon="application.icon" :size="20" class="shrink-0" />
-                  <span class="truncate" :title="application.name">{{ application.name }}</span>
-                </div>
-              </el-option>
-            </template>
-            <template #label="{ label, value }">
-              <div class="flex-align-center gap-2">
-                <MkIcon v-if="value === 'all'" name="icon_card_outlined" :size="18" class="shrink-0" />
-                <ApplicationIcon v-else :icon="selectedApplication?.icon" :size="18" class="shrink-0" />
-                <span class="truncate" :title="label">{{ label }}</span>
-              </div>
-            </template>
-          </el-select>
-        </template>
-      </HomeStatistics>
-      <!-- 排行榜 TOP5 -->
-      <HomeRankings :key="selectedWorkspaceId" class="mt-4" :workspace-id="selectedWorkspaceId" :api="SystemHomepageApi" />
-    </div>
-  </el-scrollbar>
+          </template>
+          <template #label="{ label, value }">
+            <div class="flex-align-center gap-2">
+              <MkIcon v-if="value === 'all'" name="icon_card_outlined" :size="18" class="shrink-0" />
+              <ApplicationIcon v-else :icon="selectedApplication?.icon" :size="18" class="shrink-0" />
+              <span class="truncate" :title="label">{{ label }}</span>
+            </div>
+          </template>
+        </el-select>
+      </template>
+    </HomeStatistics>
+    <!-- 排行榜 TOP5 -->
+    <HomeRankings :key="selectedWorkspaceId" class="mt-4" :workspace-id="selectedWorkspaceId" :api="SystemHomepageApi" />
+  </MkViewLayout>
 </template>